/* ── TOKENS ── */
    :root {
      --bg:          #010717;
      --bg-2:        #060d1f;
      --bg-3:        #0c152d;
      --gold:        #c9a55a;
      --gold-dim:    rgba(201,165,90,.18);
      --gold-line:   rgba(201,165,90,.35);
      --burg:        #7a1a35;
      --cream:       #f0e8d8;
      --cream-2:     #c4b89a;
      --cream-3:     #948a76;
      --white:       #ffffff;
      --radius-sm:   2px;
      --radius:      4px;
      --dur:         220ms;
      --ease:        cubic-bezier(.25,.46,.45,.94);
      --ease-out:    cubic-bezier(0,.55,.45,1);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;max-width:100vw}
    body{
      font-family:'Montserrat',sans-serif;
      font-weight:400;
      background:var(--bg);
      color:var(--cream-2);
      line-height:1.7;
      overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
    }

    /* ── GRAIN TEXTURE ── */
    body::before{
      content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
      opacity:.025;
    }

    /* ── TYPE ── */
    h1,h2,h3,h4{font-family:'Marcellus',serif;font-weight:400;line-height:1.15;color:var(--white)}
    .serif{font-family:'Marcellus',serif}
    .label{font-size:.65rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
    .divider{width:40px;height:1px;background:var(--gold-line);margin:1.5rem 0}

    /* ── NAV ── */
    #nav{
      position:fixed;top:0;left:0;right:0;z-index:900;
      display:flex;align-items:center;justify-content:space-between;
      padding:1.5rem 3rem;
      transition:background var(--dur) var(--ease), padding var(--dur) var(--ease), border-color var(--dur);
      border-bottom:1px solid transparent;
    }
    #nav.scrolled{
      background:rgba(9,13,26,.94);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      padding:1rem 3rem;
      border-color:var(--gold-line);
    }
    .nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}
    .nav-logo img{height:76px;width:auto;border-radius:var(--radius-sm);transition:height var(--dur)}
    #nav.scrolled .nav-logo img{height:60px}
    .nav-links{display:flex;list-style:none;align-items:center;gap:2.5rem}
    .nav-links a{
      color:var(--cream-3);font-size:.7rem;font-weight:500;letter-spacing:.14em;
      text-transform:uppercase;text-decoration:none;
      position:relative;padding-bottom:2px;transition:color var(--dur);
    }
    .nav-links a::after{
      content:'';position:absolute;bottom:0;left:0;width:0;height:1px;
      background:var(--gold);transition:width var(--dur) var(--ease);
    }
    .nav-links a:hover{color:var(--gold)}
    .nav-links a:hover::after{width:100%}
    .nav-links a.nav-active,.mobile-menu a.nav-active{color:var(--gold)}
    .nav-links a.nav-active::after{width:100%}
    html:not([data-active-tab="accueil"]) [data-tab="accueil"],
    html:not([data-active-tab="apropos"]) [data-tab="apropos"],
    html:not([data-active-tab="prestations"]) [data-tab="prestations"],
    html:not([data-active-tab="formations"]) [data-tab="formations"],
    html:not([data-active-tab="contact"]) [data-tab="contact"]{display:none !important}
    .nav-cta{
      border:1px solid var(--gold-line) !important;
      color:var(--gold) !important;padding:.45rem 1.2rem !important;
      border-radius:var(--radius-sm);transition:background var(--dur), color var(--dur), border-color var(--dur) !important;
    }
    .nav-cta:hover{background:var(--gold) !important;color:var(--bg) !important;border-color:var(--gold) !important}
    .nav-cta::after{display:none !important}
    .nav-client{display:inline-flex !important;align-items:center;gap:.4em}
    .nav-client::before{
      content:'';width:6px;height:6px;border-radius:50%;
      background:var(--gold);opacity:.6;
    }
    /* hamburger */
    .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}
    .burger span{display:block;width:22px;height:2px;background:var(--cream-2);transition:transform var(--dur), opacity var(--dur)}
    .burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
    .burger.open span:nth-child(2){opacity:0}
    .burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
    .mobile-menu{
      display:none;position:fixed;inset:0;z-index:850;
      background:var(--bg);flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;
    }
    .mobile-menu.open{display:flex}
    .mobile-menu a{font-family:'Marcellus',serif;font-size:2.5rem;font-weight:300;color:var(--cream);text-decoration:none;transition:color var(--dur)}
    .mobile-menu a:hover{color:var(--gold)}

    /* ── SECTIONS ── */
    section{position:relative;z-index:1}
    .wrap{max-width:1120px;margin:0 auto;padding:0 2rem}
    .py{padding:7rem 0}
    .py-sm{padding:5rem 0}

    /* ── HERO ── */
    #hero{
      min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
      align-items:center;justify-content:center;
      text-align:center;position:relative;overflow:hidden;
    }
    .hero-bg{
      position:absolute;inset:0;
      background:var(--bg);
    }
    .hero-img{
      position:absolute;inset:0;
      opacity:.12;
    }
    .hero-inner{position:relative;max-width:820px;padding:2rem}
    .hero-logo-wrap{position:relative;width:min(360px,80vw);margin:0 auto 2rem;display:block;overflow:hidden;border-radius:var(--radius-sm)}
    .hero-logo-wrap .hero-logo{width:100%;height:auto;margin:0;display:block}
    .hero-pour-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
    .bottle-group{transform-origin:255px 96px;opacity:0}
    .stream-group,.droplet{opacity:0}
    .bowl-mask,.liquid-fill{opacity:0}
    .liquid-fill{transform-origin:260px 270px;transform:scaleY(0)}
    .ripple{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3)}
    .shine-sweep{
      position:absolute;top:-20%;left:-70%;width:60%;height:140%;
      background:linear-gradient(100deg,transparent 0%,rgba(240,232,216,.85) 45%,rgba(232,196,120,.95) 52%,transparent 100%);
      transform:translateX(-40%) rotate(8deg);opacity:0;mix-blend-mode:screen;pointer-events:none;
    }
    @media (prefers-reduced-motion:no-preference){
      .hero-logo-wrap.play .bottle-group{animation:bottleTilt 4.8s cubic-bezier(.34,1.2,.4,1) 1 both}
      .hero-logo-wrap.play .stream-group{animation:streamFlow 4.8s ease-in-out 1 both}
      .hero-logo-wrap.play .droplet{animation:dropletPop 4.8s ease-in-out 1 both}
      .hero-logo-wrap.play .bowl-mask{animation:bowlMaskShow 4.8s ease-in-out 1 both}
      .hero-logo-wrap.play .liquid-fill{animation:liquidFill 4.8s ease-in-out 1 both}
      .hero-logo-wrap.play .ripple-1{animation:rippleOut 4.8s ease-out 1 both}
      .hero-logo-wrap.play .ripple-2{animation:rippleOut2 4.8s ease-out 1 both}
      .hero-logo-wrap.play .shine-sweep{animation:shineSweep 4.8s ease-in-out 1 both}
    }
    @keyframes bottleTilt{
      0%{opacity:0;transform:rotate(90deg)}
      8%{opacity:1;transform:rotate(90deg)}
      30%{opacity:1;transform:rotate(90deg)}
      46%{opacity:1;transform:rotate(8deg)}
      50%{opacity:1;transform:rotate(14deg)}
      78%{opacity:1;transform:rotate(14deg)}
      92%{opacity:0;transform:rotate(34deg)}
      100%{opacity:0;transform:rotate(34deg)}
    }
    @keyframes streamFlow{
      0%,44%{opacity:0}
      50%{opacity:.9}
      70%{opacity:.9}
      78%,100%{opacity:0}
    }
    @keyframes dropletPop{
      0%,50%{opacity:0;transform:translate(0,0) scale(1)}
      56%{opacity:.9;transform:translate(var(--dx,4px),2px) scale(1)}
      66%{opacity:0;transform:translate(calc(var(--dx,4px) * 2.2),14px) scale(.6)}
      100%{opacity:0;transform:translate(calc(var(--dx,4px) * 2.2),14px) scale(.6)}
    }
    @keyframes bowlMaskShow{
      0%{opacity:0}
      6%{opacity:1}
      90%{opacity:1}
      96%{opacity:0}
      100%{opacity:0}
    }
    @keyframes liquidFill{
      0%,46%{opacity:1;transform:scaleY(0)}
      55%{opacity:1;transform:scaleY(.55)}
      64%{opacity:1;transform:scaleY(1.12)}
      70%{opacity:1;transform:scaleY(.94)}
      76%{opacity:1;transform:scaleY(1.04)}
      84%,90%{opacity:1;transform:scaleY(1)}
      96%{opacity:0;transform:scaleY(1)}
      100%{opacity:0;transform:scaleY(1)}
    }
    @keyframes rippleOut{
      0%,49%{opacity:0;transform:scale(.3)}
      52%{opacity:.8;transform:scale(.4)}
      64%{opacity:0;transform:scale(1.9)}
      100%{opacity:0;transform:scale(1.9)}
    }
    @keyframes rippleOut2{
      0%,63%{opacity:0;transform:scale(.3)}
      66%{opacity:.7;transform:scale(.4)}
      78%{opacity:0;transform:scale(1.7)}
      100%{opacity:0;transform:scale(1.7)}
    }
    @keyframes shineSweep{
      0%,84%{opacity:0;transform:translateX(-40%) rotate(8deg)}
      88%{opacity:1;transform:translateX(10%) rotate(8deg)}
      98%{opacity:0;transform:translateX(90%) rotate(8deg)}
      100%{opacity:0;transform:translateX(90%) rotate(8deg)}
    }
    .sr-only{
      position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
      clip:rect(0,0,0,0);white-space:nowrap;border:0;
    }
    .hero-sub{
      font-size:.72rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;
      color:var(--cream-3);margin-bottom:1.5rem;
    }
    .hero-rule{width:1px;height:56px;background:linear-gradient(to bottom, var(--gold), transparent);margin:0 auto 1.8rem}
    .hero-desc{
      font-size:1rem;color:var(--cream-3);line-height:1.85;
      max-width:520px;margin:0 auto 2.5rem;
    }
    .hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
    .hero-scroll{
      position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);
      display:flex;flex-direction:column;align-items:center;gap:.6rem;
      font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cream-3);
    }
    .hero-scroll-line{
      width:1px;height:40px;
      background:linear-gradient(to bottom, var(--gold), transparent);
      animation:scrollPulse 2s var(--ease-out) infinite;
    }
    @keyframes scrollPulse{0%,100%{transform:scaleY(.5);opacity:.4}50%{transform:scaleY(1);opacity:1}}

    /* ── BUTTONS ── */
    .btn{
      display:inline-block;text-decoration:none;cursor:pointer;
      font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:500;
      letter-spacing:.18em;text-transform:uppercase;border-radius:var(--radius-sm);
      padding:.8rem 1.8rem;border:1px solid;transition:background var(--dur), color var(--dur), border-color var(--dur), transform var(--dur);
    }
    .btn:hover{transform:translateY(-1px)}
    .btn:active{transform:translateY(0)}
    .btn-gold{background:var(--gold);color:var(--bg);border-color:var(--gold)}
    .btn-gold:hover{background:var(--cream);border-color:var(--cream);color:var(--bg)}
    .btn-ghost{background:transparent;color:var(--cream-2);border-color:rgba(240,232,216,.25)}
    .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

    /* ── INTRO STRIP ── */
    #strip{border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);background:var(--bg-2);padding:2.5rem 0}
    .strip-inner{max-width:1120px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
    .strip-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 2rem;position:relative}
    .strip-item+.strip-item::before{content:'';position:absolute;left:0;top:10%;height:80%;width:1px;background:var(--gold-line)}
    .strip-num{font-family:'Marcellus',serif;font-size:3rem;font-weight:300;color:var(--gold);line-height:1}
    .strip-lbl{font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-3);margin-top:.3rem}

    /* ── ABOUT ── */
    #about{background:var(--bg)}
    .about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:6rem;align-items:center}
    .about-img-wrap{position:relative}
    .about-frame{
      position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;
      border:1px solid var(--gold-line);border-radius:var(--radius-sm);pointer-events:none;
    }
    .about-photo{
      width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;
      border-radius:var(--radius-sm);display:block;position:relative;z-index:1;
    }
    .about-photo-ph{
      width:100%;aspect-ratio:4/5;background:var(--bg-3);
      border:1px solid var(--gold-line);border-radius:var(--radius-sm);
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      gap:.8rem;position:relative;z-index:1;
    }
    .about-photo-ph svg{opacity:.25;width:64px;height:64px;stroke:var(--cream-2);fill:none;stroke-width:1}
    .about-photo-ph span{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-3)}
    .about-quote{
      border-left:2px solid var(--gold);padding-left:1.5rem;margin:2rem 0;
      font-family:'Marcellus',serif;font-size:1.2rem;font-style:italic;
      color:var(--cream);line-height:1.6;
    }
    /* timeline */
    .timeline{display:flex;flex-direction:column;gap:0;margin-top:2rem}
    .tl-item{display:flex;gap:1.2rem;padding-bottom:1.2rem;position:relative}
    .tl-item:not(:last-child)::before{content:'';position:absolute;left:4px;top:18px;bottom:0;width:1px;background:var(--gold-line)}
    .tl-dot{width:9px;height:9px;border:1.5px solid var(--gold);border-radius:50%;margin-top:.45rem;flex-shrink:0;background:var(--bg)}
    .tl-year{font-size:.65rem;letter-spacing:.12em;color:var(--gold);font-weight:600;margin-bottom:.1rem}
    .tl-place{font-size:.82rem;color:var(--cream);font-weight:400}
    .tl-role{font-size:.73rem;color:var(--cream-3)}

    /* ── SERVICES ── */
    #services{background:var(--bg-2)}
    .services-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem;flex-wrap:wrap;gap:2rem}
    .services-intro p{font-size:.92rem;color:var(--cream-3);max-width:400px;line-height:1.8;margin-top:.8rem}
    .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gold-line)}
    .svc{
      --mx:50%;--my:50%;
      background:var(--bg-2);padding:2.5rem 2rem;
      position:relative;overflow:hidden;
      transition:background var(--dur);
    }
    .svc::before{
      content:'';position:absolute;top:0;left:0;right:0;height:2px;
      background:var(--gold);transform:scaleX(0);transform-origin:left;
      transition:transform 300ms var(--ease);z-index:2;
    }
    .svc::after{
      content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
      background:radial-gradient(360px circle at var(--mx) var(--my), rgba(201,165,90,.14), transparent 68%);
      transition:opacity 400ms var(--ease);
    }
    .svc:hover{background:var(--bg-3);box-shadow:0 0 0 1px rgba(201,165,90,.3), 0 18px 40px -20px rgba(0,0,0,.5)}
    .svc:hover::before{transform:scaleX(1)}
    .svc:hover::after{opacity:1}
    .svc-num{
      font-family:'Marcellus',serif;font-size:3.5rem;font-weight:300;
      color:var(--gold-dim);line-height:1;margin-bottom:1.5rem;
      transition:color var(--dur);position:relative;z-index:1;
    }
    .svc:hover .svc-num{color:rgba(201,165,90,.35)}
    .svc-name{font-family:'Marcellus',serif;font-size:1.45rem;color:var(--white);margin-bottom:.8rem;line-height:1.2;position:relative;z-index:1}
    .svc-desc{font-size:.82rem;color:var(--cream-3);line-height:1.85;margin-bottom:1.5rem;position:relative;z-index:1}
    .svc-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}
    .svc-list li{font-size:.75rem;color:var(--cream-3);padding-left:1.1rem;position:relative;line-height:1.5}
    .svc-list li::before{content:'';position:absolute;left:0;top:.55em;width:5px;height:1px;background:var(--gold)}
    .svc-footer{
      margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gold-dim);
      font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);
      opacity:0;transform:translateY(4px);transition:opacity var(--dur), transform var(--dur);
      position:relative;z-index:1;
    }
    .svc:hover .svc-footer{opacity:1;transform:translateY(0)}

    /* ── carte recommandée ── */
    .svc--recommended{box-shadow:inset 0 0 0 2px var(--gold)}
    .svc--recommended:hover{box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 1px rgba(201,165,90,.3), 0 18px 40px -20px rgba(0,0,0,.5)}
    .svc-badge{
      position:absolute;top:1.25rem;right:1.25rem;z-index:2;
      background:var(--gold);color:var(--bg);font-size:.6rem;font-weight:600;
      letter-spacing:.1em;text-transform:uppercase;padding:.3rem .7rem;border-radius:var(--radius-sm);
    }

    /* ── formation, carte pleine largeur ── */
    .svc-wide{
      --mx:50%;--my:50%;
      display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;
      background:var(--bg-2);border:1px solid var(--gold-line);border-radius:var(--radius);
      padding:2rem 2.5rem;margin-top:1.5rem;position:relative;overflow:hidden;
      transition:background var(--dur), border-color var(--dur);
    }
    .svc-wide::after{
      content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
      background:radial-gradient(420px circle at var(--mx) var(--my), rgba(201,165,90,.12), transparent 68%);
      transition:opacity 400ms var(--ease);
    }
    .svc-wide:hover{background:var(--bg-3);border-color:rgba(201,165,90,.5)}
    .svc-wide:hover::after{opacity:1}
    .svc-wide .svc-num{margin-bottom:0;position:relative;z-index:1}
    .svc-wide-body{position:relative;z-index:1}
    .svc-wide-body .svc-name{margin-bottom:.4rem}
    .svc-wide-body .svc-desc{margin-bottom:0;max-width:420px}
    .svc-list--wide{flex-direction:row;flex-wrap:wrap;gap:.5rem .9rem;max-width:260px;position:relative;z-index:1}

    /* ── groupe secondaire : particuliers & événements ── */
    .services-secondary{margin-top:5rem;margin-bottom:2rem;max-width:560px}
    .services-secondary h3{font-family:'Marcellus',serif;font-size:1.6rem;color:var(--white);margin:.4rem 0 .6rem;font-weight:400}
    .services-secondary p{font-size:.85rem;color:var(--cream-3);line-height:1.8}
    .services-grid--secondary{grid-template-columns:1fr 1fr}
    .svc--secondary{padding:2rem 1.75rem}
    .svc--secondary .svc-name{font-size:1.25rem}
    .svc--secondary::before{background:var(--burg)}
    .svc--secondary::after{background:radial-gradient(320px circle at var(--mx) var(--my), rgba(122,26,53,.16), transparent 68%)}

    /* ── COVERFLOW (carrousel 3D des formules) ── */
    .coverflow{margin-top:2rem}
    .coverflow-stage{
      position:relative;height:680px;
      perspective:1600px;perspective-origin:50% 50%;
      display:flex;align-items:center;justify-content:center;
    }
    .coverflow-track{position:relative;width:100%;height:100%;transform-style:preserve-3d}
    .coverflow-card{
      position:absolute;left:50%;top:50%;
      width:min(380px,84vw);height:640px;
      transform-style:preserve-3d;will-change:transform,opacity;
      transition:transform 620ms cubic-bezier(.22,1,.36,1), opacity 620ms ease;
      cursor:pointer;
    }
    .coverflow-card.is-active{cursor:default}
    .coverflow-card .svc{width:100%;height:100%;box-sizing:border-box;border:1px solid var(--gold-line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:center}
    .coverflow-card:not(.is-active) .svc{background:var(--bg-3)}
    .coverflow-card::after{
      content:'';position:absolute;inset:0;border-radius:var(--radius);pointer-events:none;
      background:var(--bg);opacity:0;pointer-events:none;
      transition:opacity 620ms ease;
    }
    .coverflow-card:not(.is-active)::after{opacity:.55}
    .coverflow-card.is-active .svc{box-shadow:0 0 0 1px var(--gold), 0 30px 60px -25px rgba(0,0,0,.6)}
    .coverflow-card.is-active .svc.svc--recommended{box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 1px var(--gold), 0 30px 60px -25px rgba(0,0,0,.6)}
    .coverflow-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1rem}
    .coverflow-arrow{
      width:44px;height:44px;border-radius:50%;flex-shrink:0;
      border:1px solid var(--gold-line);background:transparent;color:var(--gold);
      display:flex;align-items:center;justify-content:center;cursor:pointer;
      transition:border-color var(--dur),background var(--dur),transform var(--dur);
    }
    .coverflow-arrow svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
    .coverflow-arrow:hover{border-color:var(--gold);background:var(--gold-dim);transform:scale(1.05)}
    .coverflow-dots{display:flex;gap:.5rem}
    .coverflow-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--gold-line);cursor:pointer;padding:0;transition:background var(--dur),transform var(--dur)}
    .coverflow-dot.is-active{background:var(--gold);transform:scale(1.3)}
    @media(max-width:640px){
      .coverflow-stage{height:600px}
      .coverflow-card{height:580px}
    }

    /* ── FORMSELECT (sélecteur de profil, Formations) ── */
    .formselect{display:grid;grid-template-columns:340px 1fr;gap:2.5rem;align-items:start;margin-top:2.5rem}
    .formselect-nav{display:flex;flex-direction:column;gap:.4rem}
    .formselect-tab{
      display:flex;align-items:baseline;gap:1rem;text-align:left;
      background:transparent;border:none;border-left:2px solid transparent;
      padding:.9rem 1.1rem;cursor:pointer;border-radius:0 var(--radius-sm) var(--radius-sm) 0;
      transition:border-color var(--dur),background var(--dur);
    }
    .formselect-tab:hover{background:var(--bg-2)}
    .formselect-tab.is-active{border-left-color:var(--gold);background:var(--bg-2)}
    .formselect-tab-num{font-family:'Marcellus',serif;font-size:1.05rem;color:var(--gold-line);flex-shrink:0;transition:color var(--dur)}
    .formselect-tab.is-active .formselect-tab-num{color:var(--gold)}
    .formselect-tab-body{display:flex;flex-direction:column;gap:.35rem}
    .formselect-tab-tag{font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--burg)}
    .formselect-tab-title{font-family:'Marcellus',serif;font-size:1.05rem;color:var(--cream-3);line-height:1.3;transition:color var(--dur)}
    .formselect-tab.is-active .formselect-tab-title{color:var(--white)}
    .formselect-panel{
      background:var(--bg-2);border:1px solid var(--gold-line);border-radius:var(--radius);
      padding:2.75rem 2.5rem;position:relative;overflow:hidden;
    }
    .formselect-item{display:none}
    .formselect-item.is-active{display:block;animation:formselectIn 480ms ease both}
    .formselect-item .form-title{font-size:1.75rem;margin-bottom:1rem}
    .formselect-item .form-desc{font-size:.92rem;max-width:520px}
    @keyframes formselectIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
    @media(max-width:1024px){
      .formselect{grid-template-columns:1fr;gap:1.5rem}
      .formselect-nav{flex-direction:row;flex-wrap:wrap;gap:.4rem}
      .formselect-tab{border-left:none;border-bottom:2px solid transparent;border-radius:var(--radius-sm);flex:1 1 auto;min-width:220px}
      .formselect-tab.is-active{border-bottom-color:var(--gold)}
      .formselect-panel{padding:2rem 1.75rem}
    }

    /* ── QUOTE BREAK ── */
    #quotebreak{
      background:var(--burg);padding:5rem 0;
      border-top:1px solid rgba(201,165,90,.1);border-bottom:1px solid rgba(201,165,90,.1);
      text-align:center;
    }
    .q-mark{font-family:'Marcellus',serif;font-size:8rem;line-height:.6;color:rgba(201,165,90,.2);display:block;margin-bottom:1rem}
    .q-text{font-family:'Marcellus',serif;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:300;font-style:italic;color:var(--white);max-width:700px;margin:0 auto;line-height:1.5}
    .q-attr{font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(201,165,90,.7);margin-top:1.5rem}

    /* ── FORMATIONS ── */
    #formations{background:var(--bg)}
    .formations-notice{
      display:flex;gap:1rem;align-items:flex-start;
      background:var(--bg-2);border:1px solid var(--gold-line);border-radius:var(--radius);
      padding:1.25rem 1.5rem;margin-top:2rem;max-width:760px;
    }
    .formations-notice svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:1.5;flex-shrink:0;margin-top:.15rem}
    .formations-notice p{font-size:.78rem;color:var(--cream-3);line-height:1.8;margin:0}
    .formations-notice strong{color:var(--cream);font-weight:500}
    .form-price{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--gold);font-weight:500}
    .form-price svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}
    .form-legal{font-size:.66rem;color:var(--cream-3);line-height:1.6;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(201,165,90,.12)}
    .form-card{
      background:var(--bg-2);border:1px solid var(--gold-line);
      border-radius:var(--radius);padding:2rem 1.75rem;
      transition:border-color var(--dur), transform var(--dur);position:relative;overflow:hidden;
    }
    .form-card::after{
      content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
      background:var(--gold);transform:scaleX(0);transform-origin:left;
      transition:transform 300ms var(--ease);
    }
    .form-card:hover{border-color:rgba(201,165,90,.5);transform:translateY(-3px)}
    .form-card:hover::after{transform:scaleX(1)}
    .form-tag{font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--burg);margin-bottom:.7rem}
    .form-title{font-family:'Marcellus',serif;font-size:1.4rem;color:var(--white);margin-bottom:.6rem;line-height:1.2}
    .form-desc{font-size:.8rem;color:var(--cream-3);line-height:1.85;margin-bottom:1.25rem}
    .form-metas{display:flex;flex-wrap:wrap;gap:1rem}
    .form-meta{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:500;color:var(--gold)}
    .form-meta svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}

    /* ── APPROACH ── */
    #approach{background:var(--bg-2)}
    .approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gold-line);margin-top:4rem}
    .approach-item{background:var(--bg-2);padding:2rem 1.5rem;text-align:center;transition:background var(--dur)}
    .approach-item:hover{background:var(--bg-3)}
    .approach-icon{
      width:52px;height:52px;border:1px solid var(--gold-line);border-radius:50%;
      display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;
      transition:border-color var(--dur),background var(--dur);
    }
    .approach-item:hover .approach-icon{border-color:var(--gold);background:var(--gold-dim)}
    .approach-icon svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.3}
    .approach-title{font-family:'Marcellus',serif;font-size:1.15rem;color:var(--white);margin-bottom:.5rem}
    .approach-desc{font-size:.75rem;color:var(--cream-3);line-height:1.75}

    /* ── NAVIGATION VISUELLE (accueil) ── */
    #navcards{padding-top:2.5rem}
    .navcards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem}
    .navcard{
      display:flex;flex-direction:column;text-decoration:none;
      background:var(--bg-2);border-radius:var(--radius);overflow:hidden;
      box-shadow:0 0 0 1px var(--gold-line);
      transition:box-shadow var(--dur),transform var(--dur),background var(--dur);
    }
    .navcard:hover{box-shadow:0 0 0 1px var(--gold), 0 18px 40px -20px rgba(0,0,0,.6);transform:translateY(-4px);background:var(--bg-3)}
    .navcard-media{position:relative;aspect-ratio:16/9;overflow:hidden;margin:0}
    .navcard-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 600ms var(--ease-out)}
    .navcard:hover .navcard-media img{transform:scale(1.06)}
    .navcard-body{padding:1.9rem 2rem 2.1rem}
    .navcard-title{font-family:'Marcellus',serif;font-size:1.7rem;color:var(--white);margin-bottom:.6rem}
    .navcard-desc{font-size:.88rem;color:var(--cream-2);line-height:1.75;margin-bottom:1.3rem;max-width:420px}
    .navcard-arrow{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);display:inline-block;transition:transform var(--dur)}
    .navcard:hover .navcard-arrow{transform:translateX(4px)}

    /* ── CONTACT ── */
    #contact{background:var(--bg-2)}
    .contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:6rem;align-items:start}
    .contact-info{font-size:.88rem;color:var(--cream-3);line-height:1.85;margin-bottom:2.5rem}
    .cinfo-list{display:flex;flex-direction:column;gap:1.4rem;margin-bottom:2.5rem}
    .cinfo{display:flex;align-items:flex-start;gap:1rem}
    .cinfo-icon{
      width:38px;height:38px;border:1px solid var(--gold-line);
      border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;
      transition:border-color var(--dur),background var(--dur);
    }
    .cinfo:hover .cinfo-icon{border-color:var(--gold);background:var(--gold-dim)}
    .cinfo-icon svg{width:15px;height:15px;stroke:var(--gold);fill:none;stroke-width:1.5}
    .cinfo-lbl{font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.15rem}
    .cinfo-val{font-size:.85rem;color:var(--cream)}
    .cinfo-val a{color:inherit;text-decoration:none;transition:color var(--dur)}
    .cinfo-val a:hover{color:var(--gold)}
    .socials{display:flex;gap:.6rem;margin-top:2rem}
    .social{
      width:40px;height:40px;border:1px solid var(--gold-line);border-radius:var(--radius-sm);
      display:flex;align-items:center;justify-content:center;
      color:var(--cream-3);text-decoration:none;transition:border-color var(--dur),color var(--dur),background var(--dur);
    }
    .social:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}
    .social svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5}

    /* FORM */
    .form{display:flex;flex-direction:column;gap:.85rem}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
    .fg{display:flex;flex-direction:column;gap:.35rem}
    .fg label{font-size:.6rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-3)}
    .fg input,.fg select,.fg textarea{
      background:var(--bg-3);border:1px solid rgba(201,165,90,.18);
      color:var(--cream);padding:.75rem 1rem;
      font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:400;
      border-radius:var(--radius-sm);outline:none;
      transition:border-color var(--dur),background var(--dur);width:100%;
    }
    .fg input::placeholder,.fg textarea::placeholder{color:rgba(196,184,154,.3)}
    .fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold);background:var(--bg-2)}
    .fg select option{background:var(--bg-3)}
    .fg textarea{resize:vertical;min-height:110px}
    .form-note{font-size:.68rem;color:var(--cream-3);line-height:1.6}
    .form-success{display:none;font-size:.82rem;color:var(--gold);padding:.75rem 0;line-height:1.6}
    .form-error{display:none;font-size:.82rem;color:#e2635a;padding:.75rem 0;line-height:1.6}

    /* ── FOOTER ── */
    footer{
      background:var(--bg);border-top:1px solid var(--gold-line);
      padding:3rem 0;position:relative;z-index:1;
    }
    .footer-inner{
      max-width:1120px;margin:0 auto;padding:0 2rem;
      display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;
    }
    .footer-logo img{height:68px;width:auto;border-radius:var(--radius-sm)}
    .footer-copy{font-size:.68rem;color:var(--cream-3)}
    .footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}
    .footer-links a{font-size:.65rem;color:var(--cream-3);text-decoration:none;letter-spacing:.08em;transition:color var(--dur)}
    .footer-links a:hover{color:var(--gold)}
    .footer-note{font-size:.62rem;color:var(--cream-3);opacity:.6;max-width:520px;margin-top:.5rem;line-height:1.6}
    #services .footer-note{margin-top:3rem;margin-bottom:-3rem}

    /* ── BACK TO TOP ── */
    #btt{
      position:fixed;bottom:2rem;right:2rem;z-index:800;
      width:44px;height:44px;background:var(--gold);border:none;border-radius:var(--radius-sm);
      cursor:pointer;display:flex;align-items:center;justify-content:center;
      opacity:0;pointer-events:none;transform:translateY(8px);
      transition:opacity var(--dur),transform var(--dur);
    }
    #btt.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
    #btt:hover{background:var(--cream)}
    #btt svg{width:18px;height:18px;stroke:var(--bg);fill:none;stroke-width:2}

    /* ── SCROLL REVEAL ── */
    .reveal{opacity:0;transform:translateY(28px);transition:opacity 500ms var(--ease-out),transform 500ms var(--ease-out)}
    .reveal.in{opacity:1;transform:translateY(0)}
    .reveal-left{opacity:0;transform:translateX(-28px);transition:opacity 500ms var(--ease-out),transform 500ms var(--ease-out)}
    .reveal-left.in{opacity:1;transform:translateX(0)}
    .reveal-right{opacity:0;transform:translateX(28px);transition:opacity 500ms var(--ease-out),transform 500ms var(--ease-out)}
    .reveal-right.in{opacity:1;transform:translateX(0)}
    .stagger .reveal:nth-child(1){transition-delay:0ms}
    .stagger .reveal:nth-child(2){transition-delay:60ms}
    .stagger .reveal:nth-child(3){transition-delay:120ms}
    .stagger .reveal:nth-child(4){transition-delay:180ms}

    /* ── RESPONSIVE ── */
    @media(max-width:1024px){
      .about-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}
      .services-grid{grid-template-columns:1fr}
      .svc-wide{grid-template-columns:1fr;text-align:left;gap:1rem}
      .svc-list--wide{max-width:none}
      .approach-grid{grid-template-columns:1fr 1fr}
      #nav{padding:1.2rem 1.5rem}
      #nav.scrolled{padding:.9rem 1.5rem}
      .nav-links{display:none}
      .burger{display:flex}
      .reveal,.reveal-left,.reveal-right{opacity:1;transform:none;transition:none}
    }
    /* ── MENTIONS LÉGALES ── */
    section.legal-page{background:var(--bg);padding-top:9rem}
    .legal-wrap{max-width:760px}
    .legal-h1{font-size:clamp(2rem,4vw,2.8rem);margin-top:.5rem}
    .legal-updated{font-size:.75rem;color:var(--cream-3);margin-top:.6rem}
    .legal-h2{font-family:'Marcellus',serif;font-size:1.35rem;color:var(--gold);margin-top:2.5rem;margin-bottom:.8rem}
    .legal-p{font-size:.88rem;color:var(--cream-3);line-height:1.85;margin-bottom:1rem}
    .legal-p a{color:var(--gold);text-decoration:underline}
    .legal-p a:hover{color:var(--white)}
    .legal-p a.btn{text-decoration:none}
    .legal-p a.btn-gold{color:var(--bg)}
    .legal-p a.btn-gold:hover{color:var(--bg)}
    .legal-list{list-style:none;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}
    .legal-list li{font-size:.88rem;color:var(--cream-3);line-height:1.7;padding-left:1.1rem;position:relative}
    .legal-list li::before{content:'';position:absolute;left:0;top:.7em;width:5px;height:1px;background:var(--gold)}
    .legal-list strong{color:var(--cream)}

    @media(max-width:640px){
      section.py{padding:5rem 0}
      section.legal-page{padding-top:9rem}
      .wrap{padding:0 1.25rem}
      .strip-inner{grid-template-columns:1fr;gap:2rem}
      .strip-item+.strip-item::before{display:none}
      .navcards{grid-template-columns:1fr;gap:1.25rem}
      .navcard-media{aspect-ratio:4/3}
      .navcard-body{padding:1.4rem 1.4rem 1.6rem}
      .navcard-title{font-size:1.35rem}
      .navcard-desc{font-size:.8rem;max-width:none}
      .hero-title{font-size:2.8rem}
      .form-row{grid-template-columns:1fr}
      .footer-inner{flex-direction:column;text-align:center}
      .services-top{flex-direction:column;align-items:flex-start}
      .hero-scroll{display:none}
    }
    @media(prefers-reduced-motion:reduce){
      .reveal,.reveal-left,.reveal-right{opacity:1;transform:none;transition:none}
      *{transition-duration:.01ms !important;animation-duration:.01ms !important}
    }