/* The page remains a normal document. Only the demonstration is sticky. */
[data-page=home] main{position:relative;isolation:isolate}
.journey-intro{position:relative;border-top:1px solid var(--line);padding:26px 0 38px}
.journey-intro-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}
.journey-intro-top p{font-size:16px;color:var(--muted)}
.journey-intro-top strong{font-weight:500;color:var(--ink)}
.journey-motion-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 0;min-height:44px;background:none;font-size:14px;color:var(--muted)}
.motion-toggle-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font-size:14px}
.journey-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.journey-nav a{position:relative;display:flex;align-items:center;gap:14px;padding:12px 0;min-height:52px;font-size:18px}
.journey-nav a::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--line);transform-origin:left}
.journey-nav a:nth-child(1)::after{background:var(--brand)}
.journey-nav a:nth-child(2)::after{background:var(--lilac)}
.journey-nav a:nth-child(3)::after{background:var(--peach)}
.journey-nav a:nth-child(4)::after{background:var(--lime)}
.journey-nav a>span{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.journey-nav a>b{font-weight:500}.journey-nav a>i{font-style:normal;margin-left:auto;font-size:20px}
.journey-route{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;overflow:visible}
.journey-route .route-track{stroke:#89b5bd;stroke-width:1.4;opacity:.3;fill:none}
.journey-route .route-drawn{stroke:#2997a7;stroke-width:2;fill:none;stroke-linecap:round}
.route-bead{fill:#147b8b;stroke:var(--paper);stroke-width:4}
.route-stop{fill:var(--paper);stroke:#a0c0c4;stroke-width:1.5;transition:fill .2s}
.route-stop.is-passed{fill:#55beca;stroke:#147b8b}
.route-stop:nth-child(2).is-passed{fill:var(--lilac)}.route-stop:nth-child(3).is-passed{fill:var(--peach)}.route-stop:nth-child(4).is-passed{fill:var(--lime)}
.featured-story{background:#f1f0ea;border-block:1px solid #e0e3db;position:relative}
.story-heading :is(h2,:where([data-heading-style="h2"]))>span{color:var(--brand-ink)}
.story-heading .section-heading-aside>p{font-size:17px}
.story-layout{display:block}
.story-steps{min-width:0}
.story-step{padding:40px 0;border-top:1px solid #cbd5d0;scroll-margin-top:calc(var(--header) + 32px)}
.story-step-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;margin-bottom:24px;color:#52656b}
.story-step-label>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b5c7c2;border-radius:50%;color:var(--ink);font-variant-numeric:tabular-nums}
.story-step h3{font-size:clamp(26px,2.55vw,40px);line-height:1.14;letter-spacing:-.045em}
.story-step-copy>p{font-size:17px;line-height:1.7;color:#52656b;max-width:40ch;margin-top:24px}
.story-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.story-tags>span{font-size:14px;line-height:1.5;border:1px solid #c7d0c8;border-radius:6px;padding:6px 11px}
.story-step .button{margin-top:28px;font-size:16px;line-height:1.4;white-space:normal;text-align:left}
.story-stage{display:none}
.story-mobile-preview{margin:30px 0 0;min-width:0;border:1px solid #d5d4ca;border-radius:12px;overflow:hidden;background:#f9f6f0;box-shadow:0 16px 32px #243d3910}
.story-mobile-note{font-size:14px;color:var(--muted);margin-top:10px}
.gl-scene{min-width:0;color:#353329;background:#f9f6f0;padding:24px}
.gl-top{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #d9d4c9;padding-bottom:18px;font-size:14px;line-height:1.3}
.gl-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:16px;letter-spacing:.05em;line-height:1.04}
.gl-menu{font-size:22px}
.gl-editorial{display:grid;grid-template-columns:1.05fr 1fr;min-height:285px;padding-top:22px;gap:14px}
.gl-editorial-copy{display:flex;flex-direction:column;align-items:flex-start;padding:10px 0;gap:22px}
.gl-editorial-copy>span:first-child{font-size:14px}
.gl-editorial-copy strong{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(36px,3.55vw,60px);letter-spacing:-.065em;line-height:1.03}
.gl-editorial-copy em{font-weight:400;color:#6d705a}
.gl-photo{position:relative;min-width:0;overflow:hidden;background:#8d1329}
.gl-photo>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:right center;transform:scale(1.3);transform-origin:right center}
.gl-action{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#353b31;color:#fff;padding:12px 15px;font-size:14px;line-height:1.4}
.gl-action>i{font-size:20px;font-style:normal}
.gl-editorial-copy .gl-action{margin-top:auto;width:100%}
.gl-categories{display:flex;justify-content:space-between;gap:8px;padding-top:19px;font-size:14px}
.gl-product-layout{display:grid;grid-template-columns:.8fr 1fr;gap:24px;padding-top:22px;min-height:330px}
.gl-product-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:14px}
.gl-product-copy strong,.gl-booking-title strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,2.6vw,42px);font-weight:400;letter-spacing:-.05em;line-height:1.08}
.gl-product-copy p{line-height:1.5;font-size:14px;color:#64685c}
.gl-swatches{display:flex;gap:9px}.gl-swatches i{width:18px;height:18px;border-radius:50%;background:#333f39;box-shadow:0 0 0 2px #f9f6f0,0 0 0 3px #c4c7b7}
.gl-swatches i:nth-child(2){background:#9b947f;box-shadow:none}.gl-swatches i:nth-child(3){background:#705753;box-shadow:none}
.gl-sizes{display:flex;gap:6px}.gl-sizes span{border:1px solid #cecfc3;padding:5px 10px;font-size:14px}.gl-sizes span:nth-child(2){background:#333f39;color:#fff;border-color:#333f39}
.gl-product-copy .gl-action{width:100%;margin-top:auto}
.gl-booking-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:25px;min-height:330px}
.gl-booking-title{display:flex;flex-direction:column;gap:18px;font-size:14px}
.gl-booking-title p{font-size:14px;color:#64685c;line-height:1.5}
.gl-selected{display:flex;align-items:center;gap:10px;border-top:1px solid #d9d4c9;padding-top:16px;margin-top:auto;font-size:14px}
.gl-selected .gl-photo{width:46px;height:56px;flex-shrink:0}.gl-selected b{font-weight:500}.gl-selected>span:last-child{margin-left:auto;color:#4b7455}
.gl-booking-card{align-self:center;background:#fffdf8;border:1px solid #d9d4c9;padding:18px;font-size:14px}
.gl-booking-kicker{font-size:16px;font-weight:500;display:block;margin-bottom:20px}
.gl-demo-field{padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #bfc4b7;line-height:1.4;font-size:14px}.gl-demo-field i{display:block;width:50%;height:4px;background:#e1e3d8;margin-top:12px}
.gl-times{display:flex;gap:6px;margin-bottom:18px}.gl-times>span{font-size:14px;border:1px solid #c4c9b8;padding:5px 6px}.gl-times>span:nth-child(2){background:#e3e8d8}
.gl-booking-card .gl-action{padding-inline:10px}
.gl-booking-note{display:block;font-size:14px;color:#64685c;margin-top:12px;line-height:1.4}

@media(min-width:1050px) and (min-height:760px) and (prefers-reduced-motion:no-preference){
  html.story-enhanced:not([data-motion=off]) .story-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(36px,5vw,80px);align-items:start}
  html.story-enhanced:not([data-motion=off]) .story-step{min-height:72vh;min-height:72svh;display:flex;align-items:center;padding:48px 0;border:0}
  html.story-enhanced:not([data-motion=off]) .story-step:last-child{min-height:82vh;min-height:82svh}
  html.story-enhanced:not([data-motion=off]) .story-mobile-preview{display:none}
  html.story-enhanced:not([data-motion=off]) .story-mobile-note{display:none}
  html.story-enhanced:not([data-motion=off]) .story-stage{display:block;position:sticky;top:calc(var(--header) + 22px);min-width:0}
  .story-stage-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;margin-bottom:20px}
  .story-stage-top>span:first-child{display:flex;align-items:center;gap:8px}
  .story-stage-top i{height:6px;width:6px;display:block;background:#188291;border-radius:50%}
  .story-stage-counter{font-variant-numeric:tabular-nums;color:var(--muted)}.story-stage-counter b{font-weight:500;color:var(--ink)}
  .story-canvas{position:relative;display:grid;isolation:isolate;border:1px solid #cfd3c7;border-radius:14px;background:#f9f6f0;box-shadow:0 24px 50px #33433d12}
  .story-panel{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px) scale(.985);transition:opacity .35s ease,transform .5s var(--ease-out),visibility .35s;overflow:hidden;border-radius:14px}
  [data-story-active="0"] .story-panel[data-story-panel="0"],[data-story-active="1"] .story-panel[data-story-panel="1"],[data-story-active="2"] .story-panel[data-story-panel="2"]{opacity:1;visibility:visible;transform:none}
  .story-panel>.gl-scene{height:100%}
  .story-controls{display:flex;justify-content:space-between;gap:8px;margin-top:24px}
  .story-controls a{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px;padding:6px 0;border-top:2px solid #c7d1c8;color:#52656b;flex:1}
  .story-controls a[aria-current]{border-color:#178290;color:#125b68}
  .story-controls a>span{font-variant-numeric:tabular-nums}
  .story-stage-note{font-size:14px;color:#52656b;line-height:1.5;margin-top:10px}
  .story-canvas-corner{position:absolute;width:25px;height:25px;border-color:#6fabae;pointer-events:none;z-index:-1}
  .corner-one{top:-9px;left:-9px;border-left:1px solid;border-top:1px solid;border-top-left-radius:5px}
  .corner-two{bottom:-9px;right:-9px;border-bottom:1px solid;border-right:1px solid;border-bottom-right-radius:5px}
}
@media(min-width:701px) and (max-width:1049px), (min-width:1050px) and (max-height:759px){
  .story-step{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;align-items:center}
  .story-mobile-preview{margin:0}.gl-scene{padding:18px}
  .gl-editorial-copy strong{font-size:38px}
  .gl-top>span:nth-child(2){display:none}
  .gl-booking-layout{grid-template-columns:1fr}.gl-booking-title>p,.gl-selected{display:none}
  .gl-booking-title{gap:8px}.gl-booking-title strong{font-size:28px}
  .gl-booking-card{padding:15px}.gl-product-layout{gap:15px;grid-template-columns:.7fr 1fr}
}
@media(max-width:700px){
  .journey-intro{padding:22px 0 28px}
  .journey-intro-top{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:20px}
  .journey-intro-top p{max-width:24ch;line-height:1.6}
  .journey-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
  .journey-nav a{font-size:16px;gap:10px}.journey-nav a>i{font-size:18px}
  .journey-route .route-track{stroke-width:1}.journey-route .route-drawn{stroke-width:1.5}
  .story-heading{margin-bottom:36px}.story-heading :is(h2,:where([data-heading-style="h2"])){font-size:clamp(34px,8.8vw,48px)}
  .story-heading .section-heading-aside>p{font-size:16px}
  .story-step{padding:32px 0 38px}
  .story-step-label{margin-bottom:20px}.story-step h3{font-size:28px}
  .story-step h3 br{display:none}.story-step-copy>p{font-size:16px;margin-top:20px}
  .story-tags{margin-top:20px}
  .story-step .button{font-size:16px;padding-inline:18px;gap:15px}
  .gl-scene{padding:18px}
  .gl-photo>img{object-position:78% center;transform:scale(1.15);transform-origin:78% center}
  .gl-top{font-size:14px;padding-bottom:14px;gap:8px}.gl-top>span:nth-child(2){display:none}
  .gl-wordmark{font-size:15px}
  .gl-editorial{min-height:270px;gap:12px;grid-template-columns:1.12fr 1fr}
  .gl-editorial-copy{gap:18px}.gl-editorial-copy strong{font-size:35px}.gl-editorial-copy>span:first-child{font-size:14px;line-height:1.4}
  .gl-action{padding:10px;gap:10px;font-size:14px}
  .gl-categories{font-size:14px;flex-wrap:wrap;gap:8px 16px;justify-content:flex-start}
  .gl-product-layout{grid-template-columns:.68fr 1fr;gap:16px;min-height:310px}
  .gl-product-copy{gap:14px}.gl-product-copy strong{font-size:27px}
  .gl-sizes{gap:4px;flex-wrap:wrap}.gl-sizes span{padding:4px 7px}
  .gl-booking-layout{grid-template-columns:1fr;gap:22px}.gl-booking-title{gap:12px}
  .gl-booking-title strong{font-size:31px}.gl-booking-title p{max-width:34ch}
  .gl-selected{padding-top:12px}.gl-booking-card{padding:18px}
}
@media(prefers-reduced-motion:reduce){
  .story-step{min-height:0}.story-panel,.route-stop{transition:none}
  .journey-route{display:none}
  .story-motion-toggle{display:none}
}
html[data-motion=off]{scroll-behavior:auto}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important}
html[data-motion=off] .hero-symbol{transform:none}
html[data-motion=off] .journey-route{display:none}