@layer components{.newsletter-landing{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-surface);& .newsletter-landing__inner{flex:auto;display:grid;grid-template-columns:minmax(0,320px)minmax(0,1fr);align-items:center;gap:var(--space-xl);width:100%;max-width:1e3px;margin-inline:auto;padding:var(--space-2xl)var(--space-l);@media(max-width:820px){grid-template-columns: minmax(0,1fr); justify-items: center; text-align: center; gap: var(--space-l); padding-block: var(--space-xl);}}& .newsletter-landing__cover{position:relative;width:min(320px,70vw);&::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:2px solid var(--color-accent);border-radius:4px;z-index:0}}& .newsletter-landing__cover-image{position:relative;z-index:1;border-radius:4px;box-shadow:0 30px 60px rgb(0 0 0/.2)}& .newsletter-landing__body{display:flex;flex-direction:column;gap:var(--space-s);max-width:34rem}& .newsletter-landing__eyebrow{margin:0;font-size:var(--size-step--1,.85rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}& .newsletter-landing__title{margin:0;font-size:var(--size-step-3);font-weight:900;line-height:1.05;color:var(--color-text)}& .newsletter-landing__lead{margin:0;font-size:var(--size-step-0);line-height:1.7;color:var(--color-text)}& .newsletter-landing__lead--last{font-weight:600}& .newsletter-landing__form{margin-top:var(--space-xs);padding:var(--space-m);background-color:var(--color-surface-mixed);border:1px solid var(--color-border);border-radius:12px;text-align:start}& .newsletter-landing__promise{margin:0;font-size:.85rem;line-height:1.6;color:var(--color-text-muted)}& .newsletter-landing__foot{padding:var(--space-m)var(--space-l)var(--space-l);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted)}& .newsletter-landing__links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)var(--space-m);margin:0 0 var(--space-xs);padding:0;list-style:none;font-size:.9rem;& a{color:var(--color-text-muted);text-decoration:none;&:hover{color:var(--color-accent);opacity:1}}}& .newsletter-landing__copyright{margin:0;font-size:.8rem}}@media(prefers-color-scheme:dark){.newsletter-landing{& .newsletter-landing__cover-image{box-shadow:0 30px 60px rgb(0 0 0/.55)}& .newsletter-landing__form{background-color:var(--color-surface-mixed);border-color:transparent;box-shadow:0 1px rgb(255 255 255/6%)inset}}}}.newsletter-landing__cover>.progressive-image-container{width:100%;aspect-ratio:2/3}