.birthday-page{padding-bottom:clamp(48px,8vw,96px)}.birthday-hero__inner{align-items:center}.birthday-hero__copy{max-width:640px}.birthday-hero .hero__title{max-width:10ch;font-size:clamp(48px,6.4vw,96px)}.birthday-hero__visual{min-height:clamp(320px,52vw,520px)}.birthday-hero__caption{z-index:1;max-width:32ch;color:var(--paper);background:color-mix(in srgb, var(--ink) 62%, transparent);border-radius:16px;margin:0;padding:12px 14px;font-size:13px;line-height:1.4;position:absolute;bottom:16px;left:16px;right:16px}.birthday-story__head{max-width:640px;margin-bottom:clamp(20px,3vw,32px)}.birthday-story__head .h2{max-width:16ch;margin:0}.birthday-story__grid{gap:16px;display:grid}.birthday-story__card{border-radius:20px;flex-direction:column;gap:12px;padding:clamp(22px,3vw,32px);display:flex}.birthday-story__title{max-width:16ch;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.45rem,2.4vw,2rem);font-weight:500;line-height:1.1}.birthday-story__body{max-width:36ch;margin:0}.birthday-story__body a{color:inherit;text-underline-offset:3px}@media (min-width:800px){.hero__inner.birthday-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center}.birthday-story__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.birthday-card{border-radius:20px;flex-direction:column;gap:16px;max-width:560px;margin-top:clamp(8px,2vw,20px);padding:clamp(24px,4vw,36px);display:flex}.birthday-fields{flex-direction:column;gap:14px;display:flex}.birthday-field{flex-direction:column;gap:6px;display:flex}.birthday-optional{color:var(--muted);margin-left:8px;font-weight:400}.birthday-when{grid-template-columns:1fr 1fr;gap:12px;display:grid}.birthday-stepper{align-items:center;gap:10px;display:flex}.birthday-stepper__btn{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:12px;font-size:22px;line-height:1}.birthday-stepper__btn:hover{border-color:var(--ink)}.birthday-stepper__btn:focus-visible{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 8%, transparent);outline:none}.birthday-stepper__value{text-align:center;font-variant-numeric:tabular-nums;width:4.5rem}.birthday-note{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.birthday-error{color:#b91c1c;margin:0;font-size:14px;line-height:1.55}@media (max-width:560px){.birthday-when{grid-template-columns:1fr}}