.story{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;overflow:hidden;background:#03050c;color:#eef3ff;opacity:0;transition:opacity .6s ease}.story.is-open{opacity:1}.story__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.story__grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:var(--story-grain);background-size:180px 180px;animation:story-grain .9s steps(6) infinite}@keyframes story-grain{0%{transform:translate(0)}20%{transform:translate(-6%,4%)}40%{transform:translate(5%,-3%)}60%{transform:translate(-3%,-6%)}80%{transform:translate(6%,5%)}to{transform:translate(0)}}.story__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.75) 100%)}.story__bar{position:absolute;left:0;right:0;height:11vh;background:#000;z-index:3;transition:transform 1.2s cubic-bezier(.7,0,.2,1)}.story__bar--top{top:0;transform:translateY(-100%)}.story__bar--bottom{bottom:0;transform:translateY(100%)}.story.is-playing .story__bar{transform:none}@media(max-aspect-ratio:3/4){.story__bar{height:8vh}}.story__chapter{position:absolute;top:calc(11vh + 22px);left:0;right:0;z-index:4;margin:0;text-align:center;font-family:var(--font-body, sans-serif);font-size:.72rem;letter-spacing:.5em;text-transform:uppercase;color:#9bbbe8;opacity:0;transition:opacity .8s,letter-spacing 1.6s cubic-bezier(.2,.7,.2,1)}.story__chapter.is-in{opacity:.9;letter-spacing:.32em}.story__subtitle{position:absolute;left:50%;bottom:17vh;z-index:4;width:min(880px,88vw);transform:translate(-50%);text-align:center;font-family:var(--font-heading, serif);font-size:clamp(1.25rem,.9rem + 1.8vw,2.4rem);line-height:1.3;letter-spacing:.01em;text-shadow:0 2px 20px rgba(0,0,0,.8),0 0 30px rgba(110,160,255,.35)}.story__subtitle .w{display:inline-block;opacity:0;filter:blur(12px);transform:translateY(18px) scale(.98);transition:opacity .9s ease,filter 1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d) * 1ms)}.story__subtitle.is-in .w{opacity:1;filter:blur(0);transform:none}.story__subtitle.is-out .w{opacity:0;filter:blur(10px);transform:translateY(-12px);transition-duration:.6s;transition-delay:calc(var(--d) * .25ms)}.story__subtitle em{font-style:normal;color:#dce9fb;text-shadow:0 0 24px rgba(155,187,232,.9)}.story__ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.story__progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#9bbbe826}.story__progress span{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#6a92d2,#fff);box-shadow:0 0 10px #9bbbe8}.story__skip,.story__close,.story__replay{pointer-events:auto;position:absolute;border:1px solid rgba(155,187,232,.35);background:#070b168c;color:#eef3ff;border-radius:40px;cursor:pointer;font:500 .72rem/1 var(--font-body, sans-serif);letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,border-color .2s}.story__skip{right:20px;bottom:22px;padding:12px 18px}.story.is-ended .story__skip{display:none}.story__close{right:16px;top:16px;width:44px;height:44px;display:grid;place-items:center;padding:0}.story__skip:hover,.story__close:hover,.story__replay:hover{background:#9bbbe833;border-color:#9bbbe8}.story__end{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:0 24px}.story__end>*{opacity:0;transform:translateY(20px);transition:opacity .9s,transform 1s cubic-bezier(.2,.7,.2,1)}.story__end.is-in>*{opacity:1;transform:none}.story__end.is-in>*:nth-child(2){transition-delay:.15s}.story__end.is-in>*:nth-child(3){transition-delay:.3s}.story__end.is-in>*:nth-child(4){transition-delay:.45s}.story__end-logo{width:72px;height:72px;filter:drop-shadow(0 0 20px rgba(110,160,255,.8))}.story__end-title{margin:0 -.45em 0 0;font-family:var(--font-heading, serif);font-size:clamp(2.6rem,2rem + 4vw,5.5rem);letter-spacing:.45em;text-shadow:0 0 40px rgba(110,160,255,.55)}.story__end-sub{margin:0 0 12px;color:#aab8d9;max-width:44ch}.story__end-ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.story__replay{position:static;padding:14px 18px}.story-trigger-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid currentColor;font-size:8px;margin-right:2px}@media(prefers-reduced-motion:reduce){.story__grain{animation:none}.story__subtitle .w,.story__end>*{transition:none;filter:none}}.story-hero{position:relative;overflow:hidden;min-height:min(86svh,760px);display:grid;place-items:center;text-align:center;isolation:isolate}.story-hero__sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,rgba(31,25,204,.28),transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(44,86,190,.2),transparent 60%)}.story-hero__inner{display:flex;flex-direction:column;align-items:center;padding-top:60px;padding-bottom:60px}.story-hero__logo{width:96px;height:96px;margin-bottom:18px;filter:drop-shadow(0 0 22px rgba(110,160,255,.7))}.story-hero__title{font-size:clamp(2.6rem,1.6rem + 5vw,6rem);font-style:italic;margin:0 0 18px;letter-spacing:.01em;text-shadow:0 0 40px rgba(110,160,255,.4)}.story-hero__text{max-width:46ch;margin-bottom:30px;font-size:1.05rem}.story-hero__play{display:inline-flex;align-items:center;gap:14px;background:none;border:0;color:var(--c-text);cursor:pointer;font:500 .8rem/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase}.story-hero__play-ring{position:relative;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--c-btn-bg);color:var(--c-btn-text);font-size:18px;box-shadow:0 0 40px #9bbbe880;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.story-hero__play-ring span{margin-left:4px}.story-hero__play-ring:before,.story-hero__play-ring:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid rgba(155,187,232,.5)}.story-hero__play:hover .story-hero__play-ring{transform:scale(1.08)}@media(prefers-reduced-motion:no-preference){.story-hero__play-ring:before{animation:story-ping 2.4s ease-out infinite}.story-hero__play-ring:after{animation:story-ping 2.4s 1.2s ease-out infinite}.story-hero__logo{animation:story-float 6s ease-in-out infinite}}@keyframes story-ping{0%{transform:scale(.9);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes story-float{50%{transform:translateY(-10px) rotate(6deg)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/story.css.map */