:root{
  --ink:#111;--paper:#f3eee2;--paper2:#e9e2d0;--red:#e8322b;--yel:#ffd51e;
  --f-dis:'Archivo Black',Impact,sans-serif;--f-mono:'Space Mono',ui-monospace,monospace;--f-mk:'Permanent Marker',cursive;
  --f-jp:'Noto Sans JP',system-ui,sans-serif;--sh:5px 5px 0 var(--ink);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:var(--f-mono);color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body.lock{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}

/* ticker */
.ticker{background:var(--ink);color:var(--yel);overflow:hidden;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.12em;padding:7px 0}
.ticker-in{display:inline-flex;gap:28px;animation:tick 38s linear infinite}
@keyframes tick{to{transform:translateX(-50%)}}

/* header */
.hdr{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:24px;padding:12px clamp(16px,4vw,48px);background:var(--paper);border-bottom:3px solid var(--ink)}
.logo{font-family:var(--f-dis);font-size:20px;line-height:.9;text-decoration:none;letter-spacing:-.01em;background:var(--ink);color:var(--paper);padding:6px 9px 5px;transform:rotate(-2deg);display:inline-block}
.nav{display:flex;gap:22px;margin-left:auto;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.08em}
.nav a{text-decoration:none;position:relative}
.nav a:hover{text-decoration:underline wavy var(--red) 2px;text-underline-offset:6px}
.cart-btn{font-family:var(--f-dis);font-size:15px;border:3px solid var(--ink);padding:7px 14px;background:var(--yel);box-shadow:3px 3px 0 var(--ink);display:flex;gap:8px;align-items:center;transition:transform .1s}
.cart-btn b{background:var(--ink);color:var(--yel);min-width:24px;height:24px;border-radius:12px;display:grid;place-items:center;font-size:12px;padding:0 6px}
.cart-btn:active{transform:translate(3px,3px);box-shadow:none}
.cart-btn.bump{animation:bump .4s}
@keyframes bump{40%{transform:scale(1.15) rotate(-4deg)}}

/* hero */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:24px;padding:clamp(32px,6vw,72px) clamp(16px,4vw,48px) 0;border-bottom:3px solid var(--ink);overflow:hidden;min-height:560px;
  background:radial-gradient(circle at 1px 1px,rgba(0,0,0,.16) 1.2px,transparent 1.4px) 0 0/14px 14px}
.hero-copy{padding-bottom:64px;position:relative;z-index:2}
.kicker{font-size:12px;font-weight:700;letter-spacing:.2em;margin-bottom:14px}
.hero h1{font-family:var(--f-dis);font-size:clamp(48px,8vw,112px);line-height:.86;letter-spacing:-.02em;text-transform:uppercase}
.hl{background:var(--red);color:var(--paper);padding:0 .12em;display:inline-block;transform:rotate(-2deg);margin-top:.06em}
.lead{max-width:420px;margin:22px 0 28px;font-size:15px}
.btn{display:inline-block;font-family:var(--f-dis);font-size:17px;text-transform:uppercase;text-decoration:none;background:var(--ink);color:var(--paper);padding:14px 24px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--red);transition:transform .1s,box-shadow .1s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--red)}
.btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--red)}
.btn:disabled{opacity:.6;cursor:wait}
.hero-crew{display:flex;align-items:flex-end;justify-content:center;height:100%;position:relative;z-index:1}
.hero-crew img{width:21%;height:auto;min-width:0;margin:0 -1.2%;filter:drop-shadow(0 14px 10px rgba(0,0,0,.22));animation:pop .7s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(var(--i)*.09s)}
.hero-crew img:nth-child(5){width:17%}
@keyframes pop{from{transform:translateY(60px) scale(.8);opacity:0}}
.stk{position:absolute;z-index:3;font-family:var(--f-dis);font-size:15px;line-height:1;text-align:center;border-radius:50%;width:92px;height:92px;display:grid;place-items:center;border:3px solid var(--ink);box-shadow:var(--sh)}
.stk-a{background:var(--yel);top:44px;right:6%;transform:rotate(12deg)}
.stk-b{background:#1fc3e8;bottom:70px;left:43%;transform:rotate(-10deg)}

/* sections */
.sec{padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px);border-bottom:3px solid var(--ink)}
.sec-dark{background:var(--ink);color:var(--paper)}
.sec-h{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:36px}
.sec-h .num{font-family:var(--f-mono);font-weight:700;font-size:14px;border:2px solid currentColor;padding:2px 8px}
.sec-h h2{font-family:var(--f-dis);font-size:clamp(40px,6vw,80px);text-transform:uppercase;line-height:.9;letter-spacing:-.02em}
.sec-h p{font-size:14px;opacity:.8}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px}
.grid-tapes{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.card{position:relative;background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:var(--sh);cursor:pointer;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.sec-dark .card{box-shadow:5px 5px 0 var(--yel)}
.card:hover{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:9px 9px 0 var(--ink)}
.sec-dark .card:hover{box-shadow:9px 9px 0 var(--yel)}
.card-wide{grid-column:span 2}
.card-b{padding:12px 14px 14px;border-top:3px solid var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.card-b h3{font-family:var(--f-dis);font-size:16px;text-transform:uppercase;line-height:1.15;flex:1 1 100%}
.card-b .opt{font-size:11px;opacity:.6}
.price{font-weight:700;font-size:15px;margin-left:auto}
.add{position:absolute;top:10px;right:10px;font-family:var(--f-dis);font-size:12px;text-transform:uppercase;background:var(--yel);border:2px solid var(--ink);padding:6px 10px;box-shadow:2px 2px 0 var(--ink);z-index:3}
.add:hover{background:var(--red);color:#fff}

/* visuals */
.v{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--paper2);display:grid;place-items:center}
.v-fig{background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--c) 45%,#fff) 0 46%,transparent 47%),color-mix(in srgb,var(--c) 14%,#fff)}
.v-fig img{position:absolute;inset:8% 0 4%;margin:auto;height:88%;width:auto;filter:drop-shadow(0 10px 8px rgba(0,0,0,.2));transition:opacity .2s,transform .3s}
.v-fig .b{opacity:0;transform:scale(.94)}
.card:hover .v-fig .a{opacity:0}.card:hover .v-fig .b{opacity:1;transform:none}
.v-no{position:absolute;left:10px;top:10px;font-size:11px;font-weight:700;background:var(--ink);color:#fff;padding:2px 6px;z-index:2}
.v-wide{aspect-ratio:auto;height:100%;min-height:0;background:#fff;flex:1}
.card-wide .v-wide{aspect-ratio:1536/678;height:auto;flex:none}
.v-wide img{width:100%;height:100%;object-fit:cover}
.v-tee{background:#d8d2c2}
.v-tee .shirt{width:84%;position:absolute;filter:drop-shadow(0 8px 8px rgba(0,0,0,.25))}
.v-tee .tee-img{position:absolute;height:38%;top:30%;filter:drop-shadow(0 0 0 #fff)}
.v-tee .tee-txt{position:absolute;top:70%;font-family:var(--f-dis);color:var(--paper);font-size:clamp(10px,1.6vw,15px);letter-spacing:.04em}
.v-stk{background:#ffe9a8;display:block}
.v-stk img{position:absolute;height:44%;width:auto;transform:rotate(var(--r));
  filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(2px 3px 2px rgba(0,0,0,.3))}
.v-stk img:nth-child(1){left:8%;top:6%}.v-stk img:nth-child(2){left:38%;top:4%}.v-stk img:nth-child(3){left:66%;top:10%}
.v-stk img:nth-child(4){left:20%;top:50%}.v-stk img:nth-child(5){left:54%;top:52%}
.v-badge{background:#2a2a2a;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:6%;padding:8%}
.badge{width:28%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 40%),var(--c);border:3px solid #fff;overflow:hidden;box-shadow:0 4px 0 rgba(0,0,0,.4)}
.badge img{width:100%;height:150%;object-fit:cover;object-position:top}
.v-key{background:#bfe7f2}
.v-key .ring{position:absolute;top:7%;width:22%;aspect-ratio:1;border-radius:50%;border:5px solid #9aa;}
.v-key .acr{position:absolute;top:22%;height:68%;aspect-ratio:3/5;border-radius:22px;background:rgba(255,255,255,.55);border:2px solid rgba(255,255,255,.9);box-shadow:inset 0 0 18px rgba(255,255,255,.8),0 8px 14px rgba(0,0,0,.15);display:grid;place-items:center}
.v-key .acr img{height:86%;width:auto}
.v-tote{background:#c9d8b4}
.v-tote svg{position:absolute;width:86%;filter:drop-shadow(0 8px 8px rgba(0,0,0,.2))}
.v-tote img{position:absolute;height:40%;top:42%}
.v-tape{aspect-ratio:16/11;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--c) 22%,#fff) 0 12px,#fff 12px 24px)}
.v-tape .cass{width:82%;position:relative;z-index:1;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.85));transform:rotate(-3deg);transition:transform .3s}
.card:hover .v-tape .cass{transform:rotate(0)}
.reel{transform-box:fill-box;transform-origin:center}
.card:hover .reel{animation:spin 1.4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.v-tape .peek{position:absolute;right:-2%;bottom:-6%;height:52%;width:auto;z-index:2;transform:rotate(8deg);transition:transform .3s}
.card:hover .v-tape .peek{transform:rotate(0) translateY(-6%)}

/* crew */
.sec-crew{background:var(--yel)}
.crew{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px}
.member{background:#fff;border:3px solid var(--ink);box-shadow:var(--sh);padding:16px;text-align:left}
.member img{height:220px;width:auto;margin:0 auto 12px;filter:drop-shadow(0 8px 6px rgba(0,0,0,.2))}
.member h3{font-family:var(--f-dis);font-size:26px;line-height:1;background:var(--c);display:inline-block;padding:3px 8px;border:2px solid var(--ink);margin-bottom:8px}
.member:nth-child(5) h3{color:#fff}
.member p{font-size:13px;min-height:3em}
.member a{font-weight:700;font-size:13px}

/* footer */
.ftr{padding:40px clamp(16px,4vw,48px);display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;background:var(--ink);color:var(--paper)}
.logo-sm{background:var(--paper);color:var(--ink);font-size:16px}
.ftr-links{display:flex;flex-wrap:wrap;gap:18px;font-size:13px}
.ftr-links a{font-family:var(--f-jp)}
.copy{font-size:11px;opacity:.6;flex-basis:100%}

/* modal */
.modal,.drawer{position:fixed;inset:0;z-index:60}
.modal-bg,.drawer-bg{position:absolute;inset:0;background:rgba(17,17,17,.6)}
.modal-box{position:relative;margin:4vh auto;width:min(980px,94vw);max-height:92vh;overflow:auto;background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);animation:mIn .25s ease-out}
@keyframes mIn{from{transform:translateY(20px) rotate(-1deg);opacity:0}}
.x{position:absolute;top:10px;right:12px;font-size:30px;line-height:1;z-index:5;width:40px;height:40px;background:var(--ink);color:#fff}
.modal-body{display:grid;grid-template-columns:1.1fr 1fr}
.m-vis{border-right:3px solid var(--ink)}
.m-vis .v{height:100%;min-height:380px;aspect-ratio:auto}
.m-info{padding:36px 30px}
.m-info h2{font-family:var(--f-dis);font-size:clamp(26px,3.4vw,40px);text-transform:uppercase;line-height:1}
.m-price{font-size:22px;font-weight:700;margin:12px 0}
.m-price small{font-size:12px;opacity:.6}
.m-desc{font-size:14px;margin-bottom:18px}
.tracks{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px;background:#fff;border:2px solid var(--ink);padding:12px 14px;margin-bottom:18px}
.tracks ol{padding-left:18px;margin-top:4px}
.sizes{display:flex;gap:8px;margin-bottom:18px}
.sizes input{position:absolute;opacity:0}
.sizes span{display:grid;place-items:center;min-width:46px;height:42px;border:3px solid var(--ink);font-weight:700;cursor:pointer;background:#fff}
.sizes input:checked+span{background:var(--ink);color:var(--yel)}
.sizes input:focus-visible+span{outline:3px solid var(--red)}
.m-buy{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}
.qty{display:flex;border:3px solid var(--ink);background:#fff}
.qty button{width:40px;font-size:20px;font-weight:700}
.qty input{width:44px;text-align:center;border:0;border-inline:2px solid var(--ink);font:inherit;font-weight:700}
.qty.sm{border-width:2px;width:max-content}.qty.sm button{width:30px;height:28px;font-size:16px}
.qty.sm span{min-width:30px;display:grid;place-items:center;border-inline:2px solid var(--ink);font-weight:700;font-size:13px}

/* drawer (JP) */
.drawer-box{position:absolute;right:0;top:0;bottom:0;width:min(420px,100vw);background:var(--paper);border-left:3px solid var(--ink);display:flex;flex-direction:column;font-family:var(--f-jp);animation:dIn .25s ease-out}
@keyframes dIn{from{transform:translateX(100%)}}
.drawer-h{position:relative;padding:20px 22px;border-bottom:3px solid var(--ink);background:var(--yel)}
.drawer-h h3{font-weight:900;font-size:22px}
.drawer-h .x{top:14px}
.cart-items{flex:1;overflow:auto;padding:8px 22px}
.empty{text-align:center;padding:60px 0;font-size:14px;line-height:2}
.ci{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:14px 0;border-bottom:2px dashed rgba(0,0,0,.25);align-items:start}
.ci-img{width:72px;height:72px;border:2px solid var(--ink);background:color-mix(in srgb,var(--c) 25%,#fff);display:grid;place-items:center;overflow:hidden}
.ci-img img{height:90%;width:auto}
.ci-n{font-weight:700;font-size:13px;line-height:1.4}
.ci-n span{display:block;font-weight:500;font-size:12px;opacity:.7}
.ci-p{font-size:13px;margin:2px 0 6px}
.ci-x{font-size:12px;text-decoration:underline;opacity:.7}
.cart-foot{padding:18px 22px 22px;border-top:3px solid var(--ink);background:#fff}
.free{font-size:13px;background:var(--paper2);padding:8px 10px;margin-bottom:12px}
.free b{color:var(--red)}.free.ok{background:#d8f0c4}
.cart-foot dl{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:14px;margin-bottom:14px}
.cart-foot dd{text-align:right;font-weight:700}
.cart-foot .t{font-size:17px;font-weight:900;border-top:2px solid var(--ink);padding-top:8px;margin-top:4px}
.btn-full{width:100%;font-family:var(--f-jp);font-weight:900;font-size:18px}
.note{font-size:11px;opacity:.65;margin-top:10px;line-height:1.6}

.toast{opacity:0;position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);z-index:80;background:var(--ink);color:var(--yel);font-family:var(--f-jp);font-weight:700;font-size:14px;padding:12px 20px;border:3px solid var(--yel);transition:transform .25s;max-width:90vw}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* sub pages */
.page{max-width:820px;margin:0 auto;padding:56px clamp(16px,4vw,32px) 80px}
.page h1{font-family:var(--f-dis);font-size:clamp(34px,5vw,56px);line-height:1;text-transform:uppercase;margin-bottom:24px}
.page table{width:100%;border-collapse:collapse;background:#fff;border:3px solid var(--ink);font-family:var(--f-jp);font-size:14px}
.page th,.page td{border:1px solid #bbb;padding:12px 14px;text-align:left;vertical-align:top}
.page th{width:30%;background:var(--paper2);font-weight:700}
.page h2{font-family:var(--f-dis);font-size:24px;margin:40px 0 12px;text-transform:uppercase}
.page p.jp{font-family:var(--f-jp);font-size:14px}

@media (max-width:860px){
  .nav{display:none}
  .cart-btn{margin-left:auto}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding-bottom:12px}
  .stk{width:70px;height:70px;font-size:12px}
  .stk-a{top:24px;right:4%}.stk-b{display:none}
  .modal-body{grid-template-columns:1fr}
  .m-vis{border-right:0;border-bottom:3px solid var(--ink)}
  .m-vis .v{min-height:260px;aspect-ratio:1/1}
  .m-info{padding:24px 20px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .grid-tapes{grid-template-columns:1fr}
  .crew{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .member img{height:150px}
  .member h3{font-size:20px}
  .card-b h3{font-size:13px}
  .add{font-size:10px;padding:4px 7px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== v2 additions ===== */
.lang{display:flex;border:3px solid var(--ink);margin-left:8px}
.lang button{font-family:var(--f-mono);font-weight:700;font-size:12px;padding:6px 9px;background:var(--paper)}
.lang button.on{background:var(--ink);color:var(--yel)}
.nav{gap:18px}
.hero-crew a{display:contents}
.sec-why{background:var(--paper2)}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.why-i{background:#fff;border:3px solid var(--ink);box-shadow:var(--sh);padding:22px}
.why-n{font-family:var(--f-dis);font-size:42px;line-height:1;color:var(--red);display:block;margin-bottom:10px}
.why-i h3{font-family:var(--f-dis);font-size:19px;line-height:1.2;margin-bottom:10px}
html[lang=ja] .why-i h3{font-family:var(--f-jp);font-weight:900}
.why-i p{font-size:13.5px}
html[lang=ja] .why-i p,html[lang=ja] .lead,html[lang=ja] .m-desc,html[lang=ja] .member p,html[lang=ja] .ch-story,html[lang=ja] .sec-h p{font-family:var(--f-jp)}
.member{display:block;text-decoration:none;color:inherit;transition:transform .15s}
.member:hover{transform:translate(-3px,-3px) rotate(-1deg)}
.member .role{display:block;font-size:12px;font-weight:700;margin-bottom:6px;opacity:.7}
.member .more{font-weight:700;font-size:13px;text-decoration:underline}
.crew-sm .member img{height:160px}
.crew-links{display:flex;gap:8px;flex-wrap:wrap}
.crew-links a{font-family:var(--f-dis);font-size:13px;text-decoration:none;background:var(--c);color:var(--ink);padding:3px 8px;border:2px solid var(--paper)}
.crew-links a:last-child{color:#fff}
.opt-l{font-size:12px;font-weight:700;margin-bottom:6px}
.sizes{flex-wrap:wrap}
.sizes span{padding:0 10px}
.m-crew{display:inline-block;margin-top:18px;font-weight:700;font-size:13px;border-bottom:3px solid var(--c)}
/* new visuals */
.v-blind{background:#ffd8e4}
.v-blind .box{position:relative;width:62%;aspect-ratio:1;background:#111;border:4px solid #111;box-shadow:8px 8px 0 #e8322b;display:grid;place-items:center;transform:rotate(-4deg);overflow:hidden}
.v-blind .q{font-family:var(--f-dis);font-size:clamp(60px,9vw,110px);color:var(--yel);line-height:1;z-index:2}
.v-blind .bt{position:absolute;top:8px;left:10px;font-family:var(--f-dis);color:#fff;font-size:12px;line-height:1;z-index:2}
.v-blind img{position:absolute;bottom:-14%;height:42%;left:calc(var(--i)*19% - 4%);filter:brightness(0) opacity(.45)}
.v-hoodie{background:#e7e1d1}
.v-hoodie .tee-img{top:38%;height:30%}
.v-cap{background:#d9cff0}.v-cap svg{width:80%}
.v-socks{background:#2a2a2a}.v-socks svg{width:80%}
.v-bandana{background:#f5d76e}
.v-bandana .bd{width:62%;aspect-ratio:1;transform:rotate(45deg);background:radial-gradient(circle at 50% 50%,transparent 18%,#fff 19% 21%,transparent 22%) 0 0/34px 34px,radial-gradient(circle,#fff 2px,transparent 3px) 17px 17px/34px 34px,#2c50c8;border:6px double #fff;box-shadow:0 10px 18px rgba(0,0,0,.25)}
.v-poster{background:#c9c2b0}
.v-poster .pf{width:66%;aspect-ratio:515/728;background:#fff;border:3px solid #111;box-shadow:8px 8px 0 #111;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px}
.v-poster .pf img{width:100%;height:auto}
.v-poster .pf b{font-family:var(--f-dis);font-size:clamp(10px,1.6vw,16px)}
.v-zine{background:#bfe0d4}
.v-zine .zc{position:relative;width:58%;aspect-ratio:3/4;background:#ff6a13;border:3px solid #111;box-shadow:6px 6px 0 #111;transform:rotate(3deg);padding:12px;overflow:hidden}
.v-zine .zc b{font-family:var(--f-dis);font-size:clamp(16px,2.6vw,28px);line-height:.9;display:block}
.v-zine .zc i{font-family:var(--f-mk);font-style:normal;font-size:clamp(12px,1.6vw,16px)}
.v-zine .zc img{position:absolute;right:-8%;bottom:-6%;height:62%;filter:grayscale(1) contrast(1.4)}
.v-tapebox{background:#2a2a2a;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.v-tapebox .tb{width:64%;height:13%;background:var(--c);border:3px solid #111;font-family:var(--f-dis);font-size:12px;display:flex;align-items:center;padding-left:10px;transform:translateX(calc((var(--i) - 2) * 6px))}
.v-tapebox .tb:last-child{color:#fff}
/* character page */
.ch-hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:24px;align-items:center;padding:clamp(28px,5vw,64px) clamp(16px,4vw,48px);border-bottom:3px solid var(--ink);background:radial-gradient(circle at 70% 55%,color-mix(in srgb,var(--c) 55%,#fff) 0 32%,transparent 33%),radial-gradient(circle at 1px 1px,rgba(0,0,0,.14) 1.2px,transparent 1.4px) 0 0/14px 14px}
.ch-back{font-size:13px;font-weight:700;display:inline-block;margin-bottom:18px}
.ch-name{font-family:var(--f-dis);font-size:clamp(64px,12vw,160px);line-height:.85;letter-spacing:-.03em;-webkit-text-stroke:3px var(--ink);color:var(--c);text-shadow:6px 6px 0 var(--ink)}
.ch-kana{font-family:var(--f-jp);font-weight:900;font-size:18px;margin-top:8px}
.ch-quote{font-family:var(--f-mk);font-size:clamp(22px,3vw,32px);margin:18px 0 12px;transform:rotate(-2deg);display:inline-block;background:var(--yel);padding:2px 10px}
.ch-story{max-width:560px;font-size:15px;margin-bottom:24px}
.ch-fig{display:grid;place-items:center}
.ch-fig img{max-height:520px;width:auto;filter:drop-shadow(0 16px 12px rgba(0,0,0,.25));animation:pop .7s cubic-bezier(.2,1.6,.4,1) both}
.ch-prof{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:start}
.ch-prof dl{display:grid;grid-template-columns:auto 1fr;background:#fff;border:3px solid var(--ink);box-shadow:var(--sh)}
.ch-prof dt,.ch-prof dd{padding:12px 14px;border-bottom:2px dashed rgba(0,0,0,.2);font-size:14px}
.ch-prof dt{font-weight:700;background:color-mix(in srgb,var(--c) 30%,#fff);white-space:nowrap}
html[lang=ja] .ch-prof dd,html[lang=ja] .ch-prof dt{font-family:var(--f-jp)}
.ch-poses{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ch-poses img{background:color-mix(in srgb,var(--c) 18%,#fff);border:3px solid var(--ink);padding:10px;aspect-ratio:3/4;object-fit:contain;width:100%;height:auto}
.ok-page{text-align:center}.ok-img{height:260px;margin:0 auto 20px;width:auto}
@media (max-width:860px){
  .lang{margin-left:auto}.cart-btn{margin-left:8px}
  .ch-hero,.ch-prof{grid-template-columns:1fr}
  .ch-fig{order:-1}.ch-fig img{max-height:300px}
  .crew-sm .member img{height:120px}
}
.v-hoodie .shirt{width:84%;position:absolute;filter:drop-shadow(0 8px 8px rgba(0,0,0,.25))}
.v-hoodie .tee-img{position:absolute;top:38%;height:30%;width:auto}
.v-blind img{filter:brightness(0) invert(1) opacity(.22)}
/* ===== v3: two doors ===== */
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.door{display:flex;flex-direction:column;gap:2px;text-decoration:none;border:3px solid var(--ink);padding:12px 18px;min-width:220px;transition:transform .1s,box-shadow .1s}
.door small{font-size:11px;font-weight:700;letter-spacing:.08em;opacity:.75}
.door b{font-family:var(--f-dis);font-size:18px;text-transform:uppercase}
html[lang=ja] .door b{font-family:var(--f-jp);font-weight:900}
.door-a{background:var(--ink);color:var(--yel);box-shadow:5px 5px 0 var(--red)}
.door-b{background:var(--yel);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.door:hover{transform:translate(-2px,-2px)}
.pull{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(40px,6vw,80px) clamp(16px,4vw,48px);background:#ffd8e4;border-bottom:3px solid var(--ink)}
.pull-box{position:relative;width:min(380px,80%);aspect-ratio:1;margin:0 auto;background:#111;border:4px solid #111;box-shadow:12px 12px 0 var(--red);display:grid;place-items:center;transform:rotate(-4deg);overflow:hidden;animation:shake 3.2s ease-in-out infinite}
@keyframes shake{0%,82%,100%{transform:rotate(-4deg)}85%{transform:rotate(-1deg)}88%{transform:rotate(-7deg)}91%{transform:rotate(-2deg)}94%{transform:rotate(-5deg)}}
.pull-box .q{font-family:var(--f-dis);font-size:clamp(120px,16vw,200px);color:var(--yel);line-height:1;z-index:2}
.pull-box .bt{position:absolute;top:12px;left:14px;font-family:var(--f-dis);color:#fff;font-size:18px;line-height:1;z-index:2}
.pull-box img{position:absolute;bottom:-12%;height:40%;left:calc(var(--i)*19% - 4%);filter:brightness(0) invert(1) opacity(.2)}
.pull-lineup{display:flex;justify-content:center;gap:6px;margin-top:28px}
.pull-lineup a{width:56px;height:56px;border-radius:50%;border:3px solid var(--ink);background:var(--c);overflow:hidden;display:block}
.pull-lineup img{width:100%;height:160%;object-fit:cover;object-position:top}
.pull-copy h2{font-family:var(--f-dis);font-size:clamp(44px,7vw,92px);line-height:.9;text-transform:uppercase;margin:6px 0 16px}
html[lang=ja] .pull-copy h2{font-family:var(--f-jp);font-weight:900}
.pull-copy p{font-size:15px;max-width:520px;margin-bottom:20px}
html[lang=ja] .pull-copy p{font-family:var(--f-jp)}
.pull-note{font-size:13px!important;margin-top:16px;opacity:.8}
.culture{display:grid;gap:18px}
.cul{display:grid;grid-template-columns:150px 1fr;background:var(--paper);color:var(--ink);border:3px solid var(--c);box-shadow:6px 6px 0 var(--c)}
.cul-y{font-family:var(--f-dis);font-size:56px;display:grid;place-items:center;background:var(--c);color:var(--ink);border-right:3px solid var(--ink)}
.cul:nth-child(5) .cul-y{color:#fff}
.cul-b{padding:18px 22px}
.cul-b h3{font-family:var(--f-dis);font-size:22px;text-transform:uppercase;margin-bottom:6px}
html[lang=ja] .cul-b h3{font-family:var(--f-jp);font-weight:900}
.cul-b p{font-size:14px;max-width:760px;margin-bottom:14px}
html[lang=ja] .cul-b p{font-family:var(--f-jp)}
.cul-act{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.cul-who{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;text-decoration:none;border:2px solid var(--ink);padding:4px 12px 4px 4px;background:#fff}
.cul-who img{width:34px;height:34px;object-fit:cover;object-position:top;border-radius:50%;background:var(--c)}
.cul-tape{font-family:var(--f-mono);font-weight:700;font-size:13px;background:var(--ink);color:var(--yel);padding:8px 14px;border:2px solid var(--ink)}
.cul-tape:hover{background:var(--red);color:#fff}
.xsell{margin-top:20px;border-top:2px dashed rgba(0,0,0,.3);padding-top:14px}
.xsell p{font-size:12px;font-weight:700;margin-bottom:8px}
html[lang=ja] .xsell p{font-family:var(--f-jp)}
.xs-row{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--ink);padding:8px}
.xs-row img{width:48px;height:48px;object-fit:contain}
.xs-row span{font-size:13px;flex:1}
.xs-tape{flex:0 0 auto!important;width:56px;height:36px;display:grid;place-items:center;background:var(--c);border:2px solid var(--ink);font-family:var(--f-dis);font-size:11px}
.add-s{font-family:var(--f-dis);font-size:12px;background:var(--yel);border:2px solid var(--ink);padding:6px 10px}
.why2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.why2-i{position:relative;display:block;text-decoration:none;color:inherit;border:3px solid var(--ink);box-shadow:var(--sh);padding:28px 26px;transition:transform .15s}
.why2-i:hover{transform:translate(-3px,-3px)}
.why2-a{background:var(--yel)}.why2-b{background:#ffd8e4}
.why2-tag{position:absolute;top:-16px;left:20px;font-family:var(--f-dis);background:var(--ink);color:#fff;padding:2px 10px}
.why2-i h3{font-family:var(--f-dis);font-size:24px;line-height:1.1;margin-bottom:12px;text-transform:uppercase}
html[lang=ja] .why2-i h3,html[lang=ja] .why2-i p,html[lang=ja] .why2-i b{font-family:var(--f-jp);font-weight:900}
html[lang=ja] .why2-i p{font-weight:500}
.why2-i p{font-size:14px;margin-bottom:16px}
.why2-i b{font-size:14px;text-decoration:underline}
@media (max-width:860px){
  .pull,.why2{grid-template-columns:1fr}
  .cul{grid-template-columns:1fr}.cul-y{font-size:36px;border-right:0;border-bottom:3px solid var(--ink);padding:6px}
  .door{min-width:0;flex:1 1 100%}
}
/* ===== v4: culture ===== */
html[lang=ja] .tl-y li,html[lang=ja] .room-card,html[lang=ja] .pk-i,html[lang=ja] .note li,html[lang=ja] .pager-list,html[lang=ja] .sc-card-b p,html[lang=ja] .scn-es-t p,html[lang=ja] .mo-t p,html[lang=ja] .then,html[lang=ja] .moment p,html[lang=ja] .now p,html[lang=ja] .liner,html[lang=ja] .cu-hero .lead,html[lang=ja] .scn-hero .lead,html[lang=ja] .scn-tape-b p{font-family:var(--f-jp)}
html[lang=ja] .cu-hero h1,html[lang=ja] .scn-hero h1,html[lang=ja] .scn-es-t h2,html[lang=ja] .sc-card-b h3,html[lang=ja] .moment h3,html[lang=ja] .pk-i h3,html[lang=ja] .room-card h3,html[lang=ja] .now h2,html[lang=ja] .scn-nav b,html[lang=ja] .scn-link h3{font-family:var(--f-jp);font-weight:900}
.cu-hero,.scn-hero{position:relative;min-height:88vh;display:grid;align-items:end;overflow:hidden;border-bottom:3px solid var(--ink);background:#000}
.cu-hero-v,.scn-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.cu-hero::after,.scn-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.85));pointer-events:none}
.cu-hero-c,.scn-hero-c{position:relative;z-index:2;color:#fff;padding:clamp(24px,5vw,64px) clamp(16px,4vw,48px)}
.cu-hero h1,.scn-hero h1{font-family:var(--f-dis);font-size:clamp(56px,11vw,150px);line-height:.88;text-transform:uppercase;text-shadow:5px 5px 0 #e8322b;margin:8px 0 16px}
.cu-hero .lead,.scn-hero .lead{max-width:640px;font-size:16px;color:#eee}
.cu-scroll{display:inline-block;margin-top:24px;font-weight:700;animation:bob 1.6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(6px)}}
.scn-y{font-family:var(--f-dis);font-size:22px;background:var(--c);color:#111;padding:2px 10px;display:inline-block;margin-top:10px}
.scn-hero .ch-back{color:#fff}
/* timeline */
.tl{display:flex;gap:18px;overflow-x:auto;padding:6px 6px 22px;scroll-snap-type:x mandatory}
.tl-y{flex:0 0 min(320px,80vw);scroll-snap-align:start;background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--c);padding:18px;position:relative}
.tl-y h3{font-family:var(--f-dis);font-size:64px;line-height:1;color:var(--c);-webkit-text-stroke:2px var(--ink)}
.tl-y img{position:absolute;right:8px;top:8px;height:110px;width:auto}
.tl-y ul{margin-top:14px;padding-left:18px;font-size:14px;display:grid;gap:8px}
/* room */
.room{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:20px;align-items:center}
.room-svg{width:100%;height:auto;border:4px solid #fff;display:block}
.hot{cursor:pointer}.hot circle{transition:r .15s}.hot:hover circle,.hot.on circle{r:28;fill:#ffd51e}.hot.on text,.hot:hover text{fill:#111}
.room-card{background:var(--yel);color:var(--ink);border:3px solid #fff;padding:20px;min-height:200px}
.room-card b{font-family:var(--f-dis);font-size:44px;line-height:1}
.room-card h3{font-family:var(--f-dis);font-size:22px;margin:8px 0}
.room-card p{font-size:14px}
/* pocket */
.pk{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.pk-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.pk-i{background:#fff;border:3px solid var(--ink);box-shadow:var(--sh);padding:16px;transform:rotate(var(--r));transition:transform .2s}
.pk-i:hover{transform:rotate(0) scale(1.04)}
.pk-i .il{width:100%;height:120px;margin-bottom:10px}
.pk-i h3{font-family:var(--f-dis);font-size:16px;margin-bottom:4px}
.pk-i p{font-size:13px;opacity:.8}
/* notebook */
.sec-paper{background:#fbf8ee;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#cfe0ef 31px 32px)}
.note{list-style:none;counter-reset:n;max-width:860px;display:grid;gap:4px}
.note li{counter-increment:n;font-family:var(--f-mk);font-size:clamp(18px,2.2vw,24px);line-height:1.5;padding-left:52px;position:relative}
html[lang=ja] .note li{font-size:clamp(16px,1.9vw,20px);font-weight:700}
.note li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;color:#e8322b;font-family:var(--f-dis)}
.note-2 li::before{content:"✓"}
.ritual{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:30px;align-items:center}
.ritual-pic .il{width:100%;max-width:380px;overflow:visible}
.spin{transform-origin:72px 66px;animation:spin 2.4s linear infinite}
/* pager */
.pager{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}
.pager-dev{background:#3a6ad9;border:5px solid #fff;border-radius:28px;padding:28px;display:flex;gap:18px;align-items:center;max-width:460px}
.pager-scr{flex:1;background:#bcd9a2;color:#223;font-family:var(--f-mono);font-weight:700;font-size:clamp(36px,6vw,64px);padding:14px 18px;border:4px solid #111;letter-spacing:.08em}
.pager-scr.beep{animation:beep .5s steps(2) 3}
@keyframes beep{50%{background:#e6ffd0}}
.pager-btn{background:var(--yel);border:4px solid #111;font-family:var(--f-dis);padding:16px 14px;border-radius:12px}
.pager-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pager-list li{border:2px solid #fff;padding:10px 12px;display:flex;gap:12px;align-items:baseline}
.pager-list b{font-family:var(--f-mono);font-size:20px;color:var(--yel)}
/* polaroids */
.pola{background:#fff;padding:12px 12px 14px;border:1px solid #ddd;box-shadow:0 10px 24px rgba(0,0,0,.28);transform:rotate(var(--r));transition:transform .2s;color:#111}
.pola:hover{transform:rotate(0) scale(1.03);z-index:2}
.pola-img{position:relative;aspect-ratio:1;overflow:hidden;background:#222;filter:saturate(1.15) contrast(1.05) sepia(.12)}
.pola-img .bg{position:absolute;inset:0;width:100%;height:100%}
.pola-img img{position:absolute;left:50%;bottom:-2%;height:88%;width:auto;transform:translateX(-50%);filter:drop-shadow(0 8px 6px rgba(0,0,0,.35))}
.pola-img::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 55%,rgba(0,0,0,.35)),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 2px,transparent 2px 4px);pointer-events:none}
.pola figcaption{font-family:var(--f-mk);font-size:18px;margin-top:10px;text-align:center}
html[lang=ja] .pola figcaption{font-size:15px;font-family:var(--f-jp);font-weight:700}
.sec-fridge{background:#dfe6e8}
.fridge{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:26px}
.fridge a{text-decoration:none}
/* scene cards */
.sc-cards{display:grid;gap:22px}
.sc-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);text-decoration:none;color:inherit;background:var(--paper);color:var(--ink);border:3px solid var(--c);box-shadow:8px 8px 0 var(--c);transition:transform .15s}
.sc-card:hover{transform:translate(-3px,-3px)}
.sc-card video{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;display:block;border-right:3px solid var(--ink)}
.sc-card-b{padding:22px 24px}
.sc-y{font-family:var(--f-dis);font-size:18px;background:var(--c);padding:2px 8px;border:2px solid var(--ink)}
.sc-card-b h3{font-family:var(--f-dis);font-size:clamp(22px,3vw,34px);text-transform:uppercase;margin:12px 0 8px;line-height:1}
.sc-card-b p{font-size:14px;margin-bottom:12px}
.sc-card-b b{text-decoration:underline}
/* scene essay */
.scn-es{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(20px,5vw,72px);align-items:center;padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px);border-bottom:3px solid var(--ink)}
.scn-es.rev{direction:rtl}.scn-es.rev>*{direction:ltr}
.scn-es:nth-of-type(odd){background:color-mix(in srgb,var(--c) 12%,var(--paper))}
.scn-es-t .num{font-family:var(--f-mono);font-weight:700;border:2px solid currentColor;padding:2px 8px;font-size:13px}
.scn-es-t h2{font-family:var(--f-dis);font-size:clamp(32px,5vw,60px);line-height:1;text-transform:uppercase;margin:14px 0 16px}
.scn-es-t p{font-size:16px;line-height:1.9;max-width:620px}
.scn-es-p{position:relative}
.scn-es-p .pola{max-width:400px;margin:0 auto}
.scn-il{position:absolute;right:-6%;bottom:-10%;width:42%;transform:rotate(8deg)}
.scn-il .il{width:100%;height:auto;filter:drop-shadow(4px 6px 0 rgba(0,0,0,.6))}
.mo{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:40px;align-items:center}
.mo-p .pola{max-width:420px}
.mo-t p{font-size:clamp(18px,2.2vw,24px);line-height:1.7;margin-bottom:26px}
.scn-tape{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:30px;align-items:start}
.scn-tape-v .v{border:3px solid var(--ink);box-shadow:var(--sh)}
.scn-tape-b h3{font-family:var(--f-dis);font-size:32px;margin-bottom:8px}
.liner-h{font-weight:700;font-size:13px;margin-top:6px}
.liner{font-style:italic;font-size:14px;margin:4px 0}
.scn-buy{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.btn-alt{background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--c)}
.scn-nav{display:grid;grid-template-columns:1fr 1fr;border-bottom:3px solid var(--ink)}
.scn-nav a{padding:28px clamp(16px,4vw,48px);text-decoration:none;background:var(--c);border-right:3px solid var(--ink)}
.scn-nav a:last-child{text-align:right;border-right:0}
.scn-nav small{display:block;font-weight:700;font-size:12px}
.scn-nav b{font-family:var(--f-dis);font-size:clamp(18px,2.4vw,28px)}
/* deep crew */
.then{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:30px;align-items:start}
.then dl{display:grid;grid-template-columns:auto 1fr;background:#fff;border:3px solid var(--ink);box-shadow:var(--sh)}
.then dt,.then dd{padding:12px 14px;border-bottom:2px dashed rgba(0,0,0,.2);font-size:14px}
.then dt{font-weight:700;background:color-mix(in srgb,var(--c) 30%,#fff);white-space:nowrap}
.then-room .pola{max-width:320px;margin:0 auto}
.moments{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}
.moment h3{font-family:var(--f-dis);font-size:20px;margin:18px 0 6px;display:flex;gap:10px;align-items:baseline}
.moment h3 span{background:var(--c);color:#111;padding:0 8px;font-size:15px}
.moment p{font-size:14px;opacity:.9}
.scn-link{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);text-decoration:none;color:inherit;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--c);background:#fff}
.scn-link video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-right:3px solid var(--ink)}
.scn-link>div{padding:24px}.scn-link h3{font-family:var(--f-dis);font-size:clamp(22px,3vw,34px);margin:12px 0}
.scn-link b{text-decoration:underline}
.sec-now{background:#111;color:#fff;text-align:center}
.now{max-width:760px;margin:0 auto}
.now-y{font-family:var(--f-dis);font-size:clamp(64px,10vw,120px);color:var(--c);line-height:1;display:block}
.now h2{font-family:var(--f-dis);font-size:28px;margin:6px 0 14px}
.now p{font-size:17px;line-height:1.8}
.cul-in{font-family:var(--f-dis);font-size:13px;background:var(--c);border:2px solid var(--ink);padding:8px 14px;text-decoration:none}
@media (max-width:860px){
  .room,.ritual,.pager,.sc-card,.scn-es,.mo,.scn-tape,.then,.scn-link{grid-template-columns:1fr}
  .scn-es.rev{direction:ltr}
  .sc-card video,.scn-link video{border-right:0;border-bottom:3px solid var(--ink)}
  .pager-list{grid-template-columns:1fr}
  .scn-nav{grid-template-columns:1fr}.scn-nav a{border-right:0;border-bottom:3px solid var(--ink);text-align:left!important}
  .cu-hero,.scn-hero{min-height:72vh}
}
.scn-es{overflow:hidden}@media (max-width:860px){.scn-il{right:0;width:34%}}
.pager-btn{color:#111}.cu-hero-v{opacity:.6}
html[lang=ja] .scn-hero h1,html[lang=ja] .cu-hero h1{font-size:clamp(40px,7vw,100px);line-height:1.05;word-break:keep-all;overflow-wrap:anywhere}
/* ===== v5: film photos + stand ===== */
.pola-img img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;left:0;bottom:auto;transform:none;filter:none}
.pola.is-ph .pola-img{filter:saturate(1.05) contrast(1.02)}
.stand{position:absolute;pointer-events:none;opacity:.42;mix-blend-mode:screen;filter:drop-shadow(0 0 10px var(--c)) drop-shadow(0 0 22px var(--c)) saturate(1.5) brightness(1.15);animation:standF 4.5s ease-in-out infinite}
.pola-img .stand{right:-8%;bottom:4%;height:78%;width:auto;left:auto;transform:none}
@keyframes standF{50%{translate:0 -6px;opacity:.5}}
.ch-ph{position:relative;align-self:stretch;display:grid;place-items:center;padding:24px}
.ch-ph .ph{width:min(100%,520px);aspect-ratio:4/5;object-fit:cover;border:10px solid #fff;box-shadow:0 18px 40px rgba(0,0,0,.35);transform:rotate(2deg);filter:saturate(1.05)}
.ch-ph .stand{right:2%;top:2%;height:70%;opacity:.38;mix-blend-mode:normal;filter:drop-shadow(0 0 14px var(--c)) drop-shadow(0 0 30px var(--c)) saturate(1.3) blur(.4px)}
.stand-n{position:absolute;right:4%;top:2%;font-family:var(--f-dis);font-size:14px;color:var(--c);letter-spacing:.2em;writing-mode:vertical-rl;text-shadow:0 0 8px #fff}
.kb{position:absolute;inset:0;overflow:hidden}
.kb img{width:100%;height:100%;object-fit:cover;animation:kb 18s ease-in-out infinite alternate;filter:saturate(1.1) contrast(1.05)}
.kb::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px);mix-blend-mode:multiply}
@keyframes kb{to{transform:scale(1.12) translate(-2%,-1%)}}
.tl-y{padding-top:0}.tl-ph{margin:0 -18px 12px;aspect-ratio:4/3;overflow:hidden;border-bottom:3px solid var(--ink)}
.tl-ph img{width:100%;height:100%;object-fit:cover;display:block}
.tl-y:not(:has(.tl-ph)){padding-top:18px}
.room-ph{position:relative;border:4px solid #fff}.room-ph img{width:100%;display:block}
.hot-b{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#e8322b;color:#fff;border:3px solid #fff;font-weight:700;cursor:pointer;animation:pulse 1.6s infinite}
.hot-b.on,.hot-b:hover{background:var(--yel);color:#111}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(232,50,43,.25)}}
.pk-ph{height:150px;margin:-16px -16px 12px;overflow:hidden;border-bottom:3px solid var(--ink)}.pk-ph img{width:100%;height:100%;object-fit:cover;display:block}
.now-ph{max-width:560px;margin:0 auto 22px;border:8px solid #fff}.now-ph img{width:100%;display:block}
.scn-tape-v .peek{display:none}
.ch-ph .stand{right:-4%;top:-6%;height:86%;opacity:.3;filter:drop-shadow(0 0 16px var(--c)) drop-shadow(0 0 42px var(--c)) brightness(1.25) saturate(1.2) blur(.6px)}
.ch-ph::after{content:"ゴ ゴ ゴ ゴ";position:absolute;left:2%;bottom:6%;font-family:var(--f-jp);font-weight:900;font-size:clamp(22px,2.6vw,36px);color:var(--ink);letter-spacing:.15em;transform:rotate(-8deg);opacity:.75;text-shadow:3px 3px 0 #fff}
.pola-img .stand{opacity:.34}