/* =====================================================================
   SS GROUP — SILVANA / EDITORIAL CINEMATIC SYSTEM
   Inspired by the supplied editorial serif reference and 3D-scroll video.
   Loaded LAST so it safely upgrades all public pages without touching admin.
   ===================================================================== */

:root{
  --sv-espresso:#120a07;
  --sv-brown:#20110b;
  --sv-walnut:#301c12;
  --sv-copper:#a9784f;
  --sv-bronze:#c39a6b;
  --sv-cream:#f2e8d8;
  --sv-cream-2:#e8d9c5;
  --sv-smoke:#b9a994;
  --sv-line:rgba(242,232,216,.17);
  --sv-glass:rgba(29,15,10,.48);
  --sv-glass-strong:rgba(18,10,7,.76);
  --sv-display:"Bodoni Moda", Georgia, serif;
  --sv-serif:"Cormorant Garamond", Georgia, serif;
  --sv-sans:"Inter", Arial, sans-serif;
  --sv-ease:cubic-bezier(.16,1,.3,1);
  --sv-page-p:0;
}

html{background:var(--sv-espresso);scroll-behavior:smooth}
body.cinematic-site.ss-mindmarket{
  background:var(--sv-espresso)!important;
  color:var(--sv-cream)!important;
  font-family:var(--sv-serif)!important;
  font-size:18px;
  line-height:1.55;
  perspective:1600px;
}
body.cinematic-site.ss-mindmarket::selection{background:var(--sv-bronze);color:var(--sv-espresso)}
body.cinematic-site.ss-mindmarket main{position:relative;z-index:4;background:transparent!important}

/* Fixed atmosphere: warm paper/wood grain without an image dependency. */
.sv-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:
  radial-gradient(circle at 72% 16%,rgba(190,125,64,.16),transparent 28%),
  radial-gradient(circle at 18% 70%,rgba(112,62,34,.18),transparent 32%),
  linear-gradient(120deg,#100906 0%,#1a0d08 48%,#0c0705 100%)}
.sv-atmosphere::before{content:"";position:absolute;inset:-20%;opacity:.15;background:
  repeating-linear-gradient(91deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),
  repeating-linear-gradient(0deg,rgba(0,0,0,.11) 0 2px,transparent 2px 9px);transform:rotate(-2deg) scale(1.1)}
.sv-atmosphere::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,transparent 0 38%,rgba(0,0,0,.48) 100%);opacity:.76}
.sv-noise{position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.032;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.92'/%3E%3C/svg%3E")}
.sv-vignette{position:fixed;inset:0;z-index:9996;pointer-events:none;box-shadow:inset 0 0 150px rgba(0,0,0,.30)}

/* Typography — closest Google-font match to the supplied elegant serif. */
body.ss-mindmarket h1,
body.ss-mindmarket h2,
body.ss-mindmarket h3,
body.ss-mindmarket .brand strong,
body.ss-mindmarket .story-word{
  font-family:var(--sv-display)!important;
  font-weight:400!important;
  text-wrap:balance;
}
body.ss-mindmarket p,
body.ss-mindmarket .lead,
body.ss-mindmarket .hero-sub,
body.ss-mindmarket .footer-intro{
  font-family:var(--sv-serif)!important;
  font-weight:400;
}
body.ss-mindmarket .eyebrow{
  font-family:var(--sv-serif)!important;
  font-size:clamp(16px,1.35vw,21px)!important;
  font-style:italic;
  font-weight:400!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
  color:var(--sv-bronze)!important;
  gap:14px;
}
body.ss-mindmarket .eyebrow::before{width:46px;background:currentColor;opacity:.78}
body.ss-mindmarket h1{letter-spacing:.015em!important}
body.ss-mindmarket h2{letter-spacing:.004em!important}
body.ss-mindmarket h3{letter-spacing:.005em!important}
body.ss-mindmarket .text-link,
body.ss-mindmarket .btn,
body.ss-mindmarket .main-nav,
body.ss-mindmarket .nav-cta,
body.ss-mindmarket .brand small{
  font-family:var(--sv-sans)!important;
}

/* Header */
body.ss-mindmarket .site-header.ss-pill-header{
  background:linear-gradient(180deg,rgba(12,7,5,.72),rgba(12,7,5,.14))!important;
  color:var(--sv-cream)!important;
  border-bottom:1px solid transparent;
  backdrop-filter:blur(12px) saturate(.9)!important;
  -webkit-backdrop-filter:blur(12px) saturate(.9)!important;
}
body.ss-mindmarket .site-header.ss-pill-header.scrolled{
  background:rgba(18,10,7,.80)!important;
  color:var(--sv-cream)!important;
  border-bottom-color:var(--sv-line)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.18)!important;
}
body.ss-mindmarket .brand strong{font-size:17px!important;letter-spacing:.22em!important;color:var(--sv-cream)}
body.ss-mindmarket .brand small{color:var(--sv-smoke);font-size:9px!important;letter-spacing:.16em!important}
body.ss-mindmarket .main-nav{font-size:11px!important;letter-spacing:.12em;text-transform:uppercase}
body.ss-mindmarket .nav-cta{border-color:rgba(242,232,216,.36)!important;background:rgba(242,232,216,.07)!important}
body.ss-mindmarket .site-header.scrolled .nav-cta{border-color:rgba(242,232,216,.30)!important}
body.ss-mindmarket .page-progress{height:2px!important;background:linear-gradient(90deg,var(--sv-bronze),#f1d3a7)!important;box-shadow:0 0 20px rgba(195,154,107,.45)}

/* All public sections become cinematic depth planes. */
body.ss-mindmarket main>section:not(.ss-video-chapter){
  position:relative;
  background:transparent!important;
  color:var(--sv-cream)!important;
  transform-style:preserve-3d;
}
body.ss-mindmarket .section{padding-block:clamp(100px,11vw,180px)!important}
body.ss-mindmarket .soft-section{background:rgba(48,28,18,.34)!important;border-block:1px solid rgba(242,232,216,.08)}
body.ss-mindmarket .dark-section{background:rgba(6,4,3,.42)!important}
body.ss-mindmarket .sv-depth-section>.container,
body.ss-mindmarket .sv-depth-section>.inner-hero-grid{
  transform-style:preserve-3d;
  will-change:transform,opacity;
  transform:perspective(1600px)
    translate3d(0,calc(var(--sv-y,0) * 1px),calc(var(--sv-z,0) * 1px))
    rotateX(calc(var(--sv-rx,0) * 1deg))
    rotateY(calc(var(--sv-ry,0) * 1deg));
  transition:filter .2s linear;
}
body.ss-mindmarket .sv-depth-section.sv-active>.container{filter:saturate(1.04)}

/* Editorial section headings */
body.ss-mindmarket .section-head h2,
body.ss-mindmarket .feature-copy h2,
body.ss-mindmarket .split-intro h2,
body.ss-mindmarket .timeline h2{
  color:var(--sv-cream)!important;
  font-size:clamp(54px,6.5vw,104px)!important;
  line-height:.94!important;
}
body.ss-mindmarket .section-head{border-bottom:1px solid var(--sv-line);padding-bottom:30px;margin-bottom:56px!important}
body.ss-mindmarket p,
body.ss-mindmarket .lead,
body.ss-mindmarket .hero-sub{color:var(--sv-cream-2)!important}
body.ss-mindmarket .lead{font-size:clamp(23px,2.1vw,32px)!important;line-height:1.35!important}

/* HOME HERO */
body.ss-mindmarket[data-page="index"] .ss-video-hero{
  min-height:120svh!important;
  height:120svh!important;
  background:var(--sv-espresso)!important;
  color:var(--sv-cream)!important;
  perspective:1800px;
}
body.ss-mindmarket[data-page="index"] .ss-home-video{background:#120b08!important}
body.ss-mindmarket[data-page="index"] .ss-home-video-el{
  filter:sepia(.42) saturate(.72) contrast(1.05) brightness(.60)!important;
  transform-origin:center 42%;
}
body.ss-mindmarket[data-page="index"] .ss-home-video-shade{
  background:
    linear-gradient(90deg,rgba(14,8,5,.94) 0%,rgba(14,8,5,.72) 38%,rgba(14,8,5,.34) 68%,rgba(14,8,5,.52) 100%),
    linear-gradient(0deg,rgba(14,8,5,.88),transparent 48%)!important;
}
body.ss-mindmarket[data-page="index"] .ss-home-video-vignette{background:radial-gradient(circle at center,transparent 25%,rgba(3,2,1,.48) 100%)!important}
body.ss-mindmarket[data-page="index"] .ss-hero-inner{
  min-height:100svh!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start!important;
  padding-top:150px!important;
  padding-bottom:100px!important;
  transform-style:preserve-3d;
}
body.ss-mindmarket[data-page="index"] .ss-video-hero .eyebrow{color:#d8b88f!important;margin-bottom:18px!important}
body.ss-mindmarket[data-page="index"] .ss-video-hero h1{
  color:var(--sv-cream)!important;
  font-size:clamp(74px,10.8vw,178px)!important;
  line-height:.78!important;
  letter-spacing:.035em!important;
  max-width:1140px!important;
  margin:0!important;
  text-shadow:0 20px 70px rgba(0,0,0,.28)!important;
  transform:translateZ(80px);
}
body.ss-mindmarket[data-page="index"] .ss-video-hero h1 span{color:#d9b587!important;font-style:italic}
body.ss-mindmarket[data-page="index"] .ss-hero-lower{
  display:grid!important;
  grid-template-columns:minmax(0,620px) auto;
  gap:50px;
  align-items:end;
  width:min(100%,1080px);
  margin-top:48px!important;
  transform:translateZ(45px);
}
body.ss-mindmarket[data-page="index"] .ss-hero-lower>p{
  font-size:clamp(24px,2.3vw,36px)!important;
  line-height:1.28!important;
  font-style:italic;
  color:rgba(242,232,216,.90)!important;
}
body.ss-mindmarket[data-page="index"] .hero-actions{margin-top:0!important;align-self:end}
body.ss-mindmarket .btn{
  border-radius:2px!important;
  padding:15px 22px!important;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:10px!important;
  font-weight:600!important;
}
body.ss-mindmarket .btn-primary,
body.ss-mindmarket .btn-light{background:var(--sv-cream)!important;color:var(--sv-espresso)!important}
body.ss-mindmarket .btn-dark{background:var(--sv-bronze)!important;color:var(--sv-espresso)!important}
body.ss-mindmarket .btn-outline{border-color:var(--sv-line)!important;color:var(--sv-cream)!important}
body.ss-mindmarket[data-page="index"] .ss-hero-sector-rail{
  margin-top:42px!important;
  background:rgba(24,13,9,.58)!important;
  border:1px solid rgba(242,232,216,.15)!important;
  color:var(--sv-cream-2)!important;
  border-radius:2px!important;
  backdrop-filter:blur(18px)!important;
  padding:13px 18px!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
}
body.ss-mindmarket[data-page="index"] .ss-hero-sector-rail i{background:var(--sv-bronze)!important}
body.ss-mindmarket .ss-scroll-hint{color:var(--sv-smoke)!important}

/* HOME story card */
body.ss-mindmarket[data-page="index"] .ss-story-section{background:linear-gradient(180deg,#120a07,#1a0e09)!important}
body.ss-mindmarket[data-page="index"] .ss-white-card{
  background:rgba(242,232,216,.06)!important;
  border:1px solid var(--sv-line)!important;
  color:var(--sv-cream)!important;
  box-shadow:0 50px 120px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(12px)!important;
}
body.ss-mindmarket[data-page="index"] .ss-white-card h2{color:var(--sv-cream)!important;font-size:clamp(60px,7vw,112px)!important;line-height:.88!important}
body.ss-mindmarket[data-page="index"] .ss-story-art{filter:sepia(.35) saturate(.7)}

/* HOME VIDEO CHAPTERS — the main 3D scroll experience */
body.ss-mindmarket[data-page="index"] .ss-video-chapters{background:#100906!important;padding:0!important}
body.ss-mindmarket[data-page="index"] .ss-video-chapter{
  height:170svh!important;
  margin:0!important;
  border-radius:0!important;
  background:#100906!important;
  overflow:clip!important;
  perspective:1800px;
}
body.ss-mindmarket[data-page="index"] .ss-video-chapter-sticky{
  border-radius:0!important;
  height:100svh!important;
  transform-style:preserve-3d;
  transform:perspective(1800px)
    rotateX(calc((.5 - var(--chapter-progress)) * 5deg))
    rotateY(calc((var(--chapter-progress) - .5) * 2.8deg))
    scale(calc(.975 + var(--chapter-progress) * .035));
  transform-origin:center center;
}
body.ss-mindmarket[data-page="index"] .ss-video-chapter-sticky>video{
  filter:sepia(.26) saturate(.78) contrast(1.06) brightness(.66)!important;
  transform:translate3d(calc((var(--chapter-progress) - .5) * -4vw),calc((var(--chapter-progress) - .5) * -70px),0) scale(calc(1.08 + var(--chapter-progress) * .10))!important;
}
body.ss-mindmarket[data-page="index"] .ss-video-chapter-tint,
body.ss-mindmarket[data-page="index"] .ss-video-chapter-tint.dark{
  background:linear-gradient(90deg,rgba(14,8,5,.80),rgba(14,8,5,.40) 48%,rgba(14,8,5,.08) 76%),linear-gradient(0deg,rgba(14,8,5,.60),transparent 60%)!important;
}
body.ss-mindmarket[data-page="index"] .ss-film-card{
  width:min(690px,52vw)!important;
  background:rgba(18,10,7,.30)!important;
  border:1px solid rgba(242,232,216,.16)!important;
  border-radius:2px!important;
  color:var(--sv-cream)!important;
  box-shadow:0 45px 120px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(13px) saturate(.8)!important;
  padding:42px 46px 46px!important;
  transform:perspective(1300px)
    translate3d(0,calc((.5 - var(--chapter-progress))*130px),80px)
    rotateX(calc((.5 - var(--chapter-progress))*8deg))
    rotateY(calc((var(--chapter-progress) - .5)*3deg))!important;
  transform-origin:center bottom;
}
body.ss-mindmarket[data-page="index"] .ss-film-card h2{
  font-family:var(--sv-display)!important;
  font-size:clamp(66px,8.6vw,138px)!important;
  line-height:.78!important;
  letter-spacing:.015em!important;
  color:var(--sv-cream)!important;
}
body.ss-mindmarket[data-page="index"] .ss-film-card p{font-family:var(--sv-serif)!important;font-size:clamp(21px,1.8vw,29px)!important;line-height:1.28!important;color:var(--sv-cream-2)!important}
body.ss-mindmarket[data-page="index"] .ss-video-chapter.is-current .ss-film-card{border-color:rgba(195,154,107,.52)!important;background:rgba(18,10,7,.48)!important}

/* cards / images across the whole site */
body.ss-mindmarket .product-card,
body.ss-mindmarket .company-card,
body.ss-mindmarket .value-grid article,
body.ss-mindmarket .detail-panel,
body.ss-mindmarket .contact-form-wrap,
body.ss-mindmarket .contact-info,
body.ss-mindmarket .news-card,
body.ss-mindmarket .article-main,
body.ss-mindmarket .article-layout>aside{
  background:rgba(34,18,12,.58)!important;
  color:var(--sv-cream)!important;
  border:1px solid var(--sv-line)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(12px);
}
body.ss-mindmarket .product-card,
body.ss-mindmarket .company-card,
body.ss-mindmarket .value-grid article{border-radius:2px!important}
body.ss-mindmarket .product-card p,
body.ss-mindmarket .company-card p,
body.ss-mindmarket .value-grid p,
body.ss-mindmarket .detail-panel span{color:var(--sv-smoke)!important}
body.ss-mindmarket .product-card h3,
body.ss-mindmarket .company-card h3,
body.ss-mindmarket .value-grid h3,
body.ss-mindmarket .project-card h3{color:var(--sv-cream)!important}
body.ss-mindmarket .image-wrap,
body.ss-mindmarket .company-image,
body.ss-mindmarket .feature-image,
body.ss-mindmarket .story-image,
body.ss-mindmarket .directory-image,
body.ss-mindmarket .sector-detail-image,
body.ss-mindmarket .gallery-item,
body.ss-mindmarket .project-card{overflow:hidden;transform-style:preserve-3d}
body.ss-mindmarket .image-wrap img,
body.ss-mindmarket .company-image img,
body.ss-mindmarket .feature-image img,
body.ss-mindmarket .story-image img,
body.ss-mindmarket .directory-image img,
body.ss-mindmarket .sector-detail-image img,
body.ss-mindmarket .gallery-item img,
body.ss-mindmarket .project-card img{
  filter:sepia(.18) saturate(.82) contrast(1.05);
  will-change:transform;
}
body.ss-mindmarket .project-card{border-radius:2px!important;border:1px solid var(--sv-line)!important}
body.ss-mindmarket .project-overlay{background:linear-gradient(0deg,rgba(12,7,5,.94),rgba(12,7,5,.06) 72%)!important}

/* Directory / list rows */
body.ss-mindmarket .directory-row,
body.ss-mindmarket .sector-detail,
body.ss-mindmarket .sector-row,
body.ss-mindmarket .ss-service-row,
body.ss-mindmarket .timeline-list>div,
body.ss-mindmarket .timeline-list>article{
  border-color:var(--sv-line)!important;
  color:var(--sv-cream)!important;
}
body.ss-mindmarket .directory-copy h2,
body.ss-mindmarket .sector-detail-copy h2,
body.ss-mindmarket .ss-service-row h3{color:var(--sv-cream)!important}
body.ss-mindmarket .directory-copy p,
body.ss-mindmarket .sector-detail-copy p,
body.ss-mindmarket .ss-service-row p{color:var(--sv-smoke)!important}

/* Inner / business / company heroes */
body.ss-mindmarket .inner-hero,
body.ss-mindmarket .business-hero,
body.ss-mindmarket .company-hero{
  min-height:78svh;
  padding-top:170px!important;
  display:flex;
  align-items:flex-end;
  background:transparent!important;
  color:var(--sv-cream)!important;
  perspective:1600px;
}
body.ss-mindmarket .inner-hero h1,
body.ss-mindmarket .business-hero h1,
body.ss-mindmarket .company-hero h1{
  font-size:clamp(72px,9.2vw,150px)!important;
  line-height:.80!important;
  color:var(--sv-cream)!important;
  text-shadow:0 20px 70px rgba(0,0,0,.22);
}
body.ss-film-active .ss-film-wash{
  background:linear-gradient(90deg,rgba(16,9,6,.90) 0%,rgba(16,9,6,.62) 34%,rgba(16,9,6,.24) 64%,rgba(16,9,6,.08) 100%)!important;
}
body.ss-film-active .ss-film-frame video{filter:sepia(.30) saturate(.72) contrast(1.06) brightness(.66)!important}
body.ss-film-active .ss-film-grain{opacity:.045!important}
body.ss-film-active .ss-paper3d-layer{opacity:.55!important;mix-blend-mode:screen}

/* 3D canvas gets a floating, scroll-responsive feel. */
body.ss-mindmarket .ss-paper3d-layer{
  transform-origin:center center;
  transform:perspective(1800px)
    translate3d(0,calc((var(--sv-page-p) - .5) * -26px),0)
    rotateX(calc((var(--sv-page-p) - .5) * 3deg))
    rotateY(calc((.5 - var(--sv-page-p)) * 4deg));
  will-change:transform,opacity;
}
body.ss-mindmarket .ss-visual-caption{font-family:var(--sv-sans)!important;color:rgba(242,232,216,.70)!important}

/* Silvana word reveal */
.sv-word-wrap{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.04em .01em .13em;margin-bottom:-.13em}
.sv-word{display:inline-block;transform:translate3d(0,118%,0) rotateX(-32deg);transform-origin:50% 100%;opacity:0;filter:blur(8px);transition:transform 1.15s var(--sv-ease),opacity .9s ease,filter 1s ease;transition-delay:calc(var(--sv-word-i,0) * 42ms)}
.sv-text-ready.sv-text-visible .sv-word{transform:translate3d(0,0,0) rotateX(0);opacity:1;filter:blur(0)}

/* Generic reveal upgraded from flat fade to 3D entrance */
body.ss-mindmarket .reveal,
body.ss-mindmarket .mm-reveal{
  opacity:0;
  filter:blur(12px);
  transform:perspective(1200px) translate3d(0,65px,-90px) rotateX(8deg)!important;
  transform-origin:center bottom;
  transition:opacity 1s var(--sv-ease),transform 1.25s var(--sv-ease),filter 1.05s ease!important;
  transition-delay:var(--mm-delay,var(--delay,0ms))!important;
}
body.ss-mindmarket .reveal.in-view,
body.ss-mindmarket .mm-reveal.in-view{
  opacity:1;
  filter:blur(0);
  transform:perspective(1200px) translate3d(0,0,0) rotateX(0)!important;
}

/* Moving media / 3D cards */
.sv-scroll-media{will-change:transform;transform:perspective(1400px) translate3d(0,var(--sv-media-y,0px),var(--sv-media-z,0px)) scale(var(--sv-media-scale,1.06)) rotateX(var(--sv-media-rx,0deg)) rotateY(var(--sv-media-ry,0deg))!important;transform-origin:center center}
.sv-float-card{transform-style:preserve-3d;will-change:transform}

/* Forms */
body.ss-mindmarket input,
body.ss-mindmarket select,
body.ss-mindmarket textarea{
  font-family:var(--sv-sans)!important;
  background:rgba(242,232,216,.95)!important;
  color:#1a0d08!important;
  border-color:rgba(195,154,107,.38)!important;
  border-radius:2px!important;
}

/* Closing band + footer */
body.ss-mindmarket .mega-cta.ss-closing-band{
  background:linear-gradient(135deg,#5d3925,#2a160e)!important;
  color:var(--sv-cream)!important;
  border-top:1px solid var(--sv-line);
}
body.ss-mindmarket .mega-cta h2{font-size:clamp(60px,7.3vw,118px)!important;line-height:.85!important;color:var(--sv-cream)!important}
body.ss-mindmarket .site-footer{background:#080403!important;border-top:1px solid var(--sv-line)!important}
body.ss-mindmarket .footer-grid h4{font-family:var(--sv-serif)!important;font-style:italic;text-transform:none!important;font-size:20px!important;letter-spacing:0!important;color:var(--sv-bronze)!important}
body.ss-mindmarket .footer-grid>div:not(:first-child){color:var(--sv-cream-2)!important}
body.ss-mindmarket .footer-bottom{border-color:var(--sv-line)!important;color:#877567!important}

/* Persistent chapter indicator */
.sv-scroll-index{position:fixed;right:22px;top:50%;z-index:900;transform:translateY(-50%);display:flex;align-items:center;gap:10px;pointer-events:none;color:rgba(242,232,216,.72);font:500 9px/1 var(--sv-sans);letter-spacing:.16em;writing-mode:vertical-rl;text-transform:uppercase}
.sv-scroll-index i{display:block;width:1px;height:86px;background:rgba(242,232,216,.18);position:relative;overflow:hidden}
.sv-scroll-index i::after{content:"";position:absolute;left:0;top:0;width:1px;height:calc(var(--sv-page-p) * 100%);background:var(--sv-bronze)}

/* responsive */
@media(max-width:900px){
  body.ss-mindmarket{font-size:17px}
  .sv-scroll-index{display:none}
  body.ss-mindmarket[data-page="index"] .ss-video-hero{height:108svh!important;min-height:108svh!important}
  body.ss-mindmarket[data-page="index"] .ss-hero-inner{justify-content:flex-end!important;padding-bottom:52px!important}
  body.ss-mindmarket[data-page="index"] .ss-video-hero h1{font-size:clamp(66px,17vw,112px)!important;line-height:.83!important}
  body.ss-mindmarket[data-page="index"] .ss-hero-lower{grid-template-columns:1fr!important;gap:24px!important;margin-top:35px!important}
  body.ss-mindmarket[data-page="index"] .ss-hero-lower>p{font-size:25px!important}
  body.ss-mindmarket[data-page="index"] .ss-video-chapter{height:145svh!important}
  body.ss-mindmarket[data-page="index"] .ss-film-card{width:calc(100% - 28px)!important;margin:0 14px 22px!important;padding:28px!important}
  body.ss-mindmarket[data-page="index"] .ss-film-card h2{font-size:clamp(64px,15vw,96px)!important}
  body.ss-mindmarket .inner-hero h1,body.ss-mindmarket .business-hero h1,body.ss-mindmarket .company-hero h1{font-size:clamp(64px,14vw,105px)!important}
  body.ss-mindmarket .section-head h2,body.ss-mindmarket .feature-copy h2,body.ss-mindmarket .split-intro h2,body.ss-mindmarket .timeline h2{font-size:clamp(50px,11vw,78px)!important}
}
@media(max-width:580px){
  body.ss-mindmarket[data-page="index"] .ss-video-hero h1{font-size:clamp(58px,18vw,88px)!important}
  body.ss-mindmarket[data-page="index"] .ss-video-hero .eyebrow{font-size:16px!important}
  body.ss-mindmarket[data-page="index"] .ss-hero-lower>p{font-size:22px!important}
  body.ss-mindmarket[data-page="index"] .ss-film-card{padding:24px!important}
  body.ss-mindmarket[data-page="index"] .ss-film-card h2{font-size:clamp(55px,16vw,78px)!important}
  body.ss-mindmarket[data-page="index"] .ss-video-chapter{height:128svh!important}
  body.ss-mindmarket .container{width:min(calc(100% - 28px),1240px)!important}
}
@media(prefers-reduced-motion:reduce){
  .sv-word{transform:none!important;opacity:1!important;filter:none!important;transition:none!important}
  body.ss-mindmarket .sv-depth-section>.container{transform:none!important}
  body.ss-mindmarket .reveal,body.ss-mindmarket .mm-reveal{transform:none!important;filter:none!important;transition:none!important}
  .sv-scroll-media{transform:none!important}
}


/* =====================================================================
   SS GROUP — SILVANA V2 / ARCHITECTURAL SCROLL
   Stronger scene-to-scene 3D choreography inspired by the supplied video.
   ===================================================================== */

:root{
  --sv-display:"Italiana","Bodoni Moda",Georgia,serif;
  --sv-blueprint:#a9cfff;
  --sv-velocity:0;
}

/* The reference uses very elegant, wide, high-contrast display lettering. */
body.ss-mindmarket h1,
body.ss-mindmarket h2,
body.ss-mindmarket .story-word{
  font-family:var(--sv-display)!important;
  font-weight:400!important;
}
body.ss-mindmarket .eyebrow,
body.ss-mindmarket .lead,
body.ss-mindmarket .hero-sub,
body.ss-mindmarket .ss-film-card p{
  font-family:var(--sv-serif)!important;
}

/* A moving pool of light gives all pages depth without changing content. */
body.ss-mindmarket main>section:not(.ss-video-chapter)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.22;
  background:
    radial-gradient(circle at calc(14% + var(--sv-p, .5) * 72%) calc(18% + var(--sv-p, .5) * 48%),rgba(209,160,108,.18),transparent 23%),
    linear-gradient(110deg,transparent 28%,rgba(242,232,216,.035) 48%,transparent 68%);
  transform:translate3d(calc((var(--sv-p, .5) - .5) * 9vw),0,0);
  mix-blend-mode:screen;
}
body.ss-mindmarket main>section:not(.ss-video-chapter)>.container,
body.ss-mindmarket main>section:not(.ss-video-chapter)>.inner-hero-grid{
  position:relative;
  z-index:1;
}

/* HOME HERO: the opening frame now behaves like a receding cinema/3D panel. */
body.ss-mindmarket[data-page="index"] .ss-video-hero{
  --sv-hero-p:0;
  perspective:2200px;
  overflow:clip!important;
}
body.ss-mindmarket[data-page="index"] .ss-home-video{
  inset:clamp(0px,calc((1 - var(--sv-hero-p)) * 18px),18px)!important;
  transform-style:preserve-3d;
  transform:
    perspective(2200px)
    translate3d(0,calc(var(--sv-hero-p) * 34px),calc(var(--sv-hero-p) * -150px))
    rotateX(calc(var(--sv-hero-p) * 5deg))
    rotateY(calc(var(--sv-hero-p) * -3.5deg))
    scale(calc(1 - var(--sv-hero-p) * .035));
  transform-origin:center 32%;
  border-radius:calc((1 - var(--sv-hero-p)) * 18px);
  box-shadow:0 55px 150px rgba(0,0,0,calc(.12 + var(--sv-hero-p) * .36));
  will-change:transform,border-radius;
}
body.ss-mindmarket[data-page="index"] .ss-home-video::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  opacity:calc(.08 + var(--sv-hero-p) * .24);
  background-image:
    linear-gradient(rgba(169,207,255,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(169,207,255,.10) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 76%,transparent 100%);
}
body.ss-mindmarket[data-page="index"] .ss-video-hero h1{
  transform:translate3d(0,calc(var(--sv-hero-p) * -22px),calc(var(--sv-hero-p) * 52px));
  text-shadow:0 25px 90px rgba(0,0,0,.34);
}

/* Each business chapter is treated as a 3D plane/model viewport. */
body.ss-mindmarket[data-page="index"] .ss-video-chapters{
  perspective:2300px;
  overflow:clip;
  background:
    linear-gradient(90deg,rgba(169,207,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(169,207,255,.035) 1px,transparent 1px),
    #0d0705!important;
  background-size:80px 80px;
}
body.ss-mindmarket[data-page="index"] .ss-video-chapter{
  --sv-phase:-1;
  --sv-fold:1;
  --sv-focus:0;
  --sv-card-dir:-1;
  isolation:isolate;
}
body.ss-mindmarket[data-page="index"] .ss-video-chapter:nth-child(even){--sv-card-dir:1}
body.ss-mindmarket[data-page="index"] .ss-video-chapter-sticky{
  position:sticky!important;
  top:0!important;
  height:100svh!important;
  overflow:hidden!important;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  clip-path:inset(calc(var(--sv-fold) * 4.2%) calc(var(--sv-fold) * 3.2%) round calc(var(--sv-fold) * 38px));
  transform:
    perspective(2200px)
    translate3d(calc(var(--sv-phase) * -4vw),calc(var(--sv-fold) * 18px),calc((1 - var(--sv-fold)) * 115px - var(--sv-fold) * 120px))
    rotateX(calc(var(--sv-phase) * -8deg))
    rotateY(calc(var(--sv-phase) * 12deg))
    rotateZ(calc(var(--sv-phase) * -.7deg))
    scale(calc(1 - var(--sv-fold) * .075))!important;
  box-shadow:0 55px 150px rgba(0,0,0,calc(.20 + var(--sv-fold) * .30));
  will-change:transform,clip-path;
}
body.ss-mindmarket[data-page="index"] .ss-video-chapter.is-current .ss-video-chapter-sticky{
  box-shadow:0 65px 170px rgba(0,0,0,.50),0 0 0 1px rgba(169,207,255,.13);
}
body.ss-mindmarket[data-page="index"] .ss-video-chapter-sticky>video{
  filter:
    sepia(.24)
    saturate(.82)
    contrast(1.08)
    brightness(calc(.58 + var(--sv-focus) * .16))
    blur(calc(var(--sv-fold) * 1.9px))!important;
  transform:
    translate3d(calc(var(--sv-phase) * -6vw),calc(var(--sv-phase) * -54px),calc(var(--sv-focus) * 45px))
    scale(calc(1.12 + var(--sv-focus) * .08))!important;
  will-change:transform,filter;
}

/* Architectural/blueprint overlay injected by JS. */
.sv-blueprint-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  overflow:hidden;
  opacity:calc(.12 + var(--sv-fold) * .28);
  mix-blend-mode:screen;
}
.sv-blueprint-overlay::before{
  content:"";
  position:absolute;
  inset:-12%;
  background-image:
    linear-gradient(rgba(169,207,255,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(169,207,255,.14) 1px,transparent 1px),
    linear-gradient(rgba(242,232,216,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(242,232,216,.07) 1px,transparent 1px);
  background-size:72px 72px,72px 72px,18px 18px,18px 18px;
  transform:
    perspective(1200px)
    rotateX(58deg)
    rotateZ(calc(var(--sv-phase) * 4deg))
    translate3d(calc(var(--sv-phase) * -90px),calc(var(--sv-phase) * 36px),0)
    scale(1.25);
  transform-origin:center;
}
.sv-blueprint-overlay::after{
  content:"";
  position:absolute;
  left:9%;right:9%;top:15%;bottom:15%;
  border:1px solid rgba(169,207,255,.28);
  box-shadow:
    inset 0 0 0 1px rgba(242,232,216,.05),
    0 0 70px rgba(87,153,227,.08);
  transform:translate3d(0,0,calc(var(--sv-focus) * 70px)) rotateY(calc(var(--sv-phase) * -5deg));
}

.sv-scene-hud{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  color:rgba(242,232,216,.72);
  font-family:var(--sv-sans);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:9px;
  opacity:calc(.28 + var(--sv-focus) * .72);
}
.sv-scene-hud .sv-hud-index{
  position:absolute;
  top:34px;
  left:34px;
  display:flex;
  align-items:center;
  gap:12px;
}
.sv-scene-hud .sv-hud-index::after{
  content:"";
  width:70px;
  height:1px;
  background:linear-gradient(90deg,var(--sv-blueprint),transparent);
}
.sv-scene-hud .sv-hud-label{
  position:absolute;
  right:34px;
  top:34px;
  max-width:42vw;
  text-align:right;
}
.sv-scene-hud .sv-hud-axis{
  position:absolute;
  left:34px;
  bottom:34px;
  width:min(310px,38vw);
  height:1px;
  background:rgba(242,232,216,.20);
  transform-origin:left center;
}
.sv-scene-hud .sv-hud-axis::after{
  content:"";
  display:block;
  width:calc(var(--sv-focus) * 100%);
  height:1px;
  background:var(--sv-bronze);
  box-shadow:0 0 18px rgba(195,154,107,.46);
}
.sv-scene-corner{
  position:absolute;
  width:32px;
  height:32px;
  border-color:rgba(169,207,255,.50);
  border-style:solid;
  opacity:calc(.25 + var(--sv-focus) * .75);
}
.sv-scene-corner.tl{left:18px;top:18px;border-width:1px 0 0 1px}
.sv-scene-corner.tr{right:18px;top:18px;border-width:1px 1px 0 0}
.sv-scene-corner.bl{left:18px;bottom:18px;border-width:0 0 1px 1px}
.sv-scene-corner.br{right:18px;bottom:18px;border-width:0 1px 1px 0}

/* Card copy feels like a physical sheet floating in front of the model. */
body.ss-mindmarket[data-page="index"] .ss-video-chapter-content{
  transform-style:preserve-3d;
  perspective:1600px;
}
body.ss-mindmarket[data-page="index"] .ss-film-card{
  opacity:calc(.35 + var(--sv-focus) * .65);
  transform:
    perspective(1600px)
    translate3d(calc(var(--sv-phase) * var(--sv-card-dir) * 13vw),calc(var(--sv-phase) * -54px),calc(30px + var(--sv-focus) * 120px))
    rotateX(calc(var(--sv-phase) * -7deg))
    rotateY(calc(var(--sv-phase) * var(--sv-card-dir) * -10deg))!important;
  box-shadow:0 40px 120px rgba(0,0,0,calc(.20 + var(--sv-focus) * .22))!important;
}
body.ss-mindmarket[data-page="index"] .ss-film-card::before{
  content:"";
  position:absolute;
  left:0;top:0;width:1px;height:100%;
  background:linear-gradient(180deg,var(--sv-blueprint),var(--sv-bronze),transparent);
  opacity:calc(.25 + var(--sv-focus) * .75);
}
body.ss-mindmarket[data-page="index"] .ss-film-card h2{
  text-shadow:0 20px 60px rgba(0,0,0,.30);
}

/* Subtle depth on every inner-page hero, not just Home. */
body.ss-mindmarket:not([data-page="index"]) .inner-hero,
body.ss-mindmarket:not([data-page="index"]) .business-hero,
body.ss-mindmarket:not([data-page="index"]) .company-hero{
  transform-style:preserve-3d;
  clip-path:inset(calc(var(--sv-hero-fold,0) * 2%) round calc(var(--sv-hero-fold,0) * 26px));
}
body.ss-mindmarket:not([data-page="index"]) .inner-hero h1,
body.ss-mindmarket:not([data-page="index"]) .business-hero h1,
body.ss-mindmarket:not([data-page="index"]) .company-hero h1{
  transform:translate3d(0,calc(var(--sv-hero-fold,0) * -26px),calc(var(--sv-hero-fold,0) * 70px));
}

/* Image frames on all public pages now enter/exit like shallow 3D panels. */
body.ss-mindmarket .image-wrap,
body.ss-mindmarket .company-image,
body.ss-mindmarket .feature-image,
body.ss-mindmarket .story-image,
body.ss-mindmarket .directory-image,
body.ss-mindmarket .sector-detail-image,
body.ss-mindmarket .gallery-item,
body.ss-mindmarket .project-card{
  perspective:1400px;
  box-shadow:0 30px 90px rgba(0,0,0,.20);
}
.sv-scroll-media{
  filter:sepia(.16) saturate(.88) contrast(1.06) brightness(calc(.90 + var(--sv-media-focus,.3) * .12))!important;
  clip-path:inset(calc((1 - var(--sv-media-focus,.3)) * 1.5%) round calc((1 - var(--sv-media-focus,.3)) * 18px));
}

/* Velocity-reactive micro tilt — gives trackpad scrolling more physicality. */
body.ss-mindmarket[data-page="index"] .ss-video-chapter-sticky{
  --sv-velocity-tilt:calc(var(--sv-velocity) * 1deg);
}

@media(max-width:900px){
  body.ss-mindmarket[data-page="index"] .ss-video-chapter-sticky{
    clip-path:inset(calc(var(--sv-fold) * 2.4%) calc(var(--sv-fold) * 2%) round calc(var(--sv-fold) * 24px));
    transform:
      perspective(1600px)
      translate3d(calc(var(--sv-phase) * -2vw),calc(var(--sv-fold) * 10px),calc((1 - var(--sv-fold)) * 60px - var(--sv-fold) * 70px))
      rotateX(calc(var(--sv-phase) * -4deg))
      rotateY(calc(var(--sv-phase) * 6deg))
      scale(calc(1 - var(--sv-fold) * .035))!important;
  }
  body.ss-mindmarket[data-page="index"] .ss-film-card{
    transform:
      perspective(1200px)
      translate3d(calc(var(--sv-phase) * var(--sv-card-dir) * 5vw),calc(var(--sv-phase) * -28px),calc(18px + var(--sv-focus) * 54px))
      rotateX(calc(var(--sv-phase) * -3deg))
      rotateY(calc(var(--sv-phase) * var(--sv-card-dir) * -4deg))!important;
  }
  .sv-blueprint-overlay::before{background-size:52px 52px,52px 52px,16px 16px,16px 16px}
  .sv-scene-hud .sv-hud-index{left:22px;top:22px}
  .sv-scene-hud .sv-hud-label{right:22px;top:22px}
  .sv-scene-hud .sv-hud-axis{left:22px;bottom:22px}
}

@media(max-width:580px){
  .sv-scene-hud .sv-hud-label{display:none}
  .sv-blueprint-overlay::after{left:5%;right:5%;top:12%;bottom:12%}
  .sv-scene-corner{width:24px;height:24px}
}

@media(prefers-reduced-motion:reduce){
  body.ss-mindmarket[data-page="index"] .ss-home-video,
  body.ss-mindmarket[data-page="index"] .ss-video-chapter-sticky,
  body.ss-mindmarket[data-page="index"] .ss-film-card,
  body.ss-mindmarket:not([data-page="index"]) .inner-hero h1,
  body.ss-mindmarket:not([data-page="index"]) .business-hero h1,
  body.ss-mindmarket:not([data-page="index"]) .company-hero h1{
    transform:none!important;
    clip-path:none!important;
  }
  .sv-blueprint-overlay{opacity:.08!important}
}