/* Only the phone homepage uses the still photograph. Desktop keeps its camera. */
.mobile-hero-scene{display:none}
@media(max-width:800px){
 .legacy-home .hero#home{position:relative;display:flex;flex-direction:column;aspect-ratio:10/9;height:auto;min-height:0;max-height:none;padding:0;overflow:hidden;background:#989a9b;isolation:isolate}
 .legacy-home .hero#home:before,.legacy-home .hero#home:after,.legacy-home .hero#home .render:after{display:none!important;content:none!important}
 .legacy-home .hero#home .mobile-hero-scene{display:block;position:absolute;inset:0;z-index:0;pointer-events:none}
 .legacy-home .hero#home .mobile-hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;mask-image:none;-webkit-mask-image:none}
 .legacy-home .hero#home .intro{position:relative;flex:none;z-index:2;min-height:74px;padding:18px 16px 0}
 .legacy-home .hero#home .hero-title-main{font-size:clamp(23px,5.9vw,34px);color:rgb(255 255 255 / .92)!important}
 .legacy-home .hero#home .hero-title-sub{font-size:clamp(14px,3.7vw,21px);margin-top:5px;color:#3e3e3e!important}
 .legacy-home .hero#home .experience{position:relative;inset:auto;display:grid;grid-template-columns:20% minmax(0,1fr) 20%;grid-template-rows:1fr;align-items:center;gap:0;flex:1 1 auto;min-height:0;max-width:none;width:100%;margin:0;padding:8px clamp(20px,6vw,40px) 0;background:none;z-index:2}
 .legacy-home .hero#home .render,.legacy-home .hero#home .orbit-control{display:none!important}
 .legacy-home .hero#home .country,.legacy-home .hero#home .country.is-active{position:relative;grid-row:1;align-self:center;justify-self:stretch;inset:auto;width:100%;min-width:0;margin:0;padding:0;translate:0 0;transform:none;background:none;box-shadow:none}
 .legacy-home .hero#home .china,.legacy-home .hero#home .china.is-active{grid-column:1}
 .legacy-home .hero#home .korea,.legacy-home .hero#home .korea.is-active{grid-column:3}
 .legacy-home .hero#home .country .direction{min-height:24px;font-size:clamp(10px,2.7vw,13px);gap:4px;cursor:pointer;animation:none;transition:none;color:#080808!important}
 .legacy-home .hero#home .country.china .direction{color:#be1c1a!important}
 .legacy-home .hero#home .country .view-symbol{display:block;flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 5px #ffffff90;animation:none;transform:none}
 .legacy-home .hero#home .china .view-symbol{background:#df253a;box-shadow:0 0 5px #df253a90}
 .legacy-home .hero#home .country .export-caption{font-family:Montserrat,sans-serif!important;font-size:clamp(8px,2.1vw,10px);line-height:1.45;margin:0;max-width:100%;color:#11161a!important}
 .legacy-home .hero#home .country .country-summary .staff{gap:2px;margin:10px 0 0}
 .legacy-home .hero#home .country .staff strong,.legacy-home .hero#home .country.is-active .staff strong{font-size:clamp(17px,5vw,25px);font-weight:800;line-height:1.2;letter-spacing:0}
 .legacy-home .hero#home .country .staff span,.legacy-home .hero#home .country.is-active .staff span{font-size:clamp(7.5px,2vw,10px);font-weight:300;line-height:1.4;margin-top:0;max-width:100%;color:#fff!important}
 .legacy-home .hero#home .country{text-align:center}
 .legacy-home .hero#home .country .direction{justify-content:center;width:100%}
 .legacy-home .hero#home .korea .direction{justify-content:center;width:100%}
 .legacy-home .hero#home .country .country-summary .staff{align-items:center}
 .legacy-home .hero#home .country .catalog,.legacy-home .hero#home .country.is-active .catalog{position:relative;justify-content:center;min-height:34px;height:auto;margin:10px 0 0;padding:7px 5px;font-size:clamp(9px,2.4vw,11px);font-weight:400;line-height:1.4;border-radius:6px;gap:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none;transform:none;box-shadow:none}
 .legacy-home .hero#home .country .catalog:before{content:'';position:absolute;inset:-5px 0}
 .legacy-home .hero#home .country .catalog{width:100%;margin-inline:auto;padding-inline:3px}
 .legacy-home .hero#home .country .catalog .icon{display:none!important}
 .legacy-home .hero#home .country :is(.direction,.staff strong,.staff span,.catalog,.catalog span){font-family:Unbounded,sans-serif!important}
 .legacy-home .hero#home .country .catalog span{color:#fff;text-shadow:none}
 .legacy-home .hero#home .mobile-hero-about{position:relative;z-index:2;flex:none;margin:0;padding:0 0 8px;background:none}
 .legacy-home .hero#home .mobile-hero-about>summary{min-height:32px;padding:0;font-size:11px;color:#3e3e3e}
 .legacy-home .hero#home:has(.mobile-hero-about[open]){aspect-ratio:auto;background:#0c0f12}
 .legacy-home .hero#home:has(.mobile-hero-about[open]) .mobile-hero-scene{height:90vw;bottom:auto}
 .legacy-home .hero#home:has(.mobile-hero-about[open]) .experience{flex:none;min-height:calc(90vw - 114px)}
 .legacy-home .hero#home .mobile-hero-about .mobile-hero-facts{padding:14px 16px 18px;background:#0c0f12;border:0;color:#f3f4f5}
 .legacy-home .hero#home .mobile-hero-about .mobile-hero-facts :is(h2,p,strong){color:#f3f4f5}
}