/* Heavy Dough coming soon page. Colours: blush #FFD3E8, raspberry #B8185C, milk chocolate #7A4A32, cream #FFF4DC */
:root{
  --blush:#FFD3E8; --raspberry:#B8185C; --choc:#7A4A32; --cream:#FFF4DC; --paper:#FFFDF7;
  --radius:20px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background-color:var(--blush); color:var(--choc);
  font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; line-height:1.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cg%3E%3Crect x='20' y='30' width='18' height='7' rx='3.5' fill='%23FF4FA3' transform='rotate(30 29 33)'/%3E%3Crect x='120' y='70' width='18' height='7' rx='3.5' fill='%23B8185C' transform='rotate(-40 129 73)'/%3E%3Crect x='250' y='40' width='18' height='7' rx='3.5' fill='%23FFF4DC' transform='rotate(70 259 43)'/%3E%3Crect x='60' y='140' width='18' height='7' rx='3.5' fill='%237EC8FF' transform='rotate(-20 69 143)'/%3E%3Crect x='200' y='150' width='18' height='7' rx='3.5' fill='%237A4A32' transform='rotate(55 209 153)'/%3E%3Crect x='290' y='210' width='18' height='7' rx='3.5' fill='%23FF4FA3' transform='rotate(-60 299 213)'/%3E%3Crect x='30' y='250' width='18' height='7' rx='3.5' fill='%23FFF4DC' transform='rotate(15 39 253)'/%3E%3Crect x='150' y='260' width='18' height='7' rx='3.5' fill='%23B8185C' transform='rotate(-75 159 263)'/%3E%3Crect x='230' y='290' width='18' height='7' rx='3.5' fill='%237EC8FF' transform='rotate(35 239 293)'/%3E%3C/g%3E%3C/svg%3E");
}
a{color:var(--raspberry);font-weight:700}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--choc);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--raspberry);color:var(--cream);padding:.7rem 1rem;z-index:10}
.skip:focus{left:0}

.hero{max-width:640px;margin:0 auto;padding:2.5rem 1.25rem 1rem;text-align:center}
.pill{display:inline-block;margin:0 0 1.25rem;padding:.45rem 1rem;border:2px solid var(--raspberry);border-radius:999px;background:var(--cream);color:var(--raspberry);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.cookie{display:block;width:min(52vw,240px);height:auto;margin:0 auto .5rem;filter:drop-shadow(0 14px 14px rgba(122,74,50,.25))}
@media (prefers-reduced-motion:no-preference){.cookie{animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(-2deg)}}}

.wordmark{
  margin:0;font-family:Anton,Impact,"Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:.04em;
  font-size:clamp(3.4rem,17vw,7rem);color:var(--cream);
  text-shadow:
    -.03em -.03em 0 var(--raspberry), 0 -.03em 0 var(--raspberry), .03em -.03em 0 var(--raspberry),
    -.03em 0 0 var(--raspberry), .03em 0 0 var(--raspberry),
    -.03em .03em 0 var(--raspberry), 0 .03em 0 var(--raspberry), .03em .03em 0 var(--raspberry),
    .06em .06em 0 var(--raspberry);
}
.tagline{margin:.9rem 0 0;font-family:Caveat,cursive;font-weight:700;font-size:clamp(1.8rem,7vw,2.6rem);color:var(--raspberry);line-height:1.1}
.lead{margin:1rem auto 1.75rem;max-width:34ch;font-size:1.1rem}

.card{background:var(--paper);border:2px solid var(--choc);border-radius:var(--radius);padding:1.4rem 1.25rem;text-align:left;box-shadow:0 14px 30px rgba(122,74,50,.22)}
.card h2{margin:0 0 .25rem;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:1.9rem;letter-spacing:.03em;color:var(--raspberry);text-transform:uppercase}
.muted{color:var(--choc);margin:0 0 1rem}
.small{font-size:.85rem}
label{display:block;font-weight:700;font-size:.9rem;margin-bottom:.35rem}
.row{display:flex;gap:.6rem;flex-wrap:wrap}
input[type=email]{flex:1 1 200px;min-width:0;padding:.85rem 1rem;border:2px solid var(--raspberry);border-radius:999px;font:inherit;font-size:1rem;color:var(--choc);background:#fff}
button{padding:.85rem 1.4rem;border:2px solid var(--raspberry);border-radius:999px;background:var(--raspberry);color:var(--cream);font:inherit;font-weight:700;font-size:1rem;cursor:pointer}
button:hover{background:#9c1250}
button[disabled]{opacity:.7;cursor:wait}
.check{display:flex;gap:.6rem;align-items:flex-start;margin:1rem 0 0;font-weight:400;font-size:.85rem}
.check input{width:1.25rem;height:1.25rem;margin-top:.1rem;accent-color:var(--raspberry);flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.status{min-height:1.4em;margin:.9rem 0 0;font-weight:700;font-size:.95rem}
.status.ok{color:#1b6b3a}.status.err{color:#a30e0e}

.points{max-width:960px;margin:0 auto;padding:2.5rem 1.25rem}
.section-title{margin:0 0 1.25rem;text-align:center;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:2.2rem;letter-spacing:.03em;text-transform:uppercase;color:var(--raspberry)}
.grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.point{display:flex;gap:1rem;align-items:center;background:var(--paper);border:2px solid var(--choc);border-radius:var(--radius);padding:1rem 1.1rem}
.point svg{width:56px;height:56px;flex:none}
.ring{fill:var(--blush);stroke:var(--raspberry);stroke-width:2}
.point h3{margin:0;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:1.3rem;letter-spacing:.03em;text-transform:uppercase;color:var(--raspberry)}
.point p{margin:.15rem 0 0;font-size:.95rem}

footer{background:var(--raspberry);color:var(--cream);text-align:center;padding:2rem 1.25rem 2.5rem}
footer a{color:var(--cream)}
footer .muted{color:var(--cream);margin:.25rem 0}
.insta{margin:0 0 .5rem;font-size:1.1rem}

.socials{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin:1.5rem 0 0}
.social{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.1rem;border:2px solid var(--raspberry);border-radius:999px;background:var(--cream);color:var(--raspberry);text-decoration:none;font-weight:500;font-size:.95rem;text-align:left}
.social:hover{background:#fff}
.social svg{width:24px;height:24px;flex:none}
.social b{font-weight:700}