/* Latest and offers, on the section kit and waitlist-signup (link ../section-kit/kit.css, ../form-fields/fields.css and
   ../waitlist-signup/waitlist.css first). */
.lo { display: grid; gap: clamp(40px, 6vw, 88px); }
.lo-head { display: grid; gap: 14px; max-width: 46rem; }
.lo-top { display: grid; gap: 20px; }
.lo-latest { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(24px, 4vw, 64px); }
.lo-latest > li { grid-column: 2; display: grid; gap: 8px; padding: 18px 0; border-top: 1px solid var(--_r); }
.lo-latest > li.is-lead { grid-column: 1; grid-row: 1 / span 6; border-top: 0; padding-top: 0; align-content: start; }
.lo-latest:not(:has(.is-lead)) > li { grid-column: auto; }
.lo-latest:not(:has(.is-lead)) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); }
.lo-pic { aspect-ratio: 16 / 10; margin-bottom: 8px; }
.lo-pic img { position: absolute; inset: 0; transition: scale calc(var(--_rv) * .9) var(--_ease); }
.lo-latest > li:hover .lo-pic img { scale: 1.03; }
.lo-simg { position: absolute; z-index: 2; top: 12px; right: 12px; margin: 0 !important; color: #fff; background: rgb(0 0 0 / .62); border-color: rgb(255 255 255 / .7) !important; opacity: 1 !important; }
.lo-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.lo-kind { color: var(--_i); }
.lo-title { font-size: clamp(20px, 1.8vw, 26px); line-height: 1.15; text-decoration: none; text-wrap: balance; }
.lo-title:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.is-lead .lo-title { font-size: clamp(30px, 3.4vw, 52px); line-height: 1.02; }
.lo-latest p:not(.lo-meta) { color: var(--_mu); font-size: 16px; max-width: 52ch; }
.lo-all { justify-self: start; font-size: 16px; }
.lo-news { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 12px clamp(24px, 4vw, 64px); align-items: center; padding: clamp(24px, 4vw, 56px); }
.lo-news .lo-nh { font-size: clamp(28px, 3vw, 44px); line-height: 1.04; }
.lo-news .lo-nl { grid-column: 1; color: var(--_mu); font-size: 17px; }
.lo-news .wl { grid-column: 2; grid-row: 1 / span 2; --wl-button: var(--_a); --wl-button-ink: var(--_on); width: 100%; }
.lo-news .wl-go { border-radius: max(var(--_rad), 2px); }
.lo-oh { font-size: clamp(28px, 3vw, 44px); line-height: 1.05; margin-bottom: -16px !important; }
.lo-offers { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 16px; }
.lo-offers > li { display: flex; flex-direction: column; gap: 10px; padding: clamp(22px, 2.4vw, 32px); }
.lo-offers > li:hover { translate: 0 -4px; }
.lo-offers > li[data-highlight] { background-color: var(--_i); color: var(--_g); --_mu: color-mix(in srgb, var(--_g) 76%, var(--_i)); }
.lo-offers > li[data-highlight] .sk-go { background: var(--_a); color: var(--_on); }
.lo-flag { align-self: flex-start; padding: 6px 10px; border-radius: var(--_chip); background: var(--_a); color: var(--_on); font: 600 11px/1 var(--_mono); letter-spacing: .08em; text-transform: uppercase; }
.lo-offers h3 { font-size: clamp(22px, 2vw, 30px); line-height: 1.1; }
.lo-offers p:not(.lo-format):not(.lo-flag):not(.lo-price):not(.lo-status) { color: var(--_mu); font-size: 16px; }
.lo-price { margin-top: auto !important; padding-top: 8px; }
.lo-price b { font-size: clamp(30px, 3vw, 42px); line-height: 1; }
.lo-status { font-size: 14px; font-weight: 600; }
.lo-offers .sk-go { align-self: flex-start; margin-top: 6px; }
@media (max-width: 860px) {
  .lo-latest { grid-template-columns: minmax(0, 1fr); }
  .lo-latest > li, .lo-latest > li.is-lead { grid-column: 1; grid-row: auto; }
  .lo-latest > li.is-lead { padding-bottom: 18px; }
  .lo-news { grid-template-columns: minmax(0, 1fr); }
  .lo-news .wl, .lo-news .lo-nl { grid-column: 1; grid-row: auto; }
}
@media (prefers-reduced-motion: reduce) { .lo-pic img { transition: none; } }