@font-face {
    font-family: "Herkey";
    src: url("/assets/fonts/herkey-regular-v1.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* Homepage V3 refinement: keep this layer narrow and reversible. */
html[data-theme="light"] body:has([data-globe-home]) {
    --v3-paper: #ffffff;
    --v3-paper-deep: #f3f3f3;
}

html[data-theme="light"] body:has([data-globe-home]) .site-live-strip {
    background: #ffffff !important;
}

html[data-theme="light"] body:has([data-globe-home]) .site-event-row:hover,
html[data-theme="light"] body:has([data-globe-home]) .site-event-row:focus-visible {
    background: #f3f3f3;
}

/* Edition remains masthead-only. */
.v3-wordmark {
    font-size: clamp(4.55rem, 8.6vw, 8.4rem);
}

.v3-lead h1,
.v3-rail-story h2,
.v3-news-item a,
.v3-feature h3,
.v3-section-head h2,
.v3-history-feature-title,
.v3-more-story h3,
.v3-verdict-card h3,
.v3-verdict-head h2 {
    font-family: "Herkey", Georgia, "Times New Roman", serif;
    font-weight: 400;
    letter-spacing: -.012em;
}

.v3-rail-image,
.v3-history-feature-image {
    background: #f2f2f2;
}

/* On This Day artwork is poster art: preserve the source ratio and give it room. */
.v3-history-feature-card {
    grid-template-columns: minmax(360px, 1.05fr) minmax(280px, .75fr);
    gap: clamp(1.8rem, 4vw, 4.2rem);
    align-items: center;
}

.v3-history-feature-image {
    width: min(100%, 680px);
    justify-self: center;
    overflow: visible;
}

.v3-history-feature-image img {
    display: block;
    width: 100%;
    height: auto !important;
    max-height: none;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center top;
}

/* Verdict now behaves like a lower editorial section rather than a top banner. */
.v3-verdict {
    margin: clamp(3.5rem, 7vw, 6rem) 0 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.v3-verdict-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    padding: .85rem 0 .8rem;
    border-top: 3px solid var(--v3-ink);
    border-bottom: 1px solid var(--v3-rule);
}

.v3-verdict-head h2 {
    margin: 0;
    color: var(--v3-ink);
    font-size: clamp(1.8rem, 2.7vw, 2.7rem);
    line-height: .95;
    text-transform: none;
}

.v3-verdict-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1.5rem, 3vw, 3rem);
    padding-top: 1.2rem;
    border-top: 0;
}

.v3-verdict-card,
.v3-verdict-card + .v3-verdict-card {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "status status"
        "title state"
        "title link";
    gap: .45rem 1rem;
    align-items: start;
    margin: 0;
    padding: .85rem 0 0;
    border: 0;
    border-top: 1px solid var(--v3-rule);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.v3-verdict-status {
    align-self: start;
    padding-top: 0;
}

.v3-verdict-card h3 {
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    line-height: 1;
}

.v3-verdict-card > strong,
.v3-verdict-card > a {
    justify-self: end;
}

@media (max-width: 900px) {
    .v3-wordmark {
        font-size: clamp(4.2rem, 15.7vw, 6.6rem);
    }

    .v3-history-feature-card {
        grid-template-columns: 1fr;
    }

    .v3-history-feature-image {
        width: min(100%, 620px);
    }
}

@media (max-width: 700px) {
    .v3-verdict-grid {
        grid-template-columns: 1fr;
    }

    .v3-verdict-head {
        display: block;
    }

    .v3-verdict-meta {
        justify-content: flex-start;
        margin-top: .6rem;
    }
}

@media (max-width: 600px) {
    .v3-wordmark {
        font-size: clamp(3.65rem, 20.3vw, 5.5rem);
    }

    .v3-history-feature-image {
        width: 100%;
    }

    .v3-verdict-card,
    .v3-verdict-card + .v3-verdict-card {
        grid-template-columns: 1fr;
        grid-template-areas:
            "status"
            "title"
            "state"
            "link";
    }

    .v3-verdict-card > strong,
    .v3-verdict-card > a {
        justify-self: start;
    }
}


/* =========================================================
   V3 FIRST-PAINT RAIL GEOMETRY
   Reserve the final ticker + nav height before shell JS moves nodes.
   ========================================================= */

html:has(body [data-globe-home]) {
    --v3-fixed-rail-height: 83px;
}

body:has([data-globe-home]) .site-header > .site-navigation {
    position: fixed !important;
    top: 41px !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1001;
}

body:has([data-globe-home]) .site-header > .site-live-strip-reserve {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    display: block !important;
    height: 41px;
    min-height: 41px;
    border: 0;
    border-bottom: 1px solid var(--v3-rule);
    background: #f5f3ee;
}

html[data-theme="dark"] body:has([data-globe-home]) .site-header > .site-live-strip-reserve {
    background: #101010;
}

/* Before the deferred ticker mounts, preserve its exact slot inside the shell. */
.v3-sticky-shell:not(:has(.site-live-strip)) {
    padding-top: 41px;
}

.v3-sticky-shell > .site-navigation {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
}

/* =========================================================
   V3.4 — STICKY RAIL / COMPACT LOWER PAGE / CLEAN TOGGLE
   ========================================================= */

body:has([data-globe-home]) .site-header {
    position: relative !important;
    z-index: 20;
}

.v3-sticky-shell {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    width: 100%;
    flex-direction: column;
    background: var(--v3-paper);
    box-shadow: 0 1px 0 rgba(0,0,0,.08);
}

.v3-sticky-shell .site-live-strip {
    order: 0 !important;
    position: static !important;
}

.v3-sticky-shell .site-navigation {
    order: 1 !important;
    position: static !important;
}

/* Slightly smaller masthead; Edition remains exclusive to MATLOCK. */
body:has([data-globe-home]) .logo-banner {
    min-height: clamp(82px, 9vw, 118px);
    padding: .75rem 1rem .65rem;
}

.v3-wordmark {
    font-size: clamp(3.7rem, 7vw, 6.8rem);
    line-height: .74;
}

/* Clean switch only — no gray DARK button. */
body:has([data-globe-home]) .navigation-panel {
    grid-template-columns: minmax(44px, 1fr) auto minmax(44px, 1fr) !important;
}

body:has([data-globe-home]) .site-theme-control {
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center;
    margin: 0;
    padding: 0 .7rem 0 .5rem !important;
    border: 0 !important;
}

body:has([data-globe-home]) .site-theme-toggle {
    position: relative;
    display: inline-flex;
    width: 38px;
    min-width: 38px;
    height: 22px;
    min-height: 22px;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 999px;
    background: transparent !important;
    color: transparent;
    box-shadow: none !important;
    cursor: pointer;
}

body:has([data-globe-home]) .site-theme-toggle-label {
    display: none !important;
}

body:has([data-globe-home]) .site-theme-toggle-track {
    position: relative;
    display: block;
    width: 36px;
    height: 20px;
    border: 1px solid #9b9b9b;
    border-radius: 999px;
    background: #ededed;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08);
    transition: background-color 150ms ease, border-color 150ms ease;
}

body:has([data-globe-home]) .site-theme-toggle-knob {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #171717;
    transition: transform 150ms ease, background-color 150ms ease;
}

html[data-theme="dark"] body:has([data-globe-home]) .site-theme-toggle-track {
    border-color: #696969;
    background: #2b2b2b;
}

html[data-theme="dark"] body:has([data-globe-home]) .site-theme-toggle-knob {
    background: #ffffff;
    transform: translateX(16px);
}

/* Make the live strip readable enough to function as persistent chrome. */
body:has([data-globe-home]) .site-live-strip-inner {
    min-height: 40px !important;
}

body:has([data-globe-home]) .site-event-primary {
    min-height: 40px !important;
    padding-inline: .75rem;
    font-size: .72rem !important;
}

body:has([data-globe-home]) .site-news-label {
    font-size: .66rem !important;
}

body:has([data-globe-home]) .site-news-item,
body:has([data-globe-home]) .site-news-item > span,
body:has([data-globe-home]) .site-news-item-source {
    font-size: .69rem !important;
    line-height: 1.2;
}

/* Bottom-half composition: two compact editorial panels, not tall stacked blocks. */
.v3-lower-grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: clamp(2rem, 4vw, 4rem);
    margin-top: clamp(2.8rem, 5vw, 4.4rem);
    padding-top: .9rem;
    border-top: 3px solid var(--v3-ink);
}

.v3-lower-grid > .v3-section {
    min-width: 0;
    padding-top: 0;
}

.v3-lower-grid .v3-section-head {
    margin-bottom: 1rem;
    padding-bottom: .65rem;
    border-bottom: 1px solid var(--v3-rule);
}

/* Preserve the full poster, but return it to a normal editorial scale. */
.v3-lower-grid .v3-history-feature-card {
    grid-template-columns: minmax(160px, 260px) minmax(0, 1fr);
    gap: clamp(1.2rem, 2.3vw, 2rem);
    align-items: center;
}

.v3-lower-grid .v3-history-feature-image {
    width: min(100%, 260px);
    justify-self: start;
    background: transparent;
}

.v3-lower-grid .v3-history-feature-image img {
    width: 100%;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
}

.v3-lower-grid .v3-history-feature-title {
    max-width: 14ch;
    font-size: clamp(1.65rem, 2.25vw, 2.35rem);
}

.v3-lower-grid .v3-history-feature-text {
    margin-top: .75rem;
    font-size: .9rem;
    line-height: 1.42;
}

.v3-lower-grid .v3-history-feature-link {
    margin-top: .85rem;
}

/* Verdict becomes an on-site data section. */
.v3-verdict {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.v3-verdict-head {
    margin: 0 !important;
    border-top: 0 !important;
}

.v3-verdict-follow {
    align-self: end;
    color: var(--v3-red) !important;
    font: 800 .62rem/1 var(--v3-sans);
    letter-spacing: .035em;
    text-decoration: none;
    text-transform: uppercase;
}

.v3-verdict-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border-bottom: 1px solid var(--v3-rule);
}

.v3-verdict-stats > div {
    min-width: 0;
    padding: .85rem .8rem .8rem 0;
}

.v3-verdict-stats > div + div {
    padding-left: .8rem;
    border-left: 1px solid var(--v3-rule);
}

.v3-verdict-stats strong {
    display: block;
    color: var(--v3-ink);
    font: 400 clamp(1.45rem, 2.2vw, 2.1rem)/.95 "Herkey", Georgia, serif;
}

.v3-verdict-stats span {
    display: block;
    margin-top: .28rem;
    color: var(--v3-muted);
    font: 800 .55rem/1.15 var(--v3-sans);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.v3-verdict-event {
    padding-top: 1rem;
}

.v3-verdict-event-head > span {
    color: var(--v3-red);
    font: 800 .56rem/1 var(--v3-sans);
    letter-spacing: .055em;
    text-transform: uppercase;
}

.v3-verdict-event-head h3 {
    margin: .35rem 0 0;
    font-family: "Herkey", Georgia, serif;
    font-size: clamp(1.45rem, 2.3vw, 2.15rem);
    font-weight: 400;
    line-height: .98;
}

.v3-verdict-event-head p {
    margin: .35rem 0 0;
    color: var(--v3-muted);
    font: 700 .61rem/1.2 var(--v3-sans);
    text-transform: uppercase;
}

.v3-pick-list {
    margin-top: 1rem;
    border-top: 1px solid var(--v3-rule);
}

.v3-pick-head,
.v3-pick-row {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(115px, .72fr) minmax(90px, .55fr);
    gap: 1rem;
    align-items: center;
}

.v3-pick-head {
    padding: .5rem 0;
    color: var(--v3-muted);
    font: 800 .52rem/1 var(--v3-sans);
    letter-spacing: .055em;
    text-transform: uppercase;
}

.v3-pick-row {
    padding: .78rem 0;
    border-top: 1px solid #dedede;
}

.v3-pick-row > div > span {
    display: block;
    margin-bottom: .22rem;
    color: var(--v3-red);
    font: 800 .52rem/1 var(--v3-sans);
    text-transform: uppercase;
}

.v3-pick-row > div > strong,
.v3-pick-row > strong {
    color: var(--v3-ink);
    font: 800 .72rem/1.2 var(--v3-sans);
}

.v3-pick-row > span:last-child {
    color: var(--v3-muted);
    font: 700 .68rem/1.2 var(--v3-sans);
}

.v3-verdict-next {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: baseline;
    margin-top: .35rem;
    padding: .7rem 0 0;
    border-top: 1px solid var(--v3-rule);
    font-family: var(--v3-sans);
}

.v3-verdict-next > span:first-child {
    color: var(--v3-red);
    font-size: .55rem;
    font-weight: 800;
    text-transform: uppercase;
}

.v3-verdict-next strong {
    font-size: .7rem;
}

.v3-verdict-next > span:last-child {
    color: var(--v3-muted);
    font-size: .61rem;
    font-weight: 700;
}

/* Stronger, less repetitive lower article layout. */
.v3-more {
    padding-top: clamp(3rem, 5vw, 4.8rem);
}

.v3-more-list {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.8rem clamp(1.4rem, 3vw, 2.8rem);
}

.v3-more-story {
    grid-column: span 4;
    padding-top: .8rem !important;
    border-top: 1px solid var(--v3-rule) !important;
}

.v3-more-story:first-child {
    grid-column: span 7;
}

.v3-more-story:nth-child(2) {
    grid-column: span 5;
}

.v3-more-story h3 {
    font-size: clamp(1.3rem, 1.8vw, 1.75rem);
}

.v3-more-story:first-child h3 {
    font-size: clamp(1.8rem, 2.7vw, 2.65rem);
}

@media (max-width: 1050px) {
    .v3-lower-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .v3-lower-grid .v3-history-feature-card {
        grid-template-columns: minmax(170px, 240px) minmax(0, 1fr);
    }

    .v3-more-story,
    .v3-more-story:first-child,
    .v3-more-story:nth-child(2) {
        grid-column: span 6;
    }
}

@media (max-width: 850px) {
    .v3-sticky-shell {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }

    body:has([data-globe-home]) .site-theme-control {
        position: static;
        align-self: flex-end;
        flex: 0 0 auto;
        padding: 0 !important;
    }

    body:has([data-globe-home]) .site-theme-toggle {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
    }

    body:has([data-globe-home]) .navigation-panel {
        background: var(--v3-paper) !important;
        color: var(--v3-ink) !important;
        border-color: var(--v3-rule-dark);
    }

    body:has([data-globe-home]) .navigation-panel-header {
        color: var(--v3-ink);
        border-color: var(--v3-rule);
    }

    body:has([data-globe-home]) .navigation-list a {
        min-height: 48px;
        justify-content: flex-start;
        font-size: .85rem;
    }

    body:has([data-globe-home]) .navigation-toggle,
    body:has([data-globe-home]) .navigation-close {
        border: 1px solid var(--v3-rule-dark);
        border-radius: 0;
        background: var(--v3-paper);
        color: var(--v3-ink);
    }

    body:has([data-globe-home]) .navigation-toggle-icon > span {
        background: currentColor;
    }

    body:has([data-globe-home]) .site-live-strip-inner,
    body:has([data-globe-home]) .site-event-primary {
        min-height: 38px !important;
    }
}

@media (max-width: 700px) {
    .v3-lower-grid .v3-history-feature-card {
        grid-template-columns: 145px minmax(0, 1fr);
        gap: 1rem;
    }

    .v3-lower-grid .v3-history-feature-image {
        width: 145px;
    }

    .v3-verdict-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .v3-verdict-stats > div:nth-child(3) {
        grid-column: 1 / -1;
        padding-left: 0;
        border-top: 1px solid var(--v3-rule);
        border-left: 0;
    }

    .v3-pick-head {
        display: none;
    }

    .v3-pick-row {
        grid-template-columns: 1fr;
        gap: .35rem;
    }

    .v3-verdict-next {
        grid-template-columns: 1fr;
        gap: .25rem;
    }

    .v3-more-story,
    .v3-more-story:first-child,
    .v3-more-story:nth-child(2) {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    body:has([data-globe-home]) .logo-banner {
        min-height: 72px;
        padding: .58rem .6rem .48rem;
    }

    .v3-wordmark {
        font-size: clamp(3rem, 17vw, 4.5rem);
    }

    .v3-lower-grid .v3-history-feature-card {
        grid-template-columns: 1fr;
    }

    .v3-lower-grid .v3-history-feature-image {
        width: min(72vw, 240px);
        justify-self: center;
    }
}


/* =========================================================
   V3.5 — FIXED VIEWPORT RAIL / DARK TRENDING / THEME FADE
   ========================================================= */

body:has([data-globe-home]) .site-header {
    margin-top: var(--v3-fixed-rail-height, 80px);
}

/* Trending rail stays legible in dark mode. */
html[data-theme="dark"] body:has([data-globe-home]) .v3-trending-links a {
    color: #e7e4de !important;
}

html[data-theme="dark"] body:has([data-globe-home]) .v3-trending-separator {
    color: #85817a !important;
}

html[data-theme="dark"] body:has([data-globe-home]) .v3-trending {
    border-color: #45423e;
}

/* Theme changes should read as a soft fade, not a hard flash. */
html.v3-theme-transitioning body:has([data-globe-home]),
html.v3-theme-transitioning body:has([data-globe-home]) .site-main,
html.v3-theme-transitioning body:has([data-globe-home]) .site-header,
html.v3-theme-transitioning body:has([data-globe-home]) .logo-banner,
html.v3-theme-transitioning body:has([data-globe-home]) .v3-sticky-shell,
html.v3-theme-transitioning body:has([data-globe-home]) .site-navigation,
html.v3-theme-transitioning body:has([data-globe-home]) .site-live-strip,
html.v3-theme-transitioning body:has([data-globe-home]) .site-event-stack,
html.v3-theme-transitioning body:has([data-globe-home]) .site-event-primary,
html.v3-theme-transitioning body:has([data-globe-home]) .site-event-drawer,
html.v3-theme-transitioning body:has([data-globe-home]) .v3-home,
html.v3-theme-transitioning body:has([data-globe-home]) .v3-footer,
html.v3-theme-transitioning body:has([data-globe-home]) .v3-trending,
html.v3-theme-transitioning body:has([data-globe-home]) .v3-pick-row,
html.v3-theme-transitioning body:has([data-globe-home]) .v3-verdict-stats {
    transition:
        background-color 360ms ease,
        color 360ms ease,
        border-color 360ms ease,
        box-shadow 360ms ease;
}

html.v3-theme-transitioning body:has([data-globe-home]) :is(
    a,
    p,
    strong,
    time,
    h1,
    h2,
    h3,
    .v3-trending-links a,
    .v3-trending-separator,
    .site-event-primary-name,
    .site-event-primary-countdown,
    .site-news-item,
    .site-news-item > span,
    .site-news-item-source
) {
    transition: color 360ms ease;
}

/* Keep the switch motion crisp while the rest of the palette eases. */
html.v3-theme-transitioning body:has([data-globe-home]) .site-theme-toggle-track {
    transition: background-color 260ms ease, border-color 260ms ease;
}

html.v3-theme-transitioning body:has([data-globe-home]) .site-theme-toggle-knob {
    transition: transform 260ms ease, background-color 260ms ease;
}

/* =========================================================
   SEASONAL ACCENT COLOR
   Orange replaces the small red editorial accents; display type stays ink.
   ========================================================= */
body:has([data-globe-home]) {
    --v3-red: #c45f00;
}

html[data-theme="dark"] body:has([data-globe-home]) {
    --v3-red: #f08a24;
}

/* Homepage latest-news numbering removal */
.v3-news-list {
    counter-reset: none;
}

.v3-news-item::before {
    display: none;
    content: none;
}

.v3-news-item a,
.v3-news-meta {
    margin-left: 0;
}


/* Homepage lower feature returns to a single editorial column while Verdict integration is disabled. */
.v3-lower-grid {
    grid-template-columns: minmax(0, 1fr);
}

.v3-lower-grid .v3-history-feature-card {
    max-width: 920px;
}


/* Keep the fight-week dropdown readable over the dark homepage. */
html[data-theme="dark"] body:has([data-globe-home]) .site-event-drawer .site-event-row:is(:hover, :focus-visible) {
    background: #242424 !important;
    color: #f1eee7 !important;
}
html[data-theme="dark"] body:has([data-globe-home]) .site-event-drawer .site-event-row:is(:hover, :focus-visible) .site-event-row-name,
html[data-theme="dark"] body:has([data-globe-home]) .site-event-drawer .site-event-row:is(:hover, :focus-visible) .site-event-row-countdown {
    color: #f1eee7 !important;
}
html[data-theme="dark"] body:has([data-globe-home]) .site-event-drawer .site-event-row:is(:hover, :focus-visible) .site-event-row-detail {
    color: #aaa69e !important;
}
/* Keep the homepage event rail compact once the shell switches to its mobile layout. */
@media (max-width: 850px) {
    body:has([data-globe-home]) .site-event-stack {
        width: max-content;
        max-width: 46vw;
        min-width: 0;
    }

    body:has([data-globe-home]) .site-event-primary {
        grid-template-columns: minmax(0, auto) auto auto;
        gap: .34rem;
        padding: .42rem .45rem .42rem .55rem;
        font-size: .57rem !important;
    }
}

@media (max-width: 520px) {
    body:has([data-globe-home]) .site-event-stack {
        max-width: none;
    }

    body:has([data-globe-home]) .site-event-primary {
        gap: .18rem;
        padding: .42rem .2rem;
        font-size: .55rem !important;
    }

    body:has([data-globe-home]) .site-event-primary-name {
        max-width: 42px;
    }
}


/* Preserve the history feature’s image-led shape when a poster is unavailable. */
.v3-history-feature-image--fallback {
    display: grid;
    min-height: 180px;
    place-items: center;
    padding: 1rem;
    background: var(--v3-paper-deep);
    color: var(--v3-red);
    text-align: center;
}

.v3-history-feature-fallback {
    font: 800 clamp(.7rem, 1vw, .95rem)/1.2 var(--v3-sans);
    letter-spacing: .12em;
    text-transform: uppercase;
}


/* V3 mobile shell uses the navigation brand as the only masthead */
@media (max-width: 850px) {
    body:has([data-globe-home]) .site-header > .logo-banner {
        display: none !important;
    }

    body:has([data-globe-home]) .site-navigation .mobile-brand {
        display: inline-flex !important;
        align-items: flex-end;
        gap: 0;
        color: var(--v3-ink) !important;
        font-family: "Edition Matlock", Georgia, "Times New Roman", serif !important;
        font-size: clamp(1.72rem, 8.4vw, 2.25rem) !important;
        font-weight: 400 !important;
        line-height: .8 !important;
        letter-spacing: .005em !important;
        text-transform: uppercase !important;
    }

    body:has([data-globe-home]) .mobile-brand-pumpkin {
        margin-left: -.18em;
    }

    body:has([data-globe-home]) .mobile-brand-pumpkin-icon {
        display: block;
        width: .94em;
        height: .94em;
        transform: translateY(.16em) rotate(-5deg);
        transform-origin: 50% 100%;
    }
}