/* Compass, terrain and light stay inside the existing approved hero canvas. */
.hub-direction-v37{isolation:isolate;--map-x:0px;--map-y:0px;--sun-x:0px;--sun-y:0px}
.hub-direction-v37[data-cover-index="0"]{background:radial-gradient(ellipse at 78% 27%,#66412a 0,#242326 30%,#11171c 62%,#10171c 100%)!important}
.hub-direction-v37[data-cover-index="0"]:after{display:none}
.hub-route-backdrop-v37{position:absolute;inset:0 0 var(--tep-hero-tail,80px);overflow:hidden;pointer-events:none;z-index:0;opacity:0;transition:opacity .6s}
.hub-direction-v37[data-cover-index="0"] .hub-route-backdrop-v37{opacity:1}
.hub-sun-v37{position:absolute;left:70%;top:7%;width:34%;aspect-ratio:1;transform:translate(var(--sun-x),var(--sun-y));background:radial-gradient(circle,#fff4d7 0 1%,#ffd8a9b0 2%,#ef9c5560 7%,#f5993e20 20%,transparent 65%);filter:blur(2px);opacity:.85;transition:transform .18s ease-out}
.hub-light-rays-v37{position:absolute;inset:-20%;transform:translate(var(--sun-x),var(--sun-y));background:conic-gradient(from 122deg at 70% 28%,transparent 0deg,#ffbd6612 3deg,transparent 9deg,#ffe3ac0e 13deg,transparent 19deg,#ffc27d0e 23deg,transparent 37deg,#ffdb9d0b 41deg,transparent 54deg);mask-image:radial-gradient(ellipse at 70% 28%,#000 0 30%,transparent 65%);transition:transform .18s ease-out}
.hub-map-v37{position:absolute;width:110%;height:115%;left:-5%;top:-7%;transform:translate(var(--map-x),var(--map-y));transition:transform .2s ease-out;mask-image:linear-gradient(90deg,transparent 25%,#000 58%)}
.hub-map-contours-v37{stroke:#e2b994;stroke-width:1.1;opacity:.21}.hub-map-roads-v37{stroke:#d7b897;stroke-width:1;stroke-dasharray:4 9;opacity:.17}
.hub-map-route-v37{stroke-width:2;stroke-dasharray:7 12;animation:hub-route-v37 14s linear infinite;filter:drop-shadow(0 0 6px #ffae67)}
.hub-map-beacons-v37{fill:#ffd8a5;filter:drop-shadow(0 0 7px #ff9f51);opacity:.8}
.hub-map-coordinate-v37{position:absolute;bottom:25px;right:4%;font-size:9px;letter-spacing:.24em;color:#ddbb9877;transform:translate(var(--sun-x),var(--sun-y));transition:transform .2s ease-out}
.hub-direction-v37 .cover-stage{position:relative;z-index:1}
.hub-direction-v37 .compass-heading{font-size:10px;color:#dbc6b5}
.hub-direction-v37 .compass-heading button{background:#11191cbb;border-color:#ac8a6955;color:#e2d3c7;font-size:11px}
.hub-direction-v37 .compass-v37 .compass-dial{background:radial-gradient(circle,#302d2be8,#142027ed 65%,#3d3c37);border-color:#c0a17f;box-shadow:0 0 0 6px #142026,0 0 0 7px #c6a47e80,0 0 0 13px #111a20a6,0 22px 80px #0008,0 0 90px #efad5220,inset 0 0 42px #0009}
.compass-v37 .compass-rose-v37{position:absolute;inset:5%;width:90%;height:90%;opacity:.75;filter:drop-shadow(0 3px 5px #000a)}
.compass-v37 .compass-rings{opacity:.4}.compass-v37 .compass-axis{opacity:.09}
.compass-v37 .compass-ticks{inset:3%;opacity:.9}
.compass-v37 .compass-dial>span{font-size:12px;font-weight:650;color:#ead3bb;z-index:2}
.compass-v37 .compass-n{top:6%}.compass-v37 .compass-e{right:6%}.compass-v37 .compass-s{bottom:6%}.compass-v37 .compass-w{left:6%}
.compass-v37 .compass-needle{inset:11%;z-index:3;filter:drop-shadow(0 4px 7px #000a)}
.compass-v37 .compass-needle i{background:linear-gradient(90deg,#ffb066 50%,#ea671d 50%)}
.compass-v37 .compass-needle b{background:linear-gradient(90deg,#d6c7b5 50%,#736e64 50%)}
.hub-direction-v37 .compass-v37 .compass-core{width:clamp(164px,calc(var(--dial-size) * .54),230px);aspect-ratio:1.85;padding:12px;border-radius:15px;gap:0;background:#fff;border:3px solid #e0d2bd;box-shadow:0 12px 35px #0009,0 0 0 5px #20272a,0 0 0 6px #c7ad8566;z-index:4}
.compass-v37 .tep-logo-shine-v37{display:block;position:relative;overflow:hidden;isolation:isolate}
.compass-v37 .tep-logo-shine-v37 img{display:block;width:100%;height:auto}
.compass-v37 .compass-point{background:linear-gradient(135deg,#18232be8,#1b2225ed);border-color:#9d82645e;box-shadow:0 12px 35px #0004;backdrop-filter:blur(16px)}
.compass-v37 .compass-point:is(:hover,:focus-visible,.is-active){border-color:#ffad70;background:linear-gradient(135deg,#514132f2,#25282bee);box-shadow:0 12px 35px #0004,0 0 25px #ff94452b}
.compass-v37 .compass-point-index{color:#d0ad8a}.compass-v37 .compass-point svg{color:#ffb078}
.compass-v37 .compass-point strong{font-weight:600}
.compass-v37[data-paused="true"] .tep-logo-shine-v37:after,.hub-direction-v37:has(.compass-v37[data-paused="true"]) .hub-map-route-v37{animation-play-state:paused}
/* Photo slides share the full hero background rather than a framed image card. */
html[data-tep-view] body .hub-direction-v37:not([data-cover-index="0"]){background:#10171c!important;color:#f5f5f1}
html[data-tep-view] body .hub-direction-v37:not([data-cover-index="0"]) .cover-stage{position:static;display:block}
html[data-tep-view] body .hub-direction-v37:not([data-cover-index="0"]) .hub-cover-copy,
html[data-tep-view] body .hub-direction-v37 .hub-photo-slide-v37{position:static}
html[data-tep-view] body .hub-direction-v37 .hub-photo-slide-v37 .hub-front-visual{position:absolute;inset:0 0 var(--tep-hero-tail,80px);width:100%;height:auto;margin:0;border-radius:0;box-shadow:none;overflow:hidden;z-index:0}
html[data-tep-view] body .hub-direction-v37 .hub-front-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center;mask-image:none}
html[data-tep-view] body .hub-direction-v37 .hub-front-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#10171cf5 0%,#10171ced 28%,#10171caa 45%,#10171c25 68%,#10171c08),linear-gradient(0deg,#10171c66,transparent 25%)}
.hub-direction-v37 .hub-photo-slide-v37 .cover-content{position:relative;z-index:2;max-width:650px}
.hub-direction-v37 .hub-photo-slide-v37 .cover-title{color:#fff9f0}
.hub-direction-v37 .hub-photo-slide-v37 .cover-title em{color:#ffa96a}
.hub-direction-v37 .hub-photo-slide-v37 .cover-text>p{color:#e3e5e6}
.hub-direction-v37 .hub-photo-slide-v37 .eyebrow{color:#ffb37e}
.hub-direction-v37 .hub-photo-slide-v37 .cover-footnote{color:#cad0d4}
.hub-direction-v37:not([data-cover-index="0"]) .cover-controls{position:relative;z-index:3;border-color:#ffffff2d;color:#f2f0ed}
.hub-direction-v37:not([data-cover-index="0"]) .cover-dots button{color:#b8c0c5;border-color:#ffffff38}
.hub-direction-v37:not([data-cover-index="0"]) .cover-dots button[aria-current="true"]{color:#ffb37c;border-color:#ff8842}
.hub-direction-v37:not([data-cover-index="0"]) .cover-pause{color:#e2e4e5;border-color:#ffffff45}
@keyframes hub-route-v37{to{stroke-dashoffset:-190}}
@media(prefers-reduced-motion:reduce){.hub-direction-v37 :is(.hub-map-route-v37,.hub-map-v37,.hub-sun-v37,.hub-light-rays-v37,.hub-map-coordinate-v37){animation:none;transition:none;transform:none}}
/* Refined chart and instrument: compact original lockup, distinct navigation needle. */
.hub-direction-v37 .compass-v37 .compass-core{width:clamp(142px,calc(var(--dial-size) * .43),194px);aspect-ratio:auto;height:auto;padding:5px 7px;border:1px solid #ffcf9366;border-radius:7px;background:#fff;box-shadow:0 8px 24px #0008,0 0 24px #ffab4125;overflow:hidden}
.compass-v37 .compass-core .tep-logo-shine-v37{width:100%;border-radius:3px;flex-shrink:0}
.compass-v37 .compass-core img{width:114%;max-width:none;margin-left:-7%}
.compass-v37 .compass-rose-v37{opacity:.42}
.hub-direction-v37 .compass-v37 .compass-dial{background:radial-gradient(circle at var(--dial-light-x,50%) var(--dial-light-y,30%),#47514b 0,#17262b 45%,#0f1a20 75%)}
.compass-v37 .compass-needle{inset:7%;filter:drop-shadow(0 0 6px #ff9b45aa) drop-shadow(0 5px 7px #000b);transition:none}
.compass-v37 .compass-needle i,.compass-v37 .compass-needle b{left:41%;width:18%}
.compass-v37 .compass-needle i{background:linear-gradient(90deg,#ffe4ac 0%,#ffc269 49%,#ff8b2d 50%,#ff5b12 100%)}
.compass-v37 .compass-needle b{background:linear-gradient(90deg,#f5f4e8 49%,#9caeaf 50%,#6a8589)}
.compass-v37 .compass-needle i:after{content:'';position:absolute;inset:9% 43% 0;background:#fff8d3;clip-path:polygon(50% 0,100% 100%,0 100%)}
.hub-direction-v37 .compass-v37 .compass-dial:after{content:'';position:absolute;inset:-8px;border-radius:50%;pointer-events:none;background:conic-gradient(from var(--compass-angle,0deg),#ffbd75aa,transparent 35deg,transparent 325deg,#ffbd75aa);mask:radial-gradient(circle,transparent 68%,#000 69% 70%,transparent 71%)}
.hub-direction-v37 .compass-depth,.hub-direction-v37 .compass-core{transition:none}
.hub-direction-v37 .compass-point{translate:var(--card-x,0px) var(--card-y,0px);will-change:translate}
.hub-direction-v37 .hub-map-v37{mask-image:linear-gradient(90deg,transparent 28%,#0009 46%,#000 67%);transition:none}
.hub-chart-grid-v39{stroke:#d6c5a3;stroke-width:.7;opacity:.14;stroke-dasharray:2 5}
.hub-chart-land-v39{fill:#c5a36c14;stroke:#cbb18d;stroke-width:2;stroke-linejoin:round;opacity:.62}
.hub-chart-details-v39{stroke:#cbb18d;stroke-width:1.2;opacity:.28}
.hub-chart-labels-v39{fill:#d3c0a1;font:10px sans-serif;letter-spacing:2px;opacity:.65}
.hub-direction-v37 .hub-map-contours-v37{opacity:.13}
.hub-direction-v37 .hub-map-roads-v37{opacity:.22}
.hub-direction-v37 .hub-map-route-v37{stroke-width:2.8;stroke-dasharray:5 9}
.hub-direction-v37 .hub-map-beacons-v37{opacity:1}
.hub-map-focus-v39{position:absolute;inset:0;background:radial-gradient(ellipse 230px 200px at var(--cursor-x,76%) var(--cursor-y,36%),#ffe0a21a,transparent);mix-blend-mode:screen;opacity:var(--pointer-presence,0);transition:opacity .5s;pointer-events:none}
.hub-direction-v37 .hub-sun-v37,.hub-direction-v37 .hub-light-rays-v37{transition:none}
.hub-direction-v37 .hub-light-rays-v37{transform:translate(var(--sun-x),var(--sun-y)) rotate(var(--rays-angle,0deg))}
@media(prefers-reduced-motion:reduce){.hub-direction-v37 .compass-point{translate:none}.hub-map-focus-v39{display:none}.hub-direction-v37 .hub-map-v37,.hub-direction-v37 .hub-sun-v37,.hub-direction-v37 .hub-light-rays-v37{transform:none}}