/* Phase 1: header adapts to the omitted contact action. */
@media(min-width:1024px){.site-header{grid-template-columns:18% 1fr}.site-nav{justify-content:flex-end}}

/* S35: on small screens, show only the flower area of the reference composite.
   The source inset begins at y=213; this SVG viewBox ends at y=206.
   Keep the accepted desktop image and the foreground threads unchanged. */
.saffron-flower-mobile-crop{display:none}
.hero-mobile-visual{display:none}
@media(width < 1024px){
  .saffron-flower>img{display:none}
  .saffron-flower>.saffron-flower-mobile-crop{display:block;width:100%;height:100%;overflow:hidden}
}

/* Q44: Safari mobile uses native SVG image masking, with the v2.24 geometry.
   The original raster file and the accepted desktop rendering stay intact. */
@media(width < 1024px){
  .hero-visual>img{display:none}
  .hero-visual>.hero-mobile-visual{display:block;position:absolute;width:130%;height:auto;left:-15%;top:-25px;overflow:hidden}
}
@media(min-width:768px) and (width < 1024px){
  .hero-visual>.hero-mobile-visual{width:584px;left:-130px;top:0}
}

/* RC2: exclude the source composite's pale borders and purple right edge.
   Keep the accepted foreground figure geometry and desktop image unchanged. */
.saffron-threads-mobile-crop{display:none}
@media(width < 1024px){
  .saffron-threads>img{display:none}
  .saffron-threads>.saffron-threads-mobile-crop{display:block;width:100%;height:112%;overflow:hidden}
}

/* Focused IC2 r4: keep phone botanical framing stable across rotation.
   The SVG and caption share the bounded hero figure. Source crops/masks,
   tablet (768+) and desktop geometry remain unchanged. */
@media(width < 768px){
  .hero-visual{width:min(100%,375px);margin-left:auto;margin-right:auto}
  .saffron-visuals{width:min(100%,335px);margin-left:auto;margin-right:auto}
}

/* Focused IC2 r5: align botanical metadata with the r4 phone image group. */
@media(width < 768px){
  .saffron-meta{width:min(100%,335px);margin-left:auto;margin-right:auto}
}