.newsletter-page{min-height:100vh}
.newsletter-page .site-header{position:absolute;inset:0 0 auto}
.newsletter-main{--hero-content:min(calc(100% - var(--pad)*2),var(--max));position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc((var(--hero-content) - 64px)/2)) minmax(var(--pad),calc((100% - var(--max))/2));width:100%;margin:0;min-height:clamp(560px,32vw,640px);background:#faf9f6}
.newsletter-copy{grid-column:2;grid-row:1;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:88px 0 70px}
.newsletter-main h1{font-size:clamp(43px,4.3vw,66px);line-height:1.08;max-width:650px}
.newsletter-intro{font-size:17px;line-height:1.65;max-width:510px;margin:28px 0 38px}
#newsletter-form{width:100%}
.newsletter-fields{display:flex;gap:12px;width:100%;max-width:610px}
.newsletter-fields input{min-width:0;flex:1;width:100%;border:1px solid #bdbab2;border-radius:0;background:#fff;color:var(--ink);font:300 16px var(--sans);padding:15px 16px}
.newsletter-fields input:focus{outline:2px solid #111;outline-offset:2px}
.newsletter-fields button{cursor:pointer;font-family:var(--sans);flex-shrink:0}
.newsletter-fields button:disabled{opacity:.55;cursor:wait}
.newsletter-consent{font-size:12px;line-height:1.6;max-width:590px;margin:18px 0 0}
.newsletter-error{font-size:14px;margin:16px 0 0}
.newsletter-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#newsletter-success h2{font-family:var(--sans);font-weight:700;letter-spacing:0;font-size:clamp(36px,4vw,48px);margin:38px 0 16px}
.newsletter-image{position:absolute;inset:0 auto 0 calc(-1 * clamp(48px,5.5vw,80px));width:auto;height:100%;aspect-ratio:16/9;z-index:0;overflow:hidden}
.newsletter-image img{width:100%;max-width:none;height:100%;object-fit:contain;object-position:center}
.newsletter-image::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right,transparent 25%,rgba(250,249,246,.10) 48%,rgba(250,249,246,.65) 70%,rgba(250,249,246,.92) 87%,#faf9f6 100%);pointer-events:none}
.newsletter-image::after{content:"";position:absolute;inset:0 0 auto;height:140px;z-index:2;background:linear-gradient(to bottom,rgba(250,249,246,.91),rgba(250,249,246,0));pointer-events:none}
[hidden]{display:none!important}
@media(max-width:900px){
.newsletter-main{display:flex;flex-direction:column;min-height:0}
.newsletter-copy{order:0;padding:100px var(--pad) 40px}
.newsletter-image{position:relative;inset:auto;order:1;width:100%;height:auto;aspect-ratio:16/9}
.newsletter-image::before{display:none}
.newsletter-image::after{height:40px;background:linear-gradient(to bottom,#faf9f6,rgba(250,249,246,0))}
}
@media(max-width:700px){
.newsletter-copy{padding:88px var(--pad) 40px}
.newsletter-main h1{font-size:clamp(39px,10.4vw,56px);max-width:590px}
.newsletter-intro{font-size:16px;margin:24px 0 30px}
.newsletter-fields{flex-direction:column}
.newsletter-fields .button{align-self:flex-start}
}