:root{color-scheme:dark;--bg:#090d12;--panel:#101820;--ink:#f5f3ee;--muted:#a1a8aa;--gold:#efc57e;--line:rgba(245,243,238,.16);--mono:"DM Mono",monospace;--sans:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:absolute;z-index:-1;inset:0 0 auto;height:780px;background:radial-gradient(ellipse at 77% 4%,rgba(239,197,126,.11),transparent 32rem),radial-gradient(ellipse at 25% 60%,rgba(68,103,125,.12),transparent 34rem);pointer-events:none}.topbar{height:88px;padding:0 clamp(22px,6.7vw,104px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(245,243,238,.09)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.15em}.brand small{display:block;margin-top:4px;color:var(--muted);font:8px var(--mono);letter-spacing:.16em}.brand-mark{width:29px;height:29px;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:6px;border:1px solid var(--gold);transform:skew(-30deg)}.brand-mark i:nth-child(1){height:14px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:18px}.topbar nav{display:flex;align-items:center;gap:clamp(20px,3.5vw,55px);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.topbar nav>a{color:#c9ccca;transition:color .2s}.topbar nav>a:hover,.topbar nav .contact-link{color:var(--gold)}.contact-link span,footer a:last-child{color:var(--gold)}.menu-toggle{display:none}.hero{min-height:680px;padding:30px clamp(22px,6.7vw,104px) 24px;display:flex;flex-direction:column}.hero-top,.hero-bottom{display:flex;justify-content:space-between;color:#899194;font:9px var(--mono);letter-spacing:.12em}.hero-main{flex:1;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:50px;padding:75px 0 88px}.eyebrow{margin:0;color:#bbc0bd;font:9px var(--mono);letter-spacing:.16em;text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px rgba(239,197,126,.7)}h1,h2,h3,p{margin-top:0}h1{margin:27px 0 26px;font-size:clamp(68px,9.3vw,138px);font-weight:500;letter-spacing:-.085em;line-height:.88}h1 em,h2 em{color:var(--gold);font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.hero-copy{max-width:480px;color:#aeb5b5;font-size:15px;line-height:1.85}.hero-cta{display:inline-flex;align-items:center;gap:23px;margin-top:25px;padding:0 0 11px;border-bottom:1px solid var(--gold);font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase}.hero-cta span{color:var(--gold);font-size:17px}.hero-aside{justify-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:19px;margin-top:60px}.orbit{position:relative;width:230px;height:230px;display:grid;place-items:center;border:1px solid rgba(239,197,126,.23);border-radius:50%;background:radial-gradient(circle,rgba(239,197,126,.1),transparent 68%)}.orbit::before,.orbit::after{content:"";position:absolute;border:1px solid rgba(239,197,126,.18);border-radius:50%;inset:20px}.orbit::after{inset:47px;border-color:rgba(239,197,126,.28)}.orbit span{color:var(--gold);font:italic 106px Georgia,serif}.orbit i,.orbit b{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px 3px rgba(239,197,126,.35)}.orbit i{top:19%;right:19%}.orbit b{bottom:18%;left:19%;width:3px;height:3px}.hero-aside>p{margin:0;color:#dde0dc;font-size:13px;line-height:1.7}.mono{color:#788186;font:8px var(--mono);letter-spacing:.12em}.work-section{padding:118px clamp(22px,6.7vw,104px) 130px;background:#f3f2ed;color:#131a20}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.section-heading .eyebrow{color:#967346}.section-heading h2,.approach h2,.contact h2{margin:18px 0 0;font-size:clamp(46px,6.2vw,86px);font-weight:500;letter-spacing:-.07em;line-height:.98}.section-heading h2 em{color:#a8783c}.section-heading>p{max-width:310px;margin:0 0 7px;color:#57605e;font-size:13px;line-height:1.75}.filters{display:flex;gap:9px;margin:55px 0 29px;overflow:auto;padding-bottom:5px}.filter{flex:none;padding:11px 15px;border:1px solid rgba(19,26,32,.18);border-radius:999px;background:transparent;color:#3e4746;cursor:pointer;font:9px var(--mono);letter-spacing:.04em;text-transform:uppercase;transition:all .2s}.filter span{margin-left:8px;color:#a8783c}.filter:hover,.filter.active{border-color:#111a20;background:#111a20;color:#f5f3ee}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 22px}.project{min-width:0}.project-wide{grid-column:span 2}.project-visual{position:relative;display:block;height:clamp(280px,32vw,470px);overflow:hidden;background:#111b23}.project:not(.project-wide) .project-visual{height:clamp(250px,27vw,385px)}.project-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,10,.34),transparent 26%,transparent 62%,rgba(3,7,10,.53));pointer-events:none}.project-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;filter:saturate(.83);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s}.project-visual:hover img{transform:scale(1.035);filter:saturate(1)}.visual-index,.visit{position:absolute;z-index:1;top:17px;color:#fff;font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.visual-index{left:18px}.visit{right:18px;color:var(--gold);opacity:0;transform:translateY(4px);transition:all .25s}.project-visual:hover .visit,.project-visual:focus-visible .visit{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-top:17px}.project-meta p{margin:0 0 7px;color:#917044;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.project-meta h3{margin:0;font-size:clamp(22px,2.7vw,36px);font-weight:500;letter-spacing:-.06em}.project-number{color:#9aa09e;font:9px var(--mono)}.project-summary{max-width:460px;margin:13px 0 0;color:#5a6362;font-size:12px;line-height:1.7}.project-note{margin:52px 0 0;padding-top:15px;border-top:1px solid rgba(19,26,32,.17);color:#737c79;font:9px var(--mono);letter-spacing:.04em}.approach{display:grid;grid-template-columns:1fr .75fr;column-gap:100px;row-gap:70px;padding:128px clamp(22px,6.7vw,104px)}.approach .eyebrow,.contact .eyebrow{color:var(--gold)}.approach h2{font-size:clamp(50px,7vw,94px)}.approach h2 em{font-size:.86em}.approach-copy{align-self:end;max-width:400px}.approach-copy>p{color:#a9b0b0;font-size:14px;line-height:1.85}.text-link{display:inline-flex;gap:15px;padding:0 0 9px;border-bottom:1px solid rgba(239,197,126,.55);color:var(--gold);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles span{padding:20px 16px 20px 0;color:#aeb4b3;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.principles span+span{padding-left:19px;border-left:1px solid var(--line)}.contact{padding:92px clamp(22px,6.7vw,104px) 110px;background:#121a21;text-align:center}.contact h2{margin:19px 0 27px;font-size:clamp(50px,8vw,105px)}.contact>a{display:inline-flex;align-items:center;gap:19px;padding-bottom:10px;border-bottom:1px solid var(--gold);color:#e8e8e2;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.contact>a span{color:var(--gold);font-size:16px}footer{min-height:94px;padding:22px clamp(22px,6.7vw,104px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#838b8d;font:8px var(--mono);letter-spacing:.08em}footer .brand{color:var(--ink);font-family:var(--sans);font-size:12px}footer>a:last-child{font:8px var(--mono);letter-spacing:.08em}@media(max-width:760px){.topbar{height:74px}.topbar nav{display:none;position:absolute;z-index:4;top:74px;left:0;right:0;padding:22px;background:#0d1319;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.topbar nav.open{display:flex}.menu-toggle{display:block;border:1px solid var(--line);padding:9px 12px;background:transparent;color:var(--ink);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.hero{min-height:620px}.hero-top,.hero-bottom{font-size:7px}.hero-top span:last-child{max-width:120px;text-align:right}.hero-main{grid-template-columns:1fr;gap:32px;padding:82px 0 57px}.hero-main h1{font-size:clamp(65px,16vw,100px)}.hero-aside{display:grid;grid-template-columns:88px 1fr;column-gap:17px;justify-self:start;align-items:center;margin:0}.orbit{width:88px;height:88px}.orbit::before{inset:9px}.orbit::after{inset:20px}.orbit span{font-size:42px}.hero-aside>p{align-self:end}.hero-aside .mono{grid-column:2}.section-heading{display:block}.section-heading>p{margin-top:21px}.work-section{padding-top:85px;padding-bottom:90px}.filters{margin-top:36px}.project-grid{gap:39px 14px}.project-wide{grid-column:span 2}.project-visual,.project:not(.project-wide) .project-visual{height:clamp(180px,55vw,330px)}.project-meta h3{font-size:clamp(17px,5vw,28px)}.project-summary{font-size:11px}.approach{grid-template-columns:1fr;gap:30px;padding-top:90px;padding-bottom:90px}.approach-copy{max-width:500px}.principles{grid-template-columns:1fr}.principles span{padding:14px 0}.principles span+span{padding-left:0;border-left:0;border-top:1px solid var(--line)}.contact{padding:77px 22px 84px}footer{flex-wrap:wrap;font-size:7px}footer>a:last-child{margin-left:auto}}@media(max-width:430px){.hero-top span:last-child{max-width:95px}.project-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.project-visual,.project:not(.project-wide) .project-visual{height:250px}.project-meta h3{font-size:25px}footer>span{order:3;width:100%}}
