:root{color-scheme:dark;--paper:#0b0b0c;--paper-2:#141416;--rule:#26262a;--chalk:#f1efe9;--graphite:#9b9aa0;--cyan:#00a0dc;--magenta:#e4007c;--yellow:#ffd500;--f-display:"Helvetica Neue", Helvetica, Arial, sans-serif;--f-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--f-mono:"Helvetica Neue", Helvetica, Arial, sans-serif;--f:"Helvetica Neue", Helvetica, Arial, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--gutter:clamp(16px, 4vw, 56px);--max:1360px;--nav-h:68px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--chalk);font-family:var(--f-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55;overflow-x:clip}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper);position:fixed;inset:0 0 auto}::selection{background:var(--chalk);color:var(--paper)}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--chalk);outline-offset:3px;border-radius:2px}.wrap{max-width:var(--max);padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));margin-inline:auto}.mono{font-family:var(--f-mono);letter-spacing:.01em;font-size:13px}.nav{top:env(safe-area-inset-top,0px);z-index:9;background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);transition:border-color .3s ease, transform .35s var(--ease-out);border-bottom:1px solid #0000;position:sticky}.nav.is-hidden{transform:translateY(calc(-100% - env(safe-area-inset-top,0px)))}@media (prefers-reduced-motion:reduce){.nav{transition:border-color .3s}}.nav.scrolled{border-bottom-color:var(--rule)}.nav .wrap{height:var(--nav-h);align-items:center;gap:32px;display:flex}.logo img{width:auto;height:40px}.nav ul{gap:26px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.nav ul a{color:var(--graphite);font-size:14.5px;text-decoration:none;transition:color .2s}.nav ul a[aria-current]{color:var(--chalk)}@media (hover:hover) and (pointer:fine){.nav ul a:hover{color:var(--chalk)}}.btn{white-space:nowrap;font:400 15px/1 var(--f-body);border:1px solid var(--chalk);background:var(--chalk);color:var(--paper);transition:transform .16s var(--ease-out), background-color .2s ease, color .2s ease, border-color .2s ease;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:14px 20px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn.ghost{color:var(--chalk);border-color:var(--rule);background:0 0}@media (hover:hover) and (pointer:fine){.btn:hover{color:var(--chalk);border-color:var(--chalk);background:0 0}.btn.ghost:hover{border-color:var(--chalk);background:0 0}}.btn .arr{transition:transform .2s var(--ease-out)}@media (hover:hover) and (pointer:fine){.btn:hover .arr{transform:translate(3px)}}.nav .btn{padding:11px 16px;font-size:14px}.art{isolation:isolate;position:relative}.art img{user-select:none;-webkit-user-drag:none;width:100%;height:auto}.art:after{content:"";pointer-events:none;-webkit-mask:var(--src) center/100% 100% no-repeat;mask:var(--src) center/100% 100% no-repeat;background:radial-gradient(ellipse var(--r,34%) calc(var(--r,34%) * 1.3) at var(--x,50%) var(--y,50%), var(--yellow) 0%, var(--magenta) 38%, var(--cyan) 70%, transparent 100%);mix-blend-mode:multiply;opacity:0;transition:opacity .45s var(--ease-out);position:absolute;inset:0}.art.inked:after{opacity:1}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal view();animation-range:entry entry 40%}@keyframes reveal{0%{opacity:.25;transform:translateY(36px)}to{opacity:1;transform:none}}}}section{position:relative}h2{font-family:var(--f-display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,4.6vw,64px);font-weight:700;line-height:1}.label{color:var(--graphite);margin-bottom:22px;display:block}footer{padding-block:28px 40px}footer .wrap{color:var(--graphite);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}footer img{opacity:.8;width:auto;height:30px}:root,:root[data-theme]{color-scheme:dark}.tools{align-items:center;gap:6px;display:flex}.tool{border:1px solid var(--rule);min-width:34px;height:34px;color:var(--chalk);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font:400 12.5px/1 Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:none;transition:border-color .2s,transform .16s cubic-bezier(.23,1,.32,1);display:inline-flex}.tool:active{transform:scale(.95)}@media (hover:hover) and (pointer:fine){.tool:hover{border-color:var(--chalk)}}@media (width<=960px){.nav .wrap,.nav ul{gap:14px}.nav ul a{font-size:14px}}@media (width<=380px){.logo img{height:34px}.nav ul a{font-size:13px}}.menu-toggle,.site-menu{display:none}@media (width<=960px){.nav ul{display:none}.nav .tools{margin-left:auto}.menu-toggle{border:1px solid var(--rule);height:34px;color:var(--chalk);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:0 14px;font:400 13px/1 Helvetica Neue,Helvetica,Arial,sans-serif;transition:border-color .2s,transform .16s cubic-bezier(.23,1,.32,1);display:inline-flex}.menu-toggle:active{transform:scale(.96)}.menu-icon{width:14px;height:8px;position:relative}.menu-icon i{background:currentColor;height:1.5px;transition:transform .3s cubic-bezier(.23,1,.32,1);position:absolute;left:0;right:0}.menu-icon i:first-child{top:0}.menu-icon i:last-child{bottom:0}.menu-open .menu-icon i:first-child{transform:translateY(3.25px)rotate(45deg)}.menu-open .menu-icon i:last-child{transform:translateY(-3.25px)rotate(-45deg)}.menu-open .nav{background:var(--paper);border-bottom-color:#0000}.site-menu{z-index:8;overscroll-behavior:contain;background:var(--paper);padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px));scrollbar-width:none;clip-path:inset(0 0 100%);transition:clip-path .5s cubic-bezier(.32,.72,0,1);display:block;position:fixed;inset:0;overflow:hidden auto}.site-menu[hidden]{display:none}.menu-open .site-menu{clip-path:inset(0)}.sm-inner{z-index:1;padding-bottom:max(32px, env(safe-area-inset-bottom,0px));flex-direction:column;display:flex;position:relative}.sm-links{margin:0;padding:clamp(28px,7vh,64px) 0 0;list-style:none;display:grid}.sm-links a{letter-spacing:-.045em;color:var(--chalk);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;font:700 clamp(40px,12vw,76px)/1 Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:none;display:flex}.sm-links a[aria-current]:after{content:"";background:var(--chalk);border-radius:50%;flex:none;align-self:center;width:10px;height:10px}.sm-foot{color:var(--graphite);gap:12px;margin-top:clamp(32px,6vh,56px);font-size:16px;display:grid}.sm-foot a{color:var(--graphite);text-decoration:none}.sm-foot .sm-mail{color:var(--chalk);background:linear-gradient(var(--chalk),var(--chalk)) 0 100%/100% 1px no-repeat;justify-self:start;padding-bottom:3px;font-size:20px}.sm-links li,.sm-foot{opacity:0;transition:opacity .25s,transform .3s cubic-bezier(.23,1,.32,1);transform:translateY(28px)}.menu-open .sm-links li,.menu-open .sm-foot{opacity:1;transition-duration:.5s,.6s;transition-delay:calc(.14s + var(--i) * 55ms);transform:none}.sm-art{z-index:0;pointer-events:none;opacity:0;width:120%;max-width:640px;transition:transform .9s cubic-bezier(.23,1,.32,1),opacity .5s;position:absolute;bottom:-4%;right:-28%;transform:translateY(10%)}.menu-open .sm-art{opacity:.95;transition-delay:.2s;transform:none}.sm-art img{width:100%;height:auto}.sm-art:after{content:"";pointer-events:none;-webkit-mask:var(--src) center/100% 100% no-repeat;mask:var(--src) center/100% 100% no-repeat;mix-blend-mode:multiply;background:radial-gradient(70% 90% at 62% 42%,#ffd500 0%,#e4007c 38%,#00a0dc 70%,#0000 100%);position:absolute;inset:0}}@media (width<=960px) and (prefers-reduced-motion:reduce){.site-menu{clip-path:none;opacity:0;transition:opacity .2s}.menu-open .site-menu{opacity:1}.sm-links li,.sm-foot,.sm-art{transform:none}}@media (width<=960px){.nav .btn{display:none}}
