/* Surfaces chosen from Laure's material photographs and texture studies. */
:root{
  --grain-soft:url('assets/matiere-poudre-v19.webp');
  --grain-imprint:url('assets/matiere-empreintes-v19.webp');
  --grain-sculpted:url('assets/matiere-volume-grain-v19.webp');
  --grain-stone:url('assets/matiere-pierre-brute-v19.webp');
  --grain-wood:url('assets/matiere-fibres-bois-v19.webp');
  --grain-reflection:url('assets/matiere-reflets-dore-v19.webp');
}
.header{background-image:linear-gradient(#f8f3eceb,#f8f3eceb),var(--grain-soft)}
.hero.textured-surface{
  background-image:linear-gradient(100deg,#f8f3ecf2 5%,#f8f3ecb8 48%,#f8f3ec26 100%),url('assets/matiere-enduit-doux-v19.webp');
  background-position:center;
  background-repeat:no-repeat;
}
.hero-image{background:linear-gradient(#fffdf6ed,#fffaf1e8),var(--grain-imprint) center/cover}
.hero-offer-link{display:block;width:fit-content;max-width:100%;font-size:.9375rem;margin-top:20px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.hero-offer-link:hover{border-color:var(--accent)}
.collection{background:#f7f2e9}
.gallery .work{--piece-matter:var(--grain-soft)}
.gallery .work-nuage,.gallery .work-coffret,.gallery .work-etagere-nuage-sacs{--piece-matter:var(--grain-sculpted)}
.gallery .work-muguet,.gallery .work-chaise-customisee,.gallery .work-waves{--piece-matter:var(--grain-reflection)}
.gallery .work-vasque,.gallery .work-sous-vasque-ii,.gallery .work-bibliotheque{--piece-matter:var(--grain-imprint)}
.gallery .work-meuble-serviettes{--piece-matter:var(--grain-wood)}
.gallery .work-mur-pierre,.gallery .work-mur-brique,.gallery .work-colonne,.gallery .work-graffiti{--piece-matter:var(--grain-stone)}
.work .image-button{
  background-image:linear-gradient(#f2e9db8c,#efe3d178),var(--piece-matter);
  background-position:center;
  background-size:cover;
  border-color:#d4c4ad;
  box-shadow:inset 1px 1px 0 #fffdf1e8,0 2px 3px #58412a0b,0 20px 32px -27px #58412a80;
  transition:box-shadow .45s var(--ease),border-color .45s var(--ease);
}
.work .image-button:hover,.work .image-button:focus-visible{
  box-shadow:inset 1px 1px 0 #fffdf5,0 3px 5px #58412a14,0 24px 35px -23px #58412a70;
  border-color:#b7a184;
}
.work-muguet .image-button{aspect-ratio:3/4}
.work-meuble-serviettes .image-button,.work-chaise-customisee .image-button,.work-cuisine-marbre .image-button{aspect-ratio:3/4}
.work-meuble-serviettes img,.work-chaise-customisee img,.work-cuisine-marbre img,.work-etagere-nuage-sacs img{object-fit:contain}
.work-etagere-nuage-sacs{grid-column:span 7;padding-right:10%}
.work-etagere-nuage-sacs .image-button{aspect-ratio:4/3}
.work-bibliotheque-nuage .image-button{aspect-ratio:1}
.work-presentoirs .image-button{aspect-ratio:3/2}
.work-bibliotheque-nuage img,.work-presentoirs img{object-fit:contain}
.material{
  background-image:linear-gradient(100deg,#f5ede0f5 5%,#f0e6d6ce 48%,#f0e6d6b0),var(--grain-wood);
  background-size:cover;
  background-position:center;
}
.material-photo{background:linear-gradient(#fffaf0c9,#f8edddd1),var(--grain-sculpted) center/cover}
.notebook{
  background:linear-gradient(95deg,#f8f3eddd,#f8f3edc7),url('assets/matiere-stries-v19.webp') center/cover no-repeat;
}
.process{
  background:linear-gradient(100deg,#38291fe8,#443026c9),url('assets/matiere-lumiere-terre-v19.webp') center/cover no-repeat;
}
.about.creator-teaser{
  background:linear-gradient(100deg,#f6eee093,#f8f4edee 75%),var(--grain-imprint) center/cover no-repeat;
}
.portrait-hero.textured-surface{
  background:linear-gradient(95deg,#f8f4edf2,#f8f4edbf 65%,#f5eee463),url('assets/matiere-stries-v19.webp') center/cover no-repeat;
}
.personal-story{background:linear-gradient(#f8f3ecea,#f8f3ece3),var(--grain-soft) center/cover no-repeat}
.personal-world{
  background:linear-gradient(100deg,#e9deccd4,#f7f1e6ed 72%),var(--grain-stone) center/cover no-repeat;
}
.atelier-portrait{background:linear-gradient(#fffaf1d9,#fffaf1df),var(--grain-imprint) center/cover}
.portrait-closing{
  background:linear-gradient(#f6efe5d6,#f6efe5db),url('assets/matiere-lumiere-terre-v19.webp') center/cover no-repeat;
}
.portrait-back-link{display:block;width:fit-content;max-width:100%;margin:20px auto 0;border-bottom:1px solid var(--accent);font-size:1rem}
footer{background:linear-gradient(#ece1d0e0,#ece1d0eb),var(--grain-soft) center/cover no-repeat}
.footer-contact{font-size:.875rem;border-bottom:1px solid var(--line);padding-block:5px}
.footer-contact:hover{border-color:var(--accent)}
/* Creation, customisation and furniture adaptation share one quiet presentation. */
.offer{
  background:linear-gradient(105deg,#f8f3ebe3 5%,#f8f3ebc9 55%,#f5ece08f),url('assets/matiere-lignes-fluides-v19.webp') center/cover no-repeat;
  border-block:1px solid #d8cbb8;
}
.offer-heading{margin-bottom:56px}
.offer-heading h2{max-width:790px}
.offer-heading em,.offer-contact em{color:var(--accent)}
.offer-heading>p{max-width:340px}
.offer-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:9%;align-items:center}
.offer-example{max-width:450px;padding:12px;background:linear-gradient(#fffaf0e8,#f4eddfd9),var(--grain-imprint) center/cover;border:1px solid #fffaf0;box-shadow:var(--paper-shadow)}
.offer-example .image-button{aspect-ratio:4/5;background:#f0e7d8}
.offer-example img{width:100%;height:100%;object-fit:cover}
.offer-example figcaption{padding:18px 8px 8px;font-size:.875rem;color:var(--muted);line-height:1.6}
.offer-example figcaption>span{display:block;font:italic 1.625rem/1.3 var(--serif);margin-bottom:7px;color:var(--ink)}
.offer-services article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;padding:28px 0;border-top:1px solid #c9b79e}
.offer-services article:last-child{padding-bottom:0}
.service-number{font-size:.875rem;color:var(--accent);padding-top:6px}
.offer-services h3{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15;margin-bottom:13px;letter-spacing:-.02em}
.offer-services p{font-size:1rem;color:var(--muted);max-width:560px}
.offer-contact{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8%;align-items:center;margin-top:72px;padding-top:44px;border-top:1px solid #bea98b}
.offer-contact h3{font:2.8rem/1.1 var(--serif);margin:19px 0 22px;letter-spacing:-.02em}
.offer-contact>div>p:not(.eyebrow){font-size:1rem;max-width:530px;color:var(--muted)}
.contact-actions{padding:34px 26px;text-align:center;background:linear-gradient(#fff9eedb,#fff9eeeb),var(--grain-reflection) center/cover;border:1px solid #fffbf2;box-shadow:inset 0 1px 0 #fffefb,var(--paper-shadow)}
.contact-actions .button{min-width:220px;max-width:100%;font-size:1rem}
.contact-email{display:block;font-size:1.0625rem;width:fit-content;max-width:100%;overflow-wrap:anywhere;margin:20px auto 14px;border-bottom:1px solid var(--accent)}
.offer-contact .contact-actions>p{font-size:.875rem;line-height:1.6;margin:auto}
/* Smaller screens keep the tactile framing while preserving room for the work. */
@media(max-width:1050px){
  .header{height:auto;min-height:90px;gap:20px;padding-block:17px;flex-wrap:wrap}
  .header nav{gap:22px;flex-wrap:wrap}
  .offer-heading{display:block}
  .offer-heading>p{margin-top:24px;max-width:630px}
  .offer-layout{gap:6%;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .offer-services article{padding:23px 0;gap:14px}
}
@media(max-width:760px){
  .header nav{width:100%;gap:4px 24px;justify-content:flex-start}
  .header nav a{padding-block:4px}
  .header{min-height:102px;gap:8px;padding-block:12px}
  .hero.textured-surface{background-position:65% center}
  .gallery .work-etagere-nuage-sacs{grid-column:span 1;padding:0;margin:0}
  .offer-heading{margin-bottom:36px}
  .offer-layout{grid-template-columns:1fr;gap:34px}
  .offer-example{width:min(100%,450px);margin:auto}
  .offer-services article{padding-block:25px}
  .offer-contact{grid-template-columns:1fr;gap:30px;margin-top:50px;padding-top:34px}
  .contact-actions{max-width:500px;width:100%;padding:30px 20px}
  .offer-contact h3{font-size:2.6rem}
}
@media(max-width:500px){
  html{scroll-padding-top:150px}
  .header nav{font-size:.875rem;column-gap:20px}
  .hero-offer-link{font-size:.9375rem;margin-top:17px}
  .gallery .work-etagere-nuage-sacs{margin-bottom:42px}
  .offer-heading h2{font-size:clamp(2.45rem,10vw,3.1rem)}
  .offer-heading h2 br{display:none}
  .offer-services article{grid-template-columns:22px minmax(0,1fr);gap:12px}
  .offer-example{padding:8px}
  .offer-example .image-action{font-size:.8125rem;gap:12px;right:12px;bottom:12px}
  .contact-actions .button{min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce){.work .image-button{transition:none}}

/* New studies keep the full silhouettes and the triptych's three panels visible. */
.gallery .work-fort-pastel{--piece-matter:var(--grain-sculpted)}
.gallery .work-plateau-coquillages,.gallery .work-plateau-voilier{--piece-matter:var(--grain-reflection)}
.gallery .work-ville-triptyque{--piece-matter:var(--grain-stone)}
.work-fort-pastel .image-button,.work-plateau-coquillages .image-button{aspect-ratio:2/3}
.work-plateau-voilier .image-button{aspect-ratio:3/4}
.work-ville-triptyque .image-button{aspect-ratio:3/2}
.work-fort-pastel img,.work-plateau-coquillages img,.work-plateau-voilier img,.work-ville-triptyque img{object-fit:contain}

.gallery .work-etagere-nuage-argentee{--piece-matter:var(--grain-reflection)}
.work-etagere-nuage-argentee .image-button{aspect-ratio:3/4}
.work-etagere-nuage-argentee img{object-fit:contain}