/* Experiences on the lodge premises. Excursions live on activities.html. */
.lodge-experiences { padding-top:64px; }
.lodge-experiences .section-heading { align-items:center; margin-bottom:40px; }
.lodge-experiences .section-heading > p { max-width:48ch; font-size:15px; line-height:1.9; }
.lodge-experience-index { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px 28px; border-block:1px solid var(--line); padding:21px 0; margin-bottom:60px; }
.lodge-experience-index a { display:flex; align-items:baseline; gap:11px; min-height:32px; font-size:12px; padding:5px 0; text-decoration:underline; text-decoration-color:transparent; text-underline-offset:5px; }
.lodge-experience-index a:hover { color:var(--accent-dark); text-decoration-color:currentColor; }
.lodge-experience-index a span { color:var(--accent-dark); font-size:9px; }
.lodge-experience { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); align-items:center; gap:clamp(32px,5vw,78px); padding-bottom:72px; margin-bottom:72px; border-bottom:1px solid var(--line); scroll-margin-top:calc(var(--header) + 28px); }
.lodge-experience-photo { aspect-ratio:1.78; background:var(--sand); overflow:hidden; }
.lodge-experience-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.lodge-experience-copy { min-width:0; }
.lodge-experience-kicker { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:18px; }
.lodge-experience-kicker .eyebrow { margin:0; color:var(--accent-dark); font-size:9px; }
.lodge-experience-kicker .room-number { flex-shrink:0; font-size:10px; }
.lodge-experience-copy h3 { font-size:clamp(37px,3.8vw,56px); line-height:1.08; margin:0 0 22px; max-width:20ch; }
.lodge-experience-copy > p { margin:0; color:var(--muted); font-size:14px; line-height:1.9; max-width:58ch; }
.lodge-experience-copy .text-link { margin-top:25px; font-size:12px; gap:16px; }
.lodge-experience--spring { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); padding:clamp(27px,4vw,54px); background:var(--sand); border:0; }
.lodge-experience--spring .lodge-experience-photo { grid-column:2; grid-row:1; aspect-ratio:1.5; }
.lodge-experience--spring .lodge-experience-copy { grid-column:1; grid-row:1; }
.lodge-experience--spring .lodge-experience-copy h3 { font-size:clamp(40px,4.2vw,62px); }
.lodge-experience-pair { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:20px; }
.lodge-experience-pair figure,.lodge-light-pair figure { margin:0; min-width:0; }
.lodge-experience-pair img,.lodge-light-pair img { display:block; width:100%; height:auto; object-fit:cover; background:var(--sand); }
.lodge-experience-pair figure:first-child img { aspect-ratio:.75; }
.lodge-experience-pair figure:last-child { margin-top:70px; }
.lodge-experience-pair figure:last-child img { aspect-ratio:1.5; }
.lodge-experience-pair figcaption,.lodge-light-pair figcaption { font-size:11px; color:var(--muted); line-height:1.6; margin-top:12px; }
.lodge-experience--light { display:block; }
.lodge-experience--light .lodge-experience-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 60px; align-items:start; margin-bottom:34px; }
.lodge-experience--light .lodge-experience-kicker { grid-column:1/-1; margin-bottom:17px; }
.lodge-experience--light .lodge-experience-copy h3 { max-width:15ch; margin-bottom:0; }
.lodge-experience--light .lodge-experience-copy > p { padding-top:5px; max-width:65ch; }
.lodge-light-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
.lodge-light-pair img { aspect-ratio:1.78; }
.lodge-experience--garden .lodge-experience-pair figure:last-child img { aspect-ratio:.75; }
.lodge-beyond { display:flex; justify-content:space-between; align-items:center; gap:42px; padding:36px 40px; border:1px solid var(--line); }
.lodge-beyond .eyebrow { margin-bottom:12px; }
.lodge-beyond h3 { font-size:38px; margin-bottom:14px; }
.lodge-beyond p:not(.eyebrow) { font-size:14px; line-height:1.8; color:var(--muted); max-width:63ch; margin:0; }
.lodge-beyond .button { flex-shrink:0; }
@media(max-width:1000px) {
  .lodge-experience { gap:34px; }
  .lodge-experience-copy h3 { font-size:38px; }
  .lodge-experience--spring .lodge-experience-copy h3 { font-size:42px; }
  .lodge-experience-copy .text-link { font-size:11px; gap:10px; }
  .lodge-experience-pair { gap:14px; }
  .lodge-beyond { display:block; }
  .lodge-beyond .button { margin-top:24px; }
}
@media(max-width:800px) {
  .lodge-experiences .section-heading { display:block; }
  .lodge-experiences .section-heading > p { max-width:62ch; margin:22px 0 0; }
  .lodge-experience { grid-template-columns:1fr; gap:28px; margin-bottom:50px; padding-bottom:50px; }
  .lodge-experience--spring { padding:30px; }
  .lodge-experience--spring .lodge-experience-photo,.lodge-experience--spring .lodge-experience-copy { grid-column:auto; grid-row:auto; }
  .lodge-experience-copy > p { max-width:75ch; }
  .lodge-experience-pair { max-width:660px; }
  .lodge-experience--light .lodge-experience-copy { gap:0 28px; }
  .lodge-experience--light .lodge-experience-copy h3 { font-size:36px; }
  .lodge-experience--light .lodge-experience-copy > p { padding-top:0; }
}
@media(max-width:600px) {
  .lodge-experiences-page .hero-image img { object-position:38% 50% !important; }
  .lodge-experiences-page .page-hero h1 { font-size:clamp(43px,12vw,62px); }
  .lodge-experiences { padding-top:38px; }
  .lodge-experiences .section-heading { margin-bottom:28px; }
  .lodge-experiences .section-heading > p { font-size:14px; line-height:1.85; }
  .lodge-experience-index { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 15px; padding-block:16px; margin-bottom:34px; }
  .lodge-experience-index a { font-size:11px; min-height:38px; line-height:1.6; gap:8px; }
  .lodge-experience { gap:24px; margin-bottom:38px; padding-bottom:38px; }
  .lodge-experience-kicker { margin-bottom:15px; }
  .lodge-experience-copy h3 { font-size:38px; margin-bottom:18px; }
  .lodge-experience-copy > p { font-size:14px; line-height:1.85; }
  .lodge-experience-copy .text-link { margin-top:20px; }
  .lodge-experience--spring { padding:22px 20px 28px; }
  .lodge-experience--spring .lodge-experience-copy h3 { font-size:42px; }
  .lodge-experience-pair { gap:13px; }
  .lodge-experience-pair figure:last-child { margin-top:34px; }
  .lodge-experience-pair figcaption,.lodge-light-pair figcaption { font-size:10px; margin-top:9px; }
  .lodge-experience--light .lodge-experience-copy { display:block; margin-bottom:25px; }
  .lodge-experience--light .lodge-experience-copy h3 { font-size:38px; max-width:20ch; margin-bottom:18px; }
  .lodge-light-pair { grid-template-columns:1fr; gap:24px; }
  .lodge-beyond { padding:26px 23px; }
  .lodge-beyond h3 { font-size:34px; }
  .lodge-beyond p:not(.eyebrow) { font-size:13px; }
  .lodge-beyond .button { font-size:11px; gap:14px; padding:13px 16px; }
}