﻿/* Public engineering pages. The internal overview retains its existing stylesheet. */
.engineering { --bg:#101820; --ink:#eef3f6; --muted:#b9c5ce; --line:#34434e; --lime:#7dc5ec; --cyan:#7dc5ec; background:#101820; font-family:Arial,Helvetica,sans-serif; line-height:1.65; }
.engineering h1,.engineering h2,.engineering h3 { font-family:Arial,Helvetica,sans-serif; letter-spacing:-.035em; }
.engineering .brand-mark { width:96px; height:46px; font-size:0; color:transparent; background:url(assets/ies-logo-white.png) left center/contain no-repeat; box-shadow:none; }
.engineering .site-header { border-bottom:1px solid var(--line); gap:24px; }
.engineering .site-nav { gap:24px; }
.engineering .hero { min-height:auto; padding:80px 0; gap:7%; grid-template-columns:1.2fr 1fr; }
.engineering h1 { font-size:clamp(36px,4.3vw,60px); line-height:1.08; }
.engineering h2 { font-size:clamp(28px,3vw,40px); line-height:1.18; }
.engineering h3 { font-size:23px; line-height:1.3; margin:0 0 16px; }
.engineering .eyebrow { color:var(--cyan); line-height:1.6; margin-bottom:20px; }
.engineering .hero-lede { font-size:18px; }
.engineering .hero-actions { flex-wrap:wrap; gap:20px; margin-top:30px; }
.engineering .button { background:#7dc5ec; color:#101820; border-radius:3px; font-family:inherit; font-size:14px; min-height:48px; }
.engineering .button:hover { background:#b5def5; transform:none; }
.engineering .text-link { text-decoration:underline; text-underline-offset:5px; font-size:14px; }
.hero-footnote { color:var(--muted); font-size:13px; margin-top:28px; }
.hero-footnote a { color:var(--ink); text-decoration:underline; }
.technical-panel { border:1px solid var(--line); background:#17232d; padding:30px; }
.technical-panel h2 { font-size:28px; margin:0 0 24px; }
.technical-panel>a { display:flex; align-items:center; gap:18px; padding:20px 0; border-top:1px solid var(--line); }
.technical-panel>a:hover strong { text-decoration:underline; }
.technical-panel>a>span { color:var(--cyan); font-size:13px; }
.technical-panel>a>span:last-child { margin-left:auto; }
.technical-panel p:not(.eyebrow) { margin:4px 0 0; font-size:13px; color:var(--muted); }
.panel-note { border-top:1px solid var(--line); padding-top:18px; font-size:12px; color:var(--muted); }
.services-section,.process-overview { padding:64px 0 80px; border-top:1px solid var(--line); }
.engineering .section-heading { grid-template-columns:1fr 2fr; margin-bottom:36px; }
.engineering .section-heading h2 { font-size:clamp(28px,3vw,40px); }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.service-card { padding:26px; border:1px solid var(--line); display:flex; flex-direction:column; align-items:flex-start; }
.service-card p,.process-overview p { color:var(--muted); margin:0 0 24px; }
.service-card .text-link { margin-top:auto; }
.guide-section { padding:64px 0; background:#1a2833; }
.guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.guide-grid ul { padding-left:22px; color:var(--muted); }
.guide-grid li { margin-bottom:10px; }
.guide-note { color:var(--muted); border-top:1px solid var(--line); padding-top:20px; font-size:13px; }
.contact-section { background:#e9f0f4; color:#17232d; padding:64px 0; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:9%; }
.contact-section .eyebrow { color:#285671; }
.engineering .assessment-copy h2 { color:#17232d; font-size:clamp(30px,3vw,42px); }
.engineering .assessment-copy>p:not(.eyebrow) { color:#344b5a; }
.contact-phone { display:inline-block; margin-top:24px; font-size:28px; font-weight:700; }
.contact-note,.form-help { font-size:13px; }
.engineering .lead-form label { display:block; color:#17232d; }
.engineering .lead-form input,.engineering .lead-form select,.engineering .lead-form textarea { background:white; border:1px solid #687e8e; border-radius:3px; padding:12px; font-family:inherit; color:#17232d; }
.engineering .lead-form textarea::placeholder { color:#4d6372; }
.engineering .lead-form .button { margin-top:8px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
#form-status { font-size:14px; }
#email-fallback { text-decoration:underline; }
.engineering :focus-visible { outline:3px solid #7dc5ec; outline-offset:4px; }
.engineering .contact-section :focus-visible { outline-color:#225674; }
.engineering .site-footer { font-family:inherit; }
.skip-link { position:fixed; top:-100px; left:16px; padding:12px; background:white; color:#101820; z-index:10; }
.skip-link:focus { top:10px; }
section[id] { scroll-margin-top:24px; }
.detail-content { max-width:820px; padding-top:60px; padding-bottom:70px; }
.detail-content h1 { margin:20px 0 28px; }
.detail-content h2 { margin-top:44px; }
.detail-content p,.detail-content li { color:var(--muted); }
.detail-content li { margin-bottom:12px; }
.detail-content .button { margin-top:24px; }
@media(max-width:1000px) { .engineering .site-header { flex-wrap:wrap; }.engineering .site-nav { order:3; width:100%; margin:0; padding-top:8px; flex-wrap:wrap; }.engineering .hero { gap:30px; }.service-grid { gap:18px; }.service-card { padding:20px; } }
@media(max-width:760px) { .engineering .section-shell,.engineering .site-header { width:calc(100% - 36px); }.engineering .hero,.engineering .section-heading,.service-grid,.guide-grid,.contact-grid { grid-template-columns:1fr; gap:28px; }.engineering .hero { padding:48px 0; }.engineering .site-nav { font-size:13px; gap:12px 22px; }.engineering .brand { white-space:normal; }.engineering .section-heading { margin-bottom:28px; }.technical-panel { padding:24px; }.services-section,.process-overview,.guide-section,.contact-section { padding-top:44px; padding-bottom:44px; }.engineering .site-footer { grid-template-columns:1fr; }.engineering .header-link { display:none; } }
@media(max-width:400px) { .form-row { grid-template-columns:1fr; gap:0; }.engineering .hero-actions { align-items:stretch; flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }

/* Manufacturer identity: preserve logo proportions and original colors. */
.manufacturer-section { padding:18px 0 46px; }
.manufacturer-heading { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:18px; }
.manufacturer-heading .eyebrow { margin:0; }
.manufacturer-heading>p:last-child { color:var(--muted); font-size:13px; margin:0; }
.manufacturer-logos { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:0; margin:0; list-style:none; }
.manufacturer-logo { display:flex; align-items:center; justify-content:center; min-width:0; min-height:105px; padding:24px 18px; border-radius:4px; background:#fff; border:1px solid #cddbe5; }
.manufacturer-logo img { display:block; width:100%; max-width:180px; height:52px; object-fit:contain; }
.brand-beckhoff img { background:#e30613; padding:10px; height:auto; }
.manufacturer-note { margin:14px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.detail-content .manufacturer-heading { display:block; }
.detail-content .manufacturer-heading>p:last-child { margin-top:8px; }
.detail-content .manufacturer-logo { padding:18px 12px; min-height:90px; }
@media(max-width:760px) { .manufacturer-heading { display:block; }.manufacturer-heading>p:last-child { margin-top:10px; }.manufacturer-logos { grid-template-columns:repeat(3,minmax(0,1fr)); }.manufacturer-logo { min-height:88px; padding:18px 12px; } }
@media(max-width:420px) { .manufacturer-logos { grid-template-columns:repeat(2,minmax(0,1fr)); }.manufacturer-logo:last-child { grid-column:1/-1; }.manufacturer-logo img { max-width:155px; } }

/* Leadership: source-confirmed roles and experience. */
.leadership-section { padding:72px 0; border-top:1px solid var(--line); }
.leadership-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.leader-card { padding:32px; background:#172b3e; border:1px solid #3d566b; border-radius:6px; display:flex; flex-direction:column; align-items:flex-start; }
.leader-heading { display:flex; align-items:center; gap:20px; width:100%; padding-bottom:24px; border-bottom:1px solid #3d566b; }
.leader-monogram { display:grid; place-items:center; width:76px; height:76px; flex:0 0 76px; border:1px solid #7dc5ec70; background:#243e52; color:#a2d8f5; font-size:27px; font-weight:700; }
.leader-label { color:#9cc4de; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin:0 0 8px; }
.engineering .leader-card h3 { font-size:29px; margin:0 0 6px; }
.leader-role { font-size:14px; color:#eef3f6; margin:0; line-height:1.5; }
.leader-bio { color:var(--muted); font-size:16px; margin:24px 0; }
.leader-credentials { padding-left:19px; margin:0 0 28px; color:var(--muted); font-size:14px; }
.leader-credentials li { margin-bottom:12px; }
.leader-credentials strong { color:#eef3f6; }
.leader-focus { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:30px; }
.leader-focus span { padding:7px 10px; border:1px solid #4a687e; color:#c5dbe8; font-size:12px; }
.leader-card>.text-link { margin-top:auto; color:#a2d8f5; }
@media(max-width:760px) { .leadership-grid { grid-template-columns:1fr; }.leadership-section { padding:48px 0; }.leader-card { padding:24px; }.leader-heading { gap:14px; }.leader-monogram { width:56px; height:56px; flex-basis:56px; font-size:22px; }.engineering .leader-card h3 { font-size:26px; } }

.leader-portrait { display:block; width:120px; height:120px; flex:0 0 120px; object-fit:cover; border-radius:5px; border:1px solid #7dc5ec70; }
@media(max-width:480px) { .leader-heading { flex-direction:column; align-items:flex-start; }.leader-portrait { width:140px; height:140px; flex-basis:auto; } }

/* Service inquiry improvements prepared 2026-10-18. */
.service-next-step { margin:24px 0 32px; }
.service-next-step p { font-size:14px; margin-top:14px; }
.service-questions h3 { margin:28px 0 12px; font-size:20px; }
.related-services { margin-top:40px; }
@media(max-width:760px) { .engineering .header-link { display:inline-flex; align-items:center; min-height:44px; }.service-next-step .button { min-height:44px; white-space:normal; }.detail-content { overflow-wrap:anywhere; } }

/* Public service and profile links. */
.footer-service-links { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:8px 24px; padding-top:16px; border-top:1px solid var(--line); }
.footer-service-links a { display:inline-flex; align-items:center; min-height:44px; max-width:100%; overflow-wrap:anywhere; }
