.birth-section { position:relative; background:#e9e0d3; color:#352f27; height:340svh; }
.birth-stage { position:sticky; top:0; min-height:100svh; height:100svh; display:flex; flex-direction:column; justify-content:center; padding:70px max(24px,5vw) 35px; overflow:hidden; }
.birth-layout { width:100%; max-width:1600px; margin:0 auto; display:grid; grid-template-columns:.8fr 1.9fr; align-items:center; gap:3vw; }
.birth-title { margin:0; font:400 clamp(29px,3.7vw,64px)/1.13 Space,sans-serif; letter-spacing:.065em; text-transform:uppercase; }
.birth-title span { display:block; }
.birth-title em { color:#62684b; font-style:normal; }
.birth-origin { margin:24px 0 0; font-size:10px; text-transform:uppercase; letter-spacing:.16em; }
.birth-visual { min-width:0; }
.birth-media { position:relative; margin:0; aspect-ratio:16/9; background:#baa18a; overflow:hidden; }
.birth-media img,.birth-media video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.birth-media video { visibility:hidden; }
.birth-media video[data-visible='true'] { visibility:visible; }
.birth-caption { min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.birth-caption p { margin:0; }
.birth-caption a { padding:12px 0; border-bottom:1px solid #8e8070; }
.birth-status { min-height:20px; margin:0; font-size:12px; color:#62584b; }
.birth-status:empty { visibility:hidden; }
.birth-instruction { position:absolute; bottom:22px; left:5vw; right:5vw; text-align:center; font-size:11px; letter-spacing:.06em; }
.birth-section[data-birth-mode='still'] { height:auto; }
.birth-section[data-birth-mode='still'] .birth-stage { position:relative; min-height:75svh; height:auto; padding-block:90px 70px; }
.birth-section[data-birth-mode='still'] .birth-instruction { display:none; }
.birth-section[data-birth-mode='still'] .birth-media video { visibility:hidden!important; }
html[data-view='vertical'] .birth-section { height:320svh; }
html[data-view='vertical'] .birth-layout { grid-template-columns:1fr; gap:28px; max-width:720px; }
html[data-view='vertical'] .birth-title { font-size:clamp(29px,8vw,54px); }
html[data-view='vertical'] .birth-origin { margin-top:15px; }
html[data-view='vertical'] .birth-stage { padding-inline:max(18px,4vw); }
html[data-view='vertical'] .birth-section[data-birth-mode='still'] { height:auto; }
@media(max-width:760px) {
  .birth-layout { grid-template-columns:1fr; gap:28px; }
  .birth-title { font-size:clamp(29px,8vw,48px); }
  .birth-stage { padding-inline:18px; }
}
@media(prefers-reduced-motion:reduce) { .birth-section { height:auto!important; } }