/* Mobile layout is a first-class reading flow, not a scaled desktop stage. */
@media(max-width:700px){
 :root{--gutter:24px;--heading:clamp(32px,8.8vw,40px);--body:17px;--small:14px}
 .wrap{padding-inline:var(--gutter)}
 .site-header{padding:16px var(--gutter)}.brand img{width:38px;border-radius:11px}.site-header nav{display:none}
 .header-store{padding:10px 16px}.site-header{gap:20px}
 .hero-sticky{--hero-phone-width:clamp(176px,50vw,222px);min-height:0;padding:108px 0 36px;row-gap:28px}
 .hero-back,.hero-front{font-size:clamp(32px,9.5vw,44px);inset:auto;line-height:1.04;width:100%;padding-inline:12px}
 .hero-front{margin-top:10px}
 .hero-devices{perspective:1400px}
 .hero-devices .device{--w:var(--hero-phone-width);top:0;left:calc(50% - var(--w)/2)}
 .hero-left{transform:translate3d(-92px,15px,-230px)}.hero-right{transform:translate3d(92px,15px,-230px)}
 .hero-bottom{inset:auto;width:100%;padding-inline:var(--gutter);flex-direction:column;gap:24px;text-align:center}
 .hero-bottom p{font-size:var(--body);line-height:1.4}
 .hero-bottom .store-button,.closing .store-button{width:100%;max-width:360px;text-align:left}
 .store-button span{flex:1}.store-button>.icon{margin-left:auto}.store-button{padding:13px 20px}
 .transition{height:110px}
 .phone:before{box-shadow:0 18px 26px #1a0f0a30}.dark .phone:before{box-shadow:0 20px 30px #0007}
 .collection-layout{display:flex;flex-direction:column;gap:12px;padding-block:36px 16px;min-height:0}
 .section-copy{width:100%;max-width:450px}.section-copy h2{margin-bottom:20px}.section-copy p{max-width:390px}
 .collection-stage{height:555px;margin:0;perspective:1500px;max-width:430px}
 .collection-stage .device{width:242px;left:calc(50% - 121px);top:26px}
 .collection-main{transform:translate3d(-30px,0,0)}.collection-detail{transform:translate3d(72px,32px,-290px)}
 .journey-sticky{padding:20px var(--gutter) 40px;gap:24px}
 .word-reel article{padding:24px 0 0;max-width:450px}.word-reel h2{margin-bottom:16px}.word-reel p{max-width:430px}
 .word-reel h2 br{display:none}.word-reel h2{max-width:420px}
 .journey-device{width:min(73vw,285px);margin-bottom:46px}
 .motion-journey .journey{height:280svh}
 .motion-journey .journey-sticky{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:start;padding:24px var(--gutter) 80px;gap:22px}
 .motion-journey .journey-copy{align-self:stretch}.motion-journey .word-reel{align-items:start}.motion-journey .word-reel article{padding:0}
 .motion-journey .word-reel h2{font-size:var(--heading);line-height:1.08;margin-bottom:14px}
 .motion-journey .word-reel p{font-size:17px;line-height:1.45}
 .motion-journey .journey-stage{height:100%;width:100%;perspective:1400px;overflow:clip}
 .motion-journey .journey-device{--w:min(270px,calc((100svh - var(--story-copy-height,190px) - 136px)*.489));width:var(--w);left:calc(50% - var(--w)/2);top:4px}
 .motion-journey .journey-footer{bottom:20px;display:block;inset-inline:var(--gutter)}
 .journey-footer>span{display:none}.chapter-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .chapter-controls button{padding:11px 7px;font-size:14px}
 .keep{grid-template-columns:1fr;gap:22px;padding-block:50px 75px}.keep p{margin-bottom:14px;max-width:430px}
 .faq-section{grid-template-columns:1fr;gap:26px;padding-block:0 30px}.faq-section h2{margin-bottom:12px}
 .faq-list summary{font-size:17px;padding-block:22px;gap:20px}.faq-answer p{padding-right:0}
 .closing{padding:30px 0 55px}.closing h2{margin-bottom:24px}.closing p{max-width:295px;margin:0 auto 26px}.closing-icon{width:64px;border-radius:18px}
 .site-footer{padding:20px 0 24px}.footer-inner{gap:18px;align-items:flex-start}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;width:100%}.footer-inner>p{padding-top:22px}
}
@media(max-width:360px){
 :root{--gutter:20px}.hero-sticky{padding-top:104px;row-gap:26px}
 .hero-bottom p{font-size:17px}
 .collection-stage{height:505px}.collection-stage .device{width:220px;left:calc(50% - 110px)}
 .collection-main{transform:translate3d(-22px,0,0)}.collection-detail{transform:translate3d(65px,32px,-340px)}
}