.contact-page {
            --contact-paper: var(--bg);
            --contact-paper-soft: var(--bg-soft);
            --contact-surface: rgba(255, 255, 255, 0.78);
            --contact-surface-strong: var(--surface-strong);
            --contact-ink: var(--text);
            --contact-ink-soft: var(--muted);
            --contact-rule: var(--border);
            --contact-rule-strong: var(--border-strong);
            --contact-signal: #ffca5f;
            --contact-dark: #0f172a;
            background:
                radial-gradient(circle at top right, rgba(255, 202, 95, 0.14), transparent 34%),
                linear-gradient(180deg, #faf7f1 0%, var(--bg) 24%, var(--bg-soft) 100%);
            overflow-x: clip;
        }

.contact-page .site-shell,
        .contact-page .site-content {
            overflow-x: clip;
        }

.contact-content {
            display: grid;
            gap: 0;
        }

.contact-form-heading p:last-child {
            margin: 1.15rem 0 0;
            color: var(--contact-ink-soft);
            font-size: 1.03rem;
            line-height: 1.7;
        }

.contact-form-wrap {
            grid-column: 9 / span 4;
            display: grid;
            gap: 1.5rem;
        }

.contact-form-heading {
            margin-bottom: 0;
        }

.contact-form-heading h2 {
            max-width: 12ch;
        }

.contact-form-panel {
            border-color: var(--contact-rule);
            background: var(--contact-surface);
        }

@media (max-width: 760px) {
.contact-form-heading h2 {
                max-width: none;
            }
}

@media (max-width: 520px) {
.contact-form-heading p:last-child {
                font-size: 0.98rem;
            }
}

.contact-page .contact-simple-section {
            position: relative;
            min-height: calc(100vh - 4rem);
            display: grid;
            align-items: start;
            padding: clamp(10rem, 12vw, 12rem) 0 clamp(4.5rem, 7vw, 6.5rem);
        }

.contact-page .contact-simple-section::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background:
                    linear-gradient(90deg, rgba(255, 255, 255, 0.38), transparent 34%),
                    radial-gradient(circle at 83% 12%, rgba(194, 69, 45, 0.12), transparent 31%);
        }

.contact-simple-grid {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: minmax(0, 0.92fr) minmax(30rem, 1.08fr);
            gap: clamp(2.5rem, 5vw, 5.25rem);
            align-items: start;
        }

.contact-simple-copy {
            display: grid;
            gap: clamp(1.35rem, 2.6vw, 2.1rem);
            padding-top: clamp(0.5rem, 2vw, 1.25rem);
        }

.contact-simple-copy h1 {
            max-width: 9ch;
            margin: 0;
            color: var(--contact-ink);
            font-size: clamp(3.1rem, 5.2vw, 5.2rem);
            line-height: 0.92;
            letter-spacing: 0;
        }

.contact-simple-support {
            max-width: 34rem;
            margin: 0;
            color: var(--contact-ink-soft);
            font-size: clamp(1.05rem, 1.45vw, 1.24rem);
            line-height: 1.62;
        }

.contact-quick-actions {
            display: grid;
            gap: 0.85rem;
            max-width: 36rem;
            margin-top: 0.35rem;
        }

.contact-quick-card {
            min-width: 0;
            display: grid;
            gap: 0.42rem;
            padding: 1.05rem 1.15rem;
            border: 1px solid rgba(15, 23, 42, 0.1);
            border-radius: 0.9rem;
            background:
                    linear-gradient(110deg, rgba(255, 255, 255, 0.96), rgba(248, 245, 240, 0.88)),
                    #ffffff;
            box-shadow: 0 16px 36px rgba(15, 23, 42, 0.05);
            color: var(--contact-ink);
            text-decoration: none;
            transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
        }

.contact-quick-card:hover {
            transform: translateY(-2px);
            border-color: rgba(255, 202, 95, 0.36);
            box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
        }

.contact-quick-card span {
            color: #ffca5f;
            font-family: "IBM Plex Mono", "Courier New", monospace;
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

.contact-quick-card strong {
            min-width: 0;
            overflow-wrap: anywhere;
            font-size: clamp(1.06rem, 1.45vw, 1.3rem);
            line-height: 1.28;
        }

.contact-simple-grid .contact-form-wrap {
            grid-column: auto;
            display: grid;
            gap: 1.25rem;
        }

.contact-simple-grid .contact-form-heading {
            margin: 0;
        }

.contact-simple-grid .contact-form-heading h2 {
            max-width: none;
            margin-bottom: 0.7rem;
            font-size: clamp(2rem, 3vw, 3rem);
            line-height: 1;
        }

.contact-simple-grid .contact-form-heading p:last-child {
            max-width: 34rem;
            margin-top: 0;
        }

.contact-simple-grid .contact-form-panel {
            grid-column: auto;
            border-color: rgba(15, 23, 42, 0.12);
            background:
                    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(248, 245, 240, 0.86)),
                    #ffffff;
            box-shadow: 0 22px 56px rgba(15, 23, 42, 0.08);
        }

@media (max-width: 980px) {
.contact-page .contact-simple-section {
                align-items: start;
                padding-top: clamp(8.75rem, 18vw, 10rem);
            }

.contact-simple-grid {
                grid-template-columns: 1fr;
                gap: 2.25rem;
            }

.contact-simple-copy h1 {
                max-width: none;
            }

.contact-quick-actions {
                max-width: none;
            }
}

@media (max-width: 560px) {
.contact-page .contact-simple-section {
                min-height: auto;
                padding: 9.25rem 0 3.75rem;
            }

.contact-simple-grid {
                gap: 1.7rem;
            }

.contact-simple-copy {
                gap: 1.05rem;
            }

.contact-simple-copy h1 {
                font-size: clamp(3.05rem, 14vw, 3.95rem);
            }

.contact-simple-grid .contact-form-panel {
                padding: 1.15rem;
                border-radius: 1.25rem;
            }
}