.newsletter-layout { max-width: 1260px; margin: 0 auto; padding: 76px 40px 88px; display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: clamp(36px, 5vw, 72px); align-items: start; }
.newsletter-intro { padding-top: 24px; }
.newsletter-intro h1 { font-size: clamp(42px, 4.3vw, 64px); line-height: 1.06; letter-spacing: -.025em; margin-bottom: 26px; }
.newsletter-lead { font-size: 21px; line-height: 1.55; color: var(--muted); max-width: 460px; }
.newsletter-english { margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--line); }
.newsletter-english h2 { font-size: 32px; line-height: 1.16; margin-bottom: 17px; }
.newsletter-english p { color: var(--muted); font-size: 18px; max-width: 460px; }
.newsletter-note { margin: 34px 0 0; color: var(--muted); font: 13px/1.7 Arial, sans-serif; }
.newsletter-card { min-width: 0; padding: 36px; border: 1px solid var(--line); background: var(--white); box-shadow: 0 18px 60px rgba(20,33,31,.06); }
.newsletter-card .eyebrow { font-size: 11px; margin-bottom: 15px; }
.newsletter-card h2 { font-size: 32px; line-height: 1.15; margin-bottom: 16px; }
.newsletter-card h2 span { color: var(--muted); }
.form-instructions, .newsletter-privacy, .newsletter-fallback { font: 13px/1.6 Arial, sans-serif; color: var(--muted); }
.form-instructions { margin-bottom: 26px; }
.newsletter-privacy { margin: 22px 0 0; }
.newsletter-fallback { margin: 20px 0 0; padding-top: 18px; border-top: 1px solid var(--line); }
.newsletter-card a { text-decoration: underline; text-underline-offset: 3px; }
#newsletter-embed .formkit-form { width: 100%; margin: 0; display: block; font: 15px/1.5 Arial, sans-serif; }
#newsletter-embed .formkit-form .formkit-input, #newsletter-embed .formkit-form .formkit-select { min-height: 48px; font-size: 16px; border-color: var(--line) !important; border-radius: 2px !important; color: var(--ink) !important; background: var(--paper); }
#newsletter-embed .formkit-form .formkit-checkboxes { font-size: 14px; line-height: 1.55; color: var(--ink) !important; }
#newsletter-embed .formkit-form legend { font-size: 14px; color: var(--muted) !important; margin-top: 8px; }
#newsletter-embed .formkit-form label { display: block; font-size: 14px; line-height: 1.55; color: var(--ink); }
#newsletter-embed .formkit-form .formkit-submit { background-color: var(--ink) !important; border-radius: 2px !important; font-size: 14px; font-weight: 400; text-transform: none; letter-spacing: 0; line-height: 1.45; margin-top: 6px; }
#newsletter-embed .formkit-form .formkit-submit:hover { background-color: #304a44 !important; transform: none; }
#newsletter-embed .formkit-form :is(input, select, button):focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.newsletter-page .site-header nav { flex-wrap: wrap; }
@media (max-width: 980px) { .newsletter-layout { gap: 32px; padding: 52px 28px 64px; } .newsletter-card { padding: 28px; } .newsletter-intro h1 { font-size: 43px; } }
@media (max-width: 760px) { .newsletter-layout { grid-template-columns: 1fr; max-width: 630px; padding: 36px 24px 56px; gap: 32px; } .newsletter-intro { padding-top: 0; } .newsletter-intro h1 { font-size: clamp(36px, 8.5vw, 48px); } .newsletter-lead { font-size: 19px; } .newsletter-english { margin-top: 24px; padding-top: 22px; } .newsletter-english h2 { font-size: 27px; } .newsletter-english p { font-size: 17px; } .newsletter-note { margin-top: 22px; } .newsletter-card { padding: 26px 22px; } .newsletter-card h2 { font-size: 29px; } }
@media (max-width: 380px) { .newsletter-layout { padding-right: 16px; padding-left: 16px; } .newsletter-card { padding: 24px 18px; } .newsletter-card h2 { font-size: 26px; } }