main {flex: 1;display: grid;grid-template-columns: 1fr 1fr;min-height: 0;position: relative;}.left {padding: clamp(2rem, 4vw, 3.5rem) clamp(2rem, 5vw, 5rem) clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, calc(50vw - clamp(2rem, 5vw, 5rem) - 500px), 12rem);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;text-align: left;opacity: 0;position: relative;z-index: 1;}.left::after {content: '';position: absolute;top: 10%;right: 0;bottom: 10%;width: 0.5px;background: linear-gradient(to bottom, transparent, rgba(255, 196, 59, 0.18) 28%, rgba(255, 196, 59, 0.18) 72%, transparent);}.left .left-inner {width: 100%;}.left .eyebrow {font-size: 13px;font-weight: 400;letter-spacing: 0.22em;text-transform: uppercase;color: #e8e2d8;margin-bottom: 2.2rem;display: flex;align-items: center;justify-content: flex-start;gap: 12px;opacity: 0;}.left .eyebrow::before {content: '';display: inline-block;width: 18px;height: 0.5px;background: #e8e2d8;opacity: 0.5;}.left .left-headline {font-family: 'Imbue', serif;font-weight: 400;font-size: clamp(2.2rem, 4.2vw, 5rem);line-height: 1.08;color: #ffc43b;letter-spacing: 0.01em;margin-bottom: 2rem;}.left .left-headline .line {display: block;overflow: hidden;}.left .left-headline .line-inner {display: block;transform: translateY(105%);opacity: 0;}.left .left-badge {display: inline-flex;align-items: center;gap: 7px;font-size: clamp(11px, 3.2vw, 13px);font-weight: 400;letter-spacing: 0.18em;text-transform: uppercase;color: #e8e2d8;border: 0.5px solid rgba(255, 196, 59, 0.2);border-radius: 100px;padding: 5px 14px;opacity: 0;margin-bottom: 2.2rem;}.left .left-badge .badge-dot {width: 4px;height: 4px;border-radius: 50%;background: #8a1a1a;animation: breathe 2.8s ease-in-out infinite;}.left .left-founding {opacity: 0;}.left .left-founding .founding-rule {width: 20px;height: 0.5px;background: rgba(255, 196, 59, 0.28);margin: 0 0 1.1rem 0;}.left .left-founding .founding-body {font-family: 'Imbue', serif;font-weight: 400;font-size: clamp(1rem, 1.5vw, 1.15rem);line-height: 1.85;color: rgba(232, 226, 216, 0.88);}.left .left-founding .founding-final {font-family: 'Imbue', serif;font-weight: 400;font-style: italic;font-size: clamp(1rem, 1.5vw, 1.15rem);color: #e8e2d8;margin-top: 1rem;padding-top: 1rem;border-top: 0.5px solid rgba(255, 196, 59, 0.14);line-height: 1.6;}.right {padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 4vw, 3rem) clamp(2rem, 4vw, 3.5rem) clamp(2rem, 5vw, 5rem);display: flex;align-items: center;justify-content: flex-start;opacity: 0;position: relative;z-index: 1;}.letter-card {width: 100%;max-width: 500px;background: #1a1714;border-radius: 2px;border: none;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), 0 12px 40px rgba(0, 0, 0, 0.55), 0 40px 100px rgba(0, 0, 0, 0.45), 0 0 120px rgba(255, 196, 59, 0.1);padding: clamp(1.8rem, 3vw, 2.4rem) clamp(1.6rem, 2.5vw, 2rem);display: flex;flex-direction: column;align-items: center;text-align: center;}.letter-card .card-wordmark {font-family: 'Imbue', serif;font-weight: 400;font-size: 12px;letter-spacing: 0.3em;text-transform: uppercase;color: rgba(232, 226, 216, 0.7);margin-bottom: 1.1rem;}.letter-card .card-rule {width: 20px;height: 0.5px;background: rgba(255, 196, 59, 0.18);margin-bottom: 1.3rem;}.letter-card .card-headline {font-family: 'Imbue', serif;font-weight: 400;font-size: clamp(1.8rem, 2.6vw, 2.3rem);line-height: 1.1;color: #e8e2d8;margin-bottom: 0.5rem;}.letter-card .card-sub {font-family: 'Imbue', serif;font-weight: 400;font-style: italic;font-size: clamp(0.83rem, 1.15vw, 0.95rem);color: #e8e2d8;line-height: 1.75;margin-bottom: 1.3rem;}.letter-card .card-evocative {width: 100%;padding: 1rem 0;border-top: 0.5px solid rgba(232, 226, 216, 0.12);border-bottom: 0.5px solid rgba(232, 226, 216, 0.12);margin-bottom: 1.2rem;}.letter-card .card-evocative .card-evocative-text {font-family: 'Imbue', serif;font-weight: 400;font-style: italic;font-size: clamp(0.98rem, 1.4vw, 1.1rem);color: #ffc43b;line-height: 1.75;}.letter-card .card-urgency {display: flex;align-items: center;gap: 8px;margin-bottom: 0.8rem;width: 100%;}.letter-card .card-urgency .urgency-dot {width: 4px;height: 4px;border-radius: 50%;background: #8a1a1a;flex-shrink: 0;animation: breathe 2.8s ease-in-out infinite;}.letter-card .card-urgency .urgency-text {font-size: 11.5px;font-weight: 400;letter-spacing: 0.1em;color: rgba(255, 196, 59, 0.65);}.letter-card .card-form {width: 100%;display: flex;flex-direction: column;gap: 8px;margin-bottom: 0.85rem;}.letter-card .card-input {width: 100%;padding: 11px 14px;border-radius: 2px;border: 0.5px solid rgba(255, 196, 59, 0.2);background: rgba(255, 255, 255, 0.05);font-family: 'Imbue', serif;font-weight: 300;font-size: 12px;color: #e8e2d8;outline: none;-webkit-appearance: none;transition: border-color 0.22s, background 0.22s;}.letter-card .card-input::placeholder {color: rgba(255, 196, 59, 0.35);}.letter-card .card-input:focus {border-color: rgba(255, 196, 59, 0.42);background: rgba(255, 255, 255, 0.09);}.letter-card .card-input.err {border-color: rgba(138, 26, 26, 0.4);animation: shake 0.32s ease;}.letter-card .card-btn {width: 100%;padding: 12px;border-radius: 2px;background: #e8e2d8;border: none;font-family: 'Imbue', serif;font-weight: 400;font-size: 11px;letter-spacing: 0.2em;text-transform: uppercase;color: #1c1712;cursor: pointer;transition: opacity 0.2s, transform 0.15s;}.letter-card .card-btn:hover {opacity: 0.78;}.letter-card .card-btn:active {transform: scale(0.98);}.letter-card .card-btn.done {background: #8a1a1a;color: #e8e2d8;opacity: 1;cursor: default;letter-spacing: 0.12em;}.letter-card .card-note {font-family: 'Imbue', serif;font-weight: 400;font-style: italic;font-size: 12px;color: rgba(255, 196, 59, 0.75);transition: color 0.4s, opacity 0.4s;}@media (max-width: 720px) {body {overflow-y: auto;}main {grid-template-columns: 1fr;}.left {padding: 2.2rem clamp(1.4rem, 6vw, 2.4rem) 2.8rem;align-items: center;text-align: center;border-bottom: 0.5px solid rgba(232, 226, 216, 0.1);}.left::after {display: none;}.left .left-inner {max-width: 100%;}.left .eyebrow {justify-content: center;}.left .eyebrow::before {display: none;}.left .left-headline {font-size: clamp(2.1rem, 9vw, 3rem);line-height: 1.1;text-align: center;}.left .left-badge {align-self: center;font-size: 10px;letter-spacing: 0.08em;padding: 4px 10px;gap: 5px;}.left .left-founding .founding-rule {margin: 0 auto 1.1rem;}.right {padding: 2.6rem clamp(1.2rem, 5vw, 2rem) 3.4rem;justify-content: center;}.right .letter-card {max-width: 100%;}.right .letter-card .card-headline {font-size: clamp(1.9rem, 8vw, 2.3rem);}}