.life-slideshow{background:#080808;padding:35px 5% 26px;position:relative;border-bottom:1px solid #ffffff20;scroll-margin-top:20px}
.life-stage{position:relative;width:100%;max-width:1100px;height:clamp(360px,65vw,680px);margin:0 auto;overflow:hidden;background:#080808;touch-action:pan-y}
.life-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s;pointer-events:none}
.life-slide.is-current{opacity:1;visibility:visible}
.life-controls{display:flex;gap:20px;align-items:center;justify-content:center;margin:22px auto 0;color:#e0ddd7;max-width:1100px}
.life-controls button{cursor:pointer;background:transparent;color:inherit;border:1px solid #ffffff45;min-width:44px;min-height:44px;border-radius:0;font:400 27px/1 Arial,sans-serif}
.life-controls button:hover{border-color:#ffcc00;color:#ffcc00}.life-controls button:focus-visible,.life-stage:focus-visible{outline:2px solid #ffcc00;outline-offset:5px}
.life-controls .life-toggle{font-size:12px;letter-spacing:.1em;padding:0 15px;margin-left:12px}.life-count{font:400 14px/1.3 Arial,sans-serif;min-width:55px;text-align:center;font-variant-numeric:tabular-nums}
.life-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.life-slideshow{padding:22px 4%}.life-stage{height:clamp(340px,105vw,580px)}.life-controls{gap:12px}}
@media(prefers-reduced-motion:reduce){.life-slide{transition:none}}