/* ==========================================================================
   Strive Haus — Sidehoe reveal (/sidehoe)
   Unlisted landing for the Sidehoe parody launch. Loaded AFTER home.css and
   purely additive: nav, buttons, logos, the X-post rail and the footer all
   come from home.css unchanged.
   ========================================================================== */

/* ---------- Reveal ---------- */

.sh-hero {
    position: relative;
    background: var(--bg);
    overflow: hidden;
}

/* home.css weights the glow to the right for the split hero; this one is
   centered, so pull the larger bloom back over the middle. */
.sh-hero .hero-glow-a { right: 19%; }

.sh-hero-inner {
    position: relative;
    z-index: 10;
    padding: 200px 48px 120px;
    text-align: center;
}

/* Centered eyebrow gets a mirrored line on the far side so it stays balanced. */
.sh-eyebrow-line-end { transform: scaleX(-1); }

.sh-title {
    font-size: clamp(2.75rem, 6.4vw, 5.4rem);
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: -0.042em;
    max-width: 900px;
    margin: 0 auto 28px;
    text-wrap: balance;
}

.sh-sub {
    font-size: 1.1875rem;
    line-height: 1.6;
    color: var(--text-muted);
    max-width: 580px;
    margin: 0 auto 16px;
}

.sh-pitch { color: var(--text); margin-bottom: 38px; }

.sh-cta { justify-content: center; }

/* ---------- Proof ---------- */

.sh-proof {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    max-width: 900px;
    margin: 88px auto 0;
    padding-top: 44px;
    border-top: 1px solid var(--border);
}

.sh-proof .work-teaser-logos { margin-bottom: 0; }

/* ---------- Response ---------- */

.page-sidehoe .response-header { text-align: center; }
.page-sidehoe .response-header h2 { margin: 0 auto; text-wrap: balance; }

/* ---------- Responsive ---------- */

@media (max-width: 1024px) {
    .sh-hero-inner { padding: 170px 32px 100px; }
}

@media (max-width: 768px) {
    .sh-hero-inner { padding: 140px 24px 84px; }
    .sh-proof { margin-top: 64px; padding-top: 36px; }
}

@media (max-width: 480px) {
    .sh-hero-inner { padding: 128px 20px 68px; }
    .sh-sub { font-size: 1.0625rem; }
}