:root{--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--fg: #f2f2f0;--dim: rgba(242, 242, 240, .55)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#050505;color:var(--fg);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}#stage{position:fixed;top:0;right:0;bottom:0;left:0}#stage canvas{display:block}.chrome{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:16;font-family:var(--mono);font-size:11px;letter-spacing:.04em;transition:opacity .4s ease}body.detail-open .chrome,body.lightbox-open .chrome{opacity:0}body.detail-open .chrome>*,body.lightbox-open .chrome>*{pointer-events:none}.chrome>*{pointer-events:auto}.logo{position:absolute;top:22px;left:28px;width:56px;height:56px;border:2px solid var(--fg);border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:18px;color:var(--fg);background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.intro{position:absolute;top:22px;height:56px;left:112px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:48px;color:var(--fg);text-transform:uppercase;line-height:1.6}.intro .statement{font-size:13px;letter-spacing:.1em;white-space:nowrap;display:flex;gap:14px;align-items:baseline}.intro .statement .term{color:var(--dim);min-width:11ch}.intro .statement .term span{display:inline-block}.intro .statement .tagline{color:var(--dim)}.intro .clocks{color:var(--dim);white-space:nowrap;text-align:right}.intro .clocks .place{color:var(--fg)}.bottom-nav{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:#0c0c0cb8;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-indicator{position:absolute;top:5px;bottom:5px;left:0;width:0;background:var(--fg);border-radius:999px;box-shadow:0 0 18px #f2f2f059;pointer-events:none}.bottom-nav button{position:relative;z-index:1;border:0;background:transparent;color:var(--dim);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;padding:13px 22px;border-radius:999px;cursor:pointer;transition:color .3s ease,letter-spacing .3s ease}.bottom-nav button:hover{color:var(--fg);letter-spacing:.2em}.bottom-nav button.active{color:#0a0a0a}.filter-btn{position:absolute;bottom:24px;right:28px;background:#0c0c0cb8;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:16px 26px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:letter-spacing .3s ease,background .3s ease}.filter-btn:hover{letter-spacing:.2em;background:#1e1e1ecc}.view-toggle{position:absolute;bottom:24px;left:28px;display:flex;gap:6px;background:#141414cc;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px}.view-toggle span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--dim);font-size:14px}.view-toggle span.active{background:#fff;color:#000}#music-player.mp{position:fixed;top:92px;left:28px;z-index:21;display:flex;align-items:center;gap:5px;height:32px;padding:0 5px 0 3px;background:#0c0c0cb8;border:1px solid rgba(255,255,255,.16);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--mono);color:var(--fg);-webkit-user-select:none;user-select:none;transition:background .3s ease,border-color .3s ease}#music-player.mp:hover{background:#1a1a1acc}#music-player.mp.armed{border-color:#fff6}.mp-play{--mp-glow: 0;flex:0 0 auto;width:26px;height:26px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--fg);cursor:pointer;box-shadow:0 0 calc(3px + 13px * var(--mp-glow)) rgba(242,242,240,calc(.12 + .42 * var(--mp-glow)));transition:background .25s ease}.mp-play:hover{background:#ffffff1a}.mp-play svg{width:13px;height:13px;fill:currentColor}.mp-skip{flex:0 0 auto;width:0;height:26px;margin:0 -2.5px;border:0;background:transparent;color:var(--dim);cursor:pointer;opacity:0;pointer-events:none;overflow:hidden;display:grid;place-items:center;transition:width .4s ease,opacity .3s ease,margin .4s ease,color .2s ease}#music-player.mp.expanded .mp-skip{width:16px;margin:0;opacity:1;pointer-events:auto}.mp-skip:hover{color:var(--fg)}.mp-skip svg{width:11px;height:11px;fill:currentColor}.mp-viz{flex:0 0 auto;display:flex;align-items:center;gap:3px;height:16px;padding:0 1px}.mp-col{display:flex;flex-direction:column-reverse;gap:1.5px}.mp-viz i{display:block;width:2.5px;height:2.5px;border-radius:50%;background:var(--fg);opacity:.14;transition:opacity .12s linear}.mp-viz i.on{opacity:1;box-shadow:0 0 4px #f2f2f08c}.mp-title{flex:0 1 auto;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);transition:max-width .5s cubic-bezier(.16,1,.3,1),opacity .35s ease,margin .5s ease}#music-player.mp.expanded .mp-title{max-width:150px;opacity:1;margin-left:2px}.mp-title-inner{display:inline-block;white-space:nowrap;will-change:transform}.mp-spk{flex:0 0 auto;width:0;height:26px;border:0;background:transparent;color:var(--dim);cursor:pointer;opacity:0;pointer-events:none;overflow:hidden;display:grid;place-items:center;transition:width .4s ease,opacity .3s ease,color .2s ease}#music-player.mp.expanded .mp-spk{width:24px;opacity:1;pointer-events:auto}.mp-spk:hover{color:var(--fg)}.mp-spk svg{width:14px;height:14px;fill:currentColor}.mp-vol{flex:0 0 auto;width:0;opacity:0;overflow:hidden;display:flex;align-items:center}.mp-vol-track{position:relative;width:72px;height:28px;display:flex;align-items:center;cursor:pointer;touch-action:none;margin:0 6px}.mp-vol-track:before{content:"";position:absolute;left:0;right:0;height:3px;border-radius:999px;background:#fff3}.mp-vol-fill{position:absolute;left:0;height:3px;border-radius:999px;background:var(--fg);box-shadow:0 0 8px #f2f2f066}.mp-vol-thumb{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--fg);transform:translate(-50%);box-shadow:0 0 10px #f2f2f080}#music-player.mp.mobile .mp-spk,#music-player.mp.mobile .mp-vol{display:none}.hint{position:absolute;bottom:96px;left:50%;transform:translate(-50%);color:var(--dim);text-transform:uppercase;opacity:.8;transition:opacity .35s ease;pointer-events:none}body.dragging .hint{opacity:.18}body.no-hint .hint{opacity:0}#detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none}#detail.active{display:block}.detail-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#070707}.detail-hero{position:fixed;z-index:2;border-radius:2px;overflow:hidden}.detail-hero img,.detail-hero video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.detail-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;z-index:3;overscroll-behavior:contain}.detail-hero-spacer{height:min(62vh,620px);pointer-events:none}.detail-body{position:relative;background:#070707;max-width:1400px;margin:0 auto;padding:48px clamp(24px,6vw,96px) 120px}.detail-back{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--fg);background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:12px 22px;cursor:pointer;margin-bottom:42px;transition:background .2s ease,color .2s ease}.detail-back:hover{background:var(--fg);color:#000}.detail-meta{display:flex;align-items:center;gap:18px;font-family:var(--mono);font-size:12px;color:var(--dim);margin-bottom:22px;text-transform:uppercase}.detail-brand{color:var(--fg);font-weight:600}.detail-year{margin-left:auto}.pill{display:inline-block;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 14px;margin-right:8px;font-size:11px;color:#fffc}.detail-title{font-family:var(--sans);font-size:clamp(40px,7vw,96px);font-weight:700;line-height:.98;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:36px}.detail-copy{max-width:720px;margin:0 auto 72px}.detail-lede{font-size:clamp(21px,2.4vw,30px);line-height:1.4;color:#ffffffeb;margin-bottom:56px}.detail-lede:first-letter{font-size:3.1em;font-weight:700;float:left;line-height:.82;padding:6px 14px 0 0}.detail-copy>p{font-size:19px;line-height:1.75;color:#ffffffbd;margin-bottom:30px}.detail-quote{font-size:clamp(26px,3.4vw,40px);font-weight:600;line-height:1.25;letter-spacing:-.01em;text-align:center;margin:64px auto}.detail-fig{margin:56px 0}.detail-fig.wide{width:min(96vw,1240px);margin-left:50%;transform:translate(-50%)}.detail-fig img{width:100%;max-height:78vh;object-fit:cover;border-radius:3px;display:block}.detail-fig figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase;margin-top:12px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:translateY(0)}.detail-fig.wide.reveal{transform:translate(-50%) translateY(30px)}.detail-fig.wide.reveal.in{transform:translate(-50%) translateY(0)}.detail-nav{opacity:0;transition:opacity .7s ease}.detail-nav.in{opacity:1}.detail-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--fg);transform:scaleX(0);transform-origin:0 50%;z-index:6}.detail-read{white-space:nowrap}.detail-band{width:100%;height:clamp(240px,38vw,460px);object-fit:cover;border-radius:2px;margin-bottom:80px}.detail-nav{display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.14);padding-top:36px}.detail-nav-btn{background:transparent;border:0;color:var(--fg);text-align:left;cursor:pointer;max-width:42%}.detail-nav-btn.next{text-align:right}.detail-nav-btn small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--dim);margin-bottom:10px}.detail-nav-btn span{font-size:clamp(18px,2vw,26px);font-weight:600;text-transform:uppercase;line-height:1.15;transition:opacity .2s ease}.detail-nav-btn:hover span{opacity:.6}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse 130% 100% at 50% 50%,transparent 62%,rgba(0,0,0,.3) 100%)}#era-readout{position:absolute;top:0;bottom:0;right:28px;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}#era-readout .era-val{font-family:var(--mono);font-size:13px;letter-spacing:.22em;color:var(--dim);writing-mode:vertical-rl}#filter-root{position:fixed;bottom:88px;right:28px;z-index:15}.filter-tray{background:#121212f5;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:20px;width:300px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.filter-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--dim);margin-bottom:16px}.filter-clear{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:var(--fg);font-family:var(--mono);font-size:10px;padding:6px 14px;cursor:pointer}.filter-clear:hover{background:#ffffff1a}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#ffffffd9;font-family:var(--mono);font-size:11px;letter-spacing:.05em;padding:9px 16px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.filter-chip em{font-style:normal;color:var(--dim);margin-left:4px}.filter-chip:hover{border-color:#ffffff80}.filter-chip.on{background:var(--fg);color:#0a0a0a;border-color:var(--fg)}.filter-chip.on em{color:#00000080}.filter-btn.open{outline:2px solid rgba(255,255,255,.5)}#list{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:none;background:#050505c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#list.active{display:block}.list-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:140px clamp(24px,8vw,140px) 160px}.list-rows{display:flex;flex-direction:column}.list-row{display:grid;grid-template-columns:64px 1fr auto;align-items:baseline;gap:24px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.12);padding:26px 4px;cursor:pointer;text-align:left;color:var(--fg)}.list-index{font-family:var(--mono);font-size:12px;color:var(--dim)}.list-title{font-size:clamp(26px,3.6vw,52px);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;transition:opacity .2s ease,transform .3s ease}.list-row:hover .list-title{opacity:.55;transform:translate(12px)}.list-meta{display:flex;gap:22px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--dim)}.list-brand{color:#fffc}.list-thumb{position:fixed;top:0;left:0;width:300px;height:200px;object-fit:cover;border-radius:4px;pointer-events:none;z-index:3;box-shadow:0 18px 60px #0009}#about{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:none;overflow-y:auto;background:#0505058c}#about.active{display:block}.about-inner{max-width:1200px;margin:0 auto;padding:150px clamp(24px,6vw,80px) 140px}.about-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.3em;color:var(--dim);margin-bottom:28px}.about-statement{font-size:clamp(36px,5.6vw,76px);font-weight:700;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:84px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,110px);margin-bottom:96px}@media (max-width: 860px){.about-grid{grid-template-columns:1fr}}.about-col h2{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--dim);margin-bottom:30px}.about-col p{font-size:17px;line-height:1.7;color:#ffffffc7;margin-bottom:22px;max-width:480px}.about-role{display:grid;grid-template-columns:110px 1fr;gap:6px 24px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.about-role-years{font-family:var(--mono);font-size:11px;color:var(--dim);padding-top:5px}.about-role-title{font-size:20px;font-weight:600}.about-role-note{grid-column:2;font-size:14px;line-height:1.55;color:#ffffff8c}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid rgba(255,255,255,.14);padding-top:48px}@media (max-width: 860px){.about-stats{grid-template-columns:repeat(2,1fr)}}.about-stat-n{display:block;font-size:clamp(40px,5vw,68px);font-weight:700;letter-spacing:-.02em}.about-stat-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--dim)}.view-toggle span{cursor:pointer}.volume-pager{position:absolute;top:50%;left:28px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--mono)}.vol-arrow{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#0f0f0fb3;color:var(--fg);font-size:14px;cursor:pointer;transition:background .2s ease,opacity .2s ease}.vol-arrow:hover:not(:disabled){background:#ffffff29}.vol-arrow:disabled{opacity:.25;cursor:default}.vol-label{writing-mode:vertical-rl;font-size:12px;letter-spacing:.2em;color:var(--fg);padding:6px 0}.vol-count{font-size:9px;letter-spacing:.14em;color:var(--dim);white-space:nowrap}.logo{padding:0;overflow:hidden}.logo canvas{display:block}@media (max-width: 760px){.logo{width:44px;height:44px;top:16px;left:16px;border-width:1.5px}.intro{left:70px;right:16px;top:16px;height:44px;gap:12px}.intro .clocks{font-size:8px;line-height:1.7}.intro .statement{font-size:9px;gap:8px}.intro .statement .term{min-width:0}.bottom-nav{bottom:84px;padding:4px}.bottom-nav button{padding:11px 16px;font-size:10px;letter-spacing:.1em}.nav-indicator{top:4px;bottom:4px}.view-toggle{bottom:20px;left:16px;padding:5px}.view-toggle span{width:34px;height:34px;font-size:12px}#music-player.mp{top:74px;left:16px;height:30px}#music-player.mp.expanded .mp-title{max-width:120px}.filter-btn{bottom:20px;right:16px;padding:14px 20px;font-size:10px}#filter-root{bottom:76px;right:16px}.filter-tray{width:min(300px,calc(100vw - 32px))}.hint{bottom:142px;font-size:10px;width:max-content}.volume-pager{left:12px}#era-readout{top:52px;bottom:auto;right:16px;display:block}#era-readout .era-val{writing-mode:horizontal-tb;font-size:10px;letter-spacing:.22em;color:var(--fg)}.detail-body{padding-top:32px}.about-inner{padding-top:110px}}#memories{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:none;background:#050505d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#memories.active{display:block}.mem-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:130px clamp(16px,5vw,80px) 160px}.mem-grid{columns:4;column-gap:14px;max-width:1500px;margin:0 auto}@media (max-width: 1100px){.mem-grid{columns:3}}@media (max-width: 760px){.mem-grid{columns:2}}.mem-tile{display:block;width:100%;margin-bottom:14px;padding:0;border:0;background:transparent;cursor:pointer;break-inside:avoid;border-radius:3px;overflow:hidden}.mem-tile img{width:100%;display:block;border-radius:3px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease}.mem-tile:hover img{transform:scale(1.045)}.mem-tile:nth-child(3n) img{aspect-ratio:3 / 4;object-fit:cover}.mem-tile:nth-child(3n+1) img{aspect-ratio:4 / 3;object-fit:cover}.mem-tile:nth-child(3n+2) img{aspect-ratio:1 / 1;object-fit:cover}.mem-light{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:none;cursor:zoom-out}.mem-light.active{display:block}.mem-light-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#040404}.mem-light-img{position:fixed;object-fit:cover;border-radius:2px}.mem-caption{position:fixed;left:50%;bottom:34px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--mono);text-transform:uppercase;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.8)}.mem-caption-title{font-size:14px;letter-spacing:.12em;color:var(--fg)}.mem-caption-meta{font-size:10px;letter-spacing:.16em;color:var(--dim)}#photo-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;display:none;cursor:zoom-out}#photo-view.active{display:block}.pv-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#040404}.pv-frame{position:fixed;overflow:hidden;border-radius:3px;box-shadow:0 30px 90px #0009;transform-origin:center center}.pv-frame .pv-poster,.pv-frame .pv-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.pv-frame .pv-video{z-index:1}.pv-caption{position:fixed;left:50%;bottom:36px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-family:var(--mono);text-shadow:0 2px 20px rgba(0,0,0,.85);pointer-events:none;padding:0 24px}.pv-title{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg)}.pv-sub{font-size:12px;letter-spacing:.04em;color:var(--dim);max-width:640px}#jump-latest{position:absolute;top:92px;right:28px;height:32px;display:inline-flex;align-items:center;background:#0c0c0c99;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:0 14px;font-family:var(--mono);font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .3s ease,letter-spacing .3s ease,border-color .3s ease}#jump-latest:hover{color:var(--fg);letter-spacing:.24em;border-color:#fff6}body.detail-open #jump-latest,body.lightbox-open #jump-latest{opacity:0;pointer-events:none}@media (max-width: 760px){#jump-latest{top:74px;right:16px;left:auto;bottom:auto;height:30px;padding:0 12px}}