@import url('/wp-content/novamira-sandbox/highrollers-preview/binder.css');
@import url('/wp-content/novamira-sandbox/highrollers-preview/stacking-card.css');
/* Campaign imagery and real products remain independent layers. */
body{isolation:isolate}
.background-particles{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
html[data-motion=off] .background-particles{display:none}
@media(prefers-reduced-motion:reduce){.background-particles{display:none}}
/* Editorial product rail: neutral mounts leave the original packaging legible. */
.collection-intro{max-width:48ch;margin:18px 0 0;font-size:15px;line-height:1.55;color:#666258}
.collection-piece{perspective:1100px;--rail-x:0deg;--rail-y:0deg;--glint-x:50%}
.collection-piece .collection-image{transform:rotateX(var(--rail-y)) rotateY(var(--rail-x));transition:transform .3s ease,box-shadow .3s ease;isolation:isolate}
.collection-image::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--glint-x) 25%,#fff9,transparent 65%),linear-gradient(115deg,transparent 30%,#b8d3dd55 42%,#fff9 48%,#dfc5d855 54%,transparent 67%);opacity:0;transform:translateX(-25%);transition:opacity .35s,transform .65s;pointer-events:none;z-index:-1}
.collection-piece:hover .collection-image::before,.collection-piece:focus-visible .collection-image::before{opacity:1;transform:translateX(0)}
.collection-piece:hover .collection-image{box-shadow:0 12px 20px -18px #392f2570}
.collection-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.collection-open{font-size:12px;display:flex;align-items:center;gap:10px;color:#696458}.collection-open>span{display:inline-block;transition:transform .25s}
.collection-piece:hover .collection-open,.collection-piece:focus-visible .collection-open{color:#25241f}.collection-piece:hover .collection-open>span{transform:translate(3px,-3px)}
html[data-motion=off] .collection-piece .collection-image{transform:none;transition:none}html[data-motion=off] .collection-image::before{display:none}
@media(prefers-reduced-motion:reduce),(hover:none){.collection-piece .collection-image{transform:none!important}.collection-image::before{display:none}}
@media(max-width:600px){.collection-intro{font-size:14px}.collection-foot{flex-wrap:wrap}.collection-foot>span{max-width:100%!important}}
.infinite-collection .collection-piece .collection-image{background:#e9e5db}
body .infinite-collection{background:transparent;padding:64px 0 40px;border-top:1px solid #d8d4ca;border-bottom:1px solid #d8d4ca;margin:30px 12px}
body .collection-heading{padding:0 18px 35px}body .collection-heading>div>span{font-size:10px;letter-spacing:.13em;color:#68645a}body .collection-heading h2{font-size:clamp(32px,4.5vw,66px);letter-spacing:-.055em;max-width:650px;font-weight:500}
body .collection-piece{width:320px}body .collection-image{height:370px;background:#e9e5db;border-radius:4px;overflow:hidden}
body .collection-image>img{width:84%;height:82%;filter:drop-shadow(0 15px 12px #332a161b)}
body .collection-image>span{left:16px;bottom:15px;border-radius:0;background:#f8f6ef;font-size:10px;letter-spacing:.03em;padding:7px 10px}
body .collection-caption{padding:20px 2px 12px;border-bottom:1px solid #d6d1c6}body .collection-caption h3{font-size:16px;min-height:46px;max-width:290px;margin-bottom:16px}body .collection-caption strong{font-size:18px;font-weight:600}
body .collection-luffy .collection-image>img{height:auto;width:76%;mix-blend-mode:normal;clip-path:inset(4.5% 6.4% 5.8% 6.6% round 4.5%)}
body .collection-window{cursor:grab;padding-bottom:4px;user-select:none}body .collection-window:active{cursor:grabbing}body .collection-window:focus-visible{outline:2px solid #615d4f;outline-offset:-2px}
body .collection-piece:focus-visible{outline:2px solid #615d4f;outline-offset:-2px}body .collection-foot{padding:25px 18px 0}
@media(max-width:600px){body .infinite-collection{padding:36px 0 28px;margin:24px 8px}body .collection-piece{width:256px}body .collection-image{height:310px}body .collection-heading{padding:0 10px 26px}body .collection-heading h2{font-size:38px}body .collection-caption h3{font-size:15px;min-height:64px}body .collection-foot{padding:22px 10px 0}}
/* Static paper grain belongs to the surrounding surface, never an overlay. */
/* TCG / manga masthead. Keep the texture away from copy and product photos. */
body .collection-heading{align-items:flex-end;gap:32px}
.collection-editorial{min-width:0;position:relative;isolation:isolate;flex:1}
.collection-editorial::after{content:'';position:absolute;right:0;top:8px;width:110px;height:160px;z-index:-1;pointer-events:none;background:radial-gradient(circle,#28251e 1px,transparent 1.5px) 0 0/7px 7px;mask-image:linear-gradient(120deg,transparent,#000);opacity:.18;transform:skewY(-9deg)}
.collection-kicker{margin:0 0 20px;font-size:11px;font-weight:700;line-height:1.5;color:#49463e;letter-spacing:.06em;text-transform:uppercase}
body .collection-heading .collection-title{margin:0;max-width:900px;font-family:Impact,'Arial Narrow','Arial Black',sans-serif;font-size:clamp(48px,6.8vw,92px);font-weight:900;font-style:normal;letter-spacing:-.015em;line-height:.99;text-transform:uppercase;color:#24231f}
.collection-title-line{display:block;width:fit-content;max-width:100%}
.collection-title-accent{margin-top:7px;padding:4px 10px 7px;background:#f4cf40;border:2px solid #24231f;box-shadow:4px 4px 0 #24231f;font:inherit;color:inherit}
body .collection-editorial .collection-intro{margin-top:25px;font-size:15px;line-height:1.65;letter-spacing:0}
body .collection-heading .collection-controls{flex-shrink:0;padding-bottom:3px}
html[data-motion=off] .collection-title-line{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.collection-title-line{opacity:1!important;transform:none!important}}
@media(max-width:900px){body .collection-heading{flex-wrap:wrap;gap:22px}body .collection-heading .collection-controls{margin-left:auto}}
@media(max-width:600px){body .collection-heading .collection-title{font-size:clamp(29px,8.3vw,49px);letter-spacing:-.015em}.collection-editorial{flex-basis:100%}.collection-editorial::after{width:55px;height:90px}.collection-kicker{font-size:10px;margin-bottom:17px}body .collection-editorial .collection-intro{font-size:14px;margin-top:24px}.collection-intro br{display:none}body .collection-heading .collection-controls{margin-left:0}.collection-title-accent{padding:5px 7px;box-shadow:3px 3px 0 #24231f}}
:root{--paper-color:#f3f0e8;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.055'/%3E%3C/svg%3E")}
body{background-color:var(--paper-color);background-image:var(--paper-grain);background-size:180px 180px}
body>header.site-header{background:#faf9f6;backdrop-filter:none}
.art-landscape-layer{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden}.art-landscape-layer .art-landscape{z-index:0}.liquid-lens{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:1}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.liquid-lens{display:none}}
html[data-motion=off] .liquid-lens{display:none}
.art-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 12px}
.art-exhibit{position:relative;isolation:isolate;overflow:hidden;min-height:730px;height:calc(100svh - 112px);max-height:960px;border-radius:18px;background:#ead59d;color:#302712;perspective:1100px}
.art-one-piece{background:#bcb2cf;color:#302b49}
.art-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% center;z-index:-3;pointer-events:none}
.art-sky{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#fff8df8a,transparent 49%,#25180138);pointer-events:none}
.art-one-piece .art-sky{background:linear-gradient(180deg,#eee8f888,transparent 50%,#241b3738)}
.art-topline{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.art-title{position:absolute;top:83px;left:26px;font-size:clamp(80px,10.4vw,164px);line-height:.77;letter-spacing:-.075em;font-weight:900;margin:0;pointer-events:none}
.art-title span{display:block}.art-tagline{position:absolute;top:360px;left:30px;font-size:16px;letter-spacing:-.025em;margin:0;max-width:180px}
.art-piece{position:absolute;top:28%;left:34%;width:49%;height:45%;transform-style:preserve-3d;z-index:2}
.art-piece>a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;filter:drop-shadow(12px 24px 17px #21170458);border-radius:12px;outline-offset:9px}
.art-piece img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .25s}
.art-piece-inspect{position:absolute;bottom:6%;left:50%;transform:translate(-50%,10px);opacity:0;white-space:nowrap;background:#f8f5ed;color:#26251f;border-radius:30px;padding:12px 17px;font-size:12px;transition:opacity .2s,transform .2s}
.art-piece a:hover .art-piece-inspect,.art-piece a:focus-visible .art-piece-inspect{opacity:1;transform:translate(-50%,0)}
.art-box{top:36%;left:25%;width:64%;height:30%}.art-box>a{background:#f5f2e9;padding:22px;border:1px solid #fff9;box-shadow:inset 0 0 0 8px #ffffff4d}.art-box img{mix-blend-mode:multiply}
.art-image-status{position:absolute;padding:20px;text-align:center;background:#f5f2e9;color:#302b25;font-size:13px}
.art-bottom{position:absolute;bottom:20px;left:20px;right:20px;padding:20px;background:#f8f5eef2;border:1px solid #ffffff7a;border-radius:12px;z-index:3}
.art-product-note>span{font-size:9px;letter-spacing:.11em;font-weight:700}.art-product-note p{font-size:15px;line-height:1.25;margin:7px 0;max-width:90%}.art-product-note small{font-size:11px;color:#6a655c}
.art-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:15px;border-top:1px solid #d9d4c9}
.art-actions button,.art-actions>a{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px}.art-actions button{border:1px solid #bcb6a8;border-radius:30px;background:transparent;padding:0 15px;color:inherit}.art-actions button:hover{background:#e6e0d3}.art-actions>a{font-weight:600}.art-actions>a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.art-tagline{top:390px}}
@media(min-width:701px) and (max-width:1050px){.art-exhibit{min-height:720px}.art-topline{left:20px;right:20px;font-size:8px}.art-topline>span:last-child{display:none}.art-title{left:18px;font-size:12vw}.art-tagline{left:22px;top:300px;font-size:14px}.art-piece{top:29%;left:27%;width:61%;height:40%}.art-bottom{left:12px;right:12px;padding:15px}.art-actions{gap:8px}.art-actions button,.art-actions>a{font-size:11px;gap:8px}.art-box{top:39%;height:24%;left:17%;width:75%}}
@media(max-width:700px){.art-gallery{grid-template-columns:1fr;padding:0 8px;gap:10px}.art-exhibit{height:770px;min-height:0;max-height:none;border-radius:15px}.art-topline{left:22px;right:22px;top:23px;font-size:9px}.art-title{top:78px;left:21px;font-size:clamp(100px,24vw,158px)}.art-tagline{top:290px;left:25px;font-size:14px;max-width:130px}.art-piece{top:29%;left:34%;width:53%;height:41%}.art-box{left:20%;top:39%;width:72%;height:25%}.art-bottom{left:14px;right:14px;bottom:14px;padding:18px}.art-piece-inspect{display:none}.art-actions{gap:12px}.art-product-note p{font-size:14px}}
@media(max-width:370px){.art-topline>span:last-child{display:none}.art-actions button,.art-actions>a{font-size:11px;gap:8px}.art-bottom{padding:14px}.art-title{font-size:96px}}
@media(prefers-reduced-motion:reduce){.art-piece,.art-landscape{transform:none!important}}
html[data-motion=off] .art-piece{transform:none!important}
/* Keep the small editorial line clear of the moving product silhouette. */
.art-exhibit .art-tagline{left:23px;top:44%;max-width:none;writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:.025em}
.art-one-piece .art-single>a{background:#f5f2e9;padding:10px;border-radius:5px;box-shadow:0 0 0 1px #fff7}
.art-one-piece .art-single img{mix-blend-mode:multiply}
@media(max-width:700px){.art-exhibit .art-tagline{left:20px;font-size:11px}}
.art-card-surface{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;filter:drop-shadow(12px 24px 17px #21170458)}
/* Mask only the photographed white margin. Original card pixels are untouched. */
.art-one-piece .art-single img{width:100%;height:auto;max-height:none;object-fit:initial;mix-blend-mode:normal;clip-path:inset(4.5% 6.4% 5.8% 6.6% round 4.5%);transform:scale(1.14)}
.art-explore{position:absolute;bottom:28px;left:28px;right:28px;z-index:3;display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 24px;border-radius:40px;background:#f8f5ee;color:#302b25;font-size:15px;font-weight:600;transition:background .2s,transform .2s}
.art-explore span{font-size:24px;font-weight:400;transition:transform .25s}.art-explore:hover{background:#fffdf7}.art-explore:hover span{transform:translate(3px,-3px)}
@media(max-width:700px){.art-explore{left:20px;right:20px;bottom:22px;min-height:56px;font-size:14px}.art-exhibit{height:710px}.art-piece{top:33%;height:45%}}

/* Collector scene: original card photographs, generated environment only. */
collector-dice{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:32px 12px;padding:55px clamp(24px,6vw,90px);background:#e8e0c0;color:#24231f;border:2px solid #24231f;min-height:420px}collector-dice h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(40px,5vw,72px);text-transform:uppercase;margin:18px 0;line-height:1}collector-dice p{max-width:390px;line-height:1.6}collector-dice .dice-copy>span{font-size:11px;font-weight:700;letter-spacing:.08em}collector-dice button{background:#24231f;color:#fff9e8;border:0;padding:14px 20px;min-height:44px;cursor:pointer}collector-dice button:hover{background:#514936}collector-dice button:focus-visible{outline:3px solid #5142b6;outline-offset:4px}.dice-status{font-size:12px}.dice-stage{position:relative;height:350px;min-width:0}.dice-stage>img{width:100%;height:100%;object-fit:contain}.dice-stage canvas{display:block;cursor:grab}.dice-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px}.dice-controls button{font-size:12px;padding:12px}.dice-stage canvas:active{cursor:grabbing}@media(max-width:700px){collector-dice{grid-template-columns:1fr;padding:30px 22px;gap:16px}.dice-stage{height:300px}}
body .collector-scene{position:relative;isolation:isolate;overflow:hidden;max-width:none;margin:45px 12px;padding:90px clamp(28px,6vw,110px);min-height:690px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:45px;background:#171613;color:#fff9e8;border-radius:6px}
.collector-backdrop{position:absolute;inset:0;z-index:-2;background:url('/wp-content/novamira-sandbox/highrollers-preview/assets/collector-stage.webp') center/cover no-repeat;pointer-events:none}
.collector-scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0b0be0 0%,#0b0b0b70 40%,transparent 75%);pointer-events:none}
body .collector-scene .singles-copy{max-width:520px}
body .collector-scene h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(60px,7.6vw,118px);font-weight:900;line-height:.98;letter-spacing:-.025em;text-transform:uppercase;color:#fff9e8}
body .collector-scene .eyebrow-new{color:#f4cf40;font-weight:700}
body .collector-scene p{color:#e1ddcf;font-size:17px;line-height:1.6;max-width:370px;margin:26px 0}
body .collector-scene .single-fan{position:relative;height:450px;width:100%;background:none;perspective:1100px}
body .collector-scene .single-fan a{position:absolute;display:block;top:25px;left:3%;width:52%;height:340px;transform:rotate(-12deg);filter:drop-shadow(0 24px 20px #0008)}
body .collector-scene .single-fan a:nth-child(2){left:43%;top:50px;transform:rotate(11deg)}
body .collector-scene .single-fan img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transform:none;border-radius:0}
body .collector-scene .single-fan a:nth-child(2) img{clip-path:inset(4.5% 6.4% 5.8% 6.6% round 4.5%);object-fit:contain}
body .collector-scene .single-fan>span{position:absolute;bottom:0;left:0;right:0;color:#eee7d5;font-size:11px;text-align:center;letter-spacing:.02em}
body .collector-scene a:focus-visible{outline:3px solid #f4cf40;outline-offset:7px}
body .collector-scene .single-fan a:hover{filter:drop-shadow(0 28px 23px #000b)}
@media(max-width:900px){body .collector-scene{grid-template-columns:1fr;gap:36px;padding:55px 28px;min-height:0;margin:24px 8px}.collector-backdrop{background-position:65% center}.collector-scene:after{background:linear-gradient(180deg,#0b0b0bd9,transparent)}body .collector-scene .singles-copy{max-width:100%}body .collector-scene h2{font-size:clamp(60px,12vw,92px)}body .collector-scene .single-fan{max-width:490px;height:390px;margin:auto}body .collector-scene .single-fan a{height:290px}body .collector-scene p{font-size:16px}}
@media(max-width:420px){body .collector-scene .single-fan{height:320px}body .collector-scene .single-fan a{height:235px}body .collector-scene .single-fan>span{font-size:10px}body .collector-scene{padding-inline:22px}}

/* A scroll chapter, not a model viewer. Native sticky keeps wheel/touch scrolling free. */
.collector-journey{margin:0;background:#11110f}
body .collector-journey .collector-scene{margin:0;border-radius:0;min-height:690px;padding:70px clamp(28px,6vw,110px);gap:20px}
.collector-journey .collector-backdrop{background-position:70% center}
.collector-journey .collector-scene:after{background:linear-gradient(90deg,#0b0b0beb,transparent 80%)}
.collector-opening{display:none}
body .collector-scene h2{font-size:clamp(60px,6.7vw,106px);line-height:.95;letter-spacing:-.035em}
.collector-scene h2 em{font-style:normal;color:#f4cf40}
body .collector-scene p{font-size:15px;max-width:330px;margin:28px 0 30px}
body .collector-scene .single-fan{height:480px;isolation:isolate}
body .collector-scene .single-fan a{width:58%;height:390px;left:0;top:30px;transform-origin:50% 65%;z-index:2;will-change:transform}
body .collector-scene .single-fan a:nth-child(2){width:60%;left:40%;top:55px;z-index:1}
body .collector-scene .single-fan>span{bottom:-8px;color:#ada99b;font-size:10px}
.collector-progress{position:absolute;bottom:24px;left:6%;right:6%;display:flex;align-items:center;gap:28px;color:#a6a293;font-size:9px;letter-spacing:.16em}
.collector-progress>div{height:1px;background:#ffffff24;flex:1}.collector-progress i{display:block;height:1px;background:#f4cf40;transform-origin:left}
body .collector-scene .pill{background:#f4cf40;color:#1b1a14;border:1px solid #f4cf40;min-height:50px;transition:background .2s,color .2s}
body .collector-scene .pill:hover{background:#fff1ae;color:#161612}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 html[data-motion=on] .collector-journey{height:210svh;min-height:1300px}
 html[data-motion=on] .collector-journey .collector-scene{position:sticky;top:72px;height:calc(100svh - 72px);min-height:580px;max-height:1000px}
 html[data-motion=on] .collector-opening{display:flex;position:absolute;inset:0;z-index:0;flex-direction:column;align-items:center;justify-content:center;gap:140px;pointer-events:none;color:#e9e1c8;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(80px,12.7vw,200px);line-height:.9;letter-spacing:-.035em;white-space:nowrap}
 html[data-motion=on] .collector-opening span:last-child{color:transparent;-webkit-text-stroke:1px #dfd5b780}
 .collector-scene .singles-copy{position:relative;z-index:3}
}
@media(max-width:900px){
 .collector-journey{margin:0}
 body .collector-journey .collector-scene{padding:48px 26px 70px;gap:16px;min-height:0}
 body .collector-scene .single-fan{height:380px;max-width:470px}
 body .collector-scene .single-fan a{height:300px}
 body .collector-scene h2{font-size:clamp(58px,10vw,88px)}
 body .collector-scene .singles-copy{max-width:550px}
 .collector-progress{left:26px;right:26px;gap:15px;font-size:8px}
}
@media(max-width:420px){body .collector-scene .single-fan{height:305px}body .collector-scene .single-fan a{height:235px}body .collector-scene p{font-size:14px}}

/* Cinematic exhibits: keep original card pixels; mask on intrinsic image proportions. */
body .art-exhibit{background:#11100c;color:#f5eedc;border-radius:5px}
body .art-one-piece{background:#07121e;color:#ecf3fa}
body .art-sky{background:linear-gradient(180deg,#08080730,transparent 60%,#0006)}
body .art-one-piece .art-sky{background:linear-gradient(180deg,#02081020,transparent 60%,#02081060)}
body .art-title{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(76px,8.2vw,136px);line-height:1.02;letter-spacing:.015em;font-weight:400;top:75px;left:28px;text-shadow:0 2px 20px #0003}
body .art-topline{color:#dfcda5;letter-spacing:.14em}
body .art-one-piece .art-topline{color:#b8cfe4}
body .art-exhibit .art-tagline{color:#e8dec7;top:47%;font-size:11px}
body .art-one-piece .art-tagline{color:#d0e2f1}
body .art-piece{top:34%;left:29%;width:59%;height:46%}
body .art-card-surface{filter:drop-shadow(-10px 22px 14px #0009)}
body .art-piece img{width:100%;height:auto;max-height:100%;object-fit:contain}
body .art-one-piece .art-single img{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:600/809;object-fit:contain;clip-path:inset(4.55% 6.55% 5.85% 6.65% round 3.9%);transform:none;mix-blend-mode:normal}
.art-ground-shadow{position:absolute;top:77%;left:28%;width:57%;height:5%;border-radius:50%;background:#0009;filter:blur(15px);transform:rotate(-8deg);pointer-events:none;z-index:0}
.art-foreground{position:absolute;inset:-2%;background-size:cover;background-position:57% center;mask-image:linear-gradient(transparent 78%,#000 94%);pointer-events:none;z-index:2}
body .art-explore{background:#f1e7cb;color:#27231a;z-index:4;border-radius:4px;border:1px solid #f9efd955}
body .art-one-piece .art-explore{background:#dfebf3;color:#142638}
body .art-explore:focus-visible{outline:3px solid #fff;outline-offset:5px}
body .art-explore:hover{background:#fff9e8;transform:translateY(-2px)}
body .collector-scene h2{font-weight:400;letter-spacing:.012em;line-height:1.06;font-size:clamp(54px,6.15vw,98px)}
html[data-motion=on] .collector-opening{letter-spacing:.015em;font-weight:400}
body .collection-heading .collection-title{letter-spacing:.005em;line-height:1.08}
body .collector-scene .single-fan a{display:flex;align-items:center;justify-content:center}
body .collector-scene .single-fan img{width:100%;height:auto;max-height:none;object-fit:initial}
body .collector-scene .single-fan a:nth-child(2) img{aspect-ratio:1600/2158;clip-path:inset(4.55% 6.55% 5.85% 6.65% round 3.9%);object-fit:initial}
body .collection-luffy .collection-image>img{clip-path:inset(4.55% 6.55% 5.85% 6.65% round 3.9%)}
@media(max-width:700px){body .art-title{font-size:clamp(84px,22vw,130px);left:24px;top:69px}body .art-piece{top:35%;left:30%;width:59%;height:43%}body .art-exhibit{height:710px}body .art-explore{left:20px;right:20px}body .collector-scene h2{font-size:clamp(52px,10vw,78px)}}
@media(prefers-reduced-motion:reduce){.art-foreground{transform:none!important}}
html[data-motion=off] .art-foreground{transform:none!important}

/* Size cards by viewport height as well as column width; never upscale a
   portrait image into an unbounded height on wide/short desktop screens. */
@media(min-width:901px){
 body .collector-scene .single-fan{height:min(460px,60svh);max-width:580px;justify-self:center}
 body .collector-scene .single-fan a,
 body .collector-scene .single-fan a:nth-child(2){width:min(54%,270px,30svh);height:auto;top:8%;bottom:auto;left:3%;display:block}
 body .collector-scene .single-fan a:nth-child(2){left:43%;top:13%}
 body .collector-scene .single-fan img{display:block;width:100%;height:auto;max-height:47svh;object-fit:contain}
 html[data-motion=on] .collector-opening{inset:0 52% 0 6%;align-items:flex-start;gap:20px;white-space:normal;font-size:clamp(42px,5vw,82px);line-height:1.05}
 html[data-motion=on] .collector-opening span{white-space:nowrap}
 body .collector-journey .collector-scene{grid-template-columns:1fr 1.1fr}
}

/* Universe names are complete words on one line, never split for decoration. */
.art-foreground{display:none}
.art-landscape-layer{inset:-12px}
body .art-title{font-size:clamp(46px,6.5vw,106px);white-space:nowrap;letter-spacing:.015em;top:76px;left:26px;right:20px}
body .art-title span{display:inline}
body .art-exhibit .art-tagline{writing-mode:horizontal-tb;transform:none;top:170px;left:28px;right:24px;white-space:nowrap;font-size:12px;color:#fff8e9;text-shadow:0 1px 8px #000}
body .art-sky,body .art-one-piece .art-sky{background:linear-gradient(180deg,#03110cd9 0%,#07150f55 25%,transparent 47%,#04110b20 100%)}
body .art-piece{top:33%;left:32%;width:55%;height:44%}
body .art-foreground{mask-image:linear-gradient(transparent 87%,#000 99%)}
@media(min-width:1500px){body .art-exhibit .art-tagline{top:210px}}
@media(max-width:700px){body .art-title{font-size:clamp(42px,12.4vw,82px);left:24px;top:72px}body .art-exhibit .art-tagline{top:138px;left:25px;font-size:11px}body .art-piece{top:32%;left:32%;width:55%;height:43%}}

.purchase-journey{background:#12221e;color:#f1ead7;padding:85px clamp(24px,6vw,96px);margin:0;isolation:isolate;overflow-x:clip}
.purchase-heading>span{font-size:10px;letter-spacing:.16em;color:#d5c785}
.purchase-journey .purchase-heading{display:block;position:static;inset:auto;width:auto;height:auto;min-height:0;padding:0;margin:0;border:0;background:none;backdrop-filter:none;box-shadow:none;z-index:auto}
.purchase-heading h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(24px,4.4vw,72px);line-height:1.1;letter-spacing:.015em;margin:22px 0 15px;white-space:nowrap}
.purchase-heading>p{font-size:15px;color:#c2c7b9}
.purchase-layout{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start;margin-top:45px}
.purchase-steps{list-style:none;padding:0;margin:0;position:relative}
.purchase-steps:before{content:'';position:absolute;left:19px;top:50px;bottom:90px;width:1px;background:#8a977650}
.purchase-steps li{display:flex;gap:25px;position:relative;padding:45px 0;min-height:240px;align-items:flex-start}
.purchase-number{display:flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;background:#12221e;border:1px solid #c7b969;color:#ead982;border-radius:50%;font-size:12px;z-index:1}
.purchase-steps h3{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(26px,3vw,46px);letter-spacing:.015em;line-height:1.1;margin:0 0 20px}
.purchase-steps p{font-size:15px;line-height:1.75;color:#ced1c4;max-width:340px;margin:0 0 20px}
.purchase-steps a{display:inline-flex;align-items:center;min-height:44px;gap:15px;color:#f2dc73;border-bottom:1px solid #bca957;font-size:13px;transition:color .2s}
.purchase-steps a:hover{color:#fff}.purchase-steps a:focus-visible{outline:2px solid #f2dc73;outline-offset:6px}
.purchase-visual{position:sticky;top:155px;height:480px;perspective:1000px;align-self:start}
.purchase-orbit{position:absolute;inset:10% 0 8%;border:1px solid #c9bd7133;border-radius:50%;transform:rotate(-35deg)}
.purchase-orbit:after{content:'';position:absolute;inset:12%;border:1px solid #c9bd7122;border-radius:50%}
.purchase-card{position:absolute;width:51%;height:70%;object-fit:contain;left:25%;top:9%;transform:rotate(-14deg);filter:drop-shadow(-15px 25px 20px #0008);z-index:2}
.purchase-sleeve{position:absolute;width:60%;height:79%;left:20%;top:4%;border:1px solid #d6e6de70;border-radius:12px;background:linear-gradient(120deg,#d5f5ef13,transparent 40%,#fff1);opacity:0}
.purchase-bag{position:absolute;left:15%;right:15%;bottom:45px;height:170px;background:#c7ad72;border:1px solid #ebd298;box-shadow:inset 10px 0 #9e8751;z-index:3;display:flex;align-items:center;justify-content:center;opacity:0;color:#17221b;font-size:25px;font-weight:900;letter-spacing:-.045em;transform:rotate(-3deg)}
.purchase-bag:before{content:'';position:absolute;width:35%;height:48px;border:5px solid #c7ad72;border-bottom:0;border-radius:35px 35px 0 0;top:-48px;left:32%}
.purchase-track{position:absolute;bottom:18px;left:10%;right:10%;height:2px;background:#fff2}.purchase-track i{display:block;height:100%;background:#efd86c;transform-origin:left}
.purchase-visual-note{position:absolute;bottom:-9px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.16em;color:#d1cda9}
.purchase-visual.image-unavailable .purchase-card{display:none}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){html[data-motion=on] .purchase-steps li{min-height:55svh;padding-top:90px}html[data-motion=on] .purchase-visual{height:min(520px,70svh)}}
@media(max-width:900px){.purchase-journey{padding:52px 25px}.purchase-layout{grid-template-columns:1fr;margin-top:26px}.purchase-visual{display:none}.purchase-steps li{min-height:0;padding:28px 0}.purchase-heading h2{font-size:clamp(20px,4.6vw,40px)}.purchase-steps p{max-width:100%}.purchase-steps:before{bottom:110px}}
/* Brand discovery: isolated styles, no global Tailwind/preflight overrides. */
.brand-morph{position:relative;background:#0b0c0a;color:#f4f4ee;margin:0}
.brand-morph-stage{position:relative;padding:64px 6%;box-sizing:border-box;isolation:isolate}
.brand-morph.is-animated{height:250svh}
.brand-morph.is-animated .brand-morph-stage{position:sticky;top:72px;height:calc(100svh - 72px);min-height:540px;overflow:hidden;padding:0}
.brand-morph-kicker{font:10px/1.5 Arial,sans-serif;letter-spacing:.18em;text-align:center;color:#a3a59a}
.is-animated .brand-morph-kicker{position:absolute;top:32px;left:0;width:100%}
.brand-morph-heading{text-align:center;position:relative;z-index:2;margin:36px auto;max-width:800px}
.brand-morph-heading h2{font:400 clamp(32px,4.6vw,72px)/1.08 Impact,'Arial Narrow',sans-serif;letter-spacing:.015em;margin:0 0 18px;text-transform:uppercase}
.brand-morph-heading p{font:15px/1.65 Arial,sans-serif;margin:0 auto;max-width:470px;text-wrap:balance;color:#a3a59a}
.is-animated .brand-morph-heading{position:absolute;top:18%;left:8%;width:84%;max-width:none;margin:0;pointer-events:none}
.brand-morph-intro{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:210px}
.brand-morph-intro>span{display:block;font:italic 28px/1.3 Georgia,serif}
.brand-morph-intro strong{display:block;font:400 32px/1.2 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.brand-morph-intro small{display:block;font:11px/1.5 Arial,sans-serif;margin-top:20px}
.brand-morph-orbit{position:absolute;inset:0;pointer-events:none}
.brand-morph-card{position:absolute;left:calc(50% - 72px);top:calc(50% - 50px);width:144px;height:100px;perspective:900px;pointer-events:auto}
.brand-morph-flip{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.brand-morph-card:hover{z-index:5}.brand-morph-card:hover .brand-morph-flip{transform:translateY(-8px) scale(1.06)}.brand-morph-card:hover .brand-morph-front{border-color:#c6b36c}}
.brand-morph-front,.brand-morph-back{position:absolute;inset:0;border-radius:5px;backface-visibility:hidden;overflow:hidden;box-shadow:0 10px 20px #2223}
.brand-morph-front{background:#171916;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff24;border-radius:10px;box-shadow:0 12px 30px #0005;transition:border-color .25s}
.brand-morph-front img{width:80%;height:64%;object-fit:contain;display:block;margin-bottom:14px}
.brand-morph-front img.brand-morph-crop{clip-path:inset(4.55% 6.55% 5.85% 6.65% round 3.9%);transform:scale(1.12)}
.brand-morph-front>span{position:absolute;bottom:9px;left:0;right:0;color:#a3a59a;text-align:center;font:8px/1.5 Arial,sans-serif;padding:0}
.brand-morph-back{transform:rotateY(180deg);background:#272823;color:#e8e0c0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:8px;text-align:center;border:1px solid #b9a96b}
.brand-morph-back strong{font:400 19px/1.1 Impact,sans-serif}
.brand-morph-back span{font:8px/1.3 Arial,sans-serif}
.brand-morph-nav{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}
.brand-morph-nav a{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid #ffffff30;text-decoration:none;color:inherit;font:500 15px/1.4 Arial,sans-serif}
.brand-morph-nav a:hover{border-color:#c6b36c;color:#eedf9c}
.brand-morph-nav a:focus-visible{outline:2px solid #eedf9c;outline-offset:6px}
.brand-morph-nav svg{width:20px;height:20px;margin-left:auto;transition:transform .2s}
.brand-morph-nav a:hover svg{transform:translateX(4px)}
.is-animated .brand-morph-nav{position:absolute;bottom:0;left:0;width:100%;padding:16px 6%;box-sizing:border-box;background:#0b0c0a;margin:0}
.brand-morph:not(.is-animated) .brand-morph-nav a{flex-wrap:wrap}
.brand-morph-nav img{width:100%;height:140px;object-fit:contain;padding:22px;box-sizing:border-box;margin-bottom:18px;background:#171916;border-radius:10px}
@media(max-width:900px){.brand-morph-stage{padding:42px 6%}.brand-morph-nav{grid-template-columns:repeat(2,1fr);gap:24px}.brand-morph-heading h2{font-size:clamp(30px,6vw,50px)}.brand-morph-kicker{font-size:9px}.brand-morph-nav img{height:110px;padding:16px}.brand-morph-heading p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.brand-morph *{transition:none!important}}
/* Touch keeps native page scrolling; only transforms follow its progress. */
@media(max-width:900px) and (prefers-reduced-motion:no-preference){
 html[data-motion=on] .collector-journey{height:240svh}
 html[data-motion=on] .collector-journey .collector-scene{position:sticky;top:72px;height:calc(100svh - 72px);min-height:0;max-height:none;display:block;padding:0;box-sizing:border-box}
 html[data-motion=on] .collector-scene .single-fan{position:absolute;top:4%;left:8%;width:84%;height:43%;max-width:none;margin:0}
 html[data-motion=on] .collector-scene .single-fan a{top:6%;left:8%;width:50%;height:85%}
 html[data-motion=on] .collector-scene .single-fan a:nth-child(2){top:9%;left:43%;width:50%;height:85%}
 html[data-motion=on] .collector-scene .single-fan img{width:100%;height:100%;max-height:100%;object-fit:contain}
 html[data-motion=on] .collector-scene .single-fan>span{bottom:0;font-size:9px}
 html[data-motion=on] .collector-scene .singles-copy{position:absolute;z-index:3;top:49%;left:7%;width:86%;max-width:none}
 html[data-motion=on] .collector-scene h2{font-size:clamp(34px,6svh,58px);line-height:1}
 html[data-motion=on] .collector-scene p{font-size:clamp(12px,1.8svh,15px);line-height:1.4;max-width:36ch;margin:12px 0}
 html[data-motion=on] .collector-scene .eyebrow-new{font-size:10px}
 html[data-motion=on] .collector-scene .pill{min-height:44px;padding:10px 16px;font-size:13px}
 html[data-motion=on] .collector-opening{display:flex;position:absolute;inset:51% 7% 10%;flex-direction:column;justify-content:center;gap:12px;pointer-events:none;color:#e9e1c8;font:400 clamp(32px,8vw,62px)/1.05 Impact,'Arial Narrow',sans-serif;letter-spacing:.015em}
 html[data-motion=on] .collector-opening span:last-child{color:transparent;-webkit-text-stroke:1px #dfd5b780}
 html[data-motion=on] .collector-progress{bottom:12px}
}
@media(max-width:900px) and (max-height:560px) and (prefers-reduced-motion:no-preference){
 html[data-motion=on] .collector-scene .single-fan{top:6%;left:48%;width:48%;height:78%}
 html[data-motion=on] .collector-scene .singles-copy{top:8%;left:5%;width:42%}
 html[data-motion=on] .collector-opening{inset:10% 52% 15% 5%;font-size:32px}
 html[data-motion=on] .collector-scene h2{font-size:30px}
 html[data-motion=on] .collector-scene p{font-size:11px;margin:8px 0}
}
@media(max-width:900px){
 .brand-morph.is-animated{height:200svh}
 .brand-morph.is-animated .brand-morph-stage{min-height:0;height:calc(100svh - 72px)}
 .brand-morph-card{width:96px;height:72px;left:calc(50% - 48px);top:calc(50% - 36px)}
 .brand-morph-intro{width:145px}
 .brand-morph-intro>span{font-size:21px}
 .brand-morph-intro strong{font-size:23px}
 .brand-morph-intro small{margin-top:12px;font-size:10px}
 .is-animated .brand-morph-kicker{top:20px}
 .is-animated .brand-morph-heading{top:12%}
 .is-animated .brand-morph-heading h2{font-size:clamp(26px,6vw,44px)}
 .is-animated .brand-morph-nav{gap:0 20px;padding:8px 6%}
 .is-animated .brand-morph-nav a{min-height:44px;padding:8px 0;box-sizing:border-box;font-size:13px}
 .brand-morph-front>span{font-size:7px;bottom:5px}
 .brand-morph-front img{margin-bottom:10px}
 .collector-backdrop{inset:-18px 0}
 body .collector-scene .single-fan img{height:100%;max-height:100%;object-fit:contain}
}
@media(max-width:900px) and (max-height:500px){
 .brand-morph.is-animated .brand-morph-stage{height:calc(100svh - 72px)}
 .brand-morph-card{width:80px;height:56px;left:calc(50% - 40px);top:calc(50% - 28px)}
 .is-animated .brand-morph-nav{grid-template-columns:repeat(4,1fr)}
 .brand-morph-intro small{display:none}
}
.multi-tcg-intro{display:block;padding:30px max(28px,4vw) 28px;color:#272823;background:#f0eee9}
.multi-tcg-eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:.12em;margin:0 0 16px}
.multi-tcg-intro h1{font:400 clamp(32px,3.9vw,62px)/1.06 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.012em;margin:0}
.multi-tcg-summary>p{font:14px/1.6 Arial,sans-serif;max-width:52ch;margin:0 0 18px;color:#57564e}
.multi-tcg-summary nav{display:flex;flex-wrap:wrap;gap:8px}
.multi-tcg-summary nav a{display:flex;align-items:center;gap:20px;border:1px solid #27282335;border-radius:4px;min-height:44px;padding:10px 14px;font:600 13px Arial,sans-serif;background:#faf9f6}
.multi-tcg-summary nav a:hover{background:#f4cf40;border-color:#272823}
.multi-tcg-summary nav a:focus-visible{outline:3px solid #8a6916;outline-offset:3px}
@media(max-width:900px){.multi-tcg-intro{grid-template-columns:1fr;gap:20px;padding:28px 24px}.multi-tcg-intro h1{font-size:clamp(30px,6vw,50px)}}
@media(max-width:700px){.multi-tcg-intro{padding:26px 20px 24px;gap:18px}.multi-tcg-intro h1{font-size:clamp(28px,7.7vw,44px);line-height:1.12}.multi-tcg-summary>p{font-size:13px}.multi-tcg-summary nav{display:grid;grid-template-columns:1fr 1fr}.multi-tcg-summary nav a{justify-content:space-between}}
.multi-tcg-hero{background:#0b0c0a;padding:0 12px 12px}
.multi-tcg-hero .multi-tcg-intro{position:relative;background:#0b0c0a;color:#f1e7cb;padding:24px 28px 26px;border-bottom:1px solid #f1e7cb24}
.multi-tcg-hero .multi-tcg-intro:after{content:'';position:absolute;bottom:-1px;left:28px;width:70px;height:2px;background:#f4cf40}
.multi-tcg-hero .multi-tcg-eyebrow{color:#b8b3a5;font-size:9px;letter-spacing:.2em;margin:0 0 10px}
.multi-tcg-hero .multi-tcg-intro h1{font-size:clamp(28px,3.4vw,54px);line-height:1.08;letter-spacing:.005em;max-width:none}
.multi-tcg-hero .multi-tcg-intro h1 span{color:#b9b6ab}
.multi-tcg-hero .art-gallery{padding:12px 0 0}
@media(max-width:700px){.multi-tcg-hero{padding:0 8px 8px}.multi-tcg-hero .multi-tcg-intro{padding:20px 16px}.multi-tcg-hero .multi-tcg-intro h1{font-size:clamp(27px,7.1vw,40px);line-height:1.12}.multi-tcg-hero .multi-tcg-intro h1 span{display:block}.multi-tcg-hero .multi-tcg-intro:after{left:16px}.multi-tcg-hero .art-gallery{padding-top:8px}}
.multi-tcg-hero{background:#faf9f6}
.multi-tcg-hero .multi-tcg-intro{isolation:isolate;overflow:hidden;background:#faf9f6;color:#272823;border:0;padding:34px 28px 32px}
.multi-tcg-hero .multi-tcg-intro:after{display:none}
.multi-tcg-hero .multi-tcg-eyebrow{color:#66645a;letter-spacing:.15em}
.multi-tcg-hero .multi-tcg-intro h1{font-size:clamp(28px,3.4vw,54px);max-width:1200px;line-height:1.1}
.multi-tcg-hero .multi-tcg-intro h1 span{color:#a47b25}
.hero-magic-particles{position:absolute;inset:0;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,#0003,#000 70%)}
.hero-particle-canvas{position:absolute;inset:0}
@media(max-width:700px){.multi-tcg-hero .multi-tcg-intro{padding:26px 16px}.multi-tcg-hero .multi-tcg-intro h1{font-size:clamp(27px,7.1vw,40px)}.hero-magic-particles{mask-image:linear-gradient(90deg,#0002,#000)}}
.binder-detail-copy .binder-add-cart{width:100%;background:#f4cf40;border-color:#f4cf40;color:#24221e;font-weight:700}
.binder-detail-copy .binder-add-cart:hover:not(:disabled){background:#ffe16c;border-color:#ffe16c}
.binder-detail-copy .binder-add-cart:disabled{background:#77736a;border-color:#77736a;color:#f1e7cb;opacity:.7}
.binder-detail-copy a{background:transparent;color:#f1e7cb}
.binder-detail-copy a:hover{border-color:#f4cf40;color:#f4cf40}
.binder-cart-status:empty{display:none}
.binder-detail-copy .binder-cart-status:not(:empty){margin:10px 0 0;color:#f4cf40;font-size:13px;line-height:1.4}