/* Phone composition: preserve desktop art direction, give each element its own space. */
img,video{max-width:100%}
@media(max-width:800px){
html{-webkit-text-size-adjust:100%;scroll-padding-top:20px}
body{overflow-wrap:break-word}
section,header,footer,.hero,.grid,.demo,.contact,.collection-panel{min-width:0}
.arrival-masthead{height:auto;min-height:740px;min-height:max(740px,100svh);max-height:none;display:flex;flex-direction:column;padding-bottom:24px}
.arrival-masthead header{order:0;display:flex;flex-direction:column;align-items:center;gap:20px;padding:22px 6% 16px;width:100%}
.arrival-masthead .brand-lockup{justify-content:center;font-size:20px;letter-spacing:3px}
.arrival-masthead nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px 14px;text-align:center;font-size:10px;letter-spacing:1px}
.arrival-masthead nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 2px}
.private-viewing{position:relative;order:1;inset:auto;align-self:flex-end;margin:10px 6% 45px;width:178px;transform:none}
.arrival-editorial{position:relative;order:2;inset:auto;margin:auto 6% 24px;max-width:none}
.arrival-editorial h2{font-size:clamp(34px,8.8vw,56px);line-height:1.08}
.arrival-editorial p{font-size:13px;line-height:1.7}
.arrival-editorial .tag{font-size:9px;line-height:1.6;letter-spacing:1.5px}
.arrival-controls{position:relative;order:3;inset:auto;margin:0 6%;display:flex;gap:10px;align-items:stretch}
.arrival-controls .btn{flex:1;min-height:44px;padding:10px;font-size:9px;letter-spacing:.7px}
.arrival-controls .small{width:100%;font-size:11px}
.arrival-toggle{position:relative;order:4;inset:auto;align-self:flex-start;margin:12px 6%;min-height:44px}
.arrival-note{position:relative;order:5;inset:auto;margin:0 6%;font-size:8px;max-width:none}
.arrival-shade{background:linear-gradient(180deg,#020c16ed 0%,#020c1640 32%,#020c16e6 75%,#020c16 100%)}
.arrival-masthead>video{object-position:50% center}
section{padding:52px 6%}h1{font-size:clamp(36px,10vw,56px)}h2{font-size:clamp(30px,8vw,42px)}
p{line-height:1.8}.tag{line-height:1.7;letter-spacing:2px}
.btn{min-height:44px;white-space:normal;text-align:center;max-width:100%}
input,select,textarea{font-size:16px;min-height:44px}
video{height:auto;object-fit:contain}figure{margin-left:0;margin-right:0}
.ribbon{flex-wrap:wrap;gap:16px;line-height:1.6}
.reporthead{flex-wrap:wrap;gap:12px}.report{padding:20px}
.commission-chapters{display:flex;overflow-x:auto;gap:16px;padding-bottom:8px}
.commission-chapters button{flex:0 0 100px;min-height:60px;font-size:11px}
#collections .collection-tabs button,.scene-selector button,.journey-selector button{min-height:48px;letter-spacing:.6px;font-size:11px}
#collections .collection-panel{padding:24px}.showcase-caption strong{font-size:24px}
.theatre-film-note span{white-space:normal}.stage-light-toggle{min-height:44px;top:190px}
footer{flex-wrap:wrap;gap:16px}
}
@media(max-width:380px){.arrival-masthead .brand-lockup{font-size:17px;letter-spacing:2px}.private-viewing{margin-bottom:30px}.card{padding:22px}.private-commission form{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}