.kseq{--kseq-amber:#f49e21;--kseq-header:64px;position:relative;background:#000;isolation:isolate}.kseq__track{position:relative;height:var(--kseq-track,600vh)}.kseq__stage{position:absolute;top:0;left:0;right:0;height:100svh;overflow:hidden;background:#000;z-index:1}@supports not (height:100svh){.kseq__stage{height:100vh}}.kseq.is-pinned .kseq__stage{position:fixed;top:0}.kseq.is-past .kseq__stage{position:absolute;top:auto;bottom:0}.kseq__poster,.kseq__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.kseq__poster{object-fit:cover;z-index:1}.kseq__canvas{z-index:2;opacity:0;transition:opacity .4s ease}.kseq--ready .kseq__canvas{opacity:1}.kseq .kseq__canvas{display:block!important}.kseq__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(var(--kseq-band-rgb,0,0,0),.8),rgba(var(--kseq-band-rgb,0,0,0),.66) 13%,rgba(var(--kseq-band-rgb,0,0,0),.22) 25%,rgba(var(--kseq-band-rgb,0,0,0),0) 33%),linear-gradient(180deg,rgba(var(--kseq-band-rgb,0,0,0),0) 48%,rgba(var(--kseq-band-rgb,0,0,0),.62),rgba(var(--kseq-band-rgb,0,0,0),.88) 76%,rgba(var(--kseq-band-rgb,0,0,0),.94))}.kseq__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;text-align:center;padding:calc(var(--kseq-header) + clamp(.9rem,3.5vw,1.75rem)) clamp(1.25rem,6vw,3rem) calc(clamp(1.5rem,6vw,3rem) + env(safe-area-inset-bottom))}.kseq__head{grid-row:1;position:relative;width:100%;max-width:min(94%,34rem);min-height:clamp(5.5rem,23vw,9rem);margin-inline:auto}.kseq__subs{grid-area:subs;position:relative;width:100%;max-width:min(92%,30rem);min-height:clamp(7.4rem,27vw,10rem);margin-inline:auto}.kseq__line{position:absolute;inset-inline:0;top:0;margin:0;color:var(--kseq-ink,#fff);font-size:clamp(2.35rem,10vw,4.1rem);font-weight:800;letter-spacing:-.035em;line-height:1.04;text-wrap:balance;text-shadow:0 0 1px var(--kseq-glow,rgba(0,0,0,.5)),0 1px 18px var(--kseq-glow,rgba(0,0,0,.6));opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease;will-change:opacity,transform}.kseq__line[data-on="1"]{opacity:1;transform:none}.kseq__sub{position:absolute;inset-inline:0;bottom:0;margin:0;color:var(--kseq-ink,#fff);opacity:0;font-size:clamp(1.15rem,4.9vw,1.55rem);font-weight:700;letter-spacing:-.018em;line-height:1.28;text-wrap:balance;text-shadow:0 0 1px var(--kseq-glow,rgba(0,0,0,.5)),0 1px 12px var(--kseq-glow,rgba(0,0,0,.6));transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}.kseq__sub[data-on="1"]{opacity:.94;transform:none}.kseq__sub--lg{font-size:clamp(2.05rem,8.8vw,3.5rem);font-weight:800;letter-spacing:-.032em;line-height:1.05;bottom:calc(-1*clamp(.4rem,2.2vw,1rem));text-shadow:0 0 1px var(--kseq-glow,rgba(0,0,0,.5)),0 1px 18px var(--kseq-glow,rgba(0,0,0,.6))}.kseq__sub--lg[data-on="1"]{opacity:1}.kseq__stack{position:absolute;inset-inline:0;bottom:calc(-1*clamp(2rem,8.5vw,3.4rem));display:grid;gap:.42em;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}.kseq__stack[data-on="1"]{opacity:1;transform:none}.kseq__stack-h{margin:0;color:var(--kseq-ink,#fff);font-size:clamp(1.75rem,7vw,2.7rem);font-weight:800;letter-spacing:-.032em;line-height:1.05;text-wrap:balance;text-shadow:0 0 1px var(--kseq-glow,rgba(0,0,0,.5)),0 1px 16px var(--kseq-glow,rgba(0,0,0,.6))}.kseq__stack-s{margin:0;color:var(--kseq-ink,#fff);opacity:.94;font-size:clamp(1.02rem,4.3vw,1.32rem);font-weight:700;letter-spacing:-.014em;line-height:1.3;text-wrap:balance;text-shadow:0 0 1px var(--kseq-glow,rgba(0,0,0,.5)),0 1px 12px var(--kseq-glow,rgba(0,0,0,.6))}.kseq__foot{grid-row:3;display:grid;grid-template-areas:"subs" "act";gap:clamp(.9rem,3.6vw,1.4rem);justify-items:center;width:100%;padding-bottom:clamp(1.9rem,7.5vw,2.9rem)}.kseq__cta{grid-area:act;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .45s ease,transform .45s ease}.kseq__cta[data-on="1"]{opacity:1;transform:none;pointer-events:auto}.kseq__btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;background:var(--kseq-amber);color:#000;padding:1.05em 2.3em;font-size:.9rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.kseq__btn svg{width:1em;height:1em}.kseq__btn:hover{filter:brightness(1.1)}.kseq__hint{grid-area:act;margin:0;display:inline-flex;align-items:center;gap:.7rem;padding:.8rem 1.5rem .8rem 1.6rem;border-radius:100px;background:var(--kseq-ink,#fff);color:var(--kseq-band,#000);font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 6px 24px #00000047;animation:kseq-nudge 2.4s ease-in-out infinite;transition:opacity .45s ease,transform .45s ease}.kseq__hint[data-on="0"]{opacity:0;transform:translateY(10px);animation:none}@keyframes kseq-nudge{0%,72%,to{transform:translateY(0)}84%{transform:translateY(5px)}}.kseq__hint i{width:9px;height:9px;border-right:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);animation:kseq-chev 2.4s ease-in-out infinite}@keyframes kseq-chev{0%,60%,to{transform:rotate(45deg) translate(-1px,-1px);opacity:.9}80%{transform:rotate(45deg) translate(2px,2px);opacity:1}}.kseq__rail{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff1a;z-index:5}.kseq__rail i{display:block;height:100%;width:0;background:var(--kseq-amber)}.kseq--static{--kseq-ink:#16161a;--kseq-glow:rgba(255,255,255,.62);--kseq-band:#fff;--kseq-band-rgb:255,255,255}.kseq--static .kseq__track{height:auto}.kseq--static .kseq__stage{position:relative;height:min(80svh,700px);inset:auto}.kseq.kseq--static .kseq__canvas{display:none!important}.kseq--static .kseq__rail,.kseq--static .kseq__hint{display:none}.kseq--static .kseq__line,.kseq--static .kseq__sub,.kseq--static .kseq__stack{position:static;opacity:1;transform:none}.kseq--static .kseq__line:not(:first-child),.kseq--static .kseq__sub:not(:first-child),.kseq--static .kseq__stack{display:none}.kseq--static .kseq__head,.kseq--static .kseq__subs{min-height:0}.kseq--static .kseq__foot{padding-bottom:0}.kseq--static .kseq__cta{opacity:1;transform:none;pointer-events:auto}.kseq--static .kseq__vignette{--kseq-scrim:.5}@media(min-width:768px),(orientation:landscape)and (max-height:520px){.kseq{--kseq-ink:#fff;--kseq-glow:rgba(0,0,0,.55);--kseq-band:#000;--kseq-band-rgb:0,0,0}.kseq__track{height:auto}.kseq .kseq__canvas{display:none!important}.kseq__rail,.kseq__hint{display:none}.kseq__line,.kseq__sub,.kseq__stack{position:static;opacity:1;transform:none}.kseq__line:not(:first-child),.kseq__sub:not(:first-child),.kseq__stack{display:none}.kseq__cta{opacity:1;transform:none;pointer-events:auto}.kseq .kseq__stage{position:relative;inset:auto;width:100%;height:min(88svh,900px)}.kseq__poster{object-position:50% 30%}.kseq__overlay{justify-items:start;text-align:left;align-content:center;grid-template-rows:auto auto auto;padding-inline:clamp(2rem,6vw,5.5rem);max-width:min(100%,52rem)}.kseq__head{min-height:0;max-width:min(100%,36rem)}.kseq__subs{min-height:0;max-width:min(100%,30rem)}.kseq__foot{justify-items:start;padding-bottom:0}.kseq__line{font-size:clamp(3rem,5.2vw,4.6rem)}.kseq__sub{font-size:clamp(1.15rem,1.6vw,1.45rem);margin-top:1rem}.kseq__vignette{--kseq-scrim:.5}}@media(prefers-reduced-motion:reduce){.kseq__hint i{animation:none}.kseq__line,.kseq__cta,.kseq__canvas{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/kase-sequence.css.map */