.takeover{position:relative;margin-top:var(--stage-gap)}.takeover__stage{color:var(--stage-ink);transition:color .5s var(--ease)}.takeover:not(.is-enhanced) .takeover__stage{background:none!important;overflow:visible}.takeover:not(.is-enhanced) .takeover__rings,.takeover:not(.is-enhanced) .takeover__num,.takeover:not(.is-enhanced) .takeover__ings,.takeover:not(.is-enhanced) .pack-canvas,.takeover:not(.is-enhanced) .takeover__packs,.takeover:not(.is-enhanced) .takeover__rail,.takeover:not(.is-enhanced) .takeover__progress{display:none}.takeover:not(.is-enhanced) .takeover__panels{display:grid;gap:var(--stage-gap)}.takeover:not(.is-enhanced) .takeover__panel{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;background:var(--c);color:var(--panel-ink);border-radius:var(--r-xl);padding:clamp(32px,5vw,80px)}.takeover__panel-pack{width:min(360px,80%);justify-self:center;filter:drop-shadow(0 30px 26px rgba(40,24,6,.3))}.takeover.is-enhanced{height:calc(var(--n, 3) * 100vh + 60vh)}.takeover.is-enhanced .takeover__sticky{position:sticky;top:var(--header-h);height:calc(100svh - var(--header-h));min-height:560px;padding-bottom:var(--stage-gap)}.takeover.is-enhanced .takeover__stage{height:100%}.takeover.is-enhanced .takeover__panel-pack{display:none}.takeover__rings{position:absolute;left:70%;top:50%;width:0;height:0;z-index:0;pointer-events:none}.takeover__rings i{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid color-mix(in srgb,#fff 30%,transparent);transform:translate(-50%,-50%) scale(var(--ring-s, 1));transition:transform .9s var(--ease)}.takeover__rings i:nth-child(1){width:44vmin;height:44vmin;background:color-mix(in srgb,#fff 14%,transparent)}.takeover__rings i:nth-child(2){width:70vmin;height:70vmin}.takeover__rings i:nth-child(3){width:98vmin;height:98vmin}.takeover__rings i:nth-child(4){width:128vmin;height:128vmin}.takeover__num{position:absolute;z-index:1;right:4%;bottom:-4%;font-size:clamp(160px,26vw,420px);line-height:.8;color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--stage-ink) 30%,transparent);pointer-events:none}.takeover__ings{position:absolute;z-index:2;left:70%;top:50%;width:0;height:0;pointer-events:none}.takeover__ing-group{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s var(--ease)}.takeover__ing-group.is-active{opacity:1}.takeover__ing{position:absolute;left:0;top:0;width:var(--size);transform:translate(-50%,-50%) translate(calc(var(--dx) * var(--spread, 1) * 1vmin),calc(var(--dy) * var(--spread, 1) * 1vmin))}.takeover__ing svg{width:100%;height:auto;overflow:visible;animation:ingFloat2 calc(3.6s + var(--i) * .5s) ease-in-out infinite alternate;filter:drop-shadow(0 8px 6px rgba(40,24,6,.2))}@keyframes ingFloat2{0%{rotate:-8deg}to{translate:0 -12px;rotate:12deg}}.takeover .pack-canvas,.takeover .pack-imgs{z-index:3}.takeover.is-enhanced .takeover__panels{position:absolute;z-index:4;left:var(--gutter);top:0;bottom:0;width:min(560px,44%);pointer-events:none}.takeover.is-enhanced .takeover__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center}.takeover.is-enhanced .takeover__text>*{opacity:0;transform:translateY(34px);transition:opacity .45s var(--ease),transform .7s var(--ease)}.takeover.is-enhanced .takeover__panel.is-active{pointer-events:auto}.takeover.is-enhanced .takeover__panel.is-active .takeover__text>*{opacity:1;transform:none}.takeover.is-enhanced .takeover__panel.is-active .takeover__text>:nth-child(2){transition-delay:.06s}.takeover.is-enhanced .takeover__panel.is-active .takeover__text>:nth-child(3){transition-delay:.12s}.takeover.is-enhanced .takeover__panel.is-active .takeover__text>:nth-child(4){transition-delay:.18s}.takeover.is-enhanced .takeover__panel.is-active .takeover__text>:nth-child(5){transition-delay:.24s}.takeover.is-enhanced .takeover__panel:not(.is-active){visibility:hidden;transition:visibility 0s .5s}.takeover__text{display:grid;gap:18px;justify-items:start}.takeover__name{font-size:clamp(56px,7.6vw,132px);line-height:.84}.takeover__tag{font-size:clamp(18px,1.6vw,22px);font-weight:600;max-width:26ch;margin:0}.takeover__facts{display:flex;flex-wrap:wrap;gap:8px}.takeover__buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:6px}.takeover__buy .price{font-size:26px}.takeover__size{font-size:15px;font-weight:600;opacity:.75}.takeover__form{margin:0}.takeover__atc{--btn-bg: var(--butter);--btn-fg: var(--ink)}.takeover__hint{flex-basis:100%;font-size:13px;opacity:.8;margin:0}.takeover__rail{position:absolute;z-index:5;right:var(--gutter);top:50%;transform:translateY(-50%);display:grid;gap:10px}.takeover__thumb{width:64px;height:76px;border-radius:18px;background:var(--c);border:2px solid var(--ink);display:grid;place-items:center;padding:6px;transition:transform .35s var(--ease-bounce),box-shadow .35s var(--ease)}.takeover__thumb img{height:100%;width:auto}.takeover__thumb:hover{transform:scale(1.06) rotate(-4deg)}.takeover__thumb.is-active{box-shadow:0 0 0 4px var(--butter);transform:scale(1.08)}.takeover__progress{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);bottom:22px;height:4px;border-radius:4px;background:color-mix(in srgb,var(--stage-ink) 18%,transparent);overflow:hidden}.takeover__progress span{display:block;height:100%;width:0;background:var(--stage-ink);border-radius:inherit}@media(max-width:749px){.takeover.is-enhanced{height:calc(var(--n, 3) * 80vh + 40vh)}.takeover:not(.is-enhanced) .takeover__panel{grid-template-columns:1fr;text-align:left}.takeover:not(.is-enhanced) .takeover__panel-pack{order:-1;width:60%}.takeover__rings,.takeover__ings{left:50%;top:34%}.takeover__rings i:nth-child(1){width:62vmin;height:62vmin}.takeover__num{font-size:42vw;right:auto;left:4%;top:2%;bottom:auto}.takeover.is-enhanced .takeover__panels{left:var(--gutter);right:var(--gutter);width:auto;top:auto;bottom:40px;height:48%}.takeover.is-enhanced .takeover__panel{align-items:flex-end}.takeover__text{gap:10px}.takeover__name{font-size:clamp(44px,13vw,64px)}.takeover__tag{font-size:16px}.takeover__facts{display:none}.takeover__buy{gap:10px 14px}.takeover__buy .price{font-size:22px}.takeover__buy .btn{min-height:48px;padding:0 18px}.takeover__rail{top:16px;transform:none;right:12px;gap:6px}.takeover__thumb{width:42px;height:50px;border-radius:12px;padding:4px}.takeover__ing{width:calc(var(--size) * .62)}.takeover__progress{bottom:14px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-takeover.css.map */