/* static build — responsive tweaks */
/* Desktop (>=768px) is left exactly as the original (h2 30 / p 14). Only on small screens, where
   the title tile is col-xs-6 (half the viewport) and dominant, do we scale the text up as a share of
   the TILE'S OWN width (container-query units) — ~15cqw makes "P+P Australia" big and fill the tile. */
@media (max-width:767px){
  body:not(.in-gallery) #grid .box-title .content-item.info-box{container-type:inline-size}
  body:not(.in-gallery) #grid .box-title .content-item.info-box .info-overlay-content{padding:7px 10px}
  body:not(.in-gallery) #grid .box-title .content-item.info-box .info-overlay-content h2{font-size:clamp(18px,15cqw,54px);line-height:1.08;margin:0 0 4px}
  body:not(.in-gallery) #grid .box-title .content-item.info-box .info-overlay-content p{font-size:clamp(11px,6cqw,22px);line-height:1.2;margin:0}
}