/* The same three rooms become one portrait composition on phones. */
@media (max-width:760px) {
  .home-page .experience[data-scene-layout="portrait"] .scene-media {
    width:min(calc(100% - 20px), calc((100svh - 110px) * .5625));
    max-width:none; max-height:none; aspect-ratio:9/16;
    border-radius:16px; overflow:hidden; background:#101519;
    box-shadow:0 20px 60px #0005, inset 0 0 0 1px #c6d9e02b;
  }
  .scene-enhanced .experience[data-scene-layout="portrait"] .scene-media {
    top:calc(50% + 36px); margin:0;
  }
  .experience[data-scene-layout="portrait"] .scene-media > #scene-canvas,
  .experience[data-scene-layout="portrait"] .scene-media > #scene-poster,
  .experience[data-scene-layout="portrait"] .scene-media > #scene-idle {
    inset:0; width:100%; height:100%; clip-path:none; object-fit:contain;
  }
  .experience[data-scene-layout="portrait"] .scene-media > #scene-idle { visibility:hidden!important; opacity:0!important }
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-links.world-band {
    position:absolute; inset:0; width:100%; height:100%; min-height:0;
    display:grid; grid-template-columns:1fr; grid-template-rows:repeat(3,minmax(0,1fr));
    gap:0; margin:0; padding:0; background:none; border-radius:0;
    align-items:stretch; text-align:center; pointer-events:none;
  }
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band > a {
    display:flex; align-self:end; align-items:center; justify-content:center;
    flex-direction:column; gap:3px; width:100%; min-height:56px;
    margin:0; padding:8px 12px 10px; pointer-events:auto;
    color:#f3f3ef; text-shadow:none;
    background:linear-gradient(0deg,#15181bfa,#14181be8 75%,#14181b98);
    border-bottom:1px solid #bccdd71f;
  }
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band > a:nth-child(1) { background:linear-gradient(0deg,#241d18fa,#241d18e0) }
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band > a:nth-child(2) { background:linear-gradient(0deg,#14242afa,#14242ae0) }
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band > a:nth-child(3) { background:linear-gradient(0deg,#211c2cfa,#211c2ce0); border-bottom:0 }
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band .world-phrase {
    font-size:clamp(15px,4.1vw,20px); font-weight:300; line-height:1.12;
    letter-spacing:-.025em; padding:0; color:var(--world-accent);
  }
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band .world-service {
    font-size:clamp(10px,2.7vw,12px); font-weight:400; line-height:1.3; color:#d8dfe0;
  }
  .home-page.large-text .experience[data-scene-layout="portrait"] .scene-media .world-band .world-phrase { font-size:clamp(17px,4.6vw,23px) }
  .home-page.large-text .experience[data-scene-layout="portrait"] .scene-media .world-band .world-service { font-size:13px }
  .home-page.scene-static .experience[data-scene-layout="portrait"] .scene-media { margin:34px auto 48px; transform:none; top:auto; left:auto }
  .home-page.scene-static .experience[data-portrait-poster="true"] #scene-canvas { display:block!important; opacity:1!important; visibility:visible!important }
  .home-page.scene-static .experience[data-portrait-poster="true"] #scene-poster { display:none!important }
  .high-contrast .experience[data-scene-layout="portrait"] .world-band > a { background:#000!important; border-color:#fff!important }
  .high-contrast .experience[data-scene-layout="portrait"] .world-band span { color:#fff!important }
}
@media (max-width:760px) and (max-height:650px) {
  .home-page .experience[data-scene-layout="portrait"] .scene-media { width:min(calc(100% - 20px),calc((100svh - 90px)*.5625)) }
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band > a { min-height:47px; padding:6px 8px }
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band .world-phrase { font-size:15px }
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band .world-service { font-size:10px }
}