/* Helios Compass — full visual language from go.kzn.ru */

:root {
  --hg-black: #0b0b0b;
  --hg-ink: #0b0b0b;
  --hg-white: #ffffff;
  --hg-muted: #6b6b6b;
  --hg-muted-2: #9a9a9a;
  --hg-line: rgba(255, 255, 255, 0.12);
  --hg-line-dark: rgba(11, 11, 11, 0.12);
  --hg-red: #d10c31;
  --hg-bar-h: 72px;
  --hg-progress-h: 2px;
  --hg-max: 1200px;
  --hg-font: "Inter", ui-sans-serif, system-ui, sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--hg-black);
  color: var(--hg-white);
  font-family: var(--hg-font);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
}

img {
  max-width: 100%;
  display: block;
}

.hg {
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  padding-top: var(--hg-bar-h);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  background: var(--hg-white);
  color: var(--hg-ink);
  overflow-x: clip;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Progress — above site-header */
.hg-progress {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 110;
  height: var(--hg-progress-h);
  background: rgba(0, 31, 66, 0.08);
}

.hg-progress__fill {
  height: 100%;
  background: #e2c987;
  transition: width 80ms linear;
}

/* Site header adaptations for compass */
[data-compass-chrome] .site-header {
  top: var(--hg-progress-h);
}

[data-compass-chrome] .site-header__btn--download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border-color: #001f42;
  color: #001f42;
  cursor: pointer;
}

[data-compass-chrome] .site-header__btn-download-icon {
  display: none;
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 auto;
  object-fit: contain;
}

[data-compass-chrome] .site-header__btn--download:hover,
[data-compass-chrome] .site-header__btn--download:focus-visible {
  background: rgba(0, 31, 66, 0.06);
}

/* Helios + city — same compact wordmark with or without header hover */
[data-compass-chrome] .site-header.is-scrolled .site-header__logo-slot,
[data-compass-chrome] .site-header.is-scrolled.is-hover .site-header__logo-slot {
  left: 50%;
  width: max-content;
  max-width: min(70vw, 32rem);
  height: 1.875rem;
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  transform: translateX(-50%);
  overflow: visible;
}

[data-compass-chrome] .site-header.is-scrolled .site-header__logo--full,
[data-compass-chrome] .site-header.is-scrolled.is-hover .site-header__logo--full {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

[data-compass-chrome] .site-header.is-scrolled .site-header__logo--compact,
[data-compass-chrome] .site-header.is-scrolled.is-hover .site-header__logo--compact {
  position: relative;
  inset: auto;
  width: 8.125rem;
  height: 1.875rem;
  margin: 0;
  flex: 0 0 auto;
  opacity: 1 !important;
  pointer-events: auto !important;
  line-height: 0;
}

[data-compass-chrome] .site-header.is-scrolled .site-header__logo--compact img,
[data-compass-chrome] .site-header.is-scrolled.is-hover .site-header__logo--compact img {
  display: block;
  width: 100%;
  height: 100%;
}

[data-compass-chrome] .site-header.is-scrolled.is-hover .site-header__logo-text--light {
  opacity: 0 !important;
}

[data-compass-chrome] .site-header.is-scrolled.is-hover .site-header__logo-text--dark {
  opacity: 1 !important;
}

[data-compass-chrome] .site-header__compass-city {
  display: block;
  margin: 0;
  padding: 0 0 0 0.65rem;
  border-left: 1px solid rgba(0, 31, 66, 0.22);
  line-height: 0;
  pointer-events: none;
}

[data-compass-chrome] .site-header__compass-city svg {
  display: block;
  width: auto;
  height: 1.875rem;
  overflow: visible;
}

[data-compass-chrome] .site-header__compass-city text {
  fill: #00295b;
  font-family: "Great Vibes", "Segoe Script", "Apple Chancery", cursive;
  font-size: 40px;
  font-weight: 400;
}

[data-compass-chrome] .site-header__compass-city[hidden] {
  display: none;
}

/* Mobile/tablet: one flex row — burger | Helios | download (no absolute logo) */
@media (max-width: 1023px) {
  [data-compass-chrome] .site-header__shell {
    padding-inline: max(12px, env(safe-area-inset-left, 0px))
      max(12px, env(safe-area-inset-right, 0px));
  }

  [data-compass-chrome] .site-header__container {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  [data-compass-chrome] .site-header__upper,
  [data-compass-chrome] .site-header.is-scrolled .site-header__upper,
  [data-compass-chrome] .site-header.is-scrolled.is-hover .site-header__upper,
  [data-compass-chrome] .site-header.is-scrolled:not(.is-hover) .site-header__upper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    min-height: 3rem;
  }

  [data-compass-chrome] .site-header__burger {
    order: 1;
    width: 2.5rem;
    min-width: 2.5rem;
    flex: 0 0 auto;
    align-self: center;
    justify-content: flex-start;
  }

  [data-compass-chrome] .site-header__logo-slot,
  [data-compass-chrome] .site-header.is-scrolled .site-header__logo-slot,
  [data-compass-chrome] .site-header.is-scrolled:not(.is-hover) .site-header__logo-slot,
  [data-compass-chrome] .site-header.is-scrolled.is-hover .site-header__logo-slot {
    order: 2;
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: none !important;
    height: 1.875rem;
    margin: 0;
    overflow: hidden;
    gap: 0;
  }

  [data-compass-chrome] .site-header.is-scrolled .site-header__logo--compact,
  [data-compass-chrome] .site-header.is-scrolled.is-hover .site-header__logo--compact {
    position: relative;
    inset: auto;
    width: 8.125rem;
    height: 1.875rem;
    flex: 0 0 auto;
  }

  [data-compass-chrome] .site-header__compass-city {
    display: none !important;
  }

  [data-compass-chrome] .site-header__actions {
    order: 3;
    display: flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    align-self: center;
    width: auto;
    min-width: 2.5rem;
    gap: 0;
  }

  [data-compass-chrome] .site-header__btn--download {
    height: 2.25rem;
    padding: 0 1rem;
    font-size: 0.8rem;
  }

  [data-compass-chrome] .site-header__lower,
  [data-compass-chrome] .site-header__divider {
    display: none !important;
  }
}

/* Phone: download only in sidebar; keep empty actions as spacer so logo stays centered */
@media (max-width: 720px) {
  [data-compass-chrome] .site-header__upper,
  [data-compass-chrome] .site-header.is-scrolled .site-header__upper,
  [data-compass-chrome] .site-header.is-scrolled.is-hover .site-header__upper,
  [data-compass-chrome] .site-header.is-scrolled:not(.is-hover) .site-header__upper {
    justify-content: space-between;
  }

  [data-compass-chrome] .site-header__logo-slot,
  [data-compass-chrome] .site-header.is-scrolled .site-header__logo-slot,
  [data-compass-chrome] .site-header.is-scrolled:not(.is-hover) .site-header__logo-slot,
  [data-compass-chrome] .site-header.is-scrolled.is-hover .site-header__logo-slot {
    flex: 1 1 auto;
    justify-content: center;
  }

  [data-compass-chrome] .site-header__actions {
    display: flex !important;
    visibility: hidden;
    pointer-events: none;
    width: 2.5rem;
    min-width: 2.5rem;
  }

  [data-compass-chrome] .site-header__btn--download {
    display: none !important;
  }

  [data-compass-chrome] .site-header__btn-download-icon {
    display: none;
  }

  [data-compass-chrome] .site-header__btn-download-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

/* Hero — white, like go.kzn.ru home */
.hg-hero {
  position: relative;
  background: var(--hg-white);
  color: var(--hg-ink);
  padding: 0 0 0;
  overflow: visible;
}

/* Howto — same accordion language as Compass landing FAQ */
.hg-howto {
  position: relative;
  padding: clamp(3.25rem, 6vw, 4.5rem) max(1.25rem, 4vw);
  background: #fff;
  overflow: hidden;
  color: #2a0c08;
}

.hg-howto__paths {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.hg-howto__path {
  position: absolute;
  top: 0;
  bottom: 0;
  width: min(30rem, 40vw);
  height: 100%;
  object-fit: cover;
  opacity: 1;
}

.hg-howto__path--left {
  left: 0;
  object-position: right top;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 14%,
    #000 100%
  );
  mask-image: linear-gradient(90deg, transparent 0%, #000 14%, #000 100%);
}

.hg-howto__path--right {
  right: 0;
  object-position: left top;
  -webkit-mask-image: linear-gradient(
    270deg,
    transparent 0%,
    #000 14%,
    #000 100%
  );
  mask-image: linear-gradient(270deg, transparent 0%, #000 14%, #000 100%);
}

.hg-howto__inner {
  position: relative;
  z-index: 1;
  width: min(56rem, 100%);
  margin: 0 auto;
}

.hg-howto__head {
  text-align: center;
  margin: 0 auto 1.75rem;
}

.hg-howto__title {
  margin: 0;
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-size: clamp(2rem, 5.5vw, 54px);
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
  color: #001f42;
}

.hg-howto__lead {
  margin: 0.65rem auto 0;
  max-width: 40rem;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.45;
  text-transform: uppercase;
  color: #52575c;
}

.hg-howto__list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.hg-howto__item {
  background: #f9f9f9;
}

.hg-howto__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  list-style: none;
  cursor: pointer;
  padding: 1.15rem 1rem;
  -webkit-tap-highlight-color: transparent;
}

.hg-howto__item summary::-webkit-details-marker {
  display: none;
}

.hg-howto__item summary::marker {
  content: "";
}

.hg-howto__q {
  flex: 1 1 auto;
  min-width: 0;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.35;
  text-transform: uppercase;
  text-align: left;
  color: #001f42;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
}

.hg-howto__chevron {
  flex: 0 0 auto;
  width: 12px;
  height: 8px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.52 6 6.02l4.5-4.5' stroke='%23001F42' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / contain no-repeat;
  transition: transform 0.25s ease;
}

.hg-howto__item[open] .hg-howto__chevron {
  transform: rotate(180deg);
}

.hg-howto__answer {
  padding: 0 1rem 1.15rem;
}

.hg-howto__answer p {
  margin: 0;
  width: 100%;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: 0.98rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.55;
  color: #52575c;
  text-align: left;
  text-transform: none;
}

@media (max-width: 720px) {
  .hg-howto {
    padding-left: max(1rem, env(safe-area-inset-left, 0px));
    padding-right: max(1rem, env(safe-area-inset-right, 0px));
  }

  .hg-howto__path--left,
  .hg-howto__path--right {
    width: min(14rem, 42vw);
    opacity: 0.4;
  }

  .hg-howto__item summary {
    padding: 1rem 0.85rem;
    gap: 0.85rem;
    min-height: 44px;
  }

  .hg-howto__q {
    font-size: 13px;
    letter-spacing: 0.08em;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }

  .hg-howto__title {
    font-size: clamp(1.65rem, 7vw, 2rem);
    letter-spacing: 0.1em;
  }
}

/* Help CTA — same block as Compass landing */
.hg-help {
  position: relative;
  z-index: 2;
  padding-block: clamp(2.25rem, 4.5vw, 3rem);
  padding-left: max(1.25rem, 4vw, env(safe-area-inset-left, 0px));
  padding-right: max(1.25rem, 4vw, env(safe-area-inset-right, 0px));
  background: #111;
  color: #fff;
  overflow: hidden;
  scroll-margin-top: 5.5rem;
}

.hg-help__media {
  position: absolute;
  inset: 0;
}

.hg-help__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
}

.hg-help__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(20, 6, 4, 0.45) 0%,
      rgba(12, 4, 4, 0.55) 45%,
      rgba(8, 2, 2, 0.72) 100%
    ),
    linear-gradient(
      180deg,
      rgba(120, 36, 22, 0.28) 0%,
      rgba(90, 24, 14, 0.22) 50%,
      rgba(40, 10, 8, 0.35) 100%
    );
}

.hg-help__inner {
  position: relative;
  z-index: 1;
  width: min(72rem, 100%);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1.5rem, 4vw, 3rem);
}

.hg-help__copy {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

.hg-help__title {
  margin: 0;
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-size: clamp(1.85rem, 4.5vw, 44px);
  font-weight: 500;
  line-height: 1.12;
  color: #fff;
}

.hg-help__lead {
  margin: 0.65rem 0 0;
  max-width: 52ch;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.84);
  text-wrap: pretty;
}

.hg-help__cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.85rem;
  min-width: 14rem;
  padding: 0 2.5rem;
  border-radius: 999px;
  border: 1px solid #fff;
  background: #fff;
  color: #0c0c0c;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: 160ms ease;
  box-shadow: none;
}

.hg-help__cta:hover {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(255, 255, 255, 0.92);
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

@media (max-width: 900px) {
  .hg-help {
    padding-block: clamp(2rem, 5vw, 2.75rem);
  }

  .hg-help__inner {
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    text-align: center;
  }

  .hg-help__copy {
    text-align: center;
    width: 100%;
  }

  .hg-help__lead {
    margin-inline: auto;
  }

  .hg-help__cta {
    width: 100%;
    max-width: 22rem;
    min-width: 0;
  }
}

@media (max-width: 480px) {
  .hg-help__lead {
    font-size: 15px;
    max-width: none;
  }

  .hg-help__media img {
    object-position: center 35%;
  }
}

/* Closing mark — same as Compass landing cl-mark */
.hg-mark {
  position: relative;
  z-index: 2;
  background: #fff;
  color: #010b23;
  padding: 0 max(1.25rem, 4vw);
  overflow: hidden;
}

.hg-mark__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: min(75.6875rem, 100%);
  margin: 0 auto;
  padding-block: clamp(5.5rem, 11vh, 8.5rem);
  text-align: center;
}

.hg-mark__wordmark {
  margin: 0;
  width: 100%;
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-weight: 300;
  font-size: clamp(4rem, 18.229vw, 21.875rem);
  line-height: 0.917;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #010b23;
}

.hg-mark__est {
  margin: 0;
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #000;
}

@media (max-width: 1100px) {
  .hg-mark__est {
    font-size: clamp(1.1rem, 2.4vw, 1.5rem);
  }

  .hg-mark__inner {
    gap: 1.5rem;
    padding-block: clamp(4rem, 9vh, 6.5rem);
  }
}

@media (max-width: 640px) {
  .hg-mark__inner {
    gap: 0.85rem;
    padding-block: clamp(3rem, 9vh, 4.5rem);
  }

  .hg-mark__wordmark {
    font-size: clamp(3rem, 17vw, 4.75rem);
    text-align: center;
  }

  .hg-mark__est {
    font-size: 1.05rem;
    letter-spacing: 0.05em;
    text-align: center;
  }
}

.hg-hero__links {
  position: absolute;
  top: max(16px, env(safe-area-inset-top, 0px));
  right: max(16px, 3vw, env(safe-area-inset-right, 0px));
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  max-width: min(42vw, 12rem);
}

.hg-hero__link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: #00295b;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
  transition: color 160ms ease, opacity 160ms ease;
}

.hg-hero__link-icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  flex-shrink: 0;
  background: currentColor;
  mask: url("/assets/images/compass-arrow-up-right.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/images/compass-arrow-up-right.svg") center / contain
    no-repeat;
  transform: translateY(-0.02em);
}

.hg-hero__link:hover {
  color: #b8922e;
}

.hg-hero__sky {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}

.hg-hero__plane {
  position: absolute;
  top: 42%;
  left: 0;
  width: clamp(40px, 5.6vw, 68px);
  height: clamp(40px, 5.6vw, 68px);
  color: #001f42;
  opacity: 0;
  filter: drop-shadow(0 2px 6px rgba(0, 31, 66, 0.14));
}

@supports (offset-path: path("M0 0 L1 1")) {
  .hg-hero__plane {
    will-change: offset-distance, opacity;
    offset-path: path(
      "M-140 20 C 200 -10, 380 -35, 560 -8 C 780 28, 980 40, 1180 12 C 1380 -16, 1580 -28, 1820 8"
    );
    offset-rotate: auto 90deg;
    offset-anchor: center;
    offset-position: auto;
    animation: hg-plane-fly 28s linear infinite;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hg-hero__plane {
    animation: none !important;
    opacity: 0 !important;
  }
}

.hg-hero__plane svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
  opacity: 0.38;
}

@keyframes hg-plane-fly {
  0% {
    offset-distance: 0%;
    opacity: 0;
  }
  8% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}

.hg-hero__atmosphere {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
  container-type: inline-size;
  container-name: hg-hero-atm;
}

.hg-hero__watermark {
  --hg-wm-len: 8;
  --hg-wm-fit: 1;
  --hg-wm-stroke: rgba(226, 201, 135, 0.38);
  --hg-wm-stroke-ghost: rgba(226, 201, 135, 0.42);
  /* vw first (iOS-safe); cqi refines when container queries exist */
  --hg-wm-size: clamp(
    2.25rem,
    min(13vw, calc(88vw / (var(--hg-wm-len) * 0.85))),
    10rem
  );
  position: absolute;
  left: 50%;
  top: 48%;
  margin: 0;
  max-width: min(94%, 100vw - 2rem);
  width: max-content;
  transform: translate3d(-50%, -50%, 0) skewX(-6deg) scale(var(--hg-wm-fit));
  transform-origin: center center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: grid;
  place-items: center;
  justify-items: center;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: var(--hg-wm-size);
  font-weight: 800;
  line-height: 0.82;
  letter-spacing: calc(-0.08em + (var(--hg-wm-len) * 0.0015em));
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  font-variation-settings: "wdth" 150, "opsz" 144;
  user-select: none;
  pointer-events: none;
}

@supports (width: 1cqi) {
  .hg-hero__watermark {
    --hg-wm-size: clamp(
      2.25rem,
      min(13vw, calc(88cqi / (var(--hg-wm-len) * 0.72))),
      10rem
    );
  }
}

.hg-hero__watermark[data-len="short"] {
  --hg-wm-size: clamp(
    2.75rem,
    min(16vw, calc(90vw / (var(--hg-wm-len) * 0.8))),
    11rem
  );
  font-variation-settings: "wdth" 151, "opsz" 144;
  letter-spacing: -0.07em;
}

.hg-hero__watermark[data-len="long"] {
  --hg-wm-size: clamp(
    2rem,
    min(11vw, calc(88vw / (var(--hg-wm-len) * 0.78))),
    7.5rem
  );
  letter-spacing: -0.035em;
  font-variation-settings: "wdth" 125, "opsz" 144;
}

.hg-hero__watermark--stack {
  white-space: normal;
  width: max-content;
  --hg-wm-size: clamp(
    2.2rem,
    min(12vw, calc(76vw / (var(--hg-wm-len) * 0.62))),
    8.5rem
  );
  line-height: 0.88;
}

@supports (width: 1cqi) {
  .hg-hero__watermark[data-len="short"] {
    --hg-wm-size: clamp(
      2.75rem,
      min(16vw, calc(92cqi / (var(--hg-wm-len) * 0.68))),
      11rem
    );
  }

  .hg-hero__watermark[data-len="long"] {
    --hg-wm-size: clamp(
      2rem,
      min(11vw, calc(90cqi / (var(--hg-wm-len) * 0.7))),
      7.5rem
    );
  }

  .hg-hero__watermark--stack {
    --hg-wm-size: clamp(
      2.2rem,
      min(12vw, calc(78cqi / (var(--hg-wm-len) * 0.55))),
      8.5rem
    );
  }
}

.hg-hero__watermark-ghost,
.hg-hero__watermark-text {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
}

.hg-hero__watermark--stack .hg-hero__watermark-ghost,
.hg-hero__watermark--stack .hg-hero__watermark-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.02em;
}

.hg-hero__watermark-ghost {
  color: transparent;
  -webkit-text-stroke: 1px var(--hg-wm-stroke-ghost);
  transform: translate(0.03em, 0.04em);
  opacity: 0.95;
}

.hg-hero__watermark-text {
  /* Solid fallback first — iOS can drop clipped gradients */
  color: rgba(0, 31, 66, 0.08);
  -webkit-text-stroke: 1px var(--hg-wm-stroke);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .hg-hero__watermark-text {
    background: linear-gradient(
      180deg,
      rgba(0, 55, 104, 0.09) 0%,
      rgba(0, 31, 66, 0.1) 48%,
      rgba(0, 31, 66, 0.05) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
}

.hg-hero__top {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* almost fullscreen under fixed header + progress (vh→svh→dvh for iOS) */
  min-height: calc(100vh - var(--hg-bar-h) - var(--hg-progress-h));
  min-height: calc(100svh - var(--hg-bar-h) - var(--hg-progress-h));
  min-height: calc(100dvh - var(--hg-bar-h) - var(--hg-progress-h));
  padding:
    max(36px, env(safe-area-inset-top, 0px))
    max(16px, env(safe-area-inset-right, 0px))
    max(48px, env(safe-area-inset-bottom, 0px))
    max(16px, env(safe-area-inset-left, 0px));
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}

.hg-hero__intro {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 48rem;
  margin: 0 auto;
}

.hg-hero__guest {
  position: absolute;
  left: max(20px, 3vw, env(safe-area-inset-left, 0px));
  bottom: max(52px, calc(env(safe-area-inset-bottom, 0px) + 36px));
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  text-align: left;
  max-width: min(52vw, 18rem);
}

.hg-hero__guest-name {
  position: relative;
  display: inline-block;
  font-family: "Great Vibes", "Segoe Script", "Apple Chancery", cursive;
  font-size: clamp(2.6rem, 5vw, 4rem);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.01em;
  white-space: nowrap;
  color: #00295b;
  transform: rotate(-3deg);
  transform-origin: left bottom;
  padding: 0 0.15em 0.12em;
}

.hg-hero__guest-name::after {
  content: "";
  position: absolute;
  left: 2%;
  right: 8%;
  bottom: 0.08em;
  height: 1px;
  opacity: 0.75;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #fbeda4 12%,
    #e2c987 32%,
    #d4ad5e 55%,
    #b3832f 78%,
    #94642a 90%,
    transparent 100%
  );
  transform: rotate(-1.5deg);
}

.hg-hero__title {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  /* Match go.kzn.ru hero: RobotoFlex 64 / 700 / wdth 150 */
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-optical-sizing: auto;
  font-size: clamp(2.75rem, 6vw, 64px);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "slnt" 0,
    "wdth" 150;
  color: var(--hg-ink);
}

.hg-hero__title span {
  display: block;
  width: 100%;
  text-align: center;
  padding-right: 0.02em;
  box-sizing: border-box;
}

.hg-hero__lead {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.1em;
  margin: 0 auto;
  max-width: min(36rem, 100%);
  padding: 0 0.25rem;
  text-align: center;
  font-size: clamp(0.88rem, 2.6vw, 1.05rem);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: var(--hg-muted);
  text-wrap: balance;
}

.hg-hero__lead-line {
  display: block;
  white-space: normal;
}

/* Desktop: keep the intentional two-line composition */
@media (min-width: 900px) {
  .hg-hero__lead-line {
    white-space: nowrap;
  }
}

.hg-hero:has(.hg-hero__guest) .hg-banner {
  margin-top: 0;
}

/* Photo band + red card protruding above & below (go.kzn.ru) */
.hg-banner {
  position: relative;
  z-index: 1;
  width: 100%;
  background: var(--hg-white);
  overflow: visible;
  margin-top: 0;
}

.hg-banner__stage {
  position: relative;
  width: 100%;
  /*
   * Card is absolutely positioned and overhangs the photo (~60ГўВЂВ“80px).
   * Margins include that overhang so the clear gap is measured from the
   * visible card edge, not the photo frame.
   */
  --hg-banner-card-overhang: 40px;
  margin-top: calc(48px + var(--hg-banner-card-overhang));
  margin-bottom: calc(28px + var(--hg-banner-card-overhang));
  overflow: visible;
}

.hg-banner__frame {
  position: relative;
  /* A bit wider than content grid; full bleed on smaller screens */
  width: min(100%, calc(var(--hg-max) + 360px));
  max-width: 100%;
  margin-inline: auto;
  height: clamp(400px, 52vw, 640px);
  overflow: hidden;
  background: #1a1a1a;
  z-index: 1;
}

@media (max-width: 1100px) {
  .hg-banner__frame {
    width: 100%;
  }
}

/* White L-shaped corner marks on the photo */
.hg-banner__frame::after {
  content: "";
  position: absolute;
  inset: 18px;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(#fff, #fff) left top / 56px 2px no-repeat,
    linear-gradient(#fff, #fff) left top / 2px 56px no-repeat,
    linear-gradient(#fff, #fff) right top / 56px 2px no-repeat,
    linear-gradient(#fff, #fff) right top / 2px 56px no-repeat,
    linear-gradient(#fff, #fff) left bottom / 56px 2px no-repeat,
    linear-gradient(#fff, #fff) left bottom / 2px 56px no-repeat,
    linear-gradient(#fff, #fff) right bottom / 56px 2px no-repeat,
    linear-gradient(#fff, #fff) right bottom / 2px 56px no-repeat;
}

.hg-banner__media {
  position: absolute;
  inset: 0;
}

.hg-banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hg-banner__media--empty {
  background:
    linear-gradient(135deg, #2a2a2a, #111),
    radial-gradient(circle at 30% 40%, rgba(209, 12, 49, 0.25), transparent 50%);
}

.hg-banner__card {
  --hg-card-line-inset: 12px;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(480px, 90vw);
  min-height: clamp(580px, 62vw, 680px);
  height: auto;
  padding: 88px 28px 42px;
  background: #001f42;
  color: var(--hg-white);
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  text-align: center;
  box-sizing: border-box;
  overflow: visible;
}

.hg-banner__card::after {
  content: "";
  position: absolute;
  inset: var(--hg-card-line-inset);
  border: 1.5px solid rgba(255, 255, 255, 0.92);
  border-radius: 0;
  pointer-events: none;
  z-index: 2;
}

.hg-banner__headline {
  margin: 0;
  position: relative;
  z-index: 4;
  width: 160%;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-optical-sizing: auto;
  font-size: 64px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -1.28px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.35);
  paint-order: stroke fill;
  text-shadow:
    0 1px 0 rgba(0, 0, 0, 0.55),
    0 2px 8px rgba(0, 0, 0, 0.55),
    0 8px 28px rgba(0, 0, 0, 0.45),
    0 0 40px rgba(0, 31, 66, 0.55);
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "slnt" 0,
    "wdth" 150;
}

.hg-banner__headline span {
  display: block;
}

.hg-banner__headline-verb {
  letter-spacing: 0.14em;
}

.hg-banner__stats {
  margin-top: auto;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  text-align: left;
  flex-shrink: 0;
}

.hg-banner__stats div {
  grid-column: span 2;
  padding: 12px 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  min-width: 0;
}

.hg-banner__stats div:nth-child(3) {
  border-right: 0;
}

.hg-banner__stats div:nth-child(4),
.hg-banner__stats div:nth-child(5) {
  grid-column: span 3;
  border-bottom: 0;
}

.hg-banner__stats div:nth-child(5) {
  border-right: 0;
}

.hg-banner__stats em {
  display: block;
  font-style: normal;
  font-size: 0.88rem;
  font-weight: 500;
  opacity: 0.92;
  margin-bottom: 4px;
}

.hg-banner__stats strong {
  display: block;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  word-break: break-word;
}

.hg-banner__actions {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
  margin-top: auto;
  flex-shrink: 0;
}

.hg-banner__more,
.hg-banner__download {
  appearance: none;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 0.95rem 1rem;
  border: 0;
  border-radius: 999px;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.hg-banner__more {
  background: #fff;
  color: #001f42;
}

.hg-banner__more:hover,
.hg-banner__more:focus-visible {
  opacity: 0.92;
}

.hg-banner__download {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.92);
  gap: 0.55rem;
}

.hg-banner__download:hover,
.hg-banner__download:focus-visible {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.hg-banner__more:active,
.hg-banner__download:active {
  transform: scale(0.995);
}

.hg-banner__download:disabled,
.hg-banner__download.is-loading {
  cursor: wait;
  opacity: 0.88;
  pointer-events: none;
}

.hg-banner__download.is-loading::before {
  content: "";
  width: 0.95em;
  height: 0.95em;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  animation: hg-banner-spin 0.7s linear infinite;
}

@keyframes hg-banner-spin {
  to {
    transform: rotate(360deg);
  }
}

[data-compass-chrome] .site-header__btn--download.is-loading {
  cursor: wait;
  opacity: 0.88;
  pointer-events: none;
  min-width: max-content;
  gap: 0.55rem;
}

[data-compass-chrome] .site-header__btn--download.is-loading::before {
  content: "";
  width: 0.9em;
  height: 0.9em;
  border: 2px solid rgba(0, 31, 66, 0.25);
  border-top-color: #001f42;
  border-radius: 50%;
  flex-shrink: 0;
  animation: hg-banner-spin 0.7s linear infinite;
}

[data-compass-chrome] .site-header__btn--download.is-loading .site-header__btn-download-icon {
  display: none;
}

.hg-hero__scroll {
  appearance: none;
  position: absolute;
  left: 50%;
  bottom: max(16px, env(safe-area-inset-bottom, 0px));
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(0, 31, 66, 0.18);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #001f42;
  cursor: pointer;
  transform: translateX(-50%);
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
  animation: hg-hero-scroll-bob 1.8s ease-in-out infinite;
}

.hg-hero__scroll svg {
  width: 22px;
  height: 22px;
  display: block;
}

.hg-hero__scroll:hover {
  border-color: rgba(0, 31, 66, 0.4);
  background: #fff;
  color: #00295b;
}

@keyframes hg-hero-scroll-bob {
  0%,
  100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(6px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hg-hero__scroll {
    animation: none;
  }
}

/* Homepage about block (navy + gold concave frame) */
.hg-about .about__frame-path {
  stroke: #ffffff;
}

.hg-about .about__intro {
  align-items: stretch;
}

.hg-about .about__emblem,
.hg-about .about__button {
  display: none;
}

.hg-about {
  --content-width: min(90rem, calc(100% - 2 * clamp(1.25rem, 4vw, 1.5rem)));
  padding-bottom: var(--about-padding-y, 1.25rem);
  margin-bottom: 100px;
}

.hg-about__copy {
  max-width: min(52rem, 86%);
}

.hg-about__text {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  color: rgba(199, 222, 241, 0.92);
  font-family: "Roboto Flex", "Arimo", system-ui, sans-serif;
  font-size: clamp(1.05rem, 1.55vw, 1.25rem);
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.02em;
  white-space: normal;
}

.hg-about__line {
  display: block;
}

.hg-about__line:first-child {
  color: #ffffff;
  font-size: clamp(1.2rem, 2.1vw, 1.55rem);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.015em;
}

.hg-about__line--closing {
  color: rgba(255, 255, 255, 0.78);
  font-style: italic;
  font-size: clamp(1rem, 1.4vw, 1.15rem);
}

/* Welcome — personal greeting + hero type, one quiet composition */
.hg-welcome {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  margin-bottom: 0;
  padding: clamp(2.25rem, 4.5vw, 3.5rem) 24px clamp(3rem, 6vw, 5rem);
  background:
    radial-gradient(
      ellipse 58% 70% at 50% 46%,
      rgba(0, 41, 91, 0.055) 0%,
      transparent 72%
    ),
    var(--hg-white);
  text-align: center;
  overflow: hidden;
}

.hg-welcome__atmosphere {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  container-type: inline-size;
}

.hg-welcome__atmosphere .hg-hero__watermark {
  --hg-wm-stroke: rgba(0, 41, 91, 0.16);
  --hg-wm-stroke-ghost: rgba(0, 41, 91, 0.12);
  top: 48%;
  letter-spacing: 0.14em;
  line-height: 1.05;
  opacity: 0.55;
}

.hg-welcome__atmosphere .hg-hero__watermark--stack .hg-hero__watermark-ghost,
.hg-welcome__atmosphere .hg-hero__watermark--stack .hg-hero__watermark-text {
  gap: 0.22em;
}

.hg-welcome__atmosphere .hg-hero__watermark-text {
  background: linear-gradient(
    180deg,
    rgba(0, 55, 104, 0.04) 0%,
    rgba(0, 31, 66, 0.045) 48%,
    rgba(0, 31, 66, 0.02) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
}

.hg-welcome__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.1rem, 2.6vw, 1.75rem);
  max-width: 52rem;
}

.hg-welcome__name {
  display: flex;
  justify-content: center;
  margin: 0;
  animation: hg-welcome-in 0.85s 0.05s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hg-welcome__name-text {
  position: relative;
  display: inline-block;
  padding: 0 0.25em 0.18em;
  color: #00295b;
  font-family: "Great Vibes", "Segoe Script", "Apple Chancery", cursive;
  font-size: clamp(3rem, 6vw, 4.6rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.015em;
  white-space: nowrap;
  transform: rotate(-2.5deg);
  transform-origin: center bottom;
}

.hg-welcome__name-text::after {
  content: "";
  position: absolute;
  left: 4%;
  right: 8%;
  bottom: 0.04em;
  height: 1.5px;
  opacity: 0.9;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #fbeda4 10%,
    #e2c987 30%,
    #d4ad5e 52%,
    #b3832f 74%,
    #94642a 88%,
    transparent 100%
  );
  transform: rotate(-1deg);
  animation: hg-welcome-rule 1s 0.35s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hg-welcome__title {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.02em;
  color: #00295b;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-optical-sizing: auto;
  font-size: clamp(2.4rem, 6.2vw, 64px);
  font-weight: 700;
  line-height: 0.96;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "slnt" 0,
    "wdth" 150;
}

.hg-welcome__title-line {
  display: block;
  padding-right: 0.02em;
}

.hg-welcome__title-line--a {
  letter-spacing: 0.045em;
  padding-right: 0.045em;
  animation: hg-welcome-in 0.9s 0.14s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hg-welcome__title-line--b {
  animation: hg-welcome-in 0.9s 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hg-welcome__title-place {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.22em;
  margin-top: 0.32em;
  animation: hg-welcome-in 0.95s 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hg-welcome__title-in {
  position: relative;
  top: 0.02em;
  color: #00295b;
  font-family: "Great Vibes", "Segoe Script", "Apple Chancery", cursive;
  font-size: 0.72em;
  font-weight: 400;
  font-variation-settings: normal;
  letter-spacing: 0;
  line-height: 0.85;
  text-transform: none;
  transform: rotate(-6deg);
  transform-origin: center bottom;
}

.hg-welcome__title-city {
  position: relative;
  color: #001f42;
  font-size: 1.12em;
  letter-spacing: -0.015em;
  padding: 0 0.02em;
}

@keyframes hg-welcome-in {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes hg-welcome-rule {
  from {
    opacity: 0;
    transform: scaleX(0.18);
  }
  to {
    opacity: 1;
    transform: scaleX(0.94);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hg-welcome__name,
  .hg-welcome__title-line--a,
  .hg-welcome__title-line--b,
  .hg-welcome__title-place,
  .hg-welcome__name-text::after {
    animation: none;
  }
}

@media (max-width: 900px) {
  .hg-welcome__atmosphere {
    display: none;
  }
}

@media (max-width: 720px) {
  .hg-welcome {
    min-height: 0;
    padding: 2.75rem 1.15rem 3.25rem;
    overflow-x: clip;
  }

  .hg-welcome__inner {
    width: 100%;
    max-width: 100%;
    gap: 1rem;
  }

  .hg-welcome__name {
    max-width: 100%;
  }

  .hg-welcome__name-text {
    white-space: normal;
    max-width: 100%;
    font-family: "Great Vibes", "Marck Script", cursive;
    font-size: clamp(2.35rem, 11vw, 3.1rem);
    text-wrap: balance;
  }

  .hg-welcome__title {
    width: 100%;
    max-width: 100%;
    font-size: clamp(1.85rem, 9.2vw, 2.4rem);
    letter-spacing: -0.015em;
    /* Expanded wdth=150 overflows long city names on phones */
    font-variation-settings:
      "GRAD" 0,
      "XOPQ" 96,
      "XTRA" 468,
      "YOPQ" 79,
      "YTAS" 750,
      "YTDE" -203,
      "YTFI" 738,
      "YTLC" 514,
      "YTUC" 712,
      "slnt" 0,
      "wdth" 112;
  }

  .hg-welcome__title-place {
    flex-wrap: wrap;
    max-width: 100%;
    row-gap: 0.06em;
    column-gap: 0.18em;
  }

  .hg-welcome__title-city {
    max-width: 100%;
    font-size: 1em;
    line-height: 1.05;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .hg-welcome__title-in {
    font-family: "Great Vibes", "Marck Script", cursive;
    font-size: 0.68em;
    flex: 0 0 auto;
  }
}

/* Calendar — day timeline strips after welcome */
/* Calendar page — same editorial language as the guide */
.hg--calpage {
  min-height: 100vh;
  background: var(--hg-white);
}

/* Calendar page = map-of-days content */
.hg--calpage-map {
  background: #070707;
}

.hg--calpage-map .hg-mapplan {
  margin-bottom: 0;
  min-height: 100vh;
  min-height: 100svh;
  padding-top: calc(
    var(--hg-bar-h, 72px) + var(--hg-progress-h, 3px) + clamp(2rem, 5vw, 3.5rem)
  );
  padding-bottom: clamp(3.5rem, 8vw, 5.5rem);
  box-sizing: border-box;
}

@media (max-width: 720px) {
  .hg--calpage-map .hg-mapplan {
    padding-top: calc(
      var(--hg-bar-h, 56px) + var(--hg-progress-h, 3px) + 1.75rem
    );
    padding-bottom: 3rem;
  }
}

.hg-calpage {
  position: relative;
  padding:
    calc(var(--hg-bar-h, 72px) + var(--hg-progress-h, 3px) + 24px)
    max(20px, calc((100% - min(720px, 100% - 48px)) / 2))
    72px;
  overflow: hidden;
}

.hg-calpage__atmosphere {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.hg-calpage__atmosphere .hg-hero__watermark {
  --hg-wm-stroke: rgba(0, 41, 91, 0.06);
  --hg-wm-stroke-ghost: rgba(0, 41, 91, 0.04);
  top: 42%;
  opacity: 0.22;
}

.hg-calpage__hero {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 2.5rem;
  animation: hg-calpage-in 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hg-calpage__back {
  align-self: flex-start;
  margin: 0 0 1.75rem;
  color: rgba(11, 11, 11, 0.55);
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hg-calpage__back:hover {
  color: #001f42;
}

.hg-calpage__city {
  margin: 0 0 0.35rem;
  color: #00295b;
  font-family: "Great Vibes", "Segoe Script", "Apple Chancery", cursive;
  font-size: clamp(2.8rem, 6vw, 4.2rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.01em;
  transform: rotate(-2deg);
}

.hg-calpage__title {
  margin: 0;
  color: var(--hg-ink);
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(2.4rem, 5.5vw, 3.6rem);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  font-variation-settings: "wdth" 150, "opsz" 48;
}

.hg-calpage__lead {
  margin: 0.9rem 0 0;
  max-width: 34ch;
  color: rgba(11, 11, 11, 0.55);
  font-size: 0.98rem;
  line-height: 1.5;
}

@keyframes hg-calpage-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-compass-chrome] .site-header__nav-link.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

/* Match main-site caret on always-scrolled compass chrome */
[data-compass-chrome] .site-header .site-header__caret {
  filter: brightness(0) saturate(100%) invert(8%) sepia(82%) saturate(2476%)
    hue-rotate(196deg) brightness(95%) contrast(101%);
}

[data-compass-chrome] button.site-sidebar__cta {
  appearance: none;
  border: 0;
  cursor: pointer;
}

[data-compass-chrome] .site-sidebar__contacts .site-sidebar__compass-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.65rem 1rem;
  width: 100%;
}

[data-compass-chrome] .site-sidebar__contacts .site-sidebar__compass-links a {
  display: inline;
  white-space: nowrap;
}

/* New journey confirm modal */
html.is-compass-modal-open {
  overflow: hidden;
}

.hg-journey-modal {
  position: fixed;
  inset: 0;
  z-index: 240;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  animation: hg-journey-fade 0.2s ease both;
}

.hg-journey-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(0, 20, 40, 0.52);
  cursor: pointer;
}

.hg-journey-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 32rem);
  padding: 2rem 1.75rem 1.65rem;
  overflow: hidden;
  background:
    radial-gradient(
      ellipse 80% 55% at 100% 0%,
      rgba(226, 201, 135, 0.16) 0%,
      transparent 58%
    ),
    radial-gradient(
      ellipse 70% 50% at 0% 100%,
      rgba(0, 55, 104, 0.06) 0%,
      transparent 60%
    ),
    #fff;
  border: 1px solid rgba(0, 31, 66, 0.1);
  box-shadow: 0 1.5rem 3.5rem rgba(0, 20, 40, 0.22);
  animation: hg-journey-rise 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hg-journey-modal__dialog:focus,
.hg-journey-modal__dialog:focus-visible {
  outline: none;
}

.hg-journey-modal__close {
  position: absolute;
  top: 0.45rem;
  right: 0.45rem;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(0, 31, 66, 0.4);
  font-size: 2rem;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}

.hg-journey-modal__close:hover,
.hg-journey-modal__close:focus-visible {
  color: #001f42;
}

.hg-journey-modal__mark {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0 2.5rem 1.15rem 0;
  line-height: 1;
}

.hg-journey-modal__mark-helios {
  color: #001f42;
  font-family: "Roboto Flex", RobotoFlex, "Arimo", sans-serif;
  font-size: 1.55rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  font-variation-settings: "wdth" 125, "wght" 500;
}

.hg-journey-modal__mark-sep {
  display: block;
  width: 1px;
  height: 1.35rem;
  background: rgba(0, 31, 66, 0.22);
}

.hg-journey-modal__mark-compass {
  display: block;
  margin-top: 0.15rem;
  color: #b8922e;
  font-family: "Great Vibes", "Segoe Script", "Apple Chancery", cursive;
  font-size: 1.85rem;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 0.9;
  transform: rotate(-2.5deg);
  transform-origin: left center;
}

.hg-journey-modal__kicker {
  margin: 0 0 0.45rem;
  color: rgba(184, 146, 46, 0.95);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.hg-journey-modal__title {
  margin: 0 2rem 0 0;
  color: #001f42;
  font-family: "Roboto Flex", RobotoFlex, "Arimo", sans-serif;
  font-size: clamp(1.25rem, 2.8vw, 1.7rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.025em;
  white-space: nowrap;
  font-variation-settings: "wdth" 125, "wght" 580;
}

.hg-journey-modal__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.hg-journey-modal__steps {
  list-style: none;
  margin: 1.25rem 0 1.5rem;
  padding: 1rem 0 0;
  border-top: 1px solid rgba(0, 31, 66, 0.1);
}

.hg-journey-modal__steps li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.7rem;
  align-items: start;
  padding: 0.7rem 0;
  color: rgba(11, 11, 11, 0.78);
  font-size: 0.94rem;
  line-height: 1.45;
}

.hg-journey-modal__steps li + li {
  border-top: 1px solid rgba(0, 31, 66, 0.06);
}

.hg-journey-modal__step-num {
  color: #b8922e;
  font-family: "Roboto Flex", RobotoFlex, "Arimo", sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.55;
}

.hg-journey-modal__actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
}

.hg-journey-modal__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 3rem;
  padding: 0.75rem 1.15rem;
  border: 1px solid #001f42;
  background: #001f42;
  color: #fff;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.16s ease, color 0.16s ease;
}

.hg-journey-modal__btn:hover {
  background: #fff;
  color: #001f42;
}

.hg-journey-modal__btn .hg-hero__link-icon {
  width: 1.05em;
  height: 1.05em;
}

@keyframes hg-journey-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes hg-journey-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 560px) {
  .hg-journey-modal__dialog {
    padding: 1.65rem 1.25rem 1.35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hg-journey-modal,
  .hg-journey-modal__dialog {
    animation: none;
  }
}

/* Editorial day index */
.hg-agenda {
  position: relative;
  z-index: 1;
  margin: 0 0 100px;
  padding: 0 max(16px, calc((100% - min(720px, 100% - 48px)) / 2));
}

.hg-agenda--page {
  margin: 0;
  padding: 0;
}

.hg-agenda__intro {
  margin-bottom: 1.5rem;
}

.hg-agenda__kicker {
  margin: 0 0 0.4rem;
  color: rgba(11, 11, 11, 0.45);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hg-agenda__heading {
  margin: 0;
  color: var(--hg-ink);
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(1.8rem, 3.5vw, 2.4rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-variation-settings: "wdth" 140;
}

.hg-agenda__range {
  margin: 0.4rem 0 0;
  color: rgba(11, 11, 11, 0.5);
  font-size: 0.9rem;
}

.hg-agenda__toolbar {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 1rem;
}

.hg-agenda__ics {
  appearance: none;
  margin: 0.85rem 0 0;
  padding: 0.5rem 0.9rem;
  border: 1px solid rgba(0, 31, 66, 0.18);
  border-radius: 999px;
  background: transparent;
  color: #001f42;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    background 0.2s ease,
    border-color 0.2s ease;
}

.hg-agenda__ics:hover {
  background: rgba(0, 31, 66, 0.06);
  border-color: rgba(0, 31, 66, 0.35);
}

.hg-agenda__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0 0 1.25rem;
}

.hg-agenda__filter {
  appearance: none;
  margin: 0;
  padding: 0 0 0.2rem;
  border: 0;
  border-bottom: 1px solid transparent;
  background: transparent;
  color: rgba(11, 11, 11, 0.4);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}

.hg-agenda__filter.is-active {
  color: var(--hg-ink);
  border-bottom-color: #001f42;
}

.hg-agenda__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.75rem;
  margin: 0 0 2rem;
  padding: 0 0 1.1rem;
  border-bottom: 1px solid rgba(11, 11, 11, 0.1);
}

.hg-agenda__tab {
  appearance: none;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(11, 11, 11, 0.35);
  font: inherit;
  cursor: pointer;
  transition: color 0.2s ease;
}

.hg-agenda__tab strong {
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(1.8rem, 3.5vw, 2.35rem);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.03em;
  font-variation-settings: "wdth" 145, "opsz" 36;
}

.hg-agenda__tab span {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hg-agenda__tab:hover {
  color: rgba(11, 11, 11, 0.7);
}

.hg-agenda__tab.is-active {
  color: #001f42;
}

.hg-agenda__tab.is-off {
  opacity: 0.55;
}

.hg-agenda__day-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1.35rem;
}

.hg-agenda__day-kicker {
  margin: 0 0 0.45rem;
  color: rgba(0, 31, 66, 0.7);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.hg-agenda__day.is-off .hg-agenda__day-kicker {
  color: rgba(11, 11, 11, 0.45);
}

.hg-agenda__day-title {
  margin: 0;
  color: var(--hg-ink);
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(1.35rem, 2.6vw, 1.75rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-variation-settings: "wdth" 120;
}

.hg-agenda__day-text {
  margin: 0.55rem 0 0;
  max-width: 44ch;
  color: rgba(11, 11, 11, 0.58);
  font-size: 0.95rem;
  line-height: 1.5;
}

.hg-agenda__day-go {
  appearance: none;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0.15rem 0 0;
  padding: 0.65rem 1rem;
  border: 1px solid #001f42;
  background: transparent;
  color: #001f42;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
}

.hg-agenda__day-go i {
  font-style: normal;
  font-size: 0.95rem;
  line-height: 1;
}

.hg-agenda__day-go:hover {
  background: #001f42;
  color: #fff;
}

.hg-agenda__day-badge {
  flex-shrink: 0;
  margin-top: 0.25rem;
  color: rgba(11, 11, 11, 0.42);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.hg-agenda__stops {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(11, 11, 11, 0.1);
}

.hg-agenda__stop {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: baseline;
  padding: 0.95rem 0;
  border-bottom: 1px solid rgba(11, 11, 11, 0.1);
}

.hg-agenda__stop-step {
  color: rgba(0, 31, 66, 0.55);
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  font-variation-settings: "wdth" 130;
}

.hg-agenda__stop-title {
  margin: 0;
  color: var(--hg-ink);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.hg-agenda__stop-meta {
  margin: 0.25rem 0 0;
  color: rgba(11, 11, 11, 0.5);
  font-size: 0.86rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hg-agenda__stop-go {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #001f42;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.hg-agenda__stop-go i {
  font-style: normal;
}

.hg-agenda__stop-go:hover {
  color: #001f42;
  opacity: 0.75;
}

.hg-agenda__empty {
  margin: 0;
  padding: 1.1rem 0;
  color: rgba(11, 11, 11, 0.5);
  font-size: 0.95rem;
  line-height: 1.5;
  list-style: none;
  border-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .hg-calpage__hero {
    animation: none;
  }
}

@media (max-width: 720px) {
  .hg-agenda {
    padding: 0 16px;
  }

  .hg-calpage__back {
    margin-bottom: 1.25rem;
  }

  .hg-agenda__day-head {
    flex-direction: column;
    align-items: stretch;
  }

  .hg-agenda__day-go {
    align-self: flex-start;
  }

  .hg-agenda__stop {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.55rem 0.75rem;
  }

  .hg-agenda__stop-go {
    grid-column: 2;
    justify-self: start;
  }
}


/* About guide — clean editorial longform */
.hg--aboutpage {
  min-height: 100vh;
  padding-top: calc(var(--hg-bar-h) + var(--hg-progress-h));
  background: var(--hg-white);
}

.hg-aboutpage {
  position: relative;
  padding:
    100px
    max(20px, calc((100% - min(880px, 100% - 48px)) / 2))
    88px;
}

.hg-aboutpage__hero {
  margin-bottom: 1.25rem;
  padding: 0.5rem 0 0;
  text-align: center;
}

.hg-aboutpage__hero-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 48rem;
  margin: 0 auto;
}

.hg-aboutpage__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  max-width: 22em;
  color: #0b0b0b;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(1.45rem, 3.2vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-variation-settings: "wdth" 130, "opsz" 40;
}

.hg-aboutpage__brand {
  display: block;
  margin: 0 0 0.65rem;
  color: #00295b;
  font-family: "Great Vibes", "Segoe Script", "Apple Chancery", cursive;
  font-size: clamp(2.8rem, 6vw, 4.2rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.01em;
  text-transform: none;
  font-variation-settings: normal;
  transform: rotate(-2deg);
}

.hg-aboutpage__title-line {
  display: block;
}

.hg-aboutpage__lead {
  margin: 1.15rem auto 0;
  max-width: 62ch;
  color: rgba(11, 11, 11, 0.65);
  font-size: 1.05rem;
  line-height: 1.55;
}

.hg-aboutpage__body {
  max-width: 52rem;
  margin: 0 auto;
}

.hg-aboutpage__section {
  margin: 2.35rem 0 0;
  padding-top: 2rem;
  border-top: 1px solid rgba(11, 11, 11, 0.1);
}

.hg-aboutpage__h {
  margin: 0 0 0.9rem;
  color: #001f42;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(1.15rem, 2.2vw, 1.4rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.015em;
  font-variation-settings: "wdth" 120;
}

.hg-aboutpage__p {
  margin: 0 0 0.95rem;
  color: rgba(11, 11, 11, 0.7);
  font-size: 1.02rem;
  line-height: 1.7;
}

.hg-aboutpage__p:last-child {
  margin-bottom: 0;
}

.hg-aboutpage__p--strong {
  color: rgba(11, 11, 11, 0.82);
  font-weight: 600;
}

.hg-aboutpage__closing {
  margin: 2.75rem 0 0;
  padding-top: 2rem;
  border-top: 1px solid rgba(11, 11, 11, 0.1);
}

.hg-aboutpage__brandline {
  margin: 1.1rem 0 0;
  color: #001f42;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-variation-settings: "wdth" 130;
}

.hg-aboutpage__share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem 2rem;
  margin: 2.75rem 0 0;
  padding: 1.5rem 0 0;
  border-top: 1px solid rgba(11, 11, 11, 0.1);
}

.hg-aboutpage__share-title {
  margin: 0;
  color: #0b0b0b;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(1.15rem, 2.2vw, 1.4rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.015em;
  font-variation-settings: "wdth" 125;
}

.hg-aboutpage__share-text {
  margin: 0.45rem 0 0;
  max-width: 42ch;
  color: rgba(11, 11, 11, 0.55);
  font-size: 0.92rem;
  line-height: 1.45;
}

.hg-aboutpage__share-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.8rem 1.15rem;
  border: 1px solid #001f42;
  background: #001f42;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.hg-aboutpage__share-btn-icon {
  display: inline-block;
  width: 1.35em;
  height: 1.35em;
  flex-shrink: 0;
  background: currentColor;
  mask: url("/assets/images/compass-arrow-up-right.svg") center / contain
    no-repeat;
  -webkit-mask: url("/assets/images/compass-arrow-up-right.svg") center /
    contain no-repeat;
  transform: translateY(-0.02em);
}

.hg-aboutpage__share-btn:hover {
  background: #fff;
  color: #001f42;
}

@media (max-width: 720px) {
  .hg-aboutpage {
    padding-top: 50px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .hg-aboutpage__share {
    flex-direction: column;
    align-items: stretch;
  }

  .hg-aboutpage__share-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Idea — thesis band before the dark guide */
.hg-idea {
  position: relative;
  padding:
    clamp(3.5rem, 7vw, 5.75rem)
    max(20px, calc((100% - min(880px, 100% - 48px)) / 2));
  background:
    radial-gradient(
      ellipse 70% 65% at 50% 0%,
      rgba(0, 41, 91, 0.055) 0%,
      transparent 68%
    ),
    var(--hg-white);
  color: var(--hg-ink);
  border-top: 1px solid rgba(11, 11, 11, 0.08);
  scroll-margin-top: calc(var(--hg-bar-h) + 24px);
}

.hg-idea__inner {
  position: relative;
  max-width: 46rem;
}

.hg-idea__kicker {
  margin: 0 0 1rem;
  color: rgba(0, 31, 66, 0.55);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hg-idea__title {
  margin: 0;
  max-width: 16em;
  color: #001f42;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(1.85rem, 4.2vw, 2.75rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
  font-variation-settings: "wdth" 135, "opsz" 48;
}

.hg-idea__body {
  margin: 1.35rem 0 0;
  max-width: 54ch;
  color: rgba(11, 11, 11, 0.72);
  font-size: 1.05rem;
  line-height: 1.7;
}

.hg-idea__pillars {
  margin: 2.5rem 0 0;
  padding-top: 1.75rem;
  border-top: 1px solid rgba(0, 31, 66, 0.12);
}

.hg-idea__pillars-label {
  margin: 0 0 1.1rem;
  color: rgba(0, 31, 66, 0.5);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hg-idea__pillars-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}

.hg-idea__pillars-list li {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: baseline;
  padding: 0.95rem 1rem 0.95rem 0;
  border-top: 1px solid rgba(11, 11, 11, 0.08);
}

.hg-idea__pillars-list li:nth-child(-n + 2) {
  border-top: 0;
  padding-top: 0;
}

.hg-idea__pillars-num {
  color: #00295b;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-variation-settings: "wdth" 120;
}

.hg-idea__pillars-text {
  color: rgba(11, 11, 11, 0.88);
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.35;
}

@media (max-width: 720px) {
  .hg-idea {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .hg-idea__pillars-list {
    grid-template-columns: 1fr;
  }

  .hg-idea__pillars-list li:nth-child(-n + 2) {
    border-top: 1px solid rgba(11, 11, 11, 0.08);
    padding-top: 0.95rem;
  }

  .hg-idea__pillars-list li:first-child {
    border-top: 0;
    padding-top: 0;
  }
}

/* Map plan — cinematic day columns */
.hg-mapplan {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-bottom: 0;
  padding:
    clamp(3.75rem, 8vw, 6.5rem)
    max(18px, env(safe-area-inset-right, 0px), calc((100% - var(--hg-max)) / 2))
    clamp(3.5rem, 7vw, 5.5rem)
    max(18px, env(safe-area-inset-left, 0px), calc((100% - var(--hg-max)) / 2));
  background: #070707;
  color: var(--hg-white);
  scroll-margin-top: calc(var(--hg-bar-h) + 24px);
}

.hg-mapplan::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: #070707;
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.9) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.78) 100%),
    url("/assets/images/404/bg.avif");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hg-mapplan__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "head ics"
    "grid grid";
  column-gap: 1.5rem;
  align-items: center;
}

.hg-mapplan__head {
  grid-area: head;
  margin: 0 0 clamp(2.25rem, 5vw, 3.5rem);
  animation: hg-mapplan-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hg-mapplan__head-copy {
  display: grid;
  gap: 0.85rem;
  max-width: 40rem;
  min-width: 0;
}

.hg-mapplan__ics {
  grid-area: ics;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: start;
  margin: 0.35rem 0 clamp(2.25rem, 5vw, 3.5rem);
  min-height: clamp(3rem, 4.1vw, 3.6875rem);
  padding: 0 clamp(1.5rem, 3vw, 2.5rem);
  border: 0;
  border-radius: 1000px;
  background: linear-gradient(90deg, #e2c987 0%, #d9b362 50%, #b28b46 100%);
  color: #101521;
  font-family: Arimo, system-ui, sans-serif;
  font-size: clamp(0.875rem, 1.11vw, 1rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.hg-mapplan__ics:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(217, 179, 98, 0.25);
}

.hg-mapplan__ics:active {
  transform: translateY(0);
}

.hg-mapplan__watermark {
  margin: 0;
  max-width: 100%;
  color: rgba(255, 255, 255, 0.045);
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.12);
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(3rem, 7.5vw, 5.75rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1.12;
  padding: 0.06em 0.02em;
  font-variation-settings: "wdth" 150, "opsz" 144;
  user-select: none;
  justify-self: end;
}

.hg-mapplan__kicker {
  margin: 0;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.hg-mapplan__title {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2em 0.35em;
  margin: 0;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(2.6rem, 7vw, 4.6rem);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.04em;
  font-variation-settings: "wdth" 140, "opsz" 72;
}

.hg-mapplan__title span:last-child {
  color: #e2c987;
}

.hg-mapplan__grid {
  grid-area: grid;
  display: grid;
  /* Cap columns so 5ГўВЂВ“7 days wrap to a second row instead of crushing one row. */
  grid-template-columns: repeat(var(--hg-map-cols, 3), minmax(0, 1fr));
  column-gap: clamp(1.25rem, 2.5vw, 2.25rem);
  row-gap: clamp(2.25rem, 4.5vw, 3.5rem);
  align-items: start;
}

.hg-mapplan__day {
  position: relative;
  min-width: 0;
  animation: hg-mapplan-in 0.85s calc(0.08s + var(--hg-map-i, 0) * 0.1s)
    cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hg-mapplan__day-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1.35rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.hg-mapplan__day-copy {
  min-width: 0;
}

.hg-mapplan__day-num {
  color: rgba(255, 255, 255, 0.05);
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.16);
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(2.8rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.12;
  padding: 0.06em 0;
  letter-spacing: -0.06em;
  font-variation-settings: "wdth" 150;
  pointer-events: none;
  user-select: none;
}

.hg-mapplan__day-title {
  margin: 0;
  color: var(--hg-white);
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(1.35rem, 2.4vw, 1.65rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  font-variation-settings: "wdth" 125;
}

.hg-mapplan__day-title--btn {
  appearance: none;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: color 160ms ease;
}

.hg-mapplan__day-title--btn:hover {
  color: #e2c987;
}

.hg-mapplan__day-count {
  margin: 0.35rem 0 0;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.hg-mapplan__timeline {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0.85rem;
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.hg-mapplan__timeline > li + li {
  margin-top: 0;
}

.hg-mapplan__stop {
  position: relative;
  appearance: none;
  display: grid;
  grid-template-columns: 3.4rem minmax(0, 1fr);
  gap: 0.55rem 0.75rem;
  width: 100%;
  margin: 0;
  padding: 0.15rem 0 1.2rem 0.95rem;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: opacity 160ms ease, transform 160ms ease;
}

.hg-mapplan__timeline > li:last-child .hg-mapplan__stop {
  padding-bottom: 0.15rem;
}

.hg-mapplan__stop:hover:not(:disabled) {
  opacity: 1;
}

.hg-mapplan__stop:hover:not(:disabled) .hg-mapplan__copy strong {
  color: #e2c987;
}

.hg-mapplan__stop:hover:not(:disabled) .hg-mapplan__dot {
  transform: translateX(-50%) scale(1.25);
}

.hg-mapplan__stop:disabled {
  cursor: default;
}

.hg-mapplan__dot {
  position: absolute;
  left: -0.85rem;
  top: 0.35rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: #e2c987;
  box-shadow: 0 0 0 4px rgba(5, 7, 12, 0.92);
  transform: translateX(-50%);
}

.hg-mapplan__stop.is-pause .hg-mapplan__dot {
  background: transparent;
  border: 1px solid rgba(226, 201, 135, 0.65);
}

.hg-mapplan__time {
  margin: 0;
  color: #e2c987;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}

.hg-mapplan__time--empty {
  display: block;
  min-height: 1em;
}

.hg-mapplan__copy {
  min-width: 0;
}

.hg-mapplan__copy strong {
  display: block;
  color: var(--hg-white);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.hg-mapplan__stop.is-pause .hg-mapplan__copy strong {
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}

.hg-mapplan__meta {
  display: block;
  margin-top: 0.28rem;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.78rem;
  line-height: 1.35;
}

@keyframes hg-mapplan-in {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1100px) {
  .hg-mapplan__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  .hg-mapplan__inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "grid"
      "ics";
  }

  .hg-mapplan__head {
    margin-bottom: clamp(1.75rem, 5vw, 2.5rem);
  }

  .hg-mapplan__ics {
    width: 100%;
    max-width: none;
    align-self: stretch;
    justify-self: stretch;
    margin: clamp(1.75rem, 5vw, 2.5rem) 0 0;
    min-height: 3rem;
    padding: 0 1.25rem;
    font-size: 0.8125rem;
  }

  .hg-mapplan__watermark {
    justify-self: start;
    font-size: clamp(3.5rem, 16vw, 5.5rem);
    opacity: 0.85;
  }

  .hg-mapplan__grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .hg-mapplan__day + .hg-mapplan__day {
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hg-mapplan__head,
  .hg-mapplan__day {
    animation: none;
  }
}

/* Shell — dark content like kzn route page */
/* Adventure itinerary (Airbnb Adventures–inspired structure) */
/* ===== Day Stage — one day + practical guide ===== */
.hg-shell--daystage {
  --ds-navy: #001f42;
  --ds-ink: #00295b;
  --ds-muted: rgba(0, 41, 91, 0.62);
  --ds-line: rgba(0, 31, 66, 0.12);
  --ds-bg: #ffffff;
  --ds-soft: #f0f7ff;
  --ds-card: #ffffff;
  --ds-gold: #b28b46;
  --ds-gold-deep: #96704d;
  --ds-rail: 12.5rem;
  width: 100%;
  margin: 0;
  padding:
    clamp(2.5rem, 4vw, 3.5rem)
    max(20px, calc((100% - 1120px) / 2))
    clamp(3.5rem, 6vw, 5rem);
  background: var(--ds-bg);
  color: var(--ds-ink);
}

.hg-daystage {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 1120px;
  margin: 0 auto;
}

.hg-daystage__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--ds-rail);
  gap: 1.75rem 2rem;
  align-items: start;
}

.hg-daystage__main {
  min-width: 0;
}

.hg-daystage__intro {
  margin: 0 0 clamp(1.75rem, 3vw, 2.5rem);
  padding-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
  border-bottom: 1px solid var(--ds-line);
}

.hg-daystage__intro-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem 1.5rem;
}

.hg-daystage__title {
  margin: 0;
  font-family: "Merriweather", Georgia, serif;
  font-size: clamp(2.5rem, 4.31vw, 3.875rem);
  font-weight: 300;
  line-height: clamp(2.5rem, 4.24vw, 3.8125rem);
  letter-spacing: 0;
  color: var(--ds-navy);
}

.hg-daystage__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.35rem;
  margin: 0;
  font-family: "Inter", system-ui, sans-serif;
  font-size: clamp(0.8125rem, 1.05vw, 0.9375rem);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #001f42;
}

.hg-daystage__meta-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem 0.75rem;
}

.hg-daystage__meta-row > span + span::before {
  content: "·";
  margin-right: 0.75rem;
  color: rgba(0, 31, 66, 0.45);
}

.hg-daystage__for {
  margin: 0.85rem 0 0;
  max-width: 40rem;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: clamp(0.9375rem, 1.15vw, 1.05rem);
  line-height: 1.55;
  color: var(--ds-muted);
}

.hg-daystage__switcher {
  position: sticky;
  top: calc(var(--hg-bar-h) + var(--hg-progress-h) + 12px);
  z-index: 40;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  max-height: calc(100vh - var(--hg-bar-h) - var(--hg-progress-h) - 28px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  background: transparent;
}

.hg-daystage__tab {
  appearance: none;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 0.75rem 0.9rem;
  border: 1px solid rgba(0, 31, 66, 0.12);
  border-radius: 14px;
  background: transparent;
  color: var(--ds-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease;
}

.hg-daystage__tab:hover,
.hg-daystage__tab:focus-visible {
  background: rgba(0, 31, 66, 0.04);
  border-color: rgba(0, 31, 66, 0.28);
  outline: none;
}

.hg-daystage__tab.is-active {
  background: var(--ds-navy);
  border-color: var(--ds-navy);
  color: #fff;
}

.hg-daystage__tab.is-active:hover,
.hg-daystage__tab.is-active:focus-visible {
  background: #00305f;
  border-color: #00305f;
}

.hg-daystage__tab-day {
  display: block;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ds-navy);
}

.hg-daystage__tab.is-active .hg-daystage__tab-day {
  color: rgba(255, 255, 255, 0.75);
}

.hg-daystage__tab-theme {
  display: -webkit-box;
  margin-top: 0.28rem;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--ds-ink);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hg-daystage__tab.is-active .hg-daystage__tab-theme {
  color: rgba(255, 255, 255, 0.92);
}

.hg-daystage__stage {
  min-width: 0;
}

.hg-ds-day[hidden] {
  display: none !important;
}

.hg-ds-day__head {
  margin: 0 0 1.5rem;
  padding: 0;
  border-bottom: 0;
}

.hg-ds-day__media {
  position: relative;
  margin: 0 0 1.35rem;
  padding: 0.5rem;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #e8eef5;
}

.hg-ds-day__media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hg-ds-day__media-frame {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  pointer-events: none;
}

.hg-ds-day__copy {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  max-width: 42rem;
}

.hg-weatherblock {
  --hg-weather-info-w: clamp(16rem, 22.78vw, 20.5rem);

  position: relative;
  width: 100%;
  margin: 0;
  padding-top: clamp(2.75rem, 5vw, 4.25rem);
  padding-bottom: clamp(2.75rem, 5vw, 4.25rem);
  background: #fff;
  color: #001f42;
  overflow: hidden;
  overflow-x: clip;
}

.hg-weatherblock__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(1.75rem, 3.5vw, 2.75rem);
  width: min(1120px, calc(100% - 40px));
  margin-inline: auto;
}

.hg-weatherblock__inner:not(:has(.hg-weatherblock__info)) {
  width: min(720px, calc(100% - 40px));
}

.hg-weatherblock__info {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2.43vw, 2.1875rem);
  max-width: var(--hg-weather-info-w);
}

.hg-weatherblock__heading-group {
  display: flex;
  flex-direction: column;
  gap: clamp(0.85rem, 1.6vw, 1.35rem);
}

.hg-weatherblock__title {
  margin: 0;
  font-family: "Merriweather", Georgia, serif;
  font-size: clamp(2.5rem, 4.31vw, 3.875rem);
  font-weight: 300;
  line-height: clamp(2.5rem, 4.24vw, 3.8125rem);
  letter-spacing: 0;
  color: #001f42;
}

.hg-weatherblock__description {
  margin: 0;
  max-width: min(100%, 23.5rem);
  font-size: clamp(0.875rem, 1.05vw, 0.9375rem);
  line-height: 1.5;
  color: #00295b;
}

.hg-weatherblock__aside {
  position: relative;
  isolation: isolate;
  min-width: 0;
  width: 100%;
}

.hg-weatherblock__aside::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 12%;
  right: calc(50% - 50vw);
  bottom: calc(-1 * clamp(1.5rem, 3vw, 2.5rem));
  left: calc(50% - 50vw);
  background: #f0f7ff;
  pointer-events: none;
}

.hg-weatherblock__aside > * {
  position: relative;
  z-index: 1;
}

@media (min-width: 1024px) {
  .hg-weatherblock__inner {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 4.17vw, 3.75rem);
  }

  .hg-weatherblock__info {
    flex: 0 0 var(--hg-weather-info-w);
    max-width: var(--hg-weather-info-w);
  }

  .hg-weatherblock__aside {
    flex: 1 1 auto;
  }

  .hg-weatherblock__aside::before {
    left: -1.5rem;
    right: calc(50% - 50vw);
    top: 8%;
    bottom: -8%;
    border-radius: 0;
  }
}

@media (max-width: 1023px) {
  .hg-weatherblock__info {
    max-width: 100%;
  }

  .hg-weatherblock__description {
    max-width: 36rem;
  }
}

.hg-ds-weather {
  --hg-weather-bg: linear-gradient(145deg, #3aa0e8 0%, #1d6fbf 48%, #0f4f96 100%);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0;
  padding: 1.15rem 1.2rem 1rem;
  border-radius: 18px;
  color: #fff;
  background:
    linear-gradient(180deg, rgba(8, 28, 54, 0.28), rgba(8, 28, 54, 0.55)),
    var(--hg-weather-bg);
  background-size: cover;
  background-position: center;
  box-shadow: 0 14px 34px rgba(0, 31, 66, 0.18);
}

.hg-ds-weather.has-photo {
  background-image:
    linear-gradient(180deg, rgba(4, 16, 36, 0.55), rgba(4, 16, 36, 0.78)),
    var(--hg-weather-bg);
}

.hg-ds-weather__veil {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(80% 70% at 12% 0%, rgba(255, 255, 255, 0.08), transparent 55%),
    linear-gradient(180deg, rgba(0, 12, 28, 0.2), rgba(0, 12, 28, 0.35));
}

.hg-ds-weather__top,
.hg-ds-weather__panel,
.hg-ds-weather__main,
.hg-ds-weather__metrics,
.hg-ds-weather__hourly,
.hg-ds-weather__loading {
  position: relative;
  z-index: 1;
}

.hg-ds-weather__top {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.5rem;
}

.hg-ds-weather__city {
  margin: 0;
  text-align: center;
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
}

.hg-ds-weather__panel {
  margin: 0.85rem 0 0;
  padding: 0.7rem 0.8rem;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(6px);
}

.hg-ds-weather__panel p {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.92);
}

.hg-ds-weather__main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem 1.35rem;
  margin-top: 0.85rem;
  flex-wrap: wrap;
}

.hg-ds-weather__temp {
  font-size: clamp(2.6rem, 6vw, 3.4rem);
  font-weight: 650;
  line-height: 1;
  letter-spacing: -0.04em;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.28);
}

.hg-ds-weather__cond {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
}

.hg-ds-weather__cond span {
  font-size: 1.05rem;
  font-weight: 500;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
}

.hg-ds-weather__glyph {
  width: 2.6rem;
  height: 2.6rem;
  flex: 0 0 auto;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
}

.hg-ds-weather__glyph--sm {
  width: 1.7rem;
  height: 1.7rem;
}

.hg-ds-weather__metrics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem 1.35rem;
  margin: 0.85rem 0 0;
  padding: 0;
  list-style: none;
}

.hg-ds-weather__metrics li {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.92rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.95);
}

.hg-ds-weather__metrics svg {
  width: 1.05rem;
  height: 1.05rem;
  opacity: 0.92;
}

.hg-ds-weather__loading {
  margin: 1rem 0 0.25rem;
  text-align: center;
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.88);
}

.hg-ds-weather__hourly {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr) 1.75rem;
  align-items: center;
  column-gap: 0.3rem;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(255, 255, 255, 0.28);
}

.hg-ds-weather__nav {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #0f2f52;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  transition:
    background 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.hg-ds-weather__nav svg {
  width: 0.9rem;
  height: 0.9rem;
  display: block;
  overflow: visible;
}

.hg-ds-weather__nav:hover {
  background: #f4f7fb;
  transform: scale(1.04);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.26);
}

.hg-ds-weather__nav:active {
  transform: scale(0.97);
}

.hg-ds-weather__nav:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.hg-ds-weather__hours {
  display: flex;
  gap: 0.1rem;
  margin: 0;
  padding: 0.1rem 0;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}

.hg-ds-weather__hours::-webkit-scrollbar {
  display: none;
}

.hg-ds-weather__hours li {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 0.28rem;
  min-width: 3.6rem;
  padding: 0.15rem 0.35rem;
  scroll-snap-align: start;
}

.hg-ds-weather__hours em {
  font-style: normal;
  font-size: 0.78rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.82);
}

.hg-ds-weather__hours strong {
  font-size: 0.9rem;
  font-weight: 650;
}

.hg-ds-day__label {
  margin: 0;
  font-family: "Inter", system-ui, sans-serif;
  font-size: clamp(0.8125rem, 1.05vw, 0.9375rem);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ds-gold);
}

.hg-ds-day__label span {
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(178, 139, 70, 0.75);
}

.hg-ds-day__title {
  margin: 0;
  font-family: "Merriweather", Georgia, serif;
  font-size: clamp(1.65rem, 2.8vw, 2.35rem);
  font-weight: 300;
  line-height: 1.2;
  color: var(--ds-navy);
  text-wrap: balance;
}

.hg-ds-day__focus {
  margin: 0.15rem 0 0;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: var(--ds-ink);
}

.hg-ds-day__focus span {
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ds-navy);
}

.hg-ds-day__mood {
  margin: 0.1rem 0 0;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--ds-ink);
}

.hg-ds-day__planb {
  margin: 0 0 1.35rem;
  padding: 0.15rem 0 0.15rem 1rem;
  border: 0;
  border-left: 2px solid var(--ds-navy);
  border-radius: 0;
  background: transparent;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.45;
  color: var(--ds-ink);
}

.hg-ds-day__planb span {
  display: inline;
  margin: 0 0.35rem 0 0;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ds-navy);
}

.hg-ds-budget {
  margin: 0 0 1.15rem;
  padding: 1.05rem 1.15rem 1.1rem;
  background: rgba(0, 31, 66, 0.03);
  border: 1px solid rgba(0, 31, 66, 0.14);
  border-radius: 14px;
}

.hg-ds-budget__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem 1.1rem;
}

.hg-ds-budget__grid > div {
  min-width: 0;
}

@media (max-width: 1100px) {
  .hg-ds-budget__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.hg-ds-budget__grid em {
  display: block;
  margin: 0 0 0.25rem;
  font-style: normal;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ds-navy);
}

.hg-ds-budget__grid strong {
  display: block;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--ds-ink);
  word-break: break-word;
}

.hg-ds-budget__fx {
  display: block;
  margin-top: 0.15rem;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--ds-muted);
}

.hg-ds-budget__total strong {
  font-weight: 700;
  color: var(--ds-navy);
}

.hg-ds-budget__footer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.35rem;
  margin: 0.85rem 0 0;
}

.hg-ds-budget__footer-spacer {
  flex: 1 1 auto;
  min-width: 0;
}

.hg-ds-budget__trip {
  margin: 0;
  flex: 0 0 auto;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  color: var(--ds-navy);
}

.hg-ds-budget__rate {
  margin: 0;
  flex: 0 1 auto;
  max-width: 100%;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--ds-muted);
  text-align: left;
}

.hg-ds-check {
  margin: 0 0 1.15rem;
  padding: 1rem 1.1rem;
  background: #fff;
  border: 1px solid var(--ds-line);
  border-radius: 0;
}

.hg-ds-check__title {
  margin: 0 0 0.55rem;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ds-gold-deep);
}

.hg-ds-check ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hg-ds-check li {
  position: relative;
  padding: 0.3rem 0 0.3rem 0.95rem;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--ds-ink);
}

.hg-ds-check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--ds-gold);
}

.hg-ds-day__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.hg-ds-slot {
  margin: 1.5rem 0 0.65rem;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ds-gold-deep);
}

.hg-ds-slot:first-child {
  margin-top: 0.35rem;
}

.hg-ds-stop {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  margin: 0 0 1.15rem;
  background: var(--ds-card);
  border: 1px solid var(--ds-line);
  border-radius: 0;
  overflow: hidden;
  scroll-margin-top: calc(var(--hg-bar-h) + 72px);
}

.hg-ds-stop.is-anchor {
  border-color: rgba(0, 31, 66, 0.22);
  box-shadow: inset 3px 0 0 var(--ds-navy);
}

.hg-ds-stop.is-pause {
  background: var(--ds-soft);
}

.hg-ds-stop__media {
  position: relative;
  margin: 0;
  aspect-ratio: 16 / 10;
  background: #e8eef5;
  overflow: hidden;
}

.hg-ds-stop__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hg-ds-stop__media--slider img {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.85s ease;
}

.hg-ds-stop__media--slider img.is-active {
  opacity: 1;
  z-index: 1;
}

.hg-ds-stop__nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: rgba(0, 31, 66, 0.88);
  box-shadow: 0 1px 2px rgba(0, 20, 40, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  transform: translateY(-50%);
  opacity: 0.92;
  transition:
    opacity 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.hg-ds-stop__nav::before {
  content: "";
  display: block;
  width: 0.38rem;
  height: 0.38rem;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
}

.hg-ds-stop__nav--prev {
  left: 0.6rem;
}

.hg-ds-stop__nav--prev::before {
  transform: translateX(0.1rem) rotate(-135deg);
}

.hg-ds-stop__nav--next {
  right: 0.6rem;
}

.hg-ds-stop__nav--next::before {
  transform: translateX(-0.1rem) rotate(45deg);
}

.hg-ds-stop__nav:hover {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 8px rgba(0, 20, 40, 0.14);
}

.hg-ds-stop__nav:active {
  transform: translateY(-50%) scale(0.96);
}

@media (hover: hover) and (pointer: fine) {
  .hg-ds-stop__nav {
    opacity: 0;
  }

  .hg-ds-stop__media--slider:hover .hg-ds-stop__nav,
  .hg-ds-stop__nav:focus-visible {
    opacity: 1;
  }
}

.hg-ds-stop__dots {
  position: absolute;
  left: 50%;
  bottom: 0.7rem;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.28rem;
  padding: 0.28rem 0.4rem;
  border-radius: 999px;
  background: rgba(0, 20, 40, 0.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transform: translateX(-50%);
}

.hg-ds-stop__dot {
  width: 0.28rem;
  height: 0.28rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  transition:
    width 0.2s ease,
    background 0.2s ease;
}

.hg-ds-stop__dot.is-active {
  width: 0.7rem;
  background: #fff;
}

.hg-ds-stop__media--miss {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0ebe3;
  aspect-ratio: 16 / 7;
}

.hg-ds-stop__miss-label {
  max-width: 18rem;
  padding: 0.75rem 1rem;
  text-align: center;
  font-size: 0.82rem;
  line-height: 1.4;
  color: #6a6460;
}

.hg-ds-stop__rating-warn {
  margin-left: 0.35rem;
  padding: 0.1rem 0.35rem;
  border: 1px solid #c47a4a;
  color: #aa5432;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.hg-ds-stop__media figcaption {
  padding: 0.25rem 0.85rem;
  font-size: 0.68rem;
  color: #9aa1a9;
  background: #eef0f3;
}

.hg-ds-stop__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.25rem;
  padding: 1.25rem 1.4rem 1.65rem;
  font-family: "Arimo", system-ui, sans-serif;
}

.hg-ds-stop__body,
.hg-ds-stop__body :where(time, h3, p, span, a, dt, dd, summary, strong, em, button) {
  font-family: "Arimo", system-ui, sans-serif;
}

.hg-ds-stop__topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  width: 100%;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(0, 31, 66, 0.18);
}

.hg-ds-stop__topline-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  min-width: 0;
  flex: 1 1 auto;
  text-align: left;
}

.hg-ds-stop__time {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 0;
  margin-left: auto;
}

.hg-ds-stop__time-stack {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.35rem;
  width: auto;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  text-align: center;
}

.hg-ds-stop__time time,
.hg-ds-stop__time-start,
.hg-ds-stop__time-end {
  display: block;
  width: auto;
  font-family: "Arimo", system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
  color: #001f42;
  white-space: nowrap;
  text-align: center;
}

.hg-ds-stop__time-end {
  color: rgba(0, 31, 66, 0.72);
  font-weight: 500;
}

.hg-ds-stop__time-start + .hg-ds-stop__time-end::before {
  content: "–";
  margin-right: 0.35rem;
  color: #001f42;
  font-weight: 700;
  font-size: 1.05em;
}

.hg-ds-stop__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 1.45rem;
  padding: 0 0.25rem;
  border-radius: 4px;
  background: rgba(0, 31, 66, 0.08);
  font-size: 13px;
  font-weight: 700;
  color: var(--ds-navy);
}

.hg-ds-stop__num.is-pause {
  background: transparent;
  color: var(--ds-muted);
}

.hg-ds-stop__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

.hg-ds-stop__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
}

.hg-ds-stop__title-row h3 {
  margin: 0;
  line-height: 1.2;
}

.hg-ds-stop h3 {
  margin: 0;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--ds-navy);
}

.hg-ds-stop.is-pause h3 {
  font-weight: 600;
  color: var(--ds-muted);
}

.hg-ds-stop__meta {
  margin: 0;
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ds-muted);
}

.hg-ds-stop__lead {
  margin: 0;
  max-width: 46rem;
  font-size: 0.98rem;
  line-height: 1.55;
  color: var(--ds-ink);
}

.hg-ds-stop__tips {
  position: relative;
  margin: 0;
}

.hg-ds-stop__tips-frame {
  display: none;
}

.hg-ds-stop__tips-inner {
  position: relative;
  z-index: 1;
  padding: 0;
}

.hg-ds-stop__tips-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

.hg-ds-stop__note {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--ds-ink);
}

.hg-ds-stop__note-label {
  display: block;
  margin: 0 0 0.3rem;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ds-navy);
}

.hg-ds-stop__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.5rem;
  margin: 0;
}

.hg-ds-stop__facts div {
  min-width: 0;
}

.hg-ds-stop__facts dt {
  margin: 0;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ds-navy);
}

.hg-ds-stop__facts dd {
  margin: 0.3rem 0 0;
  font-size: 16px;
  line-height: 1.45;
  color: var(--ds-ink);
}

.hg-ds-stop__ctas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.6rem;
  margin: 0;
  padding-top: 0.15rem;
}

.hg-ds-cta {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.15rem;
  min-width: 6.75rem;
  padding: 0.4rem 1.35rem;
  border: 1px solid var(--ds-navy);
  border-radius: 999px;
  background: transparent;
  color: var(--ds-navy);
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.hg-ds-cta:hover,
.hg-ds-cta:focus-visible {
  border-color: var(--ds-navy);
  background: var(--ds-soft);
}

.hg-ds-cta--primary {
  background: var(--ds-navy);
  border-color: var(--ds-navy);
  color: #fff;
}

.hg-ds-cta--primary:hover,
.hg-ds-cta--primary:focus-visible {
  background: #00305f;
  border-color: #00305f;
  color: #fff;
}

.hg-ds-stop__planb-flag {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8a7420;
}

.hg-ds-stop__more {
  margin: 0;
  padding: 0;
  /* Transparent border when closed → no 2px jump on open */
  border: 1px solid transparent;
  border-radius: 14px;
  background: rgba(0, 31, 66, 0.04);
  overflow: hidden;
}

.hg-ds-stop__more summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  box-sizing: border-box;
  width: 100%;
  min-height: 2.85rem;
  margin: 0;
  padding: 0.7rem 1.15rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ds-navy);
  cursor: pointer;
  list-style: none;
  transition: background 0.15s ease;
}

.hg-ds-stop__more summary::-webkit-details-marker,
.hg-ds-stop__more summary::marker {
  display: none;
  content: "";
}

.hg-ds-stop__more summary:hover,
.hg-ds-stop__more summary:focus-visible {
  background: rgba(0, 31, 66, 0.06);
  outline: none;
}

.hg-ds-stop__more[open] {
  border-color: rgba(0, 31, 66, 0.18);
  background: rgba(0, 31, 66, 0.03);
}

.hg-ds-stop__more[open] summary {
  border-bottom: 1px solid rgba(0, 31, 66, 0.1);
  background: rgba(0, 31, 66, 0.06);
}

.hg-ds-stop__more[open] summary:hover,
.hg-ds-stop__more[open] summary:focus-visible {
  background: rgba(0, 31, 66, 0.09);
}

/* Keep Chrome details expand from clipping / jumping the panel */
.hg-ds-stop__more::details-content {
  overflow: hidden;
}

.hg-ds-stop__more-label {
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--ds-navy);
}

.hg-ds-stop__more-chev {
  flex: 0 0 auto;
  display: block;
  width: 1.15rem;
  height: 1.15rem;
  margin-right: 0.1rem;
  transition: transform 0.18s ease;
}

.hg-ds-stop__more[open] .hg-ds-stop__more-chev {
  transform: rotate(180deg);
}

.hg-ds-stop__panel {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.1rem 1.15rem 1.2rem;
  border: 0;
  background: transparent;
}

.hg-ds-stop__panel .hg-ds-stop__lead,
.hg-ds-stop__panel .hg-ds-stop__note,
.hg-ds-stop__panel .hg-ds-planb,
.hg-ds-stop__panel .hg-tl-facts,
.hg-ds-stop__panel .hg-ds-insights,
.hg-ds-stop__panel .hg-ds-stop__actions {
  margin: 0;
}

.hg-ds-stop__panel .hg-tl-facts {
  grid-template-columns: 1fr;
  gap: 0.85rem 1.15rem;
}

.hg-ds-stop__panel .hg-tl-fact,
.hg-ds-stop__panel .hg-tl-fact__text,
.hg-ds-stop__panel .hg-tl-fact__text p {
  width: 100%;
  max-width: none;
}

.hg-ds-stop__panel .hg-tl-fact__text span {
  margin-bottom: 0.25rem;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ds-navy);
}

.hg-ds-stop__panel .hg-tl-fact__text p {
  margin: 0;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: var(--ds-ink);
}

.hg-ds-stop__panel .hg-ds-stop__actions {
  padding-top: 0.15rem;
  gap: 0.5rem 0.55rem;
}

.hg-ds-stop__context,
.hg-ds-stop__aside {
  margin: 0;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 0.94rem;
  line-height: 1.55;
  color: #333941;
}

.hg-ds-stop__context {
  color: var(--ds-navy);
}

.hg-ds-planb {
  margin: 0;
  padding: 0;
  background: transparent;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--ds-ink);
}

.hg-ds-miss {
  margin: 0;
  padding: 0;
  background: transparent;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--ds-ink);
}

.hg-ds-planb__label {
  display: block;
  margin: 0 0 0.25rem;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ds-navy);
}

.hg-ds-miss__label {
  display: block;
  margin: 0 0 0.25rem;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ds-navy);
}

.hg-ds-insights {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.hg-ds-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.hg-ds-tags span {
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  background: #eef1f5;
  font-size: 13px;
  font-weight: 650;
  color: #3a4046;
}

.hg-ds-stop__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.hg-ds-transit {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0.55rem 0 1.5rem;
  padding: 0.15rem 0;
  color: var(--ds-navy);
}

.hg-ds-transit__path {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  width: 100%;
  max-width: 100%;
}

.hg-ds-transit__line {
  flex: 1 1 auto;
  min-width: 2rem;
  height: 1px;
  background: rgba(0, 31, 66, 0.2);
}

.hg-ds-transit__place {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 9.5rem;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.15;
  color: var(--ds-navy);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hg-ds-transit__place--to {
  text-align: right;
}

.hg-ds-transit__wave {
  display: block;
  flex: 1 1 6rem;
  min-width: 4.5rem;
  width: auto;
  height: 1.55rem;
  color: rgba(0, 31, 66, 0.38);
}

.hg-ds-transit__mode {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0.48rem 0.95rem 0.48rem 0.7rem;
  border-radius: 999px;
  background: #001f42;
  color: #fff;
  white-space: nowrap;
}

.hg-ds-transit__mode:has(.hg-ds-transit__mode-note) {
  margin-bottom: 1.15rem;
  border-radius: 1.05rem 1.05rem 0 0;
}

.hg-ds-transit__mode-main {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.hg-ds-transit__mode .hg-ds-transit__icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #fff;
}

.hg-ds-transit__mode-label {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
}

.hg-ds-transit__mode-dur {
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}

.hg-ds-transit__mode-dur::before {
  content: "·";
  margin-right: 0.4rem;
  color: rgba(255, 255, 255, 0.55);
}

.hg-ds-transit__mode-note {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding: 0.05rem 0.7rem 0.38rem;
  border-radius: 0 0 1.05rem 1.05rem;
  background: #001f42;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
}

.hg-ds-transit__icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 1.2rem;
  height: 1.2rem;
  color: currentColor;
  background-color: currentColor;
  -webkit-mask-image: var(--transit-icon);
  mask-image: var(--transit-icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.hg-ds-day__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem 1.25rem;
  margin-top: 2rem;
  padding-top: 1.35rem;
  border-top: 1px solid var(--ds-line);
}

.hg-ds-day__nav-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 2.5rem;
  padding: 0.35rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ds-navy);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: opacity 0.15s ease, color 0.15s ease;
}

.hg-ds-day__nav-btn:hover:not(:disabled),
.hg-ds-day__nav-btn:focus-visible:not(:disabled) {
  color: #00305f;
}

.hg-ds-day__nav-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.hg-ds-day__nav-btn--next {
  margin-left: auto;
  background: transparent;
  border: 0;
  color: var(--ds-navy);
}

.hg-ds-day__nav-btn--next:hover:not(:disabled),
.hg-ds-day__nav-btn--next:focus-visible:not(:disabled) {
  background: transparent;
  color: #00305f;
}

.hg-ds-day__nav-arrow {
  width: 2.25rem;
  height: auto;
  filter: brightness(0) saturate(100%) invert(10%) sepia(42%) saturate(2500%)
    hue-rotate(191deg) brightness(0.95) contrast(101%);
}

.hg-ds-day__nav-arrow--prev {
  transform: scaleX(-1);
}

.hg-daystage__extra {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--ds-line);
}

.hg-daystage__extra .hg-chapter {
  margin-bottom: 1.75rem;
}

@media (max-width: 920px) {
  .hg-shell--daystage {
    padding:
      clamp(2rem, 4vw, 2.75rem)
      max(16px, calc((100% - 820px) / 2))
      clamp(3rem, 5vw, 4rem);
    overflow-x: clip;
    box-sizing: border-box;
  }

  .hg-daystage {
    width: 100%;
    max-width: 820px;
    min-width: 0;
  }

  .hg-daystage__intro-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .hg-daystage__meta {
    align-items: flex-start;
  }

  .hg-daystage__meta-row {
    justify-content: flex-start;
  }

  .hg-daystage__body {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
  }

  .hg-daystage__main {
    min-width: 0;
    max-width: 100%;
  }

  .hg-daystage__switcher {
    order: -1;
    position: sticky;
    top: calc(var(--hg-bar-h) + var(--hg-progress-h));
    z-index: 45;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.5rem;
    margin: 0 0 1.25rem;
    padding: 0.55rem 0;
    max-height: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    background: #fff;
    -webkit-overflow-scrolling: touch;
  }

  .hg-ds-budget {
    max-width: 100%;
    box-sizing: border-box;
  }

  .hg-ds-budget__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hg-daystage__switcher::-webkit-scrollbar {
    display: none;
  }

  .hg-daystage__tab {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 0.65rem 1.05rem;
    border-radius: 999px;
    background: transparent;
    text-align: center;
    scroll-snap-align: start;
  }

  .hg-daystage__tab.is-active {
    background: var(--ds-navy);
  }

  .hg-daystage__tab-theme {
    display: none;
  }

  .hg-daystage__tab-day {
    margin: 0;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
  }

  .hg-daystage__tab.is-active .hg-daystage__tab-day {
    color: #fff;
  }
}

@media (max-width: 720px) {
  /* No scroll progress strip; header height = shell pads + upper row */
  .hg {
    --hg-progress-h: 0px;
    --hg-bar-h: calc(0.875rem + 3rem + 0.875rem);
  }

  .hg-progress {
    display: none !important;
  }

  [data-compass-chrome] .site-header {
    top: 0;
  }

  .hg-shell--daystage {
    padding: 1.75rem 1rem 3.5rem;
  }

  .hg-daystage__intro-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .hg-daystage__meta {
    justify-content: flex-start;
  }

  .hg-ds-budget {
    padding: 0.9rem 0.95rem 1rem;
  }

  .hg-ds-budget__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem 0.75rem;
  }

  .hg-ds-budget__grid > div {
    min-width: 0;
  }

  .hg-ds-budget__grid strong {
    font-size: 15px;
    overflow-wrap: anywhere;
  }

  .hg-ds-budget__fx {
    font-size: 13px;
  }

  .hg-ds-budget__trip,
  .hg-ds-budget__rate {
    flex: 1 1 auto;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .hg-ds-stop__num {
    display: none;
  }

  .hg-ds-stop__topline {
    align-items: flex-start;
    gap: 0.75rem;
  }

  .hg-ds-stop__time time,
  .hg-ds-stop__time-start,
  .hg-ds-stop__time-end {
    font-size: 0.82rem;
  }

  .hg-ds-stop__ctas {
    flex-wrap: nowrap;
    gap: 0.35rem;
    width: 100%;
  }

  .hg-ds-stop__ctas .hg-ds-cta {
    flex: 1 1 0;
    min-width: 0;
    min-height: 2rem;
    padding: 0.35rem 0.4rem;
    font-size: 11px;
    letter-spacing: 0.04em;
  }

  .hg-ds-stop__facts {
    grid-template-columns: 1fr;
    gap: 0.9rem;
  }

  .hg-ds-stop__body {
    gap: 1.1rem;
    padding: 1.1rem 1rem 1.35rem;
  }

  .hg-ds-stop__main {
    gap: 1rem;
  }

  .hg-ds-weather {
    padding: 1rem 0.85rem 0.9rem;
    border-radius: 16px;
  }

  .hg-ds-weather__temp {
    font-size: 2.5rem;
  }

  .hg-ds-weather__metrics {
    gap: 0.45rem 0.9rem;
  }

  .hg-ds-transit {
    padding-left: 0;
    padding-right: 0;
  }

  .hg-ds-transit__path {
    gap: 0.45rem 0.55rem;
  }

  .hg-ds-transit__wave {
    flex-basis: 3rem;
    min-width: 2.75rem;
    height: 1.25rem;
  }

  .hg-ds-transit__mode {
    padding: 0.48rem 0.75rem 0.48rem 0.6rem;
  }

  .hg-ds-transit__place {
    max-width: 6.5rem;
    font-size: 0.92rem;
  }

  .hg-daystage__switcher {
    top: calc(var(--hg-bar-h) + 8px);
    margin-inline: -1rem;
    margin-bottom: 1rem;
    padding: 0.55rem 1rem 0.45rem;
    width: calc(100% + 2rem);
    box-sizing: border-box;
    border-top: 0;
    box-shadow: none;
  }

  .hg-daystage__tab {
    min-width: 0;
    padding: 0.6rem 1rem;
  }

  .hg-daystage__tab-day {
    font-size: 0.8rem;
  }
}

.hg-shell--adventure {
  --adv-navy: #001f42;
  --adv-ink: #12151a;
  --adv-muted: #5c6570;
  --adv-gold: #c4a45a;
  --adv-line: rgba(0, 31, 66, 0.12);
  --adv-paper: #f3f0ea;
  --adv-serif: "Cormorant Garamond", "Times New Roman", serif;
  width: 100%;
  margin: 0;
  padding: 72px max(20px, calc((100% - 1180px) / 2)) 110px;
  color: var(--adv-ink);
  background:
    radial-gradient(120% 80% at 8% 0%, rgba(0, 31, 66, 0.07), transparent 55%),
    radial-gradient(90% 60% at 100% 12%, rgba(196, 164, 90, 0.1), transparent 45%),
    linear-gradient(180deg, #f7f4ee 0%, var(--adv-paper) 42%, #efece5 100%);
}

.hg-adv {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 272px;
  gap: 56px;
  align-items: start;
}

.hg-adv__main {
  min-width: 0;
  max-width: 780px;
}

.hg-adv__intro {
  position: relative;
  margin: 0 0 3.25rem;
  padding: 0 0 1.85rem;
  border-bottom: 1px solid var(--adv-line);
  animation: hg-adv-rise 0.7s ease both;
}

.hg-adv__intro::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 4.5rem;
  height: 2px;
  background: linear-gradient(90deg, var(--adv-gold), transparent);
}

.hg-adv__kicker {
  margin: 0 0 0.65rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--adv-gold);
}

.hg-adv__title {
  margin: 0;
  font-family: var(--adv-serif);
  font-size: clamp(2.6rem, 5.5vw, 3.75rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: 0.01em;
  color: var(--adv-navy);
  text-wrap: balance;
}

.hg-adv__for {
  margin: 0.85rem 0 0;
  max-width: 38ch;
  font-family: var(--adv-serif);
  font-size: 1.28rem;
  font-weight: 500;
  font-style: italic;
  line-height: 1.35;
  color: var(--adv-ink);
}

.hg-adv__subtitle {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 1.1rem;
  margin: 1.15rem 0 0;
  font-size: 0.84rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--adv-muted);
}

.hg-adv__subtitle span {
  position: relative;
}

.hg-adv__subtitle span + span::before {
  content: "";
  position: absolute;
  left: -0.65rem;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--adv-gold);
  transform: translateY(-50%);
}

.hg-adv__timeline {
  position: relative;
}

@keyframes hg-adv-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* ===== Linear day timeline ===== */
.hg-tl-day {
  position: relative;
  padding: 0 0 3.5rem;
  margin: 0 0 2.75rem;
  border-bottom: 1px solid var(--adv-line);
  scroll-margin-top: calc(var(--hg-bar-h) + 24px);
  animation: hg-adv-rise 0.75s ease both;
  animation-delay: 0.08s;
}

.hg-tl-day.is-last {
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  border-bottom: 0;
}

.hg-tl-day__head {
  position: relative;
  margin: 0 0 1.5rem;
  max-width: 42rem;
  overflow: hidden;
}

.hg-tl-day__head-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 0.35rem;
}

.hg-tl-day__label {
  margin: 0;
  padding-top: 0.55rem;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--adv-navy);
}

.hg-tl-day__num {
  font-family: var(--adv-serif);
  font-size: clamp(4.5rem, 10vw, 6.5rem);
  font-weight: 600;
  line-height: 0.75;
  letter-spacing: -0.04em;
  color: rgba(0, 31, 66, 0.08);
  user-select: none;
  pointer-events: none;
}

.hg-tl-day__head h2 {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 18ch;
  font-family: var(--adv-serif);
  font-size: clamp(2rem, 3.6vw, 2.65rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0.01em;
  color: var(--adv-ink);
  text-wrap: balance;
}

.hg-tl-day__mood {
  margin: 0.9rem 0 0;
  max-width: 42ch;
  font-size: 1.08rem;
  line-height: 1.5;
  color: var(--adv-ink);
}

.hg-tl-day__focus {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.65rem;
  margin: 0.55rem 0 0;
  max-width: 48ch;
  font-size: 0.95rem;
  color: var(--adv-muted);
}

.hg-tl-day__focus span {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--adv-gold);
}

.hg-tl-day__hero {
  position: relative;
  margin: 0 0 1.85rem;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #d8d2c6;
  box-shadow: 0 18px 40px rgba(0, 31, 66, 0.1);
}

.hg-tl-day__hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 42%;
  background: linear-gradient(180deg, transparent, rgba(0, 31, 66, 0.28));
  pointer-events: none;
}

.hg-tl-day__hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 1.2s ease;
}

.hg-tl-day:hover .hg-tl-day__hero img {
  transform: scale(1.05);
}

.hg-tl-day__list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.hg-tl-slot {
  margin: 1.85rem 0 0.45rem;
  padding-left: calc(6.5rem + 34px + 1.8rem);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--adv-gold);
}

.hg-tl-slot:first-child {
  margin-top: 0.25rem;
}

.hg-tl-stop {
  position: relative;
  display: grid;
  grid-template-columns: 6.5rem 34px minmax(0, 1fr);
  column-gap: 0.95rem;
  padding: 1.05rem 0 1.15rem;
  scroll-margin-top: calc(var(--hg-bar-h) + 24px);
}

.hg-tl-stop.is-anchor .hg-tl-stop__body {
  padding: 0.15rem 0 0.15rem 0.85rem;
  border-left: 2px solid var(--adv-gold);
}

.hg-tl-stop__time {
  text-align: right;
  padding-top: 0.35rem;
}

.hg-tl-stop__time time,
.hg-tl-stop__time span {
  font-family: var(--adv-serif);
  font-size: 1.12rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--adv-navy);
  white-space: nowrap;
}

.hg-tl-stop__time span {
  color: rgba(0, 31, 66, 0.35);
  font-weight: 500;
}

.hg-tl-stop__node {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0.2rem;
}

.hg-tl-stop__node::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1.2rem;
  left: calc(50% - 1px);
  width: 2px;
  background: linear-gradient(
    180deg,
    rgba(0, 31, 66, 0.45),
    rgba(0, 31, 66, 0.12)
  );
}

.hg-tl-stop:has(+ .hg-tl-transit) .hg-tl-stop__node::before {
  bottom: 0;
}

.hg-tl-day__list > .hg-tl-stop:last-child .hg-tl-stop__node::before {
  bottom: 0.35rem;
}

.hg-tl-stop__node > span {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  background: var(--adv-navy);
  border: 2px solid var(--adv-navy);
  box-shadow: 0 0 0 3px rgba(196, 164, 90, 0.22);
  font-family: var(--adv-serif);
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: 0;
  color: #f7f2e8;
  text-align: center;
}

.hg-tl-stop.is-pause .hg-tl-stop__node > span,
.hg-tl-stop__node > .hg-tl-stop__dot {
  background: transparent;
  border-color: rgba(0, 31, 66, 0.35);
  box-shadow: none;
  color: var(--adv-navy);
}

.hg-tl-stop__node > .hg-tl-stop__dot::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0, 31, 66, 0.35);
}

.hg-tl-stop__body {
  min-width: 0;
}

.hg-tl-stop__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.7rem;
}

.hg-tl-stop h3 {
  margin: 0;
  font-family: var(--adv-serif);
  font-size: 1.38rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.2;
  color: var(--adv-ink);
}

.hg-tl-stop.is-pause h3 {
  font-weight: 500;
  font-style: italic;
  color: var(--adv-muted);
}

.hg-tl-rating {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  box-sizing: border-box;
  height: 1.55rem;
  padding: 0 0.6rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  line-height: 0;
  /* Optical align with title cap-height */
  transform: translateY(1px);
}

.hg-tl-rating__stars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.06rem;
  height: 1.05rem;
  line-height: 0;
}

.hg-tl-rating__star {
  display: block;
  flex: 0 0 auto;
  width: 1.05rem;
  height: 1.05rem;
  overflow: visible;
}

.hg-tl-stop__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.4rem;
  margin-top: 0.25rem;
  font-size: 0.84rem;
  font-weight: 600;
  color: #717171;
}

.hg-tl-stop__sep {
  color: #bbb;
  font-weight: 500;
}

.hg-tl-stop__map {
  font-size: inherit;
  font-weight: 650;
  color: #001f42;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  white-space: nowrap;
}

.hg-tl-stop__map:hover,
.hg-tl-stop__map:focus-visible {
  color: #00305f;
}

.hg-tl-stop__lead {
  margin: 0.4rem 0 0;
  font-size: 0.98rem;
  line-height: 1.5;
  color: #484848;
  max-width: 52ch;
}

.hg-tl-stop__more {
  margin-top: 0.45rem;
}

.hg-tl-stop__more summary {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0;
  font-size: 0.9rem;
  font-weight: 650;
  color: #001f42;
  cursor: pointer;
  list-style: none;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.hg-tl-stop__more summary::-webkit-details-marker {
  display: none;
}

.hg-tl-stop__more[open] summary {
  margin-bottom: 0.55rem;
  text-decoration: none;
}

.hg-tl-stop__panel {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 0 0;
  border: 0;
  border-top: 1px solid var(--adv-line, rgba(0, 31, 66, 0.12));
  border-radius: 0;
  background: transparent;
}

.hg-tl-stop__note {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #484848;
}

.hg-tl-miss {
  margin: 0;
  padding: 0.7rem 0.85rem;
  border-left: 3px solid #c9a227;
  border-radius: 0 10px 10px 0;
  background: #fffaf0;
  font-size: 0.94rem;
  line-height: 1.45;
  color: #484848;
}

.hg-tl-miss__label {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8a6d1a;
}

.hg-tl-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem 0.9rem;
}

.hg-tl-fact {
  display: grid;
  grid-template-columns: 1.15rem minmax(0, 1fr);
  gap: 0.55rem;
  align-items: start;
}

.hg-tl-fact__icon {
  width: 1.15rem;
  height: 1.15rem;
  margin-top: 0.15rem;
  color: #001f42;
}

.hg-tl-fact:not(:has(.hg-tl-fact__icon)) {
  grid-template-columns: minmax(0, 1fr);
}

.hg-tl-fact__text span {
  display: block;
  margin-bottom: 0.1rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #717171;
}

.hg-tl-fact__text p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.35;
  color: #222;
}

.hg-tl-insights {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.15rem;
}

.hg-tl-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.hg-tl-tags span {
  display: inline-flex;
  align-items: center;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  background: #f2f4f7;
  color: #3d3d3d;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
}

.hg-tl-stop__aside {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.45;
  color: #717171;
}

.hg-tl-stop__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.15rem;
}

.hg-tl-transit {
  display: grid;
  grid-template-columns: 6.5rem 34px minmax(0, 1fr);
  column-gap: 0.9rem;
  align-items: stretch;
  min-height: 1.75rem;
  margin: 0;
  padding: 0.15rem 0 0.35rem;
}

.hg-tl-transit__rail {
  grid-column: 2;
  justify-self: center;
  width: 2px;
  background: repeating-linear-gradient(
    to bottom,
    rgba(196, 164, 90, 0.75) 0,
    rgba(196, 164, 90, 0.75) 3px,
    transparent 3px,
    transparent 7px
  );
}

.hg-tl-transit__text {
  grid-column: 3;
  margin: 0;
  align-self: center;
  font-size: 0.84rem;
  font-style: italic;
  line-height: 1.35;
  color: var(--adv-muted, #5c6570);
}

.hg-tl-check {
  margin: 0 0 1.5rem;
  padding: 0.95rem 0 0;
  border-top: 1px solid var(--adv-line, rgba(0, 31, 66, 0.12));
}

.hg-tl-day__hero + .hg-tl-check {
  margin-top: -0.2rem;
}

.hg-tl-check__title {
  margin: 0 0 0.6rem;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--adv-navy, #001f42);
}

.hg-tl-check ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.hg-tl-check li {
  position: relative;
  padding: 0 0 0 1rem;
  font-size: 0.93rem;
  line-height: 1.45;
  color: #484848;
}

.hg-tl-check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 5px;
  height: 5px;
  border: 0;
  border-radius: 50%;
  background: #001f42;
}

.hg-tl-day__planb {
  margin: 0.85rem 0 0;
  padding: 0.85rem 0 0.85rem 1rem;
  border-left: 2px solid var(--adv-gold);
  background: transparent;
  font-family: var(--adv-serif);
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.45;
  color: var(--adv-ink);
  text-align: left;
}

.hg-tl-day__planb span {
  display: block;
  margin-bottom: 0.25rem;
  font-family: var(--hg-font);
  font-size: 0.7rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--adv-gold);
}

.hg-tl-budget {
  margin: 0 0 1.6rem;
  padding: 1rem 1.1rem;
  background: rgba(0, 31, 66, 0.04);
  border: 1px solid var(--adv-line);
}

.hg-tl-budget__title {
  margin: 0 0 0.75rem;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--adv-navy);
}

.hg-tl-budget__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 0;
}

.hg-tl-budget__grid div {
  padding: 0.15rem 0.85rem 0.15rem 0;
  border-right: 1px solid var(--adv-line);
  min-width: 0;
}

.hg-tl-budget__grid div:last-child {
  border-right: 0;
  padding-right: 0;
}

.hg-tl-budget__grid em {
  display: block;
  margin: 0 0 0.3rem;
  font-style: normal;
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--adv-muted);
}

.hg-tl-budget__grid strong {
  display: block;
  font-family: var(--adv-serif);
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.25;
  color: var(--adv-navy);
  word-break: break-word;
}

.hg-tl-stop__planb-flag {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #aa5432;
}

.hg-tl-stop__context {
  margin: 0.55rem 0 0;
  padding: 0.65rem 0 0;
  border-top: 1px solid #eeeae3;
  font-size: 0.96rem;
  line-height: 1.55;
  color: #2c2c2c;
}

.hg-tl-stop.is-anchor .hg-tl-stop__context {
  border-top-color: rgba(0, 31, 66, 0.12);
  color: #001f42;
}

.hg-tl-planb {
  margin: 0 0 0.75rem;
  padding: 0.65rem 0.75rem;
  background: #faf7f3;
  font-size: 0.93rem;
  line-height: 1.45;
  color: #3a3a3a;
}

.hg-tl-planb__label {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #aa5432;
}

@media (max-width: 720px) {
  .hg-tl-budget__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hg-tl-budget__grid div:nth-child(2) {
    border-right: 0;
  }

  .hg-tl-budget__grid div:nth-child(n + 3) {
    border-top: 1px solid #e0ddd6;
  }
}

.hg-tl-next {
  margin: 1.75rem 0 0;
  padding-top: 1.1rem;
  border-top: 1px solid var(--adv-line);
  font-family: var(--adv-serif);
  font-size: 1.1rem;
  font-style: italic;
  color: var(--adv-muted);
}

.hg-tl-next strong {
  font-style: normal;
  font-weight: 600;
  color: var(--adv-navy);
}

.hg-adv-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  padding: 0.5rem 1.05rem;
  border: 1px solid var(--adv-navy);
  border-radius: 0;
  background: transparent;
  color: var(--adv-navy);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition:
    background 0.18s ease,
    color 0.18s ease;
}

.hg-adv-btn:hover,
.hg-adv-btn:focus-visible {
  background: var(--adv-navy);
  color: #f7f2e8;
}

.hg-adv-btn--primary {
  background: var(--adv-navy);
  border-color: var(--adv-navy);
  color: #f7f2e8;
}

.hg-adv-btn--primary:hover,
.hg-adv-btn--primary:focus-visible {
  background: #0a2f5c;
  border-color: #0a2f5c;
  color: #fff;
}

.hg-adv__aside {
  position: sticky;
  top: calc(var(--hg-bar-h) + var(--hg-progress-h) + 18px);
  animation: hg-adv-rise 0.8s ease both;
  animation-delay: 0.12s;
}

.hg-adv__aside-card {
  background:
    linear-gradient(165deg, #0a2a52 0%, var(--adv-navy) 55%, #00162f 100%);
  border: 1px solid rgba(196, 164, 90, 0.28);
  border-radius: 0;
  padding: 1.35rem 1.2rem 1.4rem;
  box-shadow: 0 22px 48px rgba(0, 31, 66, 0.22);
  color: #f4efe6;
}

.hg-adv__aside-label {
  margin: 0 0 0.95rem;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--adv-gold);
}

.hg-adv__aside-nav {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.hg-adv__aside-btn {
  appearance: none;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0;
  background: transparent;
  padding: 0.85rem 0.9rem;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 650;
  text-align: left;
  color: #f4efe6;
  cursor: pointer;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease;
}

.hg-adv__aside-btn:hover,
.hg-adv__aside-btn:focus-visible {
  border-color: rgba(196, 164, 90, 0.55);
  background: rgba(255, 255, 255, 0.04);
}

.hg-adv__aside-btn.is-active {
  background: rgba(196, 164, 90, 0.14);
  border-color: var(--adv-gold);
  color: #fff;
}

.hg-adv__aside-day {
  display: block;
  font-family: var(--adv-serif);
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.hg-adv__aside-theme {
  display: -webkit-box;
  margin-top: 0.25rem;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.35;
  color: rgba(244, 239, 230, 0.62);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hg-adv__aside-btn.is-active .hg-adv__aside-theme {
  color: rgba(244, 239, 230, 0.82);
}

.hg-adv__aside-hint {
  margin: 1rem 0 0;
  font-size: 0.82rem;
  line-height: 1.45;
  color: rgba(244, 239, 230, 0.55);
}

/* Maybe — same mechanics as homepage team-home slider */
.hg-maybe {
  --hg-maybe-card-w: clamp(16rem, 22vw, 20rem);
  --hg-maybe-gap: 28px;
  --hg-maybe-info-w: clamp(16rem, 22.78vw, 20.5rem);
  --hg-maybe-layout-gap: clamp(2rem, 4.17vw, 3.75rem);

  position: relative;
  width: 100%;
  margin: 0;
  padding-top: clamp(2rem, 3.5vw, 3rem);
  padding-bottom: clamp(2.75rem, 5vw, 4.25rem);
  background: #fff;
  color: #001f42;
  scroll-margin-top: calc(var(--hg-bar-h) + 16px);
  overflow: hidden;
  overflow-x: clip;
}

/* Unusual places — same partial underlay as maybe, journal beige, RTL */
.hg-maybe--beige {
  background: #fff;
}

.hg-maybe--beige .hg-maybe__slider-area::before {
  background: #f5f1ec;
}

.hg-maybe--beige .hg-maybe__info,
.hg-maybe--beige .hg-maybe__heading-group,
.hg-maybe--beige .hg-maybe-card {
  direction: ltr;
}

.hg-maybe--beige .hg-maybe__info {
  align-items: flex-start;
}

.hg-maybe--beige .hg-maybe__heading {
  align-items: flex-start;
  text-align: left;
}

.hg-maybe--beige .hg-maybe__description {
  text-align: left;
  margin-inline-start: 0;
}

.hg-maybe--beige .hg-maybe-card__body {
  align-items: flex-start;
  text-align: left;
}

.hg-maybe--beige .hg-maybe__pagination {
  direction: ltr;
  justify-content: flex-start;
  align-self: flex-start;
}

.hg-maybe__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4.5vw, 3.75rem);
  width: min(1120px, calc(100% - 40px));
  margin-inline: auto;
}

.hg-maybe__info {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2.43vw, 2.1875rem);
  max-width: var(--hg-maybe-info-w);
}

.hg-maybe__info--outside {
  max-width: 100%;
}

.hg-maybe__info--in-slider {
  width: 100%;
  padding-top: calc(var(--hg-maybe-card-w) * 0.55);
}

.hg-maybe__heading-group {
  display: flex;
  flex-direction: column;
  gap: clamp(0.85rem, 1.6vw, 1.35rem);
}

.hg-maybe__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}

.hg-maybe__eyebrow {
  font-size: clamp(0.875rem, 1.25vw, 1.125rem);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #96704d;
}

.hg-maybe__title {
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(2.1rem, 3.6vw, 3.2rem);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #001f42;
}

.hg-maybe__description {
  margin: 0;
  max-width: min(100%, 23.5rem);
  font-size: clamp(0.875rem, 1.05vw, 0.9375rem);
  line-height: 1.5;
  color: #00295b;
}

.hg-maybe__slider-area {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2.78vw, 2.5rem);
  min-width: 0;
  width: 100%;
}

.hg-maybe__slider-area::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(var(--hg-maybe-card-w) * 0.38);
  right: calc(50% - 50vw);
  bottom: calc(-1 * clamp(2.75rem, 5vw, 4.25rem));
  left: calc(50% - 50vw);
  background: #f0f7ff;
  pointer-events: none;
}

.hg-maybe__slider-area > * {
  position: relative;
  z-index: 1;
}

.hg-maybe-swiper.swiper {
  overflow: hidden;
  width: 100vw;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: max(20px, calc((100vw - 1120px) / 2)) !important;
  padding-right: max(20px, calc((100vw - 1120px) / 2)) !important;
}

.hg-maybe-swiper.swiper .swiper-slide {
  width: auto;
  height: auto;
  flex-shrink: 0;
}

.hg-maybe-swiper.swiper .swiper-slide.hg-maybe__info-slide {
  width: var(--hg-maybe-info-w);
}

.hg-maybe-swiper.swiper .swiper-slide.hg-maybe__slide {
  width: var(--hg-maybe-card-w);
  height: auto;
  display: flex;
}

.hg-maybe-swiper .swiper-wrapper {
  align-items: stretch;
}

.hg-maybe-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  height: 100%;
  color: inherit;
}

.hg-maybe-card__media {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #e8eef5;
}

.hg-maybe-card__photo-fallback--miss {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  text-align: center;
  font-size: 0.78rem;
  line-height: 1.35;
  color: #6a6460;
  background: #efeae3 !important;
}

.hg-maybe-card__photo,
.hg-maybe-card__photo-fallback {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.28s ease;
  pointer-events: none;
  user-select: none;
}

.hg-maybe-card__photo-fallback {
  background: linear-gradient(160deg, #d7e3ef, #b7c7d8);
}

.hg-maybe-card:hover .hg-maybe-card__photo {
  transform: scale(1.03);
}

.hg-maybe-card__body {
  /* Fixed text block: 2-line title + 3-line blurb + CTA */
  --hg-maybe-name-size: 16px;
  --hg-maybe-name-lh: 1.35;
  --hg-maybe-short-size: 0.875rem;
  --hg-maybe-short-lh: 1.25;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.4rem;
  min-height: 0;
  padding-bottom: 0.25rem;
}

.hg-maybe-card__name {
  margin: 0;
  flex: 0 0 auto;
  font-family: "Merriweather", Georgia, serif;
  font-weight: 700;
  font-size: var(--hg-maybe-name-size);
  line-height: var(--hg-maybe-name-lh);
  height: calc(var(--hg-maybe-name-size) * var(--hg-maybe-name-lh) * 2);
  color: #00295b;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.hg-maybe-card__short {
  margin: 0;
  flex: 0 0 auto;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: var(--hg-maybe-short-size);
  line-height: var(--hg-maybe-short-lh);
  height: calc(var(--hg-maybe-short-size) * var(--hg-maybe-short-lh) * 3);
  color: #00295b;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.hg-maybe-card__more {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-top: auto;
  padding: 0.85rem 0 0;
  font-family: "Arimo", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.4;
  color: #001f42;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.hg-maybe-card__more:hover,
.hg-maybe-card__more:focus-visible {
  color: #00305f;
}

.hg-maybe-card__more--spacer {
  visibility: hidden;
  pointer-events: none;
  text-decoration: none;
  min-height: 1.4em;
}

/* Unusual only — «НА КАРТЕ» as journal-card__date */
.hg-maybe--beige .hg-maybe-card__more {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 500;
  line-height: 1.375rem;
  color: #96704d;
  text-decoration: none;
}

.hg-maybe--beige .hg-maybe-card__more:hover,
.hg-maybe--beige .hg-maybe-card__more:focus-visible {
  color: #7a5a3c;
}

.hg-maybe--beige .hg-maybe-card__more--spacer {
  min-height: 1.375rem;
}

.hg-maybe__pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  align-self: flex-end;
  width: 100%;
}

.hg-maybe__pagination-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem;
  height: 1rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  line-height: 1;
  cursor: pointer;
  opacity: 1;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease,
    width 0.3s ease;
}

.hg-maybe__pagination-btn:hover,
.hg-maybe__pagination-btn:focus-visible {
  background: transparent;
  color: inherit;
  transform: translateX(2px);
}

.hg-maybe__pagination-btn--prev:hover,
.hg-maybe__pagination-btn--prev:focus-visible {
  transform: translateX(-2px);
}

.hg-maybe__pagination-btn.is-hidden {
  width: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.hg-maybe__pagination-btn img {
  width: 2.625rem;
  height: auto;
  /* gold SVG → navy #001f42 */
  filter: brightness(0) saturate(100%) invert(10%) sepia(42%) saturate(2500%)
    hue-rotate(191deg) brightness(0.95) contrast(101%);
}

.hg-maybe__pagination-btn--prev img {
  transform: scaleX(-1);
}

.hg-maybe__pagination-count {
  min-width: 3.5rem;
  text-align: center;
  font-family: "Inter", "Arimo", system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.08em;
  color: #001f42;
  white-space: nowrap;
}

/* Unusual only — pagination as restaurants journal */
.hg-maybe--beige .hg-maybe__pagination-btn img {
  filter: none;
}

.hg-maybe--beige .hg-maybe__pagination-count {
  font-weight: normal;
  font-variant-numeric: normal;
}

@media (min-width: 1024px) {
  .hg-maybe {
    --hg-maybe-gap: 30px;
    --hg-maybe-layout-gap: 80px;
  }

  .hg-maybe__inner {
    gap: 0;
  }

  .hg-maybe__info--outside {
    display: none;
  }

  .hg-maybe-swiper.swiper .swiper-slide.hg-maybe__info-slide--desktop {
    margin-inline-end: var(--hg-maybe-layout-gap) !important;
    transition:
      opacity 0.3s ease-in-out,
      transform 0.3s ease-in-out;
  }

  .hg-maybe__wrapper.first-slide-visible {
    transform: translate3d(0, 0, 0) !important;
  }

  .hg-maybe-swiper.swiper .swiper-slide.hg-maybe__info-slide--desktop.is-faded {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) !important;
    pointer-events: none;
  }

  .hg-maybe--beige
    .hg-maybe-swiper.swiper
    .swiper-slide.hg-maybe__info-slide--desktop.is-faded {
    transform: translate3d(100%, 0, 0) !important;
  }
}

@media (max-width: 1023px) {
  .hg-maybe__info-slide--desktop {
    display: none !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .hg-maybe__info--outside {
    display: flex;
  }

  .hg-maybe__description {
    max-width: 36rem;
  }
}

@media (max-width: 720px) {
  .hg-maybe {
    --hg-maybe-card-w: min(78vw, 18.5rem);
    --hg-maybe-gap: 16px;
    padding-top: clamp(1.5rem, 4vw, 2rem);
    padding-bottom: clamp(2rem, 5vw, 3rem);
  }

  .hg-maybe__slider-area {
    gap: 2rem;
  }

  .hg-maybe__slider-area::before {
    bottom: calc(-1 * clamp(2rem, 5vw, 3rem));
  }
}

@media (prefers-reduced-motion: reduce) {
  .hg-maybe-card__photo,
  .hg-maybe__pagination-btn,
  .hg-maybe-swiper.swiper .swiper-slide.hg-maybe__info-slide--desktop {
    transition: none;
  }

  .hg-maybe__pagination-btn:hover,
  .hg-maybe__pagination-btn:focus-visible,
  .hg-maybe__pagination-btn--prev:hover,
  .hg-maybe__pagination-btn--prev:focus-visible {
    transform: none;
  }
}

/* Reminder page — main-hero style + accordion */
.hg--reminder {
  min-height: 100vh;
  padding-top: calc(var(--hg-bar-h) + var(--hg-progress-h));
  background: #fff;
}

.hg-reminder-page {
  width: 100%;
  background: #fff;
  color: #001f42;
}

.hg-reminder__hero {
  position: relative;
  background: var(--hg-white);
  color: var(--hg-ink);
  overflow: visible;
}

.hg-reminder__hero-top {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 0;
  padding: 100px 24px 40px;
  box-sizing: border-box;
  text-align: center;
}

.hg-reminder {
  box-sizing: border-box;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 0.5rem 1.25rem 5rem;
  background: #fff;
  color: #001f42;
}

.hg-reminder__section {
  margin-bottom: 2.5rem;
}

.hg-reminder__section-title {
  margin: 0 0 1rem;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(1.25rem, 2.4vw, 1.55rem);
  font-weight: 650;
  text-align: center;
  color: #001f42;
}

.hg-reminder__list {
  border-top: 1px solid #e5e5e5;
}

.hg-reminder__item {
  border-bottom: 1px solid #e5e5e5;
}

.hg-reminder__item summary {
  position: relative;
  display: block;
  padding: 1.15rem 2.5rem 1.15rem 0;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.4;
  color: #001f42;
  cursor: pointer;
  list-style: none;
}

.hg-reminder__item summary::-webkit-details-marker {
  display: none;
}

.hg-reminder__item summary::after {
  content: "";
  position: absolute;
  right: 0.15rem;
  top: 50%;
  width: 0.55rem;
  height: 0.55rem;
  border-right: 1.5px solid #001f42;
  border-bottom: 1.5px solid #001f42;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 0.2s ease;
}

.hg-reminder__item[open] summary::after {
  transform: translateY(-20%) rotate(225deg);
}

.hg-reminder__item summary:hover {
  color: #00305f;
}

.hg-reminder__answer {
  padding: 0 0 1.25rem;
}

.hg-reminder__answer p {
  margin: 0 0 0.65rem;
  font-size: 0.98rem;
  line-height: 1.55;
  color: #484848;
  max-width: none;
  width: 100%;
}

.hg-reminder__answer p:last-child {
  margin-bottom: 0;
}

.hg-reminder__empty,
.hg-reminder__empty-page {
  color: #8a8a8a;
  font-style: italic;
}

.hg-reminder__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.85rem;
  margin-top: 0.85rem;
}

.hg-reminder__links a {
  font-size: 0.9rem;
  font-weight: 650;
  color: #001f42;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

@media (max-width: 720px) {
  .hg-reminder__hero-top {
    padding: 100px 20px 32px;
  }

  .hg-reminder {
    padding: 0.25rem 1rem 3.5rem;
  }

  .hg-reminder__item summary {
    font-size: 0.98rem;
  }
}

/* Summary — standalone block after adventure days */
.hg-summary {
  width: 100%;
  margin: 0;
  padding: 3.5rem max(20px, calc((100% - 860px) / 2)) 4rem;
  background: #001f42;
  color: #fff;
  scroll-margin-top: calc(var(--hg-bar-h) + 16px);
}

.hg-summary__inner {
  max-width: 860px;
  margin: 0 auto;
}

.hg-summary__kicker {
  margin: 0 0 0.45rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #e2c987;
}

.hg-summary__head h2 {
  margin: 0;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 650;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: #fff;
}

.hg-summary__lead {
  margin: 0.55rem 0 0;
  max-width: 42ch;
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.72);
}

.hg-summary__days {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 1.75rem;
}

.hg-summary__day {
  padding: 1rem 1.05rem 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
}

.hg-summary__day-label {
  margin: 0 0 0.35rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #e2c987;
}

.hg-summary__day-path {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
}

.hg-summary__todo {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.hg-summary__todo h3 {
  margin: 0 0 0.85rem;
  font-size: 1.05rem;
  font-weight: 650;
  color: #fff;
}

.hg-summary__todo ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.hg-summary__todo li {
  position: relative;
  padding: 0 0 0 1.15rem;
  font-size: 0.96rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.86);
}

.hg-summary__todo li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e2c987;
}

.hg-summary__verified {
  margin: 1.35rem 0 0;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 800px) {
  .hg-summary__days {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .hg-summary {
    padding: 2.5rem 1rem 3rem;
  }
}

/* Extra chapters after days */
.hg-adv__extra {
  margin-top: 3rem;
  padding-left: 2.75rem;
}

.hg-adv__extra .hg-chapter {
  padding: 1.5rem 0;
  border-bottom: 1px solid #dddddd;
  scroll-margin-top: calc(var(--hg-bar-h) + 28px);
}

.hg-adv__extra .hg-chapter:last-child {
  border-bottom: 0;
}

.hg-adv__extra .hg-kicker {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
  font-weight: 650;
  color: #717171;
}

.hg-adv__extra h2,
.hg-adv__extra .hg-display {
  margin: 0;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font);
  font-size: clamp(1.4rem, 2.4vw, 1.75rem);
  font-weight: 650;
  color: #222;
}

.hg-adv__extra .hg-prose,
.hg-adv__extra .hg-plain-list,
.hg-adv__extra .hg-split p,
.hg-adv__extra .hg-extras p,
.hg-adv__extra .hg-cal span {
  color: #484848;
}

.hg-adv__extra .hg-sub,
.hg-adv__extra .hg-split h3,
.hg-adv__extra .hg-extras h3,
.hg-adv__extra .hg-cal strong {
  color: #222;
}

.hg-adv__extra .hg-chapter--memo {
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 16px;
  padding: 1.35rem 1.2rem;
}

.hg-adv__extra .hg-cal li,
.hg-adv__extra .hg-extras article,
.hg-adv__extra .hg-pillars li {
  border-color: #ebebeb;
}

.hg-adv__extra .hg-ghost {
  border-color: #222;
  color: #222;
  border-radius: 8px;
}

.hg-adv__extra .hg-ghost:hover {
  background: #222;
  color: #fff;
}

/* Legacy shell fallback (if used without --adventure / --daystage) */
.hg-shell:not(.hg-shell--adventure):not(.hg-shell--daystage) {
  width: 100%;
  margin: 0;
  padding: 40px max(16px, calc((100% - var(--hg-max)) / 2)) 88px;
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
  background: var(--hg-black);
  color: var(--hg-white);
}

.hg-scheme {
  position: sticky;
  top: calc(var(--hg-bar-h) + var(--hg-progress-h) + 16px);
  max-height: calc(100vh - var(--hg-bar-h) - 40px);
  overflow: auto;
  padding-right: 6px;
}

.hg-scheme__label {
  margin: 0 0 18px;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--hg-muted);
}

.hg-scheme nav {
  display: flex;
  flex-direction: column;
}

.hg-scheme__day {
  appearance: none;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 18px 0 10px;
  margin-top: 4px;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--hg-muted-2);
  cursor: pointer;
}

.hg-scheme__stop {
  appearance: none;
  border: 0;
  border-top: 1px solid var(--hg-line);
  background: transparent;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  text-align: left;
  padding: 12px 0;
  font: inherit;
  cursor: pointer;
  color: var(--hg-white);
}

.hg-scheme__stop span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: var(--hg-red);
  color: var(--hg-white);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
}

.hg-scheme__stop em {
  font-style: normal;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--hg-muted-2);
}

.hg-scheme__stop.is-active em,
.hg-scheme__stop:hover em {
  color: var(--hg-white);
  font-weight: 600;
}

.hg-scheme__stop.is-pause span {
  background: transparent;
  border: 1px solid var(--hg-muted);
  color: var(--hg-muted-2);
}

.hg-guide {
  min-width: 0;
  max-width: 720px;
}

.hg-chapter {
  padding: 8px 0 48px;
  border-bottom: 1px solid var(--hg-line);
  scroll-margin-top: calc(var(--hg-bar-h) + 24px);
}

.hg-chapter:last-child {
  border-bottom: 0;
}

.hg-kicker {
  margin: 0 0 10px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--hg-muted-2);
}

.hg-chapter h2,
.hg-dayhead h2,
.hg-display {
  margin: 0;
  font-family: var(--hg-font);
  font-size: clamp(1.55rem, 2.8vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.025em;
  color: var(--hg-white);
}

.hg-display {
  margin: 0 0 16px;
}

.hg-prose {
  margin: 14px 0 0;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.82);
  max-width: 54ch;
}

.hg-sub {
  margin: 24px 0 10px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--hg-white);
}

.hg-plain-list {
  margin: 0;
  padding: 0 0 0 1.15em;
  color: rgba(255, 255, 255, 0.82);
}

.hg-plain-list li + li {
  margin-top: 8px;
}

.hg-pillars {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
}

.hg-pillars li {
  padding: 12px 0;
  border-top: 1px solid var(--hg-line);
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
}

.hg-pillars li:last-child {
  border-bottom: 1px solid var(--hg-line);
}

.hg-dayhead {
  position: relative;
  margin: 0 0 28px;
  min-height: 220px;
  display: flex;
  align-items: flex-end;
  background: #111;
  color: var(--hg-white);
  border: 2px solid var(--hg-ink);
  overflow: hidden;
}

.hg-dayhead__media {
  position: absolute;
  inset: 0;
}

.hg-dayhead__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hg-dayhead__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.78));
}

.hg-dayhead__copy {
  position: relative;
  z-index: 1;
  padding: 24px;
  width: 100%;
}

.hg-dayhead .hg-kicker {
  color: rgba(255, 255, 255, 0.7);
}

.hg-dayhead h2 {
  color: var(--hg-white);
}

.hg-dayhead__mood {
  margin: 10px 0 0;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
}

.hg-dayhead__focus {
  margin: 6px 0 0;
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  max-width: 50ch;
}

.hg-stops {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.hg-stop {
  scroll-margin-top: calc(var(--hg-bar-h) + 24px);
}

.hg-stop__media {
  position: relative;
  border: 2px solid var(--hg-ink);
  background: #111;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin-bottom: 18px;
}

.hg-stop__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hg-stop__num,
.hg-stop__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--hg-black);
  color: var(--hg-white);
  font-size: 1.1rem;
  font-weight: 600;
}

.hg-stop__num {
  position: absolute;
  top: 0;
  left: 0;
}

.hg-stop__badge {
  margin-bottom: 14px;
  background: var(--hg-red);
}

.hg-stop.is-pause .hg-stop__badge {
  background: transparent;
  border: 1px solid var(--hg-muted);
  color: var(--hg-muted-2);
}

.hg-stop__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-bottom: 8px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--hg-muted-2);
}

.hg-stop__meta time {
  color: var(--hg-red);
}

.hg-stop h3 {
  margin: 0;
  font-family: var(--hg-font);
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--hg-white);
}

.hg-stop__lead {
  margin: 12px 0 0;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.82);
  max-width: 54ch;
}

.hg-stop__more,
.hg-stop__aside {
  margin: 12px 0 0;
  font-size: 0.95rem;
  color: var(--hg-muted-2);
  max-width: 54ch;
}

.hg-note {
  margin: 16px 0 0;
  padding: 12px 0 12px 14px;
  border-left: 3px solid var(--hg-red);
  font-size: 1.02rem;
  font-style: normal;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.9);
}

.hg-note cite {
  display: block;
  margin-bottom: 4px;
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hg-red);
}

.hg-miss {
  margin: 14px 0 0;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.85);
  max-width: 54ch;
}

.hg-miss strong {
  color: var(--hg-white);
}

.hg-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  margin: 18px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid var(--hg-line);
}

.hg-fact span {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--hg-muted);
  margin-bottom: 4px;
}

.hg-fact p {
  margin: 0;
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.88);
}

.hg-stop__next {
  margin: 14px 0 0;
  font-size: 0.85rem;
  color: var(--hg-muted);
}

.hg-ghosts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.hg-ghost {
  display: inline-flex;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.85);
  background: transparent;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--hg-white);
  transition: background 140ms ease, color 140ms ease;
}

.hg-ghost:hover {
  background: var(--hg-white);
  color: var(--hg-ink);
}

.hg-ghost--map {
  margin-top: 18px;
}

/* Plan / summary / extras */
.hg-base {
  margin: 10px 0 22px;
  color: var(--hg-muted-2);
}

.hg-plan {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.hg-plan__day h3 {
  margin: 0 0 10px;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--hg-white);
}

.hg-plan__day ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hg-plan__day li {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid var(--hg-line);
}

.hg-plan__day li:last-child {
  border-bottom: 1px solid var(--hg-line);
}

.hg-plan__day time {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--hg-red);
}

.hg-plan__day strong {
  display: block;
  color: var(--hg-white);
}

.hg-plan__day span {
  display: block;
  margin-top: 2px;
  font-size: 0.82rem;
  color: var(--hg-muted-2);
}

.hg-cal {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}

.hg-cal li {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 14px;
  padding: 12px 0;
  border-top: 1px solid var(--hg-line);
}

.hg-cal li:last-child {
  border-bottom: 1px solid var(--hg-line);
}

.hg-cal strong {
  color: var(--hg-white);
}

.hg-cal span {
  color: var(--hg-muted-2);
}

.hg-verified {
  margin: 18px 0 0;
  font-size: 0.8rem;
  color: var(--hg-muted);
}

.hg-split {
  display: grid;
  gap: 24px;
  margin-top: 18px;
}

.hg-split h3 {
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--hg-white);
}

.hg-split p {
  margin: 0 0 8px;
  color: var(--hg-muted-2);
  font-size: 0.95rem;
}

.hg-chapter--memo {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--hg-line);
  padding: 28px 24px;
}

.hg-extras {
  margin-top: 18px;
}

.hg-extras article {
  padding: 18px 0;
  border-top: 1px solid var(--hg-line);
}

.hg-extras article:last-child {
  border-bottom: 1px solid var(--hg-line);
}

.hg-extras h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--hg-white);
}

.hg-extras p {
  margin: 8px 0 0;
  color: var(--hg-muted-2);
}

/* Footer */
.hg-club {
  position: relative;
  background: var(--hg-black);
  color: var(--hg-white);
  padding: 80px 24px 56px;
  text-align: center;
  overflow: hidden;
  border-top: 1px solid var(--hg-line);
}

.hg-club__watermark {
  position: absolute;
  inset: 28% 0 auto;
  margin: 0;
  font-size: clamp(2.4rem, 8vw, 5rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.12);
  pointer-events: none;
}

.hg-club__mark {
  position: relative;
  margin: 0 0 10px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hg-red);
}

.hg-club h2 {
  position: relative;
  margin: 0;
  font-family: var(--hg-font);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
}

.hg-club__addr {
  position: relative;
  margin: 16px auto 0;
  max-width: 36ch;
  white-space: pre-line;
  color: var(--hg-muted-2);
}

.hg-club .hg-ghosts {
  position: relative;
  justify-content: center;
  margin-top: 22px;
}

.hg-club__legal {
  position: relative;
  margin-top: 32px;
  font-size: 0.75rem;
  color: var(--hg-muted);
}

.hg-club__legal a {
  color: inherit;
  text-decoration: none;
}

.hg-club__legal a:hover {
  color: var(--hg-white);
}

/* Responsive */
@media (max-width: 960px) {
  .hg-shell--adventure {
    padding: 2rem 1rem 4.5rem;
  }

  .hg-adv {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .hg-adv__intro {
    margin-bottom: 1.75rem;
  }

  .hg-adv__aside {
    position: relative;
    top: auto;
    order: -1;
  }

  .hg-adv__aside-card {
    padding: 1rem;
  }

  .hg-adv__aside-nav {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.4rem;
  }

  .hg-adv__aside-btn {
    width: auto;
    flex: 1 1 auto;
    text-align: center;
    padding: 0.7rem 0.75rem;
  }

  .hg-adv__aside-day {
    font-size: 1.05rem;
  }

  .hg-adv__aside-theme {
    display: none;
  }

  .hg-adv__aside-hint {
    display: none;
  }

  .hg-tl-day__num {
    font-size: 3.75rem;
  }

  .hg-adv__title {
    font-size: clamp(2.2rem, 9vw, 3rem);
  }

  .hg-tl-stop {
    grid-template-columns: 4.25rem 34px minmax(0, 1fr);
    column-gap: 0.65rem;
  }

  .hg-tl-transit {
    grid-template-columns: 4.25rem 34px minmax(0, 1fr);
    column-gap: 0.65rem;
  }

  .hg-tl-slot {
    padding-left: calc(4.25rem + 34px + 1.3rem);
  }

  .hg-adv__extra {
    padding-left: 0;
  }

  .hg-shell:not(.hg-shell--adventure):not(.hg-shell--daystage) {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 28px 14px 72px;
  }

  .hg-banner__stage {
    --hg-banner-card-overhang: 56px;
    margin-top: calc(56px + var(--hg-banner-card-overhang));
    margin-bottom: calc(36px + var(--hg-banner-card-overhang));
  }

  .hg-banner__card {
    --hg-card-line-inset: 10px;
    top: 50%;
    width: min(420px, 92vw);
    min-height: clamp(520px, 88vw, 600px);
    height: auto;
    padding: 64px 18px 42px;
  }

  .hg-banner__frame {
    height: clamp(260px, 50vw, 360px);
  }

  .hg-banner__headline {
    width: max(140%, 14ch);
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -0.8px;
  }

  .hg-hero__top {
    min-height: calc(100vh - var(--hg-bar-h) - var(--hg-progress-h));
    min-height: calc(100svh - var(--hg-bar-h) - var(--hg-progress-h));
    min-height: calc(100dvh - var(--hg-bar-h) - var(--hg-progress-h));
    padding:
      max(28px, env(safe-area-inset-top, 0px))
      max(14px, env(safe-area-inset-right, 0px))
      max(40px, env(safe-area-inset-bottom, 0px))
      max(14px, env(safe-area-inset-left, 0px));
  }

  .hg-hero__links {
    top: max(12px, env(safe-area-inset-top, 0px));
    right: max(12px, env(safe-area-inset-right, 0px));
    gap: 8px;
    max-width: min(46vw, 10.5rem);
  }

  .hg-hero__link {
    font-size: 0.72rem;
    letter-spacing: 0.06em;
  }

  .hg-hero__guest {
    left: max(12px, env(safe-area-inset-left, 0px));
    bottom: max(36px, env(safe-area-inset-bottom, 0px));
    margin: 0;
    max-width: calc(100% - 24px);
  }

  .hg-hero__guest-name {
    font-size: clamp(1.7rem, 7vw, 2.35rem);
    white-space: normal;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .hg-hero__watermark {
    top: 44%;
    max-width: min(96%, calc(100vw - 1.5rem));
    transform: translate3d(-50%, -50%, 0) skewX(-3deg) scale(var(--hg-wm-fit));
  }

  .hg-hero__watermark[data-len="short"] {
    --hg-wm-size: clamp(2.2rem, 14vw, 4.75rem);
  }

  .hg-hero__watermark[data-len="mid"] {
    --hg-wm-size: clamp(2rem, 12vw, 4.25rem);
  }

  .hg-hero__watermark[data-len="long"],
  .hg-hero__watermark--stack {
    --hg-wm-size: clamp(1.75rem, 11vw, 3.85rem);
  }

  .hg-hero__title {
    font-size: clamp(1.85rem, 8.5vw, 2.4rem);
    line-height: 0.98;
    letter-spacing: -0.015em;
    padding-inline: 0.15rem;
  }

  .hg-hero__lead {
    font-size: clamp(0.84rem, 3.6vw, 0.98rem);
    max-width: 22rem;
    padding-inline: 0.5rem;
  }

  .hg-hero__scroll {
    bottom: max(18px, env(safe-area-inset-bottom, 0px));
  }

  .hg-banner__stage {
    --hg-banner-card-overhang: 56px;
    margin-top: calc(56px + var(--hg-banner-card-overhang));
    margin-bottom: calc(36px + var(--hg-banner-card-overhang));
  }

  .hg-scheme {
    position: relative;
    top: auto;
    max-height: none;
    overflow: visible;
  }

  .hg-scheme nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 4px;
    border-bottom: 1px solid var(--hg-line);
    padding-bottom: 14px;
  }

  .hg-scheme__day {
    width: 100%;
    margin-top: 8px;
    padding-top: 4px;
  }

  .hg-scheme__stop {
    border: 0;
    padding: 6px 8px 6px 0;
    grid-template-columns: 22px auto;
  }

  .hg-scheme__stop em {
    max-width: 18ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Phone only — keep tablet/desktop hero chrome intact */
@media (max-width: 720px) {
  .hg-hero__links,
  .hg-hero__guest,
  .hg-hero__atmosphere {
    display: none;
  }

  /* Banner: no photo band; card full bleed */
  .hg-banner__frame,
  .hg-banner__media {
    display: none;
  }

  .hg-banner__stage {
    --hg-banner-card-overhang: 0px;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  .hg-banner__card {
    --hg-card-line-inset: 10px;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    max-width: none;
    min-height: 0;
    height: auto;
    padding: 3.25rem max(1rem, env(safe-area-inset-left, 0px))
      2.75rem max(1rem, env(safe-area-inset-right, 0px));
  }

  .hg-banner__card::after {
    display: none;
  }

  .hg-banner__headline {
    width: 100%;
    font-size: clamp(1.85rem, 9vw, 2.5rem);
    line-height: 1.05;
    letter-spacing: -0.04em;
  }

  .hg-banner__stats {
    margin-top: 1.25rem;
  }

  .hg-banner__actions {
    flex-direction: column;
    margin-top: 1.5rem;
    gap: 0.75rem;
  }

  .hg-banner__more,
  .hg-banner__download {
    flex: 0 0 auto;
    width: 100%;
    padding: 0.95rem 1.25rem;
    font-size: 0.95rem;
  }

  /* Stats: stops+days | people+budget | focus full */
  .hg-banner__stats {
    grid-template-columns: 1fr 1fr;
  }

  .hg-banner__stats div {
    grid-column: auto;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .hg-banner__stats div:nth-child(1),
  .hg-banner__stats div:nth-child(3) {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }

  .hg-banner__stats div:nth-child(2),
  .hg-banner__stats div:nth-child(4) {
    border-right: 0;
  }

  .hg-banner__stats div:nth-child(4),
  .hg-banner__stats div:nth-child(5) {
    grid-column: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .hg-banner__stats div:nth-child(5) {
    grid-column: 1 / -1;
    border-right: 0;
    border-bottom: 0;
  }
}

@media (max-width: 560px) {
  .hg-tl-day {
    margin-bottom: 1.75rem;
    padding-bottom: 2rem;
  }

  .hg-tl-day__hero {
    border-radius: 12px;
    margin-bottom: 1.25rem;
  }

  .hg-tl-stop {
    grid-template-columns: 3.5rem 30px minmax(0, 1fr);
    column-gap: 0.55rem;
    padding: 0.75rem 0 0.85rem;
  }

  .hg-tl-transit {
    grid-template-columns: 3.5rem 30px minmax(0, 1fr);
    column-gap: 0.55rem;
  }

  .hg-tl-slot {
    padding-left: calc(3.5rem + 30px + 1.1rem);
  }

  .hg-tl-stop__node > span {
    width: 26px;
    height: 26px;
    min-width: 26px;
    font-size: 12px;
  }

  .hg-tl-stop__node > .hg-tl-stop__dot::after {
    width: 7px;
    height: 7px;
  }

  .hg-tl-stop__time time,
  .hg-tl-stop__time span {
    font-size: 0.86rem;
  }

  .hg-tl-stop h3 {
    font-size: 1.08rem;
  }

  .hg-tl-facts,
  .hg-tl-stop .hg-facts,
  .hg-facts {
    grid-template-columns: 1fr;
  }

  .hg-plan__day li,
  .hg-cal li {
    grid-template-columns: 1fr;
    gap: 4px;
  }

}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .hg-hero__plane {
    animation: none;
    opacity: 0;
  }
}

/* ===== Guide blocks: homepage gallery / journal mosaics + picks / extras ===== */
#hg-country-gallery.gallery,
#hg-restaurants.journal {
  --content-max-width: 90rem;
  --content-padding-x: clamp(1.25rem, 4vw, 1.5rem);
  --content-width: min(var(--content-max-width), calc(100% - 2 * var(--content-padding-x)));
  width: 100%;
}

#hg-restaurants .journal-card__image--fallback {
  position: absolute;
  inset: 0;
  display: block;
  background: linear-gradient(135deg, #d8dde3, #eef1f4);
}

#hg-restaurants .journal-card__rating {
  position: absolute;
  z-index: 2;
  left: 0.85rem;
  bottom: 0.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.18rem;
  height: 1.55rem;
  padding: 0 0.55rem;
  border-radius: 999px;
  background: #b28b46;
  color: #fff;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  line-height: 1;
  pointer-events: none;
}

#hg-restaurants .journal-card__rating-star,
#hg-restaurants .journal-card__rating-value {
  display: inline-block;
  line-height: 1;
}

#hg-restaurants .journal-card__rating-star {
  font-size: 0.82rem;
  /* star glyph sits low — nudge up to digit center */
  transform: translateY(-0.06em);
}

#hg-restaurants .journal-card__rating-value {
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
  transform: translateY(0.02em);
}

#hg-restaurants .journal__slider-area {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2.5vw, 2.25rem);
  width: 100%;
  min-width: 0;
}

#hg-restaurants .journal-swiper.swiper {
  width: 100%;
  overflow: hidden;
}

#hg-restaurants .journal-swiper .swiper-slide {
  height: auto;
  display: flex;
}

#hg-restaurants .journal__slide .journal-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

#hg-restaurants .journal-card__hit {
  flex: 1 1 auto;
  gap: 1rem;
  height: 100%;
}

#hg-restaurants .journal-card__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-height: 0;
}

#hg-restaurants .journal-card__info {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  /* Reserve: 1 title line + gap + 2 excerpt lines */
  min-height: calc(21.6px + 0.45rem + 2.5rem);
}

#hg-restaurants .journal-card__title {
  font-size: 16px;
  line-height: 1.35;
  height: 1.35em;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}

#hg-restaurants .journal-card__excerpt {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-height: 2.5rem;
  min-height: 2.5rem;
}

#hg-restaurants .journal-card__date {
  margin-top: auto;
}

#hg-restaurants .journal__header {
  align-items: flex-end;
}

#hg-restaurants .journal__pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  width: 100%;
}

#hg-restaurants .journal__pagination-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem;
  height: 1rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  opacity: 1;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

#hg-restaurants .journal__pagination-btn:hover {
  transform: translateX(2px);
}

#hg-restaurants .journal__pagination-btn--prev:hover {
  transform: translateX(-2px);
}

#hg-restaurants .journal__pagination-btn.is-hidden {
  width: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

#hg-restaurants .journal__pagination-btn img {
  width: 2.625rem;
  height: auto;
}

#hg-restaurants .journal__pagination-btn--prev img {
  transform: scaleX(-1);
}

#hg-restaurants .journal__pagination-count {
  min-width: 3.5rem;
  text-align: center;
  font-family: "Inter", "Arimo", system-ui, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  color: #001f42;
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  #hg-restaurants .journal__pagination-btn {
    transition: none;
  }

  #hg-restaurants .journal__pagination-btn:hover,
  #hg-restaurants .journal__pagination-btn--prev:hover {
    transform: none;
  }
}

.hg-userpicks,
.hg-extras {
  position: relative;
  padding:
    clamp(2.75rem, 6vw, 4.5rem)
    max(18px, calc((100% - var(--hg-max, 1120px)) / 2));
}

.hg-extras__head,
.hg-userpicks__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  margin-bottom: 1.5rem;
}

.hg-extras__eyebrow,
.hg-userpicks__eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  opacity: 0.55;
  font-weight: 600;
}

.hg-extras__title,
.hg-userpicks__title {
  margin: 0;
  font-family: "Roboto Flex", RobotoFlex, var(--hg-font, sans-serif);
  font-size: clamp(1.85rem, 4vw, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.05;
}

.hg-extras__lead {
  margin: 0.65rem 0 0;
  max-width: 36rem;
  color: rgba(0, 0, 0, 0.55);
  font-size: 1rem;
  line-height: 1.45;
}

.hg-userpicks {
  background: #f4f5f7;
}

.hg-userpicks__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  width: 100%;
}

.hg-userpicks__chip {
  appearance: none;
  display: grid;
  gap: 0.2rem;
  padding: 0.75rem 1rem;
  border-radius: 0.85rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  text-align: left;
  cursor: pointer;
  min-width: min(100%, 220px);
}

.hg-userpicks__chip span {
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.45);
}

.hg-userpicks__chip strong {
  font-size: 0.98rem;
  font-weight: 650;
}

.hg-userpicks__chip.is-in {
  border-color: rgba(0, 31, 66, 0.2);
}

.hg-userpicks__chip.is-out {
  background: rgba(0, 31, 66, 0.04);
  cursor: default;
}

.hg-userpicks__chip:disabled {
  opacity: 0.85;
  cursor: default;
}

.hg-extras {
  background: #fff;
}

.hg-extras__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.15rem;
}

.hg-pickcard {
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  overflow: hidden;
  background: #f6f7f9;
  border: 1px solid rgba(0, 0, 0, 0.06);
  min-height: 100%;
}

.hg-pickcard__media {
  position: relative;
  aspect-ratio: 4 / 3;
  background: #ddd;
  overflow: hidden;
}

.hg-pickcard__media img,
.hg-pickcard__fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hg-pickcard__fallback {
  background:
    linear-gradient(135deg, #d8dde3, #eef1f4);
}

.hg-pickcard__badge {
  position: absolute;
  left: 0.65rem;
  top: 0.65rem;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  background: rgba(0, 31, 66, 0.9);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.04em;
}

.hg-pickcard__body {
  display: grid;
  gap: 0.45rem;
  padding: 0.95rem 1rem 1.1rem;
  flex: 1;
}

.hg-pickcard__body h3 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

.hg-pickcard__body p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.58);
}

.hg-pickcard__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: auto;
  padding-top: 0.35rem;
}

.hg-pickcard__actions a {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  background: #001f42;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 600;
  text-decoration: none;
}

.hg-ds-stop__you {
  margin: 0;
  color: #001f42;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 720px) {
  .hg-extras__grid {
    grid-template-columns: 1fr;
  }
}