/* Editorial video stories. Scoped to /testimonials.html. */
.stories-container{width:min(100% - clamp(2rem,8vw,8rem),1280px);margin-inline:auto}
.stories-hero{position:relative;isolation:isolate;overflow:hidden;background:#0c0b12;color:#fff;padding:clamp(5rem,8vw,8rem) 0 clamp(4rem,7vw,6.5rem)}
.stories-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.12),transparent 46%),radial-gradient(circle at 83% 75%,rgba(83,45,165,.2),transparent 34%);z-index:-1}
.stories-hero-glow{position:absolute;width:520px;height:520px;right:-260px;top:-230px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 85px rgba(255,255,255,.018),0 0 0 170px rgba(255,255,255,.012);pointer-events:none}
.stories-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2.5rem,6vw,7rem)}
.stories-hero .eyebrow,.stories-feature .eyebrow{color:#b89bff}
.stories-hero .eyebrow::before,.stories-feature .eyebrow::before{color:#b89bff}
.stories-hero h1{color:#fff;font-size:clamp(3rem,5.5vw,5.65rem);line-height:1.02;max-width:11ch;margin:1.35rem 0 1.55rem;letter-spacing:-.055em!important}
.stories-lead{max-width:36rem;color:#c5c1d0;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.65}
.stories-hero-link{display:inline-flex;align-items:center;gap:1.6rem;margin-top:2.1rem;padding:.85rem 0;border-bottom:1px solid #8f75cd;color:#fff;font-size:.85rem;font-weight:700;transition:gap .2s,color .2s}
.stories-hero-link:hover{gap:2rem;color:#d9c8ff}
.stories-hero-link span:last-child{color:#b89bff;font-size:1.3rem;font-weight:400}
.stories-hero-index{display:flex;align-items:center;gap:1rem;margin-top:4.4rem;color:#aaa2bd;font:600 .68rem ui-monospace,monospace}
.stories-index-line{width:7rem;height:1px;background:linear-gradient(90deg,#9c75ff,rgba(255,255,255,.18))}
.stories-hero-film,.stories-chapter-media,.stories-feature-media{margin:0;min-width:0}
.stories-hero-film{position:relative;padding:1rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 35px 80px rgba(0,0,0,.3)}
.stories-hero-film::after{content:"";position:absolute;left:8%;right:8%;bottom:-22px;height:22px;background:#6834bd;filter:blur(28px);opacity:.38;pointer-events:none}
.stories-film-frame{aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#111117;box-shadow:0 20px 44px rgba(14,10,25,.16)}
.stories-film-frame video{display:block;width:100%;height:100%;background:#101014;object-fit:contain}
.stories-film-frame--hero{border-radius:13px}
.stories-hero-film figcaption,.stories-chapter-media figcaption,.stories-feature-media figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.85rem .2rem 0;color:#8f8a9c;font:600 .66rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em!important}
.stories-hero-film figcaption{color:#bdb6cc;padding:.9rem .35rem .2rem}
.stories-intro{padding:clamp(5rem,8vw,8.5rem) 0 clamp(4rem,6vw,6rem);background:#fff}
.stories-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);align-items:end;gap:clamp(3rem,8vw,9rem)}
.stories-intro h2{max-width:15ch;margin-top:1.25rem;font-size:clamp(2.4rem,4.2vw,4.2rem);line-height:1.08;letter-spacing:-.045em!important}
.stories-intro-aside>p:first-child{color:#42424d;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.7}
.stories-intro-rule{display:block;width:3.5rem;height:2px;margin:1.8rem 0 1.1rem;background:var(--purple)}
.stories-source{font-size:.78rem;color:#777280}
.stories-source a{display:inline-block;margin-top:.35rem;color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.stories-chapter{padding:clamp(4.5rem,8vw,7rem) 0;border-top:1px solid #e9e7ed;background:#fff;scroll-margin-top:4rem}
.stories-chapter--soft{background:#f8f7fa}
.stories-chapter-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(2.5rem,7vw,8rem);align-items:center}
.stories-chapter:nth-child(even) .stories-chapter-copy{grid-column:2;grid-row:1}
.stories-chapter:nth-child(even) .stories-chapter-media{grid-column:1;grid-row:1}
.stories-chapter-top{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-bottom:2.4rem}
.stories-chapter-no{color:#7c3aed;font:700 .72rem ui-monospace,monospace;letter-spacing:.03em!important}
.stories-chapter-category{padding:.4rem .7rem;border:1px solid #e1d9f1;border-radius:100px;color:#6a5c80;font-size:.72rem;font-weight:600}
.stories-chapter h2{font-size:clamp(2.55rem,4.4vw,4.7rem);line-height:1.05;max-width:13ch;letter-spacing:-.045em!important}
.stories-chapter-copy>p{max-width:32rem;margin-top:1.35rem;color:#575460;font-size:1.04rem;line-height:1.7}
.stories-work{max-width:33rem;margin-top:1.8rem;padding:1.25rem 0 .25rem;border-top:1px solid #ded9e7}
.stories-work-label{color:var(--purple);font:700 .67rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em!important}
.stories-work ul{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}
.stories-work li{position:relative;padding-left:1.15rem;color:#3f3c47;font-size:.86rem;line-height:1.6}
.stories-work li::before{content:"";position:absolute;left:0;top:.56rem;width:.38rem;height:.38rem;border-radius:50%;background:var(--purple)}
.stories-chapter-copy>.stories-context{margin-top:1.3rem;color:#7a7483;font-size:.8rem;line-height:1.6}
.stories-chapter-tag{display:inline-block;margin-top:2rem;border-top:1px solid #d7d0e2;padding-top:.8rem;color:#7e7788;font:600 .66rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em!important}
.stories-chapter-media .stories-film-frame{border:1px solid rgba(28,19,44,.11)}
.stories-feature{position:relative;overflow:hidden;padding:clamp(5rem,8vw,8rem) 0;background:linear-gradient(130deg,#1b1234 0%,#0c0b12 64%);color:#fff;scroll-margin-top:4rem}
.stories-feature::before{content:"";position:absolute;width:680px;height:680px;right:-260px;bottom:-450px;border:1px solid rgba(175,138,255,.16);border-radius:50%;box-shadow:0 0 0 105px rgba(165,124,255,.04),0 0 0 210px rgba(165,124,255,.025);pointer-events:none}
.stories-feature-grid{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2.5rem,7vw,8rem)}
.stories-feature .stories-chapter-no{color:#b89bff}
.stories-feature .eyebrow{display:flex;margin-top:2.5rem}
.stories-feature h2{color:#fff;max-width:14ch;margin:1.2rem 0 1.3rem;font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.045em!important}
.stories-feature-copy>p:not(.eyebrow){max-width:32rem;color:#c7c0d5;line-height:1.7}
.stories-feature .stories-work{border-color:rgba(255,255,255,.2)}
.stories-feature .stories-work-label{color:#b89bff}
.stories-feature .stories-work li{color:#e4deef}
.stories-feature .stories-work li::before{background:#b89bff}
.stories-feature-copy>.stories-feature-context{margin-top:1.35rem;color:#afa5c2!important;font-size:.8rem;line-height:1.6}
.stories-feature-mark{display:inline-flex;align-items:flex-start;gap:.35rem;margin-top:2.3rem;color:#a57df4;font-size:clamp(3.8rem,7vw,7rem);font-weight:800;line-height:1;letter-spacing:-.09em!important;opacity:.68}
.stories-feature-mark span{font-size:.38em;font-weight:400;letter-spacing:0!important}
.stories-feature-media .stories-film-frame{border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px rgba(0,0,0,.35)}
.stories-feature-media figcaption{color:#b7adc9}
.stories-end{padding:clamp(4rem,7vw,6.5rem) 0;background:#f5f2fa;border-top:1px solid #eee8f8}
.stories-end-inner{display:flex;justify-content:space-between;align-items:end;gap:2rem}
.stories-end h2{margin:1rem 0 .9rem;max-width:20ch;font-size:clamp(2.2rem,3.4vw,3.4rem);letter-spacing:-.04em!important}
.stories-end p:last-child{max-width:35rem}
.stories-end .button{white-space:nowrap}
@media(max-width:900px){
  .stories-hero-grid,.stories-intro-grid,.stories-chapter-grid,.stories-feature-grid{grid-template-columns:1fr;gap:2.5rem}
  .stories-hero h1{max-width:16ch}
  .stories-hero-index{margin-top:2rem}
  .stories-chapter:nth-child(even) .stories-chapter-copy,.stories-chapter:nth-child(even) .stories-chapter-media{grid-column:auto;grid-row:auto}
  .stories-chapter-top{margin-bottom:1.4rem}
  .stories-chapter h2{max-width:20ch}
  .stories-feature .eyebrow{margin-top:1.5rem}
}
@media(max-width:620px){
  .stories-container{width:min(100% - 2rem,1280px)}
  .stories-hero{padding:4.5rem 0 3.5rem}
  .stories-hero h1{font-size:clamp(2.75rem,11vw,4.2rem)}
  .stories-hero-film{padding:.55rem;border-radius:16px}
  .stories-hero-film figcaption{padding:.8rem .3rem .2rem}
  .stories-chapter,.stories-feature{padding:4rem 0}
  .stories-end-inner{align-items:start;flex-direction:column}
  .stories-end .button{white-space:normal}
}