body[data-project=glancemap] .case-section:is(.glance-walk-chapter,.glance-pilot,.glance-goals-chapter){display:block;padding-block:48px;border-bottom:1px solid var(--line)}
.chapter-deck{font-size:22px;line-height:1.45;color:var(--ink);margin:18px 0 26px}
.walk-scroll-track{height:240vh;position:relative}.walk-sticky{position:sticky;top:90px;height:min(740px,calc(100svh - 110px));display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:center}
.walk-viewport{height:100%;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.walk-map{width:100%;max-width:670px;aspect-ratio:1340/1160;position:relative}.walk-road{width:100%;height:100%;display:block;object-fit:contain}
.walk-traveller{position:absolute;width:17%;height:32%;transform:translate(-50%,calc(-100% + var(--step-y,0px)));will-change:left,top;z-index:2}.walk-traveller img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0;transition:opacity .25s}.walk-traveller img.is-active{opacity:1}
.walk-listening{position:absolute;left:11%;top:7%;display:flex;gap:8px;align-items:center;color:var(--accent);transition:opacity .4s}.headphone-symbol{font-size:50px;line-height:1}.podcast-wave{display:flex;align-items:center;gap:3px;height:52px}.podcast-wave i{display:block;width:3px;height:var(--h);background:var(--accent);border-radius:3px;animation:podcast-pulse .85s var(--d) ease-in-out infinite alternate}@keyframes podcast-pulse{to{transform:scaleY(.3);opacity:.5}}
.walk-signal{position:absolute;left:53%;top:24%;width:8%;height:22%;object-fit:contain;opacity:.38;transition:opacity .4s,transform .5s;transform:translateY(8px)}[data-walk-stage="1"] .walk-signal{opacity:1;transform:none}
.walk-narration{position:relative;height:100%;max-height:600px;min-width:0}.walk-scene{position:absolute;inset:26px 0 70px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(22px);transition:opacity .35s,transform .45s;pointer-events:none}.walk-scene.is-active{opacity:1;transform:none;pointer-events:auto}.walk-step-label{font-size:17px;font-weight:600;letter-spacing:.08em;display:flex;align-items:center;gap:14px;color:var(--accent)}.walk-step-label>span{border:1px solid var(--accent);padding:7px 10px;border-radius:30px;letter-spacing:0}.walk-scene blockquote{font:500 clamp(24px,2.5vw,35px)/1.2 var(--font-body);margin:22px 0 28px;padding:0;border:0;text-wrap:balance}.walk-scene h3{font-size:28px;line-height:1.18;margin-bottom:13px;color:var(--ink)}.walk-scene p{font-size:21px;line-height:1.5;color:var(--muted);max-width:44ch}.walk-scene strong{color:var(--ink);font-weight:650}.walk-scene aside{margin-top:26px;padding:18px 0 0;border-top:1px solid var(--line)}.walk-scene h4{font-size:20px;color:var(--accent);margin-bottom:8px}.walk-scene aside p{font-size:19px}
.walk-navigation{position:absolute;bottom:6px;left:0;right:0;display:flex;align-items:center;gap:9px}.walk-navigation button,.goal-progress button{background:none;border:1px solid var(--line);color:var(--ink);border-radius:30px;font:500 13px var(--font-body);padding:9px 12px;cursor:pointer}.walk-navigation button[aria-current],.goal-progress button.is-visible{background:var(--accent);color:var(--bg);border-color:var(--accent)}.walk-navigation>span,.goal-progress>span{font-size:13px;color:var(--muted);margin-left:10px}.glance-design-question{padding:24px 28px;margin-top:24px;background:linear-gradient(110deg,#a3f63d15,transparent);border-left:3px solid var(--accent)}.glance-design-question h3{font-size:clamp(24px,2.5vw,36px);line-height:1.3;letter-spacing:-.02em;margin-top:16px;text-wrap:pretty}
.pilot-count{color:var(--accent);font-size:18px;margin:17px 0 24px}.pilot-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.pilot-example{margin:0;min-width:0}.pilot-example>img{display:block;width:100%;height:auto;max-height:228px;object-fit:contain}.pilot-example figcaption{display:flex;align-items:baseline;font-weight:600;font-size:22px!important;line-height:1.3;padding:14px 0!important;gap:13px}.pilot-example figcaption span{font-size:12px;color:var(--accent)}.pilot-reasoning{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;margin-top:24px;align-items:start}.pilot-insight h3{font-size:28px;font-weight:600;margin-bottom:12px}.pilot-insight p{font-size:21px;line-height:1.5;color:var(--muted)}.glance-pilot .pilot-insight blockquote{font-size:22px!important;line-height:1.45!important;margin:20px 0 0!important;padding:0 0 0 20px!important;border:0!important;border-left:2px solid var(--accent)!important}.pilot-insight cite{font-size:15px!important;line-height:1.5;margin-top:10px}.pilot-goals{display:grid;grid-template-columns:1fr 1fr;gap:25px}.pilot-goals article{border-top:1px solid var(--line);padding:19px 0 0;opacity:.15;transform:translateY(20px);transition:opacity .55s,transform .65s}.pilot-goals article:nth-child(2){transition-delay:.16s}.pilot-goals article.has-entered{opacity:1;transform:none}.dg-pill{display:inline-flex;background:var(--accent);color:#121610;font-size:13px;font-weight:700;line-height:1;padding:7px 11px;border-radius:30px;white-space:nowrap}.pilot-goals h3{font-size:24px;margin:16px 0 10px;line-height:1.2;text-wrap:balance}.pilot-goals p{font-size:19px;line-height:1.45;color:var(--muted)}
.goals-scroll-track{position:relative;height:215vh}.goals-sticky{position:sticky;top:90px;min-height:550px;height:min(710px,calc(100svh - 105px));display:flex;flex-direction:column;justify-content:center}.goals-composition{position:relative;display:grid;grid-template-columns:19% 56% 19%;gap:5% 3%;align-items:center;min-height:510px}.goal-interface{grid-column:2;grid-row:1/4;margin:0}.goal-interface-label{font-size:27px;font-weight:600;margin-bottom:15px}.goal-interface-label span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-left:16px}.goal-interface img{display:block;width:100%;height:auto}.goal-interface figcaption{font-size:16px;line-height:1.45;margin-top:12px;color:var(--muted)}.goal-callout{position:relative;z-index:1;opacity:.08;transform:translateY(24px);transition:opacity .4s,transform .55s}.goal-callout.is-visible{opacity:1;transform:none}.goal-callout h3{font-size:23px;line-height:1.17;margin:12px 0 8px;font-weight:600;text-wrap:balance}.goal-callout p{font-size:18px;line-height:1.4;color:var(--muted)}.goal-callout.is-current h3{color:var(--accent)}.goal-1{grid-column:1;grid-row:1}.goal-2{grid-column:1;grid-row:2}.goal-3{grid-column:1;grid-row:3}.goal-4{grid-column:3;grid-row:1}.goal-5{grid-column:3;grid-row:2}.goal-6{grid-column:3;grid-row:3}.goal-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.goal-leader{position:absolute;inset:0;opacity:0;transition:opacity .4s}.goal-leader.is-visible{opacity:1}.goal-leader i{position:absolute;height:1px;background:var(--accent);opacity:.55;transform-origin:0 0;scale:0 1;transition:scale .6s}.goal-leader.is-visible i{scale:1 1}.goal-leader b{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.goal-progress{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:26px}
@media(max-width:800px){.walk-sticky{grid-template-columns:46% 50%;gap:4%;top:100px;height:calc(100svh - 115px)}.walk-scene blockquote{font-size:23px}.walk-scene h3{font-size:24px}.walk-scene p{font-size:18px}.walk-scene aside p{font-size:16px}.walk-step-label{font-size:13px;gap:8px}.walk-navigation>span{display:none}.walk-scene{inset:10px 0 54px}.headphone-symbol{font-size:30px}.podcast-wave{gap:2px;transform:scale(.7);transform-origin:left center}.walk-map{align-self:center}.glance-design-question{padding:20px}.pilot-reasoning{gap:25px}.pilot-goals{grid-template-columns:1fr;gap:20px}.goal-callout h3{font-size:20px}.goal-callout p{font-size:16px}.goals-composition{grid-template-columns:24% 46% 24%}.goal-interface-label span{display:block;margin:5px 0 0}.goal-progress>span{display:none}}
@media(max-width:540px){.walk-scroll-track{height:255vh}.walk-sticky{display:flex;flex-direction:column;height:calc(100svh - 110px);gap:10px;min-height:550px}.walk-viewport{height:36%;width:100%;align-items:center;overflow:hidden}.walk-map{height:100%;width:auto;aspect-ratio:1340/1160}.walk-traveller{height:34%;width:19%}.walk-listening{left:0;top:7%}.headphone-symbol{font-size:26px}.podcast-wave{height:26px}.walk-narration{width:100%;height:64%;min-height:0}.walk-scene{inset:0 0 42px;justify-content:flex-start}.walk-scene blockquote{font-size:24px;margin:12px 0}.walk-scene h3{font-size:23px;margin-bottom:8px}.walk-scene p{font-size:17px;line-height:1.4}.walk-scene aside{margin-top:13px;padding-top:12px}.walk-scene h4{font-size:17px;margin-bottom:5px}.walk-scene aside p{font-size:16px}.walk-step-label{font-size:13px}.walk-step-label>span{padding:4px 8px}.walk-navigation{bottom:0}.walk-navigation button{font-size:12px;padding:6px 10px}.glance-design-question h3{font-size:25px}.pilot-gallery{gap:16px;grid-template-columns:1fr}.pilot-example>img{max-height:180px}.pilot-reasoning{grid-template-columns:1fr;gap:26px}.pilot-goals{grid-template-columns:1fr 1fr;gap:16px}.pilot-goals h3{font-size:23px}.pilot-goals p{font-size:18px}.pilot-insight h3{font-size:27px}.pilot-insight p{font-size:19px}.goals-scroll-track{height:230vh}.goals-sticky{top:96px;height:calc(100svh - 110px);min-height:550px}.goals-composition{display:block;min-height:470px;height:100%;padding-top:6px}.goal-interface{position:absolute;top:0;left:0;width:100%}.goal-interface-label{font-size:22px}.goal-interface-label span{display:inline;margin-left:12px;font-size:11px}.goal-interface img{max-height:170px;object-fit:contain}.goal-interface figcaption{font-size:14px;line-height:1.35;margin-top:8px}.goal-callout{position:absolute;top:53%;left:0;right:0;opacity:0;pointer-events:none;transform:translateY(18px)}.goal-callout.is-visible{opacity:0;transform:translateY(18px)}.goal-callout.is-current{opacity:1;transform:none}.goal-callout h3{font-size:30px;margin:16px 0 10px}.goal-callout p{font-size:20px;max-width:30ch}.goal-leaders{display:none}.goal-progress{gap:5px;margin-top:6px;justify-content:space-between}.goal-progress button{font-size:11px;padding:8px}.chapter-deck{font-size:19px}}
@media(prefers-reduced-motion:reduce){.walk-scroll-track,.goals-scroll-track{height:auto}.walk-sticky,.goals-sticky{position:static;height:auto;display:block}.walk-viewport{max-width:480px;height:400px;float:left;width:45%;margin-right:4%}.walk-narration{height:auto;max-height:none}.walk-scene{position:static;opacity:1;transform:none;margin-bottom:28px;display:block}.walk-navigation{display:none}.podcast-wave i{animation:none}.goals-composition{height:auto;display:grid;grid-template-columns:1fr 1fr}.goal-interface{position:static;grid-column:1/-1;grid-row:1}.goal-callout,.goal-callout.is-visible{position:static;opacity:1;transform:none;grid-column:auto;grid-row:auto}.goal-leaders,.goal-progress{display:none}.pilot-goals article{opacity:1;transform:none;transition:none}}

.route-leaders-css{position:absolute;inset:0;pointer-events:none}.route-leaders-css span{position:absolute;inset:0;opacity:0;transition:opacity .5s}.route-visible .route-leaders-css span{opacity:1}.route-leaders-css i{position:absolute;height:1px;background:var(--accent);transform-origin:0 0;scale:0 1;transition:scale .6s}.route-visible .route-leaders-css i{scale:1 1}.route-leaders-css b{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;transform:translate(-50%,-50%)}

/* Refined against the three original portfolio callout anchors. */
body[data-project=glancemap] .glance-design-question h3{font-size:clamp(21px,1.8vw,26px);font-weight:400;line-height:1.5;letter-spacing:0;margin-top:10px}
.glance-design-question{padding:20px 25px}.pilot-count{font-size:16px;margin:14px 0 24px;color:var(--muted)}
.pilot-example{width:min(100%,560px);margin-inline:auto}.pilot-example>img{width:100%;height:auto;max-height:none}
body[data-project=glancemap] .pilot-example figcaption{display:flex!important;align-items:baseline;gap:10px;margin:0;padding:12px 0 0!important;font-size:22px!important}
.pilot-reasoning{border-top:1px solid var(--line);padding-top:26px;margin-top:24px;grid-template-columns:1fr 1.1fr;gap:4%}.pilot-insight-label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}.pilot-insight h3{font-size:27px;margin-bottom:10px}.pilot-insight p{font-size:20px;line-height:1.45}.pilot-goals{padding-left:28px;border-left:1px solid var(--line);gap:24px}.pilot-goals article{border:0;padding:0}.pilot-goals h3{font-size:23px;margin:14px 0 8px}.pilot-goals p{font-size:18px;line-height:1.4}.glance-pilot .pilot-insight blockquote{font-size:21px!important;line-height:1.4!important}
.goals-composition{grid-template-columns:minmax(0,2.8fr) minmax(260px,1fr);grid-template-rows:auto 1fr auto;gap:28px 42px;min-height:530px;align-items:start}.goal-interface{grid-column:1;grid-row:2/4;width:100%;max-width:850px;margin:0;align-self:center}.goal-interface-label{font-size:25px;margin-bottom:10px}.goal-interface figcaption{font-size:17px!important;margin-top:10px}.goal-cluster{position:relative;z-index:1}.goal-cluster-context{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-left:23%;}.goal-cluster-structure{grid-column:2;grid-row:1/3;display:grid;gap:22px}.goal-cluster-illustration{grid-column:2;grid-row:3}.goal-callout{display:flex;align-items:baseline;gap:10px;grid-column:auto;grid-row:auto}.goal-callout .dg-pill{flex-shrink:0;font-size:11px;padding:6px 8px}.goal-callout h3{font-size:21px;line-height:1.25;margin:0 0 8px;text-wrap:pretty}.goal-callout p{font-size:17px;line-height:1.4;margin:0}.goal-leader i{background:repeating-linear-gradient(to right,var(--accent) 0 6px,transparent 6px 11px);opacity:.8}.goal-progress{margin-top:22px}
@media(max-width:900px) and (min-width:541px){.goals-composition{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:24px}.goal-cluster-context{margin-left:0}.goal-callout{display:block}.goal-callout h3{margin-top:10px;font-size:18px}.goal-callout p{font-size:16px}}
@media(max-width:540px){.pilot-reasoning{grid-template-columns:1fr}.pilot-goals{padding:0;border:0;gap:20px}.pilot-goals h3{font-size:22px}.pilot-example>img{max-height:none}.goals-composition{display:block;min-height:470px}.goal-interface{position:absolute;max-width:none}.goal-cluster{display:contents}.goal-callout{display:block}.goal-callout .dg-pill{font-size:13px;padding:7px 11px}.goal-callout h3{font-size:29px;margin:15px 0 10px}.goal-callout p{font-size:20px}.goal-interface figcaption{font-size:15px!important}.goal-progress{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.goals-composition{display:grid;grid-template-columns:1fr 1fr}.goal-cluster{display:contents}.goal-interface{grid-column:1/-1;grid-row:1;position:static;margin:auto}.goal-callout{display:block}.goal-callout h3{margin-top:10px}.goal-progress,.goal-leaders{display:none}}
@media(max-width:540px){.pilot-goals{grid-template-columns:1fr;gap:20px}.pilot-goals article{display:grid;grid-template-columns:64px 1fr;column-gap:15px;align-items:start}.pilot-goals .dg-pill{grid-column:1;grid-row:1/3;justify-self:start}.pilot-goals h3{margin:0 0 7px;grid-column:2;font-size:21px}.pilot-goals p{grid-column:2;font-size:18px}.walk-scene h3{font-size:22px}}
@media(max-width:540px) and (prefers-reduced-motion:reduce){.goals-composition{grid-template-columns:1fr}.goal-callout{grid-column:1!important}.goal-callout h3{font-size:25px}.walk-viewport{float:none;width:100%;height:300px;margin:0}.walk-narration{clear:both}.walk-scene{width:100%}.goals-composition{min-height:0}}

body[data-project=glancemap] .pilot-example figcaption{justify-content:center}.goal-cluster-structure{border-left:1px solid var(--line);padding-left:18px}@media(max-width:540px){.goal-cluster-structure{border:0;padding:0}}

/* The final interface is the centre; each decision occupies the surrounding ring. */
@media(min-width:801px){
 .goals-sticky{height:min(760px,calc(100svh - 98px));min-height:610px;top:82px}
 .goals-composition{display:grid;grid-template-columns:21% 54% 21%;grid-template-rows:auto minmax(260px,1fr) auto;gap:36px 2%;min-height:550px;align-items:center}
 .goals-composition>.goal-interface{grid-column:2;grid-row:2;align-self:center;justify-self:center;margin:0;width:100%;max-width:none}
 .goal-interface-label{font-size:22px}.goal-interface-label span{font-size:11px}.goal-interface figcaption{font-size:15px!important}
 .goals-composition>.goal-callout{display:block;grid-column:auto;grid-row:auto;padding:0;align-self:center;max-width:270px;justify-self:center}
 .goal-callout h3{font-size:21px;line-height:1.2;margin:10px 0 7px}.goal-callout p{font-size:17px;line-height:1.4}
 .goals-composition>.goal-1{grid-column:1;grid-row:1;justify-self:end}
 .goals-composition>.goal-2{grid-column:2;grid-row:1}
 .goals-composition>.goal-3{grid-column:3;grid-row:1;justify-self:start}
 .goals-composition>.goal-4{grid-column:3;grid-row:2;justify-self:end}
 .goals-composition>.goal-5{grid-column:2;grid-row:3}
 .goals-composition>.goal-6{grid-column:1;grid-row:2;justify-self:start}
 .goal-leader i{opacity:.48}.goal-progress{margin-top:20px}
}
@media(min-width:541px) and (max-width:800px){.goals-composition{grid-template-columns:1fr 1fr 1fr;gap:25px;min-height:0}.goals-composition>.goal-interface{grid-column:1/-1;grid-row:2;max-width:550px;justify-self:center}.goals-composition>.goal-callout{display:block;position:relative;grid-column:auto;grid-row:auto}.goals-composition>.goal-1,.goals-composition>.goal-2,.goals-composition>.goal-3{grid-row:1}.goals-composition>.goal-4,.goals-composition>.goal-5,.goals-composition>.goal-6{grid-row:3}.goal-leaders{display:none}.goal-callout h3{font-size:18px;margin-top:8px}.goal-callout p{font-size:16px}}
@media(min-width:801px) and (prefers-reduced-motion:reduce){.goals-sticky{position:static;min-height:0;height:auto}.goal-callout{opacity:1;transform:none}}

@media(min-width:801px){.goals-composition>.goal-callout{transform:none}.goal-interface-label{position:relative;z-index:2;background:var(--bg);width:max-content;padding-right:10px}.goal-interface figcaption{position:relative;z-index:2;background:var(--bg);width:fit-content}}
/* A six-part ring with separate connector lanes around the source interface. */
@media(min-width:801px){
 .goals-composition{grid-template-columns:20% 28% 28% 20%;grid-template-rows:auto auto auto;column-gap:1.333%;row-gap:42px;min-height:570px}
 .goals-composition>.goal-interface{grid-column:2/4;grid-row:2}
 .goals-composition>.goal-1{grid-column:2;grid-row:1;justify-self:start}
 .goals-composition>.goal-2{grid-column:1;grid-row:2;justify-self:start}
 .goals-composition>.goal-3{grid-column:2;grid-row:3;justify-self:start}
 .goals-composition>.goal-4{grid-column:4;grid-row:2;justify-self:end}
 .goals-composition>.goal-5{grid-column:3;grid-row:1;justify-self:end}
 .goals-composition>.goal-6{grid-column:3;grid-row:3;justify-self:end}
 .goals-composition>.goal-callout{max-width:245px;position:relative;z-index:3;background:var(--bg)}
 .goal-interface-label{font-size:18px;margin-bottom:10px}.goal-interface-label span{font-size:10px}
 .goal-interface figcaption{font-size:14px!important;width:100%;max-width:100%;line-height:1.3;padding-bottom:4px}
 .goal-leader i{height:2px;opacity:.9;background:repeating-linear-gradient(to right,var(--accent) 0 7px,transparent 7px 12px);box-shadow:0 0 2px #0e120d;transform-origin:0 50%}
 .goal-leader b{width:9px;height:9px;border:2px solid var(--bg);box-shadow:0 0 0 1px var(--accent)}
}
.goal-comparison-note{text-align:center;font-size:15px!important;color:var(--muted);line-height:1.4;margin:18px 0 0}.goal-progress{margin-top:12px}
@media(max-width:540px){.goal-comparison-note{font-size:13px!important;margin-top:6px}.goal-interface img{max-height:190px}.goal-callout{top:49%}}

.goal-callout p{text-wrap:balance}
/* Keep the question and final-design context in the same pinned scene as their artwork. */
.walk-sticky{grid-template-rows:auto minmax(0,1fr);gap:16px 4%;align-items:stretch;top:76px;height:calc(100svh - 100px);max-height:850px}
.walk-story-heading{grid-column:1/-1;align-self:start;padding-top:8px}
.walk-story-heading .chapter-deck,.goals-story-heading .chapter-deck{margin:10px 0 12px;font-size:20px;line-height:1.4}
.walk-story-heading .section-heading{margin:0!important}
.walk-viewport{min-height:0;align-items:center;overflow:hidden}.walk-map{max-height:100%;width:auto;max-width:100%;height:100%}
.walk-narration{min-height:0;max-height:none}.walk-scene{inset:5px 0 48px}.walk-scene blockquote{margin:14px 0 20px}.walk-scene aside{margin-top:18px}
.pilot-introduction{padding:38px 0 34px;border-bottom:1px solid var(--line);color:var(--accent)}
.pilot-introduction>span{font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.pilot-introduction>p{font:400 clamp(23px,2.4vw,32px)/1.4 var(--font-display);max-width:1050px;margin:15px 0 0;text-wrap:pretty}
.pilot-introduction strong{font-weight:600}
body[data-project=glancemap] .glance-pilot .section-heading .eyebrow{font-size:23px!important;letter-spacing:.02em;line-height:1.3}
.glance-pilot .pilot-count{font-size:22px;color:var(--ink);margin:14px 0 24px;font-weight:500}
.glance-pilot .pilot-insight{background:none;color:var(--ink);padding:0;border-radius:0}
.glance-pilot .pilot-insight :is(h3,blockquote){color:var(--ink)}
.glance-pilot .pilot-insight .pilot-insight-label{font-weight:700;letter-spacing:.09em}
body[data-project=glancemap] .glance-pilot .pilot-insight blockquote{border-color:var(--accent)!important}
.goals-sticky{height:calc(100svh - 100px);max-height:860px;min-height:0;top:76px;justify-content:flex-start;gap:14px}
.goals-story-heading{flex:none;padding-top:6px}.goals-story-heading .section-heading{margin:0!important}.goals-story-heading .chapter-deck{margin-bottom:5px}
@media(min-width:801px){
 .goals-composition{flex:1;min-height:0;grid-template-rows:minmax(82px,auto) minmax(190px,1fr) minmax(82px,auto);row-gap:25px}
 .goals-composition>.goal-interface{height:100%;display:flex;align-items:center}
 .goal-interface img{max-height:100%;object-fit:contain}
 .goals-composition>.goal-callout{max-width:240px}
 .goal-callout h3{font-size:20px;line-height:1.2;margin-top:8px}.goal-callout p{font-size:17px;line-height:1.35;text-wrap:pretty}
 .goal-callout{opacity:.42}.goal-callout.is-visible{opacity:1}
}
@media(max-width:800px){.walk-sticky{top:70px;height:calc(100svh - 85px)}.walk-story-heading .section-heading h2{font-size:30px!important}.walk-story-heading .chapter-deck{font-size:17px;line-height:1.35;margin:8px 0}.goals-story-heading .section-heading h2{font-size:30px!important}.goals-story-heading .chapter-deck{font-size:17px}.goals-sticky{top:70px;height:calc(100svh - 85px);gap:8px}.goal-callout h3{font-size:24px}.goal-callout p{font-size:18px}.pilot-introduction{padding-block:28px}}
@media(max-width:540px){.walk-sticky{display:grid;grid-template-columns:1fr;grid-template-rows:auto 29% minmax(0,1fr);gap:8px;min-height:0}.walk-viewport{width:100%;height:100%}.walk-map{height:100%;width:auto}.walk-narration{height:100%;width:100%}.walk-scene{inset:0 0 34px;justify-content:flex-start}.walk-scene blockquote{font-size:20px;margin:8px 0}.walk-scene h3{font-size:21px}.walk-scene p{font-size:16px;line-height:1.4}.walk-scene aside{margin-top:9px;padding-top:9px}.walk-scene h4{font-size:16px}.walk-scene aside p{font-size:15px}.goals-composition{min-height:0;flex:1}.goals-composition>.goal-interface{top:0}.goal-interface img{max-height:190px}.goal-callout{top:48%}.goals-story-heading .chapter-deck{max-width:32ch}.pilot-introduction p{font-size:25px}.glance-pilot .pilot-insight{padding:0}.glance-pilot .pilot-count{font-size:20px}}
@media(prefers-reduced-motion:reduce){.walk-sticky,.goals-sticky{position:static;display:block;height:auto;max-height:none}.walk-map{height:380px}.goals-composition{display:grid;min-height:0}.goal-interface{height:auto!important}.walk-story-heading,.goals-story-heading{margin-bottom:22px}.goal-callout{opacity:1!important}}
.glance-baseline{display:block!important}.baseline-pair{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6%;align-items:center;margin-top:28px}.baseline-pair>figure{margin:0}.baseline-pair img{width:100%;height:auto;display:block}.baseline-pair figcaption{margin-top:14px}.baseline-reference{font-size:14px;color:#121610;background:var(--accent);padding:7px 10px;display:inline-block;border-radius:4px}.baseline-story h3{font-size:25px;line-height:1.25;margin:18px 0 13px}.baseline-story p{font-size:19px;line-height:1.5;margin:15px 0 0;text-wrap:pretty}.baseline-evidence{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0 4px}.baseline-evidence strong{display:block;font:600 34px/1.2 var(--font-display);color:var(--accent)}.baseline-evidence span{display:block;font-size:16px;margin-top:6px}.baseline-story .baseline-prior{font-size:15px;color:var(--muted);margin:8px 0 22px}
@media(max-width:800px){.baseline-pair{grid-template-columns:1fr;gap:27px}.baseline-story p{font-size:18px}.baseline-story h3{font-size:24px}}

/* The traveller and listening cues are one moving unit, with room above the road. */
.walk-viewport{padding-top:56px;padding-bottom:8px}
.walk-map{align-self:stretch;max-height:100%}
.walk-traveller .walk-listening{left:auto;right:105%;top:13%;width:max-content;gap:7px;transform:none;pointer-events:none}
.walk-traveller .headphone-symbol{font-size:36px}
.walk-traveller .podcast-wave{height:40px;gap:3px;transform:scaleY(.72);transform-origin:center}
.walk-scene{justify-content:flex-start;padding-top:28px}
.glance-phrase-highlight{background:var(--accent);color:#10160d;padding:2px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.pilot-insight h3{line-height:1.45}
.baseline-story .baseline-keyword{color:var(--accent);font-weight:650}
@media(max-width:800px){.walk-scene{padding-top:12px}.walk-viewport{padding-top:38px}.walk-traveller .headphone-symbol{font-size:27px}.walk-traveller .podcast-wave{gap:2px;transform:scaleY(.55)}}
@media(max-width:540px){.walk-viewport{padding-top:22px;padding-bottom:0}.walk-scene{padding-top:0}.walk-traveller .headphone-symbol{font-size:20px}.walk-traveller .walk-listening{right:108%;top:3%;gap:4px}.walk-traveller .podcast-wave{gap:2px;height:24px;transform:scaleY(.45)}.walk-traveller .podcast-wave i{width:2px}}

/* On a short landscape screen, keep the whole explanation readable in normal flow. */
@media(min-width:701px) and (max-height:650px){
 .walk-scroll-track,.goals-scroll-track{height:auto}
 .walk-sticky{position:static;height:auto;max-height:none;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;align-items:start}
 .walk-viewport{height:410px;position:sticky;top:76px;align-self:start;overflow:visible}
 .walk-narration{height:auto;max-height:none}
 .walk-scene{position:relative;inset:auto;padding-top:16px;margin-bottom:45px;opacity:1;transform:none;pointer-events:auto}
 .walk-navigation{display:none}
 .goals-sticky{position:static;height:auto;max-height:none}
 .goals-composition{min-height:550px}
 .goal-callout{opacity:1!important;transform:none}
}
