.colorTakeoverV1{position:relative;background:var(--chapter, #4a0f1e)}.colorTakeoverV1Track{position:relative}.colorTakeoverV1Stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--chapter, #4a0f1e)}.colorTakeoverV1Pour{position:absolute;z-index:4;top:0;left:-800px;width:calc(100% + 800px);height:calc(100% + 160px);transform:translate3d(0,120vh,0);will-change:transform;pointer-events:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 160'%3E%3Cpath d='M0 96 C64 70 128 36 208 60 C288 84 336 126 424 104 C512 82 552 40 632 60 C712 80 736 122 800 96 L800 160 L0 160 Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-size:800px 160px,100% calc(100% - 158px);-webkit-mask-position:0 0,0 158px;-webkit-mask-repeat:repeat-x,no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 160'%3E%3Cpath d='M0 96 C64 70 128 36 208 60 C288 84 336 126 424 104 C512 82 552 40 632 60 C712 80 736 122 800 96 L800 160 L0 160 Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-size:800px 160px,100% calc(100% - 158px);mask-position:0 0,0 158px;mask-repeat:repeat-x,no-repeat}.colorTakeoverV1PourInner{position:absolute;top:0;left:800px;width:calc(100% - 800px);height:calc(100% - 160px);transform:translateZ(0);will-change:transform}.colorTakeoverV1PourHi,.colorTakeoverV1PourHi2{position:absolute;top:0;left:0;width:100%;height:160px;background:var(--pour-hi, #6b1a30);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 160'%3E%3Cpath d='M0 96 C64 70 128 36 208 60 C288 84 336 126 424 104 C512 82 552 40 632 60 C712 80 736 122 800 96' fill='none' stroke='white' stroke-width='4'/%3E%3C/svg%3E");-webkit-mask-size:800px 160px;-webkit-mask-repeat:repeat-x;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 160'%3E%3Cpath d='M0 96 C64 70 128 36 208 60 C288 84 336 126 424 104 C512 82 552 40 632 60 C712 80 736 122 800 96' fill='none' stroke='white' stroke-width='4'/%3E%3C/svg%3E");mask-size:800px 160px;mask-repeat:repeat-x}.colorTakeoverV1PourHi2{top:12px;opacity:.35;filter:blur(2px)}.colorTakeoverV1[data-wave=saw] .colorTakeoverV1Pour{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 160'%3E%3Cpath d='M0 120 L100 40 L200 120 L300 56 L400 120 L500 36 L600 120 L700 52 L800 120 L800 160 L0 160 Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 160'%3E%3Cpath d='M0 120 L100 40 L200 120 L300 56 L400 120 L500 36 L600 120 L700 52 L800 120 L800 160 L0 160 Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000)}.colorTakeoverV1[data-wave=saw] .colorTakeoverV1PourHi,.colorTakeoverV1[data-wave=saw] .colorTakeoverV1PourHi2{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 160'%3E%3Cpath d='M0 120 L100 40 L200 120 L300 56 L400 120 L500 36 L600 120 L700 52 L800 120' fill='none' stroke='white' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 160'%3E%3Cpath d='M0 120 L100 40 L200 120 L300 56 L400 120 L500 36 L600 120 L700 52 L800 120' fill='none' stroke='white' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E")}.colorTakeoverV1Product{position:absolute;z-index:3;left:63%;top:50%;width:min(540px,42vw);transform:translate(-50%,-50%);display:grid}.colorTakeoverV1[data-shadow=drop] .colorTakeoverV1Product{filter:drop-shadow(0 30px 48px rgba(0,0,0,.35))}.ctGroundShadow{display:none;position:absolute;left:50%;bottom:0;transform:translate(-50%);width:76%;aspect-ratio:8 / 1;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#00000057,#00000024 45%,#0000 72%);pointer-events:none}.colorTakeoverV1[data-shadow=ground] .ctGroundShadow{display:block}.ctScene{grid-area:1 / 1;opacity:0}.ctScene[data-active]{opacity:1}.ctSceneMedia{position:relative}.ctSceneMedia img{display:block;width:100%;height:auto}.ctScenePlaceholder{width:100%;aspect-ratio:1 / 1}.ctSeq{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.ctScene.ctSeqReady .ctSeq{display:block}.ctScene.ctSeqReady .ctSceneMedia>:not(canvas){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;visibility:hidden}.ctGlint{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.ctGlintBar{position:absolute;top:-20%;left:0;height:140%;width:30%;background:linear-gradient(100deg,#fff0,#ffffff47,#fff0);transform:translate3d(var(--glintX, -140%),0,0);will-change:transform}.ctShimmer{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background:radial-gradient(closest-side,#ffffff24,#fff0 68%);opacity:0;transform:translate3d(var(--tiltX, 0px),var(--tiltY, 0px),0);will-change:transform,opacity;pointer-events:none}.colorTakeoverV1.ctTilting .ctShimmer{opacity:1;transition:opacity .6s ease}.colorTakeoverV1Copy{position:absolute;z-index:5;left:clamp(24px,5vw,72px);top:50%;transform:translateY(-50%);width:min(560px,42vw);display:grid}.ctCopyBlock{grid-area:1 / 1;opacity:0;transform:translate3d(0,18px,0);will-change:opacity,transform;color:var(--ink, #fcfcfc);pointer-events:none}.colorTakeoverV1:not(.ctReady) .ctCopyBlock:first-child{opacity:1;transform:none;pointer-events:auto}.ctCopyBlock.ctLive{pointer-events:auto}.ctEyebrow{color:var(--ink-soft, rgba(252, 252, 252, .75));font-size:12px;font-weight:700;letter-spacing:.18em;line-height:16px;margin:0 0 14px;text-transform:uppercase}.ctTitle{color:var(--ink, #fcfcfc);font-size:clamp(30px,3.6vw,50px);line-height:1.08;text-transform:uppercase;text-wrap:balance;margin:0 0 16px}.ctText{color:var(--ink-soft, rgba(252, 252, 252, .75));font-size:14px;line-height:22px;max-width:46ch;margin:0 0 28px}.ctCta{display:inline-block;border:1.5px solid var(--ink, #fcfcfc);border-radius:10px;background:transparent;color:var(--ink, #fcfcfc);font-size:15px;font-weight:700;letter-spacing:.04em;padding:14px 34px;text-align:center;text-transform:uppercase;text-decoration:none;transition:background-color .25s ease,color .25s ease}.ctCta:hover{background:var(--ink, #fcfcfc);color:var(--chapter, #4a0f1e)}.colorTakeoverV1Swatches{position:absolute;z-index:7;right:clamp(20px,4vw,44px);bottom:calc(26px + env(safe-area-inset-bottom));display:flex;gap:14px;padding:12px 16px;border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#7f7f7f24;border:1px solid rgba(127,127,127,.28)}.ctSwatch{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(127,127,127,.6);padding:0;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ctSwatch[aria-current=true]{transform:scale(1.2);border-color:var(--ink, #fcfcfc);box-shadow:0 0 0 2px var(--chapter, #4a0f1e),0 0 0 3.5px var(--ink, #fcfcfc)}.ctSwatch:focus-visible{outline:2px solid #1e63e3;outline-offset:3px}.colorTakeoverV1Hint{position:absolute;z-index:5;left:50%;bottom:calc(26px + env(safe-area-inset-bottom));transform:translate(-50%);color:var(--ink-soft, rgba(252, 252, 252, .75));font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;transition:opacity .4s ease}@media(prefers-reduced-motion:no-preference){.colorTakeoverV1Hint{animation:ctHint 2.4s ease-in-out infinite}}@keyframes ctHint{0%,to{opacity:.55}50%{opacity:1}}.colorTakeoverV1Hint.ctHidden{opacity:0}.ctSrOnly{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.colorTakeoverV1Static{display:none}@media(prefers-reduced-motion:reduce){.colorTakeoverV1Track{display:none}.colorTakeoverV1Static{display:block}}.ctPanel{min-height:82vh;display:grid;align-content:center;justify-items:center;gap:36px;padding:96px 24px;text-align:center}.ctPanel .ctCopyBlock{position:static;opacity:1;transform:none;pointer-events:auto;max-width:560px}.ctPanel .colorTakeoverV1Product{position:relative;left:auto;top:auto;transform:none;width:min(540px,88vw)}.ctPanel .ctScene{opacity:1}@media(max-width:800px){.colorTakeoverV1Product{left:50%;top:40%;width:min(420px,82vw)}.colorTakeoverV1Copy{left:20px;right:20px;top:60%;bottom:auto;transform:none;width:auto;text-align:center}.ctText{margin-left:auto;margin-right:auto}.ctTitle{font-size:clamp(26px,7.4vw,34px)}.colorTakeoverV1Swatches{right:12px;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;gap:12px;padding:14px 10px}.colorTakeoverV1Hint{display:none}.ctPanel .colorTakeoverV1Product{width:min(420px,88vw)}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/section-color-takeover-v1.css.map */