@keyframes dtcDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(70px,-56px,0) scale(1.14)}}@keyframes dtcTwinkle{0%,to{opacity:calc(var(--sp-o, .5) * .2);transform:scale(.72)}50%{opacity:var(--sp-o, .5);transform:scale(1.18)}}.dtc-sp{position:relative;height:auto;background:var(--sp-bg, #0E1322);color:var(--paper);isolation:isolate}.dtc-sp__stage{--sp-spread: .62;--sp-radius: .37;--sp-radius-max: 250;position:relative;height:auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:56px 0 130px}.dtc-sp :focus-visible{outline:2px solid var(--gold);outline-offset:3px}.dtc-sp__orb{position:absolute;border-radius:50%;pointer-events:none;will-change:transform}.dtc-sp__orb--a{left:-8%;top:-12%;width:520px;height:520px;background:radial-gradient(circle,rgba(245,179,1,.32),transparent 68%);filter:blur(46px);animation:dtcDrift 17s var(--ease-move) infinite alternate}.dtc-sp__orb--b{right:-10%;bottom:-14%;width:560px;height:560px;background:radial-gradient(circle,rgba(94,120,190,.3),transparent 68%);filter:blur(52px);animation:dtcDrift 21s var(--ease-move) 2s infinite alternate-reverse}.dtc-sp__orb--c{left:34%;bottom:-20%;width:420px;height:420px;background:radial-gradient(circle,rgba(245,179,1,.18),transparent 68%);filter:blur(50px);animation:dtcDrift 14s var(--ease-move) 1s infinite alternate}.dtc-sp__sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.dtc-sp__spark{position:absolute;line-height:1;opacity:var(--sp-o, .5);color:#fbfaf7e6;animation:dtcTwinkle var(--t, 3s) var(--ease-fade) var(--d, 0s) infinite}.dtc-sp__spark--gold{color:var(--gold);text-shadow:0 0 12px rgba(245,179,1,.9)}.dtc-sp__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(8,11,20,.6) 100%)}.dtc-sp__title{position:relative;z-index:5;text-align:center;padding:0 var(--gutter);margin-bottom:0;will-change:transform,opacity}.dtc-sp__kicker{letter-spacing:.26em;color:var(--gold)}.dtc-sp__head{margin:16px 0 0;font-size:clamp(40px,8vw,120px);line-height:.92;letter-spacing:-.03em;color:var(--paper)}.dtc-sp__accent{color:var(--gold)}.dtc-sp__sub{margin:20px auto 0;max-width:520px;color:#fbfaf7bf}.dtc-sp__cards{position:relative;width:100%;height:min(46vh,430px);min-height:300px;margin-top:clamp(16px,3vw,36px);pointer-events:none}.dtc-sp__card{position:absolute;left:50%;top:50%;width:min(clamp(160px,48vw,240px),36vh);pointer-events:auto;text-decoration:none;color:var(--paper);will-change:transform,opacity}.dtc-sp__frame{display:block;width:100%;aspect-ratio:9 / 7;border-radius:14px;overflow:hidden;filter:drop-shadow(0 30px 44px rgba(0,0,0,.5))}.dtc-sp__frame--cutout{border-radius:0;overflow:visible;aspect-ratio:1;filter:drop-shadow(0 26px 38px rgba(0,0,0,.55))}.dtc-sp__frame--cutout .dtc-sp__img{object-fit:contain}.dtc-sp__img{display:block;width:100%;height:100%;object-fit:cover}.dtc-sp__img--empty{background:#fbfaf70a}.dtc-sp__ph{width:100%;height:100%}.dtc-sp__meta{display:block;margin-top:12px;text-align:center}.dtc-sp__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-sans);font-weight:700;font-size:13px;line-height:1.3;color:var(--paper)}.dtc-sp__card.is-zoomed .dtc-sp__img{image-rendering:auto}.dtc-sp__card.is-zoomed .dtc-sp__frame--cutout{filter:drop-shadow(0 40px 60px rgba(0,0,0,.62))}.dtc-sp__card.is-zoomed .dtc-sp__name{color:var(--gold)}.dtc-sp__empty{position:relative;z-index:5;color:#fbfaf7bf}.dtc-sp__chips{position:absolute;left:50%;bottom:84px;transform:translate(-50%);z-index:235;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.4vw,10px);width:max-content;max-width:min(92vw,760px);padding:0 var(--gutter)}.dtc-sp__chip{flex:none;width:clamp(30px,8.6vw,44px);height:clamp(30px,8.6vw,44px);padding:0;overflow:hidden;border-radius:50%;border:1px solid rgba(251,250,247,.28);background:#fbfaf712;cursor:pointer;transition:border-color .3s var(--ease-fade),transform .3s var(--ease-move)}.dtc-sp__chip.is-front{border:2px solid var(--gold);transform:scale(1.14)}.dtc-sp__chipimg{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none}.dtc-sp__cta{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:230;display:inline-block;padding:16px 28px;border-radius:var(--r-pill);background:var(--gold);color:var(--ink);font-family:var(--font-sans);font-weight:800;font-size:12.5px;letter-spacing:.14em;white-space:nowrap;text-decoration:none;box-shadow:0 18px 50px -12px #f5b30180;transition:transform .3s var(--ease-move),background-color .3s var(--ease-fade)}.dtc-sp__prog{position:absolute;left:0;bottom:0;z-index:240;height:3px;width:0;background:var(--gold);display:none}@media(max-width:749px){.dtc-sp__orb--a,.dtc-sp__orb--c{width:300px;height:300px}.dtc-sp__orb--b{width:330px;height:330px}}@media(min-width:750px){.dtc-sp__stage{--sp-spread: 1.18;--sp-radius: .46;--sp-radius-max: 660;padding:clamp(70px,9vw,120px) 0 190px}.dtc-sp__cards{height:52vh;min-height:380px}.dtc-sp__card{width:min(clamp(190px,24vw,330px),38vh)}.dtc-sp__chips{bottom:104px;gap:10px}.dtc-sp__cta{bottom:36px;padding:17px 32px;font-size:13px}.dtc-sp__chip{width:clamp(38px,3.6vw,52px);height:clamp(38px,3.6vw,52px)}.dtc-sp__name{font-size:14px}}@media(hover:hover)and (pointer:fine){.dtc-sp__cta:hover{transform:translate(-50%,-3px)}.dtc-sp__chip:hover{border-color:var(--gold)}}@media(prefers-reduced-motion:no-preference){.dtc-sp-js .dtc-sp{height:115vh}.dtc-sp-js .dtc-sp__stage{position:sticky;top:0;height:100vh;padding:calc(var(--header-h) + 24px) 0 0}.dtc-sp-js .dtc-sp__cards{position:absolute;left:0;right:0;top:min(310px,42vh);height:min(44vh,430px);bottom:auto;width:auto;min-height:0;margin:0}.dtc-sp-js .dtc-sp__prog{display:block}@media(min-width:750px){.dtc-sp-js .dtc-sp{height:135vh}.dtc-sp-js .dtc-sp__stage{justify-content:center;padding:0}.dtc-sp-js .dtc-sp__title{margin-bottom:min(20vh,170px)}.dtc-sp-js .dtc-sp__cards{top:0;height:auto;bottom:108px}}}@media(prefers-reduced-motion:reduce){.dtc-sp__orb,.dtc-sp__spark{animation:none}.dtc-sp__spark{opacity:var(--sp-o, .5)}.dtc-sp__chip,.dtc-sp__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/dtc-special.css.map */