*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#fff;color:#111;font-family:'Outfit',sans-serif;font-weight:300;overflow-x:hidden}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 5vw;transition:all .32s}
nav.s{background:rgba(255,255,255,.97);backdrop-filter:blur(18px);padding:.95rem 5vw;border-bottom:1px solid #efefef}
.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.logo-badge{background:#111;color:#fff;font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:400;letter-spacing:.08em;padding:.45rem 1.2rem;border-radius:2px;border:1px solid rgba(255,255,255,.15)}
.logo-text .t1{font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#fff;display:block}
.logo-text .t2{font-size:.4rem;font-weight:300;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.42);display:block}
nav.s .logo-badge{border-color:rgba(17,17,17,.15)}
nav.s .logo-text .t1{color:#111}
nav.s .logo-text .t2{color:#bbb}
.nav-links{display:flex;gap:2.2rem;list-style:none}
.nav-links a{font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72);text-decoration:none;transition:color .2s}
.nav-links a:hover{color:#fff}
nav.s .nav-links a{color:#888}
nav.s .nav-links a:hover{color:#111}
.nav-cta{font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;border:1.5px solid rgba(255,255,255,.4);padding:.62rem 1.5rem;text-decoration:none;transition:all .25s;white-space:nowrap}
nav.s .nav-cta{background:#111;border-color:#111}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none}
.burger span{width:22px;height:1.5px;background:#fff;display:block;transition:all .3s}
nav.s .burger span{background:#111}
.burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mob-menu{display:none;position:fixed;inset:0;z-index:850;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem}
.mob-menu.open{display:flex}
.mob-menu a{font-family:'Cormorant Garamond',serif;font-size:2.6rem;font-weight:300;font-style:italic;color:#111;text-decoration:none;transition:opacity .2s}
.mob-menu a:hover{opacity:.35}
.mob-cta{font-family:'Outfit',sans-serif!important;font-style:normal!important;font-size:.65rem!important;letter-spacing:.2em;text-transform:uppercase;color:#fff!important;background:#111;padding:.85rem 2.4rem;margin-top:.5rem}

/* HERO */
@keyframes zoom{from{transform:scale(1.05)}to{transform:scale(1)}}
@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero{position:relative;width:100%;height:100svh;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;animation:zoom 2.2s ease-out forwards}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.2) 55%,transparent 100%)}
.hero-body{position:relative;z-index:1;padding:0 5vw 4vh}
.hero-tag{font-size:.48rem;letter-spacing:.42em;text-transform:uppercase;color:rgba(255,255,255,.5);display:block;margin-bottom:1.1rem;animation:up .8s .1s both}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,9vw,8rem);font-weight:300;line-height:.97;color:#fff;margin-bottom:1.2rem;animation:up .8s .22s both}
.hero h1 em{font-style:italic;display:block}
.hero-sub{font-size:.88rem;line-height:1.85;color:rgba(255,255,255,.62);font-style:italic;margin-bottom:2rem;animation:up .8s .32s both;max-width:480px}
.hero-cta-block{margin-bottom:1.5rem;animation:up .8s .42s both}
.hero-cta-phrase{font-family:'Cormorant Garamond',serif;font-size:clamp(1rem,2.5vw,1.4rem);font-style:italic;font-weight:300;color:#fff;margin-bottom:.9rem;line-height:1.3}
.hero-btns{display:flex;gap:.8rem;flex-wrap:wrap;animation:up .8s .52s both}
.btn-w{font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#111;background:#fff;padding:.88rem 2.2rem;text-decoration:none;transition:background .2s;font-weight:500}
.btn-w:hover{background:#e8e8e8}
.btn-wa{display:inline-flex;align-items:center;gap:.55rem;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:#25D366;padding:.88rem 2rem;text-decoration:none;font-weight:500;transition:background .2s}
.btn-wa:hover{background:#1ebe5d}

/* BANNIERE LANCEMENT */

/* TICKER */
.ticker{background:#000;padding:.75rem 0;overflow:hidden}
.ticker-track{display:flex;animation:tick 36s linear infinite;width:max-content}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tick-i{font-size:.48rem;letter-spacing:.36em;text-transform:uppercase;color:rgba(255,255,255,.35);white-space:nowrap;padding:0 1.8rem}
.tick-i::after{content:' · ';opacity:.25}

/* SECTION */
.sec{padding:6rem 5vw}
.lbl{font-size:.48rem;letter-spacing:.42em;text-transform:uppercase;color:#bbb;margin-bottom:.7rem;display:block}
.sh{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:300;line-height:1.06;color:#111}
.sh em{font-style:italic}

/* LOOKBOOK */
.lk-sec{background:#fff;padding:5rem 5vw}
.lk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem}
.lk-head a{font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:#111;text-decoration:none;border-bottom:1px solid #111;padding-bottom:.1rem;transition:opacity .2s}
.lk-head a:hover{opacity:.45}
.lk-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:3px}
.lk-item{position:relative;overflow:hidden;cursor:pointer;background:#f5f5f5}
.lk-item.big{grid-row:span 2}
.lk-item img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .6s}
.lk-item:hover img{transform:scale(1.05)}
.lk-over{position:absolute;inset:0;background:rgba(0,0,0,.32);opacity:0;transition:opacity .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}
.lk-item:hover .lk-over{opacity:1}
.lk-tag{font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.55);padding:.32rem .9rem}
.lk-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-style:italic;color:#fff}

/* SERVICES */
.svc-sec{background:#f7f7f7;padding:6rem 5vw}
.svc-top{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3.5rem}
.svc-top p{font-size:.85rem;line-height:2;color:#888}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e8e8e8}
.svc-card{background:#fff;transition:background .25s;cursor:pointer}
.svc-card:hover{background:#fafafa}
.svc-img{height:280px;overflow:hidden}
.svc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.svc-card:hover .svc-img img{transform:scale(1.05)}
.svc-body{padding:1.8rem 1.6rem}
.svc-n{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:300;color:#f0f0f0;line-height:1;display:block;margin-bottom:.3rem}
.svc-body h3{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;color:#111;margin-bottom:.5rem}
.svc-body p{font-size:.8rem;line-height:1.9;color:#888;margin-bottom:1rem}
.svc-price{font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;color:#111;font-weight:500;display:block;padding-top:.9rem;border-top:1px solid #efefef;margin-bottom:.9rem}
.svc-lnk{font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:#111;text-decoration:none;transition:opacity .2s}
.svc-lnk:hover{opacity:.45}

/* GARANTIE */
.gar-sec{background:#fff;padding:6rem 5vw;text-align:center}
.gar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#efefef;margin:3rem 0;text-align:left}
.gar-card{padding:2rem 1.6rem;background:#fff}
.gar-card.dark{background:#111}
.gar-ico{font-size:1.6rem;margin-bottom:.9rem}
.gar-card h3{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:400;color:#111;margin-bottom:.5rem}
.gar-card.dark h3{color:#fff}
.gar-card p{font-size:.78rem;line-height:1.85;color:#888}
.gar-card.dark p{color:rgba(255,255,255,.42)}

/* POURQUOI */
.why-sec{display:grid;grid-template-columns:1fr 1fr;background:#111;overflow:hidden}
.why-img{position:relative;overflow:hidden;min-height:560px}
.why-img img{width:100%;height:100%;object-fit:cover;display:block;opacity:.6}
.why-quote{position:absolute;bottom:3rem;left:3rem;right:3rem;border-left:2px solid rgba(255,255,255,.22);padding-left:1.4rem}
.why-quote p{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-style:italic;color:rgba(255,255,255,.82);line-height:1.6}
.why-quote span{font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.3);display:block;margin-top:.8rem}
.why-txt{padding:4.5rem 4vw;display:flex;flex-direction:column;justify-content:center}
.why-txt .lbl{color:rgba(255,255,255,.28)}
.why-txt .sh{color:#fff;margin-bottom:2.5rem}
.why-txt .sh em{color:rgba(255,255,255,.45)}
.why-list{list-style:none;border-top:1px solid rgba(255,255,255,.07)}
.wl{display:flex;gap:1.2rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.07)}
.wl-n{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:rgba(255,255,255,.1);min-width:2rem;line-height:1}
.wl h4{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:.3rem;font-weight:500}
.wl p{font-size:.8rem;line-height:1.85;color:rgba(255,255,255,.32)}

/* GARY */
.gary-sec{display:grid;grid-template-columns:1fr 1fr;background:#111;overflow:hidden}
.gary-img{position:relative;overflow:hidden;min-height:580px}
.gary-img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.gary-txt{padding:5rem 4vw;display:flex;flex-direction:column;justify-content:center}
.gary-txt blockquote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,2.8vw,2.5rem);font-weight:300;font-style:italic;color:#fff;line-height:1.25;margin-bottom:2rem;border:none;padding:0}
.gary-line{width:40px;height:1.5px;background:rgba(255,255,255,.22);margin-bottom:2rem}
.gary-txt p{font-size:.82rem;line-height:1.95;color:rgba(255,255,255,.42);margin-bottom:2rem}
.gary-sig{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.32)}

/* QUIZ */
.quiz-sec{background:#111;padding:5.5rem 5vw;text-align:center}
.quiz-lbl{font-size:.46rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(255,255,255,.3);display:block;margin-bottom:.8rem}
.quiz-sec h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.8rem);font-weight:300;color:#fff;margin-bottom:.7rem}
.quiz-sec h2 em{font-style:italic;color:rgba(255,255,255,.55)}
.quiz-desc{font-size:.82rem;color:rgba(255,255,255,.4);line-height:1.85;max-width:460px;margin:0 auto 2.2rem}
.quiz-opts{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:2.2rem}
.qi{font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.18);padding:.62rem 1.4rem;cursor:pointer;transition:all .25s}
.qi:hover,.qi.on{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45);color:#fff}
.btn-quiz{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:#111;background:#fff;padding:.9rem 2.5rem;text-decoration:none;display:inline-block;transition:background .2s;font-weight:500}
.btn-quiz:hover{background:#e8e8e8}

/* RÉSERVATION */
.resa-sec{background:#f7f7f7;padding:6rem 5vw}
.resa-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:6rem;align-items:start}
.resa-left h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:300;margin-bottom:1.2rem}
.resa-left h2 em{font-style:italic}
.resa-left p{font-size:.82rem;line-height:2;color:#888;margin-bottom:1.6rem}
.av-list{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.6rem}
.av-list li{font-size:.78rem;color:#888;display:flex;align-items:center;gap:.7rem}
.av-list li::before{content:'—';color:#111}
.resa-note{font-size:.74rem;color:#888;border-left:2px solid #111;padding:.75rem 1.1rem;background:#fff}
.form-box{background:#fff;border:1px solid #efefef;padding:2.6rem}
.form-title{font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:300;color:#111;margin-bottom:1.6rem}
.form-title em{font-style:italic}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.fg{margin-bottom:.95rem}
.fg label{font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:#aaa;display:block;margin-bottom:.32rem}
.fg input,.fg select,.fg textarea{width:100%;background:#f7f7f7;border:none;border-bottom:1px solid #ddd;padding:.7rem .8rem;font-family:'Outfit',sans-serif;font-size:.85rem;font-weight:300;color:#111;outline:none;transition:border-color .2s;-webkit-appearance:none;border-radius:0}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:#111;background:#fff}
.fg textarea{resize:vertical;min-height:85px}
.fcheck{display:flex;align-items:flex-start;gap:.62rem;margin-bottom:1.3rem}
.fcheck input{margin-top:.15rem;accent-color:#111;flex-shrink:0}
.fcheck label{font-size:.7rem;color:#aaa;line-height:1.6}
.btn-submit{width:100%;font-family:'Outfit',sans-serif;font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:#111;padding:1rem;border:none;cursor:pointer;transition:background .25s}
.btn-submit:hover{background:#333}
.f-note{font-size:.62rem;color:#ccc;text-align:center;margin-top:.65rem}

/* FOOTER */
footer{background:#111;padding:5rem 5vw 2rem}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3.5rem;margin-bottom:4rem}
.ft-badge{background:#111;color:#fff;font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:400;letter-spacing:.08em;padding:.42rem 1.1rem;border:1px solid rgba(255,255,255,.15);display:inline-block;margin-bottom:.9rem}
.ft-tagline{font-size:.72rem;font-style:italic;color:rgba(255,255,255,.35);margin-bottom:.5rem;display:block}
.ft-desc{font-size:.72rem;line-height:1.9;color:rgba(255,255,255,.22);max-width:200px}
.fc h4{font-size:.44rem;letter-spacing:.36em;text-transform:uppercase;color:rgba(255,255,255,.26);margin-bottom:1rem}
.fc ul{list-style:none}
.fc li{margin-bottom:.48rem}
.fc a{font-size:.72rem;color:rgba(255,255,255,.28);text-decoration:none;transition:color .2s}
.fc a:hover{color:#fff}
.ft-contact a{color:rgba(255,255,255,.28);text-decoration:none;font-size:.72rem;line-height:2.1;display:block;transition:color .2s}
.ft-contact a:hover{color:#fff}
.ft-bot{display:flex;justify-content:space-between;align-items:center;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap;gap:1rem}
.ft-copy{font-size:.52rem;letter-spacing:.1em;color:rgba(255,255,255,.18)}
.ft-soc{display:flex;gap:1.4rem}
.ft-soc a{font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.22);text-decoration:none;transition:color .2s}
.ft-soc a:hover{color:#fff}

/* MODAL */
.modal{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center}
.modal.on{display:flex}
.mbox{background:#fff;padding:3.5rem;max-width:400px;width:90%;text-align:center;animation:up .4s ease;border-top:2px solid #111}
.mbox h3{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:300;margin-bottom:.7rem}
.mbox p{font-size:.8rem;line-height:1.8;color:#888;margin-bottom:1.6rem}
.btn-mc{font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:#111;padding:.75rem 2rem;border:none;cursor:pointer;font-family:'Outfit',sans-serif}

/* REVEAL */
.rv{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.rv.on{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* SEO CONTENT */
.seo-sec{background:#fff;padding:6rem 5vw;border-top:1px solid #efefef}
.seo-wrap{max-width:1120px;margin:0 auto}
.seo-intro{max-width:760px;margin-bottom:3rem}
.seo-intro p{font-size:.88rem;line-height:2;color:#777;margin-top:1rem}
.seo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e8e8e8}
.seo-card{background:#fafafa;padding:2rem}
.seo-card h3{font-family:'Cormorant Garamond',serif;font-size:1.65rem;font-weight:400;color:#111;margin-bottom:.8rem}
.seo-card h4{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:#111;margin:1.4rem 0 .6rem;font-weight:500}
.seo-card p,.seo-card li{font-size:.82rem;line-height:1.9;color:#777}
.seo-card ul,.seo-card ol{padding-left:1.2rem;margin:.7rem 0}
.seo-faq{margin-top:3rem;background:#f7f7f7;padding:2rem}
.seo-faq h3{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;margin-bottom:1rem}
.seo-faq details{border-top:1px solid #e2e2e2;padding:1rem 0}
.seo-faq summary{cursor:pointer;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#111;font-weight:500}
.seo-faq p{font-size:.82rem;line-height:1.9;color:#777;margin-top:.8rem}
@media(max-width:960px){.seo-grid{grid-template-columns:1fr}.seo-card{padding:1.5rem}}

/* RESPONSIVE */
@media(max-width:960px){
  .nav-links,.nav-cta{display:none}
  .burger{display:flex}
  .svc-top,.resa-inner{grid-template-columns:1fr;gap:2rem}
  .svc-grid{grid-template-columns:1fr}
  .gar-grid{grid-template-columns:1fr 1fr}
  .why-sec,.gary-sec{grid-template-columns:1fr}
  .why-img,.gary-img{min-height:380px}
  .ft-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .lk-grid{grid-template-columns:repeat(2,1fr)}
  .lk-item.big{grid-row:span 1}
}
@media(max-width:580px){
  .gar-grid{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr}
  .fr2{grid-template-columns:1fr}
  .quiz-opts{gap:.5rem}
  .hero h1{font-size:clamp(2.6rem,10vw,4rem)}
}

/* BLOG SEO */
.blog-sec{background:#fff;padding:6rem 5vw;border-top:1px solid #f1f1f1}
.blog-top{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3rem}
.blog-top p{font-size:.85rem;line-height:2;color:#888;max-width:520px}
.blog-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3px;background:#e8e8e8}
.blog-card{background:#fff;text-decoration:none;color:#111;display:flex;flex-direction:column;min-height:100%;transition:background .25s}
.blog-card:hover{background:#fafafa}
.blog-card:first-child{grid-row:span 2}
.blog-img{height:260px;overflow:hidden;background:#f5f5f5}
.blog-card:first-child .blog-img{height:520px}
.blog-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s}
.blog-card:hover .blog-img img{transform:scale(1.04)}
.blog-body{padding:1.7rem 1.55rem}
.blog-k{font-size:.46rem;letter-spacing:.22em;text-transform:uppercase;color:#aaa;display:block;margin-bottom:.6rem}
.blog-body h3{font-family:'Cormorant Garamond',serif;font-size:1.45rem;font-weight:300;line-height:1.12;margin-bottom:.7rem}
.blog-body p{font-size:.78rem;line-height:1.85;color:#888;margin-bottom:1rem}
.blog-more{font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:#111}
@media(max-width:960px){.blog-top{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.blog-card:first-child{grid-row:span 1}.blog-card:first-child .blog-img,.blog-img{height:300px}}

/* PERFORMANCE & IMMERSION — Netlify Ultra */
:root{--progress:0%;--heroY:0px;--mx:50%;--my:50%}
.scroll-progress{position:fixed;top:0;left:0;z-index:1200;width:var(--progress);height:2px;background:#fff;mix-blend-mode:difference;pointer-events:none;transition:width .08s linear}
.hero-bg img{transform:translate3d(0,var(--heroY),0) scale(1.03);will-change:transform}
img{max-width:100%;height:auto;background:#f4f4f4}
.lk-item,.svc-card,.gar-card,.blog-card,.qi,.btn-w,.btn-wa,.nav-cta{will-change:transform;transform:translateZ(0)}
.svc-card,.blog-card,.lk-item{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),background .25s}
.svc-card:hover,.blog-card:hover{transform:translate3d(0,-6px,0);box-shadow:0 24px 60px rgba(0,0,0,.08)}
.blog-card,.svc-card{position:relative;overflow:hidden}
.blog-card::after,.svc-card::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.22),transparent 28%);opacity:0;transition:opacity .25s;pointer-events:none}
.blog-card:hover::after,.svc-card:hover::after{opacity:1}
.btn-w,.btn-wa,.nav-cta,.btn-quiz{position:relative;overflow:hidden;transition:transform .22s ease,background .22s ease,opacity .22s ease}
.btn-w:hover,.btn-wa:hover,.nav-cta:hover,.btn-quiz:hover{transform:translateY(-2px)}
.btn-w::after,.btn-wa::after,.nav-cta::after,.btn-quiz::after{content:'';position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .55s cubic-bezier(.22,1,.36,1);pointer-events:none}
.btn-w:hover::after,.btn-wa:hover::after,.nav-cta:hover::after,.btn-quiz:hover::after{left:130%}
.rv{will-change:opacity,transform}.rv.on{transition-timing-function:cubic-bezier(.22,1,.36,1)}
.qi.on{background:#fff;color:#111;border-color:#fff;transform:translateY(-2px)}
details{overflow:hidden}summary{cursor:pointer;transition:opacity .2s}summary:hover{opacity:.55}
:focus-visible{outline:2px solid #111;outline-offset:4px}footer :focus-visible,.hero :focus-visible,.why-sec :focus-visible,.gary-sec :focus-visible,.quiz-sec :focus-visible{outline-color:#fff}
@supports(content-visibility:auto){.lk-sec,.svc-sec,.gar-sec,.why-sec,.gary-sec,.quiz-sec,.seo-sec,.blog-sec,.resa-sec,footer{content-visibility:auto;contain-intrinsic-size:700px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-bg img{transform:none!important}}
@media(max-width:760px){.scroll-progress{height:1.5px}.svc-card:hover,.blog-card:hover{transform:none;box-shadow:none}.hero-bg img{transform:scale(1.02)!important}}

/* ARTICLE LONG FORM — single HTML */
.article-feature{background:#111;color:#fff;padding:7rem 5vw 4rem;border-top:1px solid #1f1f1f}
.article-feature .article-hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;max-width:1280px;margin:0 auto}
.article-k{font-size:.48rem;letter-spacing:.42em;text-transform:uppercase;color:rgba(255,255,255,.35);display:block;margin-bottom:1rem}
.article-feature h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,5.8vw,6.2rem);font-weight:300;line-height:1;color:#fff;margin:0 0 1.2rem}
.article-feature h2 em{font-style:italic;color:rgba(255,255,255,.55)}
.article-feature p.lead{font-size:.92rem;line-height:1.95;color:rgba(255,255,255,.58);max-width:540px}
.article-cover{height:560px;overflow:hidden;background:#1b1b1b}
.article-cover img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.9) contrast(1.02)}
.article-wrap{background:#fff;color:#111;padding:5rem 5vw;display:grid;grid-template-columns:minmax(0,780px) 320px;gap:5rem;align-items:start}
.article-body{font-size:1rem;line-height:1.95;color:#555;max-width:780px}
.article-body h3{font-family:'Cormorant Garamond',serif;font-size:2.05rem;font-weight:300;line-height:1.15;color:#111;margin:3rem 0 1rem}
.article-body p{margin-bottom:1.15rem}
.article-body ul{padding-left:1.1rem;margin:0 0 1.5rem}.article-body li{margin-bottom:.55rem}
.article-quote{font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-style:italic;color:#111;line-height:1.4;border-left:2px solid #111;padding-left:1.4rem;margin:2.6rem 0}
.article-side{position:sticky;top:6rem;background:#f7f7f7;padding:1.8rem;border:1px solid #efefef}
.article-side h3{font-family:'Cormorant Garamond',serif;font-size:1.45rem;font-weight:300;line-height:1.2;color:#111;margin:0 0 .8rem}
.article-side p{font-size:.78rem;line-height:1.85;color:#888;margin-bottom:1.1rem}
.legal-single{background:#f7f7f7;padding:5rem 5vw;border-top:1px solid #eee}
.legal-single .legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e8e8e8}
.legal-card{background:#fff;padding:1.8rem}.legal-card h3{font-family:'Cormorant Garamond',serif;font-size:1.45rem;font-weight:300;margin-bottom:.9rem}.legal-card p,.legal-card li{font-size:.76rem;line-height:1.75;color:#777;margin-bottom:.55rem}.legal-card ul{padding-left:1rem}
@media(max-width:960px){.article-feature .article-hero,.article-wrap,.legal-single .legal-grid{grid-template-columns:1fr}.article-cover{height:360px}.article-side{position:static}.article-wrap{padding-top:3.5rem}.article-feature{padding-top:5rem}}

/* image stabilisée */
@media(max-width:760px){
  /* image stabilisée */
}

/* Audit cadrage final : aucune tête coupée */
/* image stabilisée */


/* ═══ TOGGLES ACCORDÉON ═══ */
.art-toggle-btn{font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#111;border:none;background:none;cursor:pointer;padding:.6rem 0;border-bottom:1px solid #111;margin-top:1.2rem;display:inline-block;font-family:inherit}
.art-body-wrap{max-height:0;overflow:hidden;transition:max-height .5s ease}
.art-body-wrap.open{max-height:9999px}
.seo-toggle{font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:#bbb;border:none;background:none;cursor:pointer;padding:.5rem 0;border-bottom:1px solid #e0e0e0;margin-top:1rem;display:inline-block;font-family:inherit;transition:color .2s}
.seo-toggle:hover{color:#111}
.seo-collapsible{max-height:0;overflow:hidden;transition:max-height .6s ease}
.seo-collapsible.open{max-height:9999px}


/* ═══ PAGES INTERNES ═══ */
.btn-dark{display:inline-flex;align-items:center;gap:.55rem;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:#111;padding:.95rem 2.2rem;text-decoration:none;font-weight:500;transition:background .2s}
.btn-dark:hover{background:#333}
.btn-line{display:inline-block;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#111;border:1px solid #111;padding:.9rem 2rem;text-decoration:none;font-weight:500;transition:all .2s}
.btn-line:hover{background:#111;color:#fff}
.page-hero{padding:9.5rem 5vw 3.5rem;background:#fff;border-bottom:1px solid #efefef}
.page-hero-in{max-width:1120px;margin:0 auto}
.crumbs{font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;color:#bbb;margin-bottom:1.6rem}
.crumbs a{color:#888;text-decoration:none}.crumbs a:hover{color:#111}.crumbs span{margin:0 .6rem}
.page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,5.4vw,5rem);font-weight:300;line-height:1.04;color:#111}
.page-hero h1 em{font-style:italic;color:#888}
.page-hero .lead{font-size:.95rem;line-height:2;color:#777;max-width:660px;margin-top:1.3rem}
.page-main{padding:4rem 5vw 5rem;background:#fff}
.page-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:4.5rem;align-items:start}
.prose{font-size:.95rem;line-height:1.95;color:#555;max-width:720px}
.prose h2{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;line-height:1.15;color:#111;margin:2.8rem 0 1rem}
.prose h2:first-child{margin-top:0}
.prose p{margin-bottom:1.1rem}
.prose ul,.prose ol{padding-left:1.2rem;margin:0 0 1.5rem}.prose li{margin-bottom:.5rem}
.prose a{color:#111}
.prose figure{margin:0 0 2.4rem;border-radius:6px;overflow:hidden;line-height:0}
.prose figure img{width:100%;height:340px;object-fit:cover;display:block}
.side-card{position:sticky;top:6.5rem;background:#f7f7f7;border:1px solid #efefef;padding:1.9rem}
.side-card .lbl{margin-bottom:.5rem}
.side-price{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:300;color:#111;line-height:1.1;margin:.2rem 0 .3rem}
.side-price s{font-size:1.2rem;color:#bbb;margin-right:.4rem}
.side-note{font-size:.74rem;line-height:1.8;color:#888;margin-bottom:1.3rem}
.side-card .btn-wa{display:flex;justify-content:center;width:100%}
.side-links{list-style:none;margin-top:1.6rem;padding-top:1.3rem;border-top:1px solid #e8e8e8}
.side-links li{margin-bottom:.55rem}
.side-links a{font-size:.7rem;color:#555;text-decoration:none;letter-spacing:.04em}.side-links a:hover{color:#111;text-decoration:underline}
.more-link{display:inline-block;margin-top:1rem;font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:#111;text-decoration:none;border-bottom:1px solid #111;padding-bottom:.25rem}
.page-faq{max-width:1120px;margin:0 auto;padding:0 5vw}
.page-faq .seo-faq{margin-top:0}
.other-svc{background:#f7f7f7;padding:4.5rem 5vw}
.other-svc-in{max-width:1120px;margin:0 auto}
.other-svc h2{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;margin-bottom:1.6rem}
.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e8e8e8}
.other-grid a{background:#fff;padding:1.6rem;text-decoration:none;color:#111;display:block;transition:background .2s}
.other-grid a:hover{background:#fafafa}
.other-grid h3{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;margin-bottom:.4rem}
.other-grid p{font-size:.76rem;line-height:1.8;color:#888}
.cta-band{background:#111;color:#fff;padding:4.5rem 5vw;text-align:center}
.cta-band h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3.4vw,3rem);font-weight:300;line-height:1.1;margin-bottom:1rem}
.cta-band h2 em{font-style:italic;color:rgba(255,255,255,.55)}
.cta-band p{font-size:.85rem;color:rgba(255,255,255,.55);margin-bottom:1.8rem}
.blog-list{max-width:1120px;margin:0 auto}
.founder-note{background:#0d0d0d;color:#fff;padding:7rem 6vw 6rem;overflow:hidden}
.founder-split{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.founder-photo{position:relative;border-radius:4px;overflow:hidden}
.founder-photo img{width:100%;height:auto;max-height:680px;object-fit:cover;object-position:center 20%;display:block;background:#0d0d0d}
.founder-tag{position:absolute;bottom:1.5rem;left:1.5rem;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);padding:.8rem 1.2rem;border-radius:3px}
.founder-tag em{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:#fff}
.founder-text{text-align:left}
.resa-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#efefef;margin-bottom:3rem;text-align:left}
@media(max-width:860px){.founder-split{grid-template-columns:1fr;gap:2rem}.resa-info{grid-template-columns:1fr}.founder-note{padding:5rem 6vw}}
.founder-note h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4.6vw,4.4rem);font-weight:300;line-height:1.05;margin-bottom:1.6rem}
.founder-note h2 em{opacity:.65}
.founder-note p{font-size:1rem;line-height:2;color:rgba(255,255,255,.68);max-width:560px;margin:0 auto 2rem}
.founder-note .fq{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-style:italic;color:#fff;line-height:1.5;max-width:520px;margin:0 0 2rem}
.founder-note .fk{display:block;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:1.2rem}
.legal-page .legal-single{padding-top:3rem;background:#fff}
.legal-card h3 + p{margin-top:0}
.start-sec{background:#fff;padding:6rem 5vw;border-bottom:1px solid #efefef}
.start-in{max-width:720px;margin:0 auto;text-align:center}
.start-in .sh{margin-bottom:1.6rem}
.start-in .sh em{color:#888}
.start-txt{font-size:.95rem;line-height:2;color:#777;margin-bottom:2.2rem}
.start-note{font-size:.78rem;line-height:1.8;color:#aaa;margin-top:1.4rem;font-style:italic}
.svc-tag{display:block;font-size:.46rem;letter-spacing:.22em;text-transform:uppercase;color:#aaa;margin:.2rem 0 .5rem}
@media(max-width:960px){.start-sec{padding:4.5rem 6vw}}
.nf{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9rem 5vw 5rem}
.nf h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,8vw,7rem);font-weight:300;line-height:1}
.nf p{color:#888;margin:1.2rem 0 2rem;font-size:.95rem}
@media(max-width:960px){.page-grid{grid-template-columns:1fr;gap:2.5rem}.side-card{position:static}.other-grid{grid-template-columns:1fr}.prose figure img{height:240px}.page-hero{padding-top:8rem}}