:root{--black:#050507;--ink:#0a0b0d;--cream:#eee9df;--pink:#ff2a9b;--blue:#42e8ff;--lime:#dfff32;--amber:#ffb44a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px;background:#050507}body{margin:0;background:#050507;color:#eee9df;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}em{font-style:normal}.grain{position:fixed;inset:0;z-index:97;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{position:fixed;z-index:90;top:0;left:0;right:0;height:68px;padding:0 3vw;display:flex;align-items:center;gap:24px;background:#050507e9;border-bottom:1px solid #fff2;backdrop-filter:blur(16px)}.brand img{width:42px;height:42px}.topbar nav{display:flex;gap:24px;margin:auto}.topbar nav a{font-size:8px;font-weight:900;letter-spacing:.16em}.topbar nav a:hover,.topbar nav a.active{color:var(--blue)}.menuBtn{display:none;background:none;border:0;color:white;font-size:20px}.tokyo-status{display:flex;align-items:center;gap:7px;font-size:7px;font-weight:900;letter-spacing:.12em;color:#aaa}.tokyo-status i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#000d,#0002 68%),linear-gradient(0deg,#0009,transparent 55%)}section small{font-size:8px;font-weight:900;letter-spacing:.25em;color:var(--amber)}.gate{position:fixed;z-index:100;inset:0;background:#000}.gate video,.hero>video,.contact>video{position:absolute;width:100%;height:100%;object-fit:cover}.gateShade{position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 55%)}#enter{position:absolute;z-index:2;left:50%;bottom:7vh;transform:translateX(-50%);padding:19px 34px;border:1px solid #fff9;background:#050507c9;color:white;font:900 11px Inter;letter-spacing:.2em;cursor:pointer;backdrop-filter:blur(8px)}#enter:hover{background:#fff;color:#050507}.hero{height:100vh;position:relative;overflow:hidden}.heroCopy{position:absolute;z-index:3;left:6vw;bottom:13vh}.heroCopy h1,.head h2,.about h2,.contact h2{font:clamp(78px,11vw,170px)/.73 "Bebas Neue";margin:15px 0}.heroCopy h1 em,.head h2 em,.about h2 em,.contact h2 em{color:transparent;-webkit-text-stroke:1px currentColor}.heroCopy p{font-size:9px;letter-spacing:.2em}.actions{display:flex;gap:10px;margin-top:25px}.actions a,.lineBtn{padding:13px 16px;border:1px solid #fff6;font-size:8px;font-weight:900;letter-spacing:.14em}.actions a:first-child{background:#fff;color:#000}.ticker{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:13px 0;background:var(--lime);color:#050507;font-size:8px;font-weight:900;letter-spacing:.15em;white-space:nowrap;overflow:hidden}.ticker span{display:block;width:max-content;animation:ticker 24s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.district{min-height:70vh;padding-bottom:105px}.tokyoPanel{background:radial-gradient(circle at 85% 5%,#143037 0,#090b0f 25%,#050507 60%);color:#eee9df}.head{padding:100px 6vw 45px;display:grid;grid-template-columns:1.5fr .5fr;align-items:end}.head h2{font-size:clamp(80px,10vw,145px)}.head>p{font-size:11px;line-height:1.8;color:#8e9298;max-width:360px}.album{max-width:1180px;margin:0 auto 80px;padding:0 30px;display:grid;grid-template-columns:430px 1fr;gap:70px;align-items:center}.album>img{width:100%;box-shadow:18px 18px #18272c}.album h3{font:clamp(60px,7vw,105px)/.78 "Bebas Neue";margin:15px 0}.album p{font-size:10px;letter-spacing:.14em;margin-bottom:30px}.releases{display:flex;gap:16px;overflow-x:auto;padding:10px 6vw 28px;scroll-snap-type:x mandatory}.releases article{min-width:265px;width:265px;scroll-snap-align:start}.releases img,.coverLoading{width:265px;height:265px;object-fit:cover;display:flex}.releases b{display:block;font:28px/1 "Bebas Neue";margin-top:14px}.releases span{font-size:7px;letter-spacing:.13em;color:#81858a}.coverLoading{padding:22px;align-items:flex-end;font:52px/.8 "Bebas Neue";background:linear-gradient(145deg,#17191e,#092f36);color:#fff}.vinylStation{max-width:1180px;margin:70px auto 0;padding:35px;display:grid;grid-template-columns:420px 1fr;gap:45px;background:#0a0b0e;border:1px solid #fff2;box-shadow:0 25px 70px #0008}.turntable{height:420px;background:linear-gradient(145deg,#22252a,#101216);border-radius:8px;position:relative;display:grid;place-items:center;overflow:hidden}.record{width:325px;height:325px;border-radius:50%;background:repeating-radial-gradient(circle,#090909 0 3px,#151515 4px 5px);box-shadow:0 12px 35px #000;animation:spin 8s linear infinite}.recordLabel{width:120px;height:120px;border-radius:50%;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.recordLabel img{width:100%;height:100%;object-fit:cover}.tonearm{position:absolute;right:52px;top:48px;width:12px;height:270px;background:#bbb;transform:rotate(24deg);transform-origin:top;border-radius:10px;box-shadow:0 0 0 3px #333}.deckLabel{position:absolute;left:20px;bottom:15px;font-size:7px;letter-spacing:.2em;color:#888}@keyframes spin{to{transform:rotate(360deg)}}.albumPlayer h3{font:55px/.9 "Bebas Neue";margin:12px 0}.albumPlayer p{font-size:10px;line-height:1.7;color:#888}.albumPlayer iframe{margin-top:12px;border-radius:10px}.cinema{position:relative;background:#030305;overflow:hidden}.cinemaInner{position:relative;z-index:2}.cinemaCurtain{position:absolute;z-index:5;top:0;bottom:0;width:51%;background:repeating-linear-gradient(90deg,#35000e 0 7%,#74001d 8% 14%,#2a000b 15% 21%);box-shadow:0 0 70px #000;transition:transform 1.3s cubic-bezier(.7,0,.2,1)}.leftCurtain{left:0}.rightCurtain{right:0}.cinema.open .leftCurtain{transform:translateX(-98%)}.cinema.open .rightCurtain{transform:translateX(98%)}.screen{max-width:1180px;margin:auto;padding:14px;background:#0b0b0d;border:1px solid #fff2}.screen>div{aspect-ratio:16/9}.screen iframe{width:100%;height:100%;border:0}.screen footer{display:flex;justify-content:space-between;align-items:end;padding:15px 5px 0}.screen footer span{font-size:8px;letter-spacing:.18em;color:var(--amber)}.screen h3{font:50px "Bebas Neue";margin:0}.films{max-width:1180px;margin:25px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.film{aspect-ratio:16/9;border:1px solid #fff2;background:#111;color:white;position:relative;overflow:hidden;padding:0;text-align:left;cursor:pointer}.film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55);transition:.25s}.film:hover img,.film.active img{filter:brightness(.82);transform:scale(1.025)}.film b{position:absolute;left:17px;bottom:14px;font:29px "Bebas Neue";z-index:2}.film i{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#fff;color:#08080a;display:grid;place-items:center;font-style:normal;font-size:18px;padding-left:3px}.archive{background:linear-gradient(145deg,#1b0714,#071a1d)}.archive strong{position:absolute;inset:0;display:grid;place-content:center;font:70px "Bebas Neue";color:#fff1}.archiveText{max-width:1180px;margin:55px auto 0;border-top:1px solid #fff3;padding-top:25px}.archiveText p{font:35px/1.25 "Bebas Neue";max-width:900px}.archiveText a{font-size:8px;font-weight:900;letter-spacing:.15em;border-bottom:1px solid}.products{max-width:1180px;margin:auto;padding:0 30px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.products>a{border:1px solid #fff2;transition:.25s}.products>a:hover{transform:translateY(-7px);box-shadow:12px 12px #15333b}.productVisual{height:500px;position:relative;display:grid;place-items:center}.productVisual.black{background:radial-gradient(circle,#2b2630,#09090b 65%)}.productVisual.light{background:radial-gradient(circle,#fff,#d9d1c2 65%)}.productVisual small{position:absolute;top:20px;left:20px}.hoodie,.tee{display:grid;place-items:center;font:60px "Bebas Neue";filter:drop-shadow(0 25px 22px #0007)}.hoodie{width:260px;height:300px;background:#d8b628;clip-path:polygon(24% 10%,37% 2%,63% 2%,76% 10%,100% 25%,88% 48%,78% 42%,78% 100%,22% 100%,22% 42%,12% 48%,0 25%)}.tee{width:270px;height:280px;background:#f3ecdc;color:#b8ae9b;clip-path:polygon(22% 4%,38% 0,62% 0,78% 4%,100% 22%,88% 43%,78% 36%,78% 100%,22% 100%,22% 36%,12% 43%,0 22%)}.products h3{font:38px/1 "Bebas Neue";margin:20px 20px 8px}.products>a>b{display:block;margin:0 20px 22px;font-size:8px;letter-spacing:.15em}.photoDistrict{background:radial-gradient(circle at 50% 15%,#19151e,#050507 48%)}.photos{padding:0 4vw;display:grid;grid-template-columns:repeat(12,1fr);gap:16px;grid-auto-flow:dense}.photos figure{margin:0;background:white;padding:8px 8px 27px;box-shadow:7px 9px 0 #0006;grid-column:span 4;transform:rotate(-.6deg);min-height:360px}.photos figure:nth-child(even){transform:rotate(.7deg)}.photos .wide{grid-column:span 8}.photos img{width:100%;height:100%;max-height:650px;object-fit:cover;display:block}.photos figcaption{color:#111;font-size:7px;letter-spacing:.16em;padding:8px 3px 0}.about{min-height:100vh;padding:105px 6vw 80px;background:radial-gradient(circle at 80% 10%,#17313a,#090b0e 38%,#050507 72%);color:#eee9df;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center}.aboutPhoto{height:78vh;background:url("rawhip2.PNG") center/cover;box-shadow:18px 18px #16313a}.about h2{font-size:clamp(70px,8.5vw,125px)}.about p{font-size:11px;line-height:1.75;color:#9ca1a7}.about .lead{font-size:16px;color:#eee9df;font-weight:700}.route{font:22px "Bebas Neue";margin-top:35px;color:var(--amber)}.contact{min-height:92vh;position:relative;overflow:hidden;display:grid;place-items:center}.contactInner{position:relative;z-index:2;width:88vw}.contact h2{font-size:clamp(85px,12vw,175px)}.contactInner p{font-size:9px;letter-spacing:.14em}.emailButton{display:inline-block;margin:25px 0 35px;padding:17px 25px;border:1px solid #fff8;background:#08090bd9;font-size:10px;font-weight:900;letter-spacing:.18em}.emailButton:hover{background:#fff;color:#050507}.social{display:flex;gap:12px}.social a{width:48px;height:48px;border:1px solid #fff4;display:grid;place-items:center}.social svg{width:22px;height:22px;fill:none;stroke:white;stroke-width:1.7}.social svg .fill{fill:white;stroke:none}.audioDock{position:fixed;z-index:95;left:18px;bottom:18px;width:min(420px,calc(100vw - 36px));min-height:66px;background:#09090bee;border:1px solid #fff2;backdrop-filter:blur(14px);display:flex;align-items:center;gap:12px;padding:10px 13px;color:#fff;box-shadow:0 10px 40px #0008;transform:translateY(140%);transition:.5s}.audioDock.show{transform:none}.audioDock button{width:42px;height:42px;border:0;background:#fff;cursor:pointer}.audioDock small,.audioDock b,.audioDock span{display:block}.audioDock small{font-size:6px;color:var(--blue);letter-spacing:.18em}.audioDock b{font:20px "Bebas Neue"}.audioDock span{font-size:6px;color:#777}.wave{display:flex;align-items:center;gap:2px;height:28px;flex:1}.wave i{width:2px;height:8px;background:var(--lime);animation:wave .8s ease-in-out infinite alternate}.wave i:nth-child(2n){height:20px;animation-delay:.2s}.audioDock.paused .wave i{animation-play-state:paused;height:3px}@keyframes wave{to{height:26px}}.audioDock time{font-size:8px;color:#aaa}.toTop{position:fixed;z-index:80;right:20px;bottom:20px;width:42px;height:42px;border:1px solid #fff4;background:#08080bdd;color:#fff;opacity:0;pointer-events:none}.toTop.show{opacity:1;pointer-events:auto}.weather-fx{position:fixed;z-index:89;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1s}.weather-fx.rain{opacity:.25;background-image:repeating-linear-gradient(105deg,transparent 0 26px,#bfeeff5e 27px,#bfeeff5e 28px,transparent 29px 55px);animation:rain .85s linear infinite}.weather-fx.mist{opacity:.14;background:radial-gradient(ellipse at 20% 30%,#bfeeff33,transparent 45%),radial-gradient(ellipse at 80% 60%,#dcefff25,transparent 50%);animation:mist 10s ease-in-out infinite alternate}.weather-fx.clear{opacity:.07;background:radial-gradient(circle at 80% 10%,#42e8ff,transparent 30%)}@keyframes rain{to{background-position:-80px 150px}}@keyframes mist{to{transform:translateX(5%) translateY(2%)}}@media(max-width:800px){html{scroll-padding-top:60px}.topbar{height:60px}.menuBtn{display:block;margin-left:auto}.topbar nav{display:none;position:absolute;top:60px;left:0;right:0;background:#050507f7;padding:25px;flex-direction:column}.topbar nav.open{display:flex}.tokyo-status{font-size:6px}.heroCopy h1{font-size:24vw}.head{grid-template-columns:1fr;padding-top:75px}.head h2{font-size:22vw}.album{grid-template-columns:1fr;gap:40px}.vinylStation{grid-template-columns:1fr;margin:45px 15px;padding:18px}.turntable{height:330px}.record{width:260px;height:260px}.films{grid-template-columns:1fr;padding:0 15px}.screen,.archiveText{margin-left:15px;margin-right:15px}.products{grid-template-columns:1fr;padding:0 15px}.productVisual{height:400px}.photos{grid-template-columns:1fr 1fr}.photos figure,.photos .wide{grid-column:span 1;min-height:220px}.about{grid-template-columns:1fr;padding-top:80px}.aboutPhoto{height:58vh}.about h2{font-size:20vw}.contact h2{font-size:24vw}.audioDock{left:10px;bottom:10px;width:calc(100vw - 70px)}.wave,.audioDock span{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.weather-fx{display:none}.cinemaCurtain{display:none}}
/* V6 FULL EXPERIENCE */
.chapterTitle{position:relative;display:grid;width:max-content;max-width:100%;margin:12px 0 0!important;font-family:Anton,"Bebas Neue",sans-serif!important;text-transform:uppercase;line-height:.73!important;letter-spacing:-.045em}
.chapterTitle span{font:900 clamp(13px,1.6vw,25px)/1 Inter,sans-serif;letter-spacing:.28em;color:var(--amber);margin:0 0 .45em .15em}
.chapterTitle strong{font:inherit;font-size:clamp(82px,11vw,165px);font-weight:400;color:#f3f0e8;white-space:nowrap;position:relative}
.chapterTitle strong:after{content:"";position:absolute;left:-.03em;right:-.02em;bottom:.02em;height:.08em;background:var(--blue);mix-blend-mode:screen;transform:skewX(-18deg)}
.chapterTitle em{font:800 clamp(7px,.7vw,10px)/1 Inter,sans-serif!important;letter-spacing:.2em!important;color:#8d949a!important;-webkit-text-stroke:0!important;margin-top:15px}
.heroTitle{display:block}.heroTitle span{display:block;font:inherit;font-size:clamp(100px,15vw,230px);letter-spacing:-.05em;color:#fff;margin:0}.heroTitle strong{display:block;font-size:clamp(100px,15vw,230px);color:transparent;-webkit-text-stroke:1px #fff}.heroTitle strong:after{background:var(--amber);height:.04em}
.cinemaTitle strong:after{background:var(--pink)}.shopTitle strong:after{background:var(--lime)}.photoTitle strong:after{background:var(--amber)}.contactTitle strong:after{background:var(--lime)}
.cinema.open .cinemaTitle strong{text-shadow:0 0 18px #ff2a9b55}
.storefrontSign{max-width:1180px;margin:0 auto 24px;padding:14px 22px;border:1px solid #fff3;background:#090b0d;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 0 35px #42e8ff12}
.storefrontSign span{font:32px Anton,sans-serif;letter-spacing:.04em}.storefrontSign b{font-size:8px;letter-spacing:.2em;color:var(--lime)}
.products>a{overflow:hidden}.products>a:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#fff1 45%,transparent 60%);transform:translateX(-120%);transition:.8s}.products>a{position:relative}.products>a:hover:before{transform:translateX(120%)}
.cityTransition{height:78px;background:#06080a;border-block:1px solid #fff2;overflow:hidden;display:flex;align-items:center;transform:skewY(-1deg);margin:-20px 0;position:relative;z-index:6}.cityTransition span{font:45px Anton,sans-serif;letter-spacing:.08em;color:#ffffff0d;white-space:nowrap;animation:cityMove 16s linear infinite;text-shadow:0 0 20px #42e8ff44}.cityTransition.reverse span{animation-direction:reverse;color:#dfff3210}@keyframes cityMove{to{transform:translateX(-35%)}}
.metroRail{position:fixed;z-index:88;right:17px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:19px;padding:15px 8px}.metroLine{position:absolute;left:12px;top:24px;bottom:24px;width:1px;background:#ffffff2b}.metroRail a{position:relative;display:flex;align-items:center;gap:8px;min-height:12px}.metroRail i{width:9px;height:9px;border-radius:50%;border:1px solid #fff8;background:#07080a;z-index:2;transition:.25s}.metroRail span{font-size:6px;font-weight:900;letter-spacing:.15em;color:#777;opacity:0;transform:translateX(6px);transition:.25s}.metroRail a:hover span,.metroRail a.active span{opacity:1;transform:none;color:#fff}.metroRail a.active i{background:var(--blue);border-color:var(--blue);box-shadow:0 0 14px var(--blue)}
.cursorGlow{position:fixed;z-index:2;width:360px;height:360px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#42e8ff0c,transparent 65%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}
.photoLightbox{position:fixed;z-index:120;inset:0;background:#020204eF;display:none;place-items:center;padding:5vw;backdrop-filter:blur(15px)}.photoLightbox.open{display:grid}.photoLightbox img{max-width:min(1100px,90vw);max-height:82vh;box-shadow:0 30px 80px #000}.photoLightbox button{position:absolute;right:25px;top:20px;border:0;background:none;color:white;font-size:42px;cursor:pointer}.photoLightbox span{position:absolute;bottom:3vh;font-size:8px;letter-spacing:.2em;color:#aaa}.photos figure{cursor:zoom-in;transition:transform .25s,filter .25s}.photos figure:hover{z-index:3;transform:rotate(0) translateY(-6px)!important;filter:brightness(1.08)}
.weather-fx.rain:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(0deg,#42e8ff0e,transparent);filter:blur(8px)}
@media(hover:hover) and (pointer:fine){body:hover .cursorGlow{opacity:1}}
@media(max-width:800px){.chapterTitle strong{font-size:20vw;white-space:normal}.heroTitle span,.heroTitle strong{font-size:27vw}.metroRail{top:auto;bottom:0;right:0;left:0;transform:none;flex-direction:row;justify-content:space-around;background:#050507e8;backdrop-filter:blur(12px);padding:8px 10px}.metroLine{left:7%;right:7%;top:12px;bottom:auto;width:auto;height:1px}.metroRail a{flex-direction:column;gap:4px}.metroRail span{opacity:1;transform:none;font-size:5px}.cityTransition{height:55px}.cityTransition span{font-size:30px}.storefrontSign{margin-inline:15px}.cursorGlow{display:none}}


/* V6.1 — FINAL ASSET + INTERACTION POLISH */

/* Weather remains informational in the header; no full-screen weather overlay. */
.weather-fx,
.weather-fx.rain,
.weather-fx.mist,
.weather-fx.clear,
.weather-fx.rain::after{
  display:none!important;
  opacity:0!important;
  background:none!important;
  animation:none!important;
}

/* Accent rule belongs BELOW the display word — never through the glyphs. */
.chapterTitle strong{
  padding-bottom:.13em;
}
.chapterTitle strong:after{
  left:0!important;
  right:auto!important;
  bottom:0!important;
  width:100%!important;
  height:.055em!important;
  transform:skewX(-18deg) translateY(35%)!important;
  transform-origin:left center;
  mix-blend-mode:normal!important;
  z-index:1;
}
.heroTitle strong{
  padding-bottom:.10em;
}
.heroTitle strong:after{
  bottom:-.015em!important;
}

/* Entrance is intentionally oversized and unmistakably clickable. */
#enter{
  min-width:min(520px,86vw)!important;
  min-height:92px!important;
  padding:24px 42px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:22px;
  border:2px solid #fff!important;
  background:#050507e8!important;
  box-shadow:0 16px 55px #000a,0 0 0 1px #42e8ff33;
  font-size:clamp(15px,1.35vw,21px)!important;
  letter-spacing:.16em!important;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important;
}
#enter small{
  color:var(--blue);
  font-size:12px;
  letter-spacing:.15em;
}
#enter:hover{
  transform:translateX(-50%) translateY(-4px)!important;
  background:var(--lime)!important;
  color:#050507!important;
  border-color:var(--lime)!important;
  box-shadow:0 20px 65px #000b,0 0 30px #dfff3238;
}
#enter:hover small{color:#050507}

/* Real product photography. */
.productVisual.productPhoto{
  height:560px;
  display:block;
  overflow:hidden;
  background:#0a0b0d;
}
.productVisual.productPhoto img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease;
}
.products>a:hover .productPhoto img{
  transform:scale(1.035);
  filter:brightness(1.05);
}
.productVisual.productPhoto small{
  z-index:2;
  padding:8px 10px;
  background:#050507dc;
}
.viewTag{
  position:absolute;
  z-index:2;
  right:18px;
  bottom:18px;
  padding:10px 12px;
  background:#050507df;
  border:1px solid #fff4;
  font-size:7px;
  font-weight:900;
  letter-spacing:.16em;
}

/* Clickable controls should always read as interactive. */
button,
.actions a,
.lineBtn,
.emailButton,
.social a,
.products>a,
.film,
.metroRail a,
.toTop{
  cursor:pointer;
}
button:focus-visible,
a:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:4px;
}

/* Replace the browser-looking catalog scrollbar with a quiet custom rail. */
.releases{
  scrollbar-width:thin;
  scrollbar-color:var(--blue) #11151a;
}
.releases::-webkit-scrollbar{height:6px}
.releases::-webkit-scrollbar-track{background:#11151a}
.releases::-webkit-scrollbar-thumb{background:var(--blue);border-radius:99px}

/* Local covers are treated consistently. */
.releases img{
  background:#101317;
  transition:transform .35s ease,filter .35s ease;
}
.releases article:hover img{
  transform:scale(1.018);
  filter:brightness(1.06);
}

@media(max-width:800px){
  #enter{
    min-width:82vw!important;
    min-height:78px!important;
    padding:20px 24px!important;
  }
  .productVisual.productPhoto{height:440px}
}


/* V6.2 — brand/navigation/streaming polish */
.topbar{height:74px;padding:0 3vw;border-bottom:1px solid #ffffff1f;background:linear-gradient(180deg,#07090bf7,#050507ed);box-shadow:0 8px 30px #0007}
.brand{display:flex;align-items:center;gap:11px;min-width:235px}
.brand img{width:44px;height:44px;box-shadow:0 0 0 1px #fff2,0 0 24px #42e8ff10}
.brand span{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.brand b{font:15px Anton,"Bebas Neue",sans-serif;letter-spacing:.12em}
.brand small{font-size:5px;letter-spacing:.17em;color:#6f777d;font-weight:800}
.topbar nav{height:100%;align-items:center;gap:4px;padding:0 7px;border-left:1px solid #fff1;border-right:1px solid #fff1}
.topbar nav a{height:100%;padding:0 13px;display:flex;align-items:center;gap:6px;position:relative;font-size:8px;transition:color .2s ease,background .2s ease}
.topbar nav a i{font-style:normal;font-size:5px;color:#555d63;letter-spacing:.08em;transition:.2s}
.topbar nav a:after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:center;transition:transform .22s ease;box-shadow:0 0 12px #42e8ff88}
.topbar nav a:hover,.topbar nav a.active{background:#ffffff05;color:#f3f0e8}
.topbar nav a:hover:after,.topbar nav a.active:after{transform:scaleX(1)}
.topbar nav a.active i{color:var(--blue)}
.tokyo-status{min-width:205px;justify-content:flex-end}

.streamLinks{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.streamBtn{min-width:188px;height:58px;padding:0 15px;display:flex;align-items:center;gap:11px;border:1px solid #fff4;background:#090b0de8;transition:transform .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 8px 28px #0005}
.streamBtn svg{width:25px;height:25px;flex:none;fill:none;stroke:#f3f0e8;stroke-width:1.7}
.spotifyBtn svg circle{fill:#f3f0e8;stroke:none}.spotifyBtn svg path{stroke:#050507;stroke-width:1.5;fill:none}
.streamBtn span{display:flex;flex-direction:column;gap:3px;font-size:9px;font-weight:900;letter-spacing:.12em;line-height:1}
.streamBtn span small{font-size:5px;color:#747b80;letter-spacing:.17em}
.streamBtn>b{margin-left:auto;font-size:13px}
.streamBtn:hover{transform:translateY(-3px);border-color:var(--blue);background:#11171a}
.appleBtn:hover{border-color:var(--amber)}

/* Cinema now shares the site's warm amber/orange chapter language. */
.cinemaTitle strong:after{background:var(--amber)!important}
.cinema.open .cinemaTitle strong{text-shadow:0 0 18px #ffb44a3d!important}

/* A centered brand monument turns the open shop area into a storefront facade. */
.storeBrandMark{width:min(430px,80vw);height:260px;margin:-10px auto 42px;position:relative;display:flex;align-items:center;justify-content:center;gap:24px;border-top:1px solid #fff1;border-bottom:1px solid #fff1}
.storeBrandMark:before,.storeBrandMark:after{content:"";position:absolute;width:54px;height:1px;background:var(--amber);top:50%}
.storeBrandMark:before{left:-70px}.storeBrandMark:after{right:-70px}
.storeBrandMark img{position:relative;z-index:2;width:150px;height:150px;object-fit:cover;box-shadow:0 20px 55px #000c,0 0 0 1px #fff3}
.storeLogoHalo{position:absolute;width:230px;height:230px;border:1px solid #42e8ff1f;transform:rotate(45deg);box-shadow:0 0 80px #42e8ff12,inset 0 0 50px #42e8ff08}
.storeBrandMark>div:last-child{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px}
.storeBrandMark small{font-size:6px;letter-spacing:.2em;color:var(--amber)}
.storeBrandMark b{font:54px Anton,"Bebas Neue",sans-serif;line-height:.9;color:#f3f0e8}
.storeBrandMark span{font-size:6px;letter-spacing:.2em;color:#737b80}

@media(max-width:1100px){.brand span{display:none}.brand{min-width:auto}.tokyo-status{min-width:auto}.topbar nav a{padding-inline:9px}.topbar nav a i{display:none}}
@media(max-width:800px){.topbar{height:60px}.topbar nav{height:auto;border:0}.topbar nav a{height:42px;padding:0}.topbar nav a:after{left:0;right:0}.streamBtn{min-width:0;flex:1}.storeBrandMark{height:210px;margin-bottom:28px}.storeBrandMark img{width:110px;height:110px}.storeLogoHalo{width:170px;height:170px}.storeBrandMark b{font-size:40px}.storeBrandMark:before,.storeBrandMark:after{display:none}}


/* FINAL POLISH — seamless hero broadcast ticker */
.ticker{padding:0!important;height:40px;display:flex;align-items:center;overflow:hidden}
.tickerTrack{display:flex;flex:none;width:max-content;align-items:center;will-change:transform;animation:raTickerLoop 34s linear infinite}
.tickerGroup{display:flex!important;flex:none;width:max-content!important;align-items:center;gap:18px;padding-right:18px;white-space:nowrap}
.tickerGroup span,.tickerGroup b{display:inline-block;font:900 8px/1 Inter,Arial,sans-serif;letter-spacing:.15em}
.tickerGroup i{display:inline-block;font-style:normal;font-size:8px;opacity:.58}
@keyframes raTickerLoop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.ticker:hover .tickerTrack{animation-play-state:paused}
@media(max-width:800px){.ticker{height:36px}.tickerTrack{animation-duration:27s}.tickerGroup{gap:14px;padding-right:14px}.tickerGroup span,.tickerGroup b{font-size:7px}}
@media(prefers-reduced-motion:reduce){.ticker{overflow-x:auto}.tickerTrack{animation:none!important}}


/* INTERNATIONAL RA — JAPAN ARRIVAL EXPERIENCE */
.gateShade{background:linear-gradient(90deg,#000e,#0005 58%,#000b),linear-gradient(0deg,#000e,transparent 58%)}
.arrivalBoard{position:absolute;z-index:2;inset:clamp(24px,3.5vw,52px);border:1px solid #ffffff30;color:#f4f0e8;padding:20px 24px;pointer-events:none;overflow:hidden}
.arrivalBoard:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff0b 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,#ffffff08 50%,transparent 50.1%);background-size:90px 90px;opacity:.45}
.arrivalTop,.arrivalBottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;font:800 7px/1 Inter,sans-serif;letter-spacing:.22em;color:#ffffff8f}
.arrivalBottom{position:absolute;left:24px;right:24px;bottom:20px;color:#ffffff65}
.arrivalMain{position:absolute;z-index:2;left:5vw;top:47%;transform:translateY(-56%);max-width:780px}
.arrivalMain>small{display:block;margin-bottom:14px;color:var(--amber);font:900 8px/1 Inter,sans-serif;letter-spacing:.28em}
.arrivalMain h2{margin:0;font:clamp(62px,8vw,126px)/.76 "Bebas Neue",sans-serif;letter-spacing:.005em;text-shadow:0 10px 35px #000}
.arrivalMain h2 strong{display:block;color:var(--lime);font-weight:inherit}
.arrivalRoute{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:23px;font:900 8px/1.3 Inter,sans-serif;letter-spacing:.13em}
.arrivalRoute span{padding:9px 11px;border:1px solid #ffffff35;background:#05050791;backdrop-filter:blur(6px)}
.arrivalRoute b{color:var(--blue);font-size:6px;margin-right:6px;letter-spacing:.18em}
.arrivalRoute i{font-style:normal;color:var(--lime)}
.arrivalMain p{margin:18px 0 0;font:700 9px/1 Inter,sans-serif;letter-spacing:.25em;color:#ffffffa0}
.arrivalStamp{position:absolute;z-index:2;right:6vw;top:47%;transform:translateY(-50%) rotate(-7deg);width:150px;height:150px;border:2px solid #dfff3280;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--lime);font:900 9px/1.2 Inter,sans-serif;letter-spacing:.18em;opacity:.78}
.arrivalStamp:after{content:"";position:absolute;inset:9px;border:1px dashed #dfff326f;border-radius:50%}
.arrivalStamp b{font:38px/1 "Noto Sans JP",sans-serif}.arrivalStamp small{font-size:6px;color:var(--lime);margin-top:5px}
#enter{flex-direction:column!important;gap:7px!important;z-index:4!important}
#enter small{display:block!important;font-size:7px!important;color:var(--blue)!important;letter-spacing:.22em!important}
.gate.scanning .arrivalBoard:after{content:"";position:absolute;z-index:5;left:0;right:0;height:2px;background:var(--lime);box-shadow:0 0 22px var(--lime);animation:arrivalScan .5s ease-out forwards}
@keyframes arrivalScan{from{top:0;opacity:1}to{top:100%;opacity:0}}
.cityTag{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:7px;font-weight:900;letter-spacing:.18em}.cityTag span{padding:7px 9px;background:var(--lime);color:#050507}.cityTag b{color:#a4abb0}.motionLine{margin-top:13px;color:var(--amber);font-size:8px;font-weight:900;letter-spacing:.22em}
#music,#cinema,#shop,#photos,#about{position:relative}
#music:before,#cinema:before,#shop:before,#photos:before,#about:before{position:absolute;right:6vw;top:92px;color:#ffffff0b;font:clamp(52px,8vw,120px)/1 "Noto Sans JP",sans-serif;font-weight:900;pointer-events:none}
#music:before{content:"渋谷"}#cinema:before{content:"新宿"}#shop:before{content:"原宿"}#photos:before{content:"東京"}#about:before{content:"日本"}
.tokyoPanel{background:radial-gradient(circle at 85% 5%,#143037 0,#090b0f 25%,#050507 60%),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,80px 80px}
.ticker .tickerGroup,.ticker .tickerGroup span{animation:none!important}
.tickerTrack{animation-delay:-7s}
@media(max-width:800px){
 .arrivalBoard{inset:16px;padding:14px}.arrivalTop span:nth-child(2),.arrivalTop span:nth-child(3),.arrivalBottom span:last-child{display:none}
 .arrivalMain{left:7vw;right:7vw;top:39%}.arrivalMain h2{font-size:clamp(50px,17vw,78px)}.arrivalMain>small{font-size:6px;line-height:1.5}.arrivalRoute{gap:6px;margin-top:15px}.arrivalRoute span{font-size:6px;padding:7px}.arrivalRoute i{display:none}.arrivalMain p{font-size:6px;line-height:1.5}
 .arrivalStamp{right:8vw;top:auto;bottom:18vh;width:82px;height:82px;font-size:5px}.arrivalStamp b{font-size:20px}.arrivalBottom{left:14px;bottom:12px;font-size:5px}
 #enter{bottom:5vh!important;min-height:72px!important}.cityTag{margin-bottom:10px}.motionLine{font-size:6px}
 #music:before,#cinema:before,#shop:before,#photos:before,#about:before{top:70px;right:5vw;font-size:18vw}
}