.video-stories{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:clamp(84px,11vw,156px) 18px clamp(100px,13vw,180px);
  color:#fdfaf4;
  background:
    radial-gradient(circle at 12% 20%,rgba(219,154,33,.11),transparent 28rem),
    radial-gradient(circle at 88% 86%,rgba(196,146,133,.08),transparent 34rem),
    #071024;
}
.video-stories::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(241,206,89,.48),transparent)}
.video-stories-orbit{position:absolute;z-index:-1;top:9%;right:-260px;width:520px;height:520px;border:1px solid rgba(234,214,162,.11);border-radius:50%}
.video-stories-orbit::after{content:"";position:absolute;inset:52px;border:1px solid rgba(234,214,162,.07);border-radius:50%}
.video-stories-inner{width:min(1220px,100%);margin-inline:auto}
.video-stories-heading{margin-bottom:clamp(56px,9vw,112px)}
.video-stories-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#f1ce59;font-size:.76rem;font-weight:800;letter-spacing:.16em}
.video-stories-kicker span{width:34px;height:1px;background:currentColor}
.video-stories-copy h2{margin:0;color:#db9a21;background:linear-gradient(118deg,#f1ce59,#db9a21 52%,#c57a0a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(2.25rem,9.4vw,4.8rem);line-height:1.08;letter-spacing:-.045em;text-shadow:0 8px 32px rgba(219,154,33,.07)}
.video-stories-copy>p{max-width:540px;margin:24px 0 0;color:#d9c79a;font-size:clamp(.98rem,2.6vw,1.14rem);line-height:1.95}
.video-editorial,.video-story-column{display:flex;flex-direction:column;gap:44px}
.video-story{width:94%;margin:0;align-self:flex-start}
.video-story:nth-child(even),.video-story-offset{width:88%;align-self:flex-end}
.vimeo-frame{position:relative;aspect-ratio:9/16;overflow:hidden;border:1px solid rgba(234,214,162,.2);border-radius:30px 10px 30px 10px;background:#11192b;box-shadow:0 26px 70px rgba(0,0,0,.28);transition:transform .45s cubic-bezier(.22,.61,.36,1),border-color .45s ease,box-shadow .45s ease}
.video-story:nth-child(even) .vimeo-frame,.video-story-offset .vimeo-frame{border-radius:10px 30px 10px 30px}
.vimeo-frame::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.vimeo-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-story figcaption{display:flex;align-items:center;gap:13px;margin-top:15px;color:#ead6a2}
.video-story figcaption span{font-family:ui-serif,Georgia,serif;color:#f1ce59;font-size:.82rem;letter-spacing:.08em}
.video-story figcaption span::after{content:"";display:inline-block;width:26px;height:1px;margin-inline-start:10px;vertical-align:middle;background:rgba(234,214,162,.38)}
.video-story figcaption p{margin:0;color:#cbbd9b;font-size:.78rem;letter-spacing:.04em}
.video-story-column{display:contents}
.video-stories-animate .video-stories-kicker,.video-stories-animate .video-stories-copy h2,.video-stories-animate .video-stories-copy>p,.video-stories-animate .video-story{opacity:0;transform:translateY(20px)}
.video-stories-animate.is-visible .video-stories-kicker,.video-stories-animate.is-visible .video-stories-copy h2,.video-stories-animate.is-visible .video-stories-copy>p,.video-stories-animate.is-visible .video-story{opacity:1;transform:none;transition:opacity .72s ease,transform .72s cubic-bezier(.22,.61,.36,1)}
.video-stories-animate.is-visible .video-stories-copy h2{transition-delay:.08s}
.video-stories-animate.is-visible .video-stories-copy>p{transition-delay:.16s}
.video-stories-animate.is-visible .video-story{transition-delay:calc(.12s + var(--video-order,0) * .055s)}
@media (max-width:359px){
  .video-stories{padding-inline:14px}
  .video-editorial{gap:36px}
  .video-story{width:96%}
  .video-story:nth-child(even),.video-story-offset{width:90%}
}
@media (min-width:600px) and (max-width:899px){
  .video-stories{padding-inline:30px}
  .video-story{width:min(82%,520px)}
  .video-story:nth-child(even),.video-story-offset{width:min(76%,480px)}
}
@media (min-width:900px){
  .video-stories{padding-inline:42px}
  .video-stories-heading{display:grid;grid-template-columns:minmax(430px,1.08fr) minmax(300px,.72fr);align-items:end;gap:80px}
  .video-stories-kicker{grid-column:1/-1;margin-bottom:-30px}
  .video-stories-copy{display:contents}
  .video-stories-copy h2{grid-column:1}
  .video-stories-copy>p{grid-column:2;margin:0 0 8px;padding-right:30px;border-right:1px solid rgba(241,206,89,.25)}
  .video-editorial{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:86px 34px;align-items:start}
  .video-story,.video-story:nth-child(even),.video-story-offset{width:100%;align-self:auto}
  .video-story-featured{grid-column:1/7;grid-row:1/3}
  .video-story-column-top{display:flex;grid-column:8/13;grid-row:1/3;gap:72px;padding-top:120px}
  .video-story-column-top .video-story{width:78%}
  .video-story-column-top .video-story-offset{align-self:flex-end}
  .video-story-bridge{grid-column:2/6;grid-row:3;margin-top:60px}
  .video-story-column-bottom{display:grid;grid-template-columns:1fr 1fr;grid-column:7/13;grid-row:3;gap:32px;align-items:start}
  .video-story-column-bottom .video-story-offset{margin-top:150px}
  .video-story-column-finale{display:grid;grid-template-columns:1fr 1fr;grid-column:3/11;grid-row:4;gap:40px;align-items:start;margin-top:22px}
  .video-story-column-finale .video-story-offset{margin-top:120px}
  .video-story-featured .vimeo-frame{border-radius:44px 14px 44px 14px}
  .video-story-bridge .vimeo-frame{border-radius:14px 38px 14px 38px}
  .video-story-column-finale .video-story:first-child .vimeo-frame{border-radius:40px 12px 40px 12px}
  .video-story:hover .vimeo-frame{transform:translateY(-3px);border-color:rgba(241,206,89,.42);box-shadow:0 32px 82px rgba(0,0,0,.36)}
}
@media (prefers-reduced-motion:reduce){.vimeo-frame,.video-story{transition:none!important}}