.h-hero{position:relative;max-width:480px;margin:0 auto}.h-sample{position:absolute;right:14px;bottom:14px;z-index:8;font-size:11px;background:rgba(255,248,239,.9);padding:3px 9px;border-radius:999px;color:var(--brown2)}.h-intro{padding-top:26px;text-align:center}.h-intro h1{font-size:30px;letter-spacing:1px}.h-intro p{line-height:1.8;margin:12px 0 22px}.center{text-align:center}.h-steps{padding-top:34px}.h-family h2,.h-faq h2,.h-steps h2,.h-weeks h2{font-size:21px;margin-bottom:12px}.h-steps ol{list-style:none;padding:0;margin:0;counter-reset:s}.h-steps li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;grid-gap:2px 10px;gap:2px 10px;background:#fff;border-radius:16px;padding:14px 16px;margin-bottom:10px}.h-steps li:before{content:counter(s);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.h-steps li span{font-size:14px;color:var(--brown2);line-height:1.6}.h-weeks{padding-top:34px}.h-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 20px 8px;scroll-snap-type:x mandatory;max-width:480px;margin:0 auto}.h-strip figure{margin:0;flex:none;width:130px;scroll-snap-align:start}.h-strip img{width:130px;height:173px;object-fit:cover;border-radius:12px}.h-strip figcaption{font-size:12px;margin-top:6px;color:var(--brown2);font-family:var(--serif)}.h-family{padding-top:30px}.h-family p{line-height:1.8}.h-faq{padding-top:26px}.h-faq details{background:#fff;border-radius:14px;padding:14px 16px;margin-bottom:8px}.h-faq summary{cursor:pointer;font-weight:500}.h-faq p{margin:10px 0 0;line-height:1.7;color:var(--brown2);font-size:14px}