.pg-legal .h-bar { background: var(--white); --h-ink: var(--twilight); --h-mk: var(--orange); }
.pg-legal .h-bar .h-side { text-shadow: none; }

.lg { padding: calc(var(--hh) + clamp(40px, 8svh, 104px)) var(--gutter) clamp(88px, 14svh, 160px); }
.lg-in { max-width: 68ch; margin: 0 auto; }
.lg p, .lg li { max-width: 68ch; }

.lg h1 { font-size: var(--step-3); line-height: 1; letter-spacing: -0.02em; text-wrap: balance; }
.lg-date { margin: var(--space-3) 0 0; font-size: var(--step--1); color: var(--cloud); }
.lg-lede { margin: var(--space-4) 0 var(--space-3); font-size: var(--step-1); line-height: 1.4; max-width: 40ch; text-wrap: pretty; }

.lg h2 { font-size: var(--step-2); line-height: 1.1; margin: clamp(56px, 9svh, 96px) 0 var(--space-3); text-wrap: balance;
  scroll-margin-top: calc(var(--hh) + 24px); }
.lg h3 { font-size: var(--step-0); margin: var(--space-4) 0 var(--space-1); }
.lg h2 + h3 { margin-top: 0; }

.lg ul:not(.plain) { margin: 0 0 1em; padding-left: 1.3em; }
.lg ul:not(.plain) li + li { margin-top: 8px; }
.lg ul:not(.plain) li::marker { color: var(--cloud); }

.lg a { color: var(--twilight); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em;
  transition: text-decoration-thickness var(--dur-quick) var(--ease-settle); }
.lg a:hover { text-decoration-thickness: 2px; }

.lg-links { display: flex; flex-wrap: wrap; gap: 0 32px; margin: 0 0 1em; }
.lg-links a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }

.lg-drinks > li + li { margin-top: var(--space-3); }
.lg-drinks h3 { margin: 0 0 4px; font-family: var(--font-display); font-weight: 700; font-size: var(--step-1); letter-spacing: .01em; }
.lg-drinks p { margin: 0; }
.lg-flav { color: var(--cloud); }

@media (min-width: 760px) {
  .lg .lg-cols { columns: 2; column-gap: 48px; }
  .lg .lg-cols li { break-inside: avoid; }
  .lg .lg-cols li, .lg .lg-cols li + li { margin-top: 0; padding-bottom: 8px; }
}