/* About only: editable editorial content and compact companion scenes. */
body.page-id-24 .document-hero {
  padding-bottom: 0;
  min-height: 0;
}
body.page-id-24 .document-hero__inner {
  min-height: 0;
  padding-block: clamp(40px, 5vw, 68px);
  align-items: end;
}
body.page-id-24 .document-hero__copy { max-width: none; }
body.page-id-24 .document-hero__intro { max-width: 760px; }
body.page-id-24 .document-hero h1 { max-width: none; font-size: clamp(44px, 6.2vw, 88px); }
body.page-id-24 .document-content { --about-ink: #19241e; --about-muted: #536158; }
body.page-id-24 .document-content > :is(.about-section,.about-editorial,.about-opening-photo) {
  box-sizing: border-box;
  width: min(calc(100% - 64px), 1160px);
  max-width: 1160px;
  margin: clamp(48px, 6vw, 84px) auto;
  color: var(--about-ink);
}
body.page-id-24 .document-content > .about-opening-photo { margin-top: 0; }
body.page-id-24 :is(.about-section,.about-editorial) h2 {
  margin: 0 0 24px;
  font-size: clamp(30px, 3.6vw, 48px);
  line-height: 1.12;
  letter-spacing: -.025em;
  text-wrap: balance;
}
body.page-id-24 :is(.about-section,.about-editorial) h3 {
  margin: 0 0 14px;
  font-size: clamp(21px, 2vw, 26px);
  line-height: 1.25;
  letter-spacing: -.015em;
}
body.page-id-24 :is(.about-section,.about-editorial) p {
  max-width: 68ch;
  margin: 0 0 18px;
  color: var(--about-muted);
  font-size: 17px;
  line-height: 1.75;
}
body.page-id-24 .about-eyebrow {
  margin: 0 0 16px !important;
  color: #b63d33 !important;
  font-family: var(--lx-font-sans, sans-serif);
  font-size: 12px !important;
  font-weight: 750;
  line-height: 1.45 !important;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.page-id-24 .about-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; }
body.page-id-24 .about-hero-actions { margin-top: 26px; }
body.page-id-24 a.about-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 50px;
  padding: 14px 22px;
  background: #bd4438;
  border: 1px solid #bd4438;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
body.page-id-24 a.about-button:hover { background: #9c352c; border-color: #9c352c; }
body.page-id-24 .document-content a.about-button { color: #fff; text-decoration: none; }
body.page-id-24 :is(.about-actions,.about-editorial-copy,.about-order-details,.about-next-links) a:not(.about-button) {
  color: #97372e;
  text-decoration: underline;
  text-underline-offset: 4px;
}
body.page-id-24 :is(.about-actions,.about-section,.about-editorial) a:focus-visible,
body.page-id-24 .about-destinations a:focus-visible { outline: 3px solid #b87b23; outline-offset: 5px; }
body.page-id-24 .about-opening-photo { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1fr); align-items: center; gap: clamp(32px,6vw,80px); }
body.page-id-24 .about-opening-photo img { display: block; width: 100%; height: auto; max-height: none; }
body.page-id-24 .about-opening-photo figcaption {
  padding: 32px 24px 32px 0;
  color: #19241e;
}
body.page-id-24 .about-opening-photo figcaption span { display: block; margin-bottom: 22px; color: #97372e; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
body.page-id-24 .about-opening-photo figcaption strong { display: block; margin-bottom: 28px; font: 500 clamp(32px,4vw,58px)/1.15 var(--lx-font-serif, Georgia,serif); }
body.page-id-24 .about-opening-photo figcaption p { margin: 0 0 18px; color: #536158; font-size: 17px; line-height: 1.75; }
body.page-id-24 .about-help { display: grid; grid-template-columns: 1fr 1.15fr; gap: 32px 70px; }
body.page-id-24 .about-benefits { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 24px; padding-top: 30px; border-top: 1px solid #cbd2ca; }
body.page-id-24 .about-benefits > div { box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 26px 24px 22px; border: 1px solid #cbd2ca; background: rgba(255,255,255,.46); }
body.page-id-24 .about-number { display: block; margin-bottom: 18px; font: 700 11px/1.4 var(--lx-font-sans,sans-serif); color: #9c3b31; letter-spacing: .06em; }
body.page-id-24 .about-benefits h3 { margin-bottom: 12px; }
body.page-id-24 .about-benefits p { margin: 0; font-size: 16px; }
body.page-id-24 .about-help .about-scope-note { grid-column: 1/-1; max-width: none; margin: 0; padding-top: 20px; border-top: 1px solid #d4d8d0; font-size: 14px; }
body.page-id-24 .about-team .about-section-heading { max-width: 730px; }
body.page-id-24 .about-team-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; margin-top: 40px; }
body.page-id-24 .about-person { padding-top: 28px; border-top: 1px solid #cbd2ca; }
body.page-id-24 .about-person .tc-av { width: 120px; height: 120px; margin: 0 0 22px; overflow: hidden; border-radius: 50%; }
body.page-id-24 .about-person .tc-av img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 28%; }
body.page-id-24 .about-person h3 { margin-bottom: 6px; }
body.page-id-24 .about-person p { font-size: 15px; }
body.page-id-24 .about-person .about-person-role { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #97372e; }
body.page-id-24 .about-person-role span { margin-left: 12px; color: #536158; }
body.page-id-24 .about-editorial { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(32px,5vw,72px); }
body.page-id-24 .about-editorial figure { margin: 0; min-width: 0; }
body.page-id-24 .about-editorial figure img { display: block; width: 100%; height: auto; }
body.page-id-24 .about-editorial-copy p:last-child { margin-bottom: 0; }
body.page-id-24 .about-values > .about-section-heading { max-width: 760px; margin-bottom: 28px; }
body.page-id-24 .about-value { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(32px,5vw,72px); padding-block: clamp(28px,4vw,54px); border-top: 1px solid #cbd2ca; }
body.page-id-24 .about-value figure { min-width: 0; margin: 0; aspect-ratio: 4 / 3; overflow: hidden; background: #e9e7df; }
body.page-id-24 .about-value figure img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
body.page-id-24 .about-value:nth-of-type(even) figure { order: 2; }
body.page-id-24 .about-value:nth-of-type(even) .about-value-copy { order: 1; }
body.page-id-24 .about-value-copy .about-eyebrow { margin-bottom: 12px !important; }
body.page-id-24 .about-value-copy h3 { margin-bottom: 16px; font-size: clamp(25px,3vw,36px); }
body.page-id-24 .about-value-copy p:last-child { margin-bottom: 0; }
body.page-id-24 .about-sample { display: grid; grid-template-columns: minmax(180px,.55fr) minmax(0,1.45fr); align-items: center; gap: clamp(24px,5vw,70px); padding: clamp(28px,4vw,54px); border-inline-start: 4px solid #bd4438; background: #edf0e8; }
body.page-id-24 .about-sample-mark { display: flex; align-items: baseline; justify-content: center; gap: 12px; color: #bd4438; }
body.page-id-24 .about-sample-mark strong { font: 500 clamp(92px,13vw,156px)/.8 var(--lx-font-serif,Georgia,serif); letter-spacing: -.08em; }
body.page-id-24 .about-sample-mark span { color: #536158; font: 700 11px/1.4 var(--lx-font-sans,sans-serif); letter-spacing: .12em; }
body.page-id-24 .about-sample-copy h2 { margin-bottom: 18px; }
body.page-id-24 .about-sample a.about-button { margin-top: 8px; }
body.page-id-24 .about-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; margin: 38px 0 40px; padding: 0; list-style: none; counter-reset: about-step; }
body.page-id-24 .about-steps li { counter-increment: about-step; border-top: 1px solid #cbd2ca; padding-top: 22px; }
body.page-id-24 .about-steps li::before { content: "0" counter(about-step); display: block; margin-bottom: 22px; color: #b63d33; font: 500 28px/1 Georgia,serif; }
body.page-id-24 .about-steps p { font-size: 16px; }
body.page-id-24 .about-order-details { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; padding: 32px; border: 1px solid #cbd2ca; }
body.page-id-24 .about-order-details p { font-size: 16px; }
body.page-id-24 .about-order-details a { font-size: 15px; }
body.page-id-24 .about-atlas { display: grid; grid-template-columns: minmax(0,7fr) minmax(0,4fr); align-items: stretch; gap: 0; padding: 0; overflow: hidden; border: 1px solid rgba(25,36,30,.14); border-radius: 16px; background: #1b231e; box-shadow: 0 14px 34px rgba(23,31,26,.09); }
body.page-id-24 .about-atlas-map { display: grid; place-items: center; min-width: 0; background: #f1eee5; }
body.page-id-24 .about-atlas-map img { display: block; width: 100%; height: auto; max-height: 680px; object-fit: contain; }
body.page-id-24 .about-atlas-copy { display: flex; flex-direction: column; min-width: 0; padding: clamp(24px,3.2vw,38px); background: linear-gradient(155deg,#28322c 0%,#19211c 100%); color: #f7f3e9; }
body.page-id-24 .about-atlas-copy .about-eyebrow { color: #d4af67 !important; }
body.page-id-24 .about-atlas-copy h2 { margin-bottom: 14px; color: #fffaf0; font-size: clamp(27px,2.7vw,38px); }
body.page-id-24 .about-atlas-copy > p:not(.about-eyebrow):not(.about-atlas-note) { margin-bottom: 16px; color: rgba(255,250,240,.76); font-size: 15px; line-height: 1.6; }
body.page-id-24 .about-destinations { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 14px; margin: 0; padding: 0; list-style: none; }
body.page-id-24 .about-destinations li { display: flex; align-items: center; min-width: 0; min-height: 28px; padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,.12); color: #f7f3e9; font: 600 13px/1.35 var(--lx-font-serif,Georgia,serif); }
body.page-id-24 .about-atlas-note { margin: auto 0 0 !important; padding-top: 14px; color: #d4af67 !important; font: 700 10px/1.4 var(--lx-font-sans,sans-serif) !important; letter-spacing: .08em; text-transform: uppercase; }
body.page-id-24 .about-next { padding: clamp(32px,5vw,64px); background: #f0e9dd; }
body.page-id-24 .about-next .about-actions { margin-top: 28px; }
body.page-id-24 .about-next .about-next-links { margin-top: 28px; margin-bottom: 0; font-size: 14px; }
/* Keep a compact, visible end pose instead of an empty half-stage. */
body.page-id-24 .document-content > .lx-companion-stage { width: min(calc(100% - 64px),1160px); min-height: 260px; margin: 48px auto; }
body.page-id-24 .lx-companion-stage__inner { grid-template-columns: minmax(0,1.3fr) 50px minmax(180px,.7fr); padding-block: 28px; }
body.page-id-24 .lx-companion-stage__copy h2 { font-size: clamp(28px,3.4vw,42px); }
body.page-id-24 .lx-companion-stage__copy p { font-size: 16px; }
body.page-id-24 .lx-companion-stage__route { min-height: 150px; }
body.page-id-24 .lx-companion-stage__actor { width: 200px; justify-self: center; }
body.page-id-24 .lx-companion-stage.is-complete .lx-companion-stage__actor { opacity: 1; transform: none; }
body.page-id-24 .lx-companion-stage.is-complete .lx-companion-stage__sprite { opacity: 1; background-image: url('../companion/loclyx-sprite-rest-v2.webp') !important; background-position: 0 0 !important; }
body.page-id-24 .lx-companion-stage.is-complete .lx-companion-stage__prop { display: none; }
@media (max-width: 820px) {
  body.page-id-24 .document-hero { padding-bottom: 0; }
  body.page-id-24 .document-hero h1 { font-size: clamp(40px,7vw,62px); }
  body.page-id-24 .document-content > :is(.about-section,.about-editorial,.about-opening-photo) { width: calc(100% - 40px); margin-block: 44px; }
  body.page-id-24 .document-content > .about-opening-photo { margin-top: 0; }
  body.page-id-24 .about-help { grid-template-columns: 1fr; gap: 8px; }
  body.page-id-24 .about-benefits { gap: 18px; margin-top: 22px; }
  body.page-id-24 .about-benefits > div { padding: 22px 18px 20px; }
  body.page-id-24 .about-benefits h3 { font-size: 20px; }
  body.page-id-24 .about-editorial { gap: 28px; }
  body.page-id-24 .about-sample { padding: 24px; }
  body.page-id-24 .about-order-details { padding: 26px; gap: 28px; }
  body.page-id-24 .about-atlas { grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); }
  body.page-id-24 .about-atlas-copy { padding: 24px; }
  body.page-id-24 .about-destinations { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 12px; }
  body.page-id-24 .about-destinations li { font-size: 12px; }
  body.page-id-24 .document-content > .lx-companion-stage { width: calc(100% - 40px); min-height: 260px; margin-block: 44px; }
  body.page-id-24 .lx-companion-stage__inner { width: calc(100% - 40px); grid-template-columns: minmax(0,1fr) 140px; grid-template-rows: auto; gap: 16px; padding-block: 28px; }
  body.page-id-24 .lx-companion-stage .lx-companion-stage__copy { grid-column: 1 !important; grid-row: 1 !important; padding-bottom: 0; }
  body.page-id-24 .lx-companion-stage .lx-companion-stage__actor { grid-column: 2 !important; grid-row: 1 !important; width: 150px; }
  body.page-id-24 .lx-companion-stage__route { display: none; }
  body.page-id-24 .lx-companion-stage__copy h2 { font-size: 30px; }
}
@media (max-width: 600px) {
  body.page-id-24 .document-hero__folio { display: none; }
  body.page-id-24 .document-hero__intro p { font-size: 16px; line-height: 1.7; }
  body.page-id-24 .about-actions { gap: 18px; }
  body.page-id-24 a.about-button { font-size: 14px; gap: 14px; padding: 14px 16px; }
  body.page-id-24 .about-opening-photo { grid-template-columns: 1fr; gap: 0; }
  body.page-id-24 .about-opening-photo figcaption { padding: 28px 0 0; }
  body.page-id-24 .about-opening-photo figcaption strong { font-size: 32px; }
  body.page-id-24 .about-opening-photo figcaption p { font-size: 16px; }
  body.page-id-24 :is(.about-section,.about-editorial) p { font-size: 16px; }
  body.page-id-24 .about-benefits,
  body.page-id-24 .about-team-grid,
  body.page-id-24 .about-steps,
  body.page-id-24 .about-order-details,
  body.page-id-24 .about-editorial,
  body.page-id-24 .about-atlas { grid-template-columns: 1fr; }
  body.page-id-24 .about-benefits { gap: 14px; padding-top: 24px; }
  body.page-id-24 .about-benefits > div { padding: 20px 18px; }
  body.page-id-24 .about-benefits > div + div { padding-top: 20px; border-top: 1px solid #cbd2ca; }
  body.page-id-24 .about-number { margin-bottom: 12px; }
  body.page-id-24 .about-help .about-scope-note { margin-top: 12px; font-size: 14px; }
  body.page-id-24 .about-team-grid { gap: 24px; margin-top: 28px; }
  body.page-id-24 .about-person { display: grid; grid-template-columns: 84px 1fr; column-gap: 20px; padding-top: 24px; }
  body.page-id-24 .about-person .tc-av { width: 84px; height: 84px; margin: 0; grid-row: 1/4; }
  body.page-id-24 .about-person h3 { font-size: 23px; }
  body.page-id-24 .about-person p { margin-bottom: 8px; font-size: 14px; }
  body.page-id-24 .about-person .about-person-role { font-size: 11px; }
  body.page-id-24 .about-editorial { gap: 26px; }
  body.page-id-24 .about-value { grid-template-columns: 1fr; gap: 22px; padding-block: 26px; }
  body.page-id-24 .about-value:nth-of-type(even) figure,
  body.page-id-24 .about-value:nth-of-type(even) .about-value-copy { order: initial; }
  body.page-id-24 .about-value figure { aspect-ratio: 4 / 3; }
  body.page-id-24 .about-sample { grid-template-columns: 1fr; gap: 16px; padding: 24px 20px; }
  body.page-id-24 .about-sample-mark { justify-content: flex-start; gap: 10px; }
  body.page-id-24 .about-sample-mark strong { font-size: 72px; }
  body.page-id-24 .about-sample-copy h2 { font-size: 30px; }
  body.page-id-24 .about-steps { gap: 14px; margin-block: 28px; }
  body.page-id-24 .about-steps li { display: grid; grid-template-columns: 38px 1fr; gap: 0 12px; }
  body.page-id-24 .about-steps li::before { grid-row: 1/3; font-size: 25px; }
  body.page-id-24 .about-steps h3 { font-size: 22px; }
  body.page-id-24 .about-order-details { padding: 22px; }
  body.page-id-24 .about-order-details > div + div { padding-top: 24px; border-top: 1px solid #cbd2ca; }
  body.page-id-24 .about-atlas { padding-top: 0; }
  body.page-id-24 .about-atlas-map { max-width: 460px; }
  body.page-id-24 .about-atlas-copy { padding: 24px 20px 20px; }
  body.page-id-24 .about-atlas-copy h2 { font-size: 30px; }
  body.page-id-24 .about-atlas-copy > p:not(.about-eyebrow):not(.about-atlas-note) { font-size: 14px; }
  body.page-id-24 .about-destinations { gap: 0 14px; }
  body.page-id-24 .about-destinations li { min-height: 29px; font-size: 13px; }
  body.page-id-24 .about-next { padding: 28px 22px; }
  body.page-id-24 .about-next .about-next-links { font-size: 14px; line-height: 2; }
  body.page-id-24 .lx-companion-stage__inner { grid-template-columns: minmax(0,1fr) 94px; gap: 12px; width: calc(100% - 36px); }
  body.page-id-24 .lx-companion-stage .lx-companion-stage__actor { width: 112px; }
  body.page-id-24 .lx-companion-stage__copy h2 { font-size: 27px; }
  body.page-id-24 .lx-companion-stage__copy p { font-size: 14px; line-height: 1.65; }
  body.page-id-24 .lx-companion-stage__eyebrow { margin-bottom: 14px !important; font-size: 10px !important; }
}
