/* Continuous presentation: the browser owns scrolling; screens gently align. */
html:has(body.presentation-flow){scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:0;background:#0b1c11}
body.presentation-flow{height:auto;min-height:100dvh;overflow:visible;background:radial-gradient(58% 60% at 95% -5%,#6f930b35,transparent 70%),radial-gradient(45% 65% at -8% 65%,#6a851824,transparent 72%),linear-gradient(135deg,#0b1c11 0%,#102a1c 57%,#122b18 100%);background-attachment:fixed}
body.presentation-flow:before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(118deg,transparent 32%,#8caf1308 48%,transparent 64%),radial-gradient(40% 36% at 100% 95%,#7b9e1025,transparent 75%)}
body.presentation-flow main{position:relative;height:auto;pointer-events:auto}
body.presentation-flow main>.slide,body.presentation-flow main>.slide.deck-visible{display:block!important;position:relative!important;inset:auto!important;height:auto!important;min-height:100dvh!important;max-height:none;overflow:visible!important;overscroll-behavior:auto;scroll-snap-align:start;scroll-margin-top:0;animation:none!important}
body.presentation-flow main>.product-study{display:grid!important;align-items:center;align-content:center}
body.presentation-flow #intro.atlas-track{height:220dvh!important;min-height:0!important;padding:0!important;overflow:visible!important}
body.presentation-flow .atlas-stage{position:sticky;top:0;height:100dvh;overflow:hidden}
body.presentation-flow #details.atlas-marker{display:block!important;position:absolute!important;top:120dvh!important;left:0;right:0;width:100%;height:1px!important;min-height:0!important;padding:0!important;scroll-snap-align:start;pointer-events:none}
body.presentation-flow .atlas-cover{top:25%;width:46%}body.presentation-flow .atlas-details{top:22%;width:32%}
body.presentation-flow header{left:3vw;right:3vw;top:14px;width:auto;height:66px;padding:0 24px;background:#0a170ff0;border:1px solid #a7bc4a26;border-radius:34px;backdrop-filter:none}
body.presentation-flow header .brand b{font-size:25px}body.presentation-flow header nav{gap:24px;font-size:11px}body.presentation-flow .header-button{font-size:11px;background:#c1d5860b;padding:10px 14px;border-radius:22px}
body.presentation-flow footer{background:#0f2317ee;border-color:#a5b45630}body.presentation-flow .part-label{background:#102719de}body.presentation-flow dialog{background:#142b1c}body.presentation-flow .reading-detail>summary{color:#c1cfac}
/* Reveals follow the reference: a small rise, then a slower settling motion. */
.motion-reveal{opacity:1;transform:none}
body[data-motion=on] .motion-reveal{transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform 1.05s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}
body[data-motion=on] .motion-reveal:not(.is-revealed){opacity:0;transform:translate3d(0,32px,0)}
body[data-motion=paused] .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}
@media(min-width:761px) and (max-width:1050px){body.presentation-flow header nav{display:none}body.presentation-flow header .header-button{margin-left:auto}}
@media(max-width:760px){body.presentation-flow main>.product-study{display:flex!important}body.presentation-flow .atlas-cover{top:17%;width:88%}body.presentation-flow .atlas-details{top:15%;width:88%}body.presentation-flow header{left:4vw;right:4vw;top:10px;height:62px;padding:0 16px}body.presentation-flow header .brand{padding-right:0}body.presentation-flow header .brand b{font-size:26px}body.presentation-flow .header-button{font-size:10px}.presentation-flow .motion-reveal{--reveal-delay:0ms!important}}
@media print{html:has(body.presentation-flow){scroll-snap-type:none}body.presentation-flow .motion-reveal{opacity:1!important;transform:none!important}body.presentation-flow:before{display:none}}