.subscribe{display:grid;grid-template-columns:1fr minmax(224px,.9fr);gap:clamp(17px,2.8vw,45px);align-items:center;margin-block:calc(var(--section)*.7);padding:clamp(20px,2.8vw,39px);background:var(--peri-soft);border-radius:var(--r-lg);position:relative;overflow:hidden;isolation:isolate}
.subscribe:after{content:"";position:absolute;width:294px;height:294px;right:-98px;top:-112px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--pink),var(--peri) 70%);opacity:.6;z-index:-1}
.subscribe-copy img{display:block;width:31px;height:31px;margin-bottom:11px}
.subscribe-copy h2{font:500 clamp(20px,2.4vw,34px)/1.05 var(--display);letter-spacing:-.045em;margin:8px 0 0;text-wrap:balance}
.subscribe-big .subscribe-copy h2{font-size:clamp(25px,3.5vw,48px)}
.subscribe-copy h2 em{font-style:normal;color:var(--accent)}
.subscribe-copy p{max-width:44ch;margin:11px 0 0;color:var(--plum);font-size:15px;line-height:1.5}
.subscribe-form label{display:block;font:600 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.subscribe-row{display:flex;gap:7px;background:var(--white);padding:4px;border-radius:999px;box-shadow:var(--shadow)}
.subscribe-row input[type=email]{flex:1;min-width:0;border:0;background:none;padding:7px 13px;font-size:15px;color:var(--plum);border-radius:999px}
.subscribe-row input[type=email]:focus-visible{outline-offset:-2px}
.subscribe-row .button{margin-top:0;white-space:nowrap;padding:5px 5px 5px 17px;font-size:14px}
.subscribe-form small{display:block;margin-top:8px;font-size:12px;color:var(--muted)}
.subscribe-form small a{text-decoration:underline}
@media(max-width:860px){.subscribe{grid-template-columns:1fr}}
@media(max-width:520px){.subscribe-row{flex-direction:column;border-radius:var(--r-md);padding:7px}.subscribe-row input[type=email]{padding:9px 10px}.subscribe-row .button{justify-content:center}}