@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--black:#0b0d0f;--black2:#121518;--paper:#efede7;--paper2:#e5e2da;--ink:#111416;--muted:#747a7e;--line:rgba(17,20,22,.18);--lineDark:rgba(255,255,255,.16);--blue:#5f7cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.header{height:78px;position:fixed;z-index:50;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,64px);color:#fff;background:rgba(11,13,15,.78);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.3s}.header.scrolled{border-color:var(--lineDark);background:rgba(11,13,15,.94)}.wordmark{justify-self:start;font:600 13px/1 Manrope;letter-spacing:.16em}.wordmark .slash{color:#66707a;margin:0 9px}.nav{display:flex;gap:28px;font:400 11px DM Mono,monospace;color:#b8bec3}.nav a:hover{color:#fff}.menu{display:none;justify-self:end;background:transparent;border:0}.menu span{display:block;width:23px;height:1px;background:#fff;margin:6px}.hero{height:100svh;min-height:740px;background:var(--black);color:#fff;padding:112px clamp(20px,4vw,64px) 40px;display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:48vw;height:48vw;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-14vw;top:10vh}.hero:after{content:"";position:absolute;width:20vw;height:20vw;border:1px solid rgba(95,124,255,.35);border-radius:50%;right:12vw;top:24vh}.hero-topline{display:flex;justify-content:space-between;font:400 9px DM Mono,monospace;letter-spacing:.18em;color:#687078;position:relative;z-index:2}.hero-center{align-self:center;position:relative;z-index:2;width:min(1220px,100%);margin:0 auto}.kicker{font:400 10px DM Mono,monospace;letter-spacing:.22em;color:#7480a4;margin:0 0 22px}.hero h1{font-size:clamp(52px,8.4vw,126px);line-height:.89;letter-spacing:-.065em;font-weight:500;margin:0;max-width:1220px}.hero h1 em{font-style:normal;color:#687078}.lede{max-width:590px;font-size:clamp(15px,1.45vw,20px);line-height:1.65;color:#a7afb5;margin:36px 0 0}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;position:relative;z-index:2;border-top:1px solid var(--lineDark);padding-top:22px}.hero-bottom a{font:500 12px DM Mono,monospace;display:flex;gap:40px}.hero-bottom a span{color:#69727b}.hero-bottom p{justify-self:end;max-width:410px;margin:0;color:#6f777e;font-size:11px;line-height:1.6}.section{padding:110px clamp(20px,4vw,64px)}.section-cap{display:grid;grid-template-columns:55px 1fr auto;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;font-family:DM Mono,monospace}.section-cap span{font-size:9px;color:#959b9f}.section-cap p{font-size:11px;margin:0}.section-cap small{font-size:9px;color:#8a9094}.portfolio{background:var(--paper)}.portfolio-list{border-bottom:1px solid var(--line)}.portfolio-row{display:grid;grid-template-columns:55px 130px minmax(220px,1.05fr) minmax(260px,1.1fr) 180px 30px;gap:18px;align-items:center;min-height:132px;border-top:1px solid var(--line);transition:.3s;position:relative}.portfolio-row:first-child{border-top:0}.portfolio-row:hover{padding-left:12px;background:rgba(255,255,255,.35)}.portfolio-row:hover .go{transform:translate(3px,-3px)}.num,.sector,.domain{font-family:DM Mono,monospace;font-size:9px}.num{color:#9ea4a8}.sector{letter-spacing:.14em;color:#687074}.name{font-size:clamp(22px,2.5vw,40px);font-weight:600;letter-spacing:-.045em}.name sup{font-size:.45em;color:var(--blue);position:relative;top:-.6em}.desc{font-size:12px;line-height:1.55;color:#71777b;max-width:390px}.domain{color:#7d8387}.go{font-size:21px;color:#777f84;transition:.25s}.group{background:var(--black);color:#fff}.inverse{border-color:var(--lineDark)}.inverse span,.inverse small{color:#697179}.group-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-top:65px}.group-title h2{font-size:clamp(48px,6vw,88px);line-height:.94;letter-spacing:-.06em;font-weight:500;margin:0}.group-title>p{max-width:360px;color:#727a81;font-size:13px;line-height:1.6;margin-top:28px}.group-copy>.lead{font-size:clamp(22px,2.6vw,38px);line-height:1.35;letter-spacing:-.035em;color:#c8cdd1;margin:0 0 70px;max-width:760px}.principles{border-top:1px solid var(--lineDark)}.principles article{display:grid;grid-template-columns:50px .8fr 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--lineDark);align-items:start}.principles span{font:400 9px DM Mono,monospace;color:#667078}.principles h3{margin:0;font-size:15px;font-weight:500}.principles p{margin:0;color:#747d84;font-size:11px;line-height:1.6}.band{background:#161a1e;color:#545b61;overflow:hidden;border-top:1px solid var(--lineDark);border-bottom:1px solid var(--lineDark)}.band-track{display:flex;gap:30px;white-space:nowrap;align-items:center;padding:30px 0;font:500 clamp(28px,4vw,60px)/1 Manrope;letter-spacing:-.04em;animation:band 28s linear infinite}.band-track i{font-style:normal;color:#2d343a}@keyframes band{to{transform:translateX(-50%)}}.contact{background:var(--paper2)}.contact-cap{font:400 10px DM Mono,monospace;color:#7d8387;margin-bottom:55px}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.contact h2{font-size:clamp(48px,6.8vw,98px);line-height:.93;letter-spacing:-.062em;font-weight:500;margin:0}.contact h2 em{font-style:normal;color:#8a8d8c}.contact-side{padding-bottom:8px}.contact-side>p{color:#71777a;max-width:410px;font-size:12px;line-height:1.7;margin:0 0 32px}.mail{height:58px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;font:500 12px DM Mono,monospace}.mail b{font-size:19px;font-weight:400}.mail:hover b{transform:translate(3px,-3px)}.mail b{transition:.25s}footer{background:var(--paper2);padding:30px clamp(20px,4vw,64px) 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}.footer-mark{font-size:12px;font-weight:600;letter-spacing:.15em}.footer-mark span{color:#92989b;margin:0 7px}.footer-meta{display:flex;gap:26px;font:400 9px DM Mono,monospace;color:#7d8386}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:none}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}@media(max-width:980px){.portfolio-row{grid-template-columns:45px 95px 1fr 35px;gap:12px;padding:24px 0}.portfolio-row .desc{grid-column:3/4;margin-top:-10px}.portfolio-row .domain{display:none}.go{grid-column:4;grid-row:1/3}.group-grid,.contact-grid{grid-template-columns:1fr;gap:55px}.principles article{grid-template-columns:40px 1fr}.principles p{grid-column:2}.hero-bottom{grid-template-columns:1fr}.hero-bottom p{justify-self:start}.section-cap{grid-template-columns:45px 1fr}.section-cap small{display:none}}@media(max-width:720px){.header{height:68px;grid-template-columns:1fr auto}.nav{position:absolute;top:68px;left:0;right:0;background:#0b0d0f;border-bottom:1px solid var(--lineDark);padding:18px 20px 24px;display:none;flex-direction:column}.nav.open{display:flex}.menu{display:block}.hero{padding-top:100px;min-height:760px}.hero h1{font-size:clamp(48px,13.5vw,78px)}.hero:before{width:90vw;height:90vw;right:-45vw}.hero:after{width:45vw;height:45vw;right:2vw}.section{padding:82px 20px}.portfolio-row{grid-template-columns:34px 1fr 32px;min-height:150px}.portfolio-row .sector{grid-column:2}.portfolio-row .name{grid-column:2}.portfolio-row .desc{grid-column:2}.portfolio-row .go{grid-column:3;grid-row:1/4}.num{grid-row:1/4}.group-grid{padding-top:45px}.principles article{grid-template-columns:36px 1fr}.contact h2{font-size:clamp(45px,14vw,72px)}footer{padding-left:20px;padding-right:20px;flex-direction:column;align-items:flex-start;gap:22px}.footer-meta{flex-wrap:wrap}.hero-bottom p{display:none}}