@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;800&display=swap');
:root{--paper:#eee9df;--ink:#161616;--red:#df3c2f;--acid:#e8ff3d;--line:rgba(22,22,22,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}body{margin:0;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px}nav{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(24px,5vw,72px)}nav a{color:inherit;text-decoration:none}.brand{font-size:30px;font-weight:800;letter-spacing:-.08em}.brand span,h1 em,.archive-cta h2 span{color:var(--red);font-style:normal}nav div{display:flex;gap:28px;font:500 11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}nav div a:hover{text-decoration:underline}
.hero{min-height:100svh;padding:120px clamp(24px,5vw,72px) 40px;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(circle at 78% 28%,#fff 0,transparent 29%)}.eyebrow,.section-no,.archive-cta>p{font:500 11px DM Mono,monospace;letter-spacing:.16em}.hero h1{font-size:clamp(64px,12vw,170px);line-height:.82;letter-spacing:-.075em;margin:25px 0 50px}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.hero-bottom>p{font-size:clamp(17px,2vw,25px);line-height:1.5;max-width:550px;margin:0}.project-link{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:2px solid;color:inherit;text-decoration:none;font-weight:700}.project-link b{font-size:32px;transition:transform .25s}.project-link:hover b{transform:translate(7px,-7px)}.scroll-note{position:absolute;right:clamp(24px,5vw,72px);bottom:35px;writing-mode:vertical-rl;font:500 9px DM Mono,monospace;letter-spacing:.14em}
.about,.capabilities{padding:clamp(80px,12vw,170px) clamp(24px,5vw,72px);display:grid;grid-template-columns:1fr 3fr;gap:5vw;border-top:1px solid}.about>div{max-width:940px}.about h2{font-size:clamp(46px,7vw,100px);line-height:.95;letter-spacing:-.06em;margin:0 0 50px}.about h2 i{font-weight:400}.about .lead{font-size:clamp(20px,2.4vw,32px);line-height:1.45;max-width:850px}.about div>p:last-child{max-width:650px;line-height:1.8}.capabilities{background:var(--ink);color:var(--paper)}.cap-list{display:grid}.cap-list span{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.25);font-size:clamp(26px,4vw,55px);letter-spacing:-.03em}.archive-cta{min-height:82svh;padding:clamp(70px,9vw,130px) clamp(24px,5vw,72px);position:relative;display:grid;align-content:center;background:var(--acid)}.archive-cta h2{font-size:clamp(80px,16vw,220px);line-height:.72;letter-spacing:-.08em;margin:40px 0}.archive-cta>a{position:absolute;right:7vw;bottom:12%;display:grid;place-items:center;width:clamp(90px,13vw,180px);aspect-ratio:1;border:2px solid;border-radius:50%;color:inherit;text-decoration:none;font-size:clamp(40px,7vw,90px);transition:transform .3s}.archive-cta>a:hover{transform:rotate(-30deg) scale(1.07)}footer{padding:20px clamp(24px,5vw,72px);display:flex;justify-content:space-between;border-top:1px solid;font:500 9px DM Mono,monospace;letter-spacing:.12em}
@media(max-width:700px){nav div a:first-child,.scroll-note{display:none}.hero-bottom,.about,.capabilities{grid-template-columns:1fr}.hero h1{margin-bottom:35px}.project-link{margin-top:32px}.section-no{margin-bottom:40px}.archive-cta>a{bottom:8%}}
.about{grid-template-columns:.8fr 2.4fr .8fr;align-items:center}.cv-disk{position:relative;width:min(17vw,210px);min-width:135px;aspect-ratio:1;color:#17233b;text-decoration:none;filter:drop-shadow(0 15px 12px rgba(0,0,0,.25));transition:transform .25s}.cv-disk:hover{transform:translateY(-8px) rotate(2deg)}.cv-disk img{width:100%;display:block}.cv-disk span{position:absolute;left:22%;right:19%;top:51%;height:34%;display:grid;place-content:center;text-align:center;font:700 clamp(22px,3vw,38px)/.8 DM Mono,monospace}.cv-disk small{font-size:9px;margin-top:10px}.cv-disk.is-leaving{pointer-events:none;animation:cv-eject .72s cubic-bezier(.4,0,.8,.2) forwards}@keyframes cv-eject{0%{transform:translateY(0)}30%{transform:translateY(-25px)}100%{transform:translateY(-120vh);opacity:0}}
@media(max-width:700px){.about{grid-template-columns:1fr}.cv-disk{margin:25px auto 0;width:150px}}@media(prefers-reduced-motion:reduce){.cv-disk.is-leaving{animation:none;opacity:0}}