/* Studio hero: scoped to the home banner. */
#home.hero{position:relative;isolation:isolate;display:block;min-height:0;background:#eef7ff;overflow:hidden;padding:0}
#home .hero-studio{position:absolute;inset:0;width:100%;height:calc(100% - 86px);object-fit:contain;z-index:-1}
#home .hero-copy{width:44%;height:50vw;min-height:0;margin-left:0;margin-right:auto;padding:4vw;background:none;align-items:flex-start;justify-content:center}
#home h1{font-size:clamp(2.2rem,3.6vw,4.8rem);line-height:1.35;letter-spacing:-.025em;margin:1rem 0 1.2rem}
#home .hero-text{font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.85;margin:0 0 1.6rem}
#home .eyebrow{color:#326380;letter-spacing:.15em}
#home .primary-button{box-shadow:0 10px 25px #12638b24}
#home .hero-stats{height:86px;background:#133e56}
@media(max-width:800px){
 #home.hero{display:flex;flex-direction:column}
 #home .hero-studio{position:relative;height:auto;aspect-ratio:2/1;order:2;z-index:0}
 #home .hero-copy{width:100%;height:auto;order:1;padding:40px 7vw 28px}
 #home h1{font-size:clamp(2rem,7vw,3rem)}
 #home .hero-text{max-width:560px}
 #home .hero-stats{order:3;height:auto;grid-template-columns:repeat(3,1fr)}
 #home .hero-stats div{flex-direction:column;gap:2px;padding:16px 5px}
 #home .hero-stats span{font-size:.78rem}
}
/* Keep both languages inside the artwork's clear text area. */
#home .hero-copy{min-width:0;text-align:start}
#home .hero-copy>*{max-width:100%}
html[dir="rtl"] #home .hero-copy{direction:rtl;text-align:right}
html[dir="ltr"] #home .hero-copy{direction:ltr;text-align:left}