:root{--paper:#efe9dc;--ink:#111;--ui:"Wanted Sans Variable","Wanted Sans",system-ui,sans-serif;--jp:"Noto Sans JP","Yu Gothic",sans-serif;--pad:clamp(20px,5vw,76px)}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}html{scroll-behavior:smooth}body{margin:0;background:#111;color:#fff;font-family:var(--ui);word-break:keep-all}.skip{position:fixed;top:-70px;left:12px;z-index:100;background:var(--accent);color:#111;padding:14px}.skip:focus{top:12px}.bar{position:sticky;top:0;z-index:50;height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);background:rgba(12,12,12,.93);border-bottom:1px solid #444;backdrop-filter:blur(12px)}.bar>a{color:#fff;text-decoration:none;font-size:13px;font-weight:700}.bar nav{display:flex;gap:5px}.bar nav a{display:grid;place-items:center;width:30px;height:30px;border:1px solid #555;color:#aaa;text-decoration:none;font-size:10px}.bar nav a.active{background:var(--accent);color:#111;border-color:var(--accent)}.bar button{justify-self:end;min-height:44px;background:none;border:0;color:#fff;font:700 12px var(--ui);cursor:pointer}.era-hero{position:relative;isolation:isolate;min-height:calc(100svh - 68px);display:flex;align-items:end;overflow:hidden;padding:90px var(--pad)}.era-hero>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-pos);filter:grayscale(.78) contrast(1.15) brightness(.42)}.era-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.2) 75%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 55%)}.era-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),transparent 83%),transparent 55%)}.route{position:absolute;left:var(--pad);top:0;bottom:0;width:30px}.route i{position:absolute;left:13px;top:0;bottom:0;width:4px;background:var(--accent)}.route b{position:absolute;top:34%;left:-5px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#111;font-size:11px}.hero-copy{margin-left:70px;max-width:980px}.hero-copy>p,.story header>p,.player-column>p,.left>p{margin:0 0 20px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.12em}.hero-copy>p span{font-family:var(--jp)}.hero-copy h1{margin:0;font-size:clamp(58px,8vw,128px);line-height:.92;letter-spacing:-.075em}.hero-copy strong{display:block;max-width:800px;margin:30px 0;font-size:clamp(18px,1.8vw,25px);font-weight:520;line-height:1.6}.hero-copy a{display:inline-block;padding:11px 0;border-bottom:2px solid var(--accent);color:#fff;text-decoration:none;font-weight:700}.lenses{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);color:#111;padding:0 var(--pad);border-bottom:1px solid #aaa}.lenses article{padding:54px 34px 52px;border-left:1px solid #aaa}.lenses article:last-child{border-right:1px solid #aaa}.lenses p{margin:0 0 24px;color:#d83c28;font-size:12px;font-weight:750}.lenses strong{font-size:clamp(18px,1.55vw,23px);font-weight:590;line-height:1.6}.story{background:var(--paper);color:#111;padding:110px var(--pad)}.story header{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:70px}.story header>p{color:#d83c28}.story h2{margin:0;font:800 clamp(48px,5.5vw,82px)/1.05 var(--jp);letter-spacing:-.05em}.moments{display:grid;grid-template-columns:repeat(3,1fr);border-top:5px solid #111}.moments article{padding:30px 28px 10px 0;border-right:1px solid #999}.moments article+article{padding-left:28px}.moments time{color:#d83c28;font-size:clamp(30px,3vw,46px);font-weight:850}.moments h3{margin:22px 0 14px;font-size:clamp(22px,2vw,29px)}.moments p{margin:0;color:#555;font-size:16px;line-height:1.65}.playlist{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:clamp(42px,6vw,90px);padding:120px var(--pad);background:#0b0b0b}.player-column{position:sticky;top:100px;align-self:start}.player-column h2{margin:0 0 42px;font-size:clamp(48px,5.5vw,82px);line-height:.98;letter-spacing:-.065em}.player{border:6px solid var(--accent);background:#000}.player iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.play-all{width:100%;min-height:48px;margin-top:12px;background:var(--accent);border:0;color:#111;font:750 14px var(--ui);cursor:pointer}.tracklist{list-style:none;margin:0;padding:0;border-top:1px solid #444}.tracklist li{border-bottom:1px solid #333}.track{width:100%;min-height:118px;display:grid;grid-template-columns:148px 1fr;gap:20px;align-items:center;padding:16px 0;background:none;border:0;color:#fff;text-align:left;font-family:var(--ui);cursor:pointer}.track img{width:148px;aspect-ratio:16/9;object-fit:cover;filter:grayscale(1) brightness(.62)}.track span{display:grid;gap:7px}.track small{color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.08em}.track b{display:grid;font-weight:700}.track b i{font:700 18px var(--jp);font-style:normal}.track b em{color:#999;font-size:12px;font-style:normal}.track u{color:#aaa;font-size:13px;line-height:1.45;text-decoration:none}.track.active img,.track:hover img{filter:none}.track.active{position:relative}.track.active::before{content:"";position:absolute;left:-18px;width:5px;height:62%;background:var(--accent)}.left{padding:130px var(--pad);background:var(--accent);color:#111}.left>p{color:#111}.left blockquote{max-width:1200px;margin:0;font-size:clamp(42px,5.5vw,82px);font-weight:680;line-height:1.12;letter-spacing:-.06em}.next{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:44px var(--pad);background:#111;border-bottom:1px solid #333}.next a{color:#fff;text-decoration:none;font-weight:650}.next a:last-child{text-align:right}.next .hub{color:#888;font-size:12px}footer{display:flex;justify-content:space-between;padding:34px var(--pad);color:#888;font-size:12px}footer a{color:#ddd}@media(max-width:900px){.lenses{grid-template-columns:1fr}.lenses article{border-right:1px solid #aaa}.story header{grid-template-columns:1fr}.playlist{grid-template-columns:1fr}.player-column{position:static}}@media(max-width:600px){body{overflow-x:hidden}.bar{height:64px;padding:0 16px;grid-template-columns:1fr auto}.bar nav{display:none}.bar button{display:block}.era-hero{min-height:calc(100svh - 64px);padding:74px 20px 70px}.era-hero::before{background:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.28) 78%)}.route{left:16px}.route b{top:26%}.hero-copy{margin-left:38px}.hero-copy h1{font-size:12vw;line-height:1}.hero-copy strong{font-size:15px}.lenses{padding:0 20px}.lenses article{padding:32px 0;border-left:0!important;border-right:0!important;border-bottom:1px solid #aaa}.lenses strong{font-size:18px}.story{padding:80px 20px}.story header{margin-bottom:45px;min-width:0}.story header>*{min-width:0}.story h2{font-size:11vw;word-break:normal;overflow-wrap:anywhere}.moments{grid-template-columns:1fr}.moments article,.moments article+article{padding:28px 0;border-right:0;border-bottom:1px solid #999}.playlist{padding:82px 20px;gap:30px}.player-column h2{font-size:11.5vw}.track{min-height:96px;grid-template-columns:112px 1fr;gap:14px}.track img{width:112px}.track b i{font-size:15px}.track u{display:none}.left{padding:84px 20px}.left blockquote{font-size:10.5vw}.next{grid-template-columns:1fr 1fr;padding:32px 20px}.next .hub{display:none}footer{flex-direction:column;gap:16px;padding:28px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}