:root{--navy:#081b2c;--navy2:#0c263d;--gold:#f5b719;--white:#fff;--ink:#101820;--pale:#eef1f1;--line:#d4d9d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.topbar{height:84px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;position:relative;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.025em}.brand b{color:var(--gold);font-weight:900}.brand-mark{width:37px;height:34px;position:relative;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:8px;background:var(--gold);transform:skew(-17deg);border-radius:1px}.brand-mark i:nth-child(1){height:19px}.brand-mark i:nth-child(2){height:30px}.brand-mark i:nth-child(3){height:24px}.topbar nav{display:flex;gap:34px;font-size:.86rem;font-weight:600}.topbar nav a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--gold);color:var(--navy);min-width:205px;padding:17px 20px;font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.09em;transition:.2s}.button:hover{transform:translateY(-2px);background:#ffc72c}.button-small{min-width:148px;padding:13px 16px}.hero{height:min(780px,calc(100vh - 84px));min-height:650px;position:relative;overflow:hidden;color:#fff}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,31,.92) 0%,rgba(4,18,31,.72) 38%,rgba(4,18,31,.12) 72%),linear-gradient(0deg,rgba(4,18,31,.5),transparent 40%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.hero-copy{position:absolute;left:clamp(24px,8vw,120px);top:50%;transform:translateY(-48%);max-width:760px}.eyebrow{text-transform:uppercase;color:var(--gold);font-weight:800;font-size:.72rem;letter-spacing:.2em;margin:0 0 23px}.hero h1,.section-intro h2,.work h2,.about h2,.quote h2{font:900 clamp(4rem,8vw,8rem)/.79 "Barlow Condensed",sans-serif;letter-spacing:-.03em;margin:0;text-transform:uppercase}.hero h1 em,.section-intro h2 em,.about h2 em,.quote h2 em{font-style:normal;color:var(--gold)}.hero-lead{font-size:1.05rem;line-height:1.75;max-width:590px;color:#dfe6eb;margin:35px 0}.hero-actions{display:flex;align-items:center;gap:32px}.text-link{text-transform:uppercase;font-weight:700;font-size:.75rem;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.5);padding:13px 0}.hero-stamp{position:absolute;right:clamp(24px,5vw,70px);bottom:42px;width:118px;height:118px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);font:700 .62rem "Barlow Condensed";letter-spacing:.18em}.hero-stamp b{font-size:2.25rem;color:var(--gold);letter-spacing:0;line-height:1}.proof-strip{background:var(--gold);display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(24px,7vw,110px)}.proof-strip div{display:flex;gap:18px;align-items:center;padding:32px 25px;border-right:1px solid rgba(8,27,44,.22)}.proof-strip div:first-child{border-left:1px solid rgba(8,27,44,.22)}.proof-strip span{font:700 .72rem Inter;color:rgba(8,27,44,.6)}.proof-strip b{font:800 1.25rem/1 "Barlow Condensed";letter-spacing:.04em}.system{padding:120px clamp(24px,8vw,130px);background:var(--pale)}.eyebrow.dark{color:#7c6a35}.section-intro h2,.about h2{font-size:clamp(3.6rem,6vw,6.8rem);color:var(--navy)}.system-layout{display:grid;grid-template-columns:minmax(350px,1.05fr) minmax(360px,.95fr);gap:8vw;margin-top:70px;align-items:start}.system-image{position:relative;height:700px;overflow:hidden}.system-image img{width:100%;height:100%;object-fit:cover}.image-label{position:absolute;left:0;right:0;bottom:0;background:var(--navy);color:#fff;padding:18px 22px;display:flex;justify-content:space-between;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em}.image-label b{color:var(--gold)}.feature-list article{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line)}.feature-list article:last-child{border-bottom:1px solid var(--line)}.feature-list .icon{width:42px;height:42px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:800;font-size:1.25rem}.feature-list h3{font:800 1.65rem "Barlow Condensed";margin:0 0 10px;text-transform:uppercase;color:var(--navy)}.feature-list p{margin:0;color:#4e5960;line-height:1.7;font-size:.92rem}.work{background:var(--navy);color:#fff;padding:115px clamp(24px,8vw,130px);display:grid;grid-template-columns:1.3fr .7fr;gap:50px}.work h2{font-size:clamp(3.4rem,5.3vw,6rem)}.work>p{align-self:end;line-height:1.8;color:#c8d2da;margin:0 0 10px;max-width:480px}.work-photo{grid-column:1/-1;height:490px;overflow:hidden;position:relative;margin-top:20px}.work-photo img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.work-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,22,36,.65),transparent 45%)}.work-photo span{position:absolute;z-index:1;left:22px;bottom:20px;text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.14em}.about{padding:120px clamp(24px,8vw,130px);display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;align-items:end}.about-main>p:last-child{font-size:1.02rem;line-height:1.8;max-width:680px;color:#55616a;margin-top:35px}.company-card{background:var(--gold);padding:40px}.company-card>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.company-card h3{font:900 3rem/.85 "Barlow Condensed";margin:32px 0 40px;color:var(--navy)}.company-card dl{margin:0}.company-card dl div{display:flex;justify-content:space-between;border-top:1px solid rgba(8,27,44,.25);padding:16px 0;font-size:.78rem}.company-card dt{text-transform:uppercase;font-weight:700}.company-card dd{margin:0}.quote{text-align:center;background:var(--navy2);color:#fff;padding:110px 24px}.quote h2{font-size:clamp(4rem,7vw,7rem)}.quote>p:not(.eyebrow){color:#c7d0d8;margin:30px auto;line-height:1.7}.quote .button{margin:5px auto 28px}.button.light{background:#fff}.quote small{display:block;color:#91a0aa;font-size:.7rem}footer{background:#051420;color:#8d9aa3;min-height:120px;padding:35px clamp(24px,6vw,90px);display:flex;align-items:center;justify-content:space-between;font-size:.72rem}footer .brand{color:#fff;font-size:1.25rem}footer p{margin:0}
@media(max-width:900px){.topbar nav{display:none}.proof-strip{grid-template-columns:repeat(2,1fr)}.proof-strip div:nth-child(3){border-left:1px solid rgba(8,27,44,.22)}.system-layout,.about{grid-template-columns:1fr}.system-image{height:560px}.work{grid-template-columns:1fr}.work>p{align-self:start}.company-card{max-width:480px}.hero-stamp{display:none}footer{flex-direction:column;gap:18px;text-align:center}}
@media(max-width:600px){.topbar{height:72px;padding:0 18px}.topbar .button-small{display:none}.brand{font-size:1.25rem}.hero{height:760px;min-height:0}.hero>img{object-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(4,18,31,.94),rgba(4,18,31,.35)),linear-gradient(0deg,rgba(4,18,31,.75),transparent 55%)}.hero-copy{left:22px;right:22px;top:auto;bottom:58px;transform:none}.hero h1{font-size:4rem}.hero-lead{font-size:.94rem;line-height:1.6;margin:25px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.proof-strip{padding:0;grid-template-columns:1fr 1fr}.proof-strip div{padding:23px 15px;gap:9px}.proof-strip b{font-size:1rem}.system,.work,.about{padding:80px 22px}.section-intro h2,.about h2,.work h2{font-size:3.45rem}.system-layout{margin-top:40px}.system-image{height:430px}.feature-list article{grid-template-columns:44px 1fr}.work-photo{height:420px}.company-card{padding:28px}.company-card h3{font-size:2.5rem}.quote{padding:80px 22px}.quote h2{font-size:4.2rem}footer{padding:38px 20px}.eyebrow{line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.contact-details{display:flex;justify-content:center;align-items:center;gap:20px;margin:-10px auto 28px;flex-wrap:wrap}.contact-details strong{color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.contact-details a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:3px}.contact-details a:hover{color:var(--gold)}
@media(max-width:600px){.contact-details{flex-direction:column;gap:10px}}