/* Shared straight, close-up hero screens. Clip inside the hero, not the page. */
.hero{overflow:hidden;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.hero>.hero-product{transform:none;width:768px;max-width:none;margin-right:0;border-radius:16px;align-self:center}
.hero>.hero-product .hero-window{height:400px}
.hero>.hero-product .hero-window iframe{width:1200px;height:850px;transform:scale(.64);transform-origin:top left}
.broadcast-preview .product-hero>.product-art{transform:none;width:800px;max-width:none;min-width:0}
.broadcast-preview .product-hero .image-frame{border-radius:16px;overflow:hidden}
.broadcast-preview .product-hero .image-frame img{width:100%;max-width:none;display:block}
.broadcast-preview .product-hero .art-caption{max-width:430px}
@media(min-width:701px) and (max-width:1000px){.hero>.hero-product{width:660px}.hero>.hero-product .hero-window{height:345px}.hero>.hero-product .hero-window iframe{transform:scale(.55)}.broadcast-preview .product-hero>.product-art{width:700px}}
@media(max-width:700px){.hero>.hero-product{width:480px;margin:35px 0 5px;transform:none}.hero>.hero-product .hero-window{height:270px}.hero>.hero-product .hero-window iframe{transform:scale(.4)}.broadcast-preview .product-hero>.product-art{width:560px;margin:35px 0 0}.broadcast-preview .product-hero .art-caption{max-width:280px}.hero>.hero-product .product-caption{justify-content:flex-start;gap:22px}}