/* Product-first layout is limited to the two Devkit heroes on small screens. */
@media(max-width:820px){
 .product-hero[data-hero-layout="product-first"]{width:calc(100% - 32px);padding-top:90px;padding-bottom:40px}
 [data-hero-layout="product-first"] .breadcrumb{margin-bottom:18px;font-size:10px}
 [data-hero-layout="product-first"] .hero-grid{display:flex;flex-direction:column;border-top:0}
 [data-hero-layout="product-first"] .hero-copy{display:contents}
 [data-hero-layout="product-first"] .hero-copy > .eyebrow{display:none}
 [data-hero-layout="product-first"] .hero-title{order:0;margin:0 0 20px;font-size:clamp(40px,11.8vw,56px);line-height:1.04;letter-spacing:-.04em}
 [data-hero-layout="product-first"] .hero-title span{margin-top:5px;font-size:.58em;line-height:1.12}
 [data-hero-layout="product-first"] .hero-gallery{order:1;width:100%;padding:0;border:0}
 [data-hero-layout="product-first"] .gallery-stage{height:clamp(250px,76vw,370px);min-height:0}
 [data-hero-layout="product-first"] .gallery-stage img:not(.is-split){height:clamp(250px,76vw,370px);min-height:0}
 [data-hero-layout="product-first"] .gallery-caption{display:none}
 [data-hero-layout="product-first"] .gallery-thumbs{gap:6px;padding-top:7px}
 [data-hero-layout="product-first"] .gallery-thumb{aspect-ratio:1.55}
 [data-hero-layout="product-first"] .hero-kicker{order:2;margin:24px 0 0;font-size:26px;line-height:1.15}
 [data-hero-layout="product-first"] .hero-lead{order:3;margin:16px 0 0;font-size:14px;line-height:1.7}
 [data-hero-layout="product-first"] .hero-notice{order:4;margin-top:20px}
 [data-hero-layout="product-first"] .hero-commerce{order:5;width:100%;margin-top:22px;padding-top:20px}
 [data-hero-layout="product-first"] .hero-tags{order:6;margin:22px 0 24px}
}