/* Refonte novembre 2026 : expertises 2 x 2, réalisations racontées, photo, plan visible sur mobile */
.service-grid-2{grid-template-columns:1fr 1fr}
.service-grid-2 .service-card{min-height:0}
.service-grid-2 .service-card:nth-child(4){grid-column:auto}
.service-grid-2 .service-card p{min-height:0}
.service-icon{margin-bottom:34px}

.project-grid-2 .project-card{grid-column:auto;min-height:0;aspect-ratio:1000/413;background:#1a1f25}
.project-grid-2 .project-card img{filter:saturate(.8)}
.project-grid-2 .project-card::after{background:linear-gradient(0deg,rgba(8,10,12,.96) 0,rgba(8,10,12,.75) 38%,transparent 72%)}
.project-case .project-overlay{left:28px;right:28px;bottom:24px}
.project-case .project-overlay h3{font-size:1.25rem;line-height:1.25;margin:6px 0 8px}
.project-case .project-overlay p{color:#c3c8cd;font-size:.82rem;line-height:1.5;max-width:560px}

.about-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;filter:saturate(.85)}
.about-visual:has(.about-photo){padding:0}
.about-visual:has(.about-photo)::before{inset:18px;z-index:2;pointer-events:none}
.about-visual:has(.about-photo)::after{display:none}

@media (max-width:1050px){
  .hero{min-height:0;padding-bottom:90px}
  .hero-layout{grid-template-columns:1fr;gap:48px;padding-top:120px}
  .hero-visual{display:block;max-width:620px;justify-self:stretch}
  .drawing-card{transform:none}
  .availability{position:static;margin-top:18px;justify-content:flex-end}
  .service-grid-2{grid-template-columns:1fr 1fr}
  .project-grid-2{grid-template-columns:1fr}
}
@media (max-width:780px){
  .hero{padding-bottom:70px}
  .hero-layout{padding-top:118px}
  .service-grid-2{grid-template-columns:1fr}
  .project-grid-2 .project-card{aspect-ratio:auto;min-height:0}
  .project-grid-2 .project-card img{position:relative;height:auto;aspect-ratio:1000/413}
  .project-case .project-overlay{position:static;padding:18px 20px 22px;background:#15191e}
  .project-grid-2 .project-card::after{display:none}
  .drawing-card{padding:14px 14px 12px}
  .drawing-topline,.drawing-caption{font-size:.52rem}
}
@media (max-width:480px){
  .project-case .project-overlay{padding:16px 16px 20px}
  .about-visual{min-height:0}
}