.op-header-ready:has(.op-newsletter-page) {
    .op-header { background:var(--op-slate); }
    .op-newsletter-page { padding-block-start:var(--op-header-height,7rem); }
}
.op-newsletter-page .op-home-hero {
    min-block-size:0; padding:clamp(5rem,8.2vw,13rem) 1.5rem clamp(5rem,6.7vw,10.625rem); text-align:center;
    .op-home-backdrop { object-position:center top; }
    .op-home-hero-copy { max-inline-size:56.875rem; }
    h1 { margin:0; font-size:clamp(2.25rem,4.6vw,4.0625rem); font-weight:400; line-height:1.23; letter-spacing:.077em; text-transform:none; }
    .op-home-tagline:empty, .op-home-actions:empty, .op-home-hero-bottom:empty { display:none; }
    &::after { background:rgb(0 0 0 / 40%); }
}
.op-newsletter-signup { max-inline-size:68rem; margin-inline:auto; padding:clamp(3rem,6vw,5rem) 1.5rem; display:grid; gap:2rem; align-items:start;
 .op-newsletter-intro { h2 { font-size:clamp(2rem,3vw,2.75rem); text-transform:none; letter-spacing:normal; font-weight:400; margin:1rem 0; } >p:last-child { max-inline-size:28rem; font-size:1.1rem; line-height:1.65; } }
 .op-newsletter-form { padding:clamp(1.25rem,3vw,2.5rem); background:white; border:1px solid #ded9cf; min-inline-size:0; }
 .op-form-note { font-size:.8rem; line-height:1.6; color:#656565; border-inline-start:2px solid #bcb5a9; padding-inline-start:1rem; margin:0 0 1.5rem; }
 .op-form-result { padding:1rem; margin-block:1.5rem; border:1px solid var(--op-clay); line-height:1.6; }
 label { display:block; font-size:.95rem; line-height:1.5; margin-block-end:1.25rem; }
 input:not([type=hidden]) { font:inherit; padding:.75rem; border:1px solid #aaa69d; border-radius:.15rem; background:#faf9f6; color:#222; inline-size:100%; min-inline-size:0; margin-block-start:.4rem; }
 .op-optional { font-size:.8rem; color:#727272; }
 .op-newsletter-privacy { font-size:.8rem; line-height:1.65; color:#626262; margin-block:0 1.5rem; a { color:var(--op-clay); } }
 .op-honeypot { position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); }
 button { white-space:normal; }
}
.op-newsletter-signup .op-kicker,.op-newsletter-explore .op-kicker { font-size:.75rem; letter-spacing:.1em; color:var(--op-clay); text-transform:uppercase; }
.op-newsletter-explore { background:#ece6d7; padding:clamp(2.5rem,5vw,4rem) max(1.5rem,calc((100vw - 65rem)/2)); display:grid; gap:2rem;
 h2 { font-size:clamp(1.65rem,3vw,2.2rem); font-weight:400; text-transform:none; letter-spacing:normal; } p { line-height:1.6; }
 .op-newsletter-links { display:grid; gap:1rem; a { text-decoration:none; display:grid; gap:.7rem; padding:1.5rem; background:#fff; border:1px solid #d9d0bf; >span:first-child { font-size:1.5rem; } >span:last-child { color:var(--op-clay); font-size:.9rem; display:flex; justify-content:space-between; gap:1rem; } &:hover { background:#fffaf0; } } }
}
@media (min-width:600px) { .op-newsletter-names { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; } .op-newsletter-explore .op-newsletter-links { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1000px) { .op-newsletter-signup { grid-template-columns:minmax(0,3fr) minmax(0,5fr); gap:4rem; } }