/* Mobile compositions retain the same content and interactive components. */
#client-reviews{display:none}
@media(max-width:1100px){
  /* Keep keyboard focus on the icon itself instead of drawing a square around it. */
  :is(.menu-toggle,.menu-close):focus-visible{outline:none}
  :is(.menu-toggle,.menu-close):focus-visible span{height:2px}
}
@media(max-width:650px){
  #home.diamond-hero{height:auto;min-height:100svh;padding:clamp(340px,44svh,400px) 26px 64px}
  #home .diamond-stage{top:76px;bottom:auto;left:0;width:100%;height:280px}
  #home .hero-editorial-copy .hero-actions{margin-left:-10px;width:calc(100% + 10px);justify-content:center}
  #home .hero-editorial-copy .hero-description{margin-left:-10px;width:calc(100% + 10px);text-align:center}
  #social-presence .social-cards{order:1;width:calc(100% + 32px);max-width:420px;align-self:center;margin:28px 0 0;padding:14px 8px 26px}
  #social-presence .social-copy{order:0}
  .shared-boutique #selected-pieces{padding-top:24px}
  :is(#fine-jewelry,#client-reviews) .review-stage{height:250px}
  :is(#fine-jewelry,#client-reviews) .review-card{width:250px;max-width:calc(100% - 48px);min-height:0;height:230px;padding:14px 18px}
  :is(#fine-jewelry,#client-reviews) .review-card footer{gap:10px}
  :is(#fine-jewelry,#client-reviews) .review-card footer img{width:40px;height:40px;flex-basis:40px}
  #client-reviews{display:block;background:#f4f7fa;padding:12px 0 24px;overflow:hidden}
  #client-reviews .testimonials{margin:0;padding:0 12px 14px}
  #social-presence{min-height:0;padding-top:24px;padding-bottom:24px}
  #contact.contact-section{padding-top:48px}
  #contact .contact-map-wrap{width:78%;max-width:280px;max-height:280px;justify-self:center}
}