@layer tokens,base,components;@layer components{.newsletter{background:var(--ink);color:#fff;padding:clamp(5rem,12vh,9rem) var(--px);position:relative;overflow:hidden}.newsletter:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 80% 20%,rgba(48,160,179,.22),transparent 65%),radial-gradient(50% 50% at 10% 90%,rgba(20,125,142,.18),transparent 65%);pointer-events:none}.newsletter-inner{position:relative;z-index:1;max-width:var(--container);margin-inline:auto;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1rem,2vh,1.5rem)}.newsletter-eyebrow{font-family:var(--font-body);font-size:.9375rem;font-weight:400;color:#ffffff8c;letter-spacing:0;text-transform:none}.newsletter h2{font-family:var(--font-display);font-size:clamp(2.25rem,4.2vw,3.75rem);font-weight:400;line-height:1.05;letter-spacing:-.025em;max-width:22ch;color:#fff}.newsletter-form{margin-top:clamp(1.5rem,3vh,2rem);display:flex;align-items:center;gap:.5rem;width:100%;max-width:32rem}.newsletter-form input{flex:1;min-width:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:14px 22px;color:#fff;font-family:var(--font-body);font-size:.9375rem;border-radius:100px;outline:none;transition:border-color .2s ease,background .2s ease}.newsletter-form input::placeholder{color:#ffffff73}.newsletter-form input:focus{background:#ffffff1f;border-color:#ffffff59}.newsletter-form button{padding:14px 26px;border-radius:100px;background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:.9375rem;font-weight:500;letter-spacing:0;white-space:nowrap;border:1px solid var(--white);transition:background .2s ease,color .2s ease,transform .2s ease}.newsletter-form button:hover{background:transparent;color:var(--white);transform:translateY(-1px)}.newsletter-fine{margin-top:.25rem;font-size:.8125rem;color:#ffffff80;line-height:1.5}.newsletter-fine a{color:#ffffffbf;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.newsletter-fine a:hover{color:var(--white)}@media(max-width:600px){.newsletter-form{flex-direction:column;align-items:stretch;gap:.625rem;max-width:100%}.newsletter-form input,.newsletter-form button{width:100%;padding:16px 22px}}}