/* Portfolio atelier. Les images restent au premier plan. */
#accueil{gap:0;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
#accueil>div{position:relative;z-index:1;padding-right:1.2rem}
#accueil .lead{max-width:28rem}
#accueil figure{margin-left:clamp(-3.5rem,-3.7vw,-1.2rem)}
#accueil figure img{width:100%;aspect-ratio:1.36;object-fit:cover;object-position:center;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#0006 8%,#000 23%);
  mask-image:linear-gradient(to right,transparent 0%,#0006 8%,#000 23%)}
#accueil figure figcaption{padding-left:12%;font-size:.78rem}
.engraving{width:4.8rem;height:auto;display:inline-block;flex:none;pointer-events:none;mix-blend-mode:multiply}
#accueil .engraving{width:4.7rem;transform:rotate(-7deg)}
#retouches .engraving{position:absolute;top:-.55rem;right:1%;width:clamp(4.2rem,9.5vw,8rem);transform:rotate(-9deg);opacity:.72}
.action-sketch .engraving{width:5.6rem}
.cat-note .engraving,.visit .engraving{width:5.2rem}
.evidence a{display:inline-flex;gap:.55rem;align-items:center;flex-wrap:wrap}
.rating-stars{display:inline-block;color:#92541e;letter-spacing:.1em;font-family:system-ui,sans-serif;font-size:1rem;white-space:nowrap}
.evidence .rating-stars{font-size:.92rem;letter-spacing:.06em}
.portfolio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.portfolio figure{margin:0;min-width:0}
.portfolio img{width:100%;aspect-ratio:1.25;object-fit:cover}
.portfolio figcaption{margin:.38rem 0 .22rem;font-size:.86rem}
.portfolio-note{grid-column:1/-1;color:var(--muted);font-size:.78rem;margin-top:.1rem}
#personnalisation .portfolio,#ameublement .portfolio{align-self:start}
#ameublement .portfolio img{aspect-ratio:1.08}
#professionnels{background:#f3f0e9}
.work-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:clamp(1rem,4vw,4rem);margin-bottom:1.7rem}
.work-intro h2{margin-bottom:0}
.work-intro p:not(.eyebrow){max-width:42ch}
.work-tools{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 .75rem}
.work-tools p{color:var(--muted);font-size:.87rem}
.work-controls{display:flex;align-items:center;gap:.5rem}
.work-controls output{min-width:5ch;text-align:center;font-size:.88rem;font-variant-numeric:tabular-nums}
.work-controls button{width:2.7rem;height:2.7rem;background:#fffdfa;color:var(--ink);font:1.2rem system-ui;border:1px solid #d6cfc4;border-radius:50%;cursor:pointer}
.work-controls button:disabled{opacity:.42;cursor:default}
.work-controls button:focus-visible,#vitrine-tenues:focus-visible{outline:2px solid #92541e;outline-offset:3px}
.work-gallery{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * .9rem)/4);gap:.9rem;overflow:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:0 0 .65rem;margin:0;list-style:none;scrollbar-color:#bba888 transparent;scrollbar-width:thin}
.work-gallery li{scroll-snap-align:start;background:#fffdfa}
.work-gallery figure{margin:0}
.work-gallery img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#eee9e0}
.work-gallery figcaption{padding:.75rem .8rem 1rem;color:var(--ink);margin:0;line-height:1.33}
.work-gallery figcaption strong{display:block;font-size:1rem;font-weight:600;margin-bottom:.2rem}
.work-gallery figcaption small{color:var(--muted);font-size:.84rem}
.work-note{color:var(--muted);font-size:.84rem;margin-top:.7rem}
.work-contact{margin-top:1.2rem}
.work-contact a{white-space:nowrap}
#avis{background:#f2e8db}
#avis h2{margin-bottom:.28em}
#avis .review-intro{color:#594a3d;margin-bottom:1.35rem}
#avis .reviews{gap:1rem}
#avis blockquote{padding:clamp(1rem,2.5vw,1.85rem);background:#fffdf8;margin:0}
#avis blockquote:nth-child(2){background:#fff8ed}
#avis blockquote:nth-child(3){background:#fbf4e8}
#avis .stars{margin-bottom:.65rem}
#avis .stars .rating-stars{font-size:1.23rem;letter-spacing:.1em}
#avis .score-label{margin-left:.55rem;color:#674a35;font-size:.88rem}
#avis .review-quote{font:400 clamp(1.5rem,2.6vw,2.25rem)/1.02 Cormorant,Georgia,serif;min-height:2.5em;margin-bottom:.65rem}
#avis cite{display:block}
#avis .read-reviews{display:inline-block;margin-top:.55rem}
.history-prints{background:linear-gradient(140deg,#eee9df 15%,var(--soft) 95%)}
.history-after{margin-top:2rem;display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,4vw,4rem);background:#fcfaf6;padding:clamp(1rem,3vw,2.5rem)}
.history-after img{width:100%;height:auto;max-height:24rem;object-fit:cover;object-position:center 65%}
.history-after h3{margin-bottom:.55rem}
.history-after figure{margin:0}
@media(max-width:900px){.work-gallery{grid-auto-columns:calc((100% - 2 * .9rem)/3)}#retouches .engraving{position:static;float:right;margin:0 0 .35rem .65rem}}
@media(max-width:760px){
 #accueil,.work-intro,.history-after{grid-template-columns:1fr}
 #accueil>div{padding:0}
 #accueil figure{margin:.85rem 0 0}
 #accueil figure img{aspect-ratio:1.34;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 19%);mask-image:linear-gradient(to bottom,transparent 0%,#000 19%)}
 #accueil figure figcaption{padding-left:0}
 .work-gallery{grid-auto-columns:calc((100% - .9rem)/2.15)}
 #avis .review-quote{min-height:0}
 .cat-note .engraving,.visit .engraving{width:4rem}
}
@media(max-width:430px){.work-gallery{grid-auto-columns:61%}.work-tools p{max-width:14ch}.portfolio{gap:.6rem}}
#avis .review-quote{font-size:clamp(1.5rem,2.45vw,2.06rem);text-wrap:pretty}
.history-today{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.history-today img{aspect-ratio:1.35;object-position:center}