.scene-visual-slot{display:none}
@media(max-width:650px){
 html,body,main{height:100dvh}header{padding-top:max(12px,env(safe-area-inset-top))}
 .scene-label{top:137px;font-size:8px}.back-word{display:none}
 .scene-visual-slot{display:block;position:absolute;left:18px;right:18px;top:160px;height:clamp(130px,calc(100svh - 570px),240px);pointer-events:none}
 .scene-visual-slot>span{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:9px;line-height:1.6;letter-spacing:.04em;color:#7c6d8d}
 .copy:before,#process .copy:before{display:none}
 .chapter .copy,#process .copy,#assurance .copy{top:auto;bottom:106px;left:24px;right:24px;width:auto;margin:0;padding:0}
 .chapter .copy .drawing-rule{display:none}
 .chapter .copy>.eyebrow{font-size:9px!important;margin:0 0 12px;letter-spacing:.1em}
 #intro .copy h1{font-size:33px;line-height:1.23;margin-bottom:16px}
 #process .copy h2,#assurance .copy h2{font-size:29px;line-height:1.24;margin-bottom:16px}
 .chapter .copy p:not(.eyebrow){font-size:13px;line-height:1.75;margin-bottom:18px}
 .chapter .primary,.chapter .outline{min-height:50px;padding:14px 18px;max-width:none}
 .chapter .copy small{font-size:9px;line-height:1.6;margin-top:10px}
 #process ol{margin:12px 0 0;max-width:none}#process li{padding:9px 0;gap:13px}#process li h3{font-size:13px;margin-bottom:3px}#process li p{font-size:11px!important;line-height:1.5!important;margin:0!important}
 #reviews .scene-visual-slot{top:236px;height:clamp(140px,calc(100svh - 540px),190px)}
 .ocean-stage{top:138px;bottom:88px}
 .ocean-stage .review-heading{top:0;left:24px;right:24px}
 .ocean-stage .review-heading h2{font-size:23px;line-height:1.18;margin-bottom:9px}
 .ocean-stage .review-heading>.eyebrow{font-size:8px;margin-bottom:6px;letter-spacing:1px}
 .ocean-stage .sample-notice{max-width:none}.ocean-stage .sample-notice span{font-size:9px;line-height:1.5}
 .ocean-stage .ocean-world{top:calc(236px + clamp(140px,calc(100svh - 540px),190px) + 12px - 138px);bottom:80px;min-height:0;overflow:hidden}
 .ocean-note{background:#faf8fc;border-color:#dfd6e7;box-shadow:0 5px 15px #54426410}
 .ocean-instruction{left:24px;right:24px;max-width:none;font-size:9px;bottom:55px;margin:0;line-height:1.6}
 .ocean-controls{left:24px;right:24px;font-size:9px}.ocean-controls small{font-size:8px}
 .ocean-controls>div{gap:6px}.ocean-controls button{min-width:44px;min-height:44px}
 .navigation-hint{display:none}
 .hud{bottom:max(12px,env(safe-area-inset-bottom))}.stage-navigation{bottom:max(12px,env(safe-area-inset-bottom))}
 .chapter#begin .scene-visual-slot{top:26svh;height:46svh}
 #begin .scene-visual-slot>span{display:none}
 .chapter#begin .copy{top:35%;bottom:auto;left:50%;right:auto;width:calc(100% - 64px)}
 #begin .copy h2{font-size:29px;line-height:1.25;margin-bottom:16px}
 #begin .copy p:not(.eyebrow){font-size:12px;line-height:1.8;margin-bottom:16px}
 #begin .primary{margin-top:20px}#begin small{font-size:8px!important;max-width:260px;margin:12px auto 0!important}
 footer{bottom:72px;padding-top:14px}
}
@media(max-width:650px) and (max-height:750px){
 .scene-label{top:132px}.scene-visual-slot{top:153px}
 .chapter .copy,#process .copy,#assurance .copy{bottom:88px}
 #intro .copy h1{font-size:29px!important;margin-bottom:12px}
 #process .copy h2,#assurance .copy h2{font-size:26px!important;margin-bottom:12px}
 .chapter .copy p:not(.eyebrow){font-size:12px;margin-bottom:13px}
 .chapter .copy>.eyebrow{margin-bottom:9px}
 #process li{padding:7px 0}#process ol{margin-top:10px}
 .chapter .copy small{font-size:8px;margin-top:8px}
 .chapter#begin .copy{top:33%;bottom:auto}#begin .copy h2{font-size:27px!important}
}

@media(max-width:650px){.ocean-note{backdrop-filter:none}.ocean-note-top{font-size:8px}.ocean-quote{font-size:12px}}
/* Phone: the same spatial review sea as desktop, with a clear corridor around faces. */
@media(max-width:650px){
 #reviews .scene-visual-slot{top:236px;height:clamp(180px,calc(100svh - 510px),270px)}
 .ocean-stage .ocean-world{top:98px;bottom:96px;overflow:hidden;isolation:isolate}
 .ocean-note{width:132px;height:100px;padding:9px 10px;gap:5px;background:#faf8fcf2;border-color:#fff9;border-radius:6px;box-shadow:0 9px 25px #6550781c}
 .ocean-quote{font-size:12px;line-height:1.5;max-height:36px}
 #reviews .scene-visual-slot>span{display:none}
 .ocean-world:before{display:none}
}

.review-photo-state{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}