@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Teko:wght@400;500;600;700&display=swap');

:root{--kids-ink:#171714;--kids-cream:#f7f5ef;--kids-gold:#c49b45;--kids-gold-dark:#92702d;--kids-line:#dfdcd3;--kids-green:#254d32}
body{margin:0;background:var(--kids-cream);color:var(--kids-ink);font-family:'Barlow',sans-serif}
.birthday-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:center;gap:clamp(32px,6vw,90px);min-height:490px;padding:54px clamp(24px,7vw,110px);background:linear-gradient(125deg,#111820 0%,#202a26 55%,#16231b 100%);color:#fff}
.birthday-copy{max-width:620px}
.eyebrow{margin:0 0 14px;color:#dfbd69;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.birthday-hero .eyebrow{display:flex;align-items:center;gap:10px}
.birthday-hero .eyebrow span{width:22px;height:2px;background:#c91f37}
.birthday-hero h1,.birthday-details h2{font-family:'Teko',sans-serif;font-weight:600;text-transform:uppercase}
.birthday-hero h1{margin:0 0 12px;font-size:clamp(3.4rem,7vw,6rem);line-height:.95;letter-spacing:-.02em}
.lead{max-width:470px;margin:0 0 24px;color:#efeee8;font-size:1.08rem;line-height:1.55}
.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;padding:12px 19px;border-radius:4px;text-decoration:none;text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.04em}
.btn-gold{background:var(--kids-gold);color:#191814}
.btn-dark{background:var(--kids-ink);color:#fff}
.birthday-photo{height:clamp(260px,32vw,410px);margin:0;overflow:hidden;border:1px solid rgba(242,219,155,.55);border-radius:5px;box-shadow:0 20px 55px rgba(0,0,0,.28)}
.birthday-photo img{display:block;width:100%;height:100%;object-fit:cover}
.birthday-details{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,70px);align-items:stretch;padding:clamp(42px,6vw,78px) clamp(24px,7vw,110px)}
.menu-card,.parents-note{padding:clamp(24px,4vw,42px);border:1px solid var(--kids-line);border-radius:5px;background:#fff}
.menu-card .eyebrow{color:var(--kids-gold-dark)}
.birthday-details h2{margin:0 0 12px;font-size:clamp(2rem,3.5vw,3rem);line-height:.98}
.menu-items,.parents-note p{margin:0;color:#5f5d56;font-size:1rem;line-height:1.7}
.menu-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}
.menu-option{overflow:hidden;margin:0;border:1px solid var(--kids-line);border-radius:4px;background:#fff}
.menu-option img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.menu-option figcaption{padding:10px 12px;font-weight:700;font-size:.85rem}
.parents-note{background:#efede5}
.parents-note .btn{margin-top:22px}
@media(max-width:760px){.birthday-hero{grid-template-columns:1fr;gap:26px;min-height:auto;padding:44px 6vw 34px}.birthday-hero h1{font-size:clamp(3.1rem,12vw,4.7rem)}.birthday-photo{height:clamp(230px,62vw,380px)}.birthday-details{grid-template-columns:1fr;padding:34px 6vw 52px}}
@media(max-width:420px){.menu-options{grid-template-columns:1fr}}
