/* ============================================================
   SS GROUP — SMART VIDEO + 3D SCROLL SYSTEM
   - Home hero: full-screen, continuously looping.
   - Home business chapters: all five films loop continuously while
     scroll adds scale/parallax/reveal effects.
   - Inner pages: the relevant film loops continuously full-bleed;
     scroll moves the camera layer while procedural 3D remains active.
   ============================================================ */

/* ---------- INNER PAGE FILM ---------- */
.ss-film-layer{--film-progress:0;--film-shift:0px;--film-scale:1.03;position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .7s ease;overflow:hidden;background:#e0dbce}
.ss-film-layer.is-ready{opacity:1}
.ss-film-frame{position:absolute;inset:0;overflow:hidden;background:#e0dbce}
.ss-film-frame video{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;display:block;transform:translate3d(0,var(--film-shift),0) scale(var(--film-scale));transform-origin:center;filter:saturate(.98) contrast(.98) brightness(1.04);will-change:transform}
.ss-film-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,241,228,.90) 0%,rgba(245,241,228,.73) 29%,rgba(245,241,228,.38) 57%,rgba(245,241,228,.12) 79%,rgba(245,241,228,.04) 100%)}
.ss-film-grain{position:absolute;inset:0;opacity:.026;background-image:radial-gradient(circle at 25% 25%,#2c2e2a 0 1px,transparent 1px);background-size:7px 7px}
body.ss-film-active .ss-paper3d-layer{opacity:.46!important;filter:saturate(.96)}
body.ss-film-active main,body.ss-film-active .site-header,body.ss-film-active .site-footer,body.ss-film-active .mega-cta{position:relative;z-index:5}
body.ss-film-active .business-hero,body.ss-film-active .company-hero,body.ss-film-active .inner-hero{background:transparent!important}

/* ---------- HOME FULL HERO ---------- */
body.ss-mindmarket[data-page="index"] .ss-video-hero{position:relative;min-height:100svh!important;height:100svh;overflow:hidden!important;background:#d9d5ca!important;color:var(--color-ink-black)!important}
body.ss-mindmarket[data-page="index"] .ss-home-video{position:absolute;inset:0;z-index:0;overflow:hidden;background:#d9d5ca}
body.ss-mindmarket[data-page="index"] .ss-home-video-el{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:center;display:block;transform:scale(1.025);will-change:transform}
body.ss-mindmarket[data-page="index"] .ss-home-video-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,241,228,.95) 0%,rgba(245,241,228,.80) 28%,rgba(245,241,228,.42) 50%,rgba(245,241,228,.11) 74%,rgba(245,241,228,.03) 100%)}
body.ss-mindmarket[data-page="index"] .ss-home-video-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(44,46,42,.08),transparent 28%,transparent 68%,rgba(44,46,42,.16))}
body.ss-mindmarket[data-page="index"] .ss-video-hero .ss-hero-inner{z-index:3;position:relative}
body.ss-mindmarket[data-page="index"] .ss-video-hero h1{max-width:930px!important;text-shadow:0 1px 0 rgba(255,255,255,.2)}
body.ss-mindmarket[data-page="index"] .ss-video-hero .ss-hero-lower{max-width:980px}
body.ss-mindmarket[data-page="index"] .ss-hero-sector-rail{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:max-content;max-width:min(100%,920px);margin-top:34px;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.74);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);font:500 11px/1 var(--font-inter);letter-spacing:.03em;text-transform:uppercase;color:var(--color-ink-black);position:relative;z-index:8}
body.ss-mindmarket[data-page="index"] .ss-hero-sector-rail i{width:5px;height:5px;border-radius:50%;background:var(--color-fresh-grass);display:block}
body.ss-mindmarket[data-page="index"] .ss-paper3d-layer{opacity:0!important;transition:opacity .75s ease!important}
body.ss-mindmarket[data-page="index"].home-past-hero .ss-paper3d-layer{opacity:.88!important}
body.ss-mindmarket[data-page="index"]:not(.home-past-hero) .ss-visual-caption{opacity:0!important}

/* ---------- HOME VIDEO CHAPTERS ---------- */
.ss-video-chapters{position:relative;background:var(--color-cream-paper,#f5f1e4);padding:20px 0 32px}
.ss-video-chapter{--chapter-progress:0;position:relative;height:150svh;margin:0 20px 26px;border-radius:64px;overflow:clip;background:#222}
.ss-video-chapter-sticky{position:sticky;top:0;height:100svh;overflow:hidden;border-radius:64px;background:#20211f;isolation:isolate}
.ss-video-chapter-sticky>video{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;display:block;transform:translate3d(calc((var(--chapter-progress) - .5) * -2.2vw),calc((var(--chapter-progress) - .5) * -42px),0) scale(calc(1.03 + var(--chapter-progress) * .07));filter:saturate(.98) contrast(1.01);will-change:transform}
.ss-video-chapter-tint{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,241,228,.84) 0%,rgba(245,241,228,.63) 35%,rgba(245,241,228,.15) 66%,rgba(245,241,228,.03) 100%);z-index:1}
.ss-video-chapter-tint.dark{background:linear-gradient(90deg,rgba(28,30,27,.72) 0%,rgba(28,30,27,.46) 38%,rgba(28,30,27,.08) 74%,rgba(28,30,27,.02) 100%)}
.ss-video-chapter-content{height:100%;display:flex;align-items:center;position:relative;z-index:4;pointer-events:none}
.ss-video-chapter-content.align-right{justify-content:flex-end}
.ss-film-card{width:min(620px,48vw);padding:38px 42px 42px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:50px;color:var(--color-ink-black);pointer-events:auto;transform:translate3d(0,calc((.5 - var(--chapter-progress))*80px),0);transition:background .3s ease}
.ss-video-chapter-tint.dark~.ss-video-chapter-content .ss-film-card{background:rgba(245,241,228,.89)}
.ss-film-card .eyebrow{margin-bottom:22px}
.ss-film-card h2{font-size:clamp(58px,7.3vw,108px)!important;line-height:.88!important;letter-spacing:-.065em!important;margin:0 0 25px!important}
.ss-film-card p{font-size:18px!important;line-height:1.5!important;max-width:510px;margin-bottom:28px!important}
.ss-video-chapter.is-current .ss-film-card{background:rgba(255,255,255,.94)}

/* Strong 3D layer presence while moving through the cinematic chapters */
body.ss-mindmarket[data-page="index"].home-past-hero .ss-video-chapter .ss-paper3d-layer{opacity:.88!important}

@media(max-width:900px){
  .ss-film-frame video{object-position:62% center}
  .ss-film-wash{background:linear-gradient(180deg,rgba(245,241,228,.28) 0%,rgba(245,241,228,.38) 40%,rgba(245,241,228,.90) 82%,rgba(245,241,228,.96) 100%)}
  body.ss-film-active .ss-paper3d-layer{opacity:.32!important}
  body.ss-mindmarket[data-page="index"] .ss-home-video-el{object-position:62% center}
  body.ss-mindmarket[data-page="index"] .ss-home-video-shade{background:linear-gradient(180deg,rgba(245,241,228,.36) 0%,rgba(245,241,228,.20) 32%,rgba(245,241,228,.78) 68%,rgba(245,241,228,.97) 100%)}
  body.ss-mindmarket[data-page="index"] .ss-video-hero{align-items:flex-end!important;padding-bottom:38px!important}
  body.ss-mindmarket[data-page="index"] .ss-hero-sector-rail{border-radius:28px;width:100%;gap:9px;padding:12px 14px}
  .ss-video-chapter{height:125svh;margin-inline:10px;border-radius:46px}
  .ss-video-chapter-sticky{border-radius:46px}
  .ss-video-chapter-sticky>video{object-position:center center}
  .ss-video-chapter-tint,.ss-video-chapter-tint.dark{background:linear-gradient(180deg,rgba(245,241,228,.12) 0%,rgba(245,241,228,.20) 38%,rgba(245,241,228,.88) 72%,rgba(245,241,228,.97) 100%)}
  .ss-video-chapter-content,.ss-video-chapter-content.align-right{align-items:flex-end;justify-content:stretch;padding-bottom:34px}
  .ss-film-card{width:100%;padding:28px;border-radius:38px;transform:translate3d(0,calc((.5 - var(--chapter-progress))*36px),0)}
  .ss-film-card h2{font-size:clamp(50px,14vw,76px)!important}
}
@media(max-width:580px){
  body.ss-mindmarket[data-page="index"] .ss-video-hero h1{font-size:clamp(52px,16vw,72px)!important}
  body.ss-mindmarket[data-page="index"] .ss-hero-sector-rail{display:none}
  .ss-video-chapter{height:115svh;margin-bottom:14px}
  .ss-film-card p{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
  .ss-film-layer{display:none!important}
  .ss-video-chapter{height:auto;min-height:92svh}
  .ss-video-chapter-sticky{position:relative;height:92svh}
  .ss-video-chapter-sticky>video{transform:none!important}
}