.subscribe-section{text-align:center;padding:8rem 2rem}.subscribe-heading{text-transform:uppercase;letter-spacing:-.03em;margin-bottom:1rem;font-size:4rem;font-weight:700}.subscribe-sub{font-family:var(--font-pp-supply-mono),"PP Supply Mono",monospace;opacity:.5;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3rem;font-size:1.2rem}.subscribe-form{justify-content:center;gap:0;max-width:500px;margin:0 auto;display:flex}.subscribe-input{font-family:var(--font-pp-supply-mono),"PP Supply Mono",monospace;color:var(--warm-off-white);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid #f8f5f233;outline:none;flex:1;padding:1rem 1.5rem;font-size:1.1rem;transition:border-color .3s}.subscribe-input::placeholder{color:var(--warm-off-white);opacity:.3}.subscribe-input:focus{border-color:#f8f5f299}.subscribe-btn{font-family:var(--font-pp-supply-mono),"PP Supply Mono",monospace;background:var(--warm-off-white);color:var(--warm-off-black);border:1px solid var(--warm-off-white);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:1rem 2.5rem;font-size:1.1rem;transition:opacity .3s}.subscribe-btn:hover{opacity:.8}.subscribe-btn:disabled,.subscribe-input:disabled{opacity:.5;cursor:not-allowed}.subscribe-message{font-family:var(--font-pp-supply-mono),"PP Supply Mono",monospace;text-transform:uppercase;letter-spacing:.05em;margin-top:1rem;font-size:1rem}.subscribe-success{color:var(--warm-off-white);opacity:.8}.subscribe-error{color:#e85454;text-align:center;width:100%}.subscribe-glitch-container{position:relative;overflow:hidden}.subscribe-glitch-in{animation:.8s cubic-bezier(.22,1,.36,1) forwards glitchIn;position:relative}.subscribe-glitch-in:before,.subscribe-glitch-in:after{content:attr(data-text);opacity:.8;position:absolute;top:0;left:0;right:0;overflow:hidden}.subscribe-glitch-in:before{color:var(--warm-off-white);clip-path:inset(0 0 60%);animation:.8s cubic-bezier(.22,1,.36,1) forwards glitchLayer1}.subscribe-glitch-in:after{color:var(--warm-off-white);clip-path:inset(40% 0 0);animation:.8s cubic-bezier(.22,1,.36,1) forwards glitchLayer2}@keyframes glitchIn{0%{opacity:0;filter:blur(4px);transform:translate(-4px)skew(-2deg)}10%{opacity:1;filter:blur();transform:translate(6px)skew(3deg)}20%{filter:blur(2px);transform:translate(-3px)skew(-1.5deg)}30%{filter:blur();transform:translate(2px)skew(1deg)}40%{opacity:.7;transform:translate(-1px)skew(-.5deg)}50%{opacity:1;transform:translate(0)skew(0)}60%{opacity:.9;transform:translate(1px)}70%{opacity:1;transform:translate(0)}to{opacity:.8;filter:blur();transform:translate(0)skew(0)}}@keyframes glitchLayer1{0%{opacity:0;transform:translate(8px)}15%{opacity:.6;transform:translate(-5px)}25%{transform:translate(3px)}35%{opacity:.3;transform:translate(-2px)}50%{opacity:0;transform:translate(0)}to{opacity:0;transform:translate(0)}}.subscribe-glitch-error{animation:.6s cubic-bezier(.22,1,.36,1) forwards glitchError;position:relative}.subscribe-glitch-error:before,.subscribe-glitch-error:after{content:attr(data-text);position:absolute;top:0;left:0;right:0;overflow:hidden}.subscribe-glitch-error:before{color:#e85454;clip-path:inset(0 0 50%);animation:.6s cubic-bezier(.22,1,.36,1) forwards glitchErrorLayer1}.subscribe-glitch-error:after{color:#f22;clip-path:inset(50% 0 0);animation:.6s cubic-bezier(.22,1,.36,1) forwards glitchErrorLayer2}@keyframes glitchError{0%{opacity:0;transform:translate(8px)skew(4deg)}10%{opacity:1;transform:translate(-6px)skew(-3deg)}20%{transform:translate(4px)skew(2deg)}30%{transform:translate(-3px)skew(-1deg)}40%{transform:translate(2px)}50%{transform:translate(-1px)}to{opacity:1;transform:translate(0)skew(0)}}@keyframes glitchErrorLayer1{0%{opacity:0;transform:translate(-10px)}10%{opacity:.7;transform:translate(6px)}20%{transform:translate(-4px)}30%{opacity:.4;transform:translate(2px)}40%{opacity:0;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes glitchErrorLayer2{0%{opacity:0;transform:translate(8px)}15%{opacity:.6;transform:translate(-5px)}25%{transform:translate(3px)}35%{opacity:0;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes glitchLayer2{0%{opacity:0;transform:translate(-6px)}10%{opacity:.5;transform:translate(4px)}20%{transform:translate(-3px)}30%{opacity:.2;transform:translate(1px)}45%{opacity:0;transform:translate(0)}to{opacity:0;transform:translate(0)}}@media (max-width:768px){.subscribe-heading{font-size:2.5rem}.subscribe-form{flex-direction:column}}