/* Figma 29:1416 and 29:1419. Shared elements are moved by story.js. */
.story-opening-paper{position:absolute;inset:0;z-index:1;pointer-events:none;background:#f8fafc;overflow:hidden}
.story-opening-paper::before{content:"";position:absolute;width:160%;height:160%;left:-30%;top:-30%;background:radial-gradient(ellipse 43% 46% at 50% 50%,rgba(120,195,255,.22) 0%,rgba(159,212,255,.14) 33%,rgba(198,230,255,.07) 53%,rgba(248,250,252,0) 75%);transform:translate3d(0,var(--opening-lift,0px),0);pointer-events:none}
.story-opening{position:absolute;inset:0;z-index:3;pointer-events:none;color:#64748b}
.story-opening-preamble{display:none}
.story-landing .story-opening-label{position:absolute;left:50%;top:529px;width:max-content;translate:-50% 0;font-size:18px;font-weight:500;line-height:1.2;text-align:center;background:linear-gradient(158.86deg,#008cff,#153076);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}
.story-landing .story-opening-title{position:absolute;left:50%;top:309.6px;width:max-content;translate:-50% 0;font-size:28px;font-weight:600;line-height:1.2;text-align:center;letter-spacing:0;background:linear-gradient(156.84deg,#008cff,#153076);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap;opacity:0}
.story-opening-grid{position:absolute;left:648px;top:484px;display:grid;grid-template-columns:repeat(10,48px);grid-auto-rows:48px;gap:16px;width:624px;height:112px;transform-origin:0 0;opacity:0}
.story-opening-icon{position:relative;display:block;width:48px;height:48px;transform-origin:0 0}
.story-opening-icon img{position:absolute;display:block;left:0;top:0;max-width:none}
.story-opening-bomb-motion{position:absolute;inset:0;width:48px;height:48px;transform-origin:24px 24px}
.story-opening-red{opacity:0}
.story-opening-icon .story-opening-white{left:2.3px;top:.6px;opacity:0}
.story-landing .story-opening-metric{position:absolute;left:754px;top:696px;width:411px;font-size:18px;font-weight:500;line-height:1.2;text-align:center;color:#64748b;white-space:nowrap;opacity:0}
.story-opening-metric strong{color:#008cff;font:inherit}
.story-landing .story-opening-note{position:absolute;left:685px;top:952px;width:549px;font-size:12px;font-weight:400;line-height:1.2;text-align:center;color:#64748b;word-break:keep-all;opacity:0}
.story-opening-down{position:absolute;left:936px;top:1008px;display:block;width:48px;height:48px;margin:0;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;pointer-events:auto;opacity:0}
.story-opening-down img{display:block;max-width:none}
.story-opening-down:focus-visible{outline:2px solid #008cff;outline-offset:6px}

/* Reduced motion and compact screens use the two complete reading states. */
.story-static .story-opening-paper{display:none}
.story-static .story-opening{position:relative;inset:auto;z-index:3;display:flex;flex-direction:column;align-items:center;padding:0 28px 80px;background:radial-gradient(ellipse at 50% 0,rgba(177,220,254,.22),transparent 62%),#f8fafc;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;pointer-events:auto!important}
.story-static .story-opening-preamble{display:flex;align-items:center;justify-content:center;min-height:85svh;width:calc(100% + 56px);margin:0 -28px 90px;padding:40px 24px;background:radial-gradient(ellipse at center,rgba(163,215,255,.2),transparent 70%),#fff}
.story-landing.story-static .story-opening-preamble p{font-size:14px;font-weight:500;line-height:1.4;text-align:center;background:linear-gradient(158.86deg,#008cff,#153076);background-clip:text;-webkit-background-clip:text;color:transparent}
.story-landing.story-static .story-opening-label,.story-landing.story-static .story-opening-title,.story-landing.story-static .story-opening-metric,.story-landing.story-static .story-opening-note{position:relative;left:auto;top:auto;width:100%;translate:none;opacity:1!important;transform:none!important;filter:none!important;visibility:visible!important;white-space:normal}
.story-landing.story-static .story-opening-label{font-size:14px;line-height:1.4;margin-bottom:8px}
.story-landing.story-static .story-opening-title{font-size:23px;line-height:1.35;max-width:440px;word-break:keep-all}
.story-static .story-opening-grid{position:relative;left:auto;top:auto;grid-template-columns:repeat(10,24px);grid-auto-rows:24px;gap:8px;width:312px;height:56px;margin:92px 0 64px;opacity:1!important;transform:none!important;filter:none!important;visibility:visible!important}
.story-static .story-opening-icon{opacity:1!important;transform:scale(.5)!important;filter:none!important}
.story-static .story-opening-icon .story-opening-colored{opacity:1!important}
.story-static .story-opening-icon .story-opening-white{display:none}
.story-landing.story-static .story-opening-metric{font-size:16px;line-height:1.5}
.story-landing.story-static .story-opening-note{font-size:11px;line-height:1.6;margin-top:124px;max-width:549px}
.story-static .story-opening-down{display:none}
@media(min-width:600px){
  .story-static .story-opening-preamble{margin-bottom:115px}
  .story-landing.story-static .story-opening-preamble p,.story-landing.story-static .story-opening-label{font-size:18px}
  .story-landing.story-static .story-opening-title{font-size:28px;max-width:none}
  .story-static .story-opening-grid{grid-template-columns:repeat(10,36px);grid-auto-rows:36px;gap:12px;width:468px;height:84px;margin-top:120px;margin-bottom:90px}
  .story-static .story-opening-icon{transform:scale(.75)!important}
  .story-landing.story-static .story-opening-metric{font-size:18px}
  .story-landing.story-static .story-opening-note{font-size:12px;margin-top:180px}
}
@media(min-width:1101px) and (prefers-reduced-motion:reduce){
  .story-static .story-opening{padding-bottom:100px}
  .story-static .story-opening-preamble{min-height:1080px;margin-bottom:282px}
  .story-static .story-opening-grid{grid-template-columns:repeat(10,48px);grid-auto-rows:48px;gap:16px;width:624px;height:112px;margin-top:140px;margin-bottom:100px}
  .story-static .story-opening-icon{transform:none!important}
  .story-landing.story-static .story-opening-note{margin-top:230px}
}

.story-ready:not(.story-static) [data-story-scene="language"] .story-bombs{visibility:hidden}

@media(max-width:360px){
  .story-static .story-opening-grid{grid-template-columns:repeat(10,20px);grid-auto-rows:20px;gap:8px;width:272px;height:48px}
  .story-static .story-opening-icon{transform:scale(.4166667)!important}
}

.story-static:not(.story-autoplay) .story-opening-promotion,.story-static:not(.story-autoplay) .story-opening-red{display:none}
.story-static:not(.story-autoplay) .story-opening-bomb-motion{opacity:1!important;transform:none!important;filter:none!important}