:root {
  --jh-green: #7E9543;
  --jh-green-dark: #435527;
  --jh-green-soft: #EEF3DF;
  --jh-yellow: #F8BA32;
  --jh-yellow-soft: #FFF1C4;
  --jh-ink: #17200E;
  --jh-ivory: #F7F8F2;
  --jh-line: rgba(67, 85, 39, .14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--jh-ivory); }
body { margin: 0; overflow-x: hidden; background: var(--jh-ivory); color: var(--jh-ink); font-family: Aileron, Garet, Inter, ui-sans-serif, system-ui, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }

.jh-shell { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }
.jh-page-progress { position: fixed; z-index: 100; inset: 0 0 auto; height: 4px; transform-origin: left; background: var(--jh-yellow); }
.jh-header { position: fixed; z-index: 90; inset: 0 0 auto; border-bottom: 1px solid transparent; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.jh-header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.jh-brand { display: inline-flex; align-items: center; gap: 12px; }
.jh-brand strong, .jh-brand small { display: block; }
.jh-brand strong { font-size: 18px; font-weight: 650; letter-spacing: -.035em; }
.jh-brand small { margin-top: 2px; color: var(--jh-green); font-size: 10px; font-weight: 650; letter-spacing: .14em; text-transform: uppercase; }
.jh-logo { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 16px; background: var(--jh-green-dark); box-shadow: 0 16px 38px rgba(67, 85, 39, .18); }
.jh-logo svg { width: 32px; height: 32px; }
.jh-nav { display: flex; align-items: center; gap: 28px; }
.jh-nav a { color: #65705C; font-size: 13px; font-weight: 600; transition: color .2s ease; }
.jh-nav a:hover { color: var(--jh-green-dark); }

.jh-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 999px; padding: 12px 20px; font-size: 13px; font-weight: 650; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease; }
.jh-button:hover { transform: translateY(-2px); }
.jh-button-primary { color: white; background: var(--jh-green-dark); box-shadow: 0 14px 32px rgba(67, 85, 39, .18); }
.jh-button-yellow { color: var(--jh-ink); background: var(--jh-yellow); box-shadow: 0 18px 42px rgba(248, 186, 50, .22); }
.jh-button-ghost { background: rgba(255,255,255,.65); border-color: var(--jh-line); }
.jh-button-dark-ghost { color: white; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); }

.jh-hero { position: relative; min-height: 150vh; overflow: clip; padding-top: 76px; background: radial-gradient(circle at 75% 20%, rgba(248,186,50,.18), transparent 24%), var(--jh-ivory); }
.jh-grid-bg { position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(67,85,39,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(67,85,39,.055) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, #000 0%, #000 58%, transparent 95%); }
.jh-orb { position: absolute; border-radius: 999px; border: 1px solid rgba(126,149,67,.18); pointer-events: none; }
.jh-orb::after { content: ''; position: absolute; inset: 14%; border-radius: inherit; border: 1px solid rgba(126,149,67,.12); }
.jh-orb-a { width: 480px; height: 480px; left: -180px; top: 180px; }
.jh-orb-b { width: 760px; height: 760px; right: -260px; top: 50px; }
.jh-hero-grid { position: sticky; top: 76px; min-height: calc(100vh - 76px); display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 28px; }
.jh-hero-copy { position: relative; z-index: 5; padding-block: 40px; }
.jh-eyebrow { display: inline-flex; align-items: center; gap: 9px; min-height: 32px; border: 1px solid var(--jh-line); border-radius: 999px; padding: 7px 13px; background: rgba(255,255,255,.72); color: var(--jh-green-dark); font-size: 10px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.jh-eyebrow > span { width: 8px; height: 8px; border-radius: 999px; background: var(--jh-yellow); }
.jh-hero h1 { margin: 30px 0 0; max-width: 760px; font-size: clamp(62px, 8.2vw, 126px); line-height: .82; letter-spacing: -.075em; font-weight: 650; }
.jh-hero h1 em { display: block; color: var(--jh-green); font-style: normal; }
.jh-hero-copy > p { max-width: 650px; margin: 28px 0 0; color: #5D6855; font-size: clamp(16px, 1.45vw, 21px); line-height: 1.65; font-weight: 400; }
.jh-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.jh-trust-row { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 28px; color: #6E7867; font-size: 12px; font-weight: 500; }
.jh-trust-row span { display: inline-flex; align-items: center; gap: 8px; }
.jh-trust-row svg { color: var(--jh-green); }
.jh-hero-visual { position: relative; min-height: 680px; }
.jh-canvas-wrap { position: absolute; inset: 0; }
.jh-canvas-wrap canvas { display: block; width: 100% !important; height: 100% !important; }
.jh-float-card { position: absolute; z-index: 4; min-width: 214px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(67,85,39,.12); border-radius: 22px; padding: 12px 14px; background: rgba(255,255,255,.82); box-shadow: 0 22px 60px rgba(67,85,39,.16); backdrop-filter: blur(16px); }
.jh-float-card > span { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 14px; background: var(--jh-green-soft); color: var(--jh-green-dark); }
.jh-float-card small, .jh-float-card strong { display: block; }
.jh-float-card small { color: #7A8372; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.jh-float-card strong { margin-top: 3px; font-size: 13px; font-weight: 600; }
.card-a { left: 0; top: 22%; }
.card-b { right: 0; top: 47%; }
.card-c { left: 14%; bottom: 8%; }
.jh-scroll-cue { position: absolute; left: 50%; bottom: 36px; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 10px; transform: translateX(-50%); color: #7B8475; font-size: 10px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.jh-scroll-cue i { position: relative; width: 1px; height: 46px; overflow: hidden; background: rgba(67,85,39,.16); }
.jh-scroll-cue i::after { content: ''; position: absolute; inset: -60% 0 auto; height: 60%; background: var(--jh-green); animation: jhScrollCue 1.8s ease-in-out infinite; }

.fallback-machine { width: 100%; height: 100%; display: grid; place-items: center; }
.fallback-machine svg { width: min(100%, 720px); filter: drop-shadow(0 36px 60px rgba(67,85,39,.16)); }
.fallback-machine.is-compact svg { width: min(100%, 620px); }

.jh-section { position: relative; padding: clamp(92px, 11vw, 154px) 0; }
.jh-about, .jh-destinations { background: white; }
.jh-two-col { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: end; }
.jh-title { max-width: 860px; margin: 24px 0 0; font-size: clamp(46px, 6vw, 82px); line-height: .94; letter-spacing: -.055em; font-weight: 600; }
.jh-lead { margin: 0; color: #596451; font-size: clamp(18px, 2vw, 25px); line-height: 1.62; font-weight: 400; }
.jh-source { margin: 20px 0 0; color: #7C8577; font-size: 13px; line-height: 1.75; }
.jh-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 70px; }
.jh-metric { min-height: 230px; border: 1px solid var(--jh-line); border-radius: 30px; padding: 26px; background: linear-gradient(145deg, #fff, #FAFBF7); }
.jh-metric span { color: var(--jh-green); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.jh-metric strong { display: block; margin-top: 22px; font-size: clamp(32px, 3.4vw, 52px); font-weight: 600; letter-spacing: -.05em; }
.jh-metric p { margin: 16px 0 0; color: #74806B; font-size: 13px; line-height: 1.65; }

.jh-journey { position: relative; min-height: 430vh; background: var(--jh-ink); color: white; }
.jh-journey-sticky { position: sticky; top: 0; min-height: 100vh; display: grid; align-items: center; overflow: clip; }
.jh-journey-sticky::before { content: ''; position: absolute; inset: -20%; background: radial-gradient(circle at 70% 45%, rgba(126,149,67,.2), transparent 28%), radial-gradient(circle at 40% 80%, rgba(248,186,50,.11), transparent 20%); }
.jh-journey-sticky > .jh-shell { position: relative; z-index: 2; padding-block: 58px; }
.jh-journey-head { display: flex; align-items: end; justify-content: space-between; gap: 32px; }
.jh-journey-head span { color: var(--jh-yellow); font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.jh-journey-head h2 { max-width: 860px; margin: 15px 0 0; font-size: clamp(40px, 5.6vw, 76px); line-height: 1; letter-spacing: -.05em; font-weight: 600; }
.jh-journey-head > strong { color: rgba(255,255,255,.32); font-size: 26px; font-weight: 500; }
.jh-progress { height: 3px; margin-top: 32px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.1); }
.jh-progress span { display: block; width: 100%; height: 100%; transform-origin: left; background: var(--jh-yellow); }
.jh-journey-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 36px; align-items: center; margin-top: 40px; }
.jh-step-list { display: grid; gap: 6px; }
.jh-step { display: grid; grid-template-columns: 42px 1fr; gap: 16px; border-left: 2px solid rgba(255,255,255,.08); padding: 17px 0 17px 20px; opacity: .28; transform: translateX(0); transition: opacity .42s ease, transform .42s ease, border-color .42s ease; }
.jh-step.is-active { border-color: var(--jh-yellow); opacity: 1; transform: translateX(10px); }
.jh-step > span { color: var(--jh-yellow); font-size: 11px; font-weight: 700; }
.jh-step h3 { margin: 0; font-size: 22px; font-weight: 600; letter-spacing: -.025em; }
.jh-step p { max-width: 480px; margin: 8px 0 0; color: rgba(255,255,255,.58); font-size: 13px; line-height: 1.7; }
.jh-journey-canvas { height: 500px; min-width: 0; }
.jh-journey-canvas canvas { display: block; width: 100% !important; height: 100% !important; }

.jh-regions { overflow: clip; background: var(--jh-yellow); }
.jh-regions::before { content: ''; position: absolute; width: 740px; height: 740px; right: -260px; top: -220px; border: 1px solid rgba(23,32,14,.12); border-radius: 50%; }
.jh-eyebrow-light { background: rgba(255,255,255,.52); border-color: rgba(23,32,14,.14); }
.jh-region-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 62px; }
.jh-region-card { position: relative; min-height: 315px; overflow: hidden; border: 1px solid rgba(23,32,14,.12); border-radius: 32px; padding: 27px; background: rgba(255,255,255,.62); backdrop-filter: blur(12px); }
.jh-region-card > span { color: var(--jh-green-dark); font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.jh-region-card h3 { max-width: 220px; margin: 25px 0 0; font-size: 26px; font-weight: 600; line-height: 1.1; letter-spacing: -.03em; }
.jh-region-card p { margin: 16px 0 0; color: #5A624F; font-size: 13px; line-height: 1.7; }
.jh-region-card > div { position: absolute; right: 22px; bottom: 22px; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: var(--jh-green-dark); color: white; }

.jh-destination-list { display: grid; gap: 12px; margin-top: 66px; }
.jh-destination { display: grid; grid-template-columns: 62px 1fr 32px; gap: 22px; align-items: center; border-top: 1px solid var(--jh-line); padding: 28px 6px; }
.jh-destination:last-child { border-bottom: 1px solid var(--jh-line); }
.jh-destination > span { color: var(--jh-yellow); font-size: 13px; font-weight: 650; }
.jh-destination small { color: var(--jh-green); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.jh-destination h3 { margin: 8px 0 0; font-size: clamp(24px, 3vw, 40px); font-weight: 600; letter-spacing: -.035em; }
.jh-destination p { max-width: 880px; margin: 11px 0 0; color: #66705E; font-size: 13px; line-height: 1.7; }
.jh-destination > svg { color: var(--jh-green); }

.jh-features { background: var(--jh-ivory); }
.jh-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 62px; }
.jh-feature { min-height: 270px; border: 1px solid var(--jh-line); border-radius: 30px; padding: 26px; background: white; }
.jh-feature > span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 17px; background: var(--jh-green-soft); color: var(--jh-green-dark); }
.jh-feature h3 { margin: 30px 0 0; font-size: 25px; font-weight: 600; letter-spacing: -.025em; }
.jh-feature p { margin: 14px 0 0; color: #6C7665; font-size: 13px; line-height: 1.75; }

.jh-closing { position: relative; overflow: hidden; padding: clamp(110px, 14vw, 190px) 0; background: var(--jh-green-dark); color: white; }
.jh-closing-orbit { position: absolute; left: 50%; top: 50%; width: 860px; height: 860px; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; transform: translate(-50%, -50%); }
.jh-closing-orbit::after { content: ''; position: absolute; inset: 14%; border: 1px solid rgba(248,186,50,.16); border-radius: inherit; }
.jh-closing-copy { position: relative; z-index: 2; text-align: center; }
.jh-closing-copy > span { color: var(--jh-yellow); font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.jh-closing h2 { max-width: 1050px; margin: 24px auto 0; font-size: clamp(48px, 7vw, 96px); font-weight: 600; line-height: .96; letter-spacing: -.055em; }
.jh-closing p { max-width: 690px; margin: 28px auto 0; color: rgba(255,255,255,.64); font-size: 16px; line-height: 1.75; }
.jh-actions-center { justify-content: center; }
.jh-footer { padding: 28px 0; border-top: 1px solid var(--jh-line); background: var(--jh-ivory); color: #697363; font-size: 13px; font-weight: 500; }
.jh-footer .jh-shell { display: flex; justify-content: space-between; gap: 20px; }

@keyframes jhScrollCue { 0% { transform: translateY(-10%); } 70%, 100% { transform: translateY(240%); } }

@media (max-width: 1100px) {
  .jh-nav { display: none; }
  .jh-hero-grid { grid-template-columns: .92fr 1.08fr; }
  .jh-float-card { min-width: 188px; }
  .jh-metrics, .jh-region-grid { grid-template-columns: repeat(2, 1fr); }
  .jh-feature-grid { grid-template-columns: repeat(2, 1fr); }
  .jh-journey-layout { grid-template-columns: .9fr 1.1fr; }
}

@media (max-width: 820px) {
  .jh-shell { width: min(100% - 28px, 720px); }
  .jh-header-inner { min-height: 68px; }
  .jh-brand small { display: none; }
  .jh-button { min-height: 46px; padding: 11px 17px; }
  .jh-header .jh-button { font-size: 0; width: 46px; padding: 0; }
  .jh-header .jh-button svg { width: 19px; height: 19px; }
  .jh-hero { min-height: 185vh; padding-top: 68px; }
  .jh-hero-grid { top: 68px; min-height: calc(100vh - 68px); grid-template-columns: 1fr; align-content: center; gap: 0; }
  .jh-hero-copy { padding: 34px 0 0; }
  .jh-hero h1 { max-width: 640px; font-size: clamp(54px, 16vw, 92px); }
  .jh-hero-copy > p { max-width: 610px; }
  .jh-hero-visual { min-height: 450px; margin-top: -14px; }
  .jh-float-card { min-width: 170px; padding: 10px; }
  .jh-float-card strong { font-size: 11px; }
  .card-a { top: 14%; }
  .card-b { top: 50%; }
  .card-c { left: 4%; bottom: 6%; }
  .jh-scroll-cue { bottom: 22px; }
  .jh-two-col { grid-template-columns: 1fr; gap: 36px; }
  .jh-metrics { margin-top: 48px; }
  .jh-journey { min-height: 470vh; }
  .jh-journey-sticky { align-items: start; }
  .jh-journey-sticky > .jh-shell { padding-top: 88px; }
  .jh-journey-layout { grid-template-columns: 1fr; gap: 12px; }
  .jh-step-list { grid-template-columns: repeat(4, 1fr); gap: 4px; }
  .jh-step { min-height: 104px; display: block; border-left: 0; border-top: 2px solid rgba(255,255,255,.08); padding: 12px 6px 0; }
  .jh-step.is-active { border-color: var(--jh-yellow); transform: translateY(4px); }
  .jh-step h3 { margin-top: 8px; font-size: 14px; }
  .jh-step p { display: none; }
  .jh-journey-canvas { height: 390px; }
  .jh-region-grid { grid-template-columns: repeat(2, 1fr); }
  .jh-destination { grid-template-columns: 42px 1fr 24px; gap: 12px; }
}

@media (max-width: 560px) {
  .jh-shell { width: min(100% - 22px, 520px); }
  .jh-logo { width: 40px; height: 40px; border-radius: 14px; }
  .jh-brand strong { font-size: 16px; }
  .jh-hero { min-height: 190vh; }
  .jh-hero-grid { align-content: start; padding-top: 54px; }
  .jh-eyebrow { font-size: 8.5px; letter-spacing: .13em; }
  .jh-hero h1 { margin-top: 22px; font-size: clamp(52px, 18vw, 78px); }
  .jh-hero-copy > p { margin-top: 22px; font-size: 15px; line-height: 1.65; }
  .jh-actions { display: grid; grid-template-columns: 1fr; }
  .jh-button { width: 100%; }
  .jh-trust-row { gap: 12px; font-size: 10px; }
  .jh-hero-visual { min-height: 400px; margin-top: 2px; }
  .jh-float-card { display: none; }
  .jh-orb-a { left: -290px; }
  .jh-orb-b { right: -430px; }
  .jh-section { padding: 84px 0; }
  .jh-title { font-size: clamp(42px, 13vw, 62px); }
  .jh-lead { font-size: 18px; }
  .jh-metrics, .jh-region-grid, .jh-feature-grid { grid-template-columns: 1fr; }
  .jh-metric, .jh-region-card, .jh-feature { min-height: auto; }
  .jh-journey-head { align-items: start; }
  .jh-journey-head h2 { font-size: 38px; }
  .jh-journey-head > strong { font-size: 16px; }
  .jh-step-list { grid-template-columns: repeat(2, 1fr); }
  .jh-step { min-height: 92px; }
  .jh-journey-canvas { height: 310px; }
  .jh-destination { align-items: start; }
  .jh-destination h3 { font-size: 24px; }
  .jh-destination > svg { margin-top: 20px; }
  .jh-closing h2 { font-size: 48px; }
  .jh-footer .jh-shell { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .jh-hero { min-height: auto; }
  .jh-hero-grid { position: relative; top: auto; min-height: auto; padding: 100px 0 70px; }
  .jh-journey { min-height: auto; }
  .jh-journey-sticky { position: relative; min-height: auto; }
}

/* v3.5 SAAPRO-inspired visual system */
:root{--jh-green:#7e9543;--jh-green-dark:#102d22;--jh-green-soft:#dce5c3;--jh-yellow:#f6bd32;--jh-yellow-soft:#f6e7b7;--jh-ink:#102018;--jh-ivory:#e7e0d1;--jh-line:rgba(16,45,34,.16)}
html,body{background:#e7e0d1}.jh-shell{width:min(1320px,calc(100% - 44px))}.jh-header-inner{min-height:78px}.jh-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.jh-logo{width:46px;height:46px;border-radius:0;background:transparent!important;box-shadow:none!important;background-image:url('../logo-kkn.png')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}.jh-logo svg{display:none}.jh-brand strong{font-weight:600}.jh-brand small{font-weight:500}.jh-nav a{font-weight:500}.jh-button{font-weight:500;border-radius:999px}.jh-button-primary{background:#102d22}.jh-page-progress{height:3px;background:#f6bd32}
.jh-hero{min-height:180vh;background:#e7e0d1!important}.jh-grid-bg{background-size:76px 76px;opacity:.45}.jh-orb{display:none}.jh-hero-grid{position:sticky;top:0;min-height:100vh;height:100vh;display:block;padding-top:78px}.jh-hero-copy{position:absolute;z-index:5;left:0;right:0;top:112px;padding:0;text-align:center}.jh-eyebrow{font-weight:500;background:transparent;border:0;padding:0;letter-spacing:.2em}.jh-hero h1{max-width:none;margin:22px auto 0;font-size:clamp(64px,8vw,124px);line-height:.84;letter-spacing:-.065em;font-weight:400}.jh-hero h1 em{color:#7e9543;font-weight:400}.jh-hero-copy>p{position:absolute;left:0;top:calc(100vh - 255px);max-width:520px;margin:0;text-align:left;font-size:14px;line-height:1.7;color:rgba(16,45,34,.66)}.jh-actions{position:absolute;right:0;top:calc(100vh - 255px);max-width:520px;margin:0;justify-content:flex-end}.jh-trust-row{display:none}.jh-hero-visual{position:absolute;z-index:2;left:50%;top:52%;width:min(860px,72vw);height:min(630px,56vw);min-height:0;transform:translate(-50%,-50%)}.jh-canvas-wrap{inset:0}.jh-float-card{border-radius:8px;background:rgba(246,242,232,.84);box-shadow:0 20px 50px rgba(16,45,34,.14)}.card-a{left:5%;top:43%}.card-b{right:4%;top:52%}.card-c{left:20%;bottom:9%}.jh-scroll-cue{left:auto;right:-48px;bottom:auto;top:50%;flex-direction:row;transform:rotate(90deg);font-weight:500}.jh-scroll-cue i{width:66px;height:1px}.jh-scroll-cue i::after{width:25px;height:1px;inset:0 auto auto -25px;animation:jhScrollCueH 1.8s linear infinite}
.jh-section{padding:140px 0}.jh-about,.jh-destinations{background:#f6f2e8}.jh-two-col{grid-template-columns:240px 1fr;gap:60px;align-items:start}.jh-title{margin:0;max-width:980px;font-size:clamp(50px,6.6vw,92px);line-height:.94;letter-spacing:-.058em;font-weight:400}.jh-lead{font-size:clamp(24px,3.2vw,44px);line-height:1.15;letter-spacing:-.03em;color:#102d22}.jh-source{font-size:11px}.jh-metrics{grid-template-columns:1.35fr .88fr .88fr .88fr;gap:12px}.jh-metric{min-height:290px;border-radius:8px;background:rgba(255,255,255,.38);display:flex;flex-direction:column}.jh-metric:first-child{background:#102d22;color:#fff}.jh-metric:first-child span{color:#f6bd32}.jh-metric:first-child p{color:rgba(255,255,255,.58)}.jh-metric strong{margin-top:auto;font-weight:400}.jh-metric span{font-weight:500}
.jh-journey{background:#102d22}.jh-journey-sticky::before{background:radial-gradient(circle at 70% 45%,rgba(126,149,67,.26),transparent 28%)}.jh-journey-head{display:grid;grid-template-columns:190px 1fr auto;align-items:start}.jh-journey-head h2{font-weight:400}.jh-journey-head span{font-weight:500}.jh-step{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:18px 0;opacity:.25}.jh-step:last-child{border-bottom:1px solid rgba(255,255,255,.13)}.jh-step.is-active{transform:translateX(10px)}.jh-step h3{font-weight:400}.jh-step>span{font-weight:500}.jh-progress{height:2px}
.jh-regions{background:#f6bd32}.jh-regions::before{display:none}.jh-region-grid{gap:12px}.jh-region-card{border-radius:8px;background:rgba(255,255,255,.56);backdrop-filter:none}.jh-region-card h3{font-weight:400}.jh-region-card>span{font-weight:500}.jh-region-card>div{border-radius:50%;background:#102d22}
.jh-destination{grid-template-columns:55px 1fr 30px;padding:31px 0}.jh-destination h3{font-weight:400}.jh-destination>span,.jh-destination small{font-weight:500}.jh-feature-grid{gap:12px}.jh-features{background:#e7e0d1}.jh-feature{border-radius:8px;background:#f6f2e8}.jh-feature h3{font-weight:400}.jh-feature>span{border-radius:50%}.jh-closing{background:#102d22}.jh-closing h2{font-weight:400}.jh-closing-copy>span{font-weight:500}.jh-footer{background:#102d22;color:rgba(255,255,255,.55);border:0}
@keyframes jhScrollCueH{to{transform:translateX(100px)}}
@media(max-width:820px){.jh-hero{min-height:175vh}.jh-hero-grid{top:0;padding-top:68px}.jh-hero-copy{top:104px}.jh-hero h1{font-size:clamp(52px,14vw,84px)}.jh-hero-copy>p{top:calc(100vh - 250px);max-width:54%;font-size:12px}.jh-actions{top:calc(100vh - 250px);max-width:44%}.jh-actions .jh-button{width:auto;font-size:10px}.jh-hero-visual{top:50%;width:96vw;height:75vw;margin:0}.jh-float-card{display:none}.jh-two-col{grid-template-columns:1fr}.jh-metrics{grid-template-columns:1fr 1fr}.jh-metric:first-child{grid-column:1/-1}.jh-journey-head{grid-template-columns:1fr auto}.jh-journey-head>div{grid-column:1/-1}.jh-region-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.jh-shell{width:min(100% - 24px,520px)}.jh-hero h1{font-size:50px}.jh-hero-copy>p{left:0;right:0;top:calc(100vh - 280px);max-width:none;text-align:center}.jh-actions{left:0;right:0;top:calc(100vh - 185px);max-width:none;justify-content:center}.jh-actions .jh-button{width:auto}.jh-hero-visual{top:47%;height:86vw}.jh-scroll-cue{display:none}.jh-metrics,.jh-region-grid{grid-template-columns:1fr}.jh-metric:first-child{grid-column:auto}.jh-title{font-size:44px}.jh-lead{font-size:25px}}