body.story-mode{background:radial-gradient(circle at 8% 7%,#c9e1ed 0,transparent 35%),radial-gradient(circle at 92% 90%,#f7e5cf 0,transparent 39%),#edf2ef}
.story-mode main{display:block;max-width:1320px;min-height:0;margin:0 auto 34px;overflow:visible;border:0;background:transparent;box-shadow:none}
.story-mode .intro{display:none}
.story-mode .panel{display:block;min-height:0;margin:0;padding:0;border-radius:0;background:transparent}
.story-mode #screen{display:block;width:100%;max-width:none;min-height:0;animation:none}
.story-mode footer{margin:8px 30px 0;padding:20px 0 26px;border-color:#9cb6c04d}
.story-shell{padding:16px 0 0}
.story-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 30px 16px;color:#245d86;font-size:13px;font-weight:800;letter-spacing:.19em}
.story-heading span:last-child{font-variant-numeric:tabular-nums;color:#b65c2b}
.story-track{position:relative;display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;padding:10px 30px 28px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.story-track::-webkit-scrollbar{display:none}
.story-poster{--paper:#f0e7dc;--accent:#c75d2e;display:grid;grid-template-rows:minmax(0,1fr) 200px 38px;flex:0 0 clamp(264px,25vw,310px);height:500px;min-width:0;overflow:hidden;scroll-snap-align:start;border:2px solid transparent;border-radius:5px;background:var(--paper);box-shadow:0 16px 35px #29496722;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.story-poster.is-active{transform:translateY(-5px);border-color:#286da1;box-shadow:0 21px 43px #29496730}
.story-poster-1{--paper:linear-gradient(160deg,#eee2ce 0%,#dfe8e8 100%);--accent:#b95b2c}
.story-poster-2{--paper:linear-gradient(155deg,#dcebf0 0%,#efe9d9 100%);--accent:#286899}
.story-poster-3{--paper:linear-gradient(150deg,#f1e5d5 0%,#dbe9e7 100%);--accent:#bd5f30}
.story-poster-4{--paper:linear-gradient(155deg,#dce9e8 0%,#f1e5d3 100%);--accent:#286899}
.story-poster-5{--paper:linear-gradient(150deg,#e7eddc 0%,#f5dfc9 100%);--accent:#bd5f30}
.story-poster-copy{min-width:0;padding:23px 22px 10px}
.story-poster-number{display:inline-block;margin-bottom:25px;padding-bottom:6px;border-bottom:1px solid #577a8d77;color:#385f77;font-size:12px;font-weight:800;letter-spacing:.14em}
.story-poster h2{margin:0 0 17px;color:#235a8d;font-family:Manrope,sans-serif;font-size:clamp(29px,2.5vw,35px);font-weight:800;line-height:1.08;letter-spacing:-.06em;overflow-wrap:normal}
.story-poster h2 span,.story-poster h2 em{display:block}
.story-poster h2 em{margin-top:3px;color:var(--accent);font-style:normal}
.story-poster p{margin:0;color:#304c59;font-size:16px;line-height:1.47}
.story-poster-photo{position:relative;min-height:0;overflow:hidden;background:#bdd7dc}
.story-poster-photo::before{position:absolute;inset:0 0 auto;z-index:1;height:28px;background:linear-gradient(to bottom,#e7e6da9c,transparent);content:'';pointer-events:none}
.story-poster-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 49%;transition:transform .5s ease}
.story-poster.is-active .story-poster-photo img{transform:scale(1.035)}
.story-poster-foot{display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#194f78;color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em}
.story-poster-foot span:last-child{font-size:20px;line-height:1;color:#f3b982}
.story-controls{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 20px;margin:0 30px;padding:4px 0 0}
.story-dots{display:flex;align-items:center;gap:10px}
.story-dot{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#9db8c6}
.story-dot.active{width:30px;border-radius:10px;background:#245f91}
.story-nav{display:flex;align-items:center;gap:12px}
.story-prev,.story-next{min-height:48px;padding:12px 21px;border-radius:5px;font-size:15px;font-weight:800}
.story-prev{border:1px solid #9fb6c2;background:#eef4f2;color:#23577f}
.story-prev:disabled{opacity:.48;cursor:default}
.story-next{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:150px;border:0;background:#215e93;color:#fff;box-shadow:0 8px 20px #215e932a}
.story-next:hover{background:#194b77}
.story-next span{font-size:27px;font-weight:400;line-height:.6}
.story-skip{grid-column:1/-1;justify-self:end;padding:8px 0;border:0;background:none;color:#305d7b;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.story-skip[hidden]{display:none}
.story-next:focus-visible,.story-prev:focus-visible,.story-skip:focus-visible,.story-dot:focus-visible,.story-track:focus-visible{outline:3px solid #c65d24;outline-offset:4px}
.story-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:850px){.story-mode main{max-width:580px}.story-mode .panel{padding:0}.story-shell{padding-top:10px}.story-heading{margin:0 20px 10px;font-size:12px}.story-track{gap:14px;padding:8px 20px 25px;scroll-snap-type:x mandatory;scroll-padding-inline:20px}.story-poster{flex-basis:min(82vw,360px);height:560px;grid-template-rows:minmax(0,1fr) 217px 38px;scroll-snap-align:center}.story-poster h2{font-size:clamp(29px,7.5vw,35px)}.story-controls{margin:0 20px}.story-mode footer{margin:10px 20px 0}}
@media(max-width:560px){.story-controls{grid-template-columns:1fr}.story-dots{justify-content:center}.story-nav{display:grid;grid-template-columns:1fr 1.4fr;width:100%}.story-prev,.story-next{min-width:0;justify-content:center;padding:12px 10px}.story-next{gap:9px}.story-skip{justify-self:center}.story-poster{height:540px;grid-template-rows:minmax(0,1fr) 200px 36px}.story-poster-copy{padding:20px 19px 7px}.story-poster-number{margin-bottom:17px}.story-poster p{font-size:15.5px}.story-mode footer{padding-bottom:18px}}
@media(max-width:375px){.story-poster{flex-basis:calc(100vw - 62px);height:545px}.story-poster h2{font-size:28px}.story-poster-copy{padding:18px 17px 6px}.story-poster p{font-size:15px}.story-next{font-size:14px}}
@media(prefers-reduced-motion:reduce){.story-poster,.story-poster-photo img{transition:none}.story-track{scroll-behavior:auto}}