.newsletter{position:relative;display:flex;flex-direction:column;gap:var(--grid-desktop-vertical-spacing);background:rgb(var(--color-light-blue));border-radius:.8rem;padding:2.4rem;overflow:hidden;height:50rem}@media screen and (min-width: 750px){.newsletter{height:60rem}}.newsletter .page-width{padding:0}.newsletter h2{margin-top:0;margin-bottom:1.2rem;line-height:1}.newsletter__subheading{margin-bottom:.8rem}.newsletter-form__field-wrapper{display:flex;align-items:flex-end;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.newsletter .field__input{outline:none;border-bottom:solid .1rem rgba(var(--color-foreground),1);border-radius:0;padding-left:0;padding-right:6rem}.newsletter .field__label,.newsletter .field__input:focus label,.newsletter .field__input:focus~.field__label{left:0}.newsletter .field__input:focus~.field__label{top:0}.newsletter .field__input:focus label{left:0}@media (min-width: 750px){.newsletter-form__field-wrapper{column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}}.newsletter__banner-image{position:absolute;top:-20rem;right:0;left:0;pointer-events:none}@media screen and (min-width: 750px){.newsletter__banner-image{top:-10rem}}.newsletter__banner-image:before{content:" ";display:block;top:0;right:0;bottom:0;left:0;position:absolute;background-color:rgba(var(--color-black),var(--opacity))}.newsletter__banner-image img{object-fit:cover;width:100%}
