.page-hero.mailing-list-hero{min-height:100vh;padding-block:clamp(2rem,6vw,5rem)}.mailing-list-hero-layout{display:grid;gap:clamp(1.5rem,4vw,3rem)}.mailing-list-hero-layout>*{min-width:0}.mailing-list-signup{--ui-surface-padding: 20px;position:relative;isolation:isolate;display:flex;width:min(100%,880px);flex-direction:column;overflow:hidden;color:var(--surface);background-color:var(--accent);background-image:radial-gradient(circle at 20% 16%,rgb(255 249 231 / .08),transparent 34%),radial-gradient(circle at 78% 68%,rgb(96 25 16 / .12),transparent 42%)}.mailing-list-signup>:not(.mailing-list-photo){position:relative;z-index:1}.mailing-list-photo{position:absolute;z-index:0;top:0;right:0;width:100%;height:40%;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgb(0 0 0 / .08) 12%,rgb(0 0 0 / .58) 34%,#000 58%);mask-image:linear-gradient(to right,transparent 0%,rgb(0 0 0 / .08) 12%,rgb(0 0 0 / .58) 34%,#000 58%)}.mailing-list-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(to bottom,#000 0 58%,rgb(0 0 0 / .82) 72%,transparent 96%);mask-image:linear-gradient(to bottom,#000 0 58%,rgb(0 0 0 / .82) 72%,transparent 96%)}.page-hero .mailing-list-signup h1{max-width:12ch;margin-bottom:1.5rem;font-size:clamp(3rem,10vw,6.5rem);text-shadow:0 2px 2px rgb(48 13 8 / .48),0 5px 14px rgb(48 13 8 / .42)}.mailing-list-card-intro{max-width:24ch;margin-bottom:clamp(2rem,5vw,3.5rem);font-size:clamp(1.2rem,4vw,2.15rem);line-height:1.28}.mailing-list-signup .form-status{color:var(--ink)}.mailing-list-signup .form-note{align-self:flex-end;margin-top:clamp(1.5rem,4vw,2rem);font-size:clamp(1rem,2.5vw,1.35rem);text-align:right}.mailing-list-note-break{display:none}.mailing-form.mailing-list-form{display:grid;max-width:none;gap:1.5rem}.mailing-form.mailing-list-form label{width:auto;font-size:clamp(1rem,2.5vw,1.35rem)}.mailing-form.mailing-list-form input.form-control{min-height:clamp(4.25rem,11vw,6rem);border-width:2px;border-color:var(--surface);font-size:clamp(1.15rem,3.5vw,1.8rem)}.mailing-list-form .mailing-list-submit{margin-top:20px;justify-self:stretch;white-space:normal}@media(min-width:700px){.mailing-list-signup{--ui-surface-padding: 24px}}@media(min-width:760px){body:has(>main>.mailing-list-hero){display:flex;min-height:100svh;flex-direction:column}body:has(>main>.mailing-list-hero)>main{display:flex;flex:1;flex-direction:column}.page-hero.mailing-list-hero{display:flex;min-height:0;flex:1;padding-block:1rem}.mailing-list-hero-layout{place-items:center}.mailing-list-signup{width:min(100%,720px);max-height:34rem}.mailing-list-photo{width:66%;height:52%}.page-hero .mailing-list-signup h1{max-width:15ch;margin-bottom:.75rem;font-size:clamp(3.25rem,4vw,3.5rem)}.mailing-list-card-intro{max-width:32ch;margin-bottom:1rem;font-size:1.25rem}.mailing-list-signup .form-note{margin-top:1.5rem;font-size:.875rem}.mailing-form.mailing-list-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mailing-form.mailing-list-form .form-status,.mailing-list-form .mailing-list-submit{grid-column:1 / -1}.mailing-form.mailing-list-form label{font-size:1rem}.mailing-form.mailing-list-form input.form-control{min-height:3rem;font-size:1rem}}@media(max-width:759px){.page-hero.mailing-list-hero{min-height:0;padding-block:1rem 15px}.mailing-list-note-break{display:initial}}@media(min-width:700px)and (max-width:759px){.page-hero.mailing-list-hero{padding-top:2rem}}