@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--ink:#edf2f9;--orange:#9fb8de;--muted:#a7b5ca;--line:#213047;--navy:#050c19}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:24px;line-height:1.05;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:7px}.mark{display:grid;place-items:center;background:var(--orange);color:white;font-size:31px;width:44px;height:46px;letter-spacing:-3px;padding-right:3px}nav{display:flex;gap:30px;font-size:14px;font-weight:500}nav a:hover,footer a:hover{color:var(--orange)}.nav-cta{font-size:14px;border-bottom:1px solid var(--ink);padding:7px 0}.nav-cta span{margin-left:20px}.hero{background:var(--navy);color:white;padding:37px 5% 0}.hero-top{display:flex;justify-content:space-between;margin-bottom:40px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}.region{font-size:12px;letter-spacing:1.6px;color:#9dacc3}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;align-items:center}.hero-copy{padding:10px 0 40px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(44px,4.65vw,76px);font-weight:500;line-height:1.14;letter-spacing:-2.8px}h1 em{font-style:normal;color:#a9c0e2}.hero-copy p{max-width:510px;color:#b1bed1;margin:28px 0 32px;font-size:17px;line-height:1.75}.button{display:inline-flex;align-items:center;gap:35px;background:var(--orange);padding:15px 22px;color:#fff;font-size:14px;font-weight:600}.button:hover{background:#223d63}.hero-image{position:relative;align-self:stretch;min-height:420px;overflow:hidden;margin-bottom:30px;background:#101d30}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;filter:saturate(.65)}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,21,27,.7),transparent 60%)}.image-label{position:absolute;left:25px;right:25px;bottom:57px;display:flex;justify-content:space-between;align-items:center;z-index:1;font-size:14px;letter-spacing:1.8px;line-height:1.6}.cross{font-size:50px;font-weight:300;color:#a9c0e2}.hero-image figcaption{position:absolute;z-index:1;bottom:20px;left:25px;right:15px;font-size:12px;color:#dce5f2}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid #223149;padding:22px 0;gap:15px;font-size:12px;letter-spacing:2px;color:#a7b7cc}.section{padding:100px 7%;scroll-margin-top:15px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%}.orange{color:#9fb8de}h2{font-size:clamp(30px,3.1vw,48px);font-weight:500;line-height:1.2;letter-spacing:-1.5px;margin:22px 0}.intro p{margin-bottom:20px;color:var(--muted)}.intro .lead{font-size:24px;line-height:1.5;color:var(--ink)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-head p{color:var(--muted);max-width:380px}.services{background:#0c1729}.service-grid{display:grid;grid-template-columns:repeat(3,1fr)}.service-grid article{padding:30px 30px 32px 0;border-top:1px solid #26364e;display:flex;flex-direction:column}.service-grid article:not(:nth-child(3n+1)){padding-left:30px;border-left:1px solid #26364e}.number{font-size:14px;color:#9fb8de;margin-bottom:30px}.service-grid h3{font-size:20px;line-height:1.4;margin-bottom:13px;font-weight:650}.service-grid p{color:var(--muted);font-size:16px;margin-bottom:28px}.tag{font-size:11px;letter-spacing:1.2px;margin-top:auto;font-weight:600}.systems{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:80px;padding-bottom:80px}.systems-photo{position:relative;min-height:550px}.systems-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55)}.systems-photo span{position:absolute;bottom:15px;left:15px;background:#050c19db;padding:5px 12px;font-size:12px}.systems-copy>.eyebrow{color:#a9c0e2}.systems-copy>p{color:#aebcd0;margin-bottom:25px}.system-row{display:flex;gap:25px;border-top:1px solid #26364e;padding:18px 0}.system-row>span{font-size:13px;color:#a9c0e2}.system-row h3{font-size:17px;font-weight:600}.system-row p{font-size:14px;color:#aebcd0;margin-top:4px}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps li{border-top:2px solid var(--orange);padding-top:20px}.steps span{font-size:12px;letter-spacing:1.5px;color:#9fb8de}.steps h3{font-size:20px;margin:20px 0 10px}.steps p{color:var(--muted)}.compliance{margin-top:60px;display:flex;gap:28px;background:#111f34;padding:30px}.plus{font-size:40px;color:#9fb8de;line-height:1}.compliance h3{font-size:18px;margin-bottom:10px}.compliance p{font-size:14px;color:var(--muted);max-width:960px}.experience{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:9%}.experience p{color:var(--muted)}.ohio{margin-top:32px;border-left:3px solid var(--orange);padding-left:22px}.status{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#c5d7ee;background:#c3d0e3;padding:5px 9px}.ohio h3{font-size:26px;margin:17px 0 8px}.ohio small{display:block;color:var(--muted);font-size:12px;margin-top:16px}.partner{background:#0c1729;padding:35px}.partner-heading p{font-size:14px;margin:16px 0 25px}.reference{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #293b56;padding:14px 0}.reference strong{font-family:Manrope,Arial,sans-serif;font-size:36px;font-weight:500}.reference small{font-size:14px}.partner .source{font-size:12px;margin-top:15px}.project{background:#08152a;color:white}.project .section-head p{color:#c3d0e3}.project h2{font-size:clamp(36px,4vw,60px)}.brief{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #2a3e5c;padding-top:30px}.brief span{font-size:12px}.brief h3{font-size:21px;margin:12px 0}.brief p{color:#c3d0e3}.contact-note{font-size:13px;margin-top:35px;color:#c3d0e3}footer{padding:45px 5%;display:flex;align-items:center;gap:40px;flex-wrap:wrap}footer p{font-size:14px;color:var(--muted);margin-right:auto}footer>a:not(.brand){font-size:14px}footer>small{font-size:12px;color:var(--muted)}.skip{position:absolute;left:20px;top:-80px;z-index:5;background:white;padding:10px}.skip:focus{top:10px}@media(min-width:1700px){body{max-width:1920px;margin:auto}}@media(max-width:1000px){nav{gap:16px}header{padding:0 4%}.hero-grid{gap:4%}h1{letter-spacing:-1.7px}.section{padding:70px 5%}.systems{gap:5%}.service-grid h3{font-size:18px}.section-head{gap:20px}.steps{gap:20px}}@media(max-width:760px){header{height:auto;min-height:86px;gap:18px;flex-wrap:wrap;padding:20px 5%}nav{order:3;width:100%;justify-content:space-between;font-size:12px}.brand{font-size:21px}.nav-cta{font-size:12px}.hero{padding-top:26px}.hero-top{margin-bottom:25px}.region{display:none}.hero-grid,.intro,.systems,.experience{grid-template-columns:1fr}.hero-copy{padding-bottom:25px}h1{font-size:clamp(38px,8.5vw,61px)}.hero-copy p{font-size:16px}.hero-image{min-height:330px}.hero-foot{font-size:10px;letter-spacing:.6px;gap:20px}.section{padding:55px 6%}h2{font-size:34px}.intro{gap:20px}.section-head{display:block}.section-head>p{margin-top:20px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{padding:24px 18px 24px 0}.service-grid article:not(:nth-child(3n+1)){border-left:0;padding-left:0}.service-grid article:nth-child(even){padding-left:18px;border-left:1px solid #26364e}.tag{font-size:10px;letter-spacing:.4px}.service-grid p{font-size:14px}.systems-photo{min-height:320px}.systems-copy{padding-top:30px}.steps{grid-template-columns:1fr 1fr;gap:30px 25px}.steps h3{font-size:18px}.steps p{font-size:14px}.compliance{padding:22px;gap:16px}.experience{gap:35px}.partner{padding:25px}.brief{grid-template-columns:1fr;gap:28px}.brief h3{margin:4px 0 8px}.project .section-head p{margin-bottom:25px}footer{gap:25px}footer p{width:50%;margin:0}footer>small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Official Genova artwork: retain original color and proportions. */
.brand{gap:16px;flex-shrink:0;letter-spacing:normal}.brand-icon{display:block;width:43px;height:auto}.brand-name{display:flex;flex-direction:column;align-items:center;gap:10px}.brand-wordmark{display:block;width:182px;height:auto}.brand-name small{font-family:'Manrope',Arial,sans-serif;font-size:10px;font-weight:650;line-height:1.2;letter-spacing:1.8px;margin:0;padding-left:1.8px;color:#231915;white-space:nowrap}.brand .mark{display:none}header{gap:28px}footer{padding-top:44px;padding-bottom:44px}footer .brand{flex-direction:column;gap:15px;width:210px}footer .brand-icon{width:43px}footer .brand-wordmark{width:195px}footer .brand-name{gap:12px}@media(max-width:1100px) and (min-width:761px){nav{gap:17px}.brand-wordmark{width:150px}.brand-icon{width:38px}.brand{gap:12px}header{gap:18px}.nav-cta span{margin-left:10px}}@media(max-width:760px){header{padding-top:22px;padding-bottom:18px;row-gap:22px}.brand-icon{width:36px}.brand-wordmark{width:150px}.brand{gap:12px}.brand-name{gap:9px}.brand-name small{font-size:9px;letter-spacing:1.6px;padding-left:1.6px}footer .brand{width:175px}footer .brand-wordmark{width:170px}}@media(max-width:390px){header{column-gap:14px}.brand-wordmark{width:132px}.brand-icon{width:31px}.brand{gap:10px}.nav-cta span{margin-left:6px}.nav-cta{font-size:11px}footer p{width:100%}}

/* Midnight navy palette: cool surfaces, silver-blue accents. */
body{background:#080f1e;color:#edf2f9}
header,footer{background:#050b17}
header{border-bottom-color:#1e2c42}
.hero{background:#050c19}
.intro,.delivery{background:#080f1e}
.experience{background:#0a1323}
.project{border-top:1px solid #26364e}
.brand-icon,.brand-wordmark{filter:brightness(0) invert(1)}
.brand-name small{color:#c4cfe0}
.button{background:#172d4d;color:#f2f6fc;border:1px solid #455f83}
.button:hover{background:#223d63;border-color:#7593bc}
.nav-cta{border-bottom-color:#7186a5}
.status{background:#1a2b43;color:#c5d7ee}
.hero-image:after{background:linear-gradient(0deg,rgba(3,9,21,.82),transparent 65%)}
.skip{background:#edf2f9;color:#050c19}
footer{border-top:1px solid #213047}

/* Preserve detail and natural color in the new concept imagery. */
.hero-image img,.systems-photo img{filter:none;object-position:center}
/* Project inquiry */
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;margin-top:24px}.contact-intro h2{margin-top:0}.contact-intro>p{color:#b1bed1;max-width:330px}.contact-direct{margin-top:50px;display:flex;flex-direction:column;gap:12px}.contact-direct>span{font-size:12px;letter-spacing:1.8px;color:#9fb8de}.contact-direct a{font-size:16px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px}.contact-intro .contact-hint{font-size:14px;margin-top:34px}.inquiry-form{padding:32px;background:#0c192d;border:1px solid #293b56}.form-required{font-size:12px;color:#b1bed1;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 20px}.field{min-width:0}.field label{display:block;font-size:14px;margin-bottom:9px;font-weight:500}.field label span{color:#a7b5ca;font-weight:400}.field input,.field select,.field textarea{width:100%;font:inherit;font-size:16px;color:#edf2f9;background:#081222;border:1px solid #42546e;border-radius:0;padding:12px 14px;min-height:48px}.field textarea{resize:vertical;min-height:140px}.field input::placeholder,.field textarea::placeholder{color:#94a4bc;opacity:1}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #9fb8de;outline-offset:2px}.field-wide{grid-column:1/-1}.consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;margin-top:25px}.consent input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#9fb8de}.form-privacy{font-size:12px;color:#a7b5ca;margin:14px 0 26px}.form-privacy a,.form-fallback a{text-decoration:underline;text-underline-offset:3px}.inquiry-form .button{font:inherit;font-size:14px;cursor:pointer;min-height:50px}.inquiry-form .button:focus-visible{outline:2px solid #c5d7ee;outline-offset:4px}.form-fallback{font-size:13px;color:#b1bed1;margin-top:16px}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.thank-you{min-height:100vh;max-width:1000px;margin:auto;padding:80px 7%;display:flex;flex-direction:column;align-items:flex-start;gap:35px}.thank-you>.eyebrow{margin-top:40px;color:#9fb8de}.thank-you>p{max-width:600px;color:#b1bed1;overflow-wrap:anywhere}.thank-you>p a{text-decoration:underline}@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:38px}.contact-direct{margin-top:26px}.contact-intro .contact-hint{margin-top:20px}.inquiry-form{padding:26px}}@media(max-width:520px){.form-grid{grid-template-columns:1fr}.inquiry-form{padding:22px 18px}.inquiry-form .button{width:100%;justify-content:space-between}.thank-you{padding-top:40px}}
.hero-image{aspect-ratio:16/9;min-height:0;align-self:center}

/* Horizontal brand lockup supplied by Genova. */
header .header-brand{display:block;width:clamp(205px,18vw,285px)}.brand-lockup{display:block;width:100%;height:auto}@media(max-width:1100px) and (min-width:761px){header .header-brand{width:190px}}@media(max-width:760px){header .header-brand{width:175px}}@media(max-width:390px){header .header-brand{width:150px}}

/* Footer lockup supplied by Genova. */
footer{display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(250px,1fr) auto auto;align-items:center;column-gap:clamp(30px,4vw,76px);row-gap:22px;padding-top:52px;padding-bottom:52px}
.footer-brand{display:block;width:clamp(320px,27vw,430px)}
.footer-brand-lockup{display:block;width:100%;height:auto}
footer .footer-tagline{margin:0;font-family:'Manrope','Avenir Next','Segoe UI',Arial,sans-serif;font-size:clamp(20px,1.45vw,26px);font-weight:500;line-height:1.22;letter-spacing:-.45px;color:#edf2f9;white-space:nowrap}
footer>a:not(.footer-brand){font-size:14px;white-space:nowrap}
footer>small{width:auto;font-size:12px;white-space:nowrap}
@media(max-width:1120px){footer{grid-template-columns:minmax(285px,1fr) 1fr auto}.footer-brand{width:clamp(285px,31vw,350px)}footer>small{grid-column:2/-1}.footer-tagline{justify-self:start}}
@media(max-width:760px){footer{grid-template-columns:1fr auto;padding-top:42px;padding-bottom:42px;row-gap:27px}.footer-brand{grid-column:1/-1;width:min(360px,100%)}footer .footer-tagline{grid-column:1/-1;font-size:21px;white-space:normal}footer>small{grid-column:1/-1}}

/* Layered editorial system */
body{overflow-x:hidden;background:
radial-gradient(circle at 86% 10%,rgba(46,78,120,.18),transparent 27%),
linear-gradient(180deg,#050b17 0,#080f1e 22%,#07101f 100%)}
header{position:sticky;top:0;z-index:50;background:rgba(5,11,23,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
main{position:relative;isolation:isolate}
.hero{position:relative;min-height:calc(100svh - 100px);padding-top:40px;padding-bottom:0;overflow:hidden;--mx:0px;--my:0px}
.hero:before{content:'';position:absolute;width:62vw;height:62vw;right:-24vw;top:-30vw;border:1px solid rgba(159,184,222,.17);border-radius:50%;box-shadow:0 0 0 80px rgba(159,184,222,.025),0 0 0 160px rgba(159,184,222,.018);pointer-events:none}
.hero:after{content:'GENOVA / MODULAR INFRASTRUCTURE';position:absolute;right:-48px;top:50%;font:600 10px/1 Manrope,Arial,sans-serif;letter-spacing:5px;color:rgba(197,215,238,.32);transform:rotate(90deg) translateX(50%);transform-origin:right center}
.hero-grid{position:relative;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:0;align-items:center;min-height:570px}
.hero-copy{position:relative;z-index:3;padding:55px 7vw 100px 0}
.hero-copy:before{content:'01';position:absolute;left:-2px;top:5px;font:500 11px/1 Manrope,Arial,sans-serif;color:#9fb8de;letter-spacing:2px}
.hero-copy h1{font-size:clamp(54px,5.5vw,94px);line-height:1.02;letter-spacing:-4.5px}
.hero-copy p{max-width:560px}
.hero-image{z-index:1;width:112%;margin-left:-5%;aspect-ratio:16/10;overflow:visible;background:transparent;transform:translate3d(var(--mx),var(--my),0);transition:transform .35s ease-out}
.hero-image:before{content:'';position:absolute;z-index:-1;inset:-26px 42px 38px -26px;border:1px solid rgba(159,184,222,.38);background:#0e1d32;transform:translate(28px,-18px)}
.hero-image:after{inset:0;background:linear-gradient(90deg,rgba(5,12,25,.46),transparent 38%),linear-gradient(0deg,rgba(3,9,21,.72),transparent 56%)}
.hero-image img{box-shadow:0 34px 80px rgba(0,0,0,.48)}
.hero-foot{position:relative;z-index:3;margin-right:4%;background:rgba(5,12,25,.72);backdrop-filter:blur(10px);padding-left:22px;padding-right:22px}
.intro{position:relative;grid-template-columns:.85fr 1.15fr;min-height:620px;align-items:center;background:linear-gradient(120deg,#0a1425 0,#080f1e 58%)}
.intro:before{content:'';position:absolute;left:7%;top:86px;width:1px;height:calc(100% - 172px);background:linear-gradient(#9fb8de,transparent)}
.intro>div:first-child{padding-left:38px;position:sticky;top:170px;align-self:start}
.intro>div:last-child{padding:64px clamp(28px,5vw,86px);border:1px solid #26364e;background:linear-gradient(145deg,rgba(18,34,56,.9),rgba(8,15,30,.52));box-shadow:34px 34px 0 rgba(159,184,222,.035),0 35px 80px rgba(0,0,0,.2)}
.intro .lead{font-size:clamp(25px,2.2vw,36px);line-height:1.3;margin-bottom:35px}
.services{position:relative;padding-left:7%;padding-right:0;background:linear-gradient(155deg,#0d192b,#07101e 72%);overflow:hidden}
.services:after{content:'';position:absolute;right:6%;top:0;width:1px;height:120px;background:linear-gradient(#9fb8de,transparent)}
.services .section-head{padding-right:7%;margin-bottom:52px}
.rail-meta{display:flex;align-items:flex-end;gap:38px}
.rail-meta>p{text-align:right}
.rail-controls{display:flex;gap:10px}
.rail-button{width:48px;height:48px;border:1px solid #536b8c;border-radius:50%;color:#edf2f9;background:rgba(8,18,34,.72);font:400 21px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.rail-button:hover,.rail-button:focus-visible{background:#213a5f;border-color:#91acd0;transform:translateY(-2px);outline:none}
.service-rail{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;padding:8px 7% 55px 0;scroll-snap-type:x mandatory;scroll-padding-left:0;overscroll-behavior-inline:contain;cursor:grab;scrollbar-width:none}
.service-rail::-webkit-scrollbar{display:none}
.service-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.service-rail article{position:relative;flex:0 0 clamp(320px,30vw,450px);min-height:410px;padding:34px 34px 32px;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(20,38,64,.94),rgba(10,20,37,.96));border:1px solid #2b3f5e;scroll-snap-align:start;box-shadow:0 24px 58px rgba(0,0,0,.22);transition:transform .35s,border-color .35s,box-shadow .35s}
.service-rail article:before{content:'';position:absolute;inset:10px;border:1px solid rgba(159,184,222,.08);pointer-events:none}
.service-rail article:nth-child(even){margin-top:42px}
.service-rail article:hover{transform:translateY(-8px);border-color:#526f98;box-shadow:0 32px 70px rgba(0,0,0,.32)}
.service-rail .number{font-size:13px;margin-bottom:auto}
.service-rail h3{font-size:clamp(23px,2vw,31px);line-height:1.2;font-weight:500;margin:54px 0 18px;max-width:310px}
.service-rail p{color:var(--muted);font-size:15px;margin-bottom:34px}
.service-rail .tag{padding-top:18px;border-top:1px solid #334966}
.rail-progress{width:calc(93% - 2px);height:1px;background:#2a3c57;overflow:hidden}
.rail-progress span{display:block;width:100%;height:100%;background:#9fb8de;transform:scaleX(.12);transform-origin:left center;transition:transform .15s linear}
.systems{position:relative;grid-template-columns:1.08fr .92fr;gap:0;padding:110px 7% 120px;overflow:hidden}
.systems:before{content:'03';position:absolute;right:2%;bottom:-50px;font:500 260px/1 Manrope,Arial,sans-serif;color:rgba(159,184,222,.035)}
.systems-photo{z-index:1;min-height:690px;margin-right:-7%;clip-path:polygon(0 0,100% 7%,94% 100%,5% 94%);box-shadow:0 40px 90px rgba(0,0,0,.4)}
.systems-photo:after{content:'';position:absolute;inset:0;border:1px solid rgba(222,232,245,.18);pointer-events:none}
.systems-copy{z-index:2;align-self:center;margin-left:-2%;padding:55px 48px 38px;background:rgba(8,18,34,.92);border:1px solid #314663;backdrop-filter:blur(14px);box-shadow:0 35px 85px rgba(0,0,0,.38)}
.delivery{position:relative;background:linear-gradient(180deg,#08101e,#0b1525);overflow:hidden}
.delivery .section-head{margin-bottom:70px}
.steps{position:relative;gap:18px;align-items:start}
.steps:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#9fb8de,#334b6c,transparent)}
.steps li{min-height:330px;padding:34px 24px 28px;border:1px solid #2b3e59;border-top:0;background:linear-gradient(180deg,rgba(17,33,55,.92),rgba(8,17,32,.72));box-shadow:0 24px 60px rgba(0,0,0,.18);transition:transform .35s}
.steps li:nth-child(even){transform:translateY(38px)}
.steps li:hover{transform:translateY(-8px)}
.steps li:nth-child(even):hover{transform:translateY(30px)}
.steps span{display:block;margin-bottom:72px}
.steps h3{font-size:24px;line-height:1.25}
.compliance{position:relative;z-index:2;margin:110px auto 0;width:min(86%,1050px);border:1px solid #314866;box-shadow:0 25px 65px rgba(0,0,0,.24);transform:translateX(4%)}
.experience{position:relative;grid-template-columns:1fr 1fr;gap:0;padding-top:130px;padding-bottom:130px;overflow:hidden;background:linear-gradient(135deg,#0b1628,#07101e)}
.experience>div:first-child{padding:30px 11% 70px 0}
.ohio{position:relative;padding:30px 30px 30px 34px;border-left:1px solid #9fb8de;background:rgba(15,29,49,.82);box-shadow:26px 26px 0 rgba(159,184,222,.035)}
.partner{position:relative;margin:70px 0 0 -3%;padding:48px 44px;background:linear-gradient(145deg,#13243c,#0a1426);border:1px solid #334c6d;box-shadow:0 38px 90px rgba(0,0,0,.35)}
.partner:before{content:'PORTFOLIO';position:absolute;right:-72px;top:62px;font:600 10px/1 Manrope,Arial,sans-serif;letter-spacing:4px;color:#8197b6;transform:rotate(90deg)}
.reference{padding:22px 0}
.reference strong{font-size:46px}
.project{position:relative;padding-top:130px;padding-bottom:140px;background:radial-gradient(circle at 15% 22%,rgba(55,87,131,.2),transparent 28%),#071327;overflow:hidden}
.project:before{content:'';position:absolute;inset:50px 4%;border:1px solid rgba(159,184,222,.08);pointer-events:none}
.contact-layout{position:relative;z-index:1;grid-template-columns:.78fr 1.22fr;gap:5%;align-items:start}
.contact-intro{position:sticky;top:170px;padding:20px 0 50px}
.contact-intro h2{font-size:clamp(52px,5.5vw,88px);line-height:.98;letter-spacing:-4px}
.inquiry-form{position:relative;padding:clamp(30px,4vw,56px);background:linear-gradient(145deg,rgba(18,35,59,.98),rgba(10,22,41,.96));border-color:#3b5475;box-shadow:32px 32px 0 rgba(159,184,222,.04),0 40px 100px rgba(0,0,0,.38)}
.inquiry-form:before{content:'PROJECT BRIEF';position:absolute;right:24px;top:18px;font:600 10px/1 Manrope,Arial,sans-serif;letter-spacing:2.5px;color:#8098b8}
.reveal-ready{opacity:0;transform:translateY(38px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal-ready.is-visible{opacity:1;transform:none}
.hero-copy.reveal-ready{transform:translateX(-32px)}
.hero-copy.reveal-ready.is-visible{transform:none}
.hero-image.reveal-ready{transform:translate3d(calc(var(--mx) + 34px),var(--my),0)}
.hero-image.reveal-ready.is-visible{transform:translate3d(var(--mx),var(--my),0)}

@media(max-width:1100px){
  .hero-grid{grid-template-columns:.9fr 1.1fr;min-height:500px}.hero-image{width:108%;margin-left:-2%}.hero-copy h1{font-size:clamp(50px,6vw,72px)}
  .service-rail article{flex-basis:390px}.systems-photo{min-height:590px}.systems-copy{padding:42px 35px}.partner{margin-left:0}.experience>div:first-child{padding-right:8%}
}
@media(max-width:760px){
  header{position:relative}.hero{min-height:auto;padding-top:28px}.hero:after{display:none}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 0 40px}.hero-copy h1{font-size:clamp(47px,13.2vw,67px);letter-spacing:-3px}.hero-image{width:100%;margin:0;aspect-ratio:4/3;transform:none}.hero-image:before{inset:-13px 18px 22px -12px;transform:translate(14px,-8px)}.hero-foot{margin-right:0;padding:20px 12px;overflow-x:auto;justify-content:flex-start;gap:32px}.hero-foot span{white-space:nowrap}
  .intro{display:block;min-height:0}.intro:before{left:6%;top:50px;height:95px}.intro>div:first-child{position:relative;top:auto;padding:0 0 0 24px;margin-bottom:42px}.intro>div:last-child{padding:32px 25px;box-shadow:14px 14px 0 rgba(159,184,222,.035)}
  .services{padding-left:6%}.services .section-head{padding-right:6%}.rail-meta{align-items:center;justify-content:space-between;margin-top:28px}.rail-meta>p{text-align:left;margin:0}.rail-button{width:44px;height:44px}.service-rail{gap:15px;padding-right:6%;padding-bottom:35px}.service-rail article{flex-basis:min(82vw,360px);min-height:390px;padding:28px}.service-rail article:nth-child(even){margin-top:26px}.service-rail h3{font-size:26px}.rail-progress{width:94%}
  .systems{grid-template-columns:1fr;padding:75px 6% 80px}.systems-photo{min-height:430px;margin:0 0 -32px;clip-path:polygon(0 0,100% 5%,96% 100%,3% 95%)}.systems-copy{margin:0 12px;padding:42px 25px}.systems:before{font-size:160px}
  .delivery .section-head{margin-bottom:46px}.steps{display:flex;overflow-x:auto;gap:15px;padding:5px 6% 50px 0;scroll-snap-type:x mandatory;scrollbar-width:none}.steps::-webkit-scrollbar{display:none}.steps li{flex:0 0 min(80vw,330px);min-height:350px;scroll-snap-align:start}.steps li:nth-child(even){transform:translateY(24px)}.steps li:hover{transform:none}.steps li:nth-child(even):hover{transform:translateY(24px)}.compliance{margin-top:30px;width:100%;transform:none}
  .experience{grid-template-columns:1fr;padding-top:80px;padding-bottom:85px}.experience>div:first-child{padding:0 0 35px}.partner{margin:0 0 0 12px;padding:34px 28px;box-shadow:-12px 18px 0 rgba(159,184,222,.035)}.partner:before{display:none}
  .project{padding-top:85px;padding-bottom:90px}.project:before{inset:32px 3%}.contact-layout{grid-template-columns:1fr}.contact-intro{position:relative;top:auto;padding-bottom:18px}.contact-intro h2{font-size:clamp(47px,13vw,66px);letter-spacing:-3px}.inquiry-form{box-shadow:14px 14px 0 rgba(159,184,222,.04)}
}
@media(prefers-reduced-motion:reduce){.hero-image,.service-rail article,.steps li,.rail-button,.reveal-ready{transition:none!important;transform:none!important}}
