/* Brawndo parody site (/brawndo/, JC 2026-10-17). The giant: black, Brawndo lime #8DD924,
   hazard stripes, Anton, slime drips (sponsors.php look). The can art carries its own shine;
   the CSS stays flat (no glow). */
:root {
    --lime: #8DD924;
    --lime-dk: #5E9A10;
    --black: #050505;
    --coal: #121212;
    --steel: #C9CED3;
    --muted: #8A9199;
    --yel: #FFD60A;
}

* { box-sizing: border-box; }

body.br {
    margin: 0;
    background: var(--black);
    color: #F2F2F2;
    font-family: 'Exo 2', sans-serif;
    font-size: 17px;
    line-height: 1.5;
}

.br img { max-width: 100%; height: auto; display: block; }

.br-wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

.br-fednet {
    position: fixed;
    z-index: 30;
    right: 0;
    top: 40%;
    padding: 0.5rem 0.4rem;
    writing-mode: vertical-rl;
    background: #0A1929;
    color: #FF5500;
    font: 900 0.68rem/1 'Orbitron', 'Exo 2', sans-serif;
    letter-spacing: 0.12em;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px 0 0 4px;
}

.br-hazard {
    height: 14px;
    background: repeating-linear-gradient(-45deg, var(--yel) 0 14px, #000 14px 28px);
}

/* Utility + header */
.br-util { background: var(--lime); color: #000; font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; }
.br-util-in { display: flex; justify-content: space-between; gap: 1rem; min-height: 32px; align-items: center; }
.br-tick b { font-weight: 800; }
.br-tick i { font-style: normal; }

.br-head {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #000;
    border-bottom: 3px solid var(--lime);
}

.br-head-in { display: flex; align-items: center; gap: 2rem; min-height: 78px; }
.br-logo img { width: 150px; }
.br-nav { display: flex; gap: 1.6rem; margin-left: auto; }
.br-nav a { color: #fff; text-decoration: none; font-family: 'Anton', sans-serif; font-size: 1.05rem; letter-spacing: 0.06em; text-transform: uppercase; }
.br-nav a:hover { color: var(--lime); }

.br-btn {
    display: inline-block;
    padding: 0.8rem 1.6rem;
    background: var(--lime);
    color: #000;
    font-family: 'Anton', sans-serif;
    font-size: 1.15rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    transform: skewX(-10deg);
    border: 3px solid #000;
    outline: 2px solid var(--lime);
}

.br-btn:hover { background: #fff; }
.br-btn.is-small { padding: 0.45rem 1rem; font-size: 0.95rem; }

.br-h2 {
    margin: 0 0 1rem;
    font-family: 'Anton', sans-serif;
    font-weight: 400;
    font-size: clamp(2rem, 5vw, 3.8rem);
    line-height: 1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #fff;
}

.br-h2.is-center { text-align: center; }

.br-kicker {
    margin: 0 0 0.4rem;
    color: var(--lime);
    font-family: 'Anton', sans-serif;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

/* Hero */
.br-hero { position: relative; background: #000; }
.br-hero-img { width: 100%; aspect-ratio: 16 / 7.5; object-fit: cover; object-position: 50% 30%; }

.br-hero-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    padding-top: 1.4rem;
    padding-bottom: 1.6rem;
}

.br-hero-line {
    margin: 0;
    font-family: 'Anton', sans-serif;
    font-size: clamp(2rem, 6vw, 4.6rem);
    line-height: 1;
    text-transform: uppercase;
    font-style: italic;
    color: var(--lime);
}

/* Counter */
.br-counter { background: var(--coal); text-align: center; padding: 2.6rem 0; border-top: 1px solid #222; border-bottom: 1px solid #222; }
.br-count { margin: 0; font-family: 'Anton', sans-serif; font-size: clamp(2rem, 7vw, 5rem); line-height: 1; color: #fff; font-variant-numeric: tabular-nums; }
.br-sub { margin: 0.6rem 0 0; color: var(--muted); }

/* Crave */
.br-crave {
    position: relative;
    background: var(--lime);
    color: #000;
    padding: 4rem 0 4.5rem;
}

.br-drips { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 28px; fill: #000; }

.br-crave .br-h2 { color: #000; }
.br-big { margin: 0 0 1.2rem; font-family: 'Anton', sans-serif; font-size: clamp(1.6rem, 3.5vw, 2.6rem); text-transform: uppercase; font-style: italic; }
.br-crave p { max-width: 62ch; font-weight: 600; }

.br-why { list-style: none; margin: 1.6rem 0 0; padding: 0; display: grid; gap: 0.5rem; }
.br-why li { background: #000; color: #fff; padding: 0.7rem 1rem; font-weight: 600; max-width: 560px; }
.br-why b { color: var(--lime); margin-right: 0.4rem; }

/* Products */
.br-products { padding: 4.5rem 0; }

.br-prod-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.2rem;
    margin-top: 2rem;
}

.br-prod {
    background: var(--coal);
    border: 2px solid #222;
    border-top: 6px solid var(--lime);
    padding: 0 1.2rem 1.4rem;
}

.br-prod img { width: calc(100% + 2.4rem); max-width: none; margin: 0 -1.2rem 1rem; aspect-ratio: 400 / 520; object-fit: cover; object-position: 50% 30%; }
.br-prod h3 { margin: 0; font-family: 'Anton', sans-serif; font-weight: 400; font-size: 2rem; text-transform: uppercase; line-height: 1; }
.br-prod h3 span { color: var(--lime); }
.br-prod.is-draft { border-top-color: #E0B04A; }
.br-prod.is-draft h3 span { color: #E0B04A; }
.br-prod.is-e { border-top-color: #9FD3F2; }
.br-prod.is-e h3 span { color: #9FD3F2; }
.br-prod-line { margin: 0.3rem 0 0.8rem; font-family: 'Anton', sans-serif; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.03em; color: var(--steel); }
.br-prod p { margin: 0 0 0.6rem; font-size: 0.95rem; }
.br-small { color: var(--muted); font-style: italic; }

/* A real-looking nutrition panel (Zero) */
.br-facts {
    background: #fff;
    color: #000;
    padding: 0.5rem 0.7rem 0.6rem;
    border: 2px solid #000;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

.br-facts-h { margin: 0 !important; font-weight: 900; font-size: 1.6rem !important; line-height: 1; letter-spacing: -0.02em; border-bottom: 1px solid #000; padding-bottom: 0.15rem; }
.br-facts-s { margin: 0.2rem 0 0 !important; font-size: 0.8rem !important; font-weight: 700; padding-bottom: 0.3rem; border-bottom: 8px solid #000; }
.br-facts dl { margin: 0; }
.br-facts dl div { display: flex; justify-content: space-between; border-bottom: 1px solid #000; padding: 0.15rem 0; font-size: 0.85rem; }
.br-facts dl div.is-rule { border-bottom-width: 1px; }
.br-facts dt { font-weight: 800; }
.br-facts dd { margin: 0; font-weight: 700; }
.br-facts-f { margin: 0.3rem 0 0 !important; font-size: 0.7rem !important; border-top: 4px solid #000; padding-top: 0.25rem; }

.br-gate {
    margin-top: 0.8rem !important;
    padding: 0.7rem;
    border: 2px dashed #E0B04A;
    font-size: 0.85rem !important;
}

.br-gate a {
    display: inline-block;
    margin: 0.5rem 0.4rem 0 0;
    padding: 0.25rem 0.7rem;
    background: #E0B04A;
    color: #000;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.br-gate a + a { background: transparent; color: #E0B04A; border: 1px solid #E0B04A; }

/* Empire */
.br-empire { background: var(--coal); }
.br-empire .br-wrap { padding-top: 4rem; padding-bottom: 4rem; }
.br-lede { max-width: 70ch; font-size: 1.1rem; color: var(--steel); margin: 0 0 2rem; }

.br-div-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    background: #2A2A2A;
    border: 2px solid #2A2A2A;
}

.br-div-grid div { background: #000; padding: 1.2rem 1.4rem; }
.br-div-grid b { display: block; font-family: 'Anton', sans-serif; font-weight: 400; font-size: 1.5rem; text-transform: uppercase; color: var(--lime); }
.br-div-grid span { color: var(--steel); }

.br-stat-row { list-style: none; margin: 2.5rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.br-stat-row b { display: block; font-family: 'Anton', sans-serif; font-weight: 400; font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1; color: #fff; }
.br-stat-row span { color: var(--muted); }

/* Rival statement */
.br-rival { padding: 4rem 0; border-top: 6px solid var(--lime); }
.br-rival blockquote { margin: 1rem 0 0; font-size: clamp(1.2rem, 2.4vw, 1.7rem); font-weight: 800; line-height: 1.35; max-width: 50ch; }
.br-rival cite { display: block; margin-top: 1rem; font-size: 0.85rem; font-weight: 400; font-style: normal; color: var(--muted); }
.br-rival .br-btn { margin-top: 1.8rem; }

/* Find */
.br-find { position: relative; background: #000; }
.br-find > img { width: 100%; aspect-ratio: 16 / 6; object-fit: cover; opacity: 0.55; }
.br-find-in { position: absolute; left: 0; right: 0; bottom: 2.5rem; }
.br-find-in p { max-width: 52ch; font-size: 1.15rem; font-weight: 600; margin: 0 0 1.4rem; }

/* Footer */
.br-foot { background: #000; color: var(--muted); font-size: 0.8rem; }
.br-foot .br-wrap { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.br-foot-logo { width: 140px; margin-bottom: 1rem; }
.br-foot-line { color: var(--lime); font-family: 'Anton', sans-serif; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.05em; }
.br-foot p { margin: 0 0 0.6rem; max-width: 80ch; }
.br-parody { margin-top: 1.2rem !important; font-style: italic; color: #5E6670; }

@media (max-width: 1000px) {
    .br-prod-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
    body.br { font-size: 16px; }
    .br-wrap { padding: 0 16px; }
    .br-util-in > span:first-child { display: none; }
    .br-util-in { justify-content: center; }
    .br-nav { display: none; }
    .br-head-in { min-height: 62px; }
    .br-logo img { width: 110px; }
    .br-btn.is-small { margin-left: auto; }
    .br-hero-img { aspect-ratio: 16 / 10; object-position: 30% 30%; }
    .br-hero-bar { flex-direction: column; align-items: flex-start; }
    .br-prod-grid, .br-div-grid, .br-stat-row { grid-template-columns: 1fr; }
    .br-find > img { aspect-ratio: 4 / 5; }
}

/* Round 2 (JC 2026-10-17): every link lands somewhere; product, Draft, E and legacy pages. */
.br [id] { scroll-margin-top: 92px; }
.br a { color: inherit; }
.br-nav a[aria-current] { color: var(--lime); }
.br-tick { color: #000; text-decoration: none; }
button.br-btn { cursor: pointer; font-family: 'Anton', sans-serif; }
.br-btn.is-ghost { background: transparent; color: var(--lime); }
.br-btn.is-ghost:hover { background: #111; }
.br-narrow { max-width: 860px; }
.br-foot-note { margin-top: 1rem !important; font-size: 0.8rem; font-weight: 600; opacity: 0.75; }
.br-foot-nav { display: flex; flex-wrap: wrap; gap: 0.5rem 1.2rem; margin: 0.4rem 0 1.2rem; }
.br-foot-nav a { color: #fff; text-decoration: none; font-family: 'Anton', sans-serif; letter-spacing: 0.04em; text-transform: uppercase; }
.br-foot-nav a:hover { color: var(--lime); }

/* Lineup cards are links now */
a.br-prod { display: block; text-decoration: none; color: #F2F2F2; transition: border-color 0.15s; }
a.br-prod:hover { border-color: var(--lime); }
.br-go { display: inline-block; margin-top: 0.4rem; font-family: 'Anton', sans-serif; text-transform: uppercase; letter-spacing: 0.04em; color: var(--lime); }
.br-go::after { content: ' \2192'; }
.is-draft .br-go { color: #E0B04A; }
.is-e .br-go { color: #9FD3F2; }
.br-div-grid a { background: #000; padding: 1.2rem 1.4rem; text-decoration: none; }
.br-div-grid a:hover b { color: #fff; }
.br-locate { margin-top: 1rem !important; color: var(--lime); font-family: 'Anton', sans-serif; font-size: 1.4rem !important; text-transform: uppercase; }
.br-locate[hidden] { display: none; }

/* Product pages */
.br-jump { background: #000; border-bottom: 1px solid #222; }
.br-jump .br-wrap { display: flex; gap: 1.6rem; overflow-x: auto; padding-top: 0.8rem; padding-bottom: 0.8rem; }
.br-jump a { white-space: nowrap; text-decoration: none; font-family: 'Anton', sans-serif; text-transform: uppercase; letter-spacing: 0.04em; color: var(--steel); }
.br-jump a:hover { color: var(--lime); }

.br-pd { position: relative; background: #000; border-bottom: 6px solid var(--lime); }
.br-pd.is-zero { border-bottom-color: #9BE22B; }
.br-pd.is-draft { border-bottom-color: #E0B04A; }
.br-pd.is-e { border-bottom-color: #9FD3F2; }
.br-pd-img { width: 100%; aspect-ratio: 16 / 6.5; object-fit: cover; object-position: 50% 35%; }
.br-pd-in { display: grid; grid-template-columns: 1.3fr 1fr; gap: 3rem; align-items: start; padding-top: 2.6rem; padding-bottom: 3rem; }
.br-pd h1.br-h2, .br-pd .br-h2 { margin-bottom: 0.4rem; }
.br-pd .br-h2 span { color: var(--lime); }
.br-pd.is-draft .br-h2 span { color: #E0B04A; }
.br-pd-line { margin: 0 0 1rem; font-family: 'Anton', sans-serif; font-size: 1.4rem; text-transform: uppercase; color: var(--steel); }
.br-pd p { max-width: 60ch; }
.br-ticks { list-style: none; margin: 1.2rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.br-ticks li { padding: 0.35rem 0.8rem; background: #111; border: 1px solid #333; font-weight: 600; }
.br-ticks li::before { content: '\26A1 '; }

.br-facts.is-big { padding: 0.7rem 0.9rem 0.8rem; max-width: 360px; }
.br-facts.is-big .br-facts-h { font-size: 2.3rem !important; }
.br-facts-cal { display: flex; justify-content: space-between; align-items: baseline; margin: 0 !important; padding: 0.2rem 0; border-bottom: 5px solid #000; font-weight: 900; font-size: 1.1rem !important; }
.br-facts-cal b { font-size: 2.2rem; line-height: 1; }
.br-facts dl div.is-dv { justify-content: flex-end; font-size: 0.75rem; font-weight: 800; }
.br-facts dt i { font-style: normal; font-weight: 400; margin-left: 0.3rem; }

.br-more { padding: 3rem 0; }
.br-more-in { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
.br-more-card { display: block; padding: 1.6rem; background: var(--coal); border: 2px solid #222; text-decoration: none; }
.br-more-card b { display: block; font-family: 'Anton', sans-serif; font-weight: 400; font-size: 2rem; text-transform: uppercase; }
.br-more-card.is-draft b { color: #E0B04A; }
.br-more-card.is-e b { color: #9FD3F2; }
.br-more-card span { color: var(--steel); }

/* Draft: the age gate */
.br-gate-wall { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 16px; background: rgba(0, 0, 0, 0.94); }
.br-gate-wall[hidden] { display: none; }
html.br-gated, html.br-gated body { overflow: hidden; }
.br-gate-box { max-width: 520px; padding: 2.2rem 2rem; text-align: center; background: #120C04; border: 3px solid #E0B04A; }
.br-gate-box img { width: 150px; margin: 0 auto 1rem; }
.br-gate-box .br-kicker { color: #E0B04A; }
.br-gate-box h1 { margin: 0.2rem 0 0.6rem; font-family: 'Anton', sans-serif; font-weight: 400; font-size: clamp(2.2rem, 7vw, 3.4rem); line-height: 1; text-transform: uppercase; color: #fff; }
.br-gate-btns { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; margin: 1.4rem 0 1rem; }
.br-gate-btns .br-btn { background: #E0B04A; outline-color: #E0B04A; color: #000; }
.br-gate-btns .br-btn.is-ghost { background: transparent; color: #E0B04A; }
.br-gate-fine { margin: 0; font-size: 0.78rem; color: var(--muted); }

/* Draft page */
.br-abv { display: grid; grid-template-columns: auto 1fr; gap: 0.2rem 1rem; align-items: baseline; padding: 1.4rem; border: 3px solid #E0B04A; }
.br-abv b { font-family: 'Anton', sans-serif; font-weight: 400; font-size: 3.6rem; line-height: 1; color: #E0B04A; }
.br-abv span { font-family: 'Anton', sans-serif; font-size: 1.3rem; text-transform: uppercase; color: var(--steel); }
.br-spot { padding: 4rem 0; background: #0C0904; }
.br-video { display: block; width: 100%; max-width: 1000px; height: auto; margin: 1.4rem auto 0; border: 3px solid #E0B04A; background: #000; }
.br-made { padding: 4rem 0; }
.br-made-grid { list-style: none; margin: 2rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; counter-reset: made; }
.br-made-grid li { counter-increment: made; background: var(--coal); border-top: 6px solid #E0B04A; }
.br-made-grid img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.br-made-grid b { display: block; padding: 1rem 1.2rem 0.2rem; font-family: 'Anton', sans-serif; font-weight: 400; font-size: 1.4rem; text-transform: uppercase; }
.br-made-grid b::before { content: counter(made) '. '; color: #E0B04A; }
.br-made-grid span { display: block; padding: 0 1.2rem 1.2rem; color: var(--steel); }
.br-man { padding: 0 0 4rem; }
.br-man-in { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
.br-man figure { margin: 0; }
.br-man figcaption { margin-top: 0.7rem; font-family: 'Anton', sans-serif; font-size: 1.3rem; text-transform: uppercase; line-height: 1.15; }
.br-calories { text-align: center; padding-top: 3rem; }
.br-calories .br-big { color: #E0B04A; font-size: clamp(2.4rem, 6vw, 4rem); margin-bottom: 0.2rem; }
.br-calories p:last-child { font-size: 1.2rem; font-weight: 600; }
/* Since 1977 (JC 2026-10-18): Intoxicating Hydration, the year in Draft gold */
.br-since { padding: 4rem 0; background: #0C0904; border-top: 6px solid #E0B04A; }
.br-since-in { display: grid; grid-template-columns: auto 1fr; gap: 2.4rem; align-items: center; }
.br-since-year { margin: 0; font-family: 'Anton', sans-serif; font-size: clamp(5rem, 12vw, 9rem); line-height: 0.9; color: #E0B04A; }
.br-since-in p:not(.br-since-year) { max-width: 62ch; font-size: 1.1rem; color: var(--steel); }
.br-pappy-band { position: relative; background: #000; }
.br-pappy-band > img { width: 100%; aspect-ratio: 16 / 6.5; object-fit: cover; opacity: 0.55; }
.br-pappy-in { position: absolute; left: 0; right: 0; bottom: 2.4rem; }
.br-pappy-in .br-big { color: #E0B04A; margin: 0; }

/* Brawndo E page */
.br-e-logo { width: 320px; margin-bottom: 1rem; }
.br-e-quote { margin: 0; padding: 1.4rem; background: #0B1620; border-left: 6px solid #9FD3F2; font-size: 1.2rem; font-style: italic; line-height: 1.45; }
.br-e-quote cite { display: block; margin-top: 0.8rem; font-size: 0.85rem; font-style: normal; color: var(--muted); }
.br-diag { padding: 4rem 0; }
.br-diag-in { display: grid; grid-template-columns: 1.5fr 1fr; gap: 2.6rem; align-items: center; }
.br-diag-in img { width: 100%; height: auto; border: 3px solid #9FD3F2; }
.br-diag .br-kicker { color: #9FD3F2; }
.br-test { padding: 4rem 0; background: #9FD3F2; color: #000; }
.br-test .br-h2 { color: #000; }
.br-test-form { display: grid; gap: 0.6rem; max-width: 520px; }
.br-test-form label { padding: 0.8rem 1rem; background: #fff; border: 2px solid #000; font-weight: 800; cursor: pointer; }
.br-test-form .br-btn { justify-self: start; margin-top: 0.6rem; }
.br-test-out { margin: 0.6rem 0 0; padding: 1rem; background: #000; color: #fff; font-weight: 600; }
.br-test-out b { color: #4CE01E; font-family: 'Anton', sans-serif; font-weight: 400; font-size: 1.5rem; display: block; text-transform: uppercase; }
.br-test-out[hidden] { display: none; }
.br-science { padding: 4rem 0; }
.br-science-in { display: grid; grid-template-columns: 1.4fr 1fr; gap: 3rem; align-items: center; }
.br-trial { margin: 0; border: 3px solid #9FD3F2; }
.br-trial div { display: flex; justify-content: space-between; gap: 1rem; padding: 0.8rem 1rem; border-top: 1px solid #234; }
.br-trial div:first-child { border-top: 0; }
.br-trial dt { color: var(--muted); }
.br-trial dd { margin: 0; font-family: 'Anton', sans-serif; font-size: 1.3rem; text-transform: uppercase; color: #fff; }
.br-e-isi { padding: 3.5rem 0 4rem; background: var(--coal); border-top: 6px solid #9FD3F2; }
.br-e-isi p { max-width: 75ch; }
.br-e-isi .br-big { color: #9FD3F2; margin-top: 1.4rem; }

/* Legacy (Make Your Pappy Proud) */
.br-pappy-hero { position: relative; background: #000; }
.br-pappy-hero > img { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; opacity: 0.6; }
.br-pappy-hero-in { position: absolute; left: 0; right: 0; bottom: 2.6rem; }
.br-pappy-hero-in p:last-child { margin: 0; color: var(--steel); font-weight: 600; letter-spacing: 0.04em; }
.br.is-legacy .br-kicker { color: #E0B04A; }
.br-legacy { padding: 4rem 0 3rem; }
.br-legacy-lede { font-size: 1.25rem; line-height: 1.6; margin: 0 0 2.4rem; }
.br-timeline { list-style: none; margin: 0; padding: 0; border-left: 4px solid #E0B04A; }
.br-timeline li { position: relative; padding: 0 0 1.6rem 1.6rem; }
.br-timeline li::before { content: ''; position: absolute; left: -11px; top: 0.35rem; width: 14px; height: 14px; border-radius: 50%; background: #000; border: 3px solid #E0B04A; }
.br-timeline b { display: block; font-family: 'Anton', sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 1; color: #E0B04A; }
.br-timeline span { color: var(--steel); }
.br-letter { padding: 3rem 0 4rem; }
.br-letter-body { padding: 1.8rem 2rem; background: #F5EFE2; color: #1A1408; font-family: Georgia, 'Times New Roman', serif; font-size: 1.1rem; line-height: 1.7; border: 1px solid #C8B98F; }
.br-letter-body p { margin: 0 0 1rem; }
.br-sign { margin-top: 1.6rem !important; font-style: italic; font-size: 1.3rem; }
.br-sign small { font-style: normal; font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase; }
.br-company { background: var(--coal); }
.br-company-in { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; padding-top: 3.5rem; padding-bottom: 4rem; align-items: start; }
.br-price { margin: 0; font-family: 'Anton', sans-serif; font-size: 2.6rem; }
.br-price i { font-style: normal; color: var(--lime); font-size: 1.3rem; }
.br-stat-row.is-tight { grid-template-columns: repeat(3, 1fr); margin-top: 1.6rem; }
.br-stat-row.is-tight b { font-size: 2.4rem; }
.br-rival-box { padding: 1.6rem; border: 3px solid var(--lime); }
.br-rival-box h3 { margin: 0 0 0.8rem; font-family: 'Anton', sans-serif; font-weight: 400; font-size: 1.8rem; text-transform: uppercase; }
.br-rival-box blockquote { margin: 0; font-weight: 800; font-size: 1.15rem; line-height: 1.4; }
.br-rival-box cite { display: block; margin-top: 0.8rem; font-size: 0.82rem; font-weight: 400; font-style: normal; color: var(--muted); }

@media (max-width: 900px) {
    .br-pd-in, .br-science-in, .br-company-in, .br-man-in, .br-since-in, .br-diag-in { grid-template-columns: 1fr; gap: 1.6rem; }
    .br-made-grid, .br-more-in { grid-template-columns: 1fr; }
    .br-pd-img, .br-pappy-band > img { aspect-ratio: 16 / 9; }
    .br-pappy-hero > img { aspect-ratio: 4 / 5; }
    .br-e-logo { width: 220px; }
    .br-letter-body { padding: 1.2rem; font-size: 1rem; }
}

/* FedNet spots, tap to play (JC 2026-10-18): the YouTube thumbnail + a flat play button;
   a tap swaps in the player (br_close()). Draft gold, Brawndo E pale blue. */
.br-video { position: relative; aspect-ratio: 16 / 9; overflow: hidden; }
.br-video-poster, .br-video iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
.br-video-poster img { width: 100%; height: 100%; object-fit: cover; }
.br-video-play { position: absolute; left: 50%; top: 50%; width: clamp(3.4rem, 13%, 5.5rem); aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; background: #E0B04A; border: 4px solid #000; }
.br-video-play::after { content: ''; position: absolute; left: 38%; top: 28%; width: 34%; height: 44%; background: #000; clip-path: polygon(0 0, 100% 50%, 0 100%); }
.br-video-poster:hover .br-video-play, .br-video-poster:focus-visible .br-video-play { background: #fff; }
.br-video-poster:focus-visible { outline: 3px solid #E0B04A; outline-offset: -3px; }
.br-spot.is-e { background: #0B1620; }
.br-spot.is-e .br-kicker { color: #9FD3F2; }
.br-spot.is-e .br-video { border-color: #9FD3F2; }
.br-spot.is-e .br-video-play { background: #9FD3F2; }