@font-face{font-family:Bricolage;src:url(bricolage.ttf) format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Geologica;src:url(geologica-light.ttf) format('truetype');font-weight:300;font-display:swap}
:root{--plum:#3c1053;--cream:#efdbb2;--orange:#f5812b;--yellow:#fcd757}
*{box-sizing:border-box}
body{margin:0;background:var(--plum);color:var(--cream);font-family:Geologica,sans-serif;font-size:1rem;line-height:1.6}
.launch{max-width:1200px;min-height:100svh;margin:auto;padding:30px 48px 40px;display:grid;grid-template-columns:minmax(240px,400px) 1fr;column-gap:clamp(40px,7vw,110px);align-items:center}
.brand{grid-column:1/-1;margin-bottom:28px}
.brand img{display:block;width:220px;max-width:100%;height:auto}
.wonder{position:relative;width:100%;max-width:360px;justify-self:center;background:var(--plum)}
video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:20px}
button{position:absolute;bottom:14px;right:14px;border:1px solid var(--cream);border-radius:999px;padding:8px 14px;background:var(--plum);color:var(--cream);font:inherit;font-size:.875rem;cursor:pointer;min-height:44px}
.message{padding:24px 0}
.eyebrow{margin:0 0 18px;font-family:Bricolage,sans-serif;font-weight:650;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow)}
h1{font-family:Bricolage,sans-serif;font-weight:700;font-size:clamp(2.6rem,4.7vw,4.4rem);line-height:1.07;letter-spacing:-.035em;margin:0 0 26px}
.tagline{font-family:Bricolage,sans-serif;font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:600;margin:0 0 18px}
.intro{margin:0 0 28px;max-width:450px}
.coming{margin:0 0 20px;color:var(--yellow)}
a{color:inherit}
.email-button{display:inline-flex;align-items:center;justify-content:center;background:var(--cream);color:var(--plum);min-height:52px;padding:12px 32px;border-radius:999px;text-decoration:none;font-family:Bricolage,sans-serif;font-weight:700;transition:background .2s}
.email-button:hover{background:var(--yellow)}
.email-address{display:block;margin-top:14px;font-size:.875rem;text-underline-offset:5px;width:fit-content}
a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
@media(max-width:700px){.launch{grid-template-columns:1fr;padding:24px 24px 40px;gap:0}.brand{margin-bottom:24px}.brand img{width:180px}.wonder{max-width:265px}.message{text-align:center;padding-top:32px}h1{font-size:clamp(2.2rem,8vw,3.2rem)}.intro{margin-left:auto;margin-right:auto}.email-address{margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.email-button{transition:none}}