#accueil.cover-home{
  --hero-light:#f6f0e5;
  --hero-photo:url(accueil-table-v8.webp);
  background:linear-gradient(to top,var(--paper),var(--hero-light) 26%);
  min-height:clamp(35rem,51vw,48rem);
}
html[data-photo-accueil="lin"] #accueil{--hero-photo:url(accueil-lin-v8.webp)}
html[data-photo-accueil="patron"] #accueil{--hero-photo:url(accueil-patron-v8.webp)}
#accueil .cover-home-photo{
  background-image:
    linear-gradient(to top,var(--paper),transparent 30%),
    linear-gradient(to right,var(--hero-light) 3%,#f6f0e5ed 24%,#f6f0e57a 46%,transparent 73%),
    var(--hero-photo);
  background-size:100% 100%,100% 100%,cover;
  background-position:center,center,right center;
  background-repeat:no-repeat;
}
.work-gallery .work-role{
  padding:.65rem .8rem;color:var(--ink);font-size:1rem;line-height:1.2;
  font-weight:600;min-height:2.75rem;
}
:is(#personnalisation,#ameublement) .pair{align-items:start}
:is(#personnalisation,#ameublement) .copy .eyebrow{font-size:.86rem;line-height:1.35;margin:0 0 1.15rem}
:is(#personnalisation,#ameublement) .portfolio{margin-top:calc(.86rem * 1.35 + 1.15rem)}
#avis .review-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#avis .review-intro{margin:0;max-width:58ch}
#avis .reviews{
  display:grid;position:relative;grid-auto-flow:column;grid-auto-columns:calc((100% - 2rem) / 2.25);
  grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;scrollbar-color:#b4865f transparent;padding-block:.25rem .7rem;
}
#avis blockquote{scroll-snap-align:start;display:flex;flex-direction:column;min-height:11.5rem}
#avis cite{margin-top:auto}
#avis .review-quote{font-size:clamp(1.37rem,2.15vw,1.8rem);line-height:1.12}
#avis .rating-stars{color:#955310}
#avis .reviews:focus-visible{outline:2px solid #92541e;outline-offset:3px}
.magazine-bridge .bridge-shelf [data-rubrique="faire"] .media-kicker{color:#ffd77e}
.magazine-bridge .bridge-shelf [data-rubrique="matieres"] .media-kicker{color:#aee5d0}
.magazine-bridge .bridge-shelf [data-rubrique="cultures"] .media-kicker{color:#ffc4ae}
@media(max-width:760px){
  #accueil.cover-home{min-height:0}
  #accueil .cover-home-content{padding:1.8rem 0 clamp(12rem,51vw,22rem)}
  #accueil.cover-home{background:var(--hero-light)}
  #accueil .cover-home-photo{
    background-image:
      linear-gradient(to top,var(--paper),transparent 28%),
      linear-gradient(to bottom,var(--hero-light),transparent 35%),
      var(--hero-photo);
    background-position:center,center,87% center;
  }
  :is(#personnalisation,#ameublement) .portfolio{margin-top:0}
  #avis .reviews{grid-auto-columns:82%;gap:.75rem}
}