.sombre-mail{--void:#0a0908;--ash:#151210;--panel:#1c1815;--blood:#7d1010;--blood-bright:#c81c1c;--bone:#cec5b8;--bone-dim:#8a8074;--rust:#3a322c;position:relative;width:100%;overflow:hidden;font-family:Assistant,sans-serif;font-weight:400;color:var(--bone);background:radial-gradient(ellipse 60% 45% at 50% 18%,rgba(125,16,16,.2),transparent 70%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(60,10,10,.15),transparent 70%),var(--void)}.sombre-mail *{box-sizing:border-box}.sombre-mail__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sombre-mail__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 18vw 2vw #000000d9}.sombre-mail__main{position:relative;z-index:1;width:100%;max-width:440px;margin:0 auto;padding:8vh 7vw 6vh;display:flex;flex-direction:column;align-items:center;text-align:center}.sombre-mail .hero{display:flex;flex-direction:column;align-items:center;width:100%}.sombre-mail .glow{position:absolute;top:9vh;width:88vw;max-width:460px;height:220px;background:radial-gradient(ellipse at center,rgba(200,28,28,.28),transparent 65%);filter:blur(10px);animation:sombre-flicker 6s infinite ease-in-out;z-index:0;pointer-events:none}@keyframes sombre-flicker{0%,to{opacity:.85;transform:scale(1)}18%{opacity:.55;transform:scale(.97)}32%{opacity:.95;transform:scale(1.02)}47%{opacity:.65;transform:scale(.99)}63%{opacity:.9;transform:scale(1.01)}81%{opacity:.6;transform:scale(.98)}}.sombre-mail .logo-wrap{position:relative;width:min(92vw,520px);z-index:1}.sombre-mail .logo-wrap img{width:100%;display:block;filter:drop-shadow(0 0 22px rgba(200,28,28,.4)) drop-shadow(0 0 46px rgba(200,28,28,.18))}.sombre-mail .logo-fallback{font-family:Assistant,sans-serif;font-weight:800;font-size:clamp(2rem,8vw,3rem);letter-spacing:.05em;color:var(--bone)}.sombre-mail .eyebrow{font-family:Assistant,sans-serif;font-weight:600;letter-spacing:.55em;font-size:11px;color:var(--bone-dim);text-transform:uppercase;margin-top:1.6rem}.sombre-mail .drip-divider{width:min(80vw,420px);height:46px;margin:2.2rem 0 .4rem}.sombre-mail .drip-divider svg{width:100%;height:100%;display:block}.sombre-mail .drip-divider path.line{stroke:var(--blood-bright);stroke-width:1.4;fill:none}.sombre-mail .tagline{font-family:Assistant,sans-serif;font-weight:700;font-size:clamp(1.4rem,4vw,1.9rem);color:var(--bone);letter-spacing:.03em;line-height:1.4;max-width:26ch}.sombre-mail .sub{margin-top:.9rem;font-size:13px;letter-spacing:.06em;color:var(--bone-dim);max-width:38ch;line-height:1.7}.sombre-mail .signup{width:100%;max-width:440px;margin-top:2.6rem;padding:2.6rem 2rem 2.2rem;background:linear-gradient(180deg,var(--panel),var(--ash));border:1px solid var(--rust);position:relative}.sombre-mail .signup:before,.sombre-mail .signup:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--blood-bright);opacity:.7}.sombre-mail .signup:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.sombre-mail .signup:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.sombre-mail form{display:flex;flex-direction:column;gap:1.1rem}.sombre-mail .field label{display:block;text-align:left;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--bone-dim);margin-bottom:.55rem}.sombre-mail .field input{width:100%;background:var(--void);border:1px solid var(--rust);color:var(--bone);font-family:Assistant,sans-serif;font-weight:400;font-size:15px;letter-spacing:.02em;padding:.85rem 1rem;outline:none;transition:border-color .25s ease,box-shadow .25s ease}.sombre-mail .field input::placeholder{color:#544a41}.sombre-mail .field input:focus{border-color:var(--blood-bright);box-shadow:0 0 0 1px var(--blood-bright),0 0 14px #c81c1c59}.sombre-mail .field.error input{border-color:var(--blood-bright)}.sombre-mail .error-msg{display:none;text-align:left;font-size:11px;letter-spacing:.04em;color:var(--blood-bright);margin-top:.45rem}.sombre-mail .field.error .error-msg{display:block}.sombre-mail button[type=submit]{margin-top:.6rem;background:transparent;border:1px solid var(--blood-bright);color:var(--bone);font-family:Assistant,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.35em;text-transform:uppercase;padding:.95rem 1rem;cursor:pointer;position:relative;overflow:hidden;transition:color .3s ease}.sombre-mail button[type=submit]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--blood-bright);transform:translateY(101%);transition:transform .3s cubic-bezier(.7,0,.3,1);z-index:-1}.sombre-mail button[type=submit]:hover:before,.sombre-mail button[type=submit]:focus-visible:before{transform:translateY(0)}.sombre-mail button[type=submit]:hover,.sombre-mail button[type=submit]:focus-visible{color:var(--void)}.sombre-mail .fine-print{margin-top:1.4rem;font-size:10.5px;letter-spacing:.05em;color:var(--bone-dim);line-height:1.6}.sombre-mail .success{display:none;flex-direction:column;align-items:center;gap:.8rem;padding:1rem 0}.sombre-mail .success.show{display:flex}.sombre-mail .success h3{font-family:Assistant,sans-serif;font-weight:700;font-size:1.5rem;color:var(--blood-bright);letter-spacing:.03em}.sombre-mail .success p{font-size:12px;color:var(--bone-dim);letter-spacing:.03em;max-width:32ch;line-height:1.7}.sombre-mail footer{margin-top:5rem;display:flex;flex-direction:column;align-items:center;gap:.9rem}.sombre-mail .links{display:flex;gap:1.6rem;flex-wrap:wrap;justify-content:center}.sombre-mail .links a{color:var(--bone-dim);text-decoration:none;font-size:11px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .25s ease,border-color .25s ease}.sombre-mail .links a:hover{color:var(--blood-bright);border-color:var(--blood-bright)}.sombre-mail footer .copy{font-size:10px;letter-spacing:.14em;color:#4a4139}@media(max-width:480px){.sombre-mail__main{padding:7vh 6vw 6vh}.sombre-mail .signup{padding:2.2rem 1.4rem 1.8rem}}@media(prefers-reduced-motion:reduce){.sombre-mail .glow{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sombre-mailing-list.css.map */