:root{--ink:#0b1628;--night:#070b12;--paper:#edf0f1;--gold:#c9a84c;--muted:#aab3bc;--line:rgba(237,240,241,.2);--easing:cubic-bezier(.16,1,.3,1)}
body{background:#080d14;color:var(--paper)}
.nav{max-width:1360px;padding:20px 34px;border-bottom:1px solid var(--line)}
.nav-links{gap:28px}.nav a{font-size:12px}.mark{letter-spacing:.15em}
.hero{min-height:100dvh;border:0;align-items:center}.hero:after{background-position:66% center;filter:saturate(.68) contrast(1.08) brightness(.78)}.hero:before{background:linear-gradient(90deg,#080d14 0%,rgba(8,13,20,.93) 37%,rgba(8,13,20,.42) 64%,rgba(8,13,20,.08) 100%)}.hero-content{max-width:1360px;padding:96px 34px}.hero h1{max-width:670px;margin:18px 0 22px;font-size:clamp(56px,7.4vw,120px);line-height:.9}.hero p{max-width:440px;font-size:18px;line-height:1.6}.eyebrow{font-size:12px;letter-spacing:.12em}.button,.filter{border-radius:0}.button{padding:15px 19px}
.hero .eyebrow{position:relative;display:inline-block;padding-bottom:16px}.hero .eyebrow:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:56px;background:var(--gold);transform:scaleX(0);transform-origin:left;animation:goldline 1s var(--easing) .4s forwards}
@keyframes goldline{to{transform:scaleX(1)}}
main{max-width:1360px;padding:120px 34px}.intro{display:block;max-width:850px;border:0;padding:0 0 128px}.intro h2,.contact h2{max-width:820px;font-size:clamp(42px,5vw,76px);line-height:.95}.intro p{max-width:620px;margin:32px 0 0;font-size:20px;line-height:1.65}.section-head{display:block;margin:0 0 34px}.section-head h2{font-size:clamp(38px,4.5vw,68px);line-height:.95}.section-head p{max-width:510px;margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.55}.section-head span{display:none}.filters{margin:0 0 38px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filter{border:0;padding:0 13px;font-size:11px}.filter:first-child{padding-left:0}.filter:hover,.filter[aria-pressed='true']{color:var(--gold);background:transparent}.grid{gap:64px 24px}.project{min-height:0;aspect-ratio:auto;overflow:visible;background:transparent;display:flex;flex-direction:column;gap:16px}.project:after{display:none}.project.wide{grid-column:span 8}.project.narrow{grid-column:span 4}.project:nth-of-type(3){grid-column:span 5}.project:nth-of-type(4){grid-column:span 7}.project img{position:static;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;border:1px solid var(--line);transition:transform .55s var(--easing),filter .55s var(--easing)}.project:nth-of-type(2) img{aspect-ratio:.85}.project:nth-of-type(3) img{aspect-ratio:1}.project:nth-of-type(4) img{aspect-ratio:1.45}.project:hover img{transform:translateY(-8px);filter:brightness(1.08)}.project-info{position:static;width:auto;padding:0}.project-info p{margin:0 0 8px;color:var(--gold);font-size:11px;letter-spacing:.11em}.project-info h3{font-size:clamp(28px,3vw,43px);line-height:.96}.project-info .view{margin-top:12px;color:var(--paper)}.future{grid-column:span 12;margin-top:20px;border:0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:transparent;padding:30px 0}.future h3{font-size:clamp(30px,3vw,45px)}.future span{font-size:11px}
.capabilities{display:block;border:0}.capability{display:grid;grid-template-columns:minmax(180px,.45fr) 1fr;gap:30px;padding:32px 0;border:0;border-top:1px solid var(--line)}.capability:last-child{border-bottom:1px solid var(--line)}.capability b{margin:0;color:var(--gold);font-size:12px}.capability p{max-width:610px;font-size:18px;line-height:1.55}.contact{margin-top:140px;padding:50px 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:transparent;color:var(--paper)}.contact-copy{max-width:520px}.contact p{font-size:18px;color:#d8dfe4}.contact .button{background:var(--gold);border-color:var(--gold);color:#080d14}.contact .button:hover{background:transparent;color:var(--gold)}.contact-links{gap:0;background:transparent;border-top:1px solid var(--line);border-left:1px solid var(--line)}.contact-link{min-height:88px;background:transparent;color:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px}.contact-link:hover{background:rgba(201,168,76,.1);color:var(--paper)}.contact-link span{color:var(--gold)}.contact-link strong{font-size:14px}footer{max-width:1360px;padding:32px 34px}
.has-js .reveal{opacity:0;transform:translateY(18px)}.has-js .reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .62s var(--easing) calc(var(--i,0) * 70ms),transform .62s var(--easing) calc(var(--i,0) * 70ms)}
@media (prefers-reduced-motion:reduce){.has-js .reveal,.has-js .reveal.is-visible{opacity:1;transform:none;transition:none}.project:hover img{transform:none}.hero .eyebrow:after{animation:none;transform:scaleX(1)}}
@media(max-width:700px){.nav{padding:17px 20px}.hero-content{padding:92px 20px 46px}.hero{align-items:end}.hero:before{background:linear-gradient(0deg,#080d14 4%,rgba(8,13,20,.5) 100%)}.hero h1{font-size:clamp(52px,15vw,78px)}main{padding:82px 20px}.intro{padding-bottom:86px}.intro p{font-size:18px}.project,.project.wide,.project.narrow,.project:nth-of-type(3),.project:nth-of-type(4){grid-column:span 12;min-height:0}.grid{gap:48px}.project:nth-of-type(2) img,.project:nth-of-type(3) img,.project:nth-of-type(4) img{aspect-ratio:1.16}.capability{display:block;padding:26px 0}.capability p{margin-top:14px}.contact{margin-top:88px;padding:34px 0}.contact-links{grid-template-columns:1fr}.contact h2{font-size:48px}footer{padding:28px 20px;gap:16px;flex-direction:column}}
