/* Approved homepage: full-height player in the right third; half-width remains a comparison. */
.home.hero-fill .hero{padding:0;column-gap:0;align-items:stretch;grid-template-columns:1fr 1fr}
.home.hero-third .hero{grid-template-columns:2fr 1fr}
.home.hero-fill .hero>.intro{align-self:center;padding:calc(44px + var(--edge-half)) var(--layout-gutter) calc(52px + var(--edge-half))}
.home.hero-fill .hero>.player{display:flex;flex-direction:column;border-radius:0;min-height:430px}
.home.hero-fill .hero .player-image{flex:1;min-height:170px;height:auto;position:relative}
.home.hero-fill .hero .player-image img{position:absolute;inset:0;object-position:50% 58%}
.home.hero-fill .hero .player-content{padding:28px 36px calc(28px + var(--edge-half));flex:none}
.home.hero-fill .hero .practice h2{max-width:20ch}
@media(max-width:1000px){
 .home.hero-fill .hero .player-content{padding:26px 28px calc(26px + var(--edge-half))}
 .home.hero-third .hero .player-content{padding-left:24px;padding-right:24px}
}
@media(max-width:760px){
 .home.hero-fill .hero{grid-template-columns:1fr;row-gap:0}
 .home.hero-fill .hero>.intro{padding:calc(24px + var(--edge-half)) var(--layout-gutter) 28px}
 .home.hero-fill .hero>.player{min-height:0}
 .home.hero-fill .hero .player-image{height:144px;min-height:0;flex:none}
 .home.hero-fill .hero .player-content{padding:24px var(--layout-gutter) calc(28px + var(--edge-half))}
}