/* Mobile Home: full-height moving portraits and a separate navigation/control area. */
@media (max-width:700px) and (orientation:portrait) {
 body[data-page="home"] .duo-scene .duo-image video,
 body[data-page="home"] .fashion-stage video,
 body[data-page="home"] .fashion-stage .fashion-light-entry{
  object-fit:contain;object-position:50% 0%;
 }
 body[data-page="home"] .duo-scene .duo-image video{object-position:50% 0%}
 body[data-page="home"] .duo-scene .duo-names{
  top:max(100px,calc(env(safe-area-inset-top) + 82px));
  font-size:8px;line-height:1.6;letter-spacing:.09em;
  text-shadow:0 1px 12px #0008;
 }
 body[data-page="home"] .duo-scene .duo-names i{font-size:6px;letter-spacing:.1em}
 body[data-page="home"] .duo-scene .duo-editorial{top:auto;bottom:18%;left:6vw;right:6vw;width:88vw}
 body[data-page="home"] .duo-scene #duo-title.duo-title124{grid-template-columns:1fr;gap:14px}
 body[data-page="home"] .duo-scene #duo-title .duo-create124{font-size:9px;letter-spacing:.22em}
 body[data-page="home"] .duo-scene #duo-title .duo-worlds124{font-size:13.6vw;letter-spacing:.055em;line-height:1.06}
 body[data-page="home"] .duo-scene #duo-title .duo-rule124{display:none}
 body[data-page="home"] .duo-scene #duo-title .duo-feel124{grid-column:1;text-align:left;font-size:9px;letter-spacing:.22em}
 body[data-page="home"] .duo-bottom-credits{bottom:max(26px,5svh);left:6vw;right:6vw}
 body[data-page="home"] .duo-bottom-credits .duo-about{font-size:7px;letter-spacing:.1em}
 body[data-page="home"] .duo-scene .duo-play{bottom:12%;top:auto}
 body[data-page="home"] .fashion-shade{
  background:linear-gradient(180deg,#0005,transparent 24%,transparent 45%,#0008 72%,#000b)!important;
 }
 body[data-page="home"] .fashion-manifesto{padding:0 6vw 12svh;justify-content:flex-end}
 body[data-page="home"] .fashion-vision-label{top:max(100px,calc(env(safe-area-inset-top) + 82px));font-size:8px;letter-spacing:.2em}
 body[data-page="home"] .fashion-manifesto h2{font-size:8vw;line-height:1.16;font-weight:400}
 body[data-page="home"] .fashion-manifesto h2>span:first-child{font-size:9px;line-height:1.7;letter-spacing:.15em}
 body[data-page="home"] .fashion-manifesto h2>span:last-child{margin-top:18px}
 body[data-page="home"] .fashion-manifesto .fashion-produced{font-size:10.7vw;line-height:1.16;letter-spacing:-.025em}
 body[data-page="home"] .fashion-disciplines{margin-top:20px;font-size:7px;letter-spacing:.12em}
 body[data-page="home"] .fashion-viewfinder{display:none}
}
@media (max-width:700px) {
 body[data-page="home"] #lunar-closing{height:max(100svh,780px);min-height:780px;--lc-inset:6vw;scroll-margin-top:0}
 body[data-page="home"] #lunar-closing .lc-record-top{top:94px;left:6vw;right:6vw;font-size:7px;line-height:16px}
 body[data-page="home"] #lunar-closing .lc-record-top .cinema-timecode{position:static;transform:none;font-size:7px}
 body[data-page="home"] #lunar-closing>.lc-heading{top:126px;left:6vw;width:88vw}
 body[data-page="home"] #lunar-closing .lc-heading h2{font-size:clamp(21px,6.25vw,36px);line-height:1.2;letter-spacing:-.045em}
 body[data-page="home"] #lunar-closing .lc-heading h2 span{margin-top:6px}
 body[data-page="home"] #lunar-closing>.lc-viewport{top:208px;bottom:246px}
 body[data-page="home"] #lunar-closing .lc-node{width:34%;min-height:58px;gap:8px;padding:8px 4px}
 body[data-page="home"] #lunar-closing .lc-node--films,
 body[data-page="home"] #lunar-closing .lc-node--about,
 body[data-page="home"] #lunar-closing .lc-node--lab{--lc-x:29%!important}
 body[data-page="home"] #lunar-closing .lc-node--stories,
 body[data-page="home"] #lunar-closing .lc-node--education,
 body[data-page="home"] #lunar-closing .lc-node--contact{--lc-x:71%!important}
 body[data-page="home"] #lunar-closing .lc-node--films,
 body[data-page="home"] #lunar-closing .lc-node--stories{--lc-y:23%!important}
 body[data-page="home"] #lunar-closing .lc-node--about,
 body[data-page="home"] #lunar-closing .lc-node--education{--lc-y:50%!important}
 body[data-page="home"] #lunar-closing .lc-node--lab,
 body[data-page="home"] #lunar-closing .lc-node--contact{--lc-y:77%!important}
 body[data-page="home"] #lunar-closing .lc-label strong{font-size:clamp(14px,4.25vw,19px);letter-spacing:-.04em}
 body[data-page="home"] #lunar-closing .lc-label small{font-size:5px;line-height:1.4;margin-bottom:7px;letter-spacing:.04em}
 body[data-page="home"] #lunar-closing .lc-instructions{left:6vw;right:6vw;bottom:220px;font-size:6px;line-height:1.6;letter-spacing:.06em}
 body[data-page="home"] #lunar-closing .lunar-readout{left:6vw;bottom:200px;font-size:6px;letter-spacing:.06em}
 body[data-page="home"] #lunar-closing .camera-top-switch{top:auto;left:6vw;right:auto;bottom:144px;min-height:44px}
 body[data-page="home"] #lunar-closing .camera-top-switch button{min-height:44px;font-size:7px;letter-spacing:.05em;gap:8px}
 body[data-page="home"] #lunar-closing .camera-nd{left:auto;right:6vw;bottom:144px;height:44px;gap:7px;font-size:7px}
 body[data-page="home"] #lunar-closing .camera-nd input{width:64px;min-height:44px;margin:0}
 body[data-page="home"] #lunar-closing .camera-nd output{width:20px}
 body[data-page="home"] #lunar-closing .camera-bottom{left:6vw;right:6vw;bottom:20px;min-height:108px;padding:10px 0;gap:0 12px}
 body[data-page="home"] #lunar-closing .camera-bottom button{min-height:44px;font-size:7px}
 body[data-page="home"] #lunar-closing .camera-bottom .camera-control-group{gap:12px;font-size:7px}
 body[data-page="home"] #lunar-closing .cinema-viewfinder{inset:80px 12px 136px}
}
