.newsletter{background-color:var(--color-white);padding-block:var(--space-xl);padding-inline:var(--grid-margin);border-top:1px solid rgba(0,0,0,.08)}.newsletter__inner{max-width:1440px;margin-inline:auto;display:flex;align-items:center;gap:var(--space-l)}.newsletter__heading-block{flex:0 0 42%}.newsletter__heading{font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);color:var(--color-black)}.newsletter__brand{color:var(--color-red)}.newsletter__form-block{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.newsletter__label{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-black)}.newsletter__row{display:flex;gap:var(--space-s)}.newsletter__input{flex:1;padding:var(--space-s) var(--space-m);font-family:inherit;font-size:var(--font-size-body);color:var(--color-black);border:1.5px solid rgba(0,0,0,.2);border-radius:8px;outline:none;transition:border-color .2s ease}.newsletter__input::placeholder{color:rgba(0,0,0,.35)}.newsletter__input:focus{border-color:var(--color-indigo)}.newsletter__btn{flex-shrink:0;padding:var(--space-s) var(--space-m);background-color:var(--color-indigo);color:var(--color-white);font-family:inherit;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background-color .2s ease}.newsletter__btn:hover{background-color:var(--color-black)}.newsletter__note{font-size:var(--font-size-caption);color:rgba(0,0,0,.45)}.newsletter__input--error{border-color:var(--color-red);background:rgba(226,23,82,.04)}.newsletter__input--error:focus{border-color:var(--color-red);box-shadow:0 0 0 3px rgba(226,23,82,.12)}.newsletter__error{display:block;margin-top:4px;font-size:var(--font-size-caption);color:var(--color-red)}@media (max-width:768px){.newsletter__inner{flex-direction:column;align-items:flex-start;gap:var(--space-m)}.newsletter__heading-block{flex:none;width:100%}.newsletter__form-block{width:100%}.newsletter__heading{font-size:2.25rem}.newsletter__row{flex-direction:column}.newsletter__btn,.newsletter__input{width:100%}}