:root{font-family:Arial,Helvetica,sans-serif;color:#fff;--green:#061e17;--lime:#a4d474;--line:#d9ebcb5e}*{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0;background:#061e17}body{overflow:hidden}
button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #c6f092;outline-offset:4px}
.journey{width:100%;height:100svh;min-height:660px;position:relative;overflow:hidden;isolation:isolate;background:#071d16}
.backdrops{position:absolute;inset:0;z-index:-3;overflow:hidden}.backdrop{position:absolute;inset:-2%;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.015);will-change:transform,opacity,filter}.backdrop.visible{opacity:1}.backdrop.prepared{opacity:0;transform:scale(1.075) translate3d(var(--incoming-x,0),0,0)}.backdrop.leave{transform:scale(1.15) translate3d(var(--drive-x,0),1%,0);opacity:0;filter:blur(1.2px);transition:transform 1.12s cubic-bezier(.2,.53,.23,1),opacity .72s ease .32s,filter .9s}.backdrop.enter{opacity:1;transform:scale(1) translate3d(0,0,0);transition:opacity .88s ease .12s,transform 1.08s cubic-bezier(.2,.53,.23,1)}
.photo-grade{pointer-events:none;position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#03130e75,transparent 21%,transparent 58%,#03130ebf 100%),linear-gradient(90deg,#03130d45,transparent 50%)}
.brandbar{position:absolute;inset:0 0 auto;z-index:30;padding:16px clamp(20px,2.6vw,45px);display:flex;align-items:start;justify-content:space-between;pointer-events:none}.brandbar>*{pointer-events:auto}
.brand-lockup{display:flex;align-items:center;gap:0;flex-shrink:0;width:438px;min-height:113px;max-width:none;padding:15px 19px;border:0;border-radius:12px;background:#061e17;box-shadow:0 8px 27px #0006}.brand-shield{height:82px;width:74px;object-fit:contain;flex:none}.brand-divider{height:66px;width:1px;margin:0 19px;background:#d6f4bb6b;flex:none}.brand-wordmark{width:265px;height:auto;max-width:265px;object-fit:contain;flex:none}
.top-actions{display:flex;align-items:center;gap:14px}.private-flag{border:1px solid #c3e7b04d;border-radius:50px;background:#071f19e8;color:#c7dbcb;padding:12px 16px;font-size:10px;letter-spacing:.14em;font-weight:700;white-space:nowrap}.top-button{border:1px solid #bdcfb96b;border-radius:50px;background:#061f19ed;color:white;padding:12px 18px;font-size:12px;letter-spacing:.05em;font-weight:700;min-height:45px;white-space:nowrap}.top-button:hover{border-color:#bfdf9b;background:#123b2c}
.layer{position:absolute;inset:0;z-index:2}.layer[hidden],.dock-right[hidden]{display:none!important}.layer[hidden]{pointer-events:none}
.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:800;color:#bde796}.eyebrow.dark{color:#204936}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4vw,68px);font-weight:500;line-height:1.03;letter-spacing:-.025em;margin:12px 0 14px}
p{line-height:1.58}
.fork-copy{position:absolute;top:16%;width:51%;max-width:800px;left:50%;transform:translateX(-50%);text-align:center;color:#092c21;text-shadow:0 1px 18px #f1f5e8b8}.fork-copy h1{font-size:clamp(41px,4vw,65px);margin:8px 0}.fork-copy p{font-size:16px;font-weight:600;margin:0}
.fork-hotspot{position:absolute;background:transparent;border:2px solid transparent;border-radius:13px;color:white;display:grid;place-items:end center;padding-bottom:3%;transition:box-shadow .2s,border-color .2s}.fork-hotspot span{font-weight:800;font-size:12px;letter-spacing:.12em;background:#052118d9;border:1px solid #bfec9e;padding:10px 14px;border-radius:50px;box-shadow:0 8px 30px #0007}.fork-hotspot b{padding-left:6px}.fork-hotspot:hover,.fork-hotspot:focus-visible{border-color:#b8e88d;box-shadow:0 0 0 9px #b5d7831c,0 0 34px #d0e3a88c}.fork-left{left:10.5%;top:38%;width:23%;height:30%}.fork-right{right:8.5%;top:37%;width:22%;height:31%}
.map-head{position:absolute;top:18%;right:5.5%;text-align:right;max-width:440px;text-shadow:0 2px 12px #000a}.map-head h1{font-size:clamp(34px,3.4vw,53px);margin:8px 0 7px}.map-head p{font-size:14px;margin:0;color:#e6f2e5}.map-head .eyebrow{color:#e0efbd}
.map-hotspots{position:absolute;inset:0;pointer-events:none}.map-spot{position:absolute;pointer-events:auto;background:#041b149e;color:#fff;border:1px solid #c1e89a8a;border-radius:50px;min-width:112px;text-align:center;padding:10px 12px;box-shadow:0 8px 28px #0007;backdrop-filter:blur(5px);display:flex;gap:7px;align-items:center;justify-content:center;transition:background .2s,transform .2s}.map-spot:hover{background:#235b34;transform:translateY(-3px)}.map-spot strong{font-size:15px;color:#b6df8e}.map-spot span{font-size:13px;font-weight:800}
.map-spot:nth-child(1){left:20%;top:57%}.map-spot:nth-child(2){left:44%;top:56%}.map-spot:nth-child(3){left:64%;top:60%}.map-spot:nth-child(4){right:5%;top:54%}
.stage-copy{position:absolute;left:6.5%;top:22%;width:min(425px,34vw);padding:27px 29px;border:1px solid #b8d9a049;background:#051a13e8;backdrop-filter:blur(11px);box-shadow:0 19px 45px #0008;border-radius:10px}.stage-copy h1{font-size:clamp(46px,4.4vw,77px)}.stage-headline{color:#d9f2b9;font-size:20px;font-weight:700;margin:0 0 11px}.stage-intro{color:#e3eae0;font-size:15px;margin:0}.location-tag{display:block;font-size:11px;color:#c9dac5;border-top:1px solid #c8dbaa45;padding-top:16px;margin-top:18px;letter-spacing:.03em}
.stage-path-line{position:absolute;left:35%;top:28%;width:64%;height:48%;pointer-events:none;opacity:.7}.stage-path-line svg{width:100%;height:100%}
.offering-signs{position:absolute;left:40%;right:4%;top:31%;bottom:21%;pointer-events:none}
.offering-sign{position:absolute;z-index:4;pointer-events:auto;display:flex;align-items:center;gap:12px;min-width:176px;max-width:232px;padding:10px 11px;background:#071f18ec;color:#fff;border:1px solid #d2dfc184;border-radius:5px;box-shadow:0 7px 24px #0009;text-align:left;transform-origin:bottom center;transition:border-color .2s,background .2s,filter .2s}.offering-sign:hover{background:#13432b;border-color:#a7db78;filter:brightness(1.12)}.offering-sign::after{content:'';height:22px;width:2px;background:#d2c8ac7f;position:absolute;top:100%;left:23px}.offering-sign .code{display:grid;place-items:center;flex:none;background:#a0cf6b;color:#092315;font-weight:800;font-size:10px;height:27px;padding:0 5px;border-radius:3px}.offering-sign .name{font-size:13px;font-weight:700;line-height:1.15;flex:1}.offering-sign .arrow{font-size:15px;color:#bce78c}.offering-sign:nth-child(1){left:7%;top:58%;transform:scale(1.08)}.offering-sign:nth-child(2){left:37%;top:35%;transform:scale(.94)}.offering-sign:nth-child(3){right:1%;top:7%;transform:scale(.83)}.offering-sign:nth-child(4){right:0;top:62%;transform:scale(.79)}
.sign-help{position:absolute;left:44%;bottom:21%;font-size:10px;letter-spacing:.17em;font-weight:800;color:#f3f8ec;text-shadow:0 2px 9px #000}
.offering-view{display:flex;align-items:center;justify-content:flex-end;padding:130px 5.2% 145px}.offering-card{width:min(540px,41vw);max-height:calc(100svh - 275px);overflow:auto;overscroll-behavior:contain;padding:27px 32px;background:#061e17f0;backdrop-filter:blur(13px);border:1px solid #bdd7af6b;border-radius:12px;box-shadow:0 26px 62px #000a}.offering-card h1{font-size:clamp(33px,3.3vw,51px)}.offering-question{color:#c9e8aa;font-size:18px;font-weight:700;line-height:1.4;margin:8px 0 0}.thin-rule{height:1px;background:#cbe3b74a;margin:22px 0 19px}.caps{font-size:10px;letter-spacing:.22em;color:#b9e48c;font-weight:800}.offering-card p:not(.offering-question){font-size:14px;color:#e2eae0;margin:7px 0 19px}.offering-card .detail-extra{color:#cbd8cb!important}.offering-card .scope-note{border-top:1px solid #c6d6ad36;padding-top:10px;color:#a9baa9!important;font-size:11px!important}.offering-actions{display:flex;gap:9px;flex-wrap:wrap}.cta-link,.cta-outline,.cta-fill{border:1px solid #a4cc85;border-radius:50px;min-height:44px;padding:11px 18px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.cta-link,.cta-fill{background:#9cd16b;color:#092415;border-color:#9cd16b}.cta-outline{background:#08251ccf;color:white}.cta-link:hover,.cta-fill:hover{background:#b6e58c}.cta-outline:hover{border-color:#bff3a3;background:#143d2b}.arrival-note{position:absolute;left:8%;bottom:23%;display:flex;gap:8px;flex-direction:column;text-shadow:0 2px 12px #000}.arrival-note #arrivalTitle{font-family:Georgia,serif;font-size:32px}
.features-panel{position:absolute;top:25%;left:8%;width:min(480px,45vw);background:#061e17ec;padding:32px;border:1px solid #b5d2a35c;border-radius:10px}.features-panel h1{font-size:50px}.features-panel p{font-size:16px}
.nav-dock{position:absolute;left:50%;bottom:38px;z-index:15;transform:translateX(-50%);width:min(1230px,calc(100% - 76px));min-height:94px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 24px;background:#061d17f0;border:1px solid #c1d6b14a;border-radius:14px;box-shadow:0 18px 48px #0008;backdrop-filter:blur(13px)}.dock-location{display:flex;flex-direction:column;gap:3px;min-width:210px;max-width:280px}.dock-location span{font-size:9px;color:#9dd76f;font-weight:800;letter-spacing:.18em}.dock-location strong{font-family:Georgia,serif;font-size:22px;font-weight:500}.dock-location small{color:#d0decf;font-size:11px}.dock-right{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}.dock-back,.dock-next{color:#fff;white-space:nowrap;background:transparent;border:0;padding:11px 8px;font-size:12px;font-weight:700}.dock-next{color:#b9e989}.dock-back:hover,.dock-next:hover{color:#fff;text-decoration:underline}
.stage-nav{display:flex;gap:5px}.stage-nav button{border:1px solid #a9c29a71;background:#0a2c20;color:#f3f8f1;border-radius:50px;padding:6px 8px;min-width:50px;height:51px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-nav button span{font-size:9px;font-weight:600;opacity:.82;margin-top:2px}.stage-nav button strong{font-size:15px}.stage-nav button.active{background:#8ec968;color:#071b14;border-color:#c1ef91}.stage-nav button:hover{border-color:#b9ef93}
.site-note{position:absolute;right:26px;bottom:10px;z-index:10;font-size:9px;letter-spacing:.14em;color:#e0e8d8;text-shadow:0 2px 7px #000}
.travelling{position:absolute;z-index:60;left:50%;top:49%;transform:translate(-50%,-40%);background:#061e17df;backdrop-filter:blur(10px);border:1px solid #b4d38c7d;border-radius:14px;padding:26px 36px;min-width:355px;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s,transform .25s;display:flex;flex-direction:column;gap:12px}.travelling.show{opacity:1;transform:translate(-50%,-50%)}.travelling span{color:#b4db83;font-weight:800;letter-spacing:.2em;font-size:10px}.travelling strong{font-family:Georgia,serif;font-weight:500;font-size:32px}.travelling i{height:2px;width:100%;background:linear-gradient(90deg,#a2d67f,#a2d67f) left/0% 100% no-repeat,#4c67534d}.travelling.show i{animation:progress 1.25s linear forwards}@keyframes progress{to{background-size:100% 100%}}
.journey.in-transit .layer,.journey.in-transit .nav-dock{opacity:0;pointer-events:none;transition:opacity .2s}
@media (max-height:800px){.stage-copy{top:18%;padding:18px 23px}.stage-copy h1{font-size:48px}.stage-intro{font-size:13px}.stage-headline{font-size:17px}.offering-signs{top:29%;bottom:22%}.offering-card{padding:22px;max-height:calc(100svh - 225px)}.offering-card h1{font-size:37px}.offering-card p:not(.offering-question){font-size:12.5px}.arrival-note{display:none}.nav-dock{bottom:22px;min-height:78px;padding:11px 20px}}
@media (max-width:1180px){.brand-lockup{transform:scale(.78);transform-origin:top left}.top-actions{gap:7px}.stage-copy{left:3.5%;width:38%}.offering-signs{left:42%;right:1%}.nav-dock{width:calc(100% - 40px)}.dock-location{min-width:150px}.stage-nav button{height:44px;min-width:44px}.fork-copy{top:18%;width:58%}}
@media (max-width:870px){.journey{min-height:0}.top-actions .private-flag{display:none}.brand-lockup{transform:scale(.56)}.brandbar{padding:12px}.top-button{font-size:11px;padding:9px}.fork-copy{top:24%;width:74%}.fork-copy h1{font-size:36px}.fork-copy p{font-size:13px}.fork-hotspot span{display:none}.nav-dock{display:block;padding:12px;bottom:10px}.dock-location{max-width:none}.dock-right{justify-content:flex-start;margin-top:9px}.stage-copy{left:10px;top:18%;width:62%;padding:13px}.stage-copy h1{font-size:34px}.stage-headline{font-size:13px}.stage-intro{font-size:11px}.offering-signs{left:12%;right:1%;top:53%;bottom:22%}.offering-sign{min-width:100px;max-width:155px;padding:6px}.offering-sign .name{font-size:10px}.offering-sign:nth-child(1){left:0}.offering-sign:nth-child(2){left:28%}.offering-sign:nth-child(3){right:0}.offering-view{padding:110px 10px 120px}.offering-card{width:100%;max-height:70svh}.arrival-note{display:none}.site-note{display:none}.stage-nav button span{display:none}.map-head{top:21%;right:4%;width:60%}.map-head h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.journey[data-view="stage"] .backdrop.visible,.journey[data-view="offering"] .backdrop.visible {filter:brightness(1.08);}

/* V3 readability: readable copy on bright sky, with no duplicate labels over course signs. */
.fork-copy{
  top:15%;padding:18px 24px 20px;
  color:#09291f;text-shadow:none;
  background:linear-gradient(90deg,transparent 0%,rgba(248,250,241,.93) 13%,rgba(248,250,241,.94) 87%,transparent 100%);
  border-radius:18px;
}
.fork-copy h1{color:#08291d;font-weight:600}
.fork-copy p{color:#102d22;font-weight:700}
.fork-copy .eyebrow{color:#174a30}
.fork-copy .fork-instruction{margin:13px auto 0;padding:7px 13px;width:max-content;max-width:100%;border-radius:40px;
  background:#073226;color:#f6f9ee;font-size:11px;line-height:1.35;letter-spacing:.12em;font-weight:800;
  box-shadow:0 5px 16px #0005}
/* The stone signs contain their own copy. Make the full physical sign the hotspot, with no text over it. */
.fork-hotspot{display:block;padding:0;border-color:transparent;background:transparent;box-shadow:none}
.fork-hotspot:hover,.fork-hotspot:focus-visible{border:2px solid #b9e58ba6;box-shadow:0 0 0 6px #99c87532,0 0 22px #c6e99866;background:#bde58b06}
.fork-hotspot span,.fork-hotspot b{display:none!important}
.map-head{top:15%;right:5.5%;width:min(465px,37vw);max-width:465px;padding:19px 23px 20px;
 background:#061e17f5;border:1px solid #d7e9c378;border-radius:12px;box-shadow:0 13px 35px #0008;text-align:left;text-shadow:none;}
.map-head h1{font-size:clamp(29px,2.6vw,42px);color:#f7faef;line-height:1.08}
.map-head p{font-size:14px;font-weight:600;color:#e6f3df}
.map-head .eyebrow{color:#b9ec8d}
/* The map scene has real sign labels. Hotspots surround those signs without covering their words. */
.map-spot{background:transparent;border:2px solid transparent;border-radius:14px;min-width:0;width:17%;height:16%;
 padding:0;box-shadow:none;backdrop-filter:none;display:block;transform:none;}
.map-spot strong,.map-spot span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.map-spot:hover,.map-spot:focus-visible{background:#a5df790d;border-color:#bded90ba;
 box-shadow:0 0 0 5px #9fd36f2a,0 0 25px #cdeba45c;transform:none}
.map-spot:nth-child(1){left:19%;top:46%;width:21%;height:19%}
.map-spot:nth-child(2){left:47%;top:47%;width:15%;height:16%}
.map-spot:nth-child(3){left:65%;top:46%;width:15%;height:17%}
.map-spot:nth-child(4){left:auto;right:5%;top:43%;width:11%;height:12%}
/* Additional contrast for instructions and small metadata over photographs. */
.sign-help{left:40%;bottom:17%;padding:9px 15px;border-radius:40px;
 background:#061e17f1;color:#f5f9ee;box-shadow:0 7px 20px #0009;font-size:11px;letter-spacing:.09em}
.arrival-note{left:6%;bottom:21%;padding:15px 19px;background:#071f19f0;border:1px solid #c4d8ab66;
 border-radius:10px;text-shadow:none}
.arrival-note .eyebrow{color:#d5f8a4}
.site-note{right:18px;bottom:9px;background:#061e17e8;color:#f2f9ed;padding:5px 9px;border-radius:8px;text-shadow:none}
.dock-location small{color:#f0f6e9;font-size:12px}
.stage-intro{color:#f4f7ef}.location-tag{color:#f1f8e8}
.offering-card .scope-note{color:#d4e3d2!important}
.stage-nav button span{opacity:1;color:#e9f3de}
.stage-nav button.active span{color:#061e17}
.nav-dock{background:#041912f7;border-color:#dfefc38c}
@media(max-height:800px){.fork-copy{top:14%;padding:13px 20px}.fork-copy .fork-instruction{margin-top:8px;font-size:10px}
.map-head{top:16%;padding:14px 18px}.sign-help{bottom:17%;font-size:10px}}
@media(max-width:1180px){.map-head{width:min(440px,45vw)}.fork-copy{width:58%}}
@media(max-width:870px){.fork-copy{top:18%;width:78%}.fork-copy .fork-instruction{font-size:9px}
 .map-head{top:18%;width:54%;right:3%;padding:12px 15px}.map-head h1{font-size:26px}
 .map-spot:nth-child(1){left:17%;top:48%;width:22%;height:15%}.map-spot:nth-child(2){left:45%;top:49%;width:17%;height:14%}
 .map-spot:nth-child(3){left:63%;top:46%;width:18%;height:14%}.map-spot:nth-child(4){right:3%;top:42%;width:14%;height:13%}
 .sign-help{left:11%;bottom:19%;font-size:9px}}
/* Keep the approved photographic map legible without repeating text already in the approved scene. */
.fork-copy{width:60%;max-width:950px;padding:10px 20px 13px;top:15.5%;background:linear-gradient(90deg,transparent 0%,rgba(248,250,241,.90) 11%,rgba(248,250,241,.90) 89%,transparent 100%)}
.fork-copy h1{font-size:clamp(40px,3.6vw,54px);line-height:1.08;margin:8px 0 9px}
.fork-copy .fork-instruction{margin-top:10px}
/* The course-map photograph already contains its own large, legible introduction.
   Keep our duplicate text available to assistive technology but out of sight. */
.journey[data-view="map"] .map-head{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* On the map asset, hide the obsolete baked-in corner logo behind the exact approved brand header. */
.journey[data-view="map"]::before{content:"";position:absolute;left:0;top:0;width:485px;height:133px;z-index:4;background:#061e17;border-bottom-right-radius:12px;pointer-events:none}
@media(max-width:1180px){.fork-copy{width:67%}.journey[data-view="map"]::before{width:385px}}
@media(max-width:870px){.fork-copy{width:77%;top:17.5%}.fork-copy h1{font-size:36px}.journey[data-view="map"]::before{width:290px;height:102px}}

/* V4 - deliberately minimal refinements. Preserve the approved photographic backgrounds, logo lockup and four numbered methodology stages. */
/* Offering signage: no internal codes, each destination has its own quiet line-drawn symbol. */
.offering-sign {gap:11px;padding:10px 12px;min-width:188px;max-width:248px;}
.offering-sign .code{display:none!important;}
.offering-sign .sign-icon {width:36px;height:36px;flex:none;display:grid;place-items:center;
 color:#d4efb2;background:rgba(68,124,66,.23);border:1px solid rgba(170,215,135,.55);border-radius:8px;}
.offering-icon {width:22px;height:22px;flex:none;display:block;}
.offering-sign .name{font-size:13px;line-height:1.22;overflow-wrap:break-word;}
.offering-heading-row {display:flex;gap:15px;align-items:flex-start;margin-bottom:12px;}
.offering-heading-row .offering-heading-icon {width:54px;height:54px;border-radius:11px;display:grid;place-items:center;flex:none;
 background:rgba(109,169,79,.18);border:1px solid #b7d79b78;color:#c9eda8;}
.offering-heading-row .offering-icon {width:32px;height:32px;}
.offering-heading-text {min-width:0;flex:1;}
.offering-heading-text .eyebrow {display:block;margin-top:4px;}
.offering-heading-text h1 {margin:7px 0 0;font-size:clamp(28px,3vw,46px);line-height:1.08;overflow-wrap:break-word;}
/* Give the selected destination a bounded vertical area ABOVE the fixed navigation. Tall copy scrolls INSIDE the panel, never through the stage-jump controls. */
.journey{min-height:0;height:100dvh;}
.offering-view {position:absolute;inset:clamp(142px,18vh,190px) 0 clamp(166px,20vh,210px);
 display:flex;align-items:center;justify-content:flex-end;padding:0 clamp(28px,5.2vw,92px);}
.offering-card {width:min(570px,46vw);max-height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;
 scrollbar-width:thin;scrollbar-color:#8fb973 #0c281e;overscroll-behavior:contain;}
.offering-card:focus-within {scroll-behavior:smooth;}
/* Reserve space for the dock beneath stage descriptions and nearby offering wayfinding as well. */
.stage-copy {max-height:calc(100dvh - 335px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8fb973 #0c281e;}
.sign-help {bottom:clamp(137px,17vh,186px);}
.arrival-note {bottom:clamp(160px,22vh,255px);max-width:min(440px,37vw);}
@media (max-height:800px){
 .offering-view{inset:clamp(124px,18vh,146px) 0 clamp(145px,23vh,176px);}
 .offering-card{max-height:100%;padding:17px 23px;}
 .offering-card p:not(.offering-question){font-size:13px;line-height:1.45;margin:6px 0 13px;}
 .offering-heading-text h1{font-size:clamp(27px,2.7vw,38px);}
 .offering-heading-row{margin-bottom:6px;}
 .thin-rule{margin:12px 0;}
 .stage-copy{max-height:calc(100dvh - 285px);}
 .sign-help{bottom:clamp(126px,20vh,154px);}
 .arrival-note{bottom:clamp(142px,23vh,195px);}
}
@media(max-width:1180px){
 .offering-view{padding-right:3.5%;}
 .offering-card{width:min(560px,53vw);}
 .offering-sign{min-width:148px;max-width:209px;gap:7px;padding:8px;}
 .offering-sign .sign-icon{width:30px;height:30px;}
 .offering-sign .offering-icon{width:19px;height:19px;}
}
@media(max-width:870px){
 .offering-view{inset:clamp(112px,18vh,146px) 12px clamp(158px,28vh,205px);padding:0;}
 .offering-card{width:min(100%,540px);max-height:100%;padding:16px;}
 .offering-sign{min-width:125px;max-width:166px;gap:6px;}
 .offering-sign .sign-icon{width:27px;height:27px;}
 .offering-sign .name{font-size:10px;}
 .offering-heading-row{gap:9px;}
 .offering-heading-row .offering-heading-icon{width:39px;height:39px;}
 .offering-heading-row .offering-icon{width:24px;height:24px;}
 .offering-heading-text h1{font-size:27px;}
 .stage-copy{max-height:calc(100dvh - 270px);}
 .arrival-note{display:none;}
}

/* V6 | site action CTAs, only within content panels. Locked brandbar remains unchanged. */
.stage-external-actions{display:flex;gap:10px;flex-direction:column;align-items:flex-start;margin-top:16px;padding-top:13px;border-top:1px solid #b8d9a049}
.stage-external-actions .cta-link{font-size:12px;min-height:40px;padding:10px 15px}
.stage-read-more{font-size:12px;color:#d6edbf;text-decoration:underline;text-underline-offset:4px;padding:5px 0;line-height:1.4}
.stage-read-more:hover{color:#fff}
.offering-actions #offeringContactLink,.offering-actions #offeringLearnLink{font-size:11px;padding:9px 13px;min-height:40px}
.offering-actions [hidden],.stage-external-actions [hidden]{display:none!important}
@media(max-height:810px){.stage-copy{max-height:calc(100dvh - 290px)}.stage-external-actions{margin-top:12px;padding-top:11px}}

/* V14 refined course map, approved desktop brand assets unchanged. */
/* The old vertical methodology list, stale screenshot header, and old HUD are removed by
   using a new crop of the same approved photographic map.  The four real signs stay. */
.journey[data-view="map"]::before{content:none!important;display:none!important}
/* A smaller, semi-transparent plate frames the same original shield and wordmark. */
.brand-lockup{
 width:auto;max-width:340px;min-height:0;
 padding:10px 14px 10px 12px;gap:0;
 background:linear-gradient(90deg,rgba(4,30,21,.93),rgba(4,30,21,.81));
 border:1px solid rgba(201,226,184,.25);border-radius:9px;
 box-shadow:0 7px 22px rgba(0,0,0,.25);
 backdrop-filter:blur(7px);
 transform:none;
}
.brand-shield{width:58px;height:66px}
.brand-divider{height:48px;margin:0 13px;background:rgba(218,239,205,.45)}
.brand-wordmark{width:204px;max-width:204px;height:auto}
/* Hotspots follow the signs along the bend in the cart path, not a fixed left-hand list.
   Percentages are based on the uncropped map frame at 16:9. */
.map-spot:nth-child(1){left:6%;top:46%;width:27%;height:23%}
.map-spot:nth-child(2){left:41%;top:49%;width:17%;height:19%}
.map-spot:nth-child(3){left:64%;top:47%;width:17%;height:18%}
.map-spot:nth-child(4){left:84%;top:42%;width:13%;height:12%;right:auto}
.map-spot:focus-visible{outline:3px solid #d2f4ac;outline-offset:4px}
@media(max-width:1180px){
 .brand-lockup{max-width:300px;transform:none}
 .brand-shield{width:50px;height:58px}
 .brand-divider{height:42px;margin:0 10px}
 .brand-wordmark{width:180px;max-width:180px}
}
@media(max-width:870px){
 .brand-lockup{max-width:258px;transform:none;padding:7px 10px}
 .brand-shield{width:43px;height:49px}
 .brand-divider{height:34px;margin:0 8px}
 .brand-wordmark{width:158px;max-width:158px}
}



/* V17: corrected course signage. Native photographic lettering only; no doubled text or label pills. */
/* No dark-green rectangle around the two original transparent PNG logo assets. */
.brand-lockup {
  position:relative;isolation:isolate;
  padding:8px 2px;
  background:transparent;border:0;border-radius:0;
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
/* A fully feathered shadow preserves contrast over a photographic course scene. */
.brand-lockup::before {
  content:"";position:absolute;inset:-14px -20px;z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 41% 52%,rgba(3,27,19,.37),rgba(3,27,19,.14) 48%,transparent 77%);
  filter:blur(8px);
}
.brand-lockup .brand-shield,.brand-lockup .brand-wordmark {
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.57));
}
.brand-lockup .brand-divider {box-shadow:0 1px 3px rgba(0,0,0,.32)}
@media(max-width:1180px){
  .journey[data-view="map"] .map-spot span{font-size:clamp(11px,1.2vw,15px);padding:4px 7px 5px}
}


/* Subtle tonal contrast for legibility without replacing the approved course photograph. */
.journey[data-view=\"map\"] .backdrop.visible { filter:contrast(1.045); }


/* V20 | Full map image in frame: no crop of top-right headline. */
/* Only the map state receives this treatment. All original photography remains untouched. */
.journey[data-view='map'] .backdrops { inset:0; }
.journey[data-view='map'] .backdrop.visible {
  inset:0;
  background-size:100% 100%;
  background-position:center center;
  transform:none;
  filter:none;
}
/* Ensure the new map image fills the full stage after incoming transition. */
.journey[data-view='map'] .backdrop.enter {
  inset:0;
  background-size:100% 100%;
  background-position:center center;
  transform:none;
}