/* Alternative composition: the text shares the stage with the model. */
@media(max-width:700px){
 .stage{display:block;padding:0;background:radial-gradient(ellipse at 70% 60%,#fff 0%,#f3f1ed 65%,#ece8e2)}
 .ambient-label{top:82px;z-index:5}
 .ambient-label .mobile-scroll-hint{display:none}
 #visual{position:absolute;inset:142px -10% 72px -10%;width:auto;height:auto;z-index:1;overflow:hidden}
 .stage:after{content:'';position:absolute;inset:64px 0 68px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#f3f1edf7 0%,#f3f1edf0 18%,#f3f1edda 40%,#f3f1ed99 57%,#f3f1ed00 79%)}
 .stage:after{mask-image:linear-gradient(to bottom,#000 0%,#000 57%,transparent 82%)}
 .stage:has(.chapter[data-chapter="1"].active):after{mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)}
 .story-copy{position:absolute;top:145px;left:24px;right:auto;bottom:auto;width:64%;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;z-index:4}
 .chapter{position:absolute;left:0;top:0;width:100%;text-shadow:0 1px 16px #f5f3ef;transform:translateY(14px)}
 .chapter .eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:.6px;margin-bottom:16px;max-width:220px;color:#69615a}
 .chapter .eyebrow span{display:block;color:#8a6547;font-weight:600;letter-spacing:.8px;margin-bottom:3px}
 .chapter .eyebrow i{display:none}
 h1,.chapter h2,.chapter[data-chapter="1"] h2{font-size:36px;line-height:1.02;letter-spacing:-1.3px;max-width:245px;margin-bottom:20px;text-wrap:balance}
 .chapter h1 br,.chapter h2 br{display:block}
 .description,.chapter[data-chapter="1"] .description{font-size:13px;line-height:1.65;max-width:200px;margin:0 0 12px;color:#514b44}
 .chapter .text-link{font-size:12px;max-width:220px;line-height:1.45;min-height:42px}
 .investment-metric{max-width:218px;align-items:flex-start;gap:10px;padding-top:10px;margin-bottom:5px;border-color:#b7aba0}
 .investment-metric>strong{font-size:33px}.investment-metric>div{gap:3px}.investment-metric div>span{font-size:11px;line-height:1.35}.investment-metric small{font-size:10px;line-height:1.35}
 .journey-footer{position:absolute;left:18px;right:18px;bottom:0;height:68px;margin:0;padding:10px 0 14px;border:0;border-top:1px solid #b5a89a66;background:transparent;z-index:6}
 .phase-nav button{background:#ffffff45;backdrop-filter:blur(8px)}
 .phase-nav button.current{background:#242220;color:white}
 .progress-track{bottom:-7px;background:#d6cfc5}
}
@media(max-width:700px) and (max-height:740px){
 .story-copy{top:122px;left:22px;width:64%}
 .ambient-label{top:79px;font-size:9px}
 .chapter .eyebrow{font-size:9px;margin-bottom:12px}
 h1,.chapter h2,.chapter[data-chapter="1"] h2{font-size:32px;line-height:1.03;margin-bottom:14px;max-width:230px}
 .description,.chapter[data-chapter="1"] .description{font-size:12px;line-height:1.55;max-width:185px;margin-bottom:7px}
 #visual{inset:122px -10% 62px -10%}
 .investment-metric{max-width:215px;padding-top:8px}.investment-metric>strong{font-size:29px}
 .chapter .text-link{font-size:11px;max-width:210px}
 .journey-footer{height:60px;padding-top:4px}
}
@media(max-width:700px) and (max-height:560px){.stage{height:680px}}