/* Premium visual direction — structural engineering */
.hero-cinematic{min-height:calc(100svh - 82px);isolation:isolate;background:#091b24}.hero-cinematic:after{inset:0;background:linear-gradient(90deg,rgba(5,19,27,.97) 0%,rgba(7,24,34,.88) 38%,rgba(7,24,34,.2) 72%),linear-gradient(0deg,rgba(7,24,34,.82),transparent 40%),url('/static/img/hero-engineering-structure.webp') 58% center/cover no-repeat;opacity:1;z-index:-2}.hero-blueprint{position:absolute;inset:0;z-index:-1;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.hero-blueprint:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(217,105,59,.75);border-radius:50%;left:18%;top:20%;box-shadow:0 0 0 70px rgba(217,105,59,.08),0 0 0 140px rgba(217,105,59,.04)}.hero-cinematic .hero-grid{min-height:calc(100svh - 82px);grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:60px;padding-block:80px 110px}.hero-content{max-width:760px}.hero-content h1{font-size:clamp(66px,8.2vw,126px);max-width:900px;margin:28px 0 34px}.hero-content p{font-size:17px;max-width:580px}.hero-actions{align-items:center}.text-link{display:inline-flex;gap:30px;align-items:center;padding:14px 4px;color:#fff;border-bottom:1px solid rgba(255,255,255,.45);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.text-link span{color:var(--accent);font-size:18px}.text-link.dark{color:var(--navy);border-color:var(--line)}
.hero-proof{align-self:end;margin-bottom:26px;background:rgba(8,26,36,.68);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px)}.proof-label{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.14);color:#aebbc1;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.proof-grid div{padding:21px 16px;border-right:1px solid rgba(255,255,255,.14)}.proof-grid div:last-child{border:0}.proof-grid strong{display:block;font:700 31px "Space Grotesk";color:#fff}.proof-grid sup{font-size:15px;color:var(--accent)}.proof-grid span{display:block;font-size:8px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#aebbc1}.hero-index{position:absolute;right:22px;top:50%;z-index:3;writing-mode:vertical-rl;color:rgba(255,255,255,.52);font-size:9px;letter-spacing:.28em}.scroll-cue{position:absolute;z-index:3;bottom:24px;left:50%;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.65);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.scroll-cue span{display:block;width:42px;height:1px;background:var(--accent)}
.expertise-rail{overflow:hidden;background:var(--accent);color:#fff;padding:13px 0;white-space:nowrap}.expertise-rail div{display:flex;width:max-content;font:700 10px "Space Grotesk";letter-spacing:.19em;animation:rail 36s linear infinite}.expertise-rail span{display:inline-block}.expertise-rail i{font-style:normal;margin:0 28px;color:var(--navy)}@keyframes rail{to{transform:translateX(-50%)}}
.statement{padding-block:130px}.statement-grid{display:grid;grid-template-columns:90px 1fr .62fr;gap:55px;align-items:end}.statement-number{font:500 13px "Space Grotesk";color:var(--accent);border-top:1px solid var(--accent);padding-top:12px}.statement h2,.visual-copy h2,.project-stage h2,.closing-cta h2{font:700 clamp(42px,5.7vw,76px)/.98 "Space Grotesk";letter-spacing:-.055em;margin:20px 0}.statement h2 em{font-style:normal;color:var(--muted);font-weight:500}.statement p{color:var(--muted);font-size:15px;margin:0 0 8px}
.visual-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:80px;align-items:center}.visual-frame{position:relative;margin:0;padding:22px 22px 0 0}.visual-frame:before{content:"";position:absolute;inset:0 0 70px 55%;background:var(--accent);z-index:0}.visual-frame img{position:relative;z-index:1;width:100%;height:620px;object-fit:cover;filter:saturate(.82) contrast(1.03)}.visual-frame figcaption{position:relative;z-index:2;margin:-1px 0 0;background:var(--navy);color:#fff;padding:20px 24px;text-transform:uppercase;font-size:10px;letter-spacing:.14em}.visual-frame figcaption span{color:var(--accent);margin-right:22px}.visual-copy p{color:var(--muted);max-width:520px}.process-list{margin:38px 0;border-top:1px solid var(--line)}.process-list>div{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.process-list b{color:var(--accent);font-size:11px}.process-list span{color:var(--muted);font-size:12px}.process-list strong{display:block;color:var(--ink);font:700 17px "Space Grotesk"}.services-premium .service{position:relative;min-height:285px;display:flex;flex-direction:column}.services-premium .service h3{font-size:25px}.services-premium .service i{position:absolute;right:26px;bottom:20px;color:var(--accent);font-style:normal;font-size:22px;transition:.25s}.services-premium .service:hover i{transform:translate(4px,-4px)}.section-action{display:flex;justify-content:flex-end;margin-top:35px}
.project-stage{background:#091b24;color:#fff}.project-stage-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.project-stage-head h2{margin-bottom:0}.project-code{font-size:9px;letter-spacing:.2em;color:#81939b}.project-canvas{position:relative;display:block;overflow:hidden}.project-canvas img{width:100%;height:min(68vw,720px);object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1);filter:saturate(.82)}.project-canvas:hover img{transform:scale(1.025)}.project-overlay{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:end;padding:80px 45px 38px;background:linear-gradient(transparent,rgba(5,19,27,.93))}.project-overlay span{color:var(--accent);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.project-overlay h3{font:700 clamp(32px,5vw,64px) "Space Grotesk";margin:5px 0 0}.project-overlay b{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.closing-cta{position:relative;overflow:hidden;background:var(--paper);padding:130px 0;text-align:center}.closing-cta:before,.closing-cta:after{content:"";position:absolute;border:1px solid rgba(16,44,58,.1);border-radius:50%;width:560px;height:560px;top:50%;transform:translateY(-50%)}.closing-cta:before{left:-300px}.closing-cta:after{right:-300px}.closing-cta .container{position:relative;z-index:1}.closing-cta>div>span{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.2em;text-transform:uppercase}.closing-cta h2{margin:24px auto 38px}
.project-carousel{position:relative}.project-slides{position:relative;height:min(68vw,720px);overflow:hidden;background:#06151d}.project-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .8s ease,transform 1.2s cubic-bezier(.2,.7,.2,1),visibility .8s}.project-slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:1}.project-slide>a{display:block;height:100%}.project-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform 6s linear}.project-slide.is-active img{transform:scale(1.035)}.project-slide .project-overlay p{max-width:620px;margin:10px 0 0;color:#c7d0d4;font-size:13px}.project-controls{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.16)}.project-progress{display:grid;grid-template-columns:28px minmax(160px,340px) 28px;align-items:center;gap:15px;font:700 10px "Space Grotesk";color:#91a1a8}.project-progress>div{height:1px;background:rgba(255,255,255,.2);overflow:hidden}.project-progress i{display:block;width:0;height:100%;background:var(--accent)}.project-carousel.is-playing .project-progress i{animation:projectTimer 5s linear forwards}@keyframes projectTimer{to{width:100%}}.project-arrows{display:flex;gap:8px}.project-arrows button{width:48px;height:48px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:19px;cursor:pointer;transition:.25s}.project-arrows button:hover{background:var(--accent);border-color:var(--accent)}.project-dots{display:flex;gap:7px;flex-wrap:wrap;padding-top:18px}.project-dots button{width:22px;height:3px;padding:0;border:0;background:rgba(255,255,255,.2);cursor:pointer;transition:.25s}.project-dots button.is-active{width:42px;background:var(--accent)}
@media(max-width:1100px){.hero-cinematic .hero-grid{grid-template-columns:1fr;align-content:center}.hero-proof{width:min(560px,100%);align-self:auto;margin:20px 0 0}.statement-grid{grid-template-columns:55px 1fr}.statement-grid>p{grid-column:2}.visual-grid{gap:45px}.visual-frame img{height:520px}}
@media(max-width:900px){.hero-cinematic{min-height:820px;padding:0}.hero-cinematic:after{inset:0;background:linear-gradient(180deg,rgba(5,19,27,.92) 0%,rgba(5,19,27,.72) 50%,rgba(5,19,27,.9) 100%),url('/static/img/hero-engineering-structure.webp') 62% center/cover no-repeat}.hero-cinematic .hero-grid{min-height:750px;padding-block:65px 80px}.hero-content h1{font-size:clamp(58px,13vw,90px)}.hero-proof{margin-top:38px}.hero-index{display:none}.scroll-cue{left:20px}.statement{padding-block:90px}.visual-grid{grid-template-columns:1fr}.visual-frame{max-width:720px}.visual-copy{max-width:700px}.project-overlay{padding:65px 28px 28px}}
@media(max-width:640px){.hero-cinematic{min-height:760px}.hero-cinematic .hero-grid{min-height:690px;padding-block:46px 75px}.hero-content h1{font-size:clamp(52px,16vw,72px);margin:20px 0 25px}.hero-content p{font-size:15px}.hero-actions{align-items:stretch}.text-link{justify-content:space-between;padding:15px 2px}.hero-proof{margin-top:30px}.proof-grid div{padding:15px 10px}.proof-grid strong{font-size:25px}.proof-grid span{font-size:7px}.expertise-rail{padding:10px 0}.statement-grid{grid-template-columns:1fr;gap:24px}.statement-grid>p{grid-column:auto}.statement h2,.visual-copy h2,.project-stage h2,.closing-cta h2{font-size:clamp(38px,12vw,52px)}.visual-frame{padding:12px 12px 0 0}.visual-frame img{height:390px}.visual-frame:before{inset:0 0 58px 58%}.visual-frame figcaption{padding:16px;font-size:8px}.services-premium .service{min-height:225px}.project-stage-head{display:block}.project-code{display:block;margin-top:18px}.project-canvas img{height:470px}.project-overlay{display:block;padding:80px 20px 22px}.project-overlay b{display:block;margin-top:18px}.project-slides{height:500px}.project-slide .project-overlay{display:block;padding:110px 20px 22px}.project-slide .project-overlay p{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-slide .project-overlay b{display:block;margin-top:14px}.project-controls{padding:16px 0}.project-progress{grid-template-columns:24px minmax(90px,1fr) 24px;gap:8px}.project-arrows button{width:44px;height:44px}.project-dots button{width:15px}.project-dots button.is-active{width:28px}.closing-cta{padding:90px 0}}
@media(prefers-reduced-motion:reduce){.expertise-rail div{animation:none}.project-canvas img,.project-slide,.project-slide img{transition:none}.project-carousel.is-playing .project-progress i{animation:none;width:100%}}

.proof-grid.proof-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
