.molecule-scroll{display:block;position:relative;height:var(--molecule-scroll-height);min-height:100vh;background:var(--molecule-background)}.molecule-scroll__scene{position:sticky;top:0;width:100%;height:100vh;min-height:50rem;overflow:hidden;background:var(--molecule-background);isolation:isolate}.molecule-scroll__topbar{position:absolute;z-index:3;top:0;right:auto;left:50%;width:100%;max-width:var(--page-width);transform:translate(-50%);padding:var(--molecule-topbar-padding-top) var(--molecule-topbar-padding-x) 0;color:var(--molecule-topbar-text-color)}.molecule-scroll__topbar-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(2.4rem,2.76vw,5.2rem);align-items:center;width:100%}.molecule-scroll__topbar-brand,.molecule-scroll__topbar-center,.molecule-scroll__topbar-right{margin:0;color:inherit}.molecule-scroll__topbar-brand{grid-column:1 / span 3;justify-self:start;font-family:var(--font-heading-family);font-size:3rem;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:0;line-height:1.1}.molecule-scroll__topbar-center,.molecule-scroll__topbar-right{font-family:Geist Mono,monospace;font-size:1.3rem;font-style:normal;font-weight:400;letter-spacing:-.013rem;line-height:1.6}.molecule-scroll__topbar-center{grid-column:6 / span 4;justify-self:start;text-align:left}.molecule-scroll__topbar-right{grid-column:11 / -1;justify-self:end;text-align:right}.molecule-scroll__divider{display:block;width:100%;height:.1rem;margin-top:var(--molecule-topbar-divider-gap);background:var(--molecule-divider-color)}@supports (height: 100svh){.molecule-scroll{height:var(--molecule-scroll-height-small);min-height:100svh}.molecule-scroll__scene{height:100svh}.molecule-scroll__media{--molecule-text-top-viewport: var(--molecule-text-top-viewport-small)}}.molecule-scroll__media{--molecule-divider-bottom: calc( var(--molecule-topbar-padding-top) + 3.3rem + var(--molecule-topbar-divider-gap) + .1rem );--molecule-divider-clearance: calc(var(--molecule-drift-y) + 1.6rem);--molecule-text-clearance: calc(var(--molecule-drift-y) + 5.6rem);--molecule-height-limited-size: calc( var(--molecule-text-top-viewport) - var(--molecule-divider-bottom) - var(--molecule-divider-clearance) - var(--molecule-text-clearance) );--molecule-media-size: min( var(--molecule-media-width), max(32rem, 31.25vw), max(20rem, var(--molecule-height-limited-size)), calc(100vw - 4rem) );position:absolute;z-index:1;top:max(var(--molecule-media-top),calc(var(--molecule-divider-bottom) + var(--molecule-divider-clearance) + var(--molecule-media-size) / 2));left:50%;width:var(--molecule-media-size);aspect-ratio:1;transform:translate3d(-50%,-50%,0);transform-origin:center;animation:molecule-drift var(--molecule-drift-duration) ease-in-out infinite;animation-play-state:paused;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.molecule-scroll.is-visible .molecule-scroll__media{animation-play-state:running}@keyframes molecule-drift{0%,to{transform:translate3d(-50%,-50%,0)}22%{transform:translate3d(calc(-50% + var(--molecule-drift-x)),calc(-50% - var(--molecule-drift-y)),0)}48%{transform:translate3d(calc(-50% - var(--molecule-drift-x)),calc(-50% - var(--molecule-drift-y)),0)}73%{transform:translate3d(calc(-50% + var(--molecule-drift-x)),calc(-50% + var(--molecule-drift-y)),0)}}.molecule-scroll__video,.molecule-scroll__poster{display:block;width:100%;height:100%;object-fit:contain}.molecule-scroll__video{width:calc(100% + .4rem);height:calc(100% + .4rem);max-width:none;margin:-.2rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.molecule-scroll__poster{color:#100f0f1f}.molecule-scroll__poster.placeholder-svg{background:transparent}.molecule-scroll__texts{position:absolute;z-index:2;top:var(--molecule-text-top);left:50%;width:min(var(--molecule-text-width),calc(100vw - 4rem));transform:translate(-50%,-50%);text-align:center}.molecule-scroll__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.molecule-scroll__slide:first-child{position:relative}.molecule-scroll__line{display:block;margin:0;color:var(--molecule-text-color);font-family:var(--font-heading-family);font-size:var(--molecule-text-size);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:0;line-height:1.35;opacity:0}.molecule-scroll__slide.is-active .molecule-scroll__line,.molecule-scroll.is-characterized .molecule-scroll__line{opacity:1}.molecule-scroll__animated-line{display:block}.molecule-scroll__word{display:inline-block;white-space:nowrap}.molecule-scroll__character{display:inline-block;opacity:0;filter:blur(.6rem);transform:translate3d(0,2.6rem,0);transition:opacity 1.8s cubic-bezier(.22,1,.36,1),filter 1.8s cubic-bezier(.22,1,.36,1),transform 2.1s cubic-bezier(.22,1,.36,1);transition-delay:0ms;will-change:transform,opacity,filter}.molecule-scroll__slide.is-before .molecule-scroll__character{transform:translate3d(0,-1.2rem,0)}.molecule-scroll.is-visible .molecule-scroll__slide.is-active .molecule-scroll__character{opacity:1;filter:blur(0);transform:translateZ(0);transition-delay:var(--molecule-character-delay, 0ms)}.molecule-scroll__editor-note{margin:0;color:var(--molecule-text-color);font-size:1.4rem;line-height:1.4;opacity:.65}@media screen and (max-width:749px){.molecule-scroll__scene{min-height:48rem}.molecule-scroll__media{top:clamp(35rem,var(--molecule-media-top-mobile),46rem);width:min(var(--molecule-media-width-mobile),max(24rem,72vw),calc(100vw - 3.2rem))}.molecule-scroll__topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:clamp(2.8rem,8vw,4rem) clamp(2rem,8vw,4rem) 0}.molecule-scroll__topbar-row{display:contents}.molecule-scroll__topbar-brand{grid-column:1;grid-row:1;font-size:2.4rem}.molecule-scroll__topbar-center{grid-column:1 / -1;grid-row:3;justify-self:center;width:min(28rem,calc(100vw - 6.4rem));margin-top:4.6rem;font-size:1.3rem;text-align:center}.molecule-scroll__topbar-right{grid-column:2;grid-row:1;color:#7f969b;font-size:1.3rem}.molecule-scroll__divider{grid-column:1 / -1;grid-row:2;margin-top:3.2rem}.molecule-scroll__texts{top:clamp(52rem,var(--molecule-text-top-mobile),72rem);width:min(var(--molecule-text-width),calc(100vw - 3.2rem))}.molecule-scroll__line{font-size:var(--molecule-text-size-mobile)}}@media(prefers-reduced-motion:reduce){.molecule-scroll{height:auto;min-height:100vh}.molecule-scroll__scene{position:relative;display:flex;min-height:100vh;height:auto;flex-direction:column;align-items:center;justify-content:center;gap:5rem;padding:6rem 2rem;overflow:visible}.molecule-scroll__media,.molecule-scroll__texts,.molecule-scroll__slide,.molecule-scroll__slide:first-child{position:relative;inset:auto;top:auto;left:auto;transform:none}.molecule-scroll__topbar{position:relative;inset:auto;width:100%;transform:none}.molecule-scroll__texts{display:grid;gap:2.4rem}.molecule-scroll__slide{pointer-events:auto}.molecule-scroll__line,.molecule-scroll__character,.molecule-scroll__slide.is-before .molecule-scroll__character,.molecule-scroll.is-visible .molecule-scroll__slide.is-active .molecule-scroll__character{opacity:1;filter:none;transform:none;transition:none}.molecule-scroll__media{animation:none}}@supports (height: 100svh){@media(prefers-reduced-motion:reduce){.molecule-scroll,.molecule-scroll__scene{min-height:100svh}}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-molecule-scroll.css.map */