:root{--ink:#111;--paper:#fff}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:var(--paper);color:var(--ink)}
body{font-family:Arial,Helvetica,sans-serif}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.newsletter-landing{min-height:100svh;display:grid;grid-template-rows:auto 1fr;padding:24px 28px 18px;letter-spacing:.08em;text-transform:uppercase}
.newsletter-landing__top{display:flex;justify-content:center;align-items:flex-start;width:100%}
.newsletter-landing__logo{display:block;width:130px;max-width:42vw;flex-shrink:0}
.newsletter-landing__logo img{display:block;width:100%!important;height:100%!important}
.newsletter-landing__main{align-self:center;max-width:700px;padding:60px 0}
.newsletter-landing__eyebrow,.newsletter-landing__note{font-size:10px;line-height:1.45}
.newsletter-landing__eyebrow{margin:0}
.newsletter-landing h1{margin:22px 0 18px;font-weight:400;font-size:clamp(44px,8.2vw,104px);line-height:.88;letter-spacing:-.07em}
.newsletter-landing__signup{margin-top:48px}
.newsletter-landing__form{width:min(100%,440px);border-bottom:1px solid var(--ink);display:flex;gap:8px;align-items:center}
.newsletter-landing__form input{min-width:0;flex:1;border:0;border-radius:0;background:transparent;color:var(--ink);padding:14px 0;font:inherit;font-size:10px;letter-spacing:.08em;outline:none}
.newsletter-landing__form input::placeholder{text-transform:uppercase;color:#666;opacity:1}
.newsletter-landing__form button{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;width:44px;min-height:44px;border:0;border-radius:0;background:transparent;color:var(--ink);padding:0;cursor:pointer;appearance:none}
.newsletter-landing__form button svg{display:block;transition:transform .15s ease}
.newsletter-landing__form button:hover svg{transform:translate(2px,-2px)}
.newsletter-landing__form:focus-within{border-bottom-width:2px}
.newsletter-landing a:focus-visible,.newsletter-landing button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.newsletter-landing__status{max-width:440px;margin:14px 0 0;font-size:11px;line-height:1.6;letter-spacing:.03em;text-transform:none}
.newsletter-landing__status p,.newsletter-landing__status ul{margin:0}
.newsletter-landing__note{margin:10px 0 0;max-width:440px}
.newsletter-landing a{color:inherit}
@media(max-width:600px){
  .newsletter-landing{padding:18px}
  .newsletter-landing__logo{width:105px}
  .newsletter-landing__main{padding:60px 0;max-width:100%;min-width:0}
  .newsletter-landing h1{font-size:clamp(40px,13.2vw,78px)}
  .newsletter-landing__form input{font-size:16px}
  .newsletter-landing__form input::placeholder{font-size:10px}
  .newsletter-landing__note{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.newsletter-landing__form button svg{transition:none}.newsletter-landing__form button:hover svg{transform:none}}
