/* Canonical Croakitoad masthead — identical on every public page. */
.croakitoad-core-hero-wrap {
    width: 100%;
    background: transparent;
    color: #fff;
}


.croakitoad-core-hero {
    --ct-border: rgba(255,255,255,.12);
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: clamp(28px,4vw,48px) clamp(20px,5vw,58px);
    border-top: 0;
    border-bottom: 0;
    background: transparent;
    color: #fff;
    box-sizing: border-box;
}
.croakitoad-core-hero * { box-sizing: border-box; }
.croakitoad-core-hero .ct-core-hero-brand-row { display:flex;align-items:center;justify-content:center;gap:clamp(22px,4vw,52px);min-width:0; }
.croakitoad-core-hero-logo-link,.croakitoad-core-hero-title-link { color:inherit;text-decoration:none!important; }
.croakitoad-core-hero .ct-core-hero-logo { display:block;flex:0 0 auto;width:clamp(118px,15vw,190px);height:auto;border-radius:50%;filter:drop-shadow(0 16px 30px rgba(0,0,0,.55)); }
.croakitoad-core-hero .ct-core-hero-wordmark { min-width:0; }
.croakitoad-core-hero h1 { margin:0;color:#fff;font-size:clamp(3.5rem,8.2vw,7.2rem);font-weight:900;letter-spacing:-.055em;line-height:.9;text-transform:uppercase;white-space:nowrap; }
.croakitoad-core-hero .ct-core-hero-mission { margin:14px 0 0;color:#fff;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:900;line-height:1.08; }
.croakitoad-core-hero .ct-core-hero-stats { display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px; }
.croakitoad-core-hero .ct-core-hero-stats span { display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--ct-border);border-radius:999px;background:rgba(255,255,255,.035);color:#bdbdbd;font-size:.82rem; }
.croakitoad-core-hero .ct-core-hero-stats strong { color:#fff; }
.croakitoad-core-hero .ct-core-socials { display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08); }
.croakitoad-core-hero .ct-core-social-link { display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid var(--ct-border);border-radius:999px;background:rgba(255,255,255,.025);color:#d4d4d4!important;font-size:.78rem;font-weight:800;line-height:1;text-decoration:none!important;transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,color 180ms ease; }
.croakitoad-core-hero .ct-core-social-link:hover,.croakitoad-core-hero .ct-core-social-link:focus-visible { transform:translateY(-2px);border-color:rgba(112,229,138,.82);background:rgba(112,229,138,.12);color:#fff!important; }
.croakitoad-core-hero .ct-core-social-link:focus-visible,.croakitoad-core-hero-logo-link:focus-visible,.croakitoad-core-hero-title-link:focus-visible { outline:2px solid #fff;outline-offset:3px; }
.croakitoad-core-hero .ct-core-social-icon { display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px; }
.croakitoad-core-hero .ct-core-social-icon svg { display:block;width:15px;height:15px;fill:currentColor; }
.croakitoad-core-hero .ct-signature-badges { gap:clamp(18px,3.4vw,50px); }
.croakitoad-core-hero .ct-signature-badge { border:0!important;background:transparent!important;padding:0!important;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.7); }
.croakitoad-core-hero .ct-signature-badge--twitch { color:#d6a7ff!important; }
.croakitoad-core-hero .ct-signature-badge--games { color:#ffe063!important; }
.croakitoad-core-hero .ct-signature-badge--youtube { color:#ff7777!important; }
.croakitoad-core-hero .ct-signature-badge--established { color:#73e6a0!important; }
.croakitoad-core-hero .ct-social-dock { position:absolute;top:6px;right:20px;margin:0;padding:0;border:0;gap:7px; }
.croakitoad-core-hero { position:relative; }
.croakitoad-core-hero::after {
    content: "";
    position: absolute;
    left: 7%;
    right: 7%;
    bottom: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent 0%, rgba(112,229,138,.08) 22%, rgba(255,255,255,.10) 50%, rgba(112,229,138,.08) 78%, transparent 100%);
}
.croakitoad-core-hero .ct-social-dock .ct-core-social-link { width:28px;height:28px;min-height:28px;padding:0;justify-content:center;border-radius:8px; }
.croakitoad-core-hero .ct-social-dock .ct-core-social-label { position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }

/* Hide the legacy homepage-embedded copy immediately; hero.js removes it from the DOM. */
body.croakitoad-core-active .croakitoad-home > .croakitoad-home-hero { display:none!important; }

@media (max-width:650px) {
    .croakitoad-core-hero { padding:30px 16px 34px;text-align:center; }
    .croakitoad-core-hero .ct-core-hero-brand-row { gap:14px; }
    .croakitoad-core-hero .ct-core-hero-logo { width:clamp(76px,24vw,118px); }
    .croakitoad-core-hero h1 { font-size:clamp(2.25rem,11.5vw,4rem); }
    .croakitoad-core-hero .ct-core-hero-mission { margin-top:8px;font-size:clamp(.95rem,4vw,1.3rem); }
    .croakitoad-core-hero .ct-core-hero-stats { margin-top:22px; }
    .croakitoad-core-hero .ct-signature-badges { gap:10px 16px; }
    .croakitoad-core-hero .ct-social-dock { position:static;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08); }
    .croakitoad-core-hero .ct-social-dock .ct-core-social-link { width:34px;height:34px; }
}

/* v3.1 live rotating statistics */
.croakitoad-core-hero .ct-rotating-stat {
    min-width: 168px;
    justify-content: center;
    transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease, background 180ms ease;
    will-change: opacity, transform;
}
.croakitoad-core-hero .ct-rotating-stat.is-changing {
    opacity: 0;
    transform: translateY(5px) scale(.98);
}
.croakitoad-core-hero .ct-stat-number {
    display: inline-block;
    min-width: 1ch;
    font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
    .croakitoad-core-hero .ct-rotating-stat { transition: none; }
}

/* =========================================================
   Croakitoad Core v4 dimension lock
   Same component + same box model on every visitor-facing route.
   ========================================================= */
body.croakitoad-core-v4 .croakitoad-core-hero-wrap {
    border: 0;
    background: transparent;
}
body.croakitoad-core-v4 .croakitoad-core-hero {
    width: min(var(--ct-content-width, 1180px), 100%);
    min-height: 338px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width:650px) {
    body.croakitoad-core-v4 .croakitoad-core-hero {
        min-height: 0;
    }
}

/* v4.1: canonical hero is isolated from page-local .croakitoad-home-* CSS. */
[data-croakitoad-canonical-hero="1"] .ct-signature-badge,
[data-croakitoad-canonical-hero="1"] .ct-signature-badge__label,
[data-croakitoad-canonical-hero="1"] .ct-stat-number {
    opacity: 1;
    visibility: visible;
}
[data-croakitoad-canonical-hero="1"] .ct-signature-badge:not(.ct-signature-badge--twitch):not(.ct-signature-badge--games):not(.ct-signature-badge--youtube):not(.ct-signature-badge--established) {
    color: #f5f7f5 !important;
}