.story-banner--blocking{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;z-index:250;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#0a0806}.story-banner--in-flow{position:relative;top:auto;left:auto;width:100%;height:auto;z-index:1;pointer-events:auto;display:block;background:transparent}.story-banner{box-sizing:border-box;overflow:visible}.story-banner__inner{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0a0806;box-sizing:border-box}.story-banner--blocking .story-banner__inner{width:100vw;width:100dvw;max-height:100vh;max-height:100dvh}.story-banner--in-flow .story-banner__inner{width:100%;max-height:none}body.story-banner--blocked{overflow:hidden;padding-right:var(--scrollbar-width, 0px)}.story-banner__spacer{display:block;width:100%;aspect-ratio:16 / 9;visibility:hidden;pointer-events:none}.story-banner--in-flow+.story-banner__spacer{height:0;aspect-ratio:auto}.story-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center center;filter:brightness(.85);z-index:0}.story-banner__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--color-surface-alt);pointer-events:none}.story-banner--loaded .story-banner__skeleton{opacity:0;transition:opacity .4s}.story-banner__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.story-banner__vignette--edges{background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.15) 100%)}.story-banner__vignette--depth{background:linear-gradient(180deg,rgba(10,8,6,.15) 0%,transparent 35%,transparent 65%,rgba(10,8,6,.2) 100%)}.story-banner__story{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1)}.story-banner--reveal .story-banner__story{opacity:1;transform:scale(1)}.story-banner__story-inner{max-width:720px;width:90%;padding:var(--space-4xl) var(--space-lg);text-align:center}.story-banner__story-inner h2,.story-banner__story-inner h3{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--color-text-heading);margin-bottom:var(--space-xl);position:relative;padding-bottom:var(--space-md);text-shadow:0 1px 4px rgba(0,0,0,.2)}.story-banner__story-inner h2:after,.story-banner__story-inner h3:after{content:"\25c6  \25c6  \25c6";position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:6px;letter-spacing:6px;color:var(--color-accent)}.story-banner__story-inner p{font-size:var(--font-size-lg);line-height:2;color:var(--color-text-light);margin-bottom:var(--space-lg);text-shadow:0 1px 3px rgba(0,0,0,.2)}.story-banner__story-inner p strong,.story-banner__story-inner strong{color:var(--color-text-heading);font-family:var(--font-heading)}.story-banner__story-inner .highlight{color:var(--color-accent);font-style:italic}.story-banner__door{position:absolute;top:0;width:50%;height:100%;overflow:hidden;will-change:transform;backface-visibility:hidden;z-index:3;transition:transform var(--story-door-duration, 1.2s) var(--story-door-easing, cubic-bezier(.65, 0, .35, 1))}.story-banner__door--left{left:0;transform:translate(0)}.story-banner__door--right{right:0;transform:translate(0)}.story-banner--open .story-banner__door--left{transform:translate(-100%)}.story-banner--open .story-banner__door--right{transform:translate(100%)}.story-banner__door-inner{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0806,#1a1410,#0d0a06);box-shadow:inset 0 0 80px #0009}.story-banner__seam{position:absolute;top:0;left:50%;width:2px;height:100%;transform:translate(-50%);z-index:4;background:linear-gradient(to bottom,transparent 0%,var(--color-accent) 20%,var(--color-accent) 80%,transparent 100%);box-shadow:0 0 16px #6b9b7a66;opacity:1;transition:opacity .4s linear}.story-banner--open .story-banner__seam{opacity:0}.story-banner__title{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:5;text-align:center;width:90%;max-width:640px;pointer-events:auto;transition:opacity .5s ease-out,transform .5s ease-out}.story-banner--open .story-banner__title{opacity:0;transform:translate(-50%,-24px)}.story-banner__title-text{font-family:var(--font-display);font-size:clamp(2rem,5vw,var(--font-size-5xl));font-weight:700;color:var(--color-text-heading);text-shadow:0 2px 12px rgba(0,0,0,.5),0 0 40px rgba(107,155,122,.12);letter-spacing:.08em;margin-bottom:var(--space-sm);line-height:1.2}.story-banner__title-sub{font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:300;color:var(--color-text-light);letter-spacing:.12em;font-style:italic;opacity:.85}@media(max-width:767px){.story-banner__title{top:16%;width:92%}.story-banner__title-text{font-size:var(--font-size-3xl)}.story-banner__title-sub{font-size:var(--font-size-sm)}.story-banner__seam{width:1px;box-shadow:0 0 8px #6b9b7a4d}.story-banner__story-inner{padding:var(--space-2xl) var(--space-md)}.story-banner__story-inner h2,.story-banner__story-inner h3{font-size:var(--font-size-2xl)}.story-banner__story-inner p{font-size:var(--font-size-base);line-height:1.8}}@media(prefers-reduced-motion:reduce){.story-banner--blocking{position:relative}.story-banner__door{transition:none!important;transform:none!important}.story-banner__seam,.story-banner__title{opacity:0}.story-banner__spacer{height:0!important;aspect-ratio:auto!important}.story-banner{position:relative}.story-banner__story{opacity:1;transform:scale(1);transition:none}body.story-banner--blocked{overflow:auto;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/story-banner.css.map */