/* agence.css — page AGENCE (spécialiste Indonésie / Bali), d'après maquettes/agence-locale-*-v2.html.
   Complément de theme.css : ne reprend que les classes spécifiques (reset, header, footer, boutons,
   .wrap, .eyebrow, .reveal viennent du thème). */

.sec{padding:clamp(60px,7vw,96px) 0}
.sec.alt{background:var(--sand)}
.sec-head{max-width:900px;margin:0 auto 44px;text-align:center}
.sec-head h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin-top:12px}
.sec-head h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--teal-deep)}
.sec-head h3{font-size:clamp(1.55rem,2.9vw,2.2rem);margin-top:12px}
.sec-head h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--teal-deep)}
.sec-head p{color:var(--ink-soft);margin-top:14px;font-size:1.06rem}

/* breadcrumb (fond sable, propre à ces pages) */
.crumb{background:var(--sand);border-bottom:1px solid var(--line)}
.crumb .wrap{display:flex;align-items:center;gap:9px;padding:13px 28px;font-family:var(--mont);font-size:.78rem;color:var(--ink-soft);flex-wrap:wrap}
.crumb a:hover{color:var(--teal-deep)}.crumb .sep{opacity:.4}.crumb b{color:var(--ink)}

/* ===== Variant CLAIR (page Bali) : hero panneau clair, fil d'Ariane foncé ===== */
.agence-light .ahero .visual::after{display:none}
.agence-light .ahero .panel{background:var(--sand);color:var(--ink)}
.agence-light .ahero .eyebrow{color:var(--teal-deep)}
.agence-light .ahero h1 em{color:var(--teal-deep)}
.agence-light .ahero .sub{opacity:1;color:var(--ink-soft)}
.agence-light .ahero .hstats{border-top-color:var(--line)}
.agence-light .ahero .hstats b{color:var(--teal-deep)}
.agence-light .ahero .hstats span{opacity:1;color:var(--ink-soft)}
.agence-light .ahero .hicon{color:var(--teal-deep)}
.agence-light .ahero .btn-ghost{background:transparent;color:var(--teal-deep);border-color:var(--teal);backdrop-filter:none}
.agence-light .ahero .btn-ghost:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.agence-light .crumb{background:var(--ink);border-bottom-color:rgba(255,255,255,.1)}
.agence-light .crumb .wrap{color:rgba(255,255,255,.7)}
.agence-light .crumb a:hover{color:var(--teal)}
.agence-light .crumb b{color:#fff}

/* ===== HERO 2 PANNEAUX ===== */
.ahero{display:grid;grid-template-columns:1.05fr .95fr;min-height:88vh}
.ahero .visual{position:relative;overflow:hidden}
.ahero .visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:aheroKen 24s ease-in-out infinite alternate}
@keyframes aheroKen{from{transform:scale(1.02)}to{transform:scale(1.1)}}
.ahero .visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,40,42,.45),rgba(11,40,42,.05) 55%,rgba(22,48,47,.9))}
.ahero .panel{background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,84px) clamp(32px,5vw,72px) clamp(40px,5vw,64px)}
.ahero .hicon{width:52px;height:52px;color:var(--teal);margin-bottom:16px}
.ahero .hicon svg{width:100%;height:100%;display:block}
.ahero .eyebrow{color:var(--teal)}
.ahero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;margin:16px 0 18px;max-width:15ch}
.ahero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--teal)}
.ahero .sub{font-size:clamp(1.02rem,1.4vw,1.2rem);font-weight:300;opacity:.9;max-width:46ch;margin-bottom:28px}
.ahero .cta-row{display:flex;gap:14px;flex-wrap:wrap}
.ahero .hstats{display:flex;gap:26px;flex-wrap:wrap;margin-top:36px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16)}
.ahero .hstats div{display:flex;flex-direction:column}
.ahero .hstats b{font-family:var(--serif);font-size:1.7rem;color:var(--teal);line-height:1}
.ahero .hstats span{font-family:var(--mont);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-top:7px}
.ahero .hicon,.ahero .eyebrow,.ahero h1,.ahero .sub,.ahero .cta-row,.ahero .hstats{opacity:0;animation:aRise .9s var(--ease) forwards}
.ahero h1{animation-delay:.16s}.ahero .sub{animation-delay:.3s}.ahero .cta-row{animation-delay:.44s}.ahero .hstats{animation-delay:.58s}
@keyframes aRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* ===== MANIFESTE ===== */
.manifest{max-width:1060px;margin:0 auto}
.manifest .lead{font-family:var(--serif);font-size:1.42rem;line-height:1.55;font-style:italic;color:var(--ink);text-align:center;margin-bottom:34px}
.manifest h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:44px 0 16px}
.manifest h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--teal-deep)}
.manifest h3{font-size:1.35rem;margin:30px 0 10px}
.manifest h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--teal-deep)}
.manifest p{color:var(--ink-soft);margin-bottom:18px;font-size:1.08rem}
.manifest p a{color:var(--teal-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.manifest p strong{color:var(--ink)}
.founder{background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:14px;padding:30px 34px;margin:34px 0}
.founder q{font-family:var(--serif);font-style:italic;font-size:1.14rem;line-height:1.6;color:var(--ink);quotes:none;display:block}
.founder .who{display:flex;align-items:center;gap:12px;margin-top:18px}
.founder .who .av{width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mont);font-weight:700}
.founder .who .av img{width:100%;height:100%;object-fit:cover}
.founder .who b{font-family:var(--mont);font-size:.9rem;display:block;color:var(--ink)}
.founder .who small{color:var(--ink-soft);font-size:.78rem}

/* ===== DIFFÉRENCIATEURS (glass) ===== */
.engage{position:relative;color:#fff;overflow:hidden}
.engage .bg{position:absolute;inset:0;z-index:-2}
.engage .bg img{position:absolute;left:0;top:-55%;width:100%;height:210%;object-fit:cover;will-change:transform}
.engage::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(150deg,rgba(11,40,42,.9) 0%,rgba(14,94,96,.72) 55%,rgba(11,40,42,.92) 100%)}
.engage .sec-head h2{color:#fff}
.engage .sec-head h2 em{color:var(--teal)}
.engage .sec-head p{color:rgba(255,255,255,.82)}
.engage .sec-head p strong{color:#fff}
.eng-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:min(1560px,calc(100vw - 64px));margin-left:50%;transform:translateX(-50%)}
.ecard{position:relative;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:30px 30px 32px;backdrop-filter:blur(3px);transition:.4s var(--ease);overflow:hidden}
.ecard:hover{background:rgba(255,255,255,.11);transform:translateY(-4px)}
.ecard .ei{width:40px;height:40px;color:var(--teal);margin-bottom:16px}
.ecard b{font-family:var(--mont);font-size:1.12rem;display:block;margin-bottom:9px;padding-right:34px}
.ecard p{font-size:.93rem;opacity:.85;line-height:1.65}
.ecard .no{position:absolute;top:18px;right:24px;font-family:var(--serif);font-style:italic;font-size:2.6rem;color:rgba(255,255,255,.1);line-height:1}

/* ===== NOS DEUX BUREAUX ===== */
.offices{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.office{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:40px 36px 34px;box-shadow:var(--shadow-sm);text-align:center;transition:.4s var(--ease)}
.office:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.office .oicon{width:80px;height:80px;margin:0 auto 22px;color:var(--teal-deep)}
.office .oicon svg{width:100%;height:100%;display:block}
.office .pin{font-family:var(--mont);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);font-weight:700;margin-bottom:10px}
.office h3{font-size:1.32rem;color:var(--ink);margin-bottom:8px}
.office p{font-size:.95rem;color:var(--ink-soft);line-height:1.6}
.office .olink{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-family:var(--mont);font-weight:600;font-size:.82rem;color:var(--teal-deep);text-decoration:underline;text-underline-offset:3px}
.office .olink .arr{transition:transform .3s}.office .olink:hover .arr{transform:translateX(3px)}
.offices-note{max-width:960px;margin:24px auto 0;text-align:center;color:var(--ink-soft);font-size:1rem}
.offices-note a{color:var(--teal-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.offices-note p,.archipel-note p{margin:0;font-size:inherit;color:inherit}

/* ===== ARCHIPEL (tuiles portrait) ===== */
.rgrid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.rtile{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;color:#fff;display:flex;align-items:flex-end;box-shadow:var(--shadow-sm)}
.rtile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}
.rtile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 34%,rgba(11,40,42,.9))}
.rtile:hover img{transform:scale(1.08)}
.rtile .rc{position:relative;z-index:2;padding:18px}
.rtile .meta{font-family:var(--mont);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);font-weight:700;margin-bottom:4px}
.rtile b{font-family:var(--mont);font-weight:700;font-size:1.05rem;display:block}
.rtile small{display:block;font-weight:400;opacity:.85;font-size:.78rem;margin-top:4px;line-height:1.4}
.archipel-note{max-width:940px;margin:26px auto 0;text-align:center;color:var(--ink-soft);font-size:1rem}
.archipel-note a{color:var(--teal-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.archipel-cta{text-align:center;margin-top:32px}

/* ===== ÉQUIPE — onglets + slider ===== */
.tt-tabs{display:flex;gap:6px;justify-content:center;background:var(--paper);border:1px solid var(--line);border-radius:60px;padding:8px;max-width:860px;margin:0 auto 44px;box-shadow:var(--shadow-sm)}
.tt-tab{flex:1;border:none;background:none;cursor:pointer;font-family:var(--mont);font-weight:700;font-size:clamp(.88rem,1.5vw,1.12rem);color:var(--ink-soft);padding:15px 14px;border-radius:50px;transition:.3s var(--ease);white-space:nowrap}
.tt-tab:hover{color:var(--ink)}
.tt-tab.is-active{color:var(--teal-deep);background:var(--sand)}
.tt-panel{display:none}
.tt-panel.is-active{display:block}
.tt-slide{display:none;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center;max-width:1080px;margin:0 auto}
.tt-slide.is-active{display:grid}
.tt-photo{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3.7}
.tt-photo img{width:100%;height:100%;object-fit:cover}
.tt-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.tt-info h3{font-size:clamp(1.4rem,2.6vw,1.95rem);color:var(--ink)}
.tt-count{font-family:var(--mont);font-size:.9rem;color:var(--ink-soft);white-space:nowrap}
.tt-role{font-family:var(--mont);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep);font-weight:700;margin:9px 0 22px}
.tt-bio{color:var(--ink-soft);font-size:1.05rem;line-height:1.75}
.tt-nav{display:flex;gap:12px;margin-top:30px}
.tt-nav button{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line);background:none;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s var(--ease)}
.tt-nav button:hover{border-color:var(--teal);background:var(--teal);color:#fff}
.tt-nav svg{width:20px;height:20px}
.tt-panel.tt-single .tt-count,.tt-panel.tt-single .tt-nav{display:none}

/* ===== ÉQUIPE simple (grille avatars, gabarit ville) ===== */
.team{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.tm{text-align:center}
.tm .ph{width:120px;height:120px;border-radius:50%;margin:0 auto 16px;overflow:hidden;box-shadow:var(--shadow-sm);background:var(--teal);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--mont);font-weight:700;font-size:2rem}
.tm .ph img{width:100%;height:100%;object-fit:cover}
.tm b{font-family:var(--mont);font-size:1rem;display:block;color:var(--ink)}
.tm span{font-size:.82rem;color:var(--teal-deep);font-weight:600;display:block;margin:3px 0 8px}
.tm p{font-size:.86rem;color:var(--ink-soft);line-height:1.5}
.team-cta{text-align:center;margin-top:40px}
@media(max-width:980px){.team{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.team{grid-template-columns:1fr}}

/* ===== GUIDES — slider ===== */
.guides-wrap{margin-top:clamp(56px,7vw,88px)}
.guides-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*24px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:14px 6px 34px;scrollbar-width:none}
.guides-track::-webkit-scrollbar{display:none}
.gcard{scroll-snap-align:start;background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.4s var(--ease);padding-bottom:24px}
.gcard:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.gcard .gph{aspect-ratio:4/3;overflow:hidden;margin-bottom:16px}
.gcard .gph img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}
.gcard:hover .gph img{transform:scale(1.06)}
.gcard b{font-family:var(--mont);font-size:1.12rem;text-transform:uppercase;letter-spacing:.02em;display:block;padding:0 22px;color:var(--ink)}
.gcard .grole{color:var(--ink-soft);font-size:.92rem;padding:0 22px;margin:5px 0 14px}
.gcard .gmore{font-family:var(--mont);font-weight:600;font-size:.84rem;color:var(--teal-deep);display:inline-flex;align-items:center;gap:6px;padding:0 22px;text-decoration:underline;text-underline-offset:3px}
.gcard .gmore .arr{transition:transform .3s}.gcard .gmore:hover .arr{transform:translateX(3px)}
.guides-nav{display:flex;gap:12px;justify-content:center;margin-top:32px}
.guides-nav button{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line);background:none;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s var(--ease)}
.guides-nav button:hover{border-color:var(--teal);background:var(--teal);color:#fff}
.guides-nav svg{width:20px;height:20px}

/* ===== TIMELINE ===== */
.timeline{max-width:720px;margin:0 auto;position:relative;padding-left:34px}
.timeline::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--line)}
.tl{position:relative;padding-bottom:30px}
.tl:last-child{padding-bottom:0}
.tl::before{content:"";position:absolute;left:-33px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--cream);border:3px solid var(--teal)}
.sec.alt .tl::before{background:var(--sand)}
.tl .yr{font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--teal-deep);margin-bottom:4px}
.tl h4{font-size:1.08rem;margin-bottom:5px}
.tl p{color:var(--ink-soft);font-size:.98rem}

/* ===== PROCESS ===== */
.process{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.process .st .n{width:46px;height:46px;border-radius:50%;background:var(--teal);color:#fff;font-family:var(--mont);font-weight:800;font-size:1.05rem;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.process .st h3{font-size:1.1rem;margin-bottom:6px}
.process .st p{margin:0;font-size:.98rem;color:var(--ink-soft);line-height:1.6}

/* ===== TÉMOIGNAGES ===== */
.testi-in{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.tc{background:var(--paper);border-radius:12px;padding:28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.tc.wide{grid-column:1/-1}
.tc .stars{color:var(--gold);margin-bottom:12px}
.tc q{font-family:var(--serif);font-style:italic;font-size:1.02rem;line-height:1.55;color:var(--ink);quotes:none;flex:1}
.tc .who{display:flex;align-items:center;gap:11px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.tc .av{width:40px;height:40px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mont);font-weight:700}
.tc .who b{font-family:var(--mont);font-size:.88rem;display:block}
.tc .who small{color:var(--ink-soft);font-size:.76rem}

/* ===== FAQ ===== */
.faqlist{max-width:1000px;margin:0 auto;border-top:1px solid var(--line)}
.faqlist details{border-bottom:1px solid var(--line)}
.faqlist summary{font-family:var(--mont);font-weight:600;font-size:1.02rem;padding:22px 44px 22px 0;cursor:pointer;position:relative;list-style:none;color:var(--ink)}
.faqlist summary::-webkit-details-marker{display:none}
.faqlist summary::after{content:"+";position:absolute;right:6px;top:18px;font-size:1.5rem;color:var(--teal);font-weight:400;transition:.3s}
.faqlist details[open] summary::after{transform:rotate(45deg)}
.faqlist details p{color:var(--ink-soft);padding:0 0 24px;font-size:1rem;max-width:70ch}

/* ===== CTA BAND ===== */
.cta-band{position:relative;color:#fff;text-align:center;overflow:hidden;padding:clamp(70px,8vw,110px) 0}
.cta-band .bg{position:absolute;inset:0;z-index:-2}
.cta-band .bg img{position:absolute;left:0;top:-55%;width:100%;height:210%;object-fit:cover;will-change:transform}
.cta-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(14,94,96,.92),rgba(11,40,42,.8))}
.cta-band .eyebrow{color:#fff}
.cta-band h2{font-size:clamp(2rem,4vw,3.1rem);margin:12px 0 16px}
.cta-band h2 em{font-family:var(--serif);font-style:italic;font-weight:400}
.cta-band p{max-width:54ch;margin:0 auto 28px;opacity:.92;font-size:1.06rem;font-weight:300}

@media(max-width:980px){
  .ahero{grid-template-columns:1fr;min-height:0}
  .ahero .visual{min-height:44vh}
  .eng-grid,.offices,.testi-in,.process{grid-template-columns:1fr}
  .tt-tabs{max-width:none}
  .tt-slide.is-active{grid-template-columns:1fr;gap:26px}
  .tt-photo{aspect-ratio:16/11}
  .guides-track{grid-auto-columns:calc((100% - 24px)/2)}
  .rgrid{grid-template-columns:1fr 1fr}
}
/* ===== GALERIE full-width + lightbox (tuiles carrées auto-remplies, page Bali) ===== */
.gallery-sec{padding:0}
.egal{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(150px,19vw,260px);gap:8px}
.gitem{position:relative;overflow:hidden;cursor:pointer;display:block}
.egal .g4x{grid-column:span 3}  /* rangée de 4 */
.egal .g3x{grid-column:span 4}  /* rangée de 3 */
.gitem img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.gitem:hover img{transform:scale(1.05)}
.gitem::after{content:"";position:absolute;inset:0;background:rgba(11,40,42,0);transition:.3s}
.gitem:hover::after{background:rgba(11,40,42,.16)}
.gitem .zoom{position:absolute;right:14px;bottom:12px;z-index:2;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(6px);transition:.3s;color:var(--ink)}
.gitem:hover .zoom{opacity:1;transform:none}
.glb{position:fixed;inset:0;z-index:300;background:rgba(11,40,42,.94);display:flex;align-items:center;justify-content:center}
.glb[hidden]{display:none}
.glb-stage{width:min(92vw,1180px);height:82vh;overflow:hidden;border-radius:6px}
.glb-track{display:flex;height:100%;transition:transform .45s var(--ease)}
.glb-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 6px}
.glb-slide img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 30px 80px -30px rgba(0,0,0,.7)}
.glb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:rgba(255,255,255,.08);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}
.glb-nav:hover{background:var(--teal);border-color:var(--teal)}
.glb-prev{left:24px}.glb-next{right:24px}
.glb-close{position:absolute;top:22px;right:26px;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:1.2rem;cursor:pointer;transition:.3s}
.glb-close:hover{background:var(--teal)}
.glb-count{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.85);font-family:var(--mont);font-size:.85rem;letter-spacing:.06em}

/* ===== THÈMES (cartes) — page Bali ===== */
.xgrid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.xcard{background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.4s var(--ease);display:flex;flex-direction:column}
.xcard:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.xcard .ph{aspect-ratio:16/10;overflow:hidden}
.xcard .ph img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}
.xcard:hover .ph img{transform:scale(1.06)}
.xcard .b{padding:20px 22px 22px}
.xcard .meta{font-family:var(--mont);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep);font-weight:700;margin-bottom:7px}
.xcard h4{font-size:1.12rem;margin-bottom:6px;color:var(--ink)}
.xcard p{font-size:.9rem;color:var(--ink-soft);line-height:1.6}
.xcard .more{margin-top:12px;font-family:var(--mont);font-weight:600;font-size:.8rem;color:var(--teal-deep);display:inline-flex;gap:6px;align-items:center}
.xcard .more .arr{transition:transform .3s}.xcard:hover .more .arr{transform:translateX(3px)}

@media(max-width:560px){
  .rgrid{grid-template-columns:1fr}
  .guides-track{grid-auto-columns:86%}
  .tt-tabs{flex-wrap:wrap}
}
@media(max-width:980px){
  .xgrid{grid-template-columns:1fr 1fr}
  .egal{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(150px,30vw,240px)}
  .egal .g4x,.egal .g3x{grid-column:auto}
}
@media(max-width:560px){.xgrid{grid-template-columns:1fr}}

/* En-tête opaque (body.bm-header-solid) : le header (~112px) couvre le haut du hero.
   On repousse le contenu du panneau pour qu'il soit centré DANS la zone visible sous le header.
   Uniquement en layout 2 colonnes (desktop) ; en empilé (mobile) le header couvre l'image, pas le panneau. */
@media(min-width:981px){
  .bm-header-solid .ahero .panel{padding-top:calc(112px + clamp(40px,5vw,64px))}
}