/* Attribute landing pages (micro weddings, lodging, multi-day, outdoor, exclusive use, near Missoula).
   Written by tools/build-landing.py. Mobile first, tokens only. Markup:
   <ul class="lp-highlights__list"><li><b>…</b><span>…</span></li></ul>
   <article class="split [split--flip]"><figure class="split__photo photo curtain"><img></figure><div class="split__copy">…</div></article> */
.lp-hero__cta { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-2); }
.lp-highlights { padding-block: var(--s-7); }
.lp-highlights__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5) var(--s-4); margin: 0; padding: 0; list-style: none; }
.lp-highlights__list li { display: grid; gap: var(--s-1); padding-top: var(--s-3); border-top: 1px solid var(--c-rule); font-size: var(--t-small); color: var(--c-ink-soft); }
.lp-highlights__list b { font-family: var(--f-display); font-size: var(--t-h3); font-weight: 400; line-height: var(--lh-heading); color: var(--c-pine); font-variant-numeric: lining-nums; }
.lp-intro .prose h2 { margin-top: 0; }
.splits { display: grid; gap: var(--s-9); }
.split { display: grid; gap: var(--s-5); align-items: center; }
.split__photo { margin: 0; border-radius: var(--r-md); aspect-ratio: 4 / 3; }
.split__copy { display: grid; gap: var(--s-4); max-width: var(--w-text); }
.split__copy h2 { font-size: var(--t-h2); }
.split__copy p { color: var(--c-ink-soft); }
.split__copy a:not(.btn):not(.link) { color: var(--c-link); }
.lp-list { display: grid; gap: var(--s-3); padding-left: var(--s-5); margin: 0; color: var(--c-ink-soft); }
.lp-list strong { color: var(--c-lodgepole); font-weight: 600; }
.lp-compare__more { margin-top: var(--s-5); }
.lp-more__grid { display: grid; gap: var(--s-8); }
.lp-more h2 { font-size: var(--t-h3); margin-bottom: var(--s-4); }
.lp-links { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--s-2); }
.lp-links .link { display: inline-block; padding-block: var(--s-2); }
@media (min-width: 760px) {
  .lp-highlights__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-6); }
  .split { grid-template-columns: 7fr 5fr; gap: var(--s-9); }
  .split--flip { grid-template-columns: 5fr 7fr; }
  .split--flip .split__photo { order: 2; }
  .lp-more__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}