cs-home-scene.cs-cinema{display:block;position:relative;isolation:isolate;height:clamp(660px,84svh,840px);color:#fffaf0;background:#142b23;overflow:hidden;border-radius:0 0 32px 32px}
.cs-cinema__scenes{position:absolute;inset:0;touch-action:pan-y pinch-zoom}
.cs-cinema__panel{position:absolute;inset:0;isolation:isolate;background:linear-gradient(125deg,#122b24,#52614b);opacity:0;transition:opacity .65s ease;pointer-events:none}
.cs-cinema__panel.is-active{opacity:1;pointer-events:auto;z-index:1}
.cs-cinema__panel.is-leaving{z-index:0;opacity:0}
.cs-cinema__panel[hidden],.cs-cinema__navigation[hidden]{display:none!important}
.cs-cinema__panel::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071f1adb 0%,#071f1a80 42%,#071f1a00 75%),linear-gradient(0deg,#071b18e6,transparent 44%,#071b184d);pointer-events:none}
.cs-cinema__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%;z-index:-2;transform:scale(1.035)}
.cs-cinema__panel.is-active .cs-cinema__art{animation:cs-cinema-drift var(--scene-interval,7000ms) ease-out both}
.cs-cinema[data-playing=false] .cs-cinema__art{animation-play-state:paused}
.cs-cinema__masthead{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-block:30px;pointer-events:none}
.cs-cinema__masthead a{pointer-events:auto}
.cs-cinema__eyebrow{font-size:10px;letter-spacing:.22em;color:#f1dfb9}
#MainContent .cs-cinema h1{font:400 clamp(16px,1.65vw,22px)/1.4 var(--font-body-family);letter-spacing:-.01em;color:#fffaf0;margin:8px 0 0}
.cs-cinema__all{display:inline-flex;gap:20px;align-items:center;color:#fffaf0;font-size:12px;text-decoration:none;padding-block:10px;border-bottom:1px solid #ffffff70;min-height:44px}
.cs-cinema__content{height:100%;display:flex;align-items:center;position:relative;padding-block:var(--scene-content-top,125px) var(--scene-content-bottom,150px)}
.cs-cinema__brand{max-width:62%;opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,1,.3,1)}
.is-active .cs-cinema__brand{opacity:1;transform:translateY(0)}
.cs-cinema__logo{display:block;width:200px;height:88px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 10px #0004);margin-bottom:24px}
[data-brand=topps] .cs-cinema__logo{filter:brightness(0) invert(1) drop-shadow(0 3px 10px #0004);width:174px}
[data-brand=magic-the-gathering] .cs-cinema__logo{width:235px}
.cs-cinema__edition{font:500 10px/1.5 var(--font-body-family);letter-spacing:.15em;text-transform:uppercase;color:#e2cd9f;margin:0 0 12px}
#MainContent .cs-cinema__brand h2{font-family:var(--font-heading-family);font-size:clamp(54px,6.8vw,96px);font-weight:400;line-height:1.03;letter-spacing:-.045em;color:#fffaf0;margin:0 0 20px;text-wrap:balance;max-width:14ch}
.cs-cinema__description{font-size:clamp(14px,1.3vw,17px);line-height:1.65;max-width:35ch;color:#f1eee5;margin:0 0 28px}
.cs-cinema__shop{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:54px;padding:15px 26px;border:1px solid #ffffff90;border-radius:999px;background:#fffaf0;color:#172e25;text-decoration:none;font-size:13px;font-weight:500;transition:background .25s,transform .25s,box-shadow .25s}
.cs-cinema__shop:hover{transform:translateY(-3px);box-shadow:0 14px 32px #0003;background:#f2dfb8}.cs-cinema__shop span{font-size:20px}
.cs-cinema__navigation{position:absolute;z-index:4;inset:auto 0 24px;display:flex;align-items:center;gap:30px}
.cs-cinema__tabs{position:relative;display:flex;gap:26px;flex:1;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ffffff50 transparent;padding:8px 0 12px}
.cs-cinema__tabs button{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:10px;background:none;color:#ffffffc9;border:0;padding:16px 0 20px;min-height:50px;font:inherit;font-size:12px;cursor:pointer}
.cs-cinema__tabs button[aria-selected=true]{color:#fff}.cs-cinema__number{font-size:10px;opacity:.7;font-variant-numeric:tabular-nums}
.cs-cinema__tab-line{position:absolute;inset:auto 0 0;height:2px;background:#ffffff30}.cs-cinema__tab-line::after{content:'';position:absolute;inset:0;background:#efdbaf;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,1,.3,1)}
[aria-selected=true]>.cs-cinema__tab-line::after{transform:scaleX(1)}
.cs-cinema__controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.cs-cinema__arrows{display:flex;gap:8px}
.cs-cinema__arrows button,.cs-cinema__pause{min-width:44px;min-height:44px;border-radius:50%;border:1px solid #ffffff70;background:#132d2480;color:#fff;cursor:pointer;transition:background .2s}
.cs-cinema__arrows button{display:grid;place-items:center;font-size:20px}.cs-cinema__arrows button:hover,.cs-cinema__pause:hover{background:#ffffff24}
.cs-cinema__pause{display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:999px;font-size:11px}.cs-cinema__pause-icon{width:10px;height:12px;display:block;border-inline:3px solid currentColor}
.cs-cinema[data-paused=true] .cs-cinema__pause-icon,.cs-cinema[data-reduced-motion=true] .cs-cinema__pause-icon{border:0;border-left:9px solid currentColor;border-block:6px solid transparent;width:9px;height:12px}
.cs-cinema__fallback{position:relative;z-index:3;padding-top:200px}
#MainContent .cs-cinema :focus-visible{outline:3px solid #fff0bf;outline-offset:5px}
@keyframes cs-cinema-drift{from{transform:scale(1.035)}to{transform:scale(1)}}
.cs-catalogue{padding-block:clamp(60px,7vw,100px)}
.cs-catalogue__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.cs-catalogue__item{min-width:0;text-decoration:none;color:var(--cs-ink);display:block}
.cs-catalogue__image{position:relative;aspect-ratio:4/5;border-radius:22px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#fff,#f0ebe4);border:1px solid #e6dfd4}
.cs-catalogue__image img{display:block;width:84%;height:88%;object-fit:contain;transition:transform .65s var(--cs-ease)}
.cs-catalogue__item:hover img{transform:translateY(-5px) rotate(2deg) scale(1.03)}
.cs-catalogue__image::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#ffffff80 48%,transparent 70%);translate:-130% 0;transition:translate .7s;pointer-events:none}
.cs-catalogue__item:hover .cs-catalogue__image::after{translate:130% 0}
.cs-catalogue__vendor{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#697269;margin:20px 0 9px}
#MainContent .cs-catalogue__item h3{font:500 15px/1.5 var(--font-body-family);margin:0 0 10px;letter-spacing:-.01em}
.cs-catalogue__price{font-size:14px;color:#30473a}
.cs-catalogue__sold{font-size:11px;color:#736d62;display:block;margin-top:6px}
.template-index #MainContent .cs-brands{padding-block:clamp(72px,8vw,116px)}
.template-index #MainContent .cs-account{background:radial-gradient(ellipse at 90% 5%,#e5dcef80,transparent 65%),linear-gradient(135deg,#f2f0e7,#ecefdf);margin-block:32px 70px}
.template-index #MainContent .cs-launch{background:radial-gradient(ellipse at 80% 20%,#5c66684d,transparent 65%),linear-gradient(120deg,#1d302e,#313b32);margin-top:72px}
cs-card-shelf{display:block}.cs-catalogue__intro{max-width:57ch;color:#5b665c;font-size:15px;line-height:1.7;margin:-4px 0 30px}.cs-catalogue__tools{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 14px}.cs-catalogue__tools[hidden],.cs-catalogue__item[hidden],.cs-catalogue__empty[hidden]{display:none!important}.cs-catalogue__search{flex:1;max-width:420px}.cs-catalogue__search label{display:block;font-size:11px;letter-spacing:.06em;margin:0 0 8px;color:#526357}.cs-catalogue__search input{width:100%;min-height:48px;border:1px solid #aeb9ae;background:#fffdf7;border-radius:12px;padding:12px 16px;color:#18392c;font:inherit;font-size:14px}.cs-catalogue__filters{display:flex;gap:8px;flex-wrap:wrap}.cs-catalogue__filters button,.cs-catalogue__empty button{min-height:44px;border:1px solid #aeb9ae;border-radius:999px;background:transparent;color:#244d39;padding:10px 16px;font:inherit;font-size:12px;cursor:pointer}.cs-catalogue__filters button[aria-pressed=true]{background:#244d39;border-color:#244d39;color:#fffaf0}.cs-catalogue__filters button:hover{border-color:#244d39}.cs-catalogue__count{font-size:11px;color:#657167;min-height:18px;margin:0 0 22px}.cs-catalogue__empty{text-align:center;padding:50px 20px;border:1px dashed #adb8a9;border-radius:20px;color:#425345}.cs-catalogue__look{position:absolute;right:14px;bottom:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fffaf0;color:#244d39;font-size:20px;box-shadow:0 3px 15px #1a332514}.cs-catalogue__item:focus-visible,.cs-catalogue :focus-visible{outline:3px solid #8c671e;outline-offset:5px}.cs-catalogue__item h3{min-height:45px}
@media(max-width:989px){cs-home-scene.cs-cinema{height:760px}.cs-cinema__brand{max-width:75%}.cs-cinema__navigation{flex-wrap:wrap;gap:12px}.cs-cinema__tabs{flex-basis:100%;order:2}.cs-cinema__controls{margin-left:auto}.cs-cinema__content{padding-bottom:var(--scene-content-bottom,200px)}.cs-catalogue__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.cs-catalogue__tools{align-items:stretch;flex-direction:column}.cs-catalogue__search{max-width:none}}
@media(max-width:749px){cs-home-scene.cs-cinema{height:750px;min-height:0;border-radius:0 0 24px 24px}.cs-cinema__masthead{padding-block:22px;gap:16px}.cs-cinema__all{font-size:10px;gap:8px;white-space:nowrap}.cs-cinema__eyebrow{font-size:9px;letter-spacing:.12em}#MainContent .cs-cinema h1{font-size:14px;max-width:20ch}.cs-cinema__content{padding-block:var(--scene-content-top,125px) var(--scene-content-bottom,205px)}.cs-cinema__brand{max-width:95%}#MainContent .cs-cinema__brand h2{font-size:clamp(46px,12vw,68px);max-width:13ch;margin-bottom:18px}.cs-cinema__logo{height:66px;width:150px;margin-bottom:22px}[data-brand=topps] .cs-cinema__logo{width:140px}[data-brand=magic-the-gathering] .cs-cinema__logo{width:190px}.cs-cinema__description{font-size:14px;max-width:30ch;margin-bottom:23px}.cs-cinema__art{object-position:65% center}.cs-cinema__panel::after{background:linear-gradient(90deg,#08271be6,#08271b30),linear-gradient(0deg,#071b18fa,transparent 72%,#071b1866)}.cs-cinema__navigation{bottom:18px;gap:12px}.cs-cinema__tabs{gap:22px}.cs-cinema__tabs button{font-size:12px;gap:8px}.cs-cinema__controls{width:100%;justify-content:space-between}.cs-cinema__shop{padding:13px 22px;min-height:50px;font-size:12px}.cs-catalogue{padding-block:56px}.cs-catalogue__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.cs-catalogue__image{border-radius:16px}#MainContent .cs-catalogue__item h3{font-size:13px}.cs-catalogue__vendor{margin-top:14px}.cs-catalogue__intro{font-size:14px}.cs-catalogue__filters button{font-size:11px;padding-inline:14px}.template-index #MainContent .cs-account{margin-block:16px 52px}}
@media(prefers-reduced-motion:reduce){.cs-cinema__panel,.cs-cinema__brand,.cs-cinema__art,.cs-cinema__tab-line::after,.cs-cinema__shop,.cs-catalogue__image img,.cs-catalogue__image::after{animation:none!important;transition:none!important;transform:none!important}.cs-cinema__shop:hover,.cs-catalogue__item:hover img{transform:none}.cs-catalogue__image::after{display:none}}

.cs-cinema__cards{position:absolute;z-index:0;right:4%;top:14%;width:45%;height:67%;pointer-events:none;filter:drop-shadow(0 24px 24px #0008)}
.cs-cinema__card{position:absolute;left:16%;top:5%;width:68%;height:90%;object-fit:contain;transform-origin:50% 85%}
.cs-cinema__card:nth-child(1){transform:translateX(-21%) rotate(-12deg)}
.cs-cinema__card:nth-child(2){transform:translateX(21%) rotate(12deg)}
.cs-cinema__card:nth-child(3){transform:translateY(-3%)}
.cs-cinema__content{z-index:1}
[data-brand=topps] .cs-cinema__brand{max-width:48%}
@media(max-width:989px) and (min-width:750px){.cs-cinema__cards{right:1%;width:48%;top:21%;height:48%}}
@media(max-width:749px){.cs-cinema__cards{right:-3%;top:155px;width:49%;height:275px;filter:drop-shadow(0 14px 16px #0007)}[data-brand=topps] .cs-cinema__brand{max-width:100%}[data-brand=topps] .cs-cinema__description{max-width:18ch}}
@media(max-width:374px){.cs-cinema__cards{width:43%}}

@media(max-width:749px){.cs-cinema[data-text-expanded=true] .cs-cinema__cards{display:none}}