/* A purpose-composed portrait room. The image always keeps one uniform scale. */
.room-panorama{position:relative;width:100%;height:100%}
.room-phone-scene{display:none}
.room-mobile-navigation svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:1050px) and (orientation:portrait),(max-width:950px) and (max-height:500px){
 .room-hero--original{
  display:block;height:calc(100svh - var(--header-height));min-height:0;
  aspect-ratio:auto;overflow:hidden;padding:0;isolation:isolate;background:#081325;
 }
 .room-hero--original>.room-frame{width:100%;height:100%;overflow:hidden;aspect-ratio:auto;border:0;border-radius:0}
 .room-hero--original .room-panorama{width:100%;height:100%}
 .room-hero--original .room-scene{width:100%;height:100%;aspect-ratio:auto;transform:none;filter:none}
 .room-hero--original .room-object{display:none}
 .room-hero--original:after{
  display:block;inset:auto 0 0;height:30%;z-index:1;
  background:linear-gradient(180deg,#08132500 0%,#08132555 28%,#08101ccd 66%,var(--bg) 100%);
 }
 .room-hero--original>.room-mobile-navigation{
  position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;
  margin:0;padding:0;z-index:4;pointer-events:none;
 }
 .room-hero--original>.room-mobile-navigation a{
  position:absolute;left:var(--room-link-x,50%);top:var(--room-link-y,40%);
  transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-between;
  width:max-content;max-width:calc(100% - 24px);min-height:44px;gap:12px;padding:9px 14px;
  border:1px solid #abc6e09c;border-radius:100px;background:#101a2ce8;color:#f2f5fc;
  font-family:var(--heading);font-size:clamp(13px,3.5vw,15px);font-weight:500;line-height:1.3;
  white-space:nowrap;text-align:left;text-decoration:none;pointer-events:auto;
  box-shadow:0 3px 14px #0004;backdrop-filter:blur(8px);
  transition:background .18s,color .18s,border-color .18s;
 }
 .room-hero--original>.room-mobile-navigation a:nth-child(1){--room-link-x:23%;--room-link-y:24.5%}
 .room-hero--original>.room-mobile-navigation a:nth-child(2){--room-link-x:23%;--room-link-y:51%}
 .room-hero--original>.room-mobile-navigation a:nth-child(3){--room-link-x:74%;--room-link-y:45%}
 .room-hero--original>.room-mobile-navigation a span{flex:none;font-size:19px;line-height:1;color:var(--lime)}
 .room-hero--original>.room-mobile-navigation a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
 .room-hero--original>.room-mobile-navigation a:active{background:var(--lime);border-color:var(--lime);color:#172108}
 .room-hero--original>.room-mobile-navigation a:active span{color:#172108}
 .room-hero--original>.room-introduction{position:absolute;inset:0;padding:0;z-index:4;pointer-events:none}
 .room-hero--original .room-purchase{
  position:absolute;left:50%;right:auto;top:auto;bottom:max(18px,env(safe-area-inset-bottom));
  transform:translateX(-50%);display:flex;flex-direction:column;align-items:stretch;
  width:calc(100% - 36px);max-width:460px;margin:0;gap:12px;pointer-events:auto;
 }
 .room-hero--original .room-purchase:before{display:none}
 .room-hero--original .room-pitch{
  flex:none;width:100%;max-width:none;font-size:14px;line-height:1.4;text-align:left;
  text-shadow:0 2px 10px #000a;text-wrap:pretty;
 }
 .room-hero--original .room-purchase-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;max-width:none}
 .room-hero--original .room-purchase .button{width:100%;min-height:50px;padding:12px 18px;font-size:14px;justify-content:space-between;gap:12px;box-shadow:none}
 .room-hero--original .room-price{font-size:12px;line-height:1.2;text-shadow:0 2px 10px #000a}
 .room-hero--original .room-price strong{font-size:28px}
 .room-hero--original .room-price>span{font-size:11px;margin-top:4px}
}
@media (max-width:1050px) and (orientation:portrait){
 .room-hero--original>.room-mobile-navigation a:nth-child(1){--room-link-y:25.5%}
 .room-hero--original>.room-mobile-navigation a:nth-child(2){--room-link-y:47%}
 .room-hero--original>.room-mobile-navigation a:nth-child(3){--room-link-y:49%}
 .room-hero--original>.room-frame{display:none}
 .room-hero--original>.room-phone-scene{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
 /* Preserve the supplied artwork's colors and original pixel detail. */
 .room-phone-scene img{position:absolute;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;filter:none}
 .room-hero--original:after{height:24%;background:linear-gradient(180deg,#08132500 0%,#08132533 28%,#08101cad 66%,var(--bg) 100%)}
}
@media (max-width:360px) and (orientation:portrait),(max-width:600px) and (max-height:700px) and (orientation:portrait){
 .room-hero--original .room-purchase{width:calc(100% - 28px);bottom:max(14px,env(safe-area-inset-bottom));gap:9px}
 .room-hero--original .room-pitch{font-size:12px;line-height:1.4}
 .room-hero--original .room-purchase-actions{gap:14px}
 .room-hero--original .room-purchase .button{min-height:48px;font-size:13px;padding-inline:14px}
 .room-hero--original .room-price strong{font-size:25px}
}
@media (max-width:950px) and (max-height:500px) and (orientation:landscape){
 .room-hero--original .room-purchase{width:calc(100% - 40px);max-width:750px;flex-direction:row;align-items:center;gap:24px;bottom:max(12px,env(safe-area-inset-bottom))}
 .room-hero--original .room-pitch{flex:1;max-width:300px;font-size:12px}
 .room-hero--original .room-purchase-actions{flex:0 0 auto;gap:18px}
 .room-hero--original .room-purchase .button{min-height:44px;width:auto;font-size:13px}
 .room-hero--original .room-price strong{font-size:24px}
 .room-hero--original>.room-mobile-navigation a{font-size:12px;padding:8px 12px}
}
@media (hover:hover){
 .room-hero--original>.room-mobile-navigation a:hover{background:var(--lime);border-color:var(--lime);color:#172108}
 .room-hero--original>.room-mobile-navigation a:hover span{color:#172108}
}