.story-carousel{background:#102940;color:#fff}.story-carousel .slides{height:550px}.story-slide{padding:48px;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.story-slide[hidden]{display:none}.story-slide:after{display:none}.story-number{display:block;font-size:1rem;color:#98b6ce;margin-bottom:35px}.story-text .kicker{color:#e8c475}.story-text h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.15;letter-spacing:-.025em;margin:16px 0}.story-text p{color:#ccdbe7;font-size:1rem}.story-surface{min-width:0}.preview-window{background:#f5f8fb;color:#15344b;border-radius:14px;padding:24px;box-shadow:0 20px 50px #06152480}.window-bar{font-weight:700;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #d0dbe5;padding-bottom:15px}.window-bar span{font-size:.8rem;font-weight:400}.preview-title{font-size:1.7rem;font-weight:500;margin:25px 0}.preview-tiles{display:grid;gap:12px;margin-bottom:22px}.preview-tiles>div{border-left:3px solid #148575;padding:8px 14px;background:white;font-size:.8rem;color:#547083}.preview-tiles strong,.preview-tiles small{display:block}.preview-tiles strong{font-size:1rem;color:#173449}.preview-tiles small{font-size:.85rem}.story-diagram{display:grid;grid-template-columns:1fr 1fr;gap:14px}.story-diagram>div{border:1px solid #54768d;border-radius:12px;padding:28px 18px;min-height:145px;background:#163850}.story-diagram span,.scope-cards span{display:block;color:#81cfc8;font-size:.8rem;letter-spacing:.1em;margin-bottom:15px}.story-diagram strong{font-size:1.25rem;font-weight:500}.research-note{border-radius:8px;background:#f8f6ef;color:#142f45;padding:32px;border-top:6px solid #c7a04a}.research-note>span{font-size:.8rem;letter-spacing:.16em}.research-note h3{font-size:1.9rem;font-family:Georgia,serif;line-height:1.25}.research-note ul{padding-left:20px;line-height:2}.research-note small{font-size:.85rem}.decision-stack{display:grid;gap:16px}.decision-stack>div{background:#19433f;border:1px solid #498079;border-radius:12px;padding:23px}.decision-stack b{display:block;font-size:.85rem;color:#a3d8bb;letter-spacing:.12em;margin-bottom:8px}.scope-cards{display:grid;gap:16px}.scope-cards>div{padding:25px;border:1px solid #4d728a;border-radius:12px;background:#18384d}.scope-cards h3{font-size:1.65rem;margin:0}.scope-cards p{color:#d0dde5;margin-bottom:0}.story-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-top:1px solid #355366;gap:15px}.story-bottom .carousel-dots,.story-bottom .carousel-controls{position:static}.story-bottom .carousel-dots{flex-wrap:wrap;gap:6px}.story-bottom .carousel-dot{width:auto;height:auto;padding:10px 13px;border-radius:6px;background:transparent;color:#cad9e5;font:500 .875rem Roboto,Arial,sans-serif}.story-bottom .carousel-dot.active{background:#dbe9f2;color:#123248}.story-carousel :focus-visible{outline:3px solid #e8c475;outline-offset:4px}
@media(max-width:900px){.nav .links{gap:12px}.nav .links a{font-size:.83rem}.story-slide{padding:30px;gap:25px}.story-text h2{font-size:2rem}}@media(max-width:700px){.story-carousel .slides{height:850px}.story-slide{grid-template-columns:1fr;align-content:start;gap:24px;padding:25px}.story-number{margin-bottom:15px}.story-text h2{font-size:1.8rem}.story-bottom{padding:16px;flex-wrap:wrap}.story-diagram>div{min-height:120px;padding:20px 15px}.preview-window{padding:18px}}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}