/*!
 * Themeasy — Scroll Sequence
 *
 * A tall section whose stage is pinned with `position: sticky` while a canvas
 * plays an image story (scenes) or a frame run (frames) on scroll.
 *
 * Geometry. The stage always spans the widget and one viewport; the visible
 * card is carved out of it by two layers that share ONE set of insets:
 *   - the canvas (full stage, so its backing store never reallocates) is
 *     clipped with `clip-path: inset(... round r)`;
 *   - the frame (overlay layer: poster, scrim, headline, chapters, progress,
 *     folder tab) is absolutely positioned on the same insets.
 * Full Bleed zeroes the side/bottom insets; Inset Card derives the side inset
 * from the max width + gutter. `--tms-scroll-sequence-expand` (0-1, written by
 * the JS) scales every inset down to zero, so the card grows to full bleed.
 *
 * The frame deliberately creates NO stacking context (no z-index, opacity,
 * transform or filter): its children join the sticky stage's context, so a
 * blend-mode headline composites with the canvas underneath it.
 *
 * States:
 * - No JavaScript: the section collapses to a static hero (poster + the first
 *   chapter); the tall pinned height only applies once scripting is on.
 * - Enhanced (JS drew a frame): the poster fades out, the canvas takes over.
 * - Editor (--static): the real layout, no pin; the JS paints the Preview
 *   Position so any scene or chapter can be styled.
 * - Reduced motion: every transition is dropped; chapters still step with the
 *   scroll.
 *
 * The folder tab and the headline styles (normal / blend / knockout) are the
 * shared `.tms-folder-tab` and `.tms-display-title` components (shared.min.css,
 * also used by Scroll Stack); this file only places and animates them.
 *
 * Tokens consumed: --tms-primary-color, --tms-white-color, --tms-black-color,
 * --tms-radius-lg, --tms-accent-font (public --tms-* design API).
 *
 * @author Themeasy
 * @link https://themeasy.co
 * @since 1.0.0
 */
.tms-scroll-sequence{--tms-scroll-sequence-length:400vh;--tms-scroll-sequence-top:0px;--tms-scroll-sequence-bottom:0px;--tms-scroll-sequence-side:0px;--tms-scroll-sequence-gutter:32px;--tms-scroll-sequence-max-width:1200px;--tms-scroll-sequence-radius:0px;--tms-scroll-sequence-expand:0;--tms-scroll-sequence-stage-bg:var(--tms-black-color,#0b0f1a);--tms-scroll-sequence-focal-x:50%;--tms-scroll-sequence-focal-y:50%;--tms-scroll-sequence-pos-h:start;--tms-scroll-sequence-pos-v:end;--tms-scroll-sequence-content-width:520px;--tms-scroll-sequence-content-gap:14px;--tms-scroll-sequence-area-padding:48px;--tms-scroll-sequence-button-gap:10px;--tms-scroll-sequence-icon-gap:10px;--tms-scroll-sequence-chapter-duration:.7s;--tms-scroll-sequence-shift:0px;--tms-scroll-sequence-scale:1;--tms-scroll-sequence-blur:0px;--tms-scroll-sequence-headline-ox:50%;--tms-scroll-sequence-headline-oy:50%;--tms-display-title-size:clamp(3.5rem, 12vw, 11rem);--tms-folder-tab-offset:max(calc(var(--tms-scroll-sequence-radius) * 1.5), 40px);--tms-scroll-sequence-progress-align:end;--tms-scroll-sequence-progress-width:140px;--tms-scroll-sequence-progress-inset:clamp(20px, 3vw, 40px);--tms-scroll-sequence-accent:var(--tms-primary-color,#6c5ce7);--tms-scroll-sequence-ease:cubic-bezier(.22, 1, .36, 1);width:100%;position:relative}.tms-scroll-sequence--layout-inset{--tms-scroll-sequence-top:32px;--tms-scroll-sequence-bottom:32px;--tms-scroll-sequence-radius:var(--tms-radius-lg,24px);--tms-scroll-sequence-side:max(var(--tms-scroll-sequence-gutter), calc((100% - var(--tms-scroll-sequence-max-width)) / 2))}.tms-scroll-sequence--knockout{--tms-scroll-sequence-cover:1}.tms-scroll-sequence--chapter-fade-up{--tms-scroll-sequence-shift:28px}.tms-scroll-sequence--chapter-fade-down{--tms-scroll-sequence-shift:-28px}.tms-scroll-sequence--chapter-zoom{--tms-scroll-sequence-scale:.94}.tms-scroll-sequence--chapter-blur{--tms-scroll-sequence-blur:12px}@media (scripting:enabled){.tms-scroll-sequence:not(.tms-scroll-sequence--static):not(.tms-scroll-sequence--collapsed){height:var(--tms-scroll-sequence-length)}}.tms-scroll-sequence--pinned{height:var(--tms-scroll-sequence-length)}.tms-scroll-sequence__stage{width:100%;height:100vh;height:100dvh;display:block;position:sticky;top:0;overflow:hidden}.tms-scroll-sequence__canvas,.tms-scroll-sequence__frame{--tms-scroll-sequence-k:calc(1 - var(--tms-scroll-sequence-expand))}.tms-scroll-sequence__canvas{--tms-scroll-sequence-bleed:clamp(0px, calc((var(--tms-scroll-sequence-cover,0) - .98) * 50px), 1px);background-color:var(--tms-scroll-sequence-stage-bg);width:100%;height:100%;clip-path:inset(calc(var(--tms-scroll-sequence-top) * var(--tms-scroll-sequence-k) + var(--tms-scroll-sequence-bleed)) calc(var(--tms-scroll-sequence-side) * var(--tms-scroll-sequence-k) + var(--tms-scroll-sequence-bleed)) calc(var(--tms-scroll-sequence-bottom) * var(--tms-scroll-sequence-k) + var(--tms-scroll-sequence-bleed)) calc(var(--tms-scroll-sequence-side) * var(--tms-scroll-sequence-k) + var(--tms-scroll-sequence-bleed)) round calc(var(--tms-scroll-sequence-radius) * var(--tms-scroll-sequence-k)));display:block;position:absolute;top:0;bottom:0;left:0;right:0}.tms-scroll-sequence__frame{top:calc(var(--tms-scroll-sequence-top) * var(--tms-scroll-sequence-k));right:calc(var(--tms-scroll-sequence-side) * var(--tms-scroll-sequence-k));bottom:calc(var(--tms-scroll-sequence-bottom) * var(--tms-scroll-sequence-k));left:calc(var(--tms-scroll-sequence-side) * var(--tms-scroll-sequence-k));border-radius:calc(var(--tms-scroll-sequence-radius) * var(--tms-scroll-sequence-k));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:absolute;overflow:hidden}.tms-scroll-sequence__poster{z-index:1;object-fit:cover;object-position:var(--tms-scroll-sequence-focal-x) var(--tms-scroll-sequence-focal-y);width:100%;max-width:none;height:100%;transition:opacity .4s;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.tms-scroll-sequence--fit-contain .tms-scroll-sequence__poster{object-fit:contain}.tms-scroll-sequence--enhanced .tms-scroll-sequence__poster{opacity:0}.tms-scroll-sequence__overlay{z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.tms-scroll-sequence__overlay:before{content:"";background-image:linear-gradient(#05070d00 38%,#05070d3d 64%,#05070d9e 100%);position:absolute;top:0;bottom:0;left:0;right:0}.tms-scroll-sequence--overlay-custom .tms-scroll-sequence__overlay:before{content:none}.tms-scroll-sequence__headline{z-index:3;padding:var(--tms-scroll-sequence-area-padding);opacity:var(--tms-scroll-sequence-headline-alpha,1);position:absolute;top:0;bottom:0;left:0;right:0}.tms-scroll-sequence__headline-text{transform:scale(var(--tms-scroll-sequence-headline-scale,1));transform-origin:var(--tms-scroll-sequence-headline-ox) var(--tms-scroll-sequence-headline-oy)}.tms-scroll-sequence__knockout-fill{opacity:var(--tms-scroll-sequence-headline-fill,1)}.tms-scroll-sequence__knockout-group{transform:scale(var(--tms-scroll-sequence-headline-scale,1));transform-box:fill-box;transform-origin:var(--tms-scroll-sequence-headline-ox) var(--tms-scroll-sequence-headline-oy)}.tms-scroll-sequence__headline-item{visibility:hidden;grid-area:1/1}.tms-scroll-sequence__knockout-item{visibility:hidden;transform-box:fill-box;transform-origin:50%}.tms-scroll-sequence__headline-item.is-active,.tms-scroll-sequence__knockout-item.is-active{visibility:visible}.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__headline:not(.tms-display-title--knockout) .tms-scroll-sequence__headline-item,.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__knockout-item{opacity:0;transform:translate3d(0, var(--tms-scroll-sequence-shift), 0) scale(var(--tms-scroll-sequence-scale));transition:opacity calc(var(--tms-scroll-sequence-chapter-duration) * .7) ease, transform var(--tms-scroll-sequence-chapter-duration) var(--tms-scroll-sequence-ease), filter var(--tms-scroll-sequence-chapter-duration) ease, visibility 0s linear var(--tms-scroll-sequence-chapter-duration)}.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__knockout-item{transform:translate(0, var(--tms-scroll-sequence-shift)) scale(var(--tms-scroll-sequence-scale))}.tms-scroll-sequence--chapter-blur.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__headline:not(.tms-display-title--knockout) .tms-scroll-sequence__headline-item{filter:blur(var(--tms-scroll-sequence-blur))}.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__headline:not(.tms-display-title--knockout) .tms-scroll-sequence__headline-item.is-active,.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__knockout-item.is-active{opacity:1;filter:none;transition-delay:0s;transform:none}.tms-scroll-sequence--chapters-linked .tms-scroll-sequence__headline-item,.tms-scroll-sequence--chapters-linked .tms-scroll-sequence__knockout-item{--tms-scroll-sequence-reveal:0}.tms-scroll-sequence--chapters-linked .tms-scroll-sequence__headline-item.is-active,.tms-scroll-sequence--chapters-linked .tms-scroll-sequence__knockout-item.is-active{--tms-scroll-sequence-reveal:1}.tms-scroll-sequence--chapters-linked .tms-scroll-sequence__headline:not(.tms-display-title--knockout) .tms-scroll-sequence__headline-item{opacity:var(--tms-scroll-sequence-reveal);transform:translate3d(0, calc((1 - var(--tms-scroll-sequence-reveal)) * var(--tms-scroll-sequence-shift)), 0) scale(calc(var(--tms-scroll-sequence-scale) + (1 - var(--tms-scroll-sequence-scale)) * var(--tms-scroll-sequence-reveal)))}.tms-scroll-sequence--chapter-blur.tms-scroll-sequence--chapters-linked .tms-scroll-sequence__headline:not(.tms-display-title--knockout) .tms-scroll-sequence__headline-item{filter:blur(calc((1 - var(--tms-scroll-sequence-reveal)) * var(--tms-scroll-sequence-blur)))}.tms-scroll-sequence--chapters-linked .tms-scroll-sequence__knockout-item{opacity:var(--tms-scroll-sequence-reveal);transform:translate(0, calc((1 - var(--tms-scroll-sequence-reveal)) * var(--tms-scroll-sequence-shift))) scale(calc(var(--tms-scroll-sequence-scale) + (1 - var(--tms-scroll-sequence-scale)) * var(--tms-scroll-sequence-reveal)))}.tms-scroll-sequence__chapters{z-index:4;min-height:0;padding:var(--tms-scroll-sequence-area-padding);pointer-events:none;grid-area:1/1;display:grid;position:relative}.tms-scroll-sequence__chapter{justify-content:var(--tms-scroll-sequence-pos-v);align-items:var(--tms-scroll-sequence-pos-h);visibility:hidden;flex-direction:column;grid-area:1/1;min-width:0;min-height:0;display:flex}.tms-scroll-sequence__chapter.is-active{visibility:visible}.tms-scroll-sequence__chapter-inner{align-items:var(--tms-scroll-sequence-text-align,var(--tms-scroll-sequence-pos-h));gap:var(--tms-scroll-sequence-content-gap);max-width:min(var(--tms-scroll-sequence-content-width), 100%);text-align:var(--tms-scroll-sequence-text-align,var(--tms-scroll-sequence-pos-h));color:#ffffffd6;pointer-events:auto;flex-direction:column;display:flex}.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__chapter{transition:visibility 0s linear var(--tms-scroll-sequence-chapter-duration)}.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__chapter.is-active{transition-delay:0s}.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__chapter-inner{opacity:0;transition:opacity calc(var(--tms-scroll-sequence-chapter-duration) * .6) ease}.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__chapter.is-active .tms-scroll-sequence__chapter-inner{opacity:1}.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__chapter-inner>*{opacity:0;transform:translate3d(0, var(--tms-scroll-sequence-shift), 0) scale(var(--tms-scroll-sequence-scale));transition:opacity calc(var(--tms-scroll-sequence-chapter-duration) * .7) ease, transform var(--tms-scroll-sequence-chapter-duration) var(--tms-scroll-sequence-ease), filter var(--tms-scroll-sequence-chapter-duration) ease}.tms-scroll-sequence--chapter-blur.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__chapter-inner>*{filter:blur(var(--tms-scroll-sequence-blur))}.tms-scroll-sequence--chapters-timed .tms-scroll-sequence__chapter.is-active .tms-scroll-sequence__chapter-inner>*{opacity:1;filter:none;transition-delay:calc(var(--tms-scroll-sequence-stagger,0) * 80ms);transform:none}.tms-scroll-sequence__chapter-inner>:nth-child(2){--tms-scroll-sequence-stagger:1}.tms-scroll-sequence__chapter-inner>:nth-child(3){--tms-scroll-sequence-stagger:2}.tms-scroll-sequence__chapter-inner>:nth-child(4){--tms-scroll-sequence-stagger:3}.tms-scroll-sequence--chapters-linked .tms-scroll-sequence__chapter{--tms-scroll-sequence-reveal:0}.tms-scroll-sequence--chapters-linked .tms-scroll-sequence__chapter.is-active{--tms-scroll-sequence-reveal:1}.tms-scroll-sequence--chapters-linked .tms-scroll-sequence__chapter-inner{opacity:var(--tms-scroll-sequence-reveal);transform:translate3d(0, calc((1 - var(--tms-scroll-sequence-reveal)) * var(--tms-scroll-sequence-shift)), 0) scale(calc(var(--tms-scroll-sequence-scale) + (1 - var(--tms-scroll-sequence-scale)) * var(--tms-scroll-sequence-reveal)))}.tms-scroll-sequence--chapter-blur.tms-scroll-sequence--chapters-linked .tms-scroll-sequence__chapter-inner{filter:blur(calc((1 - var(--tms-scroll-sequence-reveal)) * var(--tms-scroll-sequence-blur)))}.tms-scroll-sequence__eyebrow{font-family:var(--tms-accent-font);letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7;font-size:.75rem;font-weight:600;line-height:1.2}.tms-scroll-sequence__title{letter-spacing:-.02em;color:var(--tms-white-color,#fff);margin:0;font-size:clamp(1.75rem,3.4vw,3.25rem);line-height:1.06}.tms-scroll-sequence__text{color:inherit;margin:0;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.6}.tms-scroll-sequence__button{align-items:center;gap:var(--tms-scroll-sequence-icon-gap);margin-top:var(--tms-scroll-sequence-button-gap);-webkit-appearance:none;appearance:none;color:var(--tms-white-color,#fff);background-color:var(--tms-scroll-sequence-accent);cursor:pointer;border:1px solid #0000;border-radius:100px;padding:14px 28px;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s;display:inline-flex}.tms-scroll-sequence__button:focus-visible{outline-offset:3px;outline:2px solid}.tms-scroll-sequence__button-icon{flex:none;justify-content:center;align-items:center;font-size:1.15em;line-height:0;display:inline-flex}.tms-scroll-sequence__button-icon svg{fill:currentColor;width:1em;height:1em}.tms-scroll-sequence__button-icon svg[fill=none]{fill:none;stroke:currentColor}.tms-scroll-sequence__button-icon img{width:1em;height:1em}.tms-scroll-sequence__button-icon i{font-size:inherit;line-height:1}.tms-scroll-sequence--icon-left .tms-scroll-sequence__button{flex-direction:row-reverse}.tms-scroll-sequence__progress{z-index:4;justify-self:var(--tms-scroll-sequence-progress-align);margin:0 var(--tms-scroll-sequence-progress-inset) var(--tms-scroll-sequence-progress-inset);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--tms-white-color,#fff);pointer-events:none;grid-area:2/1;align-items:center;gap:12px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex;position:relative}.tms-scroll-sequence__progress-track{width:var(--tms-scroll-sequence-progress-width);background-color:#ffffff47;border-radius:999px;max-width:40vw;height:2px;display:block;position:relative;overflow:hidden}.tms-scroll-sequence__progress-fill{transform-origin:0;background-color:currentColor;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.tms-scroll-sequence__progress-total{opacity:.6}.tms-scroll-sequence__loader{z-index:5;background-color:var(--tms-scroll-sequence-accent);height:2px;transform:scaleX(var(--tms-scroll-sequence-loaded,0));transform-origin:0;pointer-events:none;transition:transform .3s,opacity .4s .2s;position:absolute;bottom:0;left:0;right:0}.tms-scroll-sequence__loader.is-done{opacity:0}.tms-scroll-sequence__tab{transition:transform .45s var(--tms-scroll-sequence-ease), opacity .3s ease}.tms-scroll-sequence__tab.is-empty{opacity:0;transform:translate3d(var(--tms-folder-tab-shift), -100%, 0)}.tms-scroll-sequence__tab-label{visibility:hidden;opacity:0;transition:opacity .3s ease, transform .45s var(--tms-scroll-sequence-ease), visibility 0s linear .45s;transform:translateY(60%)}.tms-scroll-sequence__tab-label.is-active{visibility:visible;opacity:1;transition-delay:80ms,80ms,0s;transform:none}.tms-scroll-sequence--static,.tms-scroll-sequence--collapsed{height:auto}.tms-scroll-sequence--static .tms-scroll-sequence__stage,.tms-scroll-sequence--collapsed .tms-scroll-sequence__stage{position:relative}.tms-scroll-sequence--static .tms-scroll-sequence__loader{display:none}@media (prefers-reduced-motion:reduce){.tms-scroll-sequence__poster,.tms-scroll-sequence__chapter,.tms-scroll-sequence__chapter-inner,.tms-scroll-sequence__chapter-inner>*,.tms-scroll-sequence__tab,.tms-scroll-sequence__tab-label,.tms-scroll-sequence__headline-item,.tms-scroll-sequence__knockout-item,.tms-scroll-sequence__loader{transition:none}}@media (max-width:767px){.tms-scroll-sequence{--tms-scroll-sequence-area-padding:24px}}