@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400&family=Work+Sans:wght@400;500;600&display=swap');

/* Identité Bust’Art : noir, ivoire et or, reprise des références de la marque. */
:root{
  color-scheme:dark;
  --ink:#f3efe6;
  --muted:#c7c0b2;
  --gold:#cea355;
  --gold-light:#f7e2ab;
  --gold-dark:#8c6a2e;
  --line:rgba(206,163,85,.22);
  --paper:#08070a;
  --soft:#121014;
  --promo:#cea355;
  --serif:'Fraunces',Georgia,serif;
  --sans:'Work Sans',Arial,sans-serif;
}
body{background:#08070a;color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:var(--gold-light);color:#08070a}
header{background:rgba(8,7,10,.94);border-color:var(--line)}
.announcement{background:#151116;color:var(--gold-light);border-bottom:1px solid var(--line);letter-spacing:.08em}
.nav{min-height:88px}
.brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;letter-spacing:.01em;font-weight:600}
.brand>span:not(.monogram){color:var(--gold-light)}
.monogram{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold);font-size:36px}
.nav nav{color:var(--muted)}
.nav nav a:hover{color:var(--gold-light)}
h1,h2,h3{color:var(--ink);font-weight:400;letter-spacing:-.035em}
h1{font-size:clamp(62px,6.2vw,89px);line-height:1.13}
h2{font-size:clamp(38px,4vw,55px);line-height:1.15}
h3{font-size:27px;line-height:1.2}
h1 em{background:linear-gradient(180deg,var(--gold-light),var(--gold) 60%,#a17a38);background-clip:text;-webkit-background-clip:text;color:transparent}
.eyebrow{color:var(--gold);letter-spacing:.16em;font-size:13px}
.button{background:linear-gradient(135deg,var(--gold-light),var(--gold));border:1px solid var(--gold);color:#1a1408;border-radius:5px;box-shadow:0 6px 28px rgba(206,163,85,.11);font-weight:600}
.button:hover{background:linear-gradient(135deg,#fff0c6,#dfb767);color:#1a1408}
.button.outline{background:transparent;color:var(--gold-light);border:1px solid var(--gold);box-shadow:none}
.button.outline:hover{background:rgba(206,163,85,.1)}
.text-link{color:var(--gold-light);border-color:var(--gold-dark)}
.hero{position:relative}
.hero-copy .lead{color:var(--ink);font-size:21px}
.hero-facts{color:var(--muted)}
.hero-image{border:1px solid var(--line);border-radius:7px;background:#070607;box-shadow:0 25px 80px #0007}
.hero-image img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.hero-image figcaption{background:#0e0b10;color:var(--gold-light);border-top:1px solid var(--line);flex-wrap:wrap}
.hero-image figcaption span:last-child{color:var(--muted)}
.promise{border-color:var(--line);color:var(--muted)}
.duo-banner,.pricing-section,.closing{
  position:relative;isolation:isolate;
  background:linear-gradient(120deg,#17131a,#0c0a0e 70%);
}
.duo-banner::before,.pricing-section::before,.closing::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;
  background-image:url('assets/bustart-marbre.svg');background-size:640px 640px;opacity:.2;
}
.duo-banner{border-color:var(--line);border-radius:7px;overflow:hidden}
.duo-banner h2{font-size:35px}
.tag{background:rgba(206,163,85,.12);color:var(--gold-light);border:1px solid var(--line);border-radius:3px;font-size:13px}
.offer-number{color:var(--ink)}
.offer-number strong{color:var(--gold-light);font-weight:500}
.steps article{border-color:var(--line)}
.step-number{color:var(--gold);font-family:'Cormorant Garamond',Georgia,serif}
.gallery-section{background:#101013;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gallery img{border:1px solid var(--line);border-radius:5px}
.gallery figcaption>span{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;color:var(--gold-light)}
.finish{background:#151218;border-color:var(--line);color:var(--ink);border-radius:5px}
.finish.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);background:rgba(206,163,85,.08)}
.finish small{color:var(--muted)}
.finish-section img{border-radius:7px;border:1px solid var(--line)}
.price-toggle button{background:#17131b;color:var(--muted);border-color:var(--line);border-radius:4px}
.price-toggle button.active{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#1a1408;border-color:var(--gold)}
.price-card{background:rgba(12,10,15,.94);border-color:var(--line);border-radius:7px}
.price-card .eyebrow{color:var(--gold)}
.price-card .price{color:var(--ink)}
.duo-card{background:rgba(21,16,23,.95);border:1px solid var(--gold-dark);color:var(--ink);box-shadow:0 14px 50px #0005}
.duo-card .price{color:var(--gold-light)}
.duo-card .eyebrow{color:var(--gold)}
.duo-card>p{color:var(--muted)}
.duo-card .button{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#1a1408;border-color:var(--gold)}
.promo{background:linear-gradient(115deg,#f7e2ab,#cea355);color:#1a1408;border-radius:6px 6px 0 0}
.questions details{border-color:var(--line)}
.questions summary{color:var(--ink)}
.closing{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.closing h2{color:var(--ink);font-size:clamp(40px,4.6vw,62px)}
.closing .eyebrow{color:var(--gold-light)}
.closing .button{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#1a1408}
footer{color:var(--muted)}
.skip{background:#151218;color:var(--gold-light)}
dialog{background:#100d13;color:var(--ink);border:1px solid var(--gold-dark);border-radius:8px;box-shadow:0 30px 100px #000a}
dialog::backdrop{background:#000c}
.close{color:var(--gold-light)}
.field select,.field textarea{background:#1a161d;color:var(--ink);border-color:var(--line);border-radius:4px}
.field textarea::placeholder{color:#a9a193}
.checkout input{accent-color:var(--gold)}
.receipt{background:#19141d;border:1px solid var(--line);border-radius:5px;color:var(--ink)}
.receipt .total{border-color:var(--line);color:var(--gold-light)}
.payment-unavailable{background:rgba(206,163,85,.09);color:var(--gold-light);border:1px solid var(--line);border-radius:4px}
@media(max-width:760px){
  .nav{min-height:76px}.brand{font-size:30px}
  h1{font-size:clamp(48px,12.5vw,74px)}
  .hero-copy .lead{font-size:20px}.hero .eyebrow{font-size:12px}
  .announcement{font-size:12px;letter-spacing:.025em}
  .hero-image img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
  .hero-image figcaption{font-size:12px}
  .duo-banner h2{font-size:32px}.finish{font-size:14px}
  .checkout h2{font-size:30px}.gallery figcaption>span{font-size:25px}
}

/* Référence du premier site : marbre noir chaud, or patiné et titres de galerie. */
:root{
  --paper:#090909;--soft:#14110e;--ink:#f1ede4;--muted:#c1b4a1;
  --gold:#bc954d;--gold-light:#e6c47e;--gold-dark:#927033;
  --line:rgba(188,149,77,.25);--serif:'Cormorant Garamond',Georgia,serif;
}
body{background:#090909}
header{background:rgba(9,9,9,.96)}
.announcement{background:#17130d}
.brand{letter-spacing:.09em;font-weight:700;font-size:30px;gap:14px;white-space:nowrap}
.brand-logo{width:48px;height:48px;object-fit:contain;border:1px solid var(--gold-dark);border-radius:50%;flex-shrink:0}
.nav nav{font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:500;gap:20px}
.button{font-family:'Cormorant Garamond',Georgia,serif;font-size:16px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;border-radius:2px;background:linear-gradient(110deg,#c7a153,#987230);color:#100c06;box-shadow:0 8px 30px rgba(188,149,77,.15)}
.button.small{font-size:14px}
.button:hover{background:linear-gradient(110deg,#dfbb70,#b68b3e)}
.button.outline{color:#eee7d8}
.hero-backdrop{background:#0b0907;position:relative;isolation:isolate;overflow:hidden}
.hero-backdrop::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,.88),rgba(8,6,3,.25)),linear-gradient(0deg,#090909 0%,transparent 25%,rgba(0,0,0,.55) 100%),url('assets/marbre-noir-or.png') center 65%/cover no-repeat;opacity:.88}
.hero{padding-top:64px;padding-bottom:64px;gap:65px}
.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(55px,5.4vw,78px);text-transform:uppercase;letter-spacing:.035em;line-height:1.1}
.hero h1 em{font-style:normal;background:linear-gradient(110deg,#e6c47e,#ad8339);background-clip:text;-webkit-background-clip:text}
.hero-copy>.eyebrow{display:inline-block;border:1px solid var(--line);border-radius:30px;background:rgba(152,114,48,.1);padding:8px 15px;font-size:12px;letter-spacing:.14em;margin-bottom:25px}
.hero-copy .lead{color:#e9e1d3}
.hero-image{padding:9px 9px 0;background:#13100d;border-color:rgba(188,149,77,.38);border-radius:3px}
.hero-image figcaption{background:#13100d;border:0;text-align:center;justify-content:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:14px;letter-spacing:.08em;color:var(--gold);padding:18px 8px}
.hero-image figcaption span:last-child{color:#baa47f}
.duo-banner,.pricing-section,.closing{background:linear-gradient(120deg,#19140d,#0b0a08 70%)}
.duo-banner::before,.pricing-section::before,.closing::before{background-image:url('assets/marbre-noir-or.png');background-size:cover;background-position:center;opacity:.12}
h2,h3{text-transform:uppercase;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:.02em}
.gallery-section{background:#0d0c0a}
.gallery figure{background:#15120f;border:1px solid rgba(188,149,77,.18);border-radius:3px;overflow:hidden}
.gallery img{border:0;border-radius:0}
.gallery figcaption{padding:20px 18px 22px}
.gallery figcaption>span{font-family:'Cormorant Garamond',Georgia,serif;text-transform:uppercase;font-weight:700;font-size:23px;color:#eee5d1}
.gallery small{display:block;margin-top:6px;color:var(--muted)}
.finish,.price-toggle button{background:#16130f;border-radius:3px}
.price-card{background:rgba(16,13,9,.96);border-radius:3px}
.duo-card{background:rgba(25,19,11,.97)}
.promo{background:linear-gradient(110deg,#c7a153,#987230);color:#100c06;border-radius:2px 2px 0 0}
.duo-card .button,.closing .button{background:linear-gradient(110deg,#c7a153,#987230);border-color:var(--gold);color:#100c06}
.price-toggle button.active{background:linear-gradient(110deg,#c7a153,#987230);color:#100c06}
.price-card .price{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600}
.price-card > .fine:last-child{margin-top:14px}
dialog{background:#110e0b;border-radius:3px}
.field select,.field textarea{background:#1c1711;border-radius:3px}
.receipt{background:#1b160f;border-radius:3px}
.skip{background:#16130f}
@media(max-width:1050px){.nav nav{gap:12px;font-size:12px}.brand{font-size:26px;gap:9px}.brand-logo{width:42px;height:42px}}
@media(max-width:760px){
  .brand{font-size:25px}.brand-logo{width:38px;height:38px}
  .nav .button{font-size:12px;padding:12px 14px;letter-spacing:.08em}
  .hero{padding-top:36px;padding-bottom:40px;gap:30px}
  .hero h1{font-size:clamp(43px,11.5vw,65px);letter-spacing:.015em}
  .hero-copy>.eyebrow{font-size:11px;letter-spacing:.06em;padding:7px 11px}
  .hero-backdrop::before{background-position:center bottom;opacity:.6}
  .hero-image figcaption{font-size:13px}
  .gallery figcaption{padding:15px 12px}.gallery figcaption>span{font-size:20px}
}

/* Créations signées : conserver chaque visuel entier et donner sa place au récit. */
.gallery img{aspect-ratio:3/4;object-fit:contain;background:#050505}
.gallery figcaption p{margin-top:10px;font-size:14px;line-height:1.65;color:#cfc1ac}
.gallery figcaption small{margin-top:16px;font-size:11px;line-height:1.5;letter-spacing:.025em;color:#b99a65}
.gallery-action{margin-top:38px;display:flex;align-items:center;gap:30px}
.gallery-action p{max-width:510px;font-size:14px}
@media(max-width:560px){.gallery{grid-template-columns:1fr;gap:28px}.gallery figcaption{padding:20px}.gallery figcaption>span{font-size:27px}.gallery-action{flex-direction:column;align-items:flex-start;gap:20px}}
.gallery img{height:auto}

/* Mise en scène dans l’intérieur : cadres et légendes alignés. */
.spaces-section{background:#090909;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.spaces-heading{max-width:860px;margin:0 auto 48px;text-align:center}
.spaces-heading h2{font-size:clamp(32px,3.5vw,48px);line-height:1.15}
.spaces-heading>p:last-child{max-width:680px;margin:22px auto 0;font-size:16px}
.spaces-heading::after{content:'';display:block;width:64px;height:1px;background:var(--gold);margin:25px auto 0}
.spaces-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:28px;align-items:stretch}
.spaces-grid figure{display:flex;flex-direction:column;background:#15120f;border:1px solid var(--line);border-radius:3px;overflow:hidden}
.spaces-grid img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center bottom;flex-shrink:0}
.spaces-grid figcaption{padding:22px;flex:1}
.spaces-grid h3{font-size:25px;line-height:1.2;min-height:2.4em;color:#eee5d1}
.spaces-grid figcaption p{margin-top:12px;font-size:14px;line-height:1.65;color:#cfc1ac}
@media(max-width:760px){.spaces-grid{grid-template-columns:1fr;gap:28px;max-width:440px;margin:auto}.spaces-heading{margin-bottom:32px}.spaces-grid figcaption{padding:22px}.spaces-heading h2{font-size:35px}}

.finish-section img{object-fit:contain;background:#090909}
@media(max-width:760px){.finish-section img{max-height:none}}

.comparisons-section{background:linear-gradient(130deg,#16120c,#090909 70%);border-top:1px solid var(--line)}
.comparisons-section h2{font-size:clamp(35px,3.6vw,50px)}
.comparisons-section .section-heading>p{max-width:370px}
.comparison-carousel{max-width:700px;margin:auto;outline-offset:6px}
.comparison-slides{border:1px solid var(--line);background:#080808;border-radius:3px;overflow:hidden}
.comparison-slide img{width:100%;height:auto;object-fit:contain;aspect-ratio:1/1}
.comparison-slide figcaption{padding:13px 18px;color:var(--gold-light);font-family:var(--serif);font-size:22px;text-align:center;background:#15120f}
.comparison-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:20px}
.comparison-controls button,.comparison-playback button{border:1px solid var(--line);color:var(--gold-light);background:#17130e;border-radius:3px}
.comparison-arrow{width:48px;height:48px;font-size:23px}
.comparison-dots{display:flex;gap:8px}.comparison-dots button{width:40px;height:40px}
.comparison-dots button[aria-current="true"]{background:var(--gold);color:#100c06;border-color:var(--gold)}
.comparison-controls button:hover,.comparison-playback button:hover{border-color:var(--gold)}
.comparison-playback{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:15px;font-size:13px;color:var(--muted)}
.comparison-playback button{padding:9px 14px;min-height:44px}
.comparison-note{max-width:700px;margin:25px auto 0;font-size:13px;line-height:1.65;text-align:center}
@media(max-width:760px){.comparisons-section h2{font-size:36px}.comparison-controls{gap:12px}.comparison-dots{gap:5px}.comparison-dots button{width:34px;height:44px}.comparison-arrow{width:42px;height:44px}.comparison-slide figcaption{font-size:20px}.comparison-note{text-align:left}}