html.pc-over-story-html{overflow-x:clip!important;background:#050b15}html.pc-over-story-html body:has(.pcs),html.pc-over-story-html body.pc-over-story-page{overflow-x:clip!important;overflow-y:visible!important;background:#050b15}body:has(.pcs) .ticker-bar,body.pc-over-story-page .ticker-bar,body:has(.pcs) #back-to-top,body.pc-over-story-page #back-to-top{display:none!important}body:has(.pcs) .main-nav,body.pc-over-story-page .main-nav{background:#050b15f0!important;border-bottom-color:#f5c0301f!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pcs{--pcs-bg: #07101f;--pcs-fg: #f4f6fb;--pcs-muted: #aeb8ca;--pcs-accent: #f5c030;--pcs-progress: 0;--pcs-pack-opacity: 1;--pcs-story-opacity: 0;--pcs-live-opacity: 0;--pcs-booth-opacity: 0;--pcs-final-opacity: 0;--pcs-tear: 0;--pcs-sleeve: 0;--pcs-protector: 0;--pcs-card-rotate: 0deg;--pcs-object-top: 52%;position:relative;width:100%;color:var(--pcs-fg);background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),var(--pcs-bg);background-size:48px 48px;isolation:isolate}.pcs *,.pcs *:before,.pcs *:after{box-sizing:border-box}.pcs__progress{position:fixed;z-index:80;top:0;left:0;right:0;height:3px;pointer-events:none;background:#ffffff0a}.pcs__progress span{display:block;width:calc(var(--pcs-progress) * 100%);height:100%;background:var(--pcs-accent);box-shadow:0 0 18px #f5c0306b}.pcs__stage{position:sticky;z-index:1;top:0;height:100vh;height:100svh;overflow:hidden;pointer-events:none}.pcs__atmosphere,.pcs__atmosphere:before,.pcs__atmosphere:after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}.pcs__atmosphere{background:linear-gradient(180deg,#050b1526,#050b15b8)}.pcs__atmosphere:before{left:50%;top:52%;width:min(58vw,760px);height:min(58vw,760px);transform:translate(-50%,-50%);border:1px solid rgba(245,192,48,.07);border-radius:50%;background:radial-gradient(circle,rgba(37,83,148,.14),transparent 66%)}.pcs__atmosphere:after{top:auto;bottom:7vh;left:50%;width:min(68vw,880px);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(245,192,48,.24),transparent)}.pcs__atmosphere>span{position:absolute;left:50%;top:53%;width:min(42vw,560px);height:28px;transform:translate(-50%,-50%);border-radius:50%;background:#00000094;filter:blur(18px)}.pcs__object{position:absolute;z-index:2;left:50%;top:var(--pcs-object-top);width:clamp(340px,28vw,420px);aspect-ratio:1 / 1;transform:translate3d(-50%,-50%,0);transform-origin:50% 50%;contain:layout style;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pcs__logo-img{display:block;width:100%;height:auto}.pcs__logo-word{color:var(--pcs-accent);font-weight:900;letter-spacing:0}.pcs__pack{position:absolute;top:3%;right:23%;bottom:1%;left:23%;opacity:var(--pcs-pack-opacity);transform:translate3d(0,calc(var(--pcs-tear) * 18px),0) scale(calc(1 - var(--pcs-tear) * .05));transform-origin:50% 70%;transition:opacity .08s linear}.pcs__pack-shadow{position:absolute;left:8%;right:8%;bottom:-3%;height:8%;border-radius:50%;background:#0000009e;filter:blur(12px)}.pcs__pack-body,.pcs__pack-top{position:absolute;left:0;right:0;border:1px solid rgba(245,192,48,.58);background:linear-gradient(128deg,transparent 0 44%,rgba(255,255,255,.09) 48%,transparent 54%),linear-gradient(160deg,#17376a,#071329 62%,#050a13);box-shadow:0 28px 60px -26px #000000eb,inset 0 0 36px #3775d32e}.pcs__pack-body{top:12%;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18% 10% 11%;clip-path:polygon(0 3%,4% 1%,8% 3%,12% 1%,16% 3%,20% 1%,24% 3%,28% 1%,32% 3%,36% 1%,40% 3%,44% 1%,48% 3%,52% 1%,56% 3%,60% 1%,64% 3%,68% 1%,72% 3%,76% 1%,80% 3%,84% 1%,88% 3%,92% 1%,96% 3%,100% 1%,100% 100%,0 100%)}.pcs__pack-top{top:0;height:17%;overflow:hidden;transform:translate3d(calc(var(--pcs-tear) * 78px),calc(var(--pcs-tear) * -72px),0) rotate(calc(var(--pcs-tear) * 21deg));transform-origin:0 100%}.pcs__pack-top small{position:absolute;right:8%;bottom:10%;color:#ffffffa8;font-size:9px;letter-spacing:.12em}.pcs__tear-line{position:absolute;z-index:4;top:16.5%;left:2%;right:2%;height:2px;opacity:calc(.15 + var(--pcs-tear) * .85);background:repeating-linear-gradient(90deg,var(--pcs-accent) 0 8px,transparent 8px 13px)}.pcs__pack-crimp{position:absolute;left:7%;right:7%;height:9px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.12)}.pcs__pack-crimp--top{top:14%}.pcs__pack-crimp--bottom{bottom:3%}.pcs__pack-kicker{color:var(--pcs-accent);font-size:9px;font-weight:800;letter-spacing:.16em}.pcs__pack-logo{width:60%;margin:12% 0 8%}.pcs__pack-body strong{font-size:clamp(26px,2.2vw,34px);line-height:.9;text-align:center;letter-spacing:0}.pcs__pack-body small{margin-top:auto;color:var(--pcs-accent);font-size:8px;font-weight:800;letter-spacing:.12em}.pcs__story-card{position:absolute;z-index:3;top:5%;left:23%;width:54%;aspect-ratio:63 / 88;overflow:visible;opacity:var(--pcs-story-opacity);transform:translate3d(0,calc((1 - var(--pcs-story-opacity)) * 54px),0) rotate(var(--pcs-card-rotate));border:1px solid rgba(245,192,48,.62);border-radius:7px;background:linear-gradient(145deg,transparent 0 44%,rgba(255,255,255,.1) 48%,transparent 54%),linear-gradient(160deg,#183b70,#08162c 64%,#050a14);box-shadow:0 34px 70px -28px #000000f0,inset 0 0 34px #326fc82e;transition:opacity .08s linear}.pcs__story-card:before{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid rgba(255,255,255,.14)}.pcs__card-index{position:absolute;top:8%;left:9%;color:var(--pcs-accent);font-size:clamp(32px,3vw,46px);font-weight:900;line-height:1}.pcs__card-logo{position:absolute;top:11%;right:8%;width:36%}.pcs__card-rule{position:absolute;top:33%;left:9%;right:9%;height:1px;background:#f5c0306b}.pcs__card-state{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate3d(0,7px,0);transition:none}.pcs[data-scene="0"] .pcs__card-state--1,.pcs[data-scene="1"] .pcs__card-state--1,.pcs[data-scene="2"] .pcs__card-state--2,.pcs[data-scene="3"] .pcs__card-state--3,.pcs[data-scene="4"] .pcs__card-state--3{opacity:1;transform:translateZ(0);transition:opacity .14s ease-out,transform .16s ease-out}.pcs__card-state>strong{position:absolute;left:9%;right:9%;bottom:20%;font-size:clamp(24px,2.5vw,38px);line-height:.94}.pcs__card-state>small{position:absolute;left:9%;right:9%;bottom:8%;color:var(--pcs-accent);font-size:8px;font-weight:800;letter-spacing:.08em}.pcs__card-sleeve,.pcs__card-protector{position:absolute;pointer-events:none;border-radius:9px}.pcs__card-sleeve{top:-4%;right:-4%;bottom:-4%;left:-4%;opacity:var(--pcs-sleeve);transform:translate3d(0,calc((1 - var(--pcs-sleeve)) * -42px),0);border:1px solid rgba(185,219,255,.58);background:linear-gradient(135deg,#ffffff1f,#6aabee08)}.pcs__card-protector{top:-9%;right:-9%;bottom:-9%;left:-9%;opacity:var(--pcs-protector);transform:scale(calc(.94 + var(--pcs-protector) * .06));border:2px solid rgba(245,192,48,.48);box-shadow:inset 0 0 24px #f5c03012,0 0 30px #f5c03014}.pcs__live-frame{position:absolute;z-index:4;top:0;left:25%;width:50%;height:96%;display:grid;grid-template-rows:17% 1fr 17%;padding:3.5%;opacity:var(--pcs-live-opacity);transform:translate3d(0,calc((1 - var(--pcs-live-opacity)) * 42px),0);border:1px solid rgba(146,176,222,.34);border-radius:24px;background:#091322;box-shadow:0 34px 70px -26px #000000f5;transition:opacity .08s linear}.pcs__live-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.1)}.pcs__live-avatar{width:32px;height:32px;display:grid;place-items:center;padding:5px;border:1px solid rgba(245,192,48,.44);border-radius:50%}.pcs__live-head>span:nth-child(2){display:grid;min-width:0}.pcs__live-head b{font-size:11px}.pcs__live-head small{color:var(--pcs-muted);font-size:8px}.pcs__live-head i{padding:5px 7px;border-radius:4px;background:#e94a72;color:#fff;font-size:9px;font-style:normal;font-weight:800}.pcs__live-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(160deg,#142a50,#07101e);background-size:20px 20px}.pcs__live-mark{width:44%;margin-bottom:12%}.pcs__live-stage strong{font-size:clamp(18px,1.8vw,27px);line-height:.95}.pcs__live-stage small{margin-top:8%;color:var(--pcs-accent);font-size:9px;font-weight:800}.pcs__live-chat{display:grid;align-content:center;gap:6px}.pcs__live-chat span{width:78%;height:5px;border-radius:3px;background:#ffffff21}.pcs__live-chat span:nth-child(2){width:58%}.pcs__live-chat span:nth-child(3){width:69%;background:#f5c03042}.pcs__booth{position:absolute;z-index:4;left:3%;right:3%;top:16%;height:66%;opacity:var(--pcs-booth-opacity);transform:translate3d(0,calc((1 - var(--pcs-booth-opacity)) * 38px),0);transition:opacity .08s linear}.pcs__booth-sign{position:absolute;z-index:3;top:0;left:8%;right:8%;height:24%;display:grid;grid-template-columns:34% 1fr;align-items:center;gap:7%;padding:3% 7%;border:1px solid rgba(245,192,48,.56);background:#102b57;box-shadow:0 16px 34px -20px #000000e6}.pcs__booth-sign small{color:var(--pcs-accent);font-size:9px;font-weight:800;letter-spacing:.12em}.pcs__booth-post{position:absolute;top:20%;bottom:20%;width:2%;background:#183764}.pcs__booth-post--left{left:12%}.pcs__booth-post--right{right:12%}.pcs__booth-display{position:absolute;left:15%;right:15%;top:27%;bottom:22%;display:flex;align-items:flex-end;justify-content:center;gap:8%;border-bottom:1px solid rgba(245,192,48,.34);background:linear-gradient(180deg,rgba(32,78,143,.16),transparent)}.pcs__display-card{display:block;width:19%;aspect-ratio:63 / 88;border:1px solid rgba(117,164,229,.52);border-radius:3px;background:linear-gradient(155deg,#214982,#08152b 68%);box-shadow:0 12px 20px -12px #000c}.pcs__display-card--one{transform:rotate(-8deg)}.pcs__display-card--two{width:23%;transform:translateY(-8%) rotate(1deg);border-color:#f5c03085}.pcs__display-card--three{transform:rotate(8deg)}.pcs__booth-counter{position:absolute;z-index:4;left:8%;right:8%;bottom:0;height:27%;display:grid;grid-template-columns:30% 1fr;align-items:center;gap:8%;padding:3% 8%;border:1px solid rgba(88,135,199,.42);background:#0b1a34}.pcs__booth-counter small{color:var(--pcs-muted);font-size:8px;font-weight:800;letter-spacing:.1em}.pcs__final-logo{position:absolute;z-index:5;left:20%;right:20%;top:34%;opacity:var(--pcs-final-opacity);transform:translate3d(0,calc((1 - var(--pcs-final-opacity)) * 24px),0) scale(calc(.88 + var(--pcs-final-opacity) * .12));filter:drop-shadow(0 18px 24px rgba(0,0,0,.54));transition:opacity .08s linear}.pcs__chapters{position:relative;z-index:3;margin-top:-100vh;margin-top:-100svh}.pcs__chapter{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:9vh clamp(24px,6vw,96px);pointer-events:none}.pcs__chapter[data-side=left]{justify-content:flex-start}.pcs__chapter[data-side=right]{justify-content:flex-end}.pcs__chapter[data-side=center]{justify-content:center;text-align:center}.pcs__copy{width:min(37vw,500px);opacity:0;transform:translate3d(0,24px,0);transition:none}.pcs__chapter[data-side=left] .pcs__copy{transform:translate3d(-18px,24px,0)}.pcs__chapter[data-side=right] .pcs__copy{transform:translate3d(18px,24px,0)}.pcs__chapter.is-active .pcs__copy{opacity:1;transform:translateZ(0);transition:opacity .16s ease-out,transform .2s cubic-bezier(.22,.61,.36,1);pointer-events:auto}.pcs__chapter--intro{align-items:flex-start;padding-top:clamp(94px,12vh,132px)}.pcs__chapter--intro .pcs__copy{width:min(720px,88vw)}.pcs__chapter--finale{align-items:flex-end;padding-bottom:clamp(46px,8vh,90px)}.pcs__chapter--finale .pcs__copy{width:min(720px,88vw)}.pcs__intro-title,.pcs__chapter-title{margin:0;color:var(--pcs-fg);font-family:var(--font-heading-family, inherit);font-weight:900;letter-spacing:0;text-wrap:balance}.pcs__intro-title{font-size:clamp(38px,5vw,72px);line-height:.98}.pcs__chapter-title{color:var(--pcs-accent);font-size:clamp(32px,3.7vw,54px);line-height:1}.pcs__chapter-body{margin-top:18px;color:var(--pcs-muted);font-size:clamp(20px,1.55vw,24px);line-height:1.5}.pcs__chapter-body p{margin:0}.pcs__chapter--intro .pcs__chapter-body,.pcs__chapter--finale .pcs__chapter-body{color:#d5dbea}.pcs__scroll-hint{display:inline-flex;align-items:center;gap:10px;margin-top:20px;color:var(--pcs-accent);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pcs__scroll-hint i{width:1px;height:24px;background:linear-gradient(var(--pcs-accent),transparent)}.pcs__lines{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none;color:var(--pcs-fg);font-size:clamp(17px,1.25vw,20px);line-height:1.35}.pcs__lines li{position:relative;padding-left:20px}.pcs__lines li:before{content:"";position:absolute;top:.52em;left:0;width:7px;height:7px;transform:rotate(45deg);background:var(--pcs-accent)}.pcs__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.pcs__btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;margin-top:24px;padding:12px 21px;border:1px solid var(--pcs-accent);border-radius:6px;background:var(--pcs-accent);color:#07101f;font-size:16px;font-weight:800;text-decoration:none}.pcs__cta .pcs__btn{margin-top:0}.pcs__btn--ghost{border-color:#d0dbec57;background:transparent;color:var(--pcs-fg)}.pcs__btn:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(min-width:981px){.pcs__chapter:not(.pcs__chapter--intro):not(.pcs__chapter--finale) .pcs__copy{position:fixed;z-index:4;top:50%;width:min(25vw,400px)}.pcs__chapter[data-side=left] .pcs__copy{left:6vw;right:auto;transform:translate3d(-18px,-50%,0)}.pcs__chapter[data-side=right] .pcs__copy{right:6vw;left:auto;transform:translate3d(18px,-50%,0)}.pcs__chapter[data-side=left].is-active .pcs__copy,.pcs__chapter[data-side=right].is-active .pcs__copy{transform:translate3d(0,-50%,0)}.pcs__chapter--finale .pcs__copy{position:fixed;z-index:4;top:61%;left:50%;width:min(720px,88vw);transform:translate3d(-50%,18px,0)}.pcs__chapter--finale.is-active .pcs__copy{transform:translate3d(-50%,0,0)}.pcs:not(.is-in-view) .pcs__chapter:not(.pcs__chapter--intro) .pcs__copy{opacity:0!important;pointer-events:none!important}}@media(max-width:980px)and (min-width:750px){.pcs__object{width:clamp(280px,34vw,340px)}.pcs__chapter{padding-left:5vw;padding-right:5vw}.pcs__chapter:not(.pcs__chapter--intro) .pcs__copy{position:fixed;z-index:4;top:clamp(445px,56svh,560px);left:50%;right:auto;width:min(620px,calc(100vw - 64px));transform:translate3d(-50%,18px,0)}.pcs__chapter:not(.pcs__chapter--intro).is-active .pcs__copy{transform:translate3d(-50%,0,0)}.pcs:not(.is-in-view) .pcs__chapter:not(.pcs__chapter--intro) .pcs__copy{opacity:0!important;pointer-events:none!important}.pcs__chapter-title{font-size:clamp(29px,4vw,42px)}.pcs__chapter-body{font-size:19px}}@media(max-width:749px){.pcs{background-size:32px 32px}.pcs__stage{top:58px;height:calc(100svh - 58px)}.pcs__atmosphere:before{top:31%;width:92vw;height:92vw}.pcs__atmosphere:after{bottom:45svh;width:90vw}.pcs__atmosphere>span{top:31%;width:74vw}.pcs__object{width:min(70vw,278px)}.pcs[data-scene="0"] .pcs__object{width:min(72vw,286px)}.pcs__pack{top:1%;right:20%;bottom:0;left:20%}.pcs__story-card,.pcs__live-frame{left:20%;width:60%}.pcs__booth{left:-3%;right:-3%;top:14%;height:68%}.pcs__chapters{margin-top:calc(-100svh + 58px)}.pcs__chapter{min-height:calc(100svh - 58px);align-items:flex-start;padding:54svh 20px 24px}.pcs__chapter[data-side]{justify-content:flex-start;text-align:left}.pcs__copy,.pcs__chapter--intro .pcs__copy,.pcs__chapter--finale .pcs__copy{width:100%}.pcs__chapter:not(.pcs__chapter--intro) .pcs__copy{position:fixed;z-index:4;top:52svh;left:20px;right:20px;width:auto}.pcs:not(.is-in-view) .pcs__chapter:not(.pcs__chapter--intro) .pcs__copy{opacity:0!important;pointer-events:none!important}.pcs__chapter--intro{align-items:flex-start;justify-content:center!important;padding:36px 20px 0;text-align:center!important}.pcs__chapter--finale{align-items:flex-start;padding-top:52svh;padding-bottom:24px;text-align:center!important}.pcs__copy,.pcs__chapter[data-side=left] .pcs__copy,.pcs__chapter[data-side=right] .pcs__copy{transform:translate3d(0,18px,0)}.pcs__chapter.is-active .pcs__copy{transform:none}.pcs__intro-title{font-size:clamp(34px,10.4vw,44px)}.pcs__chapter-title{font-size:clamp(28px,8vw,36px)}.pcs__chapter-body{margin-top:13px;font-size:18px;line-height:1.42}.pcs__lines{gap:7px;margin-top:14px;font-size:16.5px}.pcs__lines li{padding-left:18px}.pcs__btn{width:100%;min-height:46px;margin-top:16px}.pcs__cta{gap:8px;margin-top:16px}.pcs__cta .pcs__btn{width:100%}.pcs__scroll-hint{margin-top:13px;font-size:11px}.pcs__scroll-hint i{height:17px}.pcs__live-head{grid-template-columns:26px minmax(0,1fr) auto;gap:5px}.pcs__live-avatar{width:25px;height:25px;padding:4px}.pcs__live-head b{font-size:8px}.pcs__live-head small{font-size:6px}.pcs__live-head i{padding:4px 5px;font-size:7px}.pcs__booth-sign small,.pcs__booth-counter small{font-size:6px}}@media(max-width:390px)and (max-height:760px){.pcs__object{width:min(62vw,236px)}.pcs[data-scene="0"] .pcs__object{width:min(65vw,246px)}.pcs__chapter{padding-top:53svh;padding-bottom:20px}.pcs__chapter--intro{padding-top:26px}.pcs__chapter--finale{padding-top:50svh}.pcs__chapter-title{font-size:27px}.pcs__chapter-body{font-size:17px}.pcs__lines{font-size:15.5px}}@media(prefers-reduced-motion:reduce){.pcs__progress{display:none}.pcs__stage{position:relative;top:auto;height:390px}.pcs__object{top:50%;width:min(72vw,300px);transition:none}.pcs__pack,.pcs__live-frame,.pcs__booth,.pcs__final-logo{display:none}.pcs__story-card{opacity:1;transform:none}.pcs__chapters{margin-top:0}.pcs__chapter,.pcs__chapter--intro,.pcs__chapter--finale{min-height:auto;padding:48px 20px;text-align:left!important}.pcs__chapter .pcs__copy{opacity:1;transform:none;transition:none}.pcs__chapter:not(.pcs__chapter--intro) .pcs__copy{position:static!important;top:auto!important;right:auto!important;left:auto!important;width:auto;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/pullcards-story.css.map */