.story-hero{--hero-image:url('../images/hero-system-v2.webp')}
.science-story{background:#07101b;color:#e9e5df;padding:0 0 110px}
.science-story .section-topline{color:#8fc8e7;border-color:rgba(157,197,219,.25)}
.story-opening{padding-top:105px;padding-bottom:105px}
.story-opening-grid{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:start;margin-top:75px}
.story-opening h2,.story-chapter h2{font-size:clamp(53px,6.2vw,108px);line-height:.99;letter-spacing:-.055em;margin:0}
.story-opening h2 em,.story-chapter h2 em{color:#a7bbd5}
.story-prose{max-width:670px;font-size:clamp(16px,1.25vw,19px);line-height:1.8;color:#bfced9}
.story-prose p{margin:0 0 1.45em}.story-prose strong{color:#f7ebd7;font-weight:600}
.story-image-trigger{display:block;position:relative;width:100%;padding:0;border:0;background:#07101b;color:#fff;cursor:zoom-in;text-align:left}
.story-image-trigger:focus-visible{outline:2px solid #b0e1f4;outline-offset:-5px}
.story-zoom-hint{position:absolute;right:28px;top:26px;z-index:2;padding:11px 14px;background:rgba(4,11,22,.76);border:1px solid rgba(212,236,246,.5);font:700 10px/1 var(--ui);letter-spacing:.17em;transition:background .2s}
.story-image-trigger:hover .story-zoom-hint{background:#214761}
.story-lightbox{width:min(95vw,1800px);max-width:none;max-height:95vh;padding:18px 18px 12px;border:1px solid rgba(193,227,241,.45);background:#07101b;color:#fff;box-shadow:0 25px 100px rgba(0,0,0,.6)}
.story-lightbox::backdrop{background:rgba(2,6,12,.91);backdrop-filter:blur(9px)}
.story-lightbox img{display:block;width:100%;max-height:calc(95vh - 115px);object-fit:contain}
.story-lightbox p{margin:12px 58px 0 0;color:#c4d5df;font:400 12px/1.5 var(--ui)}
.story-lightbox-close{position:absolute;top:22px;right:22px;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.4);background:rgba(5,12,22,.8);color:#fff;font:300 30px/1 var(--ui);cursor:pointer}
.story-chapter{display:grid;grid-template-columns:190px 1fr;gap:8%;padding-top:100px;padding-bottom:120px;border-top:1px solid rgba(154,197,219,.22)}
.story-chapter-label{padding-top:14px;color:#93bfd7;font:700 11px/1.4 var(--ui);letter-spacing:.2em}
.story-chapter-main{max-width:1000px}.story-chapter h2{margin-bottom:55px}.story-chapter .story-prose{margin-left:auto}
.story-chapter-model{position:relative}.story-chapter-model::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 85% 50%,rgba(41,88,117,.19),transparent 55%);pointer-events:none}.story-chapter-model>*{position:relative}
.story-equation{margin:45px 0 0 auto;max-width:670px;padding:30px 34px;border-left:2px solid #98c8d9;background:rgba(126,177,198,.08)}
.story-equation span,.story-equation small{display:block;color:#9eb8c8;font:600 11px/1.7 var(--ui);letter-spacing:.13em}.story-equation strong{display:block;margin:14px 0;color:#f7e9d5;font:400 clamp(23px,2.6vw,38px)/1.2 var(--serif)}.story-equation small{letter-spacing:0;font-size:12px;font-weight:400}
.story-world-links{margin:45px 0 0 auto;max-width:670px}.story-world-links a{display:flex;justify-content:space-between;padding:19px 0;border-top:1px solid rgba(154,197,219,.25);color:#f5ebdc;text-decoration:none;font:400 26px/1.2 var(--serif)}.story-world-links a:last-child{border-bottom:1px solid rgba(154,197,219,.25)}.story-world-links span{color:#94c8df;font:700 11px/2 var(--ui);letter-spacing:.12em}
.story-sources{padding-top:85px;border-top:1px solid rgba(154,197,219,.22)}.story-sources h2{margin:55px 0 20px;font:400 clamp(46px,5vw,76px)/1 var(--serif)}.story-sources>p{max-width:630px;color:#bdc9d3;line-height:1.7}.story-sources ul{list-style:none;margin:40px 0 0;padding:0;max-width:900px}.story-sources li{border-top:1px solid rgba(154,197,219,.22)}.story-sources li:last-child{border-bottom:1px solid rgba(154,197,219,.22)}.story-sources a{display:block;padding:18px 0;color:#d9ecf5;text-decoration:none;font-size:14px}.story-sources a:hover,.story-world-links a:hover{color:#94d8fa}
@media(max-width:800px){.story-opening{padding-block:75px}.story-opening-grid{display:block;margin-top:50px}.story-opening h2{margin-bottom:40px}.story-chapter{display:block;padding-block:70px}.story-chapter-label{margin-bottom:35px}.story-chapter h2{margin-bottom:40px}.story-chapter .story-prose{margin-left:0}.story-sources{padding-top:70px}}
@media(max-width:480px){.story-opening h2,.story-chapter h2{font-size:clamp(50px,13vw,65px)}.story-zoom-hint{top:12px;right:12px;padding:9px;font-size:8px}.story-lightbox{padding:8px}.story-equation{padding:23px 20px}.story-world-links a{font-size:23px}}
.story-opening-intro .story-media{margin-top:55px}
.story-chapter-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:start;gap:5%;max-width:1000px}
.story-chapter-content:not(:has(.story-media)){display:block}
.story-chapter-content:not(:has(.story-media)) .story-prose{margin-left:auto}
.story-chapter-content .story-prose{margin-left:0}
.story-media{min-width:0}
.story-media-track{min-width:0}
.story-media-slide{margin:0;min-width:0}
.story-media-slide+.story-media-slide{margin-top:18px}
.story-media .story-image-trigger{overflow:hidden;border:1px solid rgba(157,202,223,.3)}
.story-media .story-image-trigger img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .8s ease}
.story-media .story-image-trigger:hover img{transform:scale(1.035)}
.story-media figcaption{padding:15px 1px 2px;color:#aebfcb;font:400 12px/1.55 var(--ui)}
.story-media figcaption span{display:block;margin-bottom:6px;color:#a3d1e8;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.story-media-carousel.is-enhanced .story-media-slide,.story-media-fade.is-enhanced .story-media-slide{display:none}
.story-media-carousel.is-enhanced .story-media-slide.is-active,.story-media-fade.is-enhanced .story-media-slide.is-active{display:block;margin-top:0}
.story-media-carousel .story-media-slide.is-active{animation:story-slide-in .5s ease both}
.story-media-fade .story-media-slide.is-active{animation:story-fade-in .65s ease both}
.story-media-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;color:#a8c8da;font:700 10px/1 var(--ui);letter-spacing:.16em}
.story-media-controls button{width:42px;height:42px;background:rgba(147,193,217,.1);border:1px solid rgba(157,202,223,.35);color:#ebf7fc;font-size:20px}
.story-media-controls button:hover{background:rgba(147,193,217,.25)}
@keyframes story-slide-in{from{opacity:.2;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@keyframes story-fade-in{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.story-chapter-content{grid-template-columns:1fr;gap:35px}.story-opening-grid{grid-template-columns:1fr;gap:48px}.story-opening-intro .story-media{margin-top:42px}}
@media(prefers-reduced-motion:reduce){.story-media-carousel .story-media-slide.is-active,.story-media-fade .story-media-slide.is-active{animation:none}.story-media .story-image-trigger img{transition:none}}