/* ===========================================================
   H Tools Wood — Galerie Réalisations (éditorial) + pages projet
   =========================================================== */

.real-hero{padding:56px 24px 8px;max-width:680px;}
.real-hero h1{
  font-family:'Fraunces',serif;font-weight:500;font-size:34px;line-height:1.15;letter-spacing:-.015em;margin:12px 0 12px;
}
.real-hero p{color:var(--ink-soft);font-size:15px;line-height:1.6;}

/* ---------- Grille éditoriale (tailles variées) ---------- */
.real-editorial-grid{
  display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:18px;padding:28px 0 90px;
}
.real-card{
  position:relative;display:block;border-radius:var(--radius);overflow:hidden;grid-column:span 1;grid-row:span 1;
  transition:transform .2s ease;
}
.real-card.is-hidden{display:none;}
.real-card .photo-ph{position:absolute;inset:0;transition:transform .5s ease;}
.real-card:hover .photo-ph{transform:scale(1.035);}
.real-card .real-overlay{
  position:absolute;left:0;right:0;bottom:0;padding:20px;z-index:2;
  background:linear-gradient(0deg, rgba(20,18,15,.72) 0%, rgba(20,18,15,0) 65%);
  color:#F7F3EC;
}
.real-card .real-type{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.85;display:block;margin-bottom:4px;}
.real-card .real-title{font-family:'Fraunces',serif;font-size:18px;font-weight:500;line-height:1.25;}

.real-card.w2{grid-column:span 2;}
.real-card.h2{grid-row:span 2;}
.real-card.big{grid-column:span 2;grid-row:span 2;}

@media (max-width:980px){
  .real-editorial-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px;}
  .real-card.big{grid-column:span 2;grid-row:span 2;}
}
@media (max-width:620px){
  .real-editorial-grid{grid-template-columns:1fr;grid-auto-rows:220px;gap:14px;}
  .real-card.w2,.real-card.big{grid-column:span 1;}
  .real-card.h2,.real-card.big{grid-row:span 1;}
}

.real-end-cta{
  text-align:center;padding:70px 24px 90px;border-top:1px solid var(--line);margin-top:10px;
}
.real-end-cta h2{font-family:'Fraunces',serif;font-weight:500;font-size:26px;margin-bottom:16px;}

/* ---------- Page projet (détail) ---------- */
.project-hero{position:relative;height:56vh;min-height:360px;max-height:620px;}
.project-hero .photo-ph{position:absolute;inset:0;}
.project-hero-meta{
  position:absolute;left:0;right:0;bottom:0;padding:36px 28px;
  background:linear-gradient(0deg, rgba(20,18,15,.78) 0%, rgba(20,18,15,0) 70%);
  color:#F7F3EC;
}
.project-hero-meta .eyebrow{color:#E4C89A;}
.project-hero-meta h1{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(26px,4vw,42px);margin:8px 0 6px;letter-spacing:-.01em;}
.project-hero-meta .project-loc{font-size:13px;opacity:.85;font-family:'JetBrains Mono',monospace;letter-spacing:.03em;}

.project-body{max-width:760px;margin:0 auto;padding:52px 24px 0;}
.project-body .lede{font-size:16px;line-height:1.75;color:var(--ink-soft);margin-bottom:8px;}

.project-gallery{
  max-width:1100px;margin:44px auto 0;padding:0 24px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.project-gallery .photo-ph{aspect-ratio:4/3;}
.project-gallery .photo-ph:first-child{grid-column:span 2;aspect-ratio:16/9;}
@media (max-width:760px){
  .project-gallery{grid-template-columns:1fr 1fr;}
  .project-gallery .photo-ph:first-child{grid-column:span 2;}
}

.project-info{max-width:760px;margin:52px auto 0;padding:36px 24px 0;border-top:1px solid var(--line);
  display:grid;grid-template-columns:1fr 1fr;gap:36px;}
.project-info h2{font-family:'Fraunces',serif;font-size:18px;font-weight:500;margin-bottom:14px;}
.project-info ul{list-style:none;font-size:13.5px;color:var(--ink-soft);line-height:2;}
.project-info ul li strong{color:var(--ink);font-weight:600;}
@media (max-width:620px){.project-info{grid-template-columns:1fr;}}

.project-end-cta{
  max-width:760px;margin:56px auto 0;padding:36px 24px 90px;text-align:center;
}
.project-end-cta p{font-size:16px;color:var(--ink);margin-bottom:18px;font-family:'Fraunces',serif;font-size:20px;}