@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:100 900;src:url('assets/japanese.woff2');font-display:swap}@font-face{font-family:Display;src:url('assets/display.ttf') format('truetype');font-weight:900;font-display:swap}:root{--bg:#111110;--paper:#f1eee5;--gold:#d2b56c;--red:#cd2923;--muted:#a5a49d;--line:#373731}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,'Noto Sans JP',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}::selection{background:var(--red);color:white}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(17,17,16,.95);position:relative;z-index:20}.wordmark{font-family:Display,'Arial Black',sans-serif;font-weight:1000;letter-spacing:-2px;font-size:31px;line-height:1}.wordmark span{font-family:Arial;font-size:12px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;gap:36px}nav a,.header-yt{font-size:13px;font-weight:700;letter-spacing:1px}nav a:hover{color:var(--gold)}.header-yt{border-bottom:1px solid var(--gold);padding:8px 0}.header-yt span{margin-left:15px}.hero{padding:30px 5% 0;overflow:hidden}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;font-weight:700}.hero-top p{margin:0}.hero h1{font-family:Display,'Arial Black',Arial,sans-serif;font-size:clamp(100px,20vw,300px);letter-spacing:-.065em;line-height:.94;font-weight:1000;margin:28px 0 0;white-space:nowrap;position:relative;z-index:2}.period{color:var(--red)}.hero-main{display:grid;grid-template-columns:1fr 1.12fr 34px;gap:3%;position:relative;margin-top:-8px}.hero-copy{padding:45px 0 50px}.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:2px;display:block}.hero-copy h2{font-size:clamp(30px,3.3vw,48px);line-height:1.45;letter-spacing:.035em;margin:22px 0}.hero-copy p{font-size:15px;color:#bab9b1;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 28px;font-size:14px;font-weight:bold;min-height:58px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.red{background:var(--red);color:white}.red:hover{background:#ed3830}.gold{background:var(--gold);color:#161510}.gold:hover{background:#edce84}.play-icon{font-size:14px}.text-link{display:block;font-size:12px;margin-top:16px;color:#ccc9be;text-decoration:underline;text-underline-offset:5px}.hero-art{background:var(--gold);padding:18px;transform:rotate(-5deg);max-width:460px;margin:-6px auto 30px;width:100%;box-shadow:12px 12px 0 #28251d;position:relative;transition:transform .35s}.hero-art:hover{transform:rotate(-2deg) translateY(-6px)}.art-label,.art-bottom{color:#222016;font-size:12px;font-weight:800;letter-spacing:1.4px}.art-label{padding:0 0 14px}.art-bottom{display:flex;justify-content:space-between;padding:13px 0 0}.logo-crop{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:white}.logo-crop img{position:absolute;width:100%;max-width:none;height:auto;top:-62.28%;left:0}.hero-side{writing-mode:vertical-rl;font-size:12px;letter-spacing:4px;align-self:center;color:var(--muted)}.hero-bottom{border-top:1px solid var(--line);padding:20px 0;margin-top:5px;align-items:center}.hero-bottom a{font-size:12px;color:var(--muted)}.hero-bottom a span{color:var(--gold);font-size:20px;margin-left:15px}.ticker{background:var(--red);color:var(--paper);overflow:hidden;border-block:1px solid var(--red);padding:12px 0;transform:rotate(-1.8deg);margin:35px -1% 0;width:102%}.ticker div{font-family:Display,'Arial Black',sans-serif;font-size:30px;font-weight:1000;white-space:nowrap;animation:ticker 30s linear infinite;width:max-content;letter-spacing:1px}.ticker i{font-style:normal;color:var(--gold);margin:0 35px}.section{padding:110px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section h2,.visual h2{font-family:Display,'Arial Black',Arial,sans-serif;font-size:clamp(48px,6.5vw,96px);font-weight:1000;line-height:1;letter-spacing:-.045em;margin:18px 0 0}.section h2 em,.visual h2 em{font-style:normal;color:var(--gold)}.section-head p{font-size:14px;color:var(--muted);margin:0 0 4px}.tracks{display:grid;grid-template-columns:1fr 1fr;gap:34px}.track-cover{position:relative;aspect-ratio:16/9;background:#222;overflow:hidden}.track-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s;filter:saturate(.7)}.track:hover img{transform:scale(1.04);filter:saturate(1)}.track-no{position:absolute;top:15px;left:18px;font-size:12px;font-weight:700;background:#111b;padding:5px 10px}.round-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:1px solid #fff8;background:#1118;backdrop-filter:blur(8px);border-radius:50%;display:grid;place-items:center;font-size:17px;padding-left:3px;transition:background .3s}.track:hover .round-play{background:var(--red);border-color:var(--red)}.duration{position:absolute;bottom:12px;right:14px;font-size:12px;background:#111c;padding:3px 7px}.track-meta{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.track-meta span{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.track-meta h3{font-family:Display,'Arial Black',sans-serif;letter-spacing:-1px;font-size:26px;line-height:1.2;margin:7px 0}.track-meta .watch{font-size:12px;letter-spacing:1px;text-align:right;color:var(--gold)}.visual{background:var(--red);color:#151412;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:85px 9%;overflow:hidden}.visual .eyebrow{color:#fff1c8}.visual h2{font-size:clamp(50px,7vw,106px);line-height:.95;margin-top:35px}.visual h2 em{color:#f1eee5}.visual-text p{color:#fff4e3;font-size:15px;margin:30px 0 0}.symbol-card{background:var(--paper);transform:rotate(6deg);padding:22px;box-shadow:16px 18px 0 #7e1915;max-width:420px}.symbol-top,.symbol-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:bold;letter-spacing:1px}.symbol-top{padding-bottom:18px}.symbol-bottom{padding-top:14px}.symbol-bottom b{font-size:40px;line-height:1;font-family:Display,'Arial Black',sans-serif}.channel-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.channel h2{font-size:clamp(65px,9.5vw,145px);line-height:.9;margin-top:38px}.channel-copy p{font-weight:bold;font-size:30px;line-height:1.55}.channel-copy>span{display:block;color:var(--muted);font-size:14px;margin:0 0 30px}footer{margin:0 5%;padding:32px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer>span,footer>a:last-child{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:white;color:black;padding:10px}.skip:focus{top:10px}.intro{position:fixed;inset:0;background:var(--red);z-index:90;display:grid;place-items:center;pointer-events:none;animation:intro-out .75s 1s cubic-bezier(.76,0,.24,1) forwards}.intro-word{font-family:Display,'Arial Black',sans-serif;font-size:clamp(55px,13vw,160px);font-weight:1000;letter-spacing:-.06em}.intro-word span{display:block;font-family:Arial;font-size:12px;letter-spacing:6px;text-align:center}.intro-line{position:absolute;bottom:0;height:5px;background:var(--gold);left:0;animation:load 1s ease-out forwards}.reveal{opacity:1}.js .reveal{opacity:0;translate:0 24px;transition:opacity .75s,translate .75s}.js .reveal.visible{opacity:1;translate:0 0}@keyframes intro-out{to{transform:translateY(-100%)}}@keyframes load{from{width:0}to{width:100%}}@keyframes ticker{to{transform:translateX(-50%)}}@media(min-width:1400px){.hero h1{font-size:20vw}.hero-art{max-width:520px}}@media(max-width:800px){header{height:72px}.wordmark{font-size:26px}nav{gap:16px}nav a{font-size:12px}.header-yt{display:none}.hero{padding-top:22px}.hero-top{font-size:12px;letter-spacing:1px}.hero h1{font-size:20.7vw;margin-top:24px}.hero-main{grid-template-columns:1fr 1fr;gap:20px}.hero-copy{padding:24px 0 28px}.hero-copy h2{font-size:27px}.hero-copy p{font-size:13px}.hero-art{align-self:center;padding:12px;margin-bottom:20px}.hero-side{display:none}.art-label,.art-bottom{font-size:12px;letter-spacing:.5px}.button{font-size:13px;padding:14px 19px;gap:15px}.text-link{font-size:12px}.section{padding:80px 6%}.tracks{gap:22px}.track-meta{display:block}.track-meta .watch{display:block;text-align:left;margin-top:10px}.visual{gap:7%;padding:70px 7%}.symbol-card{padding:14px}.symbol-top{font-size:12px}.symbol-bottom{font-size:12px}.channel-copy p{font-size:24px}.section-head p{font-size:12px}.hero-bottom{font-size:12px;letter-spacing:1px}.ticker{margin-top:20px}.ticker div{font-size:23px}}@media(max-width:520px){nav{gap:13px}.hero-top .edition{display:none}.hero h1{font-size:21vw;margin-top:24px;letter-spacing:-.055em}.hero-main{display:flex;flex-direction:column;gap:0}.hero-art{order:-1;width:76%;margin:20px 0 25px 14%;padding:14px}.hero-copy{padding:0 0 30px}.hero-copy h2{font-size:31px;margin:12px 0 15px}.hero-copy p{font-size:14px;margin-bottom:21px}.hero-copy .eyebrow{font-size:12px}.hero-copy .button{min-width:180px}.hero-bottom>span{font-size:12px}.hero-bottom a{font-size:12px}.hero-bottom a span{margin-left:6px}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:20px;font-size:14px}.section h2{font-size:53px}.tracks{grid-template-columns:1fr;gap:36px}.track-meta{display:flex}.track-meta h3{font-size:27px}.track-meta .watch{font-size:12px;max-width:95px;line-height:1.8;text-align:right}.visual{grid-template-columns:1fr;padding:65px 8% 85px;gap:40px}.visual h2{font-size:74px}.symbol-card{width:84%;margin:auto;padding:18px}.symbol-top,.symbol-bottom{font-size:12px}.channel-inner{grid-template-columns:1fr;gap:20px}.channel h2{font-size:83px}.channel-copy p{font-size:25px}.channel-copy .button{width:100%}footer{flex-wrap:wrap;gap:25px}footer>span{display:none}.hero-bottom{margin-top:0}.intro-word{font-size:18vw}.intro-word span{font-size:12px;letter-spacing:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none}.js .reveal{opacity:1;translate:0 0}}

body{overflow-x:clip}.hero h1{font-weight:400;letter-spacing:-.025em;font-size:clamp(100px,21.1vw,340px)}

html,body{overflow-x:hidden}

.intro-logo{width:clamp(110px,14vw,190px);margin:0 auto 20px;border:6px solid var(--gold);transform:rotate(-5deg)}

.cover-type{height:100%;padding:8% 9%;display:flex;flex-direction:column;justify-content:center;transition:transform .4s}.cover-type>span{font-size:12px;letter-spacing:4px;margin-bottom:3%}.cover-type b{font-family:Display,sans-serif;font-size:clamp(46px,6vw,88px);font-weight:400;letter-spacing:-2px;line-height:.9}.cover-gold{background:var(--gold);color:#151412}.cover-red{background:var(--red);color:var(--paper)}.round-play{left:auto;right:7%;transform:translateY(-50%);top:65%}.track-no{left:auto;right:18px}.track:hover .cover-type{transform:scale(1.025)}@media(max-width:520px){.cover-type b{font-size:58px}.round-play{width:52px;height:52px}}
