:root{--bg:#fcf9f4;--paper:#fffdf9;--ink:#302921;--brown:#33261f;--accent:#a57e62;--sand:#eee5da;--line:#e9e0d6;--muted:#766c63;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.75 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{font:inherit;cursor:pointer}h1,h2,h3,p,blockquote{margin-top:0}h1,h2{font:400 clamp(43px,5vw,70px)/1.17 var(--serif);letter-spacing:-.045em}h1 em,h2 em{font-weight:400;color:var(--accent)}img{display:block;max-width:100%}p{margin-bottom:20px}.container{width:min(1210px,calc(100% - 92px));margin-inline:auto}.skip{position:absolute;top:-100px;left:10px;background:#fff;padding:10px;z-index:300}.skip:focus{top:10px}.demo-notice{background:#91745d;color:#fff;min-height:26px;text-align:center;font-size:10px;font-weight:800;letter-spacing:.18em;padding:5px 12px}.site-header{position:sticky;top:0;z-index:99;background:rgba(252,249,244,.97);border-bottom:1px solid #eee5dd;backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;gap:30px;min-height:88px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap;margin-right:auto}.brand-icon{font:italic 40px/1 var(--serif);color:var(--accent)}.brand-words{display:flex;flex-direction:column;line-height:1.25}.brand-words strong{font-size:14px;letter-spacing:.18em}.brand-words small{font-size:9px;letter-spacing:.3em;color:var(--muted);margin-top:6px}.desktop-nav{display:flex;align-items:center;gap:30px}.desktop-nav a{font-size:12px;font-weight:700;position:relative;padding:8px 0}.desktop-nav a.active:after,.desktop-nav a:hover:after{content:'';position:absolute;height:1px;bottom:2px;left:0;right:0;background:var(--accent)}.header-cta{border:1px solid var(--brown);font-size:11px;letter-spacing:.025em;font-weight:700;padding:13px 18px;white-space:nowrap;transition:.2s}.header-cta:hover{background:var(--brown);color:#fff}.header-cta span{padding-left:20px}.menu-button,.mobile-menu{display:none}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.25em;color:#9f795b;text-transform:uppercase;margin-bottom:23px}.eyebrow.warm{color:#d3b597}.button{min-height:53px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:13px 22px;font-weight:700;font-size:12px;transition:transform .2s,background .2s;line-height:1.2}.button:hover{transform:translateY(-3px)}.button-light{color:var(--brown);background:#f7f0e7}.button-dark{color:white;background:var(--brown)}.under-link{font-size:12px;font-weight:700;border-bottom:1px solid #bfa995;padding-bottom:7px;color:#efe1d5;white-space:nowrap}.under-link.light{color:#fff}.hero{display:grid;grid-template-columns:52% 48%;min-height:610px}.hero-panel{background:var(--brown);color:#fff;display:flex;justify-content:flex-start;min-width:0}.hero-copy{width:100%;min-width:0;padding:clamp(56px,5vw,82px) clamp(32px,4vw,65px) 42px max(46px,calc((100vw - 1210px)/2));display:flex;align-items:flex-start;flex-direction:column}.hero h1{font-size:clamp(52px,4.5vw,76px);margin:0 0 25px;max-width:650px;width:100%;overflow-wrap:normal}.hero h1 em{color:#e2c4a6}.hero-sub{color:#e5d7cc;font-size:15px;max-width:440px;line-height:1.95}.hero-buttons{display:flex;align-items:center;gap:29px;margin-top:18px;flex-wrap:wrap}.hero-sign{margin-top:auto;padding-top:70px;font-size:12px;letter-spacing:.03em;color:#dfc6af}.photo-frame{position:relative;background-color:#b49b87;background-position:center;background-size:cover;overflow:hidden}.hero-visual{min-height:610px}.hero-visual:after{content:'';background:linear-gradient(0deg,rgba(0,0,0,.35),transparent 37%);position:absolute;inset:0;pointer-events:none}.image-caption{position:absolute;z-index:1;color:#fff;bottom:28px;left:32px;font-size:10px;font-weight:700;letter-spacing:.26em}.values-band{background:#eee4d8}.values-band .container{display:flex;justify-content:space-between;gap:10px;padding:19px 0;color:#58483c;font-size:11px;letter-spacing:.04em}.section{padding-top:105px;padding-bottom:105px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:43px}.section-head h2{margin:0}.section-head>p{max-width:295px;color:var(--muted);font-size:13px;margin:0 0 5px;line-height:1.9}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{background:#fffefa;border:1px solid var(--line);min-height:278px;padding:33px 30px 24px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #33261f10}.service-index{font:italic 23px var(--serif);color:#bea38d}.service-card h3{font:400 26px/1.3 var(--serif);margin:18px 0 12px}.service-card p{font-size:12px;line-height:1.85;color:var(--muted);flex:1;margin-bottom:22px}.service-price{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:9px;font-size:13px;font-weight:800}.service-price small{font-size:10px;font-weight:500;color:#887767}.center-action{text-align:center;margin-top:38px}.story{display:grid;grid-template-columns:49% 51%;min-height:565px}.story.reverse{grid-template-columns:51% 49%}.story.reverse .story-image{order:2}.story-image{min-height:555px}.story-copy{background:#574538;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px min(13%,130px)}.story-copy h2{font-size:clamp(43px,4.4vw,65px);margin-bottom:25px}.story-copy h2 em{color:#e6c6a5}.story-copy>p:not(.eyebrow){font-size:14px;line-height:2;color:#e6d9cf;max-width:450px}.story-copy>.under-link{margin-top:20px}.gallery-grid{display:grid;gap:15px;grid-template-columns:1fr 1.25fr 1fr}.gallery-item{position:relative;min-height:350px;background:#c3a991;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:after{content:'✦';position:absolute;bottom:16px;right:19px;color:#fff;font-size:27px;text-shadow:0 2px 10px #0009}.gallery-item:nth-child(2n){background:#7b6454}.gallery-item:nth-child(3n){background:#cab7a3}.gallery-item figcaption{position:absolute;left:22px;bottom:20px;color:#fff;font-size:11px;font-weight:600;text-shadow:0 2px 8px #0009}.statement{background:#ebe0d2;padding:89px 20px;text-align:center}.statement>span{font-size:30px;color:#997a61}.statement blockquote{font:italic clamp(25px,3.2vw,43px)/1.55 var(--serif);max-width:800px;margin:14px auto 20px}.statement small{font-size:10px;font-weight:800;letter-spacing:.28em;color:#a17d60}.last-cta{display:flex;align-items:center;justify-content:space-between;gap:40px}.last-cta h2{font-size:clamp(40px,4.2vw,60px);margin-bottom:14px}.last-cta p{color:var(--muted);font-size:13px;margin:0;max-width:590px}.last-cta .button{flex-shrink:0}.site-footer{background:var(--brown);color:#f8f1e8;padding:58px 0 24px}.footer-main{display:flex;justify-content:space-between;gap:40px;padding-bottom:60px}.footer-brand{font-weight:700;letter-spacing:.16em;font-size:18px}.footer-main>div:first-child p{color:#cfbfb1;font-size:12px;margin-top:7px}.footer-columns{display:flex;gap:95px}.footer-columns>div{display:flex;flex-direction:column;gap:9px}.footer-columns h4{color:#e0c6af;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px}.footer-columns a{font-size:12px;color:#e2d4c9}.footer-columns a:hover{color:#fff}.footer-bottom{border-top:1px solid #5b4c41;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#cbbeb0}.footer-bottom>div{display:flex;gap:22px}.footer-bottom a:hover{text-decoration:underline}.page-masthead{background:var(--brown);color:#fff;padding:85px 0 99px}.page-masthead h1{max-width:800px;margin:0 0 23px}.page-masthead h1 em{color:#e0c2a5}.page-masthead p{max-width:640px;color:#d9cbbf;margin:0;line-height:1.9}.services-full{grid-template-columns:repeat(3,minmax(0,1fr))}.fineprint{font-size:11px;color:var(--muted);margin:24px 0 0}.three-steps{background:#574538;color:#fff;padding:85px 0 100px}.three-steps h2{font-size:clamp(42px,4.3vw,62px)}.three-steps h2 em{color:#e4c3a4}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:49px}.steps-grid>div{border-top:1px solid #897462;padding-top:22px}.steps-grid b{font:italic 26px var(--serif);color:#e2c6a9}.steps-grid h3{font:400 27px var(--serif);margin:20px 0 10px}.steps-grid p{font-size:13px;color:#e0d1c4;max-width:280px}.gallery-full{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-full .gallery-item{min-height:360px}.gallery-full .gallery-item:nth-child(2),.gallery-full .gallery-item:nth-child(5){min-height:445px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:min(10vw,130px);align-items:start}.contact-intro h2{font-size:clamp(41px,4.2vw,61px)}.contact-intro>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.95;max-width:410px}.contact-intro>.button{margin:15px 0 22px}.contact-aside{font-size:11px!important;max-width:380px}.contact-card{background:var(--paper);border:1px solid var(--line);padding:20px 42px}.contact-item{display:flex;gap:22px;padding:30px 0}.contact-item+.contact-item{border-top:1px solid var(--line)}.contact-symbol{font:30px var(--serif);color:#a7896d;width:34px}.contact-item h3{font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin:5px 0 14px}.contact-item p{font-size:13px;color:#5b4e44;white-space:pre-line;margin:0 0 3px}.contact-item a{display:block;font-size:12px;color:#876649;margin-top:12px;text-decoration:underline;text-underline-offset:4px}.contact-bottom{background:#574538;color:#fff;padding:95px 20px;text-align:center}.contact-bottom h2{font-size:clamp(43px,4.5vw,64px);margin:0 0 15px}.contact-bottom h2 em{color:#e3c4a3}.contact-bottom p{color:#e2d3c5;margin-bottom:30px}.legal{max-width:850px;min-height:65vh}.legal h1{font-size:60px}.legal h2{font-size:30px;margin-top:35px}.legal p{line-height:1.9}.legal .button{margin-top:18px}
@media(max-width:1100px){.container{width:min(1210px,calc(100% - 58px))}.header-inner{gap:18px}.desktop-nav{gap:15px}.header-cta span{padding-left:7px}.hero-copy{padding:70px 36px 38px 36px}.hero h1{font-size:61px}.story-copy{padding:65px 10%}.gallery-item{min-height:280px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{min-height:73px}.desktop-nav{display:none}.header-cta{margin-left:auto}.menu-button{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:8px 3px;flex-shrink:0}.menu-button span{width:23px;height:2px;background:var(--brown);border-radius:1px}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg);box-shadow:0 15px 25px #0002;flex-direction:column;padding:13px 20px 23px}.mobile-menu:not([hidden]){display:flex}.mobile-menu a{border-bottom:1px solid var(--line);padding:12px;font-size:14px;font-weight:700}.mobile-menu .mobile-admin{font-size:12px;color:var(--muted)}.hero{grid-template-columns:1fr}.hero-panel{min-height:500px;justify-content:flex-start}.hero-copy{padding:64px 25px 45px;width:100%}.hero h1{font-size:clamp(51px,11vw,76px)}.hero-visual{min-height:360px}.hero-sign{padding-top:40px}.values-band .container{justify-content:center;flex-wrap:wrap;gap:10px 25px;font-size:10px;text-align:center}.section{padding:72px 0}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:clamp(42px,9vw,57px)}.section-head>p{margin-top:20px;max-width:600px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story,.story.reverse{grid-template-columns:1fr}.story-image,.story.reverse .story-image{min-height:390px;order:0}.story-copy{padding:65px 7%;min-height:420px}.gallery-grid,.gallery-full{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-preview .gallery-item:last-child{display:none}.gallery-item,.gallery-full .gallery-item,.gallery-full .gallery-item:nth-child(2),.gallery-full .gallery-item:nth-child(5){min-height:320px}.last-cta{align-items:flex-start;flex-direction:column}.page-masthead{padding:65px 0 75px}.steps-grid{gap:25px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-card{padding:14px 30px}}
@media(max-width:530px){.demo-notice{font-size:8px;letter-spacing:.07em;padding:6px}.container{width:calc(100% - 36px)}.brand-icon{font-size:33px}.brand-words strong{font-size:11px;letter-spacing:.13em}.brand-words small{font-size:8px}.header-inner{gap:10px}.header-cta{font-size:10px;padding:10px 9px;line-height:1.35}.header-cta span{display:none}.hero-panel{min-height:0}.hero-copy{padding:56px 22px 38px}.hero h1{font-size:clamp(48px,11vw,62px);margin-bottom:18px}.hero-sub{font-size:13px}.hero-buttons{gap:20px}.hero-buttons .under-link{font-size:11px}.hero-sign{padding-top:45px}.hero-visual{min-height:295px}.values-band .container{flex-direction:column;gap:7px}.section{padding:62px 0}.eyebrow{font-size:9px}.services-grid,.gallery-grid,.gallery-full{grid-template-columns:1fr}.service-card{min-height:220px;padding:25px}.service-card h3{margin:10px 0}.gallery-item,.gallery-preview .gallery-item:last-child,.gallery-full .gallery-item,.gallery-full .gallery-item:nth-child(2),.gallery-full .gallery-item:nth-child(5){min-height:310px;display:block}.story-image,.story.reverse .story-image{min-height:300px}.story-copy{padding:55px 28px;min-height:0}.story-copy h2{font-size:43px}.statement{padding:65px 20px}.statement blockquote{font-size:30px}.last-cta h2{font-size:43px}.site-footer{padding-top:43px}.footer-main{display:block;padding-bottom:30px}.footer-columns{gap:35px;margin-top:35px}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-bottom>div{flex-wrap:wrap}.page-masthead h1{font-size:47px}.steps-grid{grid-template-columns:1fr;gap:18px}.three-steps{padding:70px 0}.contact-card{padding:10px 22px}.contact-item{gap:15px}.contact-bottom{padding:70px 15px}.legal h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.booking-link[aria-disabled="true"]{opacity:.66;pointer-events:none;cursor:not-allowed}


/* SIMPA Studio V3.3.3: palette dynamique coherente sur les 4 pages publiques.
   Les valeurs calculees sont issues des deux selecteurs de couleur de l'administration.
   Les gris, blancs et beiges neutres restent neutres pour la lecture et les photos. */
:root{
  --brand-soft:color-mix(in srgb,var(--brown) 87%,#fff);
  --brand-pale:color-mix(in srgb,var(--brown) 10%,#fffdf9);
  --brand-strip:color-mix(in srgb,var(--brown) 15%,#fffdf9);
  --on-brand:#fffdf9;
  --on-brand-soft:#fffdf9;
  --on-brand-muted:color-mix(in srgb,var(--on-brand) 82%,var(--brown));
  --on-brand-soft-muted:color-mix(in srgb,var(--on-brand-soft) 84%,var(--brand-soft));
  --accent-on-brand:#e2c4a6;
  --accent-on-soft:#e2c4a6;
  --accent-on-light:#815b45;
  --brand-border:color-mix(in srgb,var(--on-brand) 23%,transparent);
}
/* Toutes les sections en aplat sont reliees a la couleur sombre. */
.demo-notice{background:var(--brown);color:var(--on-brand)}
.hero-panel,.page-masthead,.site-footer{background:var(--brown);color:var(--on-brand)}
.story-copy,.three-steps,.contact-bottom{background:var(--brand-soft);color:var(--on-brand-soft)}
.hero-sub,.page-masthead p,.footer-main>div:first-child p,
.footer-columns a,.footer-bottom{color:var(--on-brand-muted)}
.story-copy>p:not(.eyebrow),.steps-grid p,.contact-bottom p{color:var(--on-brand-soft-muted)}
/* Les accents ne restent plus marron quand le client a choisi du turquoise. */
.hero h1 em,.page-masthead h1 em{color:var(--accent-on-brand)}
.story-copy h2 em,.three-steps h2 em,.contact-bottom h2 em,
.steps-grid b{color:var(--accent-on-soft)}
.hero-sign,.eyebrow.warm{color:var(--accent-on-brand)}
.story-copy .eyebrow.warm,.three-steps .eyebrow.warm,
.contact-bottom .eyebrow.warm{color:var(--accent-on-soft)}
.eyebrow,.service-index,.contact-symbol,.contact-item a,
.statement>span,.statement small{color:var(--accent-on-light)}
.footer-columns h4{color:var(--accent-on-brand)}
.footer-columns a:hover{color:var(--on-brand)}
.footer-bottom{border-top:1px solid var(--brand-border)}
.steps-grid>div{border-top:1px solid color-mix(in srgb,var(--on-brand-soft) 28%,transparent)}
.under-link,.under-link.light{color:var(--on-brand-soft);border-color:color-mix(in srgb,var(--on-brand-soft) 55%,transparent)}
.hero-panel .under-link{color:var(--on-brand);border-color:color-mix(in srgb,var(--on-brand) 55%,transparent)}
/* Fonds clairs legerement teintes: coherent avec la marque, sans assombrir tout le site. */
.values-band{background:var(--brand-strip)}
.values-band .container{color:var(--ink)}
.statement{background:var(--brand-pale)}
.service-card:hover{box-shadow:0 16px 35px color-mix(in srgb,var(--brown) 9%,transparent)}
/* Boutons et autres interactions : conserver le contraste sur une couleur sombre variable. */
.button-dark{background:var(--brown);color:var(--on-brand)}
.button-light{color:var(--ink)}
.header-cta:hover{background:var(--brown);color:var(--on-brand)}

/* Les zones d'attente des photos suivent aussi la palette lorsque R2 est encore vide. */
.photo-frame{background-color:color-mix(in srgb,var(--brown) 28%,#fffdf9)}
.gallery-item{background:color-mix(in srgb,var(--brown) 32%,#fffdf9)}
.gallery-item:nth-child(2n){background:color-mix(in srgb,var(--brown) 52%,#fffdf9)}
.gallery-item:nth-child(3n){background:color-mix(in srgb,var(--brown) 21%,#fffdf9)}

/* SIMPA V3.3.5 - personnalisation des textes et des titres sur fonds clairs. */
:root{--heading-ink:var(--ink)}
.section h1,.section h2,.section h3,.legal h1,.legal h2,.contact-card h3,.service-card h3,.statement blockquote{color:var(--heading-ink)}
.section-head>p,.last-cta p,.service-card p,.contact-intro>p:not(.eyebrow),.contact-item p,.fineprint,.contact-aside{color:var(--muted)}

/* Logo de chaque entreprise - indépendant du favicon de SIMPA Studio */
.brand-logo{display:block;width:var(--client-logo-width,160px);height:auto;max-width:min(220px,24vw);max-height:min(96px,calc(var(--client-logo-width,160px)*.6));object-fit:contain;object-position:center;flex:0 1 auto;border-radius:5px} .brand-logo[hidden],.brand-icon[hidden]{display:none!important}
.brand{min-width:0}.brand-words{min-width:0}.brand-words strong{overflow:hidden;text-overflow:ellipsis;max-width:250px}
@media(max-width:750px){.brand-logo{width:var(--client-logo-mobile-width,120px);max-width:min(140px,22vw);max-height:min(70px,calc(var(--client-logo-mobile-width,120px)*.55))}.brand{gap:8px}.brand-words strong{max-width:150px;font-size:11px;letter-spacing:.09em}.brand-words small{letter-spacing:.1em}}
@media(max-width:390px){.brand-words strong{max-width:110px}.brand-logo{max-width:20vw}}

/* V4.11.4 — photos d’ambiance réservées aux vitrines de démonstration. */
.demo-photo-gallery .demo-gallery-photo{min-height:245px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:2px}

/* V4.11.4 — galerie des démonstrations, deux visuels. */
.demo-photo-gallery-full{grid-template-columns:repeat(2,minmax(0,1fr))!important}.demo-photo-gallery-full .demo-gallery-photo{min-height:350px}@media(max-width:530px){.demo-photo-gallery-full{grid-template-columns:1fr!important}.demo-photo-gallery-full .demo-gallery-photo{min-height:300px}}