.scene{--window-h: 52svh;--window-w: calc(var(--window-h) * 206 / 326);--heading-gap: 15px;--scene-fade-to: var(--scene-bg, var(--color-cream));position:relative;width:100%;height:100lvh;overflow:hidden;background-color:var(--scene-bg, var(--color-cream));background-image:linear-gradient(to bottom,var(--scene-bg, var(--color-cream)) 55%,var(--scene-fade-to) 100%);color:var(--scene-fg, var(--color-gold))}@media(min-width:64rem){.scene{--window-h: 56svh;--heading-gap: 25px}}.scene__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.scene__fade{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--scene-fade-to, var(--scene-bg, var(--color-cream)));opacity:0}.scene__bg{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;will-change:transform,opacity,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden}.scene__bg,.scene__bg-img{width:100%;height:100%}.scene__bg-img{object-fit:cover}.scene__bg--placeholder{background-color:#2b2b2b}.scene__veil{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--scene-bg, var(--color-cream));--hole: var(--window-w);will-change:mask-size,opacity;-webkit-mask-image:linear-gradient(#000 0 0),var(--arch-mask);mask-image:linear-gradient(#000 0 0),var(--arch-mask);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-position:center,center;mask-position:center,center;-webkit-mask-size:cover,var(--hole) auto;mask-size:cover,var(--hole) auto;-webkit-mask-composite:xor;mask-composite:exclude}.scene__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.scene__headings{position:absolute;left:50%;bottom:calc(50% + var(--window-h) / 2 + var(--heading-gap));transform:translate(-50%);text-align:center;width:max-content;max-width:85vw}.scene__heading-script,.scene__heading-sans{margin:0}@media(min-width:64rem){.scene .scene__heading-script{font-size:4rem}.scene .scene__heading-sans{font-size:2.75rem}.scene .scene__body{font-size:1.5625rem;max-width:650px}}.scene__window-row{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr var(--window-w) 1fr;grid-template-areas:"left slot right";align-items:center;column-gap:100px;width:min(85vw,1100px)}.scene__actions{display:contents}.scene__window-slot{grid-area:slot;width:var(--window-w);height:var(--window-h)}.scene__aside{display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center;pointer-events:auto}.scene__aside--left{grid-area:left;justify-self:end}.scene__aside--right{grid-area:right;justify-self:start}.scene__tag{margin:0}.scene__body{position:absolute;left:50%;top:calc(50% + var(--window-h) / 2 + 35px);transform:translate(-50%);text-align:center;max-width:85vw;pointer-events:auto}@media not (min-width:64rem){.scene{--window-w: min(200px, calc(100vw - 50px) , calc(40lvh * 206 / 326));--window-h: calc(var(--window-w) * 326 / 206);--scene-p: .34;--scene-cy: calc(var(--scene-p) * (100lvh - var(--window-h)) + var(--window-h) / 2);--scene-body-reserve: 48px}.scene__bg.is-evaporating{-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 24%);mask-image:linear-gradient(to top,transparent 0%,#000 24%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.scene__window-row{display:contents}.scene__window-slot{position:absolute;left:50%;top:var(--scene-cy);transform:translate(-50%,-50%)}.scene__veil{-webkit-mask-position:center,center calc(var(--scene-p) * 100%);mask-position:center,center calc(var(--scene-p) * 100%)}.scene__headings{bottom:calc(100lvh - var(--scene-cy) + var(--window-h) / 2 + var(--heading-gap));max-width:calc(100vw - 50px)}.scene__body{display:block;top:calc(var(--scene-cy) + var(--window-h) / 2 + 22px);width:calc(100vw - 50px);max-width:none;font-size:14px}.scene__actions{display:flex;flex-direction:column;align-items:center;gap:18px;position:absolute;left:50%;transform:translate(-50%);top:calc(var(--scene-cy) + var(--window-h) / 2 + 22px + var(--scene-body-reserve) + 22px);width:calc(100vw - 50px)}.scene__aside{gap:12px}}@media(prefers-reduced-motion:no-preference){html:not(.design-mode):has([data-intro-portal]) [data-scene]{opacity:0}html:not(.design-mode) .scene__veil{--hole: 0px}html:not(.design-mode) .scene__heading-script{opacity:0;transform:translate(-40px)}html:not(.design-mode) .scene__heading-sans{opacity:0;transform:translate(40px)}html:not(.design-mode) .scene__bg{opacity:0}html:not(.design-mode) .scene__aside,html:not(.design-mode) .scene__body{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-scene.css.map */