/* r33 owner: v3-foundation-structure. The former mixed header rules were retired; this owner retains only the shared V3 design foundation. */
/* ==========================================================================
   UI / UX V3 — RECURSIVE SUCCESSION
   The atmosphere remains. The obstruction does not.
   ========================================================================== */

:root {
    --bg: #070709;
    --bg-soft: #0a0a0e;
    --surface: #0d0d12;
    --surface-2: #121219;
    --surface-3: #181821;
    --line: rgba(247, 242, 234, 0.11);
    --line-strong: rgba(247, 242, 234, 0.2);
    --text: #f4f0e9;
    --muted: #aaa7ad;
    --faint: #74717a;
    --signal: #ff3d59;
    --signal-rgb: 255, 61, 89;
    --violet: #9276ff;
    --violet-rgb: 146, 118, 255;
    --dawn: #ffc16b;
    --dawn-rgb: 255, 193, 107;
    --cyan: #63dfd4;
    --shadow: 0 36px 90px rgba(0, 0, 0, 0.38);
    --shadow-hard: 0 0 0 1px rgba(var(--signal-rgb), 0.08), 16px 18px 0 rgba(var(--signal-rgb), 0.035);
    --radius-xs: 0.5rem;
    --radius-sm: 0.8rem;
    --radius-md: 1.2rem;
    --radius-lg: 1.8rem;
    --shell: min(90rem, calc(100vw - 5.5rem));
    --header-h: 4.75rem;
    --font-display: "Arial Black", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}

html[data-theme="dawn"] {
    --bg: #ece7dd;
    --bg-soft: #e4ded3;
    --surface: #f6f1e8;
    --surface-2: #ddd6cb;
    --surface-3: #d0c8bd;
    --line: rgba(23, 20, 21, 0.14);
    --line-strong: rgba(23, 20, 21, 0.26);
    --text: #161315;
    --muted: #615c60;
    --faint: #898287;
    --signal: #d91d42;
    --signal-rgb: 217, 29, 66;
    --violet: #6749df;
    --violet-rgb: 103, 73, 223;
    --dawn: #a84f00;
    --dawn-rgb: 168, 79, 0;
    --cyan: #087d74;
}

body {
    background:
        radial-gradient(circle at 88% 8%, rgba(var(--signal-rgb), 0.045), transparent 34rem),
        radial-gradient(circle at 82% 68%, rgba(var(--violet-rgb), 0.055), transparent 38rem),
        var(--bg);
    font-size: 1rem;
    line-height: 1.65;
}

body::before {
    opacity: 0.026;
}

.shell {
    width: var(--shell);
}

h2 {
    font-size: clamp(2.8rem, 5.5vw, 5.7rem);
    letter-spacing: -0.055em;
    line-height: 0.93;
}

h3 {
    letter-spacing: -0.025em;
}

.eyebrow {
    margin-bottom: 0.95rem;
    font-size: 0.67rem;
    letter-spacing: 0.18em;
}

.section {
    padding-block: clamp(5.5rem, 9vw, 9rem);
}

.section-heading {
    margin-bottom: clamp(2.6rem, 5vw, 4.6rem);
}

.section-heading > p:last-child {
    font-size: clamp(1.02rem, 1.35vw, 1.25rem);
    line-height: 1.65;
}

.button {
    min-height: 3.55rem;
    padding-inline: 1.35rem;
    border-radius: 0.82rem;
    font-size: 0.76rem;
    letter-spacing: 0.055em;
}

.button--primary {
    box-shadow: none;
}

.button--ghost {
    background: rgba(255, 255, 255, 0.018);
}