/* Alpine lakes: a field-guide-inspired adventure page. */
:where([data-page-design="alpine-lakes"]) {
  --color-background: #f5f0e6;
  --color-surface: #fffaf1;
  --color-text: #1d2925;
  --color-muted: #53635b;
  --color-accent: #c65f2e;
  --color-accent-strong: #873b24;
  --color-border: #d6cdbd;
  --content-width: 76rem;
  --reading-width: 68rem;
  background: #f5f0e6;
  color: #1d2925;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
}
:where([data-page-design="alpine-lakes"]) .lp-document { overflow: clip; }
:where([data-page-design="alpine-lakes"]) .lp-section { padding: clamp(4rem, 8vw, 7.5rem) clamp(1.25rem, 4vw, 3rem); }
:where([data-page-design="alpine-lakes"]) .lp-section__content { width: 100%; }
:where([data-page-design="alpine-lakes"]) .lp-section h1,
:where([data-page-design="alpine-lakes"]) .lp-section h2 { font-family: "Roboto Slab", Rockwell, Georgia, serif; letter-spacing: -.025em; line-height: 1.08; }
:where([data-page-design="alpine-lakes"]) .lp-section h2 { max-width: 17ch; font-size: clamp(2.25rem, 4vw, 4.25rem); margin: .75rem 0 1.4rem; }
:where([data-page-design="alpine-lakes"]) .lp-section p { max-width: 62ch; font-size: clamp(1rem, 1.2vw, 1.125rem); line-height: 1.7; }
:where([data-page-design="alpine-lakes"]) .lp-section .lp-text-small { color: #a04d2b; font-size: .79rem; font-weight: 800; letter-spacing: .13em; line-height: 1.5; text-transform: uppercase; }
:where([data-page-design="alpine-lakes"]) .lp-section img { width: 100%; height: 100%; object-fit: cover; }
:where([data-page-design="alpine-lakes"]) .lp-section :is(a.lp-button, .lp-section--hero a, .lp-section--cta a) { display: inline-block; border-radius: .35rem; padding: .9rem 1.4rem; background: #c65f2e; color: #fff; font-weight: 750; text-decoration: none; }
:where([data-page-design="alpine-lakes"]) .lp-section :is(a.lp-button, .lp-section--hero a, .lp-section--cta a):hover { background: #a84b27; }
:where([data-page-design="alpine-lakes"]) a:focus-visible,
:where([data-page-design="alpine-lakes"]) :is(input, textarea, button):focus-visible { outline: 3px solid #718d94; outline-offset: 3px; }

:where([data-page-design="alpine-lakes"]) #top.lp-section--hero { position: relative; display: flex; min-height: clamp(40rem, 77vh, 56rem); align-items: end; padding-block: 9rem 4.5rem; isolation: isolate; background: #1d2925; color: #fffaf1; }
:where([data-page-design="alpine-lakes"]) #top .lp-section__content { width: min(100%, 76rem); margin: 0 auto; }
:where([data-page-design="alpine-lakes"]) #top .lp-section__content > p:first-child { position: absolute; inset: 0; z-index: 0; margin: 0; max-width: none; }
:where([data-page-design="alpine-lakes"]) #top .lp-section__content > p:first-child img { object-position: center 57%; }
:where([data-page-design="alpine-lakes"]) #top::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(11, 26, 23, .76), rgba(11, 26, 23, .28) 67%, rgba(11, 26, 23, .08)), linear-gradient(0deg, rgba(11, 26, 23, .46), transparent 70%); }
:where([data-page-design="alpine-lakes"]) #top .lp-section__content > :not(:first-child) { position: relative; z-index: 2; }
:where([data-page-design="alpine-lakes"]) #top h1 { max-width: 10ch; margin: .8rem 0 1.25rem; color: #fffaf1; font-size: clamp(3.3rem, 6.4vw, 6.2rem); line-height: .99; }
:where([data-page-design="alpine-lakes"]) #top p { color: #f7f3e9; }
:where([data-page-design="alpine-lakes"]) #top h1 + p { max-width: 42ch; font-size: clamp(1.12rem, 1.7vw, 1.35rem); line-height: 1.55; }
:where([data-page-design="alpine-lakes"]) #top .lp-text-small { color: #f3c49b; }
:where([data-page-design="alpine-lakes"]) #top .lp-section__content > p:last-child { margin-top: 2rem; color: #f3e1cc; }

:where([data-page-design="alpine-lakes"]) #overview .lp-section__content,
:where([data-page-design="alpine-lakes"]) #journey .lp-section__content,
:where([data-page-design="alpine-lakes"]) #guide .lp-section__content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(3rem, 7vw, 7rem); align-items: center; }
:where([data-page-design="alpine-lakes"]) #overview .lp-section__content > :not(:last-child),
:where([data-page-design="alpine-lakes"]) #journey .lp-section__content > :not(:first-child),
:where([data-page-design="alpine-lakes"]) #guide .lp-section__content > :not(:last-child) { grid-column: 1; }
:where([data-page-design="alpine-lakes"]) #overview .lp-section__content > :last-child,
:where([data-page-design="alpine-lakes"]) #guide .lp-section__content > :last-child { grid-column: 2; grid-row: 1 / span 5; height: 34rem; margin: 0; }
:where([data-page-design="alpine-lakes"]) #journey { background: #e9e9df; }
:where([data-page-design="alpine-lakes"]) #journey .lp-section__content > :first-child { grid-column: 1; grid-row: 1 / span 7; height: 43rem; margin: 0; }
:where([data-page-design="alpine-lakes"]) #journey .lp-section__content > :not(:first-child) { grid-column: 2; }
:where([data-page-design="alpine-lakes"]) #journey ol { padding-left: 1.3rem; line-height: 1.6; }
:where([data-page-design="alpine-lakes"]) #journey li { padding: .55rem 0; color: #364940; }
:where([data-page-design="alpine-lakes"]) #journey li::marker { color: #a04d2b; font-weight: 700; }
:where([data-page-design="alpine-lakes"]) #overview img { object-position: 35% center; }
:where([data-page-design="alpine-lakes"]) #journey img { object-position: center 70%; }

:where([data-page-design="alpine-lakes"]) #gallery { background: #fffaf1; }
:where([data-page-design="alpine-lakes"]) #gallery .lp-section__content { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; }
:where([data-page-design="alpine-lakes"]) #gallery .lp-text-small,
:where([data-page-design="alpine-lakes"]) #gallery h2 { grid-column: 1 / -1; }
:where([data-page-design="alpine-lakes"]) #gallery h2 { margin-bottom: 2rem; }
:where([data-page-design="alpine-lakes"]) #gallery .lp-section__content > p:has(img) { max-width: none; margin: 0; height: 18rem; overflow: hidden; }
:where([data-page-design="alpine-lakes"]) #gallery .lp-section__content > p:nth-of-type(2):has(img) { grid-row: span 2; height: 37rem; }
:where([data-page-design="alpine-lakes"]) #gallery .lp-photo-gallery__trigger img { height: 100%; object-fit: cover; }
:where([data-page-design="alpine-lakes"]) #gallery img { object-position: center; }

:where([data-page-design="alpine-lakes"]) #details { background: #263c35; color: #fffaf1; }
:where([data-page-design="alpine-lakes"]) #details .lp-section__content { max-width: 76rem; display: grid; grid-template-columns: 1fr 1fr; gap: 0 clamp(3rem, 7vw, 8rem); }
:where([data-page-design="alpine-lakes"]) #details .lp-text-small,
:where([data-page-design="alpine-lakes"]) #details h2 { grid-column: 1 / -1; }
:where([data-page-design="alpine-lakes"]) #details h2 { max-width: none; }
:where([data-page-design="alpine-lakes"]) #details p,
:where([data-page-design="alpine-lakes"]) #details li { color: #e1e8de; }
:where([data-page-design="alpine-lakes"]) #details .lp-text-small { color: #e6ac79; }
:where([data-page-design="alpine-lakes"]) #details ul { margin: 0; padding: 0; list-style: none; }
:where([data-page-design="alpine-lakes"]) #details li { padding: .8rem 0; border-top: 1px solid #687970; line-height: 1.55; }
:where([data-page-design="alpine-lakes"]) #details .lp-section__content > p:last-child { grid-column: 1 / -1; max-width: 80ch; margin-top: 2rem; }
:where([data-page-design="alpine-lakes"]) #guide { background: #f5f0e6; }
:where([data-page-design="alpine-lakes"]) #guide .lp-section__content > :last-child { height: 29rem; }
:where([data-page-design="alpine-lakes"]) #questions { border-top: 1px solid #d6cdbd; }
:where([data-page-design="alpine-lakes"]) #questions .lp-section__content { max-width: 54rem; margin: auto; }
:where([data-page-design="alpine-lakes"]) #questions p:has(strong) { margin: 0; padding: 1.3rem 0; border-top: 1px solid #d6cdbd; }
:where([data-page-design="alpine-lakes"]) #questions strong { color: #263c35; }

:where([data-page-design="alpine-lakes"]) #inquire { background: #e6e9e0; text-align: left; padding-bottom: 2rem; }
:where([data-page-design="alpine-lakes"]) #inquire .lp-section__content { max-width: 76rem; }
:where([data-page-design="alpine-lakes"]) #inquire h2 { max-width: 16ch; }
:where([data-page-design="alpine-lakes"]) .lp-section--form { background: #e6e9e0; padding-top: 0; }
:where([data-page-design="alpine-lakes"]) .lp-section--form .lp-section__content { max-width: 76rem; }
:where([data-page-design="alpine-lakes"]) .lp-form { max-width: 44rem; }
:where([data-page-design="alpine-lakes"]) .lp-form button { background: #c65f2e; border-radius: .35rem; padding: .9rem 1.4rem; font-weight: 700; }
:where([data-page-design="alpine-lakes"]) .lp-form button:hover { background: #a84b27; }

@media (max-width: 760px) {
  :where([data-page-design="alpine-lakes"]) #top.lp-section--hero { min-height: 38rem; padding-block: 6rem 3rem; }
  :where([data-page-design="alpine-lakes"]) #top::after { background: linear-gradient(0deg, rgba(11, 26, 23, .87), rgba(11, 26, 23, .38) 75%); }
  :where([data-page-design="alpine-lakes"]) #top .lp-section__content > p:first-child img { object-position: 50% center; }
  :where([data-page-design="alpine-lakes"]) #overview .lp-section__content,
  :where([data-page-design="alpine-lakes"]) #journey .lp-section__content,
  :where([data-page-design="alpine-lakes"]) #guide .lp-section__content,
  :where([data-page-design="alpine-lakes"]) #details .lp-section__content { display: block; }
  :where([data-page-design="alpine-lakes"]) #overview .lp-section__content > :last-child,
  :where([data-page-design="alpine-lakes"]) #journey .lp-section__content > :first-child,
  :where([data-page-design="alpine-lakes"]) #guide .lp-section__content > :last-child { height: 24rem; margin: 2rem 0 0; }
  :where([data-page-design="alpine-lakes"]) #journey .lp-section__content > :first-child { margin: 0 0 2rem; }
  :where([data-page-design="alpine-lakes"]) #details ul { margin: 2rem 0; }
  :where([data-page-design="alpine-lakes"]) #gallery .lp-section__content { grid-template-columns: 1fr 1fr; }
  :where([data-page-design="alpine-lakes"]) #gallery .lp-section__content > p:has(img) { height: 15rem; }
  :where([data-page-design="alpine-lakes"]) #gallery .lp-section__content > p:nth-of-type(2):has(img) { grid-column: 1 / -1; height: 19rem; }
}
@media (max-width: 480px) {
  :where([data-page-design="alpine-lakes"]) #top h1 { font-size: clamp(3rem, 12vw, 4rem); line-height: 1.04; }
  :where([data-page-design="alpine-lakes"]) #gallery .lp-section__content { display: block; }
  :where([data-page-design="alpine-lakes"]) #gallery .lp-section__content > p:has(img),
  :where([data-page-design="alpine-lakes"]) #gallery .lp-section__content > p:nth-of-type(2):has(img) { height: 16rem; margin-bottom: .75rem; }
}