/* This sheet is loaded only for narrow portrait viewports. */
@media (max-width:750px) and (orientation:portrait){
 body.mobile-portrait{overflow-x:clip}
 body.mobile-portrait header{top:calc(12px + env(safe-area-inset-top));left:5vw;right:5vw;align-items:center;min-height:32px}
 body.mobile-portrait .header-actions{gap:13px}
 body.mobile-portrait main{height:auto!important}
 body.mobile-portrait .stage{position:relative;top:auto;height:auto;min-height:100svh;padding:82px 5vw 70px;overflow:hidden}
 body.mobile-portrait .architecture,body.mobile-portrait .corridor-floor,body.mobile-portrait .selection-world,body.mobile-portrait footer,body.mobile-portrait #motion-toggle{display:none!important}
 body.mobile-portrait .mobile-hero{display:block;margin-bottom:30px}
 body.mobile-portrait .mobile-hero[hidden]{display:none!important}
 body.mobile-portrait .mobile-hero-actions{display:flex;justify-content:flex-end;margin-bottom:36px}
 body.mobile-portrait #mobile-contact{padding:12px 22px;min-height:44px;border:1px solid #ffffff70;border-radius:9px;font-size:15px;font-weight:700;text-transform:uppercase;text-shadow:0 0 18px #ffffff30}
 body.mobile-portrait .mobile-hero h1{margin:0;font-size:clamp(34px,12vw,84px);font-weight:700;letter-spacing:-.055em;line-height:1;white-space:nowrap;text-transform:uppercase;text-shadow:0 0 16px #ffffff50}
 body.mobile-portrait .mobile-hero p{margin:13px 0 0;text-align:right;font-size:12px}
 body.mobile-portrait .world,body.mobile-portrait #scene{position:relative;inset:auto;perspective:none;width:100%;transform:none!important}
 body.mobile-portrait #scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;align-items:start}
 body.mobile-portrait .panel{position:relative;inset:auto;width:100%!important;height:auto!important;aspect-ratio:auto;padding:0;transform:none!important;opacity:1!important;pointer-events:auto!important;will-change:auto}
 body.mobile-portrait .panel::before{display:none}
 body.mobile-portrait .panel-art{position:relative;inset:auto;display:flex;flex-direction:column;gap:8px;width:100%;height:auto;transform:none!important;filter:none!important;-webkit-box-reflect:unset!important}
 body.mobile-portrait .panel .panel-title{position:static;inset:auto;display:flex;align-items:flex-end;min-height:2.25em;margin:0;font-size:clamp(12px,3.65vw,21px)!important;font-weight:700;line-height:1.08;letter-spacing:-.035em;overflow-wrap:normal;transform:none!important;opacity:1!important;text-shadow:0 0 12px #ffffff30}
 body.mobile-portrait .surface{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:8px;overflow:hidden;filter:brightness(.92)!important;-webkit-box-reflect:unset!important}
 body.mobile-portrait .surface img.preview{display:block;width:100%;height:100%;border-radius:8px;object-fit:cover}
 body.mobile-portrait .panel:active .surface{filter:brightness(1.12)!important}
 body.mobile-portrait .museum-art{display:none!important}
 body.mobile-portrait .museum-print{padding:4px;-webkit-box-reflect:unset!important}
 body.mobile-portrait .contact-destination{position:relative;inset:auto;perspective:none;margin-top:58px}
 body.mobile-portrait #contact-scene{position:relative;inset:auto;transform:none!important}
 body.mobile-portrait .thankyou-heading{position:relative;inset:auto;width:100%;margin-bottom:28px;transform:none!important;opacity:1!important}
 body.mobile-portrait .thankyou-heading h2{font-size:clamp(42px,13vw,74px);line-height:.95}
 body.mobile-portrait .thankyou-heading h2 span{display:inline}
 body.mobile-portrait .thankyou-heading h2 span+span::before{content:' '}
 body.mobile-portrait #contact-end{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.5fr) minmax(0,1fr);gap:12px;align-items:start;width:100%;height:auto;min-height:260px;transform:none!important;opacity:1!important;scroll-margin-top:76px}
 body.mobile-portrait .contact-details{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;transform:none}
 body.mobile-portrait .contact-details h2{display:none}
 body.mobile-portrait .contact-details .contact-channel{width:100%;margin:0 0 9px;padding:10px 7px;border-radius:6px}
 body.mobile-portrait .contact-details .contact-channel-label{font-size:7px;margin-bottom:5px;letter-spacing:.08em}
 body.mobile-portrait .contact-details .contact-channel-value{font-size:clamp(10px,2.7vw,15px);letter-spacing:-.035em}
 body.mobile-portrait .contact-details .contact-email .contact-channel-value{font-size:clamp(8px,2.3vw,12px);white-space:normal;overflow-wrap:anywhere}
 body.mobile-portrait .contact-door{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:6/11;align-self:start}
 body.mobile-portrait .contact-film{position:relative;inset:auto;grid-column:3;grid-row:1;width:100%;max-width:none;aspect-ratio:9/16;border-radius:8px}
 body.mobile-portrait #door-home{left:calc(100% - 8px);width:18px;height:28px}
 body.mobile-portrait .contact-film .carousel-sound{top:4px;right:4px;padding:7px;min-height:28px;max-width:none}
 body.mobile-portrait .contact-film .carousel-sound svg{width:12px;height:12px}
 body.mobile-portrait .contact-film .carousel-sound span{display:none}
 body.mobile-portrait #viewer.about-view{height:100dvh;overflow-y:auto;overscroll-behavior:contain}
 body.mobile-portrait #viewer.about-view .about-layout{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px 16px;width:90vw;margin:0 auto;padding:90px 0 40px;align-items:start}
 body.mobile-portrait .about-copy{display:contents}
 body.mobile-portrait .about-copy h1{grid-column:1;grid-row:1;margin:0;font-size:clamp(30px,8.4vw,46px);line-height:.96;letter-spacing:-.04em}
 body.mobile-portrait .about-copy .about-intro{grid-column:1;grid-row:2;margin:0;font-size:clamp(14px,3.8vw,19px);line-height:1.4}
 body.mobile-portrait .about-layout .about-film{grid-column:2;grid-row:1/span 2;align-self:start;width:100%;height:auto;max-height:none;aspect-ratio:9/16;border-radius:9px}
 body.mobile-portrait .about-copy p:nth-of-type(2){grid-column:1/-1;grid-row:3}
 body.mobile-portrait .about-copy p:nth-of-type(3){grid-column:1/-1;grid-row:4}
 body.mobile-portrait .about-copy p:not(.about-intro){margin:0;font-size:16px;line-height:1.55}
 body.mobile-portrait .about-specialties{display:none}
 body.mobile-portrait .about-links{grid-column:1/-1;grid-row:5;display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin:0;align-items:center;font-size:10px;letter-spacing:0}
 body.mobile-portrait .about-links a{white-space:nowrap}
 body.mobile-portrait .about-links span{margin-left:3px}
 body.mobile-portrait .about-links #about-contact{min-height:36px;margin:0;padding:9px 7px;font-size:10px;letter-spacing:0}
 body.mobile-portrait .about-photos{grid-column:1/-1;grid-row:6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}
 body.mobile-portrait .about-film .carousel-sound{top:5px;right:5px;padding:7px;min-height:28px}
 body.mobile-portrait .about-film .carousel-sound span{display:none}
 body.mobile-portrait .about-film .carousel-sound svg{width:13px;height:13px}
 body.mobile-portrait.mobile-view-open .world,body.mobile-portrait.mobile-view-open .contact-destination,body.mobile-portrait.mobile-view-open .mobile-hero{filter:blur(10px);opacity:.18}
 body.mobile-portrait button,body.mobile-portrait a{touch-action:manipulation}
}