/* OpsTute school-day film story (homepage orchestration) */
.video-story-section{padding:96px 0;position:relative;isolation:isolate}
.video-story-section:before{content:"";position:absolute;left:50%;top:44px;width:min(1160px,calc(100% - 48px));height:calc(100% - 88px);transform:translateX(-50%);border-radius:38px;background:radial-gradient(circle at 86% 8%,rgba(212,106,44,.16),transparent 28rem),linear-gradient(135deg,rgba(18,24,32,.99),rgba(26,36,48,.98));box-shadow:0 28px 80px rgba(18,24,32,.16);z-index:-1}
.video-story-inner{padding:54px 54px 50px;color:#fff}
.video-story-head{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:54px;align-items:end;margin-bottom:32px}
.video-story-head .label{color:#f0a471}
.video-story-head h2{max-width:720px;color:#fff}
.video-story-head p{margin:0;color:rgba(255,255,255,.78);font-size:18px;line-height:1.68;max-width:62ch}
.video-story-kicker{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:rgba(255,255,255,.62);font-size:13px;font-weight:700;letter-spacing:.02em}
.video-story-kicker:before{content:"";width:26px;height:1px;background:rgba(240,164,113,.72)}
.video-story-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}
.video-story-tab{appearance:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff;border-radius:18px;padding:18px 20px;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .18s;min-height:112px}
.video-story-tab:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);transform:translateY(-1px)}
.video-story-tab[aria-selected="true"]{background:rgba(255,255,255,.13);border-color:rgba(240,164,113,.66);box-shadow:inset 0 0 0 1px rgba(240,164,113,.16)}
.video-story-tab:focus-visible,.video-story-shortcut:focus-visible{outline:2px solid #f0a471;outline-offset:3px}
.video-story-tab-num{display:block;color:#f0a471;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:9px}
.video-story-tab-title{display:block;font-family:var(--display);font-size:20px;line-height:1.18;letter-spacing:-.025em;font-weight:700;margin-bottom:5px}
.video-story-tab-copy{display:block;color:rgba(255,255,255,.67);font-size:13px;line-height:1.45}
.video-story-stage{position:relative;aspect-ratio:16/9;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#0b1016;box-shadow:0 26px 62px rgba(0,0,0,.32)}
.video-story-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;color:rgba(255,255,255,.68);font-size:13px;line-height:1.5;flex-wrap:wrap}
.video-story-meta strong{color:#fff}
.video-story-meta-copy a{color:#fff;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.32);padding-bottom:2px}
.video-story-meta-copy a:hover{border-color:#f0a471;color:#f5c19c}
.video-story-shortcut{background:transparent!important;color:var(--graphite)!important;border:1px solid var(--line2)!important}
.video-story-shortcut:hover{background:#fff!important;color:var(--charcoal)!important}
@media(max-width:900px){
  .video-story-section{padding:72px 0}
  .video-story-section:before{top:30px;height:calc(100% - 60px);width:min(100% - 28px,1180px);border-radius:30px}
  .video-story-inner{padding:42px 28px 38px}
  .video-story-head{grid-template-columns:1fr;gap:18px;align-items:start}
}
@media(max-width:640px){
  .video-story-section{padding:54px 0}
  .video-story-section:before{top:18px;height:calc(100% - 36px);border-radius:26px}
  .video-story-inner{padding:34px 18px 30px}
  .video-story-head{margin-bottom:24px}
  .video-story-head p{font-size:16px}
  .video-story-tabs{grid-template-columns:1fr}
  .video-story-tab{min-height:0;padding:16px}
  .video-story-stage{border-radius:18px}
  .video-story-meta{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(prefers-reduced-motion:reduce){
  .video-story-tab{transition:none}
}