.hero-fallback.grill-fallback img{object-fit:contain;object-position:center;filter:none}
.hero-fallback.grill-fallback>span{max-width:400px;line-height:1.6;letter-spacing:.02em}
.grill-fallback strong,.grill-fallback small{display:block}
.grill-fallback strong{font-size:13px;letter-spacing:.05em}
.grill-fallback small{margin-top:5px;font-size:11px;color:#c4cfc7;letter-spacing:0;text-transform:none}
.grill-image-window{position:absolute;inset:0;overflow:hidden}
@media(min-width:761px){
 .home .hero:has(.grill-fallback){height:clamp(870px,110svh,1050px);min-height:870px;max-height:1050px}
 .hero-fallback.grill-fallback img{position:absolute;top:-8%;right:-2%;width:63%;height:136%;padding:0;box-sizing:border-box}
 .hero-fallback.grill-fallback>span{left:var(--pad);right:auto;bottom:115px;max-width:min(400px,44%)}
 .home .hero-visual[data-appearance=grill]:not(:fullscreen) .model-tag{left:var(--pad);right:auto;top:auto;bottom:180px;max-width:44%}
 .home .hero-visual[data-appearance=grill]:not(:fullscreen) .model-tag .tag-line{display:none}
 .home .hero-visual[data-appearance=grill]:not(:fullscreen) .viewer-tools{bottom:100px}
}
@media(max-width:760px){
 .home .hero-visual[data-viewer=fallback]:has(.grill-fallback),.home .hero-visual:not([data-ready=true]):has(.grill-fallback){height:550px}
 .grill-image-window{bottom:90px}
 .hero-fallback.grill-fallback img{position:absolute;top:-50px;left:0;width:100%;height:720px;object-fit:cover;object-position:55% center}
 .hero-fallback.grill-fallback>span{bottom:22px;text-align:center}
 .grill-fallback small{font-size:11px;line-height:1.65}
 .home .hero-visual[data-appearance=grill]:not(:fullscreen) canvas{height:420px}
}

/* Keep the editable grill description clearly visible in the first viewport. */
.home .hero-visual[data-appearance=grill] .model-tag{padding:16px 20px;border:1px solid #c5d9cd33;border-left:3px solid #00b66c;background:#101b15ed;border-radius:2px;box-sizing:border-box}
.home .hero-visual[data-appearance=grill] .model-tag>div{max-width:none}
.home .hero-visual[data-appearance=grill] #partName{display:block;font-size:16px;line-height:1.45;letter-spacing:.02em;color:#f5f7f2}
.home .hero-visual[data-appearance=grill] #partDescription{display:block;margin-top:6px;font-size:14px;line-height:1.6;color:#e1eae2}
@media(min-width:761px){
 .home .hero-visual[data-appearance=grill]:not(:fullscreen) .model-tag{top:clamp(126px,15vh,165px);right:var(--pad);bottom:auto;left:auto;width:min(360px,34%);max-width:36%}
}
@media(max-width:760px){
 .home .hero-visual[data-appearance=grill]:not(:fullscreen) .model-tag{margin:14px 24px 0;text-align:left;justify-content:flex-start}
}
