/* A single sticky stage; the existing artwork and product maps remain intact. */
.opening-story{--opening-header:88px;position:relative;background:#0b1014;}
.opening-motion{display:none;}
.opening-story:not([data-flow]) .pinned-hero{height:auto;}
.opening-story:not([data-flow]) .pin-stage{position:relative;top:0;}
.opening-story[data-flow]{height:640svh;}
.opening-story[data-flow]>.opening-stage{position:sticky;top:var(--opening-header);height:calc(100svh - var(--opening-header));min-height:580px;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 55% 52%,#202a32 0%,#10171d 43%,#0b1014 74%);}
.opening-story[data-flow]>.opening-stage::before{content:"";position:absolute;inset:30px 4vw;border-top:1px solid #343e46;pointer-events:none;z-index:5;}
.opening-story[data-flow]>.opening-stage::after{content:"";position:absolute;left:4vw;right:4vw;bottom:0;height:1px;background:#c41e30;transform:scaleX(var(--opening-progress,0));transform-origin:left;z-index:5;}
.opening-story[data-flow] .pinned-hero,.opening-story[data-flow] #aws-products{position:absolute;inset:0;height:100%;background:transparent;}
.opening-story[data-flow] .pinned-hero{z-index:2;opacity:var(--logo-opacity,1);}
.opening-story[data-flow] #aws-products{z-index:3;opacity:var(--product-opacity,0);}
.opening-story[data-flow] [data-story-active=false]{pointer-events:none;}
.opening-story[data-flow] .pinned-hero .pin-stage,.opening-story[data-flow] #aws-products .stage,.opening-story[data-flow] #aws-products .journey{position:absolute;inset:0;top:0;height:100%;min-height:0;background:transparent;}
.opening-story[data-flow] .pin-stage::before,.opening-story[data-flow] .pin-stage::after,.opening-story[data-flow] #aws-products .stage-rule,.opening-story[data-flow] #aws-products .track{display:none;}
.opening-story[data-flow] .pin-motion-toggle,.opening-story[data-flow] #aws-products #motion{display:none;}
.opening-story[data-flow] .opening-motion{display:block;position:absolute;right:5vw;top:40px;z-index:8;border:0;border-bottom:1px solid #54606a;background:none;color:#bbc4cc;padding:7px 0;font:14px "DM Sans",Arial,sans-serif;cursor:pointer;}
.opening-story[data-flow] .opening-motion[aria-pressed=true]{color:#fff;border-color:#c41e30;}
.opening-story[data-flow] .pin-origin{right:calc(5vw + 142px);top:49px;}
.opening-story[data-flow] .pin-kicker{top:49px;}
.opening-story[data-flow] .pin-logo-seat{left:calc(50% + 12% * var(--handover,0));top:calc(55% - 5.5% * var(--handover,0));transform:translate(-50%,-50%) scale(calc(1 - .16 * var(--handover,0)));}
.opening-story[data-flow] .pin-heading,.opening-story[data-flow] .pin-copy,.opening-story[data-flow] .pin-bottom,.opening-story[data-flow] .pin-kicker,.opening-story[data-flow] .pin-origin{opacity:calc(var(--scene-opacity,1) * var(--intro-copy-opacity,1));}
.opening-story[data-flow] #aws-products .particle-title,.opening-story[data-flow] #aws-products .category,.opening-story[data-flow] #aws-products .chapter-nav,.opening-story[data-flow] #aws-products .stage>.eyebrow{opacity:var(--product-copy-opacity,0);}
.opening-story[data-flow] #aws-products .stage>.eyebrow{left:5vw;}
.opening-story[data-flow] .pin-hint{cursor:pointer;}
.opening-story[data-flow] #aws-products .chapter-nav button{font-size:14px;}
@media(max-width:720px){
 .opening-story{--opening-header:76px;}
 .opening-story[data-flow]{height:590svh;}
 .opening-story[data-flow]>.opening-stage{min-height:570px;}
 .opening-story[data-flow]>.opening-stage::before{inset:16px 22px;}
 .opening-story[data-flow] .opening-motion{top:25px;right:22px;font-size:12px;}
 .opening-story[data-flow] .pin-kicker{top:35px;left:22px;font-size:10px;}
 .opening-story[data-flow] .pin-origin{top:63px;left:22px;right:auto;font-size:10px;}
 .opening-story[data-flow] .pin-heading{top:17%;}
 .opening-story[data-flow] .pin-logo-seat{left:50%;top:calc(48% + 6.5% * var(--handover,0));}
 .opening-story[data-flow] #aws-products .chapter-nav button{font-size:12px;}
}
@media(max-height:650px) and (min-width:721px){.opening-story[data-flow]>.opening-stage{min-height:500px;}}
@media(orientation:landscape) and (max-height:500px){
 .opening-story{--opening-header:60px;}
 .site-header{height:60px;}
 .site-header .brand{min-width:215px;gap:10px;}
 .site-header .brand img{width:42px;height:35px;}
 .site-header .brand strong{font-size:.95rem;}
 .site-header .brand small{font-size:.66rem;}
 .site-header .site-nav{gap:14px;}
 .site-header .site-nav a{font-size:.78rem;padding-block:7px;}
 .opening-story[data-flow]{height:520svh;}
 .opening-story[data-flow]>.opening-stage{height:calc(100dvh - var(--opening-header));min-height:0;}
 .opening-story[data-flow]>.opening-stage::before{inset:10px 18px;}
 .opening-story[data-flow] .opening-motion{top:8px;right:18px;padding:5px 0;font-size:11px;}
 .opening-story[data-flow] .pin-kicker{top:15px;left:18px;font-size:9px;}
 .opening-story[data-flow] .pin-origin{top:31px;left:18px;right:auto;font-size:9px;}
 .opening-story[data-flow] .pin-heading{top:6%;inset-inline:15%;}
 .opening-story[data-flow] .pinned-hero .pin-heading h1,.opening-story[data-flow] .pinned-hero .pin-heading h2{font-size:clamp(1.65rem,4.8vw,2.45rem);}
 .opening-story[data-flow] .pin-logo-seat{left:calc(50% + 9% * var(--handover,0));top:calc(55% - 3% * var(--handover,0));width:min(31vw,245px,58dvh);}
 .opening-story[data-flow] .pin-copy,.opening-story[data-flow] .pin-bottom{display:none;}
}