/* RivalFrame cinematic storytelling layer */
.story-shell{position:relative;padding:120px 0;background:linear-gradient(135deg,rgba(36,53,95,.96),rgba(67,86,149,.94) 48%,rgba(75,124,126,.92));color:#fff;overflow:hidden}.story-shell:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 18% 20%,rgba(255,192,150,.20),transparent 25%),radial-gradient(circle at 82% 22%,rgba(129,153,255,.28),transparent 28%),radial-gradient(circle at 60% 78%,rgba(113,186,184,.20),transparent 28%);animation:storyAmbient 16s ease-in-out infinite alternate}.story-wrap{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start}.story-sticky{position:sticky;top:118px}.story-sticky .eyebrow{color:#d9defc!important}.story-sticky h2{color:#fff!important;max-width:520px}.story-sticky p{color:rgba(255,255,255,.72);font-size:18px;max-width:520px}.story-meter{display:flex;align-items:center;gap:8px;margin-top:28px}.story-meter span{width:34px;height:4px;border-radius:99px;background:rgba(255,255,255,.18);transition:width .35s ease,background .35s ease}.story-meter span.active{width:68px;background:linear-gradient(90deg,#f2b18f,#aab9ff)}.story-steps{display:grid;gap:28px}.story-step{min-height:72vh;display:flex;align-items:center;opacity:.35;transform:scale(.97);transition:opacity .45s ease,transform .45s cubic-bezier(.16,1,.3,1)}.story-step.active{opacity:1;transform:scale(1)}.story-card{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:30px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.07));backdrop-filter:blur(18px);box-shadow:0 35px 90px rgba(10,20,45,.25);position:relative;overflow:hidden}.story-card:after{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(112deg,transparent 36%,rgba(255,255,255,.18) 50%,transparent 64%);transform:translateX(-100%) rotate(8deg)}.story-step.active .story-card:after{animation:storySweep 2.2s .15s ease-out forwards}.story-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#eef1ff}.story-card h3{font-size:clamp(30px,4vw,46px);line-height:1.02;letter-spacing:-.045em;margin:24px 0 12px;color:#fff}.story-card>p{font-size:16px;color:rgba(255,255,255,.74);max-width:650px}.story-ui{margin-top:24px;display:grid;gap:10px}.story-ui-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.09)}.story-dot{width:9px;height:9px;border-radius:50%;background:#aab9ff;box-shadow:0 0 0 5px rgba(170,185,255,.10)}.story-dot.coral{background:#f2b18f;box-shadow:0 0 0 5px rgba(242,177,143,.10)}.story-dot.teal{background:#8cc6c4;box-shadow:0 0 0 5px rgba(140,198,196,.10)}.story-ui-row strong{display:block;font-size:13px;color:#fff}.story-ui-row small{display:block;color:rgba(255,255,255,.62);font-size:11px}.story-score{font-size:11px;font-weight:900;color:#fff;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.10)}
.hero-grid>div:first-child>*{will-change:transform}.cinematic-word{display:inline-block;transform-origin:left bottom}.hero.cinematic-ready .cinematic-word{animation:wordRise .8s cubic-bezier(.16,1,.3,1) both}.hero.cinematic-ready .cinematic-word:nth-child(2){animation-delay:.05s}.hero.cinematic-ready .cinematic-word:nth-child(3){animation-delay:.1s}.hero.cinematic-ready .cinematic-word:nth-child(4){animation-delay:.15s}
@keyframes storyAmbient{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.08)}}@keyframes storySweep{to{transform:translateX(100%) rotate(8deg)}}@keyframes wordRise{from{opacity:0;transform:translateY(30px) rotate(1deg)}to{opacity:1;transform:none}}
@media(max-width:900px){.story-wrap{grid-template-columns:1fr;gap:24px}.story-sticky{position:relative;top:auto}.story-step{min-height:auto;opacity:1;transform:none}.story-shell{padding:90px 0}.story-meter{display:none}}
@media(max-width:620px){.story-card{padding:22px}.story-card h3{font-size:34px}.story-ui-row{grid-template-columns:auto 1fr}.story-score{display:none}}
@media(prefers-reduced-motion:reduce){.story-shell:before,.story-card:after,.cinematic-word{animation:none!important}.story-step{opacity:1;transform:none}}