@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* Engineering Connections — Edition 02
   Technical editorial. Architectural spacing, high-contrast ink and paper,
   restrained signal-lime highlights, blueprint-inspired details. */
:root{
  color-scheme:light;
  --ink:#132126;--charcoal:#101c20;--muted:#59696a;
  --paper:#f3f2eb;--wash:#e7e9e2;--warm:#f9f8f3;
  --line:#cbd2cc;--gold:#d4a35a;--gold-dark:#ac7833;--gold-light:#eee0c6;
  --signal:#dcf18a;--radius:3px;--shadow:0 22px 70px rgba(12,23,25,.10);
  --font:'Space Grotesk',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;
  --mono:'IBM Plex Mono',monospace;
}
html{scroll-padding-top:95px;scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.62;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--display);color:var(--ink);letter-spacing:-.058em;line-height:1.09}
h2{font-size:clamp(2.4rem,4.65vw,4.85rem);font-weight:600}
h3{letter-spacing:-.04em}
p{color:#546368}
::selection{background:var(--signal);color:var(--ink)}
a{text-underline-offset:4px}
.container{width:min(1320px,calc(100% - 96px))}
.section{padding:clamp(90px,9vw,150px) 0}
.section-sm{padding:clamp(62px,6vw,100px) 0}
.section-wash{background:#142327;color:#f1f4ed;position:relative}
.section-wash:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(to right,#c7d9ce16 1px,transparent 1px);background-size:96px 100%}
.section-warm{background:#ecece5}
.section-wash h1,.section-wash h2,.section-wash h3,.section-wash h4,.section-wash .section-head h2{color:#f7f7f0}
.section-wash p,.section-wash .section-head p{color:#adbcba}
.gold{color:#c7954a}
.section-wash .gold{color:var(--signal)}
.eyebrow,.overline,.review-kicker{font-family:var(--mono);font-size:.69rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#87652e}
.eyebrow:before{width:26px;height:2px;background:currentColor}
.section-wash .eyebrow{color:var(--signal)}
.section-head{align-items:flex-end;gap:50px;margin-bottom:clamp(32px,5vw,65px)}
.section-head h2{margin-top:23px;max-width:860px}
.section-head p{max-width:310px;font-size:1rem;line-height:1.75}
.text-link{font-family:var(--mono);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#8c6328;display:inline-flex;gap:10px;align-items:center}
.text-link:hover{color:#222f28}
.section-wash .text-link,.testimonials .text-link{color:var(--signal)}
.arrow{transition:transform .2s ease}
.text-link:hover .arrow{transform:translate(3px,-3px)}
.btn{border-radius:2px;min-height:52px;padding:13px 24px;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.045em;text-transform:uppercase;gap:12px;transition:background .2s,transform .2s,color .2s,border-color .2s}
.btn:hover{transform:translateY(-3px)}
.btn-primary,.btn-gold{background:var(--signal);border:1px solid var(--signal);color:#18231c}
.btn-primary:hover,.btn-gold:hover{background:#efffaf;border-color:#efffaf;color:#14201a;box-shadow:none}
.btn-outline{background:transparent;color:var(--ink);border:1px solid #7b8a87}
.btn-outline:hover{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}
.section-wash .btn-outline,.testimonials .btn-outline{color:#fff;border-color:#83928e}
.section-wash .btn-outline:hover,.testimonials .btn-outline:hover{background:var(--signal);color:var(--ink);border-color:var(--signal)}
.top-strip{height:auto;padding:7px 12px;text-align:center;background:var(--signal);border:0;color:#17241c;font-family:var(--mono);font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;font-weight:600}
.top-strip span{color:#65802e}
.site-header{position:sticky;top:0;z-index:60;background:rgba(246,245,239,.96);backdrop-filter:blur(18px);border-bottom:1px solid #c5cbc6;box-shadow:none}
.nav-wrap{min-height:88px;gap:26px}
.brand{gap:12px}
.brand img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 0 transparent)}
.brand-text{line-height:1.14}
.brand-text strong{font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:#101d22}
.brand-text span{font-family:var(--mono);font-size:.52rem;letter-spacing:.085em;color:#626f70;font-weight:500}
.nav-links{gap:clamp(13px,2vw,32px)}
.nav-links a{font-family:var(--mono);font-size:.69rem;font-weight:500;letter-spacing:.018em;text-transform:uppercase;color:#314146;position:relative}
.nav-links a:hover,.nav-links a.active{color:#8c6229}
.nav-links a.active:after{content:'';height:2px;background:#c2954d;position:absolute;left:0;right:0;bottom:-12px}
.nav-cta{min-height:43px;padding:11px 15px;font-size:.64rem;white-space:nowrap}
.menu-toggle{border-radius:2px;background:#142327;color:#fff;border:1px solid #142327}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#132226;color:#f7f8f0}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.8;background-image:linear-gradient(#d8edda0b 1px,transparent 1px),linear-gradient(90deg,#d8edda0b 1px,transparent 1px),radial-gradient(ellipse at 83% 25%,#b6cf6b17,transparent 47%);background-size:74px 74px,74px 74px,auto}
.hero:after{content:'EC / 01';position:absolute;left:max(48px,calc((100vw - 1320px)/2));bottom:16px;color:#b9c7b77a;font:500 .63rem var(--mono);letter-spacing:.18em;background:none;height:auto}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,68px);padding:clamp(76px,8vw,135px) 0 clamp(87px,9vw,140px);align-items:center}
.hero-content{position:relative;z-index:3}
.hero-content .eyebrow{color:var(--signal)}
.hero-content h1{color:#fafbf3;font-weight:600;letter-spacing:-.085em;font-size:clamp(3.3rem,6.1vw,7.65rem);line-height:.98;margin:27px 0 31px;max-width:830px}
.hero-content h1 .line-gold{color:var(--signal);display:inline}
.hero-content>p{color:#b7c5c1;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.78;max-width:530px}
.hero-content .btn-row{margin-top:34px;gap:12px;flex-wrap:wrap}
.hero-content .btn-outline{color:#e6ece5;border-color:#879690}
.hero-content .btn-outline:hover{color:#15241f;background:#f0f3e8}
.hero-meta{border-top:1px solid #71837f70;margin-top:clamp(48px,6vw,86px);padding-top:21px;color:#bdc9c4;font-family:var(--mono);font-size:.7rem;letter-spacing:.008em}
.hero-meta strong{color:var(--signal);font-weight:600}
.hero-meta .dot{background:var(--signal);width:4px;height:4px}
.visual-shell{position:relative;min-height:550px;width:100%;isolation:isolate;padding:24px}
.visual-shell:before{content:'';position:absolute;inset:0;z-index:-1;border:1px solid #a9baa258;background:linear-gradient(90deg,#e6f4d11c 1px,transparent 1px),linear-gradient(#e6f4d11c 1px,transparent 1px);background-size:49px 49px;clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,0 100%)}
.visual-shell:after{content:'SYSTEM // CONNECTION';position:absolute;top:2px;right:22px;color:#b1beae;font:500 .59rem var(--mono);letter-spacing:.16em}
.hero-visual{width:100%;aspect-ratio:1/1.07;max-height:565px;min-height:420px;background:radial-gradient(circle at 49% 49%,#29413f 0,#14282a 35%,#111d21 68%);border:1px solid #69817d90;border-radius:0;box-shadow:none;overflow:hidden}
.hero-visual:before{content:'';position:absolute;inset:12%;border:1px solid #d8f3bc22;border-radius:50%;box-shadow:0 0 0 45px #c4ef8a09,0 0 0 95px #c4ef8a07;pointer-events:none}
.hero-visual:after{inset:15px;border:1px solid #acc5a13a;border-radius:0}
.hero-visual img{position:relative;z-index:1;width:78%;height:80%;margin:8% auto 0;object-fit:contain;object-position:center;mix-blend-mode:normal;filter:drop-shadow(0 12px 38px #dbb26923)}
.visual-caption{bottom:23px;left:25px;color:#bfc8bd;font-family:var(--mono);font-size:.57rem;letter-spacing:.12em}
.float-note{background:#e9eddf;border:1px solid #d6e3d1;border-radius:0;color:#1a2a27;box-shadow:12px 12px 0 #0a151971;padding:15px 20px}
.float-note strong{color:#1c302b;font-family:var(--display);font-size:.95rem}
.float-note span{color:#4f6761}
.float-note.one{bottom:3%;left:-5%}
.float-note.two{top:8%;right:-5%;background:var(--signal);border-color:var(--signal)}
.float-note .small-icon{color:#384c24}
.trust-row{background:#0d191c;border-top:1px solid #334440;border-bottom:1px solid #334440}
.trust-content{padding:22px 0;gap:28px}
.trust-content>span{color:var(--signal);font:600 .64rem var(--mono);letter-spacing:.17em;text-transform:uppercase}
.trust-items{gap:clamp(12px,3vw,47px)}
.trust-items span{color:#bdc9c4;font:400 .69rem var(--mono);letter-spacing:.02em}
.trust-items span:before{color:var(--signal)}
.cards-3{gap:1px;border:1px solid #cdd3cf;background:#cdd3cf;grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-card{background:#fafaf5;border:0;border-radius:0;box-shadow:none;padding:clamp(27px,3vw,50px);position:relative;min-height:310px;transition:background .25s,transform .25s}
.feature-card:hover{background:#ebefda;box-shadow:none;border:0;transform:none}
.feature-card:after{content:'↗';position:absolute;top:22px;right:24px;color:#687c6a;font:500 1.25rem var(--mono)}
.icon-box{width:60px;height:60px;border-radius:50%;background:#d7e7a6;border:1px solid #93a577;color:#293f2b;display:grid;place-items:center;font-size:1.7rem;margin-bottom:37px}
.feature-card h3{font-size:1.45rem;color:#172527;margin-bottom:15px}
.feature-card p{color:#566765;font-size:.96rem;line-height:1.72}
.section-wash .cards-3{background:#3c504d;border-color:#3c504d}
.section-wash .feature-card{background:#1b2e31}
.section-wash .feature-card:hover{background:#263b3a}
.section-wash .feature-card h3{color:#f3f6ec}
.section-wash .feature-card p{color:#b0c1ba}
.section-wash .icon-box{background:#dceca3}
.sector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ced4ce;border:1px solid #ced4ce}
.sector-item{border:0;border-radius:0;min-height:140px;display:flex;align-items:center;gap:20px;padding:27px;background:#f9faf5;color:#1e3132;font-size:1.1rem;font-weight:600;line-height:1.3;position:relative;transition:background .25s,padding .25s}
.sector-item span{font-size:1.55rem;color:#9e762e;width:34px;flex:0 0 34px;text-align:center}
.sector-item:after{content:'↗';position:absolute;right:19px;top:13px;font:400 1rem var(--mono);color:#81908a}
.sector-item:hover{background:#e1ebc5;color:#1b2925;padding-left:34px;border-color:transparent}
.section-wash .sector-grid{background:#3e5651;border-color:#3e5651}
.section-wash .sector-item{background:#203438;color:#f5f8f0}
.section-wash .sector-item:hover{background:#314941}
.section-wash .sector-item span{color:var(--signal)}
.split{gap:clamp(38px,6vw,110px)}
.split p{line-height:1.78}
.quote-panel{padding:clamp(35px,5vw,68px);background:#dff0a0;border:1px solid #dff0a0;color:#192720;border-radius:0;box-shadow:none}
.quote-panel:before{right:-140px;top:-130px;width:340px;height:340px;border-color:#587a3b3b;box-shadow:0 0 0 50px #587a3b14,0 0 0 100px #587a3b0a}
.quote-panel h2,.quote-panel h2 span{color:#1c2923!important;line-height:1.09;letter-spacing:-.06em}
.quote-panel h2{font-size:clamp(2.25rem,3.1vw,3.45rem)}
.quote-panel p{color:#526150}
.quote-panel .eyebrow{color:#43582c}
.quote-panel .eyebrow:before{background:#43582c}
.quote-panel .btn-gold,.quote-panel .btn-primary{background:#172827;color:#fff;border-color:#172827}
.quote-panel .btn-gold:hover,.quote-panel .btn-primary:hover{background:#344a3b;border-color:#344a3b;color:#fff}
.steps{gap:0}
.step{padding:24px 0;gap:23px;border-bottom:1px solid #a8b7ad61}
.step-number{background:transparent;border:1px solid #9aae9b;border-radius:0;width:47px;height:47px;color:var(--signal);font:600 .73rem var(--mono)}
.step h3{font-size:1.2rem;margin-top:0;margin-bottom:8px}
.step p{font-size:.9rem}
.section-wash .step h3{color:#f6f7f0}
.section-wash .step p{color:#bdc8bd}
.job-card{min-height:350px;padding:clamp(24px,2.6vw,38px);border-radius:0;background:#fcfcf8;border:1px solid #ced6d0;box-shadow:none;gap:24px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}
.job-card:before{content:'';position:absolute;left:0;top:0;width:100%;height:5px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.job-card:hover{transform:translateY(-6px);border-color:#94a79e;box-shadow:0 15px 33px #192c2514}
.job-card:hover:before{transform:scaleX(1)}
.job-card h3{font-size:clamp(1.32rem,1.7vw,1.75rem);line-height:1.2}
.job-card p{font-size:.9rem;color:#526565}
.pill{border-radius:1px;padding:6px 10px;font:500 .61rem var(--mono);letter-spacing:.02em;background:#dfe9c7;border:1px solid #a8ba90;color:#293e29}
.pill.muted-pill{background:#eff0ea;border-color:#cfd6ce;color:#5d6b68}
.job-tags span{border-radius:0;background:#ebeee7;color:#4b635a;border:1px solid #d5ddd3;font-family:var(--mono);font-size:.66rem}
.job-card-bottom{border-color:#cbd2cc}
.sample-note{border-radius:0;background:#e9eddc;border:1px solid #b7c4a7;color:#3d5143;font:500 .79rem var(--mono);padding:16px 21px}
.testimonials{background:#102024;border-top:1px solid #3f5651;border-bottom:1px solid #3f5651;color:#edf4e8;position:relative;overflow:hidden}
.testimonials:before{content:'“';font:600 550px/1 Georgia,serif;top:-70px;right:-30px;color:#e0f6b408}
.testimonials .review-head h2{color:#f6f8ee}
.testimonials .review-head p{color:#b2c2b9}
.review-kicker{color:var(--signal)}
.review-kicker:before{background:var(--signal)}
.review-head h2{max-width:860px}
.review-grid{gap:1px;background:#415a54;border:1px solid #415a54;margin-top:46px}
.review-card{background:#182d31;min-height:350px;padding:clamp(27px,3vw,44px);border:0;border-radius:0;box-shadow:none;transition:background .2s,transform .2s}
.review-card:hover{background:#233b3d;transform:none;border:0}
.review-quote-mark{color:var(--signal);font-family:Georgia,serif}
.review-card blockquote{font-size:1.03rem;line-height:1.75;color:#f3f7ef}
.review-byline{border-color:#526a63}
.review-avatar{background:#d9e8a9;color:#28402d;border-radius:0}
.review-byline strong{color:#e8eee7}
.review-byline span{color:#b4c6b8}
.review-disclosure{border:1px solid #57685c;background:#1f3030;border-radius:0;color:#bfcabd;font-family:var(--mono);font-size:.68rem;max-width:900px;line-height:1.6}
.review-action{margin-top:30px}
.quick-contact-section{background:#e6e9e0;border-block:1px solid #c7d0c7}
.quick-contact-grid{gap:clamp(32px,7vw,120px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.quick-contact-intro h2{font-size:clamp(2.8rem,4.9vw,5.4rem);letter-spacing:-.065em}
.quick-contact-intro p{font-size:1.02rem;color:#566866}
.quick-contact-note a,.quick-contact-form .form-footer a{color:#8a622c}
.form-card{border-radius:0;background:#fefefa;border:1px solid #bac6be;box-shadow:17px 17px 0 #bcc7b3;padding:clamp(25px,3.2vw,50px)}
.form-card h2{font-size:2rem}
.form-card>p{color:#667570}
.form-grid{gap:19px}
.form-footer label{color:#576763;font-size:.78rem}
.form-footer input{accent-color:#1b4032}
.field label{font:500 .7rem var(--mono);text-transform:uppercase;letter-spacing:.03em;color:#425956;margin-bottom:9px}
.field input,.field select,.field textarea{background:#f7f8f3;color:#182724;border:1px solid #acbbb0;border-radius:0;min-height:53px;font-family:var(--font);font-size:.95rem}
.field input::placeholder,.field textarea::placeholder{color:#879590}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #758f6c;outline-offset:1px;border-color:#758f6c;box-shadow:none}
.field select{color-scheme:light}
.file-area{background:#eff2e7;border:1px dashed #809781;border-radius:0}
.file-area input{min-height:auto}
.form-alert{background:#e8edcd;border:1px solid #98a974;color:#334a2b;border-radius:0}
.form-footer a{color:#875e24}
.info-tile{border-bottom:1px solid #bcc8bc;padding:24px 0}
.info-tile h3{font-size:1.1rem}
.info-tile p{color:#60716a}
.ctas{gap:2px;background:#ccd2c6}
.cta-panel,.cta-panel.dark{border-radius:0;border:0;min-height:355px;padding:clamp(36px,4.7vw,70px);background:#15272a;color:#f2f7ee}
.cta-panel.dark{background:#dcefa0;color:#14241f}
.cta-panel:before{content:'// CONNECTIONS';position:absolute;right:24px;top:20px;font:500 .58rem var(--mono);letter-spacing:.12em;color:#a2b7a4}
.cta-panel.dark:before{color:#6e8553}
.cta-panel h3{font-size:clamp(1.8rem,2.6vw,2.85rem);color:#f3f8ee;max-width:440px}
.cta-panel.dark h3{color:#1c2e22}
.cta-panel p{color:#b8c9bc;line-height:1.75;max-width:460px}
.cta-panel.dark p{color:#486447}
.cta-panel .pill{background:#263d3b;color:#e1efc4;border:1px solid #49665a}
.cta-panel.dark .pill{background:#edf8ce;color:#395036;border-color:#92af7c}
.cta-panel.dark .btn-gold{background:#142827;border-color:#142827;color:#fff}
.cta-panel.dark .btn-gold:hover{background:#345449;border-color:#345449;color:#fff}
.cta-panel .btn-outline{color:#f7f8f2;border-color:#829d95}
.cta-panel .btn-outline:hover{background:var(--signal);color:#14241e;border-color:var(--signal)}
.page-hero{padding:clamp(94px,10vw,156px) 0 clamp(90px,9vw,144px);background:#132428;color:#f6f8ef;border-bottom:1px solid #57706a;position:relative;overflow:hidden}
.page-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#e5f5cf11 1px,transparent 1px),linear-gradient(90deg,#e5f5cf11 1px,transparent 1px),radial-gradient(ellipse at 80% 35%,#c4dd8342,transparent 30%);background-size:78px 78px,78px 78px,auto;pointer-events:none}
.page-hero:after{content:'EC / ENGINEERING CONNECTIONS';position:absolute;right:5%;bottom:24px;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;color:#bdd2bd7b;font:500 .64rem var(--mono);letter-spacing:.14em;pointer-events:none}
.page-hero .container{position:relative;z-index:1}
.page-hero .eyebrow{color:var(--signal)}
.page-hero h1{color:#f7faf0;font-size:clamp(3.7rem,7.2vw,8.2rem);max-width:1100px;line-height:.99;letter-spacing:-.08em;margin:27px 0}
.page-hero h1 .gold{color:var(--signal)}
.page-hero p{color:#b5c5bf;font-size:clamp(1.01rem,1.35vw,1.18rem);line-height:1.8;max-width:740px}
.line-mark{background:var(--signal)}
.service-card{border:1px solid #cbd4c9;border-radius:0;background:#fdfdf8;padding:clamp(28px,4vw,54px);box-shadow:none}
.service-card h2{font-size:clamp(2.2rem,3.3vw,3.5rem)}
.service-card p{color:#526462}
.service-card li{color:#475d56}
.service-card li:before{color:#74984b}
.service-card .eyebrow{color:#7f6d42}
.faq{border-bottom:1px solid #bcc9bf}
.faq summary{font-size:1.1rem;color:#172827;font-weight:600;padding:24px 8px}
.faq p{max-width:850px}
.filter-bar{border:1px solid #bac5b9;border-radius:0;background:#e9ece4;padding:clamp(24px,3vw,38px);box-shadow:none}
.results-bar{font-family:var(--mono);font-size:.77rem;color:#536660}
.jobs-grid{gap:20px}
.no-results{background:#e8eee0;border:1px dashed #abbca7;border-radius:0}
.modal-inner h2{font-size:clamp(1.9rem,3vw,3rem)}
dialog{border:1px solid #8dada2;border-radius:0;background:#f8f9f3;color:#172627;box-shadow:0 45px 95px #070f10a0}
dialog::backdrop{background:#0a1719c9}
.modal-close{border-radius:0;background:#dbe8c8;color:#1a3128;border:1px solid #bacfb7}
.legal-copy{background:#fbfcf6;border:1px solid #cbd3c9;padding:clamp(28px,4.5vw,72px);max-width:1030px}
.legal-copy h2{font-size:clamp(1.45rem,2.1vw,2rem);letter-spacing:-.04em}
.legal-copy p{color:#4e615a}
.success-illustration{background:var(--signal);border-radius:0;color:#213229}
.site-footer{background:#0b181a;color:#eaf0e6;padding:95px 0 32px;border-top:6px solid var(--signal)}
.footer-top{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px}
.footer-brand .brand-text strong{color:#f1f7ed}
.footer-brand .brand-text span{color:#b1bfb6}
.footer-brand p{color:#b0c1b6;line-height:1.8}
.footer-col h4{color:var(--signal);font:600 .68rem var(--mono);text-transform:uppercase;letter-spacing:.14em}
.footer-col a{color:#b7c8bd;font-size:.9rem;padding:4px 0}
.footer-col a:hover{color:var(--signal)}
.footer-bottom{border-top:1px solid #39504b;color:#9daf9f;font:400 .67rem var(--mono);line-height:1.8}
:focus-visible{outline:3px solid #a7c65a;outline-offset:3px}
@media(max-width:1130px){
 .container{width:min(1320px,calc(100% - 64px))}
 .nav-wrap{gap:17px}
 .nav-links{gap:17px}
 .hero-content h1{font-size:clamp(3rem,6vw,6rem)}
 .hero-grid{grid-template-columns:1.06fr .94fr;gap:20px}
 .visual-shell{min-height:485px;padding:18px}
 .hero-visual{min-height:390px}
 .brand-text strong{font-size:1.02rem}
 .brand-text span{font-size:.49rem}
}
@media(max-width:900px){
 .nav-wrap{min-height:76px}
 .nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:#f5f5ed;padding:14px 32px 30px;border-bottom:1px solid #bfcabe;box-shadow:0 25px 35px #07171b24;z-index:100;gap:0}
 .nav-links.open{display:flex;flex-direction:column;align-items:stretch}
 .nav-links a{padding:13px 0;border-bottom:1px solid #d2d9cf;font-size:.79rem}
 .nav-links a.active:after{display:none}
 .nav-cta{display:none}
 .menu-toggle{display:flex;margin-left:auto}
 .hero-grid{grid-template-columns:1fr;gap:38px;padding:75px 0 104px}
 .hero-content h1{font-size:clamp(3.7rem,9vw,7rem)}
 .hero-content>p{max-width:720px}
 .hero-meta{margin-top:43px}
 .visual-shell{max-width:680px;min-height:520px;margin:auto}
 .hero-visual{min-height:450px;aspect-ratio:1.15/1}
 .float-note.one{left:-2%}.float-note.two{right:-2%}
 .trust-content{flex-wrap:wrap}
 .cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section-head{align-items:start;flex-direction:column;gap:16px}
 .section-head p{max-width:650px}
 .split{grid-template-columns:1fr;gap:46px}
 .section-wash .split>.quote-panel{max-width:none}
 .ctas{grid-template-columns:1fr 1fr}
 .cta-panel{padding:35px}
 .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quick-contact-grid{grid-template-columns:1fr;gap:38px}
 .footer-top{grid-template-columns:1.4fr 1fr;row-gap:42px}
}
@media(max-width:650px){
 .container{width:calc(100% - 36px)}
 .section{padding:76px 0}
 .section-sm{padding:55px 0}
 .top-strip{font-size:.56rem;letter-spacing:.07em}
 .nav-wrap{min-height:74px}
 .brand img{width:39px;height:39px}
 .brand-text strong{font-size:.91rem;letter-spacing:-.015em}
 .brand-text span{font-size:.46rem;letter-spacing:.035em}
 .hero-grid{padding:66px 0 95px}
 .hero-content h1{font-size:clamp(3.05rem,12vw,5.4rem);margin:23px 0}
 .hero-content>p{font-size:1.01rem}
 .hero-content .btn-row{flex-direction:column;align-items:stretch}
 .hero-content .btn-row .btn{width:100%;justify-content:center}
 .hero-meta{line-height:2}
 .visual-shell{padding:12px;min-height:0}
 .hero-visual{min-height:330px;max-height:none;aspect-ratio:1/1}
 .float-note{font-size:.69rem;padding:10px 12px;box-shadow:5px 5px 0 #07181a86}
 .float-note strong{font-size:.77rem}
 .float-note.one{left:0;bottom:-12px}
 .float-note.two{right:0;top:4%}
 .visual-caption{bottom:17px;left:17px;letter-spacing:.05em;font-size:.51rem}
 .trust-content{gap:13px;padding:18px 0}
 .trust-items{display:flex;flex-wrap:wrap;gap:5px 18px}
 .trust-items span{font-size:.62rem}
 .section-head{margin-bottom:30px}
 h2{font-size:clamp(2.35rem,10vw,3.6rem)}
 .cards-3,.sector-grid,.review-grid,.ctas{grid-template-columns:1fr}
 .feature-card{min-height:auto;padding:30px}
 .feature-card .icon-box{margin-bottom:25px}
 .sector-item{min-height:108px}
 .job-card{min-height:300px}
 .quick-contact-form{box-shadow:9px 9px 0 #bcc7b3}
 .form-grid{grid-template-columns:1fr}
 .form-grid .full{grid-column:auto}
 .form-card{padding:23px}
 .page-hero{padding:85px 0 94px}
 .page-hero h1{font-size:clamp(3rem,11vw,5.3rem)}
 .page-hero:after{left:18px;right:auto;font-size:.51rem;letter-spacing:.05em}
 .footer-top{grid-template-columns:1fr 1fr;gap:28px}
 .footer-brand{grid-column:1/-1}
 .footer-bottom{flex-direction:column;gap:8px}
 .cta-panel,.cta-panel.dark{min-height:0;padding:33px}
 .review-card{min-height:0}
 .filter-bar{grid-template-columns:1fr}
 .filter-bar .field:first-child{grid-column:auto}
}
@media(max-width:410px){
 .brand{gap:6px}
 .brand img{width:34px;height:34px}
 .brand-text strong{font-size:.8rem}
 .brand-text span{font-size:.39rem}
 .menu-toggle{width:40px;height:40px}
 .hero-content h1{font-size:clamp(2.75rem,11.5vw,4.1rem)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.job-card,.feature-card,.sector-item,.arrow{transition:none!important}}