:root{--cream:#F0E6D4;--peach:#E07868;--ink:#1C1816;--line:#4A3428}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--cream);color:var(--ink);font-family:"Anton",Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.03em;font-weight:400}
.gate{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;border:2px solid var(--line);margin:14px;min-height:calc(100svh - 28px)}
h1{font-weight:400;font-size:clamp(3rem,min(22vw,14svh),10rem);line-height:.98;letter-spacing:.01em;margin-bottom:clamp(20px,3vw,36px)}
.sub{font-size:clamp(1rem,1.6vw,1.2rem);letter-spacing:.08em;margin-bottom:36px}
.waitlist{width:100%;max-width:460px}
.field{display:flex;gap:8px}
input[type=email]{flex:1;min-width:0;font:inherit;text-transform:uppercase;letter-spacing:.06em;font-size:1rem;padding:16px 18px;background:transparent;border:2px solid var(--ink);color:var(--ink);border-radius:0}
input::placeholder{color:rgba(28,24,22,.5)}
input:focus,button:focus{outline:3px solid var(--peach);outline-offset:2px}
button{font:inherit;text-transform:uppercase;letter-spacing:.08em;font-size:1rem;padding:16px 22px;background:var(--peach);color:var(--ink);border:2px solid var(--ink);cursor:pointer;border-radius:0}
button:hover{background:var(--ink);color:var(--cream)}
.thanks{font-size:1.3rem;padding:18px 0}
.ig{margin-top:48px;color:var(--ink);text-decoration:none;letter-spacing:.12em;border-bottom:2px solid var(--peach);padding-bottom:2px}
.hp,.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:520px){.field{flex-direction:column}button{width:100%}}
.badge{display:inline-block;padding:max(8px,.1em);border-radius:max(8px,.09em);margin-top:.12em;line-height:1;background-color:var(--peach);background-image:repeating-linear-gradient(-58deg,rgba(255,255,255,.16) 0 1.4px,rgba(255,255,255,0) 1.4px 2.6px,rgba(120,40,30,.13) 2.6px 3.4px,rgba(255,255,255,0) 3.4px 4.2px);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(120,40,30,.22),inset 0 0 0 1px rgba(120,40,30,.18),0 .06em .16em rgba(74,52,40,.2)}
.badge>span{display:inline-block;background:var(--cream);padding:.08em .18em .03em;border-radius:max(3px,.03em);box-shadow:0 0 0 1px rgba(120,40,30,.25),inset 0 1px 2px rgba(74,52,40,.12)}
.l{display:block;white-space:nowrap}
.tight{letter-spacing:-.025em;word-spacing:-.04em}
@media (min-width:900px) and (min-aspect-ratio:1/1){.top{display:block;white-space:nowrap}.top .l{display:inline}.l.tight{display:inline;letter-spacing:.01em;word-spacing:0}h1{font-size:min(9vw,20svh);line-height:1.18}.badge{margin-top:0;margin-left:.08em;vertical-align:baseline;position:relative;top:.03em}}
.sub>span{display:block;white-space:nowrap}