:root{--void:#04080a;--ink:#eff5f1;--mut:#8a9a92;--warm:#5fd98f;--warm2:#b7f2cf;--cool:#22b8a6;--line:rgba(255,255,255,.08);--maxw:1120px;--font:"Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN",system-ui,sans-serif;--mono:ui-monospace,"SF Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--ink);font-family:var(--font);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb,var(--warm) 30%,transparent)}.eyebrow{font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:var(--warm2);font-weight:300;margin:0 0 28px}.h-thin{font-weight:200;letter-spacing:.06em;line-height:1.3;margin:0;text-wrap:balance}.lede-quiet{color:#aebbb3;line-height:2.2;letter-spacing:.08em;font-weight:300}.btn-ghost{display:inline-flex;align-items:center;gap:14px;padding:15px 40px;border-radius:100px;font-size:12px;letter-spacing:.32em;font-weight:300;color:var(--ink);text-transform:uppercase;background:transparent;border:1px solid color-mix(in srgb,var(--warm) 45%,transparent);cursor:pointer;transition:border-color .35s,background .35s}.btn-ghost:hover{border-color:var(--warm);background:color-mix(in srgb,var(--warm) 8%,transparent)}.btn-ghost:focus-visible{outline:2px solid var(--warm);outline-offset:3px}.nav{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:30px clamp(24px,5.5vw,60px);background:linear-gradient(180deg,color-mix(in srgb,var(--void) 82%,transparent),transparent)}.brand{font-weight:400;letter-spacing:.22em;font-size:14px;text-transform:uppercase}.brand span{color:var(--warm)}.nav ul{display:flex;gap:44px;list-style:none;margin:0;padding:0;font-size:12.5px;letter-spacing:.14em;font-weight:300;color:var(--mut)}.nav ul a{transition:color .3s}.nav ul a:hover,.nav ul a[aria-current=page]{color:var(--ink)}.nav .cta{border:1px solid var(--line);border-radius:100px;padding:10px 22px;font-size:11.5px;letter-spacing:.18em;font-weight:300;transition:border-color .3s}.nav .cta:hover{border-color:var(--warm)}@media(max-width:720px){.nav ul{display:none}}.page{max-width:var(--maxw);margin:0 auto;padding:clamp(150px,22vh,220px) clamp(24px,5.5vw,60px) clamp(80px,12vh,140px)}.page-head{margin-bottom:clamp(60px,9vh,100px)}.page-head h1{font-size:clamp(30px,4.6vw,52px)}.hairline{border:0;border-top:1px solid var(--line);margin:clamp(48px,7vh,80px) 0}footer{border-top:1px solid var(--line)}footer .in{max-width:var(--maxw);margin:0 auto;padding:64px clamp(24px,5.5vw,60px) 48px;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}footer .meta{color:var(--mut);font-size:12.5px;line-height:2.1;letter-spacing:.06em}footer nav{display:flex;gap:32px;font-size:12px;letter-spacing:.14em;color:var(--mut);flex-wrap:wrap}footer nav a:hover{color:var(--ink)}footer .cr{max-width:var(--maxw);margin:0 auto;padding:0 clamp(24px,5.5vw,60px) 44px;color:#5b6a62;font-size:11px;letter-spacing:.18em}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s)}.reveal.on{opacity:1;transform:none}.shot{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0a1013;box-shadow:0 30px 80px -30px #000000b3;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s,box-shadow .5s}.shot .bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:#0d1418}.shot .bar i{width:8px;height:8px;border-radius:50%;background:#22302a;display:block}.shot img{display:block;width:100%;height:auto}.shot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(183,242,207,.1) 50%,transparent 60%);transform:translate(-120%);transition:transform 1s ease}a:hover>.shot,.shot:hover{transform:translateY(-8px) perspective(900px) rotateX(1.6deg);border-color:color-mix(in srgb,var(--warm) 35%,transparent);box-shadow:0 46px 110px -36px #000000d9,0 0 60px -30px color-mix(in srgb,var(--warm) 45%,transparent)}a:hover>.shot:after,.shot:hover:after{transform:translate(120%)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.shot,.shot:after{transition:none}}
