*, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; font-family: var(--site-font-body); line-height: 1.65; -webkit-font-smoothing: antialiased; }
    img { display: block; max-width: 100%; height: auto; }
    .meaning-page { background: var(--site-paper); color: var(--site-ink); }
    .meaning-hero { position: relative; min-height: 630px; display: grid; align-items: end; overflow: hidden; background: var(--site-night); }
    .meaning-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4, 15, 19, .9) 0%, rgba(4, 15, 19, .56) 46%, rgba(4, 15, 19, .15) 100%), linear-gradient(0deg, rgba(4, 15, 19, .82) 0%, transparent 58%); z-index: 1; }
    .meaning-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; }
    .meaning-hero-copy { position: relative; z-index: 2; width: min(var(--site-width), 100%); margin: 0 auto; padding: 92px 24px 78px; }
    .meaning-kicker { margin: 0 0 12px; color: var(--site-gold); font-family: var(--site-font-display); font-size: 13px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
    .meaning-hero h1 { max-width: 700px; margin: 0; color: #fff8e6; font-family: var(--site-font-display); font-size: clamp(46px, 7vw, 84px); line-height: .98; font-weight: 900; }
    .meaning-hero .lede { max-width: 600px; margin: 22px 0 0; color: #f2ead8; font-size: 20px; line-height: 1.65; }
    .meaning-main { overflow: hidden; }
    .meaning-intro { padding: 72px 24px 64px; background: var(--site-paper-2); }
    .meaning-inner { width: min(970px, 100%); margin: 0 auto; }
    .meaning-intro p { max-width: 760px; margin: 0; color: var(--site-ink); font-family: var(--site-font-display); font-size: clamp(24px, 3.4vw, 39px); line-height: 1.3; }
    .meaning-intro strong { color: var(--site-accent); }
    .meaning-band { padding: 78px 24px; border-top: 1px solid var(--site-line); }
    .meaning-band.dark { color: #f6f0de; background: var(--site-night); border-color: rgba(255, 200, 87, .18); }
    .meaning-band h2 { max-width: 660px; margin: 0 0 22px; font-family: var(--site-font-display); font-size: clamp(31px, 4.5vw, 52px); line-height: 1.08; }
    .meaning-band p { max-width: 720px; margin: 0 0 16px; color: var(--site-muted); font-size: 17px; }
    .meaning-band.dark p { color: #d9d6c9; }
    .meaning-band a { color: var(--site-accent); font-weight: 800; }
    .meaning-band.dark a { color: var(--site-gold); }
    .meaning-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 40px; border-top: 1px solid var(--site-line); border-bottom: 1px solid var(--site-line); }
    .meaning-fact { min-height: 190px; padding: 28px 25px; border-right: 1px solid var(--site-line); }
    .meaning-fact:last-child { border-right: 0; }
    .meaning-fact span { display: block; margin-bottom: 12px; color: var(--site-accent); font-family: var(--site-font-display); font-size: 13px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
    .meaning-fact p { margin: 0; color: var(--site-ink); font-size: 16px; }
    .meaning-callout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(220px, .7fr); gap: 48px; align-items: center; }
    .meaning-callout > picture { display: contents; }
    .meaning-callout .rule { width: 42px; height: 4px; margin-bottom: 24px; background: var(--site-gold); }
    .meaning-cover { width: min(100%, 235px); justify-self: end; border: 1px solid rgba(255, 200, 87, .42); box-shadow: 0 24px 60px rgba(0, 0, 0, .4); }
    .meaning-cta { padding: 82px 24px; background: #092126; text-align: center; }
    .meaning-cta h2 { max-width: 640px; margin: 0 auto 16px; color: #fff8e6; font-family: var(--site-font-display); font-size: clamp(32px, 4.5vw, 52px); line-height: 1.1; }
    .meaning-cta p { max-width: 560px; margin: 0 auto 24px; color: var(--site-cta-muted); font-size: 17px; }
    .meaning-cta .btn + .btn { margin-left: 10px; }
    @media (max-width: 760px) {
      .meaning-hero { min-height: 590px; }
      .meaning-hero::before { background: linear-gradient(90deg, rgba(4, 15, 19, .86), rgba(4, 15, 19, .32)), linear-gradient(0deg, rgba(4, 15, 19, .88) 0%, transparent 64%); }
      .meaning-hero img { object-position: 66% center; }
      .meaning-hero-copy, .meaning-intro, .meaning-band, .meaning-cta { padding-left: 20px; padding-right: 20px; }
      .meaning-hero-copy { padding-top: 70px; padding-bottom: 54px; }
      .meaning-hero .lede { font-size: 17px; }
      .meaning-intro, .meaning-band { padding-top: 54px; padding-bottom: 54px; }
      .meaning-facts { grid-template-columns: 1fr; }
      .meaning-fact { min-height: 0; padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--site-line); }
      .meaning-fact:last-child { border-bottom: 0; }
      .meaning-callout { grid-template-columns: 1fr; gap: 26px; }
      .meaning-cover { justify-self: start; width: 172px; }
      .meaning-cta .btn { width: 100%; margin: 8px 0 0; }
      .meaning-cta .btn + .btn { margin-left: 0; }
    }