/* Field-based service storytelling: photo in the hero, illustrations in the process. */
#home_promo .hero-field { position:absolute; top:32px; right:0; width:40%; max-width:620px; margin:0; border:6px solid rgba(255,255,255,.94); border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 12px 36px rgba(70,49,24,.14); }
#home_promo .hero-field > img { width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; display:block; }
#home_promo .hero-field figcaption { margin:0; padding:12px 14px 10px; color:#202326; background:#fff; }
#home_promo .hero-field strong { display:block; font-size:16px; font-weight:700; line-height:1.6; }
#home_promo .hero-field small { display:block; font-size:11px; line-height:1.6; margin-top:3px; color:#666; }
#home_intro .wifi-flow-scene { display:block; height:auto!important; min-height:0!important; width:100%; aspect-ratio:4/3; padding:0!important; margin:0; overflow:hidden; border-radius:8px 8px 0 0; background:#fff; }
#home_intro .wifi-flow-scene img { display:block; width:100%!important; height:100%!important; max-height:none!important; object-fit:contain!important; object-position:center!important; }
#home_intro .ai-flow-step__body { padding-top:24px; }
#home_intro .ai-flow-step::after { top:44%; }
#home_intro .ai-flow-step h3 { font-size:21px; line-height:1.6; }
@media (min-width:1800px) { #home_promo .hero-field { top:12px; right:0; width:39%; } }
@media (min-width:768px) and (max-width:1279px) { #home_promo .hero-field { top:100px; width:40%; } #home_promo .hero-field strong { font-size:14px; } #home_promo .hero-field figcaption { padding:10px; } }
@media (max-width:767px) {
 #home_promo .hero__inner { display:flex; flex-direction:column; padding-top:24px; }
 #home_promo .hero__content { display:contents; }
 #home_promo .hero__price { order:1; align-self:flex-start; }
 #home_promo .hero__title { order:2; }
 #home_promo .hero__lead { order:3; }
 #home_promo .hero__visual--field { order:4; margin-top:0; padding-bottom:20px; }
 #home_promo .hero-features { order:5; }
 #home_promo .hero__note { order:6; margin-bottom:24px; }
 #home_promo .hero-field { position:relative; top:auto; right:auto; width:100%; max-width:460px; margin:0 auto; border-width:4px; box-shadow:0 6px 20px rgba(70,49,24,.1); }
 #home_promo .hero-field strong { font-size:15px; }
 #home_intro .ai-flow-step__body { padding-top:24px; }
 #home_intro .ai-flow-step::after { top:auto; }
}