/* =========================================================
   PROJECT DETAIL — /{locale}/projects/{slug}
   One-off adjustments on top of the shared inner-page components in
   styles.css ("INNER PAGES — shared components"). Pushed from
   resources/views/pages/project-show.blade.php.
   ========================================================= */

/* Overview: description, then the facts, then the actions. */
.proj__desc{max-width:62ch;}
.proj__facts{margin-top:clamp(22px,2.6vw,34px);grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));}
.proj__facts .ip-fact__v[dir="ltr"]{text-align:start;unicode-bidi:isolate;}
html[dir="rtl"] .proj__facts .ip-fact__v[dir="ltr"]{text-align:right;}

/* Gallery: rounded landscape tiles, cropped to fill. */
.proj-gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));}
.proj-gallery__item{position:relative;margin:0;overflow:hidden;border-radius:16px;aspect-ratio:4/3;background:var(--slate);
  border:1px solid var(--hairline);box-shadow:0 16px 34px rgba(0,0,0,.28);}
.proj-gallery__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}
.proj-gallery__item:hover img{transform:scale(1.04);}

@media (prefers-reduced-motion:reduce){
  .proj-gallery__item img{transition:none;}
  .proj-gallery__item:hover img{transform:none;}
}