/* Portrait panels fit the usable phone viewport beneath the website navigation. */
@media(max-width:700px){
 #home.hn-home .hn-hero{height:calc(100svh - 112px)!important;min-height:420px!important;max-height:none!important}
 #home .hn-hero-photo{width:100%;height:100%;object-fit:cover;object-position:55% center}
 #home .hn-hero-copy{padding:28px 0!important}
 #home .hn-hero-copy h1{font-size:clamp(24px,7.6vw,32px)!important;max-width:100%}
 #factory.jm-factory-teaser{padding:20px 0 24px!important}
 #factory .factory-heading{margin-bottom:14px!important}
 #factory #factory-title{font-size:clamp(24px,6.5vw,32px)!important;line-height:1.15;margin:0!important}
 #factory .factory-preview-wrap:not(.is-active){height:calc(100svh - 178px)!important;min-height:440px!important;aspect-ratio:auto!important;max-height:none!important;margin-top:0!important}
 #factory .factory-film-caption{top:16px;right:16px;max-width:85%;font-size:14px;padding:9px 12px}
 #factory .factory-film-enter{left:16px;bottom:20px;top:auto;font-size:14px;min-height:46px;padding:12px 18px}
}
@media(max-width:700px) and (max-height:620px){#home.hn-home .hn-hero{min-height:300px!important}#factory .factory-preview-wrap:not(.is-active){min-height:340px!important}}