/* One motion rhythm across the existing Eldomar narrative. */
.motion-ready .reveal{transform:translate3d(0,24px,0);transition:opacity 900ms ease,transform 1100ms cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal.in-view,.motion-ready .reveal:focus-within{opacity:1;transform:none}
.motion-ready .perspective-copy>p.reveal,.example-copy.reveal{--reveal-delay:240ms;transition-delay:var(--reveal-delay)}
.motion-ready .closing h2{--reveal-delay:160ms}
.motion-ready .closing-copy{--reveal-delay:340ms}
.motion-ready .closing .text-link{--reveal-delay:500ms}
.section-drift{translate:0 var(--section-shift,0px)}
/* Feather the existing section dividers into the dark canvas. */
.example,.closing,.footer{border-top:0;background-image:linear-gradient(90deg,transparent,rgba(205,163,75,.18) 35%,rgba(205,163,75,.18) 65%,transparent);background-size:100% 1px;background-position:top;background-repeat:no-repeat}
@media(max-width:760px){.motion-ready .reveal{transform:translate3d(0,18px,0)}.motion-ready .reveal.in-view,.motion-ready .reveal:focus-within{transform:none}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal,.motion-ready .perspective-copy>p.reveal,.example-copy.reveal{opacity:1;transform:none;transition:none;transition-delay:0ms}.section-drift{translate:none}}

.motion-ready .approach .section-title{--reveal-delay:160ms}
.motion-ready .reveal:focus-within{transition:none;transition-delay:0ms}

/* Each chapter has its own stage, threshold and onward cue. */
.chapter-panel{position:relative;isolation:isolate;min-height:100svh;padding-top:90px;padding-bottom:90px;margin-top:80px;scroll-margin-top:0;background-image:none;border:0}
.perspective.fleet-perspective.chapter-panel{padding-top:90px;padding-bottom:90px}
.fleet-perspective + #how-we-help.chapter-panel{padding-top:90px}
.chapter-panel:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;pointer-events:none;background:linear-gradient(180deg,#111820 0%,#0c1117 72%,var(--ink) 100%)}
.chapter-panel:nth-of-type(odd):before{background:linear-gradient(180deg,#0d1218 0%,var(--ink) 100%)}
.chapter-marker{display:flex;align-items:center;gap:22px;text-align:left;color:var(--gold);font-size:10px;font-weight:400;letter-spacing:.18em;margin-bottom:72px;min-height:48px}
.chapter-number{font-size:44px;line-height:1;font-weight:300;letter-spacing:-.04em;color:var(--paper)}
.chapter-rule{height:1px;flex:1;background:linear-gradient(90deg,rgba(205,163,75,.55),transparent);margin-left:12px}
.chapter-next{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-height:48px;margin-top:65px;font-size:13px;color:var(--paper)}
.chapter-next>span:first-child{color:var(--gold);font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.example.chapter-panel{display:block}
.example .chapter-body{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.closing.chapter-panel .chapter-body{padding-top:60px;padding-bottom:60px}
.chapter-motion .chapter-body{opacity:var(--chapter-opacity,1);translate:0 var(--chapter-lift,0px)}
.chapter-motion .chapter-body:focus-within{opacity:1;translate:none}
@media(max-width:760px){.chapter-panel,.perspective.fleet-perspective.chapter-panel,.fleet-perspective + #how-we-help.chapter-panel{min-height:0;margin-top:64px;padding-top:50px;padding-bottom:64px}.chapter-marker{gap:14px;margin-bottom:48px;font-size:9px}.chapter-number{font-size:36px}.chapter-rule{margin-left:0}.example .chapter-body{grid-template-columns:1fr;gap:32px}.chapter-next{margin-top:48px;gap:12px;flex-wrap:wrap}.closing.chapter-panel .chapter-body{padding-top:24px;padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.chapter-motion .chapter-body{opacity:1;translate:none}}

/* Preserve the seamless dark canvas around the recorded map. */
.fleet-perspective.chapter-panel:before{background:var(--ink)}

/* Chapter entry and exit follow scrolling in either direction, on every pass. */
.chapter-motion .chapter-marker,.chapter-motion .chapter-next,.chapter-motion .chapter-panel:before{opacity:var(--chapter-opacity,1)}
.chapter-motion .chapter-panel:focus-within>.chapter-marker,.chapter-motion .chapter-panel:focus-within>.chapter-next,.chapter-motion .chapter-panel:focus-within:before{opacity:1}
@media(prefers-reduced-motion:reduce){.chapter-motion .chapter-marker,.chapter-motion .chapter-next,.chapter-motion .chapter-panel:before{opacity:1}}