.nat-diaper-story{--diaper-ink:#172521;--diaper-paper:#f5f3ed;--diaper-green:#1f5c4b;--diaper-lime:#c7ef72;--diaper-muted:#52615a;--diaper-line:#e2dac9;color:var(--diaper-ink);display:block;margin:clamp(4rem,9vw,8rem) auto 0;max-width:1280px;padding:0 clamp(1rem,4vw,3rem)}
.nat-diaper-story *,.nat-diaper-story *:before,.nat-diaper-story *:after{box-sizing:border-box}
.nat-diaper-story__intro{margin:0 auto clamp(3rem,7vw,6rem);max-width:54rem;text-align:center}
.nat-diaper-story__intro h2,.nat-diaper-story__value h2,.nat-diaper-story__planner h2{color:var(--diaper-ink);font:600 clamp(2.2rem,5vw,4.8rem)/1.02 Fraunces,Georgia,serif;letter-spacing:-.04em;margin:0}
.nat-diaper-story__intro p,.nat-diaper-story__chapter p,.nat-diaper-story__value>div>p,.nat-diaper-story__planner p,.nat-diaper-story__closing{color:#415049;font:400 1rem/1.72 "DM Sans",Inter,sans-serif}
.nat-diaper-story__intro p{font-size:clamp(1.05rem,1.7vw,1.3rem);margin:1.1rem auto 0;max-width:43rem}
.nat-diaper-story__journey{align-items:start;display:grid;gap:clamp(2rem,6vw,6rem);grid-template-columns:minmax(0,1.08fr) minmax(19rem,.92fr);margin:0 auto;max-width:1160px}
.nat-diaper-story__visual{margin:0;position:sticky;top:5rem}
.nat-diaper-story__image-frame{aspect-ratio:1;background:#e7e2d6;border:1px solid var(--diaper-line);border-radius:1.2rem;overflow:hidden;position:relative}
.nat-diaper-story__image{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}
.nat-diaper-story__image:not(.is-active){display:none}
.nat-diaper-story__visual figcaption{color:var(--diaper-muted);font:500 .85rem/1.5 "DM Sans",Inter,sans-serif;margin:.85rem 0 0}
.nat-diaper-story__chapter{border-top:1px solid var(--diaper-line);display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:clamp(2rem,4vw,3.5rem) 0}
.nat-diaper-story__chapter:last-child{border-bottom:1px solid var(--diaper-line)}
.nat-diaper-story__chapter h3{color:var(--diaper-ink);font:600 clamp(1.65rem,3vw,2.7rem)/1.08 Fraunces,Georgia,serif;letter-spacing:-.03em;margin:0 0 .8rem}
.nat-diaper-story__chapter>p{margin:0;max-width:36rem}
.nat-diaper-story__mobile-image{display:none}
.nat-diaper-story__value{background:#fff;border:1px solid var(--diaper-line);border-radius:1.15rem;box-shadow:0 1rem 2.8rem #17252112;display:grid;gap:clamp(1.5rem,4vw,4rem);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);margin:clamp(4rem,8vw,7rem) auto 0;max-width:1160px;padding:clamp(1.3rem,4vw,3rem)}
.nat-diaper-story__value h2,.nat-diaper-story__planner h2{font-size:clamp(1.8rem,3vw,2.8rem)}
.nat-diaper-story__value>div>p{margin:.9rem 0}
.nat-diaper-story__value .nat-diaper-story__boundary{border-top:1px solid var(--diaper-line);font-size:.88rem;margin-top:1.2rem;padding-top:1rem}
.nat-diaper-story__checklist{align-self:center;display:grid;gap:.8rem;list-style:none;margin:0;padding:0}
.nat-diaper-story__checklist li{border-bottom:1px solid var(--diaper-line);color:#34433e;font:600 .95rem/1.5 "DM Sans",Inter,sans-serif;padding:0 0 .8rem 1.65rem;position:relative}
.nat-diaper-story__checklist li:before{background:var(--diaper-lime);border:1px solid var(--diaper-green);border-radius:50%;content:"✓";font:700 .7rem/1.15 "DM Sans",Inter,sans-serif;height:1.1rem;left:0;padding:.1rem;position:absolute;text-align:center;top:.15rem;width:1.1rem}
.nat-diaper-story__planner{align-items:center;background:linear-gradient(135deg,#fff 0%,var(--diaper-paper) 100%);border:1px solid var(--diaper-line);border-top:4px solid var(--diaper-green);border-radius:1rem;box-shadow:0 .9rem 2.3rem #17252114;display:flex;gap:2rem;justify-content:space-between;margin:clamp(3rem,6vw,5rem) auto 0;max-width:1160px;padding:clamp(1.5rem,3vw,2.4rem)}
.nat-diaper-story__planner h2{margin:0 0 .55rem}
.nat-diaper-story__planner p{margin:0;max-width:44rem}
.nat-diaper-story__download{align-items:center;background:var(--diaper-lime);border:1px solid var(--diaper-ink);border-radius:14px;box-shadow:0 .4rem 1.1rem #1725211f;color:var(--diaper-ink);display:inline-flex;flex:none;font:700 .86rem/1.35 "DM Sans",Inter,sans-serif;gap:.65rem;justify-content:center;padding:.95rem 1.2rem;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.nat-diaper-story__download:hover{box-shadow:0 .65rem 1.3rem #17252126;transform:translateY(-2px)}
.nat-diaper-story__download:focus-visible{outline:3px solid var(--diaper-green);outline-offset:4px}
.nat-diaper-story__closing{font:500 clamp(1.2rem,2vw,1.5rem)/1.5 Fraunces,Georgia,serif;margin:1.4rem auto 0;max-width:1160px}
.nat-diaper-story.is-ready [data-diaper-chapter]{opacity:.55;transition:opacity .25s ease}
.nat-diaper-story.is-ready [data-diaper-chapter].is-active{opacity:1}
@media(max-width:760px){.nat-diaper-story__intro{margin-bottom:2.5rem;text-align:left}.nat-diaper-story__journey{display:block}.nat-diaper-story__visual{display:none}.nat-diaper-story__chapter{display:block;min-height:0;padding:1.5rem 0}.nat-diaper-story__mobile-image{aspect-ratio:1;border:1px solid var(--diaper-line);border-radius:1rem;display:block;margin:0 0 1.15rem;object-fit:cover;width:100%}.nat-diaper-story__value{grid-template-columns:1fr}.nat-diaper-story__planner{align-items:flex-start;flex-direction:column}.nat-diaper-story__download{width:100%}.nat-diaper-story.is-ready [data-diaper-chapter]{opacity:1;transition:none}}
@media(prefers-reduced-motion:reduce){.nat-diaper-story__download{transition:none}.nat-diaper-story__download:hover{transform:none}.nat-diaper-story.is-ready [data-diaper-chapter]{opacity:1;transition:none}}
