:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#07080c;--latex:#0f121a;--latex-hi:#171b27;--glove:#d7dee7;--glove-dim:#d7dee7a8;--glove-faint:#d7dee766;--line:#d7dee71f;--line-strong:#d7dee73d;--rim-cyan:#6fe0ee;--rim-red:#d2465e;--f-jp-display:"Dela Gothic One", "Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--f-latin:"Unbounded", "Zen Kaku Gothic New", "Helvetica Neue", Arial, sans-serif;--f-body:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--gutter:clamp(18px, 4vw, 40px);--maxw:1120px;--radius:6px;--t-xs:.72rem;--t-sm:.82rem;--t-md:.95rem;--t-lg:1.15rem;--t-xl:1.6rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(64px + env(safe-area-inset-top,0px));background:var(--ink)}body{background:var(--ink);color:var(--glove);font-family:var(--f-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.8;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--rim-cyan);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:20;background:var(--glove);color:var(--ink);border-radius:var(--radius);padding:8px 12px;position:absolute;top:-100px}.skip:focus{top:calc(8px + env(safe-area-inset-top,0px))}.topbar{top:env(safe-area-inset-top,0px);z-index:10;padding-inline:var(--gutter);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#07080cc7;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;display:flex;position:sticky}.wordmark{font-family:var(--f-jp-display);letter-spacing:.04em;font-size:1.05rem;text-decoration:none}.topbar nav{gap:clamp(12px,3vw,28px);display:flex}.topbar nav a{font-family:var(--f-latin);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--glove-dim);text-decoration:none;transition:color .15s}.topbar nav a:hover{color:var(--rim-cyan)}@media (width<=420px){.topbar nav a[href=\#about]{display:none}}main,.colophon{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.hero{grid-template-columns:1fr;align-items:center;gap:8px;padding-block:clamp(36px,6vw,72px) 24px;display:grid}@media (width>=860px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px}}.hero-kicker{font-family:var(--f-latin);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--rim-cyan);margin:0 0 18px}.hero-name{font-family:var(--f-jp-display);letter-spacing:.02em;background:linear-gradient(178deg, #fff 0%, var(--glove) 38%, #8b96a6 62%, var(--glove) 100%);color:#0000;text-wrap:balance;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(64px,17vw,132px);font-weight:400;line-height:.95}.hero-roman{font-family:var(--f-latin);font-size:var(--t-sm);letter-spacing:.1em;color:var(--glove-dim);margin:14px 0 0}.hero-roman span{color:var(--glove-faint);margin-inline:.3em}.hero-tagline{margin:26px 0 0;line-height:1.35}.hero-tagline span{font-size:var(--t-md);color:var(--glove-dim);font-weight:700;display:block}.hero-tagline strong{font-size:var(--t-xl);color:var(--glove);font-weight:700;display:block}.next{border-radius:var(--radius);background:linear-gradient(var(--latex), var(--latex)) padding-box, linear-gradient(120deg, var(--rim-cyan), #6fe0ee14 42%, #d2465e14 58%, var(--rim-red)) border-box;border:1px solid #0000;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;max-width:460px;margin-top:34px;padding:16px 18px;text-decoration:none;transition:transform .2s,background .2s;display:grid}.next:hover{transform:translateY(-2px)}.next-label{font-family:var(--f-latin);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--rim-cyan);writing-mode:vertical-rl;transform:rotate(180deg)}.next-date{font-family:var(--f-latin);font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;font-size:1.9rem;font-weight:800;line-height:1;display:flex}.next-date small{font-size:var(--t-xs);letter-spacing:.12em;color:var(--glove-faint);font-weight:600}.next-body{flex-direction:column;min-width:0;display:flex}.next-name{font-family:var(--f-latin);font-weight:800;font-size:var(--t-lg);letter-spacing:.02em}.next-meta{font-size:var(--t-sm);color:var(--glove-dim);line-height:1.5}.figure{flex-direction:column;gap:14px;margin:0;display:flex}.figure-stage{isolation:isolate;position:relative}.rim{z-index:-1;filter:blur(48px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.rim-cyan{background:radial-gradient(closest-side,#6fe0ee8c,#0000);width:46%;height:52%;top:30%;left:2%}.rim-red{background:radial-gradient(closest-side,#d2465e80,#0000);width:44%;height:58%;top:22%;right:0}.figure-art{aspect-ratio:1000/972;-webkit-mask-composite:source-in;width:100%;max-width:100%;position:relative;-webkit-mask-image:linear-gradient(#000 68%,#0000 98%),linear-gradient(90deg,#0000 0,#000 14%);mask-image:linear-gradient(#000 68%,#0000 98%),linear-gradient(90deg,#0000 0,#000 14%);-webkit-mask-composite:source-in;mask-composite:intersect}.figure-art img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.figure-art img.is-shown{opacity:1}.sheen{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff80 49%,#6fe0ee59 52%,#0000 60%) 130% 0/260% 100%;animation:.9s ease-out .1s both sheen;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes sheen{0%{background-position:130% 0}to{background-position:-30% 0}}.figure-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.look-switch{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--latex);gap:3px;padding:3px;display:inline-flex}.look-option{appearance:none;color:var(--glove-dim);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:4px;align-items:baseline;gap:8px;padding:7px 14px;transition:background .2s,color .2s;display:flex}.look-option:hover{color:var(--glove)}.look-option[aria-checked=true]{background:var(--glove);color:var(--ink)}.look-label{font-family:var(--f-latin);font-weight:600;font-size:var(--t-xs);letter-spacing:.1em}.look-sub{font-size:var(--t-xs)}.figure-credit{font-size:var(--t-xs);color:var(--glove-faint)}.section{padding-block:clamp(48px,7vw,88px) 0}.section-head{border-bottom:1px solid var(--line);align-items:baseline;gap:14px;margin-bottom:24px;padding-bottom:12px;display:flex}.section-head h2{font-family:var(--f-latin);letter-spacing:.01em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,4.4vw,2.2rem);font-weight:800;line-height:1.1}.section-head p{font-size:var(--t-sm);color:var(--glove-faint);margin:0}.note{font-size:var(--t-sm);color:var(--glove-faint);margin:18px 0 0}.timeline{margin:0;padding:0;list-style:none}.timeline-row{border-bottom:1px solid var(--line);grid-template-columns:7.5rem minmax(0,1fr);align-items:baseline;gap:4px 20px;padding-block:18px;display:grid}@media (width>=720px){.timeline-row{grid-template-columns:9rem minmax(0,1fr) minmax(0,14rem)}}.tl-date{font-family:var(--f-latin);font-variant-numeric:tabular-nums;grid-row:span 2;align-items:baseline;gap:8px;display:flex}@media (width>=720px){.tl-date{grid-row:auto}}.tl-year{display:none}@media (width>=720px){.tl-year{font-size:var(--t-xs);color:var(--glove-faint);display:inline}}.tl-md{font-size:1.2rem;font-weight:600}.tl-wd{font-size:var(--t-xs);letter-spacing:.1em;color:var(--glove-faint)}.tl-body{flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0;display:flex}.tl-name{font-family:var(--f-latin);font-weight:600;font-size:var(--t-md)}.tl-kind{font-size:var(--t-sm);color:var(--glove-dim)}.tl-venue{font-size:var(--t-sm);color:var(--glove-faint)}@media (width>=720px){.tl-venue{text-align:right}}.timeline-row.is-featured .tl-md,.timeline-row.is-featured .tl-name{color:var(--rim-cyan)}.timeline-row.is-featured .tl-name{font-weight:800;font-size:var(--t-lg)}.timeline-row.is-featured .tl-venue{color:var(--glove-dim)}.event-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.event-card{border-radius:var(--radius);background:linear-gradient(160deg, var(--latex-hi), var(--latex) 55%) padding-box, linear-gradient(135deg, #6fe0eeb3, #6fe0ee0d 40%, #d2465e0d 62%, #d2465eb3) border-box;border:1px solid #0000;flex-direction:column;gap:12px;padding:22px;display:flex}.event-logo{align-items:center;height:56px;display:flex}.event-logo img{object-fit:contain;width:auto;max-height:100%}.event-logo.on-light img{background:#eef1f5;border-radius:4px;width:auto;height:56px;padding:4px 10px}.event-theme{font-family:var(--f-latin);font-size:var(--t-xs);letter-spacing:.14em;color:var(--rim-cyan);margin:4px 0 0}.event-body{font-size:var(--t-sm);color:var(--glove-dim);flex:1;margin:0;line-height:1.75}.event-meta{border-top:1px solid var(--line);gap:4px;margin:4px 0 0;padding-top:12px;display:grid}.event-meta div{justify-content:space-between;gap:12px;display:flex}.event-meta dt{font-family:var(--f-latin);font-size:var(--t-xs);letter-spacing:.12em;color:var(--glove-faint)}.event-meta dd{font-size:var(--t-sm);font-variant-numeric:tabular-nums;margin:0}.event-meta a{border-bottom:1px solid var(--line-strong);text-decoration:none;transition:color .15s,border-color .15s}.event-meta a:hover{color:var(--rim-cyan);border-color:var(--rim-cyan)}.related{margin:28px 0 0;padding:0;list-style:none}.related-row{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding-block:12px;display:grid}.related-mark{align-items:center;height:22px;display:flex}.related-mark img{width:auto;max-height:100%}.related-link{flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0;text-decoration:none;display:flex}.related-name{font-family:var(--f-latin);font-weight:600;font-size:var(--t-sm);transition:color .15s}.related-link:hover .related-name{color:var(--rim-cyan)}.related-note,.related-handle{font-size:var(--t-xs);color:var(--glove-faint)}@media (width<=480px){.related-handle{display:none}}.prose{max-width:38em}.prose p{color:var(--glove-dim);margin:0 0 1.1em}.prose p:last-child{margin-bottom:0}.directory{max-width:38em;margin:0;padding:0;list-style:none}.directory-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-block:14px;display:flex}.directory-link{flex:1;align-items:baseline;gap:16px;min-width:0;text-decoration:none;display:flex}.directory-platform{width:96px;font-family:var(--f-latin);font-size:var(--t-xs);letter-spacing:.08em;color:var(--glove-faint);flex:none}.directory-handle{text-overflow:ellipsis;white-space:nowrap;transition:color .15s;overflow:hidden}.directory-link:hover .directory-handle{color:var(--rim-cyan)}.copy-btn{border-radius:var(--radius);width:34px;height:34px;color:var(--glove-faint);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.copy-btn:hover{color:var(--rim-cyan);background:#6fe0ee1a}.copy-btn.is-copied{color:var(--rim-cyan)}.copy-btn.is-failed{color:var(--rim-red)}.copy-btn svg{width:15px;height:15px}.colophon{background:linear-gradient(var(--line-strong), var(--line-strong)) no-repeat center top / calc(100% - 2 * var(--gutter)) 1px;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:clamp(64px,9vw,112px);padding-block:22px 48px;display:flex}.colophon p{font-size:var(--t-xs);color:var(--glove-faint);margin:0}.colophon-loc{font-family:var(--f-latin);letter-spacing:.14em;text-transform:uppercase}.paw-rail{z-index:5;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;width:14px;height:min(56vh,460px);display:flex;position:fixed;top:50%;right:6px;transform:translateY(-50%)}.paw{width:9px;height:9px;fill:var(--glove-faint);opacity:.3;transition:fill .25s,opacity .25s,transform .25s,filter .25s;transform:rotate(180deg)}.paw:nth-child(odd){transform:translate(-3px)rotate(180deg)}.paw:nth-child(2n){transform:translate(3px)rotate(180deg)}.paw.is-passed{fill:var(--glove-dim);opacity:.7}.paw.is-active{fill:var(--rim-cyan);opacity:1;filter:drop-shadow(0 0 4px #6fe0eecc);transform:rotate(180deg)scale(1.4)}@media (width<=380px){.paw-rail{width:10px;right:2px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.figure-art img,.paw,.next{transition:none}.sheen{display:none}}
