*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

        :root {
            --terracotta:  #c0674a;
            --terracotta2: #a0503a;
            --gold:        #c9a96e;
            --sage:        #7a8c72;
            --cream:       #f5f0e8;
            --parchment:   #ede5d4;
            --ink:         #2a2218;
            --muted:       #6b5f50;
            --border:      #d5c9b5;
            --white:       #fff;
            --radius:      4px;
        }

        body {
            font-family: 'Jost', sans-serif;
            font-weight: 300;
            background-color: var(--cream);
            color: var(--ink);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            /* padding: 40px 20px; */
            background-image:
                radial-gradient(ellipse 80% 60% at 15% 90%, rgba(192,103,74,.10) 0%, transparent 60%),
                radial-gradient(ellipse 60% 40% at 85% 10%, rgba(122,140,114,.12) 0%, transparent 55%);
        }

        /* ── Card ── */
        .card {
            width: 100%;
            max-width: 680px;
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: 2px;
            box-shadow: 0 8px 40px rgba(42,34,24,.10), 0 2px 8px rgba(42,34,24,.06);
            overflow: hidden;
        }

        /* ── Header ── */
        .card-header {
            background: var(--cream);
            /* padding: 44px 48px 36px; */
            position: relative;
            overflow: hidden;
        }
        .card-header::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                repeating-linear-gradient(
                    60deg,
                    transparent,
                    transparent 18px,
                    rgba(201,169,110,.07) 18px,
                    rgba(201,169,110,.07) 19px
                );
        }
        .card-header .eyebrow {
            font-family: 'Jost', sans-serif;
            font-size: .70rem;
            font-weight: 500;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: 10px;
            position: relative;
        }
        .card-header h1 {
            font-family: 'Cormorant Garamond', Georgia, serif;
            font-size: 2.4rem;
            font-weight: 300;
            line-height: 1.15;
            color: var(--cream);
            position: relative;
        }
        .card-header h1 em {
            font-style: italic;
            color: var(--gold);
        }
        .card-header p {
            margin-top: 12px;
            font-size: .88rem;
            color: rgba(245,240,232,.65);
            position: relative;
            line-height: 1.6;
        }

        /* ── Form Body ── */
        .card-body { padding: 44px 48px; }

        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
        }
        @media (max-width: 560px) {
            .card-header, .card-body { padding: 32px 24px; }
            .form-row { grid-template-columns: 1fr; }
            .card-header h1 { font-size: 1.9rem; }
        }

        .field { margin-bottom: 6px; }
        .field:last-of-type { margin-bottom: 0; }

        label {
            display: block;
            font-size: .74rem;
            font-weight: 500;
            letter-spacing: .12em;
            text-transform: uppercase;
            /* color: var(--muted); */
            margin-bottom: 7px;
        }
        label .req { color: var(--terracotta); margin-left: 2px; }

        input[type="text"],
        input[type="email"],
        input[type="tel"],
        textarea {
            width: 100%;
            padding: 5px 7px;
            background: var(--cream);
            border: 1px solid var(--border);
            border-radius: var(--radius);
            font-family: 'Jost', sans-serif;
            font-size: .92rem;
            font-weight: 300;
            color: var(--ink);
            transition: border-color .2s, box-shadow .2s;
            outline: none;
            -webkit-appearance: none;
        }
        input:focus, textarea:focus {
            border-color: var(--terracotta);
            box-shadow: 0 0 0 3px rgba(192,103,74,.12);
            background: var(--white);
        }
        textarea {
            resize: vertical;
            min-height: 150px;
            line-height: 1.6;
        }

        /* ── Submit ── */
        .btn-submit {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-top: 28px;
            padding: 14px 36px;
            background: var(--terracotta);
            color: var(--white);
            border: none;
            border-radius: var(--radius);
            font-family: 'Jost', sans-serif;
            font-size: .82rem;
            font-weight: 500;
            letter-spacing: .14em;
            text-transform: uppercase;
            cursor: pointer;
            transition: background .2s, transform .1s;
        }
        .btn-submit:hover  { background: var(--terracotta2); }
        .btn-submit:active { transform: translateY(1px); }
        .btn-submit svg { flex-shrink: 0; }

        /* ── Divider ── */
        .divider {
            border: none;
            border-top: 1px solid var(--border);
            margin: 1em 0; /* 28px */
        }

        /* ── Messages ── */
        .msg {
            padding: 16px 20px;
            border-radius: var(--radius);
            font-size: .88rem;
            line-height: 1.6;
            margin-bottom: 24px;
        }
        .msg.success {
            background: #eef4ec;
            border: 1px solid #b4d0ac;
            color: #2d5a27;
        }
        .msg.error {
            background: #fdf0ee;
            border: 1px solid #e8b5aa;
            color: #7a2a1e;
        }
        .msg ul { padding-left: 18px; margin-top: 6px; }
        .msg ul li { margin-bottom: 4px; }

        /* ── Honeypot ── */
        .hp { display: none !important; visibility: hidden; }

        /* ── Footer note ── */
        .privacy-note {
            margin-top: 20px;
            font-size: .75rem;
            color: var(--muted);
            line-height: 1.5;
        }
        .privacy-note a { color: var(--terracotta); text-decoration: none; }
        .privacy-note a:hover { text-decoration: underline; }

        /* ── Section label ── */
        .section-label {
            font-size: .70rem;
            font-weight: 500;
            letter-spacing: .18em;
            text-transform: uppercase;
            /* color: var(--gold); */
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .section-label::after {
            content: '';
            flex: 1;
            height: 1px;
            background: var(--border);
        }