section.newsletter{justify-content:space-between;align-items:center;column-gap:calc(var(--col) + var(--g) * 2);padding:var(--sp-section-sm) calc(var(--col) * 2 + var(--g) * 2 + var(--m));background:var(--clr-surface);border-block:1px solid var(--line);z-index:1;display:flex;position:relative}section.newsletter div.text,section.newsletter div.signup{width:calc(var(--col) * 5 + var(--g) * 4)}section.newsletter div.row{align-items:stretch;column-gap:.75rem;display:flex}section.newsletter input{border:1px solid var(--line);background:var(--clr-white);min-width:0;color:var(--clr-black-900);font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.02rem;appearance:none;transition:border-color .3s var(--ease);border-radius:0;flex:1;padding:.85rem 1rem;font-size:1rem;font-weight:500}section.newsletter input::placeholder{color:var(--clr-body-light)}section.newsletter input:focus-visible{outline:1px solid var(--clr-black-900);outline-offset:1px;border-color:var(--clr-black-900)}section.newsletter p.small{color:var(--clr-body-light);margin-top:.75rem}section.newsletter p.done{color:var(--clr-black-900);align-items:center;column-gap:1rem;font-weight:500;display:flex}section.newsletter span.tick{background:var(--clr-celadon-300);flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;display:grid}section.newsletter span.tick svg{width:50%;height:50%}@media not (min-width:58.75rem){section.newsletter{padding-inline:var(--m);flex-direction:column;align-items:stretch;row-gap:1.5rem}section.newsletter div.text,section.newsletter div.signup{width:100%}}@media not (min-width:25rem){section.newsletter div.row{flex-direction:column;row-gap:.75rem}}section.newsletter p.error{color:var(--clr-brick-400);margin-top:.5rem}