@font-face{font-family:PP Neue Montreal;font-weight:400;font-style:normal;font-display:swap;src:local(PP Neue Montreal Regular),local(PPNeueMontreal-Regular),url(/fonts/PPNeueMontreal-Regular.otf)format("opentype")}@font-face{font-family:PP Neue Montreal;font-weight:300;font-style:normal;font-display:swap;src:local(PP Neue Montreal Light),local(PPNeueMontreal-Light),url(/fonts/PPNeueMontreal-Light.otf)format("opentype")}:root{--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .9 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");--bg:#fff;--page:#fff;--card:#f2f2f1;--fg:#111;--mute:#7a7a7a;--rule:#111;--ph:#d9d9d9;--nav-h:73px;--pad:20px;--thumb-w:25.5vw;--thumb-ratio:4 / 3;--hero-scroll:100vh;--row-gap:29.5vw;--row-h:5.6vw;--title-size:1.67vw;--font:"PP Neue Montreal", "Helvetica Neue", Inter, ui-sans-serif, system-ui, sans-serif;--caps:13px;--caps-track:.11em;--ease:cubic-bezier(.77, 0, .18, 1)}*{box-sizing:border-box}html{background:var(--page)}body{background:var(--page);color:var(--fg);font:400 15px/1.4 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}@view-transition{navigation:auto}::view-transition-group(thumb){animation-duration:.95s;animation-timing-function:cubic-bezier(.76,0,.2,1)}::view-transition-old(thumb),::view-transition-new(thumb){mix-blend-mode:normal;object-fit:cover;height:100%;animation:none;overflow:hidden}::view-transition-image-pair(thumb){isolation:isolate}::view-transition-old(root),::view-transition-new(root){animation-duration:.42s}.nav{height:var(--nav-h);z-index:20;padding:0 var(--pad);background:color-mix(in oklab, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(10px);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav .wordmark{height:30px;color:var(--fg);margin-top:-2px;display:block}.mark{width:138px;height:30px;display:block;position:relative}.mark svg{fill:currentColor;width:138px;height:30px;display:block;overflow:visible}.mark .role{font:400 13px var(--font);letter-spacing:-.55px;fill:currentColor;pointer-events:none}.nav .right{align-items:center;gap:1.6rem;display:flex;position:relative}.nav .idx{position:static}.idx-btn{cursor:pointer;font:400 var(--caps)/1 var(--font);letter-spacing:var(--caps-track);text-transform:uppercase;color:var(--fg);background:0 0;border:0;padding:0}.idx-btn[aria-pressed=true]{color:var(--mute)}.menu{display:block;position:relative}.burger{cursor:pointer;width:36px;height:36px;color:var(--fg);background:0 0;border:0;padding:0}.burger svg{width:36px;height:36px;display:block;overflow:visible}.panel{clip-path:inset(0 0 100%);width:max-content;min-width:0;transition:clip-path .42s var(--ease);border:0;border-radius:2px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.panel[data-open]{clip-path:inset(0)}.panel{perspective:none;transform-origin:100% 0;clip-path:none;background:color-mix(in oklab, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(22px);transition:transform .56s cubic-bezier(.2,.9,.2,1);overflow:hidden;transform:scale(.3)}.panel[data-open]{transform:scale(1)}.panel ul{position:relative}.panel a:hover .hand path{stroke-width:.3px}:root{--mono:"PP Neue Montreal Mono", ui-monospace, "SF Mono", Menlo, monospace;--os:#8a8780}.os{font:400 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--os);font-variant-numeric:tabular-nums}.panel{transition:transform .56s cubic-bezier(.2,.9,.2,1)}.panel:not([data-open]){transition:transform .24s cubic-bezier(.5,0,.9,.4);transform:scale(.3)}.panel ul{padding:.5rem .9rem .35rem}.hud{font:400 9px/1 var(--mono);letter-spacing:.08em;color:var(--os)}.hud .sep{opacity:.5;margin:0 .5em}.panel[hidden]{visibility:hidden;display:block}.panel ul{margin:0;padding:.4rem 1rem;list-style:none}.panel a{color:var(--fg);padding:.5rem 0;display:block}.panel a:hover{color:var(--fg)}.panel .hand path{stroke:currentColor;stroke-width:0;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke-width .12s}.panel .hand{display:block}.panel .hand svg{height:var(--h,24px);width:auto;display:block}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.panel{transition:none}}.page{padding-top:var(--nav-h);min-height:100vh}.prose{padding:20px var(--pad);max-width:62ch}.prose h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:34px;font-weight:400}footer.site{background:#000;place-items:center;height:178px;margin-top:20vh;display:grid}footer.site img{width:auto;height:136px;display:block}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
