/* Arrondi commun aux boutons, sans modifier les couleurs ni leurs destinations.
   Priorité explicite pour unifier les rayons définis dans les feuilles des pages. */
body a.btn,
body button.request-submit,
body a.collab-trades-button,
body a.nd-footer-access__button {
  border-radius: 999px !important;
}
body a.nd-footer-access__button { padding-left: 26px; padding-right: 26px; }

/* Liseres cuivre aux jonctions photo / texte, palette du visuel d'accueil. */
:root{--nd-photo-liseret:linear-gradient(140deg,#e4c19b,#a36647 28%,#e3ba8c 57%,#a36647 80%,#d4a379)}
.project-image,.about-portrait,.local-hero-media,.review-flyer,
.portfolio-copy,.shot figcaption,.service-example>img,
.sector-card-image,.collab-project-image,.bathroom-project>img,
.bathroom-hero-photo,.bathroom-hero-photo figcaption {
 border:0 solid #c5916d;
 border-image:var(--nd-photo-liseret) 1;
}
/* Les cartes alternees restent cote a cote sur le mobile actuel. */
.project-image,.about-portrait{border-right-width:5px}
.project-card-secondary .project-image{border-right-width:0;border-left-width:5px}
.portfolio-copy,.shot figcaption,.bathroom-hero-photo figcaption{border-top-width:5px}
.portfolio-card-featured .portfolio-copy{border-top-width:0;border-left-width:5px}
.service-example>img,.sector-card-image,.collab-project-image,.bathroom-project>img{border-bottom-width:5px}
.sector-card-image,.collab-project-image{display:block}
.local-hero-media,.review-flyer,.bathroom-hero-photo{border-left-width:5px}
/* Le visuel d'accueil et celui des collaborations ont deja leur liseret courbe. */
@media(max-width:850px){
 .local-hero-media,.review-flyer{border-left-width:0;border-bottom-width:5px}
}
@media(max-width:900px){.bathroom-hero-photo{border-left-width:0}}

.service-content-grid>.service-example{border-left:5px solid #c5916d;border-image:var(--nd-photo-liseret) 1}
@media(max-width:850px){.service-content-grid>.service-example{border-left-width:0}}

/* Photos lisibles sur telephone et tablette : une colonne, proportions natives. */
@media (max-width:850px) {
  .project-card,
  .portfolio-card-featured {
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }
  .project-card .project-image,
  .project-card-secondary .project-image {
    order:0;
    min-width:0;
    min-height:0;
    height:auto;
    border-left-width:0;
    border-right-width:0;
    border-bottom-width:5px;
  }
  .project-card .project-image img,
  .portfolio-card-featured .portfolio-image img {
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:auto;
    object-fit:contain;
  }
  .project-card .project-copy,
  .project-card-secondary .project-copy {
    order:1;
    min-width:0;
    padding:28px 24px 32px;
  }
  .project-card .project-copy h3 {font-size:1.7rem;line-height:1.18}
  .project-card .project-copy p,
  .project-card .project-list li {font-size:1rem;line-height:1.65}
  .project-card .project-copy .btn {min-height:48px;padding:12px 20px;font-size:.9rem}
  .portfolio-card-featured .portfolio-copy {
    border-left-width:0;
    border-top-width:5px;
  }
}