@charset "UTF-8";
:root{--paper:#f5f1e9;--ink:#24251f;--muted:#66665b;--wood:#d1b18a;--line:#cfc9bb;--serif:Georgia,'Times New Roman',serif;--gutter:clamp(24px,5.55vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button,a,summary{touch-action:manipulation}button:disabled{opacity:.35;cursor:default}img{display:block;max-width:100%;object-fit:cover}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a06a36;outline-offset:5px}::selection{background:#d1b18a;color:#24251f}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.055em;line-height:1.04}h2{font-size:clamp(46px,4.8vw,76px)}em{font-weight:400}p+p{margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:10px;left:15px;transform:translateY(-150%);z-index:20;background:var(--paper);padding:12px 20px}.skip-link:focus{transform:none}.topbar{background:var(--ink);color:var(--paper);text-align:center;font-size:10px;letter-spacing:.19em;padding:9px 16px}.topbar span{margin:0 12px;color:var(--wood)}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:22px var(--gutter);gap:40px;background:var(--paper);border-bottom:1px solid rgba(36,37,31,.12);transition:padding .3s}.header.compact{padding-top:12px;padding-bottom:12px}.brand{display:inline-flex;align-items:baseline;gap:9px;min-height:44px;line-height:1.1;flex-shrink:0;position:relative;letter-spacing:-.07em;font-size:47px;font-weight:700}.brand span{font-size:11px;letter-spacing:.2em;font-weight:400}.brand i{font-style:normal;color:#a27a4b;margin-left:-8px}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1}.nav-links,.nav-actions{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px)}.nav-links{margin:auto}.nav-links a,.text-link{font-size:12px;position:relative;min-height:44px;display:inline-flex;align-items:center}.nav-links a:after,.text-link:after{content:'';position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-links a:hover:after,.text-link:hover:after{transform:scaleX(1)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:15px 22px;font-size:12px;line-height:1.4;border:1px solid transparent;transition:background .25s,color .25s}.button span{font-size:20px;line-height:1;transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#474639}.button-cream{background:var(--paper);color:var(--ink)}.button-cream:hover{background:var(--wood)}.eyebrow{font-size:10px;letter-spacing:.18em;line-height:1.6;font-weight:500;margin-bottom:28px}.hero{position:relative;isolation:isolate;min-height:min(740px,calc(100svh - 130px));color:var(--paper);display:flex;align-items:center;background:#332e27}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-photo{object-position:center 48%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(18,19,16,.76),rgba(18,19,16,.38) 55%,rgba(18,19,16,.07))}.hero-content{padding:86px var(--gutter) 120px;width:100%}h1{font-size:clamp(60px,7.3vw,112px)}h1 span{display:block}.hero-copy{font-size:15px;line-height:1.8;margin-top:28px;color:#f0ece3}.hero-actions{display:flex;gap:32px;align-items:center;margin-top:34px}.underlink{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;font-size:12px;position:relative}.underlink:after{content:'';height:1px;background:currentColor;position:absolute;bottom:5px;left:0;right:0;opacity:.5;transform-origin:left;transition:transform .25s}.underlink:hover:after{transform:scaleX(.65)}.underlink span{transition:transform .25s}.underlink:hover span{transform:translate(3px,-2px)}.hero-bottom{position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.16em;border-top:1px solid #ffffff40;padding-top:16px}.hero-bottom a{display:inline-flex;gap:24px;align-items:center;min-height:44px}.wood-band{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px var(--gutter);background:var(--wood);box-shadow:inset 0 1px #ffffff25}.wood-band>span:first-child{font:clamp(22px,2.6vw,38px)/1.2 var(--serif);letter-spacing:-.03em}.band-note{font-size:9px;letter-spacing:.16em}.section-pad{padding:112px var(--gutter)}.salon{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,9vw,150px);align-items:center}.salon-visual{position:relative;padding-right:32px}.image-wrap{overflow:hidden;aspect-ratio:4/5;background:#d6cbb9}.image-wrap img{width:100%;height:100%;transition:transform .7s}.image-wrap:hover img{transform:scale(1.035)}.image-caption{display:block;margin-top:16px;font-size:9px;letter-spacing:.14em;color:var(--muted)}.image-stamp{position:absolute;right:0;bottom:64px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--wood);width:112px;height:112px;border-radius:50%;font-size:34px;line-height:1;letter-spacing:-.07em;transform:rotate(-10deg)}.image-stamp small{font:8px/2 Arial,sans-serif;letter-spacing:.1em}.salon-copy{max-width:450px}.salon-copy .lead{font:23px/1.4 var(--serif);margin:28px 0 20px}.salon-copy>p:not(.eyebrow):not(.lead){color:var(--muted);font-size:14px}.salon-copy .underlink{margin-top:20px}.salon-signature{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:22px;letter-spacing:-.08em;display:flex;align-items:center;gap:24px}.salon-signature span{font-size:10px;letter-spacing:.08em;color:var(--muted)}.expertises{background:#eae5da}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}.section-heading>p,.gallery-aside>p{font-size:13px;color:var(--muted)}.section-heading .eyebrow{margin-bottom:20px}.expertise-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,110px);align-items:start}.expertise-preview{position:relative;aspect-ratio:4/4.5;overflow:hidden;background:#c9bcaa}.expertise-preview img{width:100%;height:100%;transition:opacity .25s}.preview-caption{position:absolute;bottom:0;left:0;right:0;padding:18px 24px;background:rgba(25,25,21,.78);color:var(--paper);font-size:9px;letter-spacing:.15em}.expertise-list{border-top:1px solid #bfb7a8}details{border-bottom:1px solid #bfb7a8}summary{display:flex;align-items:center;gap:20px;min-height:100px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:var(--muted);align-self:center}summary h3{font:clamp(26px,2.7vw,42px)/1.1 var(--serif);letter-spacing:-.04em;flex:1}.plus{width:20px;height:20px;position:relative;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;top:9px;left:3px;width:14px;height:1px;background:var(--ink);transition:transform .25s}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}.service-copy{padding:0 30px 30px;font-size:14px;color:var(--muted);max-width:480px}.service-tags{font-size:11px;letter-spacing:.025em;color:var(--ink)}.service-copy .underlink{color:var(--ink);margin-top:16px}.gallery-section{padding-right:0;padding-bottom:90px}.gallery-section .section-heading{padding-right:var(--gutter)}.gallery-aside{display:flex;flex-direction:column;align-items:flex-end;gap:24px}.gallery-controls{display:flex;gap:10px}.round-button{width:46px;height:46px;min-width:44px;min-height:44px;border:1px solid #a6a18f;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:22px;transition:background .2s,color .2s}.round-button:hover{background:var(--ink);color:var(--paper)}.gallery-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b2a38e transparent;padding:3px var(--gutter) 22px 3px;overscroll-behavior-inline:contain}.gallery-track figure{flex:0 0 31%;min-width:0;scroll-snap-align:start}.zoom-link{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;background:#d6cbb9}.zoom-link img{width:100%;height:100%;transition:transform .6s}.zoom-link:hover img{transform:scale(1.045)}.zoom-icon{position:absolute;right:16px;bottom:16px;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-size:22px}.gallery-track figcaption{display:flex;gap:20px;font-size:11px;margin-top:16px}.gallery-track figcaption span{color:var(--muted);font-size:9px;padding-top:2px}.gallery-hint{font-size:10px;color:var(--muted);margin-top:20px}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;background:var(--ink);color:var(--paper)}.contact h2{font-size:clamp(52px,6vw,88px)}.contact-intro .button{margin-top:38px}.contact-details{padding-top:10px}.contact-details>div+div{border-top:1px solid #ffffff30;margin-top:36px;padding-top:30px}.contact-details .eyebrow{color:#c7b69b;margin-bottom:18px}address{font:24px/1.45 var(--serif);font-style:normal;letter-spacing:-.02em}.contact-details .underlink{margin-top:15px}.phone{font:clamp(28px,3vw,44px)/1.3 var(--serif);letter-spacing:-.03em;display:inline-flex;min-height:44px;align-items:center}.hours{font-size:11px;color:#d6d2c8;max-width:320px;line-height:1.8;margin-top:12px}.footer{padding:40px var(--gutter) 20px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-main>p{font-size:11px;color:var(--muted)}.socials{display:flex;gap:26px;font-size:11px}.socials a{display:flex;align-items:center;gap:12px;min-height:44px}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.footer-bottom a{display:flex;align-items:center;min-height:44px}dialog{color:var(--ink);background:var(--paper);border:0;padding:60px 44px 44px;width:min(560px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;box-shadow:0 24px 100px #0005}dialog::backdrop{background:#151612bc;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .25s ease-out}dialog h2{font-size:42px;line-height:1.12;letter-spacing:-.04em;margin-bottom:24px}dialog>p:not(.eyebrow){font-size:14px;color:var(--muted)}dialog .button{margin-top:28px}.dialog-close{position:absolute;top:12px;right:12px}.space-option{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.space-option h3{font:26px var(--serif);margin-bottom:10px}.space-option p{font-size:13px;color:var(--muted)}.lightbox{width:min(1100px,calc(100% - 24px));padding:64px 24px 24px;background:#20211d;color:var(--paper)}.lightbox .round-button{color:var(--paper)}.lightbox img{width:100%;height:min(70svh,800px);object-fit:contain}.lightbox figcaption{text-align:center;font-size:13px;padding-top:16px}.menu-toggle{min-height:44px;align-items:center;gap:12px;font-size:12px}.menu-lines{display:block;width:20px;height:12px;border-top:1px solid;border-bottom:1px solid;transition:transform .25s}.menu-toggle[aria-expanded=true] .menu-lines{transform:rotate(-45deg)}
/* Direction HED : enseigne géométrique forte, cadrage et angles nets. */
.brand{font-family:'Arial Black',Arial,Helvetica,sans-serif;font-weight:900}.brand span{font-weight:900;letter-spacing:.12em}.hero-photo{object-position:72% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.52) 38%,rgba(0,0,0,.08) 72%)}.hero-content{max-width:850px}.hero h1{font-family:'Arial Black',Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(90px,12vw,180px);letter-spacing:-.065em;line-height:.85;color:#fff}.hero h1 span{display:block}.hero h1 span+span{font-size:.49em;letter-spacing:.07em;margin-top:.18em}.hero-copy{max-width:380px;font-size:clamp(17px,1.6vw,23px);line-height:1.45;margin-top:28px}.hero-secondary{font-size:14px;margin-top:12px}.button,.image-stamp,dialog{border-radius:0}
@media(max-width:800px){.hero .hero-photo{object-position:68% center}.hero .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.42) 55%,rgba(0,0,0,.12))}.hero h1{font-size:clamp(94px,23vw,150px)}.hero .hero-copy{max-width:265px;font-size:17px}.hero .hero-content{padding-top:64px}}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){h1 span{animation:enter .8s both}h1 span:nth-child(2){animation-delay:.12s}.hero-enter{animation:enter .8s both}.hero-copy{animation-delay:.2s}.hero-actions{animation-delay:.3s}.reveal.is-pending{opacity:0;transform:translateY(22px)}.reveal{transition:opacity .7s,transform .7s}}
@media(min-width:1700px){.section-pad,.header,.footer{padding-left:max(var(--gutter),calc((100vw - 1500px)/2));padding-right:max(var(--gutter),calc((100vw - 1500px)/2))}.gallery-section{padding-right:0}}
@media(max-width:1100px){.header{gap:24px;padding-left:30px;padding-right:30px}.nav-links,.nav-actions{gap:18px}.nav-links a,.text-link,.header .button{font-size:11px}.header .button{padding:13px;gap:12px}.brand{font-size:40px}.salon{gap:50px}.service-copy{padding-left:0;padding-right:0}.contact{gap:45px}.footer-main{flex-wrap:wrap}}
@media(max-width:800px){html{scroll-padding-top:80px}.topbar{font-size:8px;letter-spacing:.13em;padding:9px 12px}.topbar span{margin:0 6px}.header,.header.compact{padding:14px 24px;justify-content:space-between;flex-wrap:wrap;gap:0}.header .brand{font-size:38px;min-height:44px;align-items:center}.header .brand span{font-size:9px}.menu-toggle:not([hidden]){display:flex}.header nav{flex-basis:100%;display:flex;align-items:stretch;flex-direction:column;gap:16px;padding:20px 0 10px}.nav-links,.nav-actions{flex-direction:column;align-items:stretch;gap:4px;margin:0}.nav-links a,.text-link{font-size:14px;min-height:48px}.header .button{font-size:12px;min-height:52px}.hero{min-height:650px}.hero-content{padding:64px 24px 135px}.hero-photo{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#11130fba,#11130f55)}h1{font-size:clamp(54px,9.6vw,76px)}.hero-copy{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:13px;margin-top:26px}.hero-bottom{left:24px;right:24px;bottom:15px;font-size:7px;letter-spacing:.1em}.hero-bottom a{gap:10px}.eyebrow{font-size:9px;margin-bottom:22px}.wood-band{padding:26px 24px;flex-wrap:wrap;gap:12px}.wood-band>span:first-child{font-size:27px}.band-note{font-size:8px}.section-pad{padding:72px 24px}.salon{grid-template-columns:1fr;gap:44px}.salon-visual{padding-right:24px;max-width:550px}.image-wrap{aspect-ratio:5/4}.image-stamp{width:90px;height:90px;bottom:54px;font-size:28px}.salon-copy{max-width:550px}h2{font-size:48px}.salon-copy .lead{font-size:22px}.section-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:34px}.expertise-layout{grid-template-columns:1fr;gap:26px}.expertise-preview{aspect-ratio:5/3;max-height:350px}.expertise-preview img{object-position:center 45%}summary{min-height:88px;gap:16px}summary h3{font-size:31px}.service-copy{padding-left:28px;padding-bottom:24px}.gallery-section{padding-right:0}.gallery-section .section-heading{padding-right:24px}.gallery-aside{align-items:flex-start;width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.gallery-aside>p{max-width:180px;font-size:12px}.gallery-track{gap:16px;padding-right:24px}.gallery-track figure{flex-basis:76%}.gallery-track figcaption{font-size:10px;gap:12px}.gallery-hint{padding-right:24px;font-size:9px}.contact{grid-template-columns:1fr;gap:52px}.contact h2{font-size:58px}.contact-details{padding:0}.contact-details>div+div{margin-top:28px;padding-top:24px}.footer{padding:36px 24px 14px}.footer-main{align-items:flex-start;flex-direction:column;gap:14px}.footer-main .brand{font-size:40px}.socials{gap:28px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:4px;margin-top:20px;font-size:9px}dialog{padding:65px 26px 30px}dialog h2{font-size:36px}.lightbox{padding:65px 12px 20px}.lightbox img{height:65svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.is-pending{opacity:1;transform:none}}