/* Owner-selected option 08: Expandable stories. */
.as-stories{--as-line:#2b425e;--as-text:#eef5ff;--as-muted:#afc1d8;--as-accent:#9dd6ff;color:var(--as-text);font:400 14px/1.6 Arial,Helvetica,sans-serif;max-width:100%}
.as-stories *{box-sizing:border-box}
.as-stories h2,.as-stories h3,.as-stories p,.as-stories figure{margin:0}
.as-stories a{color:var(--as-accent);text-decoration:underline;text-underline-offset:5px}
.as-stories a:focus-visible,.as-stories summary:focus-visible{outline:2px solid #c9e9ff;outline-offset:5px}
.as-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:28px}
.as-heading .as-eyebrow{font:400 11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--as-accent);margin-bottom:12px}
.as-heading h2{font:300 clamp(30px,3.6vw,44px)/1.14 AeysaDisplay,Arial,sans-serif;letter-spacing:-.015em;max-width:25ch}
.as-stories .as-all{display:inline-flex;align-items:center;min-height:44px;font-size:12px;white-space:nowrap}
.as-story{border-top:1px solid var(--as-line)}
.as-story:last-child{border-bottom:1px solid var(--as-line)}
.as-summary{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:76px;padding:18px 0;list-style:none;cursor:pointer;color:#aec6de}
.as-summary::-webkit-details-marker{display:none}
.as-summary::marker{content:''}
.as-summary:hover{color:#fff}
.as-summary .as-number{font:400 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#87a8c5}
.as-summary .as-summary-title{font:300 clamp(24px,2.4vw,32px)/1.2 AeysaDisplay,Arial,sans-serif}
.as-summary .as-duration{font:400 11px/1.5 Arial,Helvetica,sans-serif;color:#abc3db;font-variant-numeric:tabular-nums}
.as-story[open]>.as-summary{color:#fff}
.as-story[open]>.as-summary .as-number{color:#b9e1ff}
.as-body{padding:4px 0 34px 54px;max-width:1020px}
.as-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,60px)}
.as-stories .as-stage{position:relative;background:#06101d;aspect-ratio:1182/1749;width:min(100%,244px);margin-inline:auto;overflow:hidden}
.as-stories .v-poster{display:block;position:absolute;inset:0}
.as-stories .v-poster[hidden]{display:none}
.as-stories .v-poster img{display:block;width:100%;height:100%;object-fit:contain}
.as-stage iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.as-copy{min-width:0}
.as-copy .as-meta{font:400 11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#9eb9d5;margin-bottom:14px}
.as-copy h3{font:300 clamp(28px,3.4vw,40px)/1.14 AeysaDisplay,Arial,sans-serif;color:#f3f8ff}
.as-copy .as-description{font:400 14px/1.8 Arial,Helvetica,sans-serif;color:var(--as-muted);margin-top:17px;max-width:36ch}
.as-stories .as-play{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;margin-top:23px;background:#dbedfc;border:1px solid #dbedfc;color:#0b1a2b;text-decoration:none;font:400 12px/1.5 Arial,Helvetica,sans-serif}
.as-stories .as-play:hover{background:#fff;border-color:#fff;color:#061221}
.as-play svg{width:16px;height:16px;flex:none}
.as-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:14px}
.as-stories .as-links a{display:inline-flex;align-items:center;min-height:44px;font:400 12px/1.5 Arial,Helvetica,sans-serif;text-decoration:underline}
@media(max-width:760px){.as-heading h2{font-size:34px}.as-body{padding-left:44px}.as-layout{gap:28px}.as-summary{grid-template-columns:28px minmax(0,1fr) auto;gap:16px}.as-copy h3{font-size:32px}.as-copy .as-description{font-size:14px}}
@media(max-width:600px){.as-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px}.as-heading h2{font-size:30px}.as-summary{grid-template-columns:24px minmax(0,1fr) auto;gap:12px;min-height:68px;padding-block:16px}.as-summary .as-summary-title{font-size:24px}.as-body{padding:4px 0 28px}.as-layout{grid-template-columns:1fr;gap:26px}.as-stories .as-stage{width:min(100%,236px)}.as-copy h3{font-size:32px}}
@media(max-width:380px){.as-summary .as-summary-title{font-size:22px}.as-summary{gap:10px}.as-heading h2{font-size:29px}.as-links{gap:2px 18px}}
@media(prefers-reduced-motion:reduce){.as-stories *{scroll-behavior:auto!important;transition:none!important}}
