/* Approved Lastro motion: progress follows reading; the compass remains decorative. */
.layout-hero{position:relative;isolation:isolate;overflow:clip}
.layout-hero::before{content:'';position:absolute;z-index:-1;pointer-events:none;right:clamp(-320px,-17vw,-140px);bottom:-255px;width:clamp(740px,80vw,1120px);aspect-ratio:1;background:url('assets/rosa-dos-ventos-original.png') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.045;transform:rotate(-18deg)}
.hero-route{--reading-accent:#a8d2e8;--reading-surface:#355970}
.hero-route ol{position:relative;list-style:none;padding:0 0 0 28px;margin:0}
.hero-route li,.hero-route li:last-child{position:relative;margin:8px 0;padding:16px 18px;border:0;border-radius:4px;transition:background-color 180ms ease}
.hero-route li::before{box-sizing:border-box;left:-23px;top:calc(16px + .624rem);width:9px;height:9px;transform:translate(-50%,-50%);border:1px solid var(--reading-accent);background:var(--navy);z-index:2}
.hero-route li:nth-child(3)::before{background:var(--navy)}
.hero-route li.is-reading{background:var(--reading-surface)}
.hero-route li.is-reading::before{background:var(--reading-accent)}
.hero-route ol::before{content:'';position:absolute;width:1px;background:#7896a9;left:5px;top:calc(24px + .624rem);bottom:calc(38px + .624rem)}
.has-reading-motion ol::before{display:none}
.hero-reading-overlay{position:absolute;width:0;pointer-events:none;z-index:3}
.hero-reading-track,.hero-reading-progress{position:absolute;left:0;top:0;width:1px;height:100%;background:#7896a9;transform:translateX(-50%)}
.hero-reading-progress{width:2px;background:var(--reading-accent);transform-origin:center top}
.hero-reading-cursor{position:absolute;top:0;left:0;box-sizing:border-box;width:17px;height:17px;border:4px solid var(--reading-surface);border-radius:50%;background:var(--reading-accent)}
.hero-reading-pulse{position:absolute;inset:-4px;box-sizing:border-box;border:1px solid var(--reading-accent);border-radius:50%;opacity:0}
.is-reduced .hero-reading-progress,.is-reduced .hero-reading-cursor{display:none}
@media(max-width:800px){.layout-hero::before{right:-270px;bottom:-120px;width:860px;opacity:.03}}
@media(max-width:460px){.layout-hero::before{right:-280px;bottom:-55px;width:800px;opacity:.025}.hero-route ol{padding-left:25px}.hero-route li::before{left:-20px}.hero-route li,.hero-route li:last-child{padding-right:12px;padding-left:15px}}
@media(prefers-reduced-motion:reduce){.hero-route li{transition:none}.hero-reading-progress,.hero-reading-cursor{display:none}}
@media print{.layout-hero::before,.hero-reading-overlay{display:none}.hero-route li.is-reading{background:transparent}.hero-route li::before{background:white!important}}