*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);color:#fff;-webkit-font-smoothing:antialiased;--line:#ffffff29;--dim:#ffffff8c;background:#000}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.page{z-index:1;pointer-events:none;min-height:100svh;padding:clamp(20px,4vw,48px);position:relative}.page a,.page button,.panel,.scrim{pointer-events:auto}.lockup{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.mark{filter:invert();width:clamp(64px,7vw,96px);height:auto}.name{letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:800}.role{color:var(--dim);margin:2px 0 0;font-size:.9375rem}.index{margin:clamp(32px,7vh,72px) 0 0;padding:0;list-style:none}.item{border-top:1px solid var(--line);width:100%;color:inherit;grid-template-columns:2.5rem 1fr auto;align-items:baseline;gap:0 20px;padding:4px 0;text-decoration:none;display:grid}.n{font-variant-numeric:tabular-nums;color:var(--dim);font-size:13px;font-weight:700}.word{letter-spacing:-.055em;transition:color .3s var(--ease-out), transform .45s var(--ease-out);justify-self:start;font-size:clamp(3rem,10vw,8.5rem);font-weight:800;line-height:.98}.note{color:var(--dim);text-align:right;max-width:26ch;font-size:.9375rem;line-height:1.35}button.item:hover .word,button.item[aria-expanded=true] .word{color:var(--c);transform:translate(12px)}button.item:focus-visible{outline:2px solid var(--c);outline-offset:4px}.soon .item{cursor:default}.soon .word{color:#ffffff29}.soon .note{font-style:italic}.foot{color:var(--dim);margin-top:40px;font-size:.9375rem}.scrim{z-index:10;opacity:0;transition:opacity .4s var(--ease-out);background:#00000080;position:fixed;inset:0}.scrim.open{opacity:1}.panel{z-index:11;color:#000;width:min(max(35vw,28rem),100vw);transition:transform .45s var(--ease-out);background:#fff;padding:clamp(20px,3vw,40px);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.panel.open{transform:none}.close{border:1px solid #000;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.close:hover{color:#fff;background:#000}.close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel-nav{border:1px solid #000;border-radius:999px;gap:4px;padding:3px;display:flex}.panel-nav button{border-radius:999px;padding:5px 12px;font-size:14px;font-weight:700}.panel-nav button:hover{background:#eee}.panel-nav [aria-current]{color:#fff;background:#000}.panel-bar{z-index:2;background:#fff;justify-content:space-between;gap:12px;margin:calc(-1*clamp(20px,3vw,40px)) calc(-1*clamp(20px,3vw,40px)) 0;padding:clamp(20px,3vw,40px) clamp(20px,3vw,40px) 12px;display:flex;position:sticky;top:calc(-1*clamp(20px,3vw,40px))}.panel{transition:transform .45s var(--ease-out), width .55s var(--ease-out)}.panel.wide{width:100vw}.panel.wide .ab{max-width:var(--k-wide,80rem);margin:0 auto;padding-bottom:6rem}.panel h2{letter-spacing:-.05em;margin:32px 0 16px;font-size:clamp(3rem,7vw,5rem);font-weight:800;line-height:.9}.hint{color:#555;margin:0 0 24px;font-size:.9375rem}.work{border-bottom:1px solid #000;margin:0;padding:0;list-style:none}.work li{border-top:1px solid #000}.work a,.work .row{color:inherit;grid-template-columns:1fr auto;gap:4px 16px;padding:18px 0 18px 20px;text-decoration:none;display:grid;position:relative}.work a:before,.work .row:before{content:"";background:var(--c);width:10px;height:10px;position:absolute;top:22px;left:0}.co{letter-spacing:.06em;text-transform:uppercase;color:#777;grid-column:1;font-size:12px;font-weight:700}.t{letter-spacing:-.02em;grid-column:1;font-size:1.25rem;font-weight:800;line-height:1.2}.go{grid-area:1/2/span 2;align-self:center;font-size:14px;font-weight:700}.work a:hover{background:color-mix(in srgb, var(--c) 10%, transparent)}.work .off .t,.work .off .go{color:#8a8a8a}.lead{letter-spacing:-.01em;font-size:1.375rem;font-weight:600;line-height:1.4}.panel p{color:#333;max-width:34rem;line-height:1.6}.panel .muted{color:#777;font-style:italic}.links{margin:0;padding:0;list-style:none}.links a{color:inherit;border-top:1px solid #000;justify-content:space-between;gap:16px;padding:20px 0;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.links span{color:#777;font-size:1rem;font-weight:400}@media (width<=30rem){.panel-bar{gap:6px}.panel-bar .close{padding:7px 10px;font-size:13px}.panel-nav button{padding:5px 8px;font-size:13px}}@media (width<=40rem){.item{grid-template-columns:2rem 1fr}.note{text-align:left;grid-column:2;padding-bottom:6px}}