/* One full-width studio scene. The photo keeps its natural proportions. */
.home-hero{background:#f2f2f2}
.home-hero .hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:0;width:100%;max-width:none;margin:0;isolation:isolate}
.home-hero .hero-portrait{grid-area:1/1;align-self:center;display:block;width:100%;height:auto;margin:0;padding:0;border-radius:0;overflow:hidden;background:#f2f2f2;-webkit-mask-image:none;mask-image:none}
.home-hero .hero-portrait picture{display:block;width:100%}
.home-hero .hero-portrait img{display:block;width:100%;height:auto;max-height:none;margin:0;aspect-ratio:2/1;object-fit:contain;object-position:center;-webkit-mask-image:none;mask-image:none}
.home-hero .hero-copy{grid-area:1/1;position:relative;z-index:1;justify-self:end;align-self:center;width:46%;max-width:640px;margin:32px clamp(24px,4vw,80px) 32px 0;padding:0;min-width:0}
.home-hero .hero-quiz-box{box-shadow:0 12px 38px #30113f12}
@media(max-width:900px){
 .home-hero .hero-inner{display:flex;flex-direction:column}
 .home-hero .hero-portrait{width:100%;margin:0;padding:0}
 .home-hero .hero-portrait img{width:100%;height:auto;max-height:850px;aspect-ratio:auto;object-fit:contain}
 .home-hero .hero-copy{width:100%;max-width:none;margin:0;padding:0}
 .home-hero .hero-quiz-box{width:100%;padding:30px clamp(24px,5vw,48px) 32px;border:0;border-radius:0;box-shadow:none}
}
/* Portrait tablets only: remove the height cap that creates side gutters. */
@media(min-width:651px) and (max-width:900px) and (orientation:portrait){
 .home-hero .hero-portrait img{max-height:none}
}