.join{position:relative;min-height:100vh;background:transparent;color:var(--archive-white);display:flex;align-items:center;justify-content:center}.join__inner{width:100%;max-width:1440px;margin:0 auto;padding:clamp(88px,12vh,120px) clamp(24px,4vw,70px);display:flex;align-items:center;justify-content:center}.join__signup{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(28px,4vh,60px);width:min(100%,545px);padding-inline:clamp(0px,4vw,80px)}.join__headline{margin:0;font-family:var(--font-obviously-demo);font-size:clamp(32px,5vw,70px);line-height:.95;letter-spacing:.02em;text-transform:uppercase;color:var(--archive-white);max-width:12em;text-shadow:0 2px 24px rgba(0,0,0,.45)}.join__headline-line{display:block}.join__sub{margin:-.5em 0 0;font-family:var(--font-mono);font-size:clamp(12px,1.3vw,18px);font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--archive-white);line-height:1.5}.join__form{width:min(100%,540px);margin:0}.join__row{display:flex;gap:0;width:100%}.join__input{flex:1;min-width:0;padding:20px;background:#181818;border:none;color:var(--archive-white);font-family:var(--font-mono);font-size:16px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;outline:none;transition:box-shadow .3s}.join__input::placeholder{color:#fff3}.join__input:focus{box-shadow:inset 0 0 0 1px var(--pineapple)}.join__submit{flex-shrink:0;padding:20px;background:var(--stack-red);color:var(--heavy-black);font-family:var(--font-mono);font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:none;cursor:pointer;transition:background .3s,transform .3s;white-space:nowrap}.join__submit:hover{background:#ff5f5b;transform:translateY(-1px)}.join__success{margin:0;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:var(--tr);text-transform:uppercase;color:var(--pineapple);line-height:1.6}.join__error{margin:0 0 14px;font-family:var(--font-mono);font-size:12px;color:var(--stack-red);line-height:1.5}.join__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:749px){.join__inner{padding:clamp(88px,14vh,110px) 16px}.join__signup{width:100%;padding-inline:0;gap:14px}.join__headline{font-size:clamp(30px,9.5vw,44px);max-width:none;line-height:.92}.join__sub{font-size:11px;margin-top:0}.join__form{width:100%}.join__input{font-size:11px;padding:14px 12px}.join__submit{font-size:10px;padding:14px 12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/stack-join.css.map */