:root{color-scheme:dark;--paper:#e9e1d3;--muted:#b8b4aa;--charcoal:#171816;--line:#615f56;--font:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--charcoal);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.065' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--paper);outline-offset:6px}input:focus-visible{outline:2px solid var(--paper);outline-offset:3px}[hidden]{display:none!important}
.page{width:min(1420px,100%);padding:30px 56px 22px;margin:auto;min-height:100svh;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:30px}.brand{width:205px;display:block;flex-shrink:0}.brand img{width:100%;height:auto;display:block;filter:grayscale(1) sepia(.13)}.socials{display:flex;gap:34px}.socials a,.eyebrow,.footer{font-family:'Courier New',monospace;text-transform:uppercase;font-size:.875rem;letter-spacing:.12em}.socials a{padding:8px 0;border-bottom:1px solid var(--line)}.socials a:hover{border-color:var(--paper)}
.hero{flex:1;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:66px;padding:28px 0 48px;min-height:640px}
.artwork{align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}.artwork img{display:block;width:100%;max-width:535px;height:auto;max-height:720px;object-fit:contain;filter:grayscale(1) sepia(.13)}
.signup{width:100%;padding:16px 0}.eyebrow{margin:0 0 24px;color:var(--paper);line-height:1.6}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(3.4rem,5.7vw,5.5rem);font-weight:800;line-height:.96;letter-spacing:-.015em;margin:0 0 24px}h1 span{display:block}.intro{margin:0 0 32px;font-size:1.0625rem;line-height:1.6;max-width:33rem}.field,.phone-field{border:1px solid #8a877b;background:transparent;border-radius:0;color:var(--paper);width:100%;min-height:62px;padding:18px 20px;font-size:1rem}.field::placeholder,.phone-field input::placeholder{color:#c8c2b7;opacity:1}.join{margin-top:14px;width:100%;min-height:62px;border:1px solid var(--paper);border-radius:0;background:var(--paper);color:var(--charcoal);text-transform:uppercase;font-size:1rem;font-weight:700;letter-spacing:.02em;padding:16px 18px;transition:background .18s}.join:hover{background:#fff7e8}.join:active{transform:translateY(1px)}
.consent{display:flex;align-items:flex-start;gap:12px;font-size:.875rem;line-height:1.65;color:#d6d0c5}.consent input{width:20px;height:20px;flex:0 0 20px;margin:2px 0 0;accent-color:var(--paper);cursor:pointer}.email-consent{margin-top:24px}.text-link{display:inline-block;border:0;border-bottom:1px solid #8a877b;padding:3px 0 6px;background:transparent;color:var(--paper);font-family:'Courier New',monospace;font-size:.875rem;line-height:1.5;letter-spacing:.035em;margin-top:26px}.text-link:hover{border-color:var(--paper)}.preview-note{font-size:.75rem;color:#aaa69c;margin:20px 0 0;line-height:1.5}
.sms-fields{margin-top:20px}.field-label{display:block;font-size:.875rem;margin-bottom:10px}.phone-field{display:flex;gap:16px;align-items:center;padding:0 20px}.phone-field>span{border-right:1px solid var(--line);padding-right:16px;color:var(--muted)}.phone-field input{background:transparent;border:0;border-radius:0;color:var(--paper);width:100%;min-width:0;padding:18px 0}.phone-field input:focus-visible{outline:none}.phone-field:focus-within{outline:2px solid var(--paper);outline-offset:3px}.small{font-size:.8125rem;line-height:1.6;color:var(--muted);margin:12px 0 20px}.success{border-top:1px solid var(--line);padding-top:28px}.success .eyebrow{margin-bottom:14px}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;text-transform:uppercase;font-size:3rem;line-height:1.05;margin:0 0 18px}.success p:not(.eyebrow){font-size:1rem;line-height:1.65;max-width:28rem}
.footer{border-top:1px solid #8a877b;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.75rem;line-height:1.5;color:#d0c9be}.footer>a{text-transform:none}.footer>div{display:flex;gap:26px;align-items:center}.footer button{font:inherit;color:inherit;background:none;border:0;border-left:1px solid var(--line);padding:0 0 0 26px;text-transform:uppercase;letter-spacing:inherit}.footer a:hover,.footer button:hover{color:#fff}
dialog{color:var(--paper);background:#1b1c19;border:1px solid var(--line);width:min(520px,calc(100% - 32px));padding:40px}dialog::backdrop{background:rgba(0,0,0,.72)}dialog>p:not(.eyebrow){font-size:1rem;line-height:1.7;color:#d6d0c5}.dialog-close{position:absolute;right:12px;top:8px;color:var(--paper);font-size:2rem;background:none;border:0;width:40px;height:40px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1550px){.hero{min-height:760px}}
@media(max-width:1020px){.page{padding:24px 34px 22px}.hero{gap:34px;min-height:580px}.brand{width:175px}h1{font-size:clamp(3rem,6.5vw,4.2rem)}.intro{font-size:1rem}.artwork img{max-height:620px}}
@media(max-width:700px){.page{padding:20px 24px 22px}.header{flex-direction:column-reverse;gap:30px;padding:0;min-height:0}.socials{align-self:flex-end;gap:24px}.socials a{font-size:.75rem;padding:4px 0;letter-spacing:.08em}.brand{width:220px}.hero{grid-template-columns:1fr;gap:22px;min-height:0;padding:24px 0 46px}.artwork{height:245px;align-self:auto}.artwork img{height:100%;width:auto;max-width:100%}.signup{padding:0;text-align:center}.eyebrow{font-size:.8125rem;margin-bottom:14px}h1{font-size:clamp(2.8rem,10.4vw,4.2rem);line-height:.98;margin-bottom:20px}.intro{font-size:1rem;max-width:320px;margin:0 auto 25px}.field{text-align:left;min-height:58px;padding:17px 18px}.join{min-height:58px}.consent{text-align:left;line-height:1.6}.email-consent{margin-top:20px}.text-link{margin-top:22px}.preview-note{margin-top:18px}.sms-fields{text-align:left}.success p:not(.eyebrow){margin-left:auto;margin-right:auto}.footer{font-size:.6875rem;letter-spacing:.08em;gap:12px;padding-top:18px}.footer>div{gap:12px}.footer button{padding-left:12px}dialog{padding:34px 24px}}
@media(max-width:700px){.page{min-height:0;padding:16px 22px 20px}.header{gap:17px}.brand{width:172px}.hero{flex:0 0 auto;gap:18px;padding:16px 0 28px}.signup .eyebrow{margin-bottom:9px}.intro{margin-bottom:22px}.email-consent{margin-top:16px}.text-link{margin-top:18px}.preview-note{margin-top:14px}.footer{margin-top:0;font-size:.75rem;letter-spacing:.03em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-simple{grid-template-columns:1fr;width:min(620px,100%);margin:0 auto;gap:0;min-height:0;padding:58px 0 64px}
.hero-simple .signup{text-align:center}.hero-simple .intro{margin-left:auto;margin-right:auto}.hero-simple .consent,.hero-simple .sms-fields{text-align:left}.hero-simple .success p:not(.eyebrow){margin-left:auto;margin-right:auto}
@media(max-width:700px){.hero-simple{padding:32px 0 32px}}