
/* R54 projects — one final responsive authority layer. */
html,body{max-width:100%;overflow-x:clip}
:focus-visible{outline:3px solid #efa173!important;outline-offset:3px!important}
.card img,.modalbox img{background:#0f1215}
.card img.r54-img-error{visibility:hidden}
@media(min-width:821px){
  .hero{padding:64px 0 32px!important}
  .gallery{gap:12px!important;padding-top:24px!important}
  .card{min-height:360px!important}
  .modalbox img{min-height:0!important;height:min(68vh,650px)!important;object-fit:contain!important;background:#090b0d!important}
  .modalbox{align-items:stretch!important}
}
@media(max-width:820px){
  .hero{padding:22px 0 12px!important;text-align:center!important}
  .hero h1{font-size:37px!important;line-height:.94!important;max-width:10ch!important;margin:6px auto 8px!important}
  .hero p{font-size:13px!important;line-height:1.45!important;max-width:34ch!important;margin-inline:auto!important}
  .tools{top:58px!important;padding:8px 0!important}
  .toolrow{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;overflow:visible!important;margin-inline:0!important;padding-inline:0!important}
  .search-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
  .toolrow .search{margin:0!important;min-width:0!important;width:100%!important;font-size:16px!important}
  .toolrow .count{text-align:left!important;font-size:10px!important;white-space:nowrap!important}
  .filter-scroll{display:flex!important;gap:7px!important;overflow-x:auto!important;padding:1px 0 3px!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important}
  .filter-scroll::-webkit-scrollbar{display:none!important}
  .filter-scroll .filter{display:inline-flex!important;flex:0 0 auto!important;min-height:40px!important;padding:0 12px!important;scroll-snap-align:start!important}
  .category-spotlight{display:none!important}
  .gallery,.gallery.category-mode{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding:14px 0 110px!important}
  .gallery.category-mode:before{grid-column:1/-1!important;font-size:17px!important;padding:4px 0 2px!important}
  .card,.card:nth-child(n){grid-column:auto!important;min-height:0!important;height:auto!important;aspect-ratio:1/1!important;border-radius:15px!important}
  .card.feature-card{grid-column:1/-1!important;aspect-ratio:16/10!important}
  .card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
  .cardcopy{padding:26px 10px 10px!important}
  .cardcopy h2{font-size:17px!important;line-height:1!important}
  .modal{padding:10px!important}
  .modalbox{width:100%!important;max-height:88svh!important;border-radius:20px!important;grid-template-columns:1fr!important}
  .modalbox img{width:100%!important;height:min(46svh,430px)!important;min-height:0!important;object-fit:contain!important;background:#090b0d!important}
  .modalcopy{padding:16px!important}
  .modalcopy h2{font-size:27px!important;margin:7px 0 10px!important}
  .sticky{bottom:calc(8px + env(safe-area-inset-bottom))!important;left:8px!important;right:8px!important}
  .sticky a{min-height:46px!important}
  /* Hide obsolete long supplementary sections on mobile. */
  #real-commissions,#ideas,.founder-commissions{display:none!important}
}
