/* Stéphanie Kaczmareck — feuille de style commune
   Charte : Italiana (titres) · Cormorant Garamond (accents) · Raleway (UI)
   Palette : sable #f6f1ee · doré #b28b53 · brun #3b352d */

:root{
  --sand:#f6f1ee;--sand-2:#efe7dd;--greige:#e3d8ca;--taupe:#b7a48d;
  --gold:#b28b53;--gold-deep:#9a7742;--gold-text:#805f31;--ink:#3b352d;--ink-soft:#574f45;--label:#7a6a55;--cream:#fbf8f4;--dark:#2b2721;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Raleway",sans-serif;color:var(--ink);background:var(--sand);font-weight:400;line-height:1.75;font-size:17.5px;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px}
.narrow{max-width:820px;margin:0 auto;padding:0 40px}
.italic{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:500}
.eyebrow{font-family:"Raleway",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.3em;font-size:.72rem;color:var(--gold-text)}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:26px 44px;transition:background .4s,box-shadow .4s,padding .4s}
nav.scrolled{background:rgba(246,241,238,.92);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(60,53,45,.08);padding:16px 44px}
.nav-menu{display:flex;align-items:center;gap:11px;font-size:.72rem;text-transform:uppercase;letter-spacing:.26em;color:var(--ink);cursor:pointer}
.nav-menu .bars{display:flex;flex-direction:column;gap:4px}
.nav-menu .bars span{display:block;width:22px;height:1.5px;background:currentColor}
.brand{font-family:"Italiana",serif;font-size:1.25rem;letter-spacing:3px;color:var(--ink);text-transform:uppercase;white-space:nowrap}
nav.hero-mode .nav-menu,nav.hero-mode .brand{color:#fdf6ea;text-shadow:0 1px 14px rgba(35,26,15,.55)}
nav.hero-mode .nav-links{color:#fdf6ea}
nav.hero-mode .pill{text-shadow:0 1px 14px rgba(35,26,15,.55);box-shadow:0 1px 18px rgba(35,26,15,.25)}
body.menu-open nav .nav-menu,body.menu-open nav .brand,body.menu-open nav .pill{text-shadow:none;box-shadow:none}
.pill{font-family:"Raleway",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;border:1px solid currentColor;border-radius:40px;padding:11px 22px;text-decoration:none;color:inherit;transition:background .3s,color .3s;white-space:nowrap}
nav.hero-mode .pill{color:#fdf6ea}
.pill:hover{background:var(--ink);color:var(--sand);border-color:var(--ink)}
nav.hero-mode .pill:hover{background:#fdf6ea;color:var(--ink);border-color:#fdf6ea}
/* HERO */
.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;justify-content:center;text-align:center;overflow:hidden;color:#fdf6ea;
  background:#c9ad8b}
.hero .photo-note{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:overlay;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,28,20,.36) 0%,rgba(35,28,20,.06) 22%,rgba(35,28,20,.22) 52%,rgba(35,28,20,.8) 100%);pointer-events:none}
.hero-inner{position:relative;z-index:2;padding-bottom:12vh;max-width:900px}
.hero .eyebrow{color:#fbe6c9;margin-bottom:26px;display:block}
.hero h1{font-family:"Italiana",serif;font-weight:400;font-size:clamp(2.6rem,6vw,4.9rem);line-height:1.08;text-shadow:0 2px 30px rgba(50,38,20,.35)}
.hero h1 .italic{font-size:1.06em}
.hero p.sub{margin:30px auto 0;max-width:560px;font-size:1.05rem;font-weight:300;color:#fdf3e2;text-shadow:0 1px 16px rgba(50,38,20,.4)}
.hero .cta-pill{display:inline-block;margin-top:38px;border:1px solid #fdf6ea;color:#fdf6ea;border-radius:40px;padding:15px 34px;text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;font-weight:500;text-decoration:none;transition:background .3s,color .3s}
.hero .cta-pill:hover{background:#fdf6ea;color:var(--ink)}
.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:#fbe6c9;opacity:.85}
.scroll-cue span{display:block;width:1px;height:44px;background:#fbe6c9;margin:10px auto 0;opacity:.6}
/* WELCOME */
.welcome{padding:118px 0;text-align:center}
.welcome .eyebrow{display:block;margin-bottom:18px}
.welcome h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.15;margin-bottom:30px}
.welcome p{color:var(--ink-soft);font-size:1.08rem;max-width:740px;margin:0 auto}
/* ASPIRATIONS */
.aspirations{padding:110px 0;background:var(--sand-2)}
.aspirations .head{text-align:center;max-width:640px;margin:0 auto}
.aspirations .head .eyebrow{display:block;margin-bottom:16px}
.aspirations h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.15}
.aspir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:56px}
.aspir{border-top:1px solid var(--taupe);padding-top:26px}
.aspir .n{font-family:"Italiana",serif;color:var(--gold-text);font-size:1.1rem;letter-spacing:2px;margin-bottom:16px;display:block}
.aspir p{color:var(--ink-soft);font-size:1rem;margin:0}
/* APPROACH */
.approach{padding:130px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.approach .visual{aspect-ratio:4/5;border-radius:3px;background:linear-gradient(160deg,#e7d7c1,#cdb69b 55%,#b9a288);box-shadow:0 30px 70px -30px rgba(90,70,45,.45);position:relative;overflow:hidden}
.approach .visual img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.approach .eyebrow{display:block;margin-bottom:20px}
.approach h2{font-family:"Italiana",serif;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.16;margin-bottom:26px}
.approach p{color:var(--ink-soft);margin-bottom:20px;max-width:48ch}
.text-link{display:inline-block;margin-top:10px;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--gold-text);text-decoration:none;border-bottom:1px solid var(--greige);padding-bottom:5px;transition:border-color .3s}
.text-link:hover{border-color:var(--gold-deep)}
/* SERVICES */
.services{padding:120px 0;background:var(--sand-2)}
.services .head{text-align:center;max-width:640px;margin:0 auto 66px}
.services .eyebrow{display:block;margin-bottom:18px}
.services h2{font-family:"Italiana",serif;font-size:clamp(2rem,3.6vw,3rem);line-height:1.15}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{background:var(--cream);border:1px solid #e6dccd;border-radius:4px;padding:40px 34px;display:flex;flex-direction:column;min-height:290px;transition:transform .4s,box-shadow .4s,border-color .4s}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(90,70,45,.4);border-color:var(--taupe)}
.card .num{font-family:"Italiana",serif;font-size:1rem;color:var(--gold-text);letter-spacing:2px;margin-bottom:22px}
.card h3{font-family:"Italiana",serif;font-weight:400;font-size:1.5rem;margin-bottom:14px;line-height:1.2}
.card p{color:var(--ink-soft);font-size:1rem;font-weight:300;margin-bottom:22px;flex:1}
.card .mode{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--label);margin-bottom:18px}
.card .more{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.card .more:hover{color:var(--gold-deep)}
.card .more span{transition:transform .3s}
.card:hover .more span{transform:translateX(5px)}
.services-note{text-align:center;max-width:720px;margin:56px auto 0;color:var(--ink-soft);font-size:1rem}
/* MANIFESTO (premier pas) — fond photo */
.manifesto{position:relative;color:#fff;text-align:center;padding:160px 0;background:linear-gradient(rgba(26,18,11,.58),rgba(26,18,11,.66)),url('canyon.jpg') center/cover no-repeat;background-attachment:fixed}
.manifesto p{font-family:"Raleway",sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.2em;line-height:1.9;font-size:1.18rem;color:#fdf6ea;max-width:800px;margin:0 auto;text-shadow:0 2px 22px rgba(0,0,0,.45)}
/* TESTIMONIALS */
.testi{padding:130px 0;text-align:center}
.testi .eyebrow{display:block;margin-bottom:18px}
.testi h2{font-family:"Italiana",serif;font-size:clamp(1.9rem,3.4vw,2.8rem);margin-bottom:12px}
.testi .lead{color:var(--ink-soft);max-width:560px;margin:0 auto 64px;font-weight:300}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;text-align:left}
.quote{padding:6px 6px 0}
.quote .mark{font-family:"Italiana",serif;font-size:3rem;line-height:.6;color:var(--greige)}
.quote p{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.32rem;line-height:1.5;color:var(--ink);margin:14px 0 22px}
.quote .name{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text)}
/* PULL QUOTE */
.pull{padding:150px 0;text-align:center;color:#fdf6ea;position:relative;overflow:hidden;background:radial-gradient(90% 120% at 50% 0%,rgba(255,242,220,.5),transparent 55%),linear-gradient(150deg,#c2a06f,#9c7a45 60%,#7c6338)}
.pull p{font-family:"Italiana",serif;font-size:clamp(1.8rem,3.8vw,3rem);line-height:1.3;max-width:900px;margin:0 auto;padding:0 40px}
.pull .sig{display:block;margin-top:34px;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;opacity:.85}
/* CTA / FOOTER */
.final{padding:130px 0 60px;text-align:center}
.final .eyebrow{display:block;margin-bottom:20px}
.final h2{font-family:"Italiana",serif;font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.12;margin-bottom:26px}
.final p{color:var(--ink-soft);max-width:560px;margin:0 auto 40px;font-weight:300}
.final .cta-pill{display:inline-block;background:var(--ink);color:var(--sand);border-radius:40px;padding:17px 40px;text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;font-weight:500;text-decoration:none;transition:background .3s}
.final .cta-pill:hover{background:var(--gold-deep)}
.contact-row{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin-top:66px;color:var(--ink-soft);font-size:.9rem}
.contact-row div span{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--label);margin-bottom:8px}
footer{border-top:1px solid var(--greige);margin-top:70px;padding-top:34px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
footer .brand{font-size:1rem}
footer .fnav{display:flex;gap:26px;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}
footer .fnav a{color:var(--ink-soft);text-decoration:none}
footer .fnav a:hover{color:var(--ink)}
footer .copy{width:100%;text-align:center;font-size:.74rem;letter-spacing:.06em;color:var(--label);margin-top:22px;line-height:1.9}
body.menu-open{overflow:hidden}
.nav-menu{background:none;border:0;font-family:inherit;font-weight:500}
.nav-menu .bars span{transition:transform .35s,opacity .3s}
body.menu-open nav .nav-menu,body.menu-open nav .brand,body.menu-open nav .pill,body.menu-open nav .nav-links{color:#fdf6ea}
body.menu-open .nav-menu .bars span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
body.menu-open .nav-menu .bars span:nth-child(2){opacity:0}
body.menu-open .nav-menu .bars span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
a.brand{text-decoration:none}
/* MENU OVERLAY */
.overlay{position:fixed;inset:0;z-index:55;background:linear-gradient(150deg,#3b352d,#2b2721 60%,#221e19);display:flex;align-items:flex-start;justify-content:center;padding:104px 24px 52px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}
body.menu-open .overlay{opacity:1;visibility:visible}
.overlay ul{list-style:none;text-align:center}
.overlay a{display:block;font-family:"Italiana",serif;font-size:clamp(1.6rem,3.6vw,2.7rem);color:#fdf6ea;text-decoration:none;padding:9px 0;opacity:.85;transform:translateY(24px);transition:opacity .4s,transform .5s,color .3s}
body.menu-open .overlay a{transform:translateY(0)}
.overlay a:hover{color:#e8c894;opacity:1}
.overlay .sub{margin-top:44px;display:flex;gap:26px;justify-content:center;flex-wrap:wrap}
.overlay .sub a{font-family:"Raleway",sans-serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#c3b299;padding:0;transform:none}
.overlay .sub a:hover{color:#fdf6ea}
/* BÉNÉFICES EN SYNTHÈSE (sous les aspirations) */
.aspir-benefits{margin-top:62px;border-top:1px solid var(--taupe);padding-top:34px;text-align:center}
.aspir-benefits .lead{color:var(--ink-soft);font-size:1rem;margin-bottom:26px}
.aspir-benefits ul{max-width:940px;margin:0 auto;text-align:left}
.aspir-benefits .blist li{font-size:1rem}
.aspir-benefits .more{display:inline-block;margin-top:30px;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--gold-text);text-decoration:none;border-bottom:1px solid var(--greige);padding-bottom:5px}
.aspir-benefits .more:hover{border-color:var(--gold-deep)}
footer .fnav{flex-wrap:wrap}
footer .fnav.secondary{width:100%;justify-content:center;gap:22px;margin-top:22px;font-size:.62rem;letter-spacing:.16em}
footer .fnav.secondary a{color:var(--label)}
/* ICÔNES — trait fin, esprit du site */
.ico{display:block;color:var(--gold);fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;width:42px;height:42px}
.ico.sm{width:30px;height:30px}
.orn{display:block;margin:0 auto 22px;color:var(--gold);fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;width:60px;height:18px;opacity:.9}
.cardhead{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.cardhead .num{margin-bottom:0}
/* MENU VISIBLE SUR ORDINATEUR */
.nav-links{display:none}
/* voile haut : lisibilité de la barre sur les photos claires */
nav::before{content:"";position:absolute;top:0;left:0;right:0;height:180px;background:linear-gradient(180deg,rgba(28,21,14,.82),rgba(28,21,14,.34) 55%,rgba(28,21,14,0));opacity:0;transition:opacity .4s;pointer-events:none;z-index:-1}
nav.hero-mode::before{opacity:1}
body.menu-open nav::before{opacity:0}
nav.hero-mode .nav-links > a,
nav.hero-mode .nav-links > .has-sub > a{text-shadow:0 1px 10px rgba(30,22,14,.85),0 0 22px rgba(30,22,14,.5)}
/* le panneau déroulant est sur fond crème : aucun voile, sinon le texte devient flou */
.dropdown,.dropdown a,.dropdown a b,.dropdown a span,.dropdown a em{text-shadow:none}
/* monogramme SK au pied de page */
.fmark{width:100%;display:flex;justify-content:center;margin-bottom:30px}
.fmark img{height:58px;width:auto;display:block;opacity:.95}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:26px 44px;transition:background .4s,box-shadow .4s,padding .4s}
.nav-menu{display:flex;align-items:center;gap:11px;font-size:.72rem;text-transform:uppercase;letter-spacing:.26em;color:var(--ink);cursor:pointer;background:none;border:0;font-family:inherit;font-weight:500}
.nav-menu .bars span{display:block;width:22px;height:1.5px;background:currentColor;transition:transform .35s,opacity .3s}
.brand{font-family:"Italiana",serif;font-size:1.25rem;letter-spacing:3px;color:var(--ink);text-transform:uppercase;white-space:nowrap;text-decoration:none}
.overlay li{overflow:hidden}
.overlay .sub{margin-top:44px;display:flex;gap:26px;justify-content:center;flex-wrap:wrap;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase}
.overlay .sub a{font-family:"Raleway",sans-serif;font-size:.66rem;color:var(--taupe);padding:0;transform:none}
/* PAGE HERO */
.page-hero{position:relative;min-height:72vh;display:flex;align-items:flex-end;justify-content:center;text-align:center;color:#fdf6ea;overflow:hidden;
  background:#9c8a72}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,23,16,.55) 0%,rgba(30,23,16,.3) 40%,rgba(30,23,16,.72) 100%)}
.page-hero .inner{position:relative;z-index:2;padding:0 30px 12vh;max-width:900px}
.page-hero .eyebrow{color:#fbe6c9;display:block;margin-bottom:24px}
.page-hero h1{font-family:"Italiana",serif;font-weight:400;font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.1;text-shadow:0 2px 30px rgba(50,38,20,.4)}
.page-hero p{margin:28px auto 0;max-width:600px;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5;color:#fdf3e2;text-shadow:0 1px 16px rgba(50,38,20,.45)}
/* INTRO */
.intro{padding:118px 0 100px;text-align:center}
.intro p{color:var(--ink-soft);font-size:1.08rem;margin-bottom:24px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:46px 0;text-align:left}
.trio div{border-top:1px solid var(--taupe);padding-top:22px;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.2rem;line-height:1.5;color:var(--ink)}
.statement{font-family:"Italiana",serif;font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.35;color:var(--ink);margin:52px auto 40px;max-width:700px}
/* BENEFITS */
.benefits{padding:110px 0;background:var(--sand-2)}
.benefits .head{text-align:center;max-width:700px;margin:0 auto 54px}
.benefits .eyebrow{display:block;margin-bottom:16px}
.benefits h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.16;margin-bottom:20px}
.benefits .head p{color:var(--ink-soft)}
.blist{columns:2;column-gap:56px;list-style:none;max-width:940px;margin:0 auto}
.blist li{break-inside:avoid;position:relative;padding:0 0 18px 30px;color:var(--ink-soft);font-size:1.04rem;line-height:1.6}
.blist li::before{content:"";position:absolute;left:0;top:.72em;width:14px;height:1px;background:var(--gold)}
/* APPROCHES */
.approches{padding:126px 0}
.approches .head{max-width:760px;margin:0 auto 60px;text-align:center}
.approches .eyebrow{display:block;margin-bottom:16px}
.approches h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.16;margin-bottom:22px}
.approches .head p{color:var(--ink-soft)}
.arow{display:grid;grid-template-columns:46px 1fr 2fr auto;gap:30px;align-items:center;padding:30px 0;border-top:1px solid var(--greige)}
.arow .ico{width:38px;height:38px}
.arow .txt .n{margin-bottom:8px}
.arow:last-of-type{border-bottom:1px solid var(--greige)}
.arow h3{font-family:"Italiana",serif;font-weight:400;font-size:1.5rem;line-height:1.22}
.arow .n{display:block;font-family:"Raleway",sans-serif;font-size:.64rem;letter-spacing:.26em;color:var(--gold-text);margin-bottom:10px;text-transform:uppercase}
.arow p{color:var(--ink-soft);font-size:1.02rem;margin:0}
.arow .more{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--ink);text-decoration:none;white-space:nowrap;display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid var(--greige);padding-bottom:5px;transition:color .3s,border-color .3s}
.arow .more:hover{color:var(--gold-deep);border-color:var(--gold-deep)}
.arow .more span{transition:transform .3s}
.arow:hover .more span{transform:translateX(5px)}
/* AUTREMENT (bande dorée) */
.autrement{padding:140px 0;text-align:center;color:#fdf6ea;background:radial-gradient(90% 120% at 50% 0%,rgba(255,242,220,.5),transparent 55%),linear-gradient(150deg,#c2a06f,#9c7a45 60%,#7c6338)}
.autrement .eyebrow{color:#fff4dd;display:block;margin-bottom:18px}
.autrement h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(2rem,3.8vw,3rem);line-height:1.16;margin-bottom:26px}
.autrement .lead{max-width:660px;margin:0 auto 20px;color:#fdf3e2}
.autrement .big{font-family:"Italiana",serif;font-size:clamp(1.7rem,3.2vw,2.5rem);margin:40px 0 46px}
.shifts{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;max-width:1000px;margin:0 auto;text-align:center}
.shifts div{border-top:1px solid rgba(253,246,234,.35);padding-top:20px;font-size:.95rem;line-height:1.6;color:#fdf3e2}
.shifts div b{display:block;font-weight:400;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.2rem;color:#fff;margin-bottom:6px}
/* PORTES D'ENTRÉE */
.portes{padding:120px 0;text-align:center}
.portes .eyebrow{display:block;margin-bottom:18px}
.portes h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.16;margin-bottom:36px;max-width:760px;margin-left:auto;margin-right:auto}
.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:0 auto 44px}
.tags span{border:1px solid var(--greige);border-radius:40px;padding:9px 20px;font-size:.84rem;letter-spacing:.06em;color:var(--ink-soft);background:var(--cream)}
.portes p{color:var(--ink-soft);max-width:640px;margin:0 auto}
.question{margin:50px auto 0;max-width:720px;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.5;color:var(--ink)}
.question em{font-style:normal;font-family:"Italiana",serif;display:block;margin-top:14px;color:var(--gold-deep)}
/* PRATIQUE */
.pratique{padding:110px 0;background:var(--sand-2)}
.pratique .head{text-align:center;max-width:700px;margin:0 auto 54px}
.pratique .eyebrow{display:block;margin-bottom:16px}
.pratique h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.16;margin-bottom:20px}
.pratique .head p{color:var(--ink-soft)}
.infos{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.info{background:var(--cream);border:1px solid #e6dccd;border-radius:4px;padding:36px 32px}
.info .ico{margin-bottom:18px}
.info span{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--label);margin-bottom:12px}
.info h3{font-family:"Italiana",serif;font-weight:400;font-size:1.35rem;margin-bottom:10px}
.info p{color:var(--ink-soft);font-size:1rem;margin:0}
/* FINAL */
.final{padding:130px 0 60px;text-align:center}
.final h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.12;margin-bottom:26px}
.final p{color:var(--ink-soft);max-width:600px;margin:0 auto 40px;font-weight:300}
footer{border-top:1px solid var(--greige);margin-top:70px;padding-top:34px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}
footer .brand{font-size:1rem;color:var(--ink)}
footer .fnav{display:flex;gap:26px;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;flex-wrap:wrap}
footer .copy{width:100%;text-align:center;font-size:.74rem;letter-spacing:.06em;color:var(--label);margin-top:24px;line-height:1.9}

/* ---------- RESPONSIVE ---------- */
@media(min-width:1080px){
  nav .brand{order:-1}
  .nav-menu{display:none}
  .nav-links{display:flex;align-items:center;gap:22px}
  .nav-links a{font-family:"Raleway",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.16em;font-size:.64rem;color:inherit;text-decoration:none;padding-bottom:4px;border-bottom:1px solid transparent;transition:border-color .3s;white-space:nowrap}
  .nav-links a:hover{opacity:1;border-bottom-color:currentColor}
  .nav-links a.on{border-bottom-color:currentColor}
}
@media(max-width:600px){.fmark img{height:48px}}
@media(max-width:900px){
  .split{grid-template-columns:1fr;gap:44px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .aspir-grid{grid-template-columns:1fr;gap:30px}
  .quotes{grid-template-columns:1fr;gap:44px;max-width:520px;margin:0 auto}
  .brand{font-size:1rem;letter-spacing:2px}
  nav{padding:18px 22px}
  .wrap,.narrow{padding:0 24px}
  .manifesto{background-attachment:scroll;padding:110px 0}
}
@media(max-width:600px){.cards{grid-template-columns:1fr}.nav-menu span.label{display:none}.hero .cta-pill{margin-top:30px}}
@media(max-width:600px){nav .brand{display:none}.pill{padding:9px 16px;font-size:.62rem;letter-spacing:.16em}}
@media(max-width:900px){
  .trio{grid-template-columns:1fr;gap:26px}
  .blist{columns:1}
  .arow{grid-template-columns:1fr;gap:14px}
  .shifts{grid-template-columns:repeat(2,1fr);gap:26px}
  .infos{grid-template-columns:1fr}
  .brand{font-size:1rem;letter-spacing:2px}
  nav{padding:18px 22px}
  .wrap,.narrow{padding:0 24px}
  .page-hero{min-height:62vh}
}
@media(max-width:600px){.shifts{grid-template-columns:1fr}.nav-menu span.label{display:none}}


/* ---------- PAGES INTÉRIEURES ---------- */
.txt-hero{padding:180px 0 84px;text-align:center;background:linear-gradient(180deg,var(--sand-2),var(--sand))}
.txt-hero .eyebrow{display:block;margin-bottom:18px}
.txt-hero h1{font-family:"Italiana",serif;font-weight:400;font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.12}
.txt-hero .lead{margin:26px auto 0;max-width:640px;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.5;color:var(--ink-soft)}
body.no-hero nav{background:rgba(246,241,238,.92);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(60,53,45,.08)}

.intro p:last-child{margin-bottom:0}
.notice{padding:0 0 110px}
.notice p{border:1px solid var(--greige);background:var(--cream);border-radius:4px;padding:26px 30px;color:var(--ink-soft);font-size:.95rem;line-height:1.7}

.arow.plain{grid-template-columns:1fr 2fr auto}
.blist.one{columns:1;max-width:760px}
.qa{border-top:1px solid var(--greige);padding:28px 0}
.qa:last-of-type{border-bottom:1px solid var(--greige)}
.qa h3{font-family:"Italiana",serif;font-weight:400;font-size:1.3rem;margin-bottom:10px}
.qa p{color:var(--ink-soft);margin:0;max-width:80ch}

.pricelist{list-style:none;margin-top:4px}
.pricelist li{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:12px 0;border-bottom:1px solid var(--greige);font-size:.95rem;color:var(--ink-soft);line-height:1.5}
.pricelist li:last-child{border-bottom:0}
.pricelist b{font-family:"Italiana",serif;font-weight:400;font-size:1.2rem;color:var(--ink);white-space:nowrap}
.card .pricelist{flex:1;margin-bottom:18px}

.contact-row a{color:inherit;text-decoration:none;border-bottom:1px solid var(--greige)}
.contact-row a:hover{border-color:var(--gold-deep)}
.approach .visual.book{aspect-ratio:auto;background:none;box-shadow:none;display:flex;justify-content:center}
.approach .visual.book img{width:auto;max-width:100%;height:auto;max-height:520px;object-fit:contain;box-shadow:0 30px 70px -30px rgba(90,70,45,.55);border-radius:2px}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.btn-row a{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;border:1px solid var(--taupe);border-radius:40px;padding:12px 24px;text-decoration:none;color:var(--ink);transition:background .3s,color .3s,border-color .3s}
.btn-row a:hover{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.video-ph{aspect-ratio:16/10;border:1px dashed var(--taupe);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--taupe);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;background:var(--cream)}
@media(max-width:900px){.video-grid{grid-template-columns:1fr}.txt-hero{padding:140px 0 64px}}

/* vignettes vidéo : l'iframe YouTube n'est chargée qu'au clic (aucun traceur avant) */
.video-grid iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:4px;display:block}
.video[data-yt]{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid #e6dccd;border-radius:4px;overflow:hidden;cursor:pointer;background:var(--cream);font-family:inherit}
.video[data-yt] img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s,filter .4s;filter:saturate(.85)}
.video[data-yt]:hover img{transform:scale(1.04);filter:saturate(1)}
.video[data-yt]::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,23,16,.05),rgba(30,23,16,.6))}
.video[data-yt] .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:56px;height:56px;border:1px solid #fdf6ea;border-radius:50%;transition:background .3s}
.video[data-yt] .play::before{content:"";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);border-left:13px solid #fdf6ea;border-top:8px solid transparent;border-bottom:8px solid transparent}
.video[data-yt]:hover .play{background:rgba(253,246,234,.18)}
.video[data-yt] .vtitle{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px;text-align:left;color:#fdf6ea;font-size:.78rem;letter-spacing:.06em;line-height:1.4}

/* ---------- SOUS-MENU THÉRAPIES ---------- */
.overlay .sub-approaches{list-style:none;margin:4px 0 16px}
.overlay .sub-approaches a{font-family:"Raleway",sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#c3b299;padding:6px 0;opacity:1}
.overlay .sub-approaches a:hover{color:#fdf6ea}
.caret{display:none}
@media(min-width:1080px){
  .has-sub{position:relative;display:flex;align-items:center}
  .has-sub>a{display:inline-flex;align-items:center;gap:7px}
  .caret{display:block;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.55;transition:transform .3s,opacity .3s}
  .has-sub:hover .caret,.has-sub:focus-within .caret{opacity:1;transform:translateY(1px) rotate(225deg)}

  .dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);padding-top:22px;opacity:0;visibility:hidden;transition:opacity .34s ease,transform .34s ease,visibility .34s}
  .has-sub:hover .dropdown,.has-sub:focus-within .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
  .dropdown .panel{position:relative;background:var(--cream);border:1px solid var(--greige);border-radius:5px;padding:12px;width:min(760px,calc(100vw - 80px))}
  .dropdown .panel::before{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;background:var(--cream);border-left:1px solid var(--greige);border-top:1px solid var(--greige);transform:translateX(-50%) rotate(45deg);border-radius:2px 0 0 0}

  .dropdown .all{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 8px;padding:14px 18px 16px;border-bottom:1px solid var(--greige);text-transform:none;letter-spacing:.02em;text-shadow:none}
  .dropdown .all b{font-family:"Italiana",serif;font-weight:400;font-size:1.15rem;color:var(--ink);letter-spacing:.5px}
  .dropdown .all em{font-style:normal;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);white-space:nowrap}
  .dropdown .all:hover b{color:var(--gold-deep)}

  .dropdown .grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
  .dropdown .item{display:flex;align-items:flex-start;gap:15px;padding:14px 18px;border-radius:4px;text-transform:none;letter-spacing:0;border-bottom:0;text-shadow:none;transition:background .28s}
  .dropdown .item:hover{background:var(--sand-2);border-bottom:0}
  .dropdown .item .ico{width:30px;height:30px;flex:none;margin-top:2px;transition:transform .35s}
  .dropdown .item:hover .ico{transform:scale(1.08)}
  .dropdown .item b{display:block;font-family:"Italiana",serif;font-weight:400;font-size:1.06rem;line-height:1.25;color:var(--ink);letter-spacing:.4px;margin-bottom:3px;transition:color .28s}
  .dropdown .item:hover b{color:var(--gold-deep)}
  .dropdown .item span{display:block;font-size:.74rem;font-weight:300;line-height:1.45;color:var(--ink-soft)}
}

/* menu plein écran : centré s'il y a la place, sinon il défile sans rien rogner */
.overlay>div{margin-top:auto;margin-bottom:auto}
@media(max-height:760px){
  .overlay a{font-size:clamp(1.35rem,3vw,2rem);padding:6px 0}
  .overlay .sub-approaches a{font-size:.66rem;padding:4px 0}
  .overlay .sub{margin-top:30px;gap:18px}
}

/* ---------- ARTICLES ---------- */
.txt-hero .meta{display:block;margin-top:24px;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--label)}
.figure{max-width:860px;margin:0 auto;padding:0 40px 118px}
.figure img{display:block;width:100%;height:auto;border:1px solid var(--greige);border-radius:4px;background:var(--cream)}
.figure figcaption{margin-top:16px;text-align:center;font-size:.82rem;color:var(--label);line-height:1.6}
.article h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.22;margin:14px 0 22px}
.article h3{font-family:"Italiana",serif;font-weight:400;font-size:1.35rem;line-height:1.3;margin:34px 0 14px}
.intro.article{text-align:left}
.article .figure figcaption{text-align:center}
.article .btn-row{justify-content:flex-start}
.back{display:inline-block;margin-bottom:34px;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--gold-text);text-decoration:none;border-bottom:1px solid var(--greige);padding-bottom:5px}
.back:hover{border-color:var(--gold-deep)}
@media(max-width:900px){.figure{padding:0 24px 90px}}

/* ---------- PAGES D'APPROCHE : rythme et lisibilité ---------- */
.prose-left{text-align:left;max-width:820px}
.prose-left p{margin-bottom:22px}
.prose-left p:last-child{margin-bottom:0}
.approches .head+.prose-left{margin-top:-14px}
.pull.short{padding:96px 0}
.pull.short p{font-size:clamp(1.5rem,3vw,2.3rem);max-width:820px}
.card.key{min-height:0;padding:32px 30px}
.card.key .cardhead{margin-bottom:14px}
.card.key .num{font-family:"Italiana",serif;font-size:1.5rem;color:var(--gold-text);letter-spacing:2px}
.card.key p{margin-bottom:0;font-size:1rem}
.txt-hero h1 sup{font-size:.3em;top:-1em;letter-spacing:0}
.portes{padding:110px 0 100px}

.txt-hero+.intro{padding-top:76px}
.pull p{text-wrap:balance}

/* ---------- RYTHME MAGAZINE ---------- */
.approach .visual.wide{aspect-ratio:4/3}
.split-titled{padding:110px 0}
.split-titled .split{align-items:center}
.split-titled h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;margin-bottom:24px}
.split-titled .eyebrow{display:block;margin-bottom:18px}
.split-titled p{color:var(--ink-soft);margin-bottom:20px;max-width:52ch}
.split-titled p:last-child{margin-bottom:0}
.intro.tight{padding-top:0}
.marque{padding:0 0 118px;text-align:center}
.marque-card{display:inline-flex;flex-direction:column;align-items:center;gap:18px;background:var(--cream);border:1px solid #e6dccd;border-radius:5px;padding:34px 46px}
.marque-card img{width:auto;max-width:260px;height:auto;display:block}
.marque-card p{margin:0;font-size:.9rem;color:var(--ink-soft)}
@media(max-width:900px){.split-titled{padding:80px 0}.marque{padding-bottom:80px}}

.approach .eyebrow:empty,.approach h2:empty{display:none}
.approach .visual.wide{position:sticky;top:120px}
@media(max-width:900px){.approach .visual.wide{position:static}}

/* bande photo pleine largeur, phrase centrée — même famille que la bande « premier pas » de l'accueil */
.bande-photo{position:relative;padding:150px 0;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
.bande-photo p{font-family:"Italiana",serif;font-weight:400;font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.3;color:#fdf6ea;max-width:840px;margin:0 auto;text-shadow:0 2px 26px rgba(0,0,0,.5);text-wrap:balance}
.bande-photo .legende{display:block;margin-top:26px;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:#e8d9bf}
@media(max-width:900px){.bande-photo{background-attachment:scroll;padding:110px 0}}
/* image centrée : même gabarit que les figures des articles */
.figure{padding-bottom:96px}
.intro+.figure{padding-top:0;padding-bottom:118px}
/* un encadré ne colle jamais à ce qui le précède */
.notice{padding-top:8px}
.figure+.notice{padding-top:0}

/* témoignages : 3 colonnes, citations réelles */
.quotes.trois{grid-template-columns:repeat(3,1fr);gap:34px}
.quotes blockquote{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.16rem;line-height:1.55;color:var(--ink);margin:14px 0 20px}
.quotes figure{margin:0}
.testi .quotes .name{font-style:normal}
@media(max-width:900px){.quotes.trois{grid-template-columns:1fr;max-width:560px;margin:0 auto}}

/* ---------- PHOTO ANIMÉE (lent panoramique avant, dit « Ken Burns ») ---------- */
.kb-media{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;
  transform-origin:52% 48%;animation:kenburns 30s ease-in-out infinite alternate;will-change:transform;backface-visibility:hidden}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.085)}}
/* on coupe l'animation pour qui a demandé moins de mouvement dans son système */
@media (prefers-reduced-motion: reduce){.kb-media{animation:none}}

.avis{margin-top:52px;text-align:center}
.avis a{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--gold-text);text-decoration:none;border-bottom:1px solid var(--greige);padding-bottom:5px}
.avis a:hover{border-color:var(--gold-text)}

/* ---------- LOGOS DES INSTITUTS ---------- */
.logos{padding:0 0 118px}
.logos .head{text-align:center;max-width:640px;margin:0 auto 52px}
.logos .head .eyebrow{display:block;margin-bottom:16px}
.logos h2{font-family:"Italiana",serif;font-weight:400;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.16}
.logos-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 34px;align-items:center;max-width:1000px;margin:0 auto}
.logos-grid img{width:100%;height:66px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.7;transition:opacity .3s,filter .3s}
.logos-grid img:hover{filter:grayscale(0);opacity:1}
@media(max-width:900px){.logos-grid{grid-template-columns:repeat(3,1fr);gap:24px}}
@media(max-width:600px){.logos-grid{grid-template-columns:repeat(2,1fr)}}
/* la figure du blog reste à taille de couverture */
.figure img[src="livre.jpg"]{max-width:340px;margin:0 auto;border:0}

.video-grid.une{grid-template-columns:1fr;max-width:760px;margin-left:auto;margin-right:auto}

/* monogramme SK dans la barre, à gauche du nom */
nav .brand{display:inline-flex;align-items:center;gap:11px}
nav .brand img{height:26px;width:auto;display:block;transition:opacity .3s}
nav.hero-mode .brand img{filter:brightness(0) invert(1);opacity:.92}
@media(max-width:600px){nav .brand{display:inline-flex}nav .brand span{display:none}nav .brand img{height:24px}}

/* ---------- PETITS TITRES : LISIBILITÉ ----------
   Italiana est une police d'affiche : ses déliés disparaissent sous 1,7 rem.
   On la garde pour les grands titres, et on passe les petits en Cormorant 600,
   qui tient le même registre éditorial avec de vrais pleins. */
.card h3,.arow h3,.info h3,.qa h3,.pricelist b,.dropdown .item b,.dropdown .all b,
.marque-card p b,.card.key .num,.aspir .n,.card .num,.arow .n,.split-titled h2{
  font-family:"Cormorant Garamond",serif;font-weight:600;letter-spacing:0}
.card h3,.arow h3{font-size:1.42rem;line-height:1.24}
.info h3{font-size:1.32rem}
.qa h3{font-size:1.28rem}
.pricelist b{font-size:1.24rem}
.dropdown .item b{font-size:1.02rem;letter-spacing:.01em}
.aspir .n,.card .num,.card.key .num{font-size:1.05rem;letter-spacing:.06em}
.arow .n{font-family:"Raleway",sans-serif;font-weight:500}
.split-titled h2{font-size:clamp(1.7rem,2.8vw,2.2rem)}
/* les accroches en italique gagnent aussi en corps */
.txt-hero .lead,.page-hero p,.trio div,.question,.quotes blockquote{font-weight:600}

/* entre 1080 et 1300 px, la barre respire mieux avec le seul monogramme */
@media(min-width:1080px) and (max-width:1300px){
  nav .brand span{display:none}
  .nav-links{gap:18px}
  .nav-links a{font-size:.62rem;letter-spacing:.13em}
}

/* signature de l'agence, discrète, en toute fin de page */
.sign{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;
  text-decoration:none;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);transition:color .3s}
.sign img{height:15px;width:auto;display:block;opacity:.75;transition:opacity .3s,transform .3s}
.sign:hover{color:var(--label)}
.sign:hover img{opacity:1;transform:translateY(-1px) rotate(-4deg)}

.services .head{max-width:720px}
.services .head p{color:var(--ink-soft);margin-top:22px}
.services .head .sous-titre{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:600;font-size:1.22rem;color:var(--ink);margin-top:20px}
.services .head .text-link{margin-top:18px}

/* un bloc pratique qui prolonge la section précédente, sans rupture de fond */
.pratique.clair{background:transparent;padding-top:0}
.pratique.clair .head{margin-bottom:44px}

/* vidéo de fond du hero : elle se fond par-dessus la photo, qui reste le secours */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  opacity:0;transition:opacity 1.6s ease;pointer-events:none;
  filter:saturate(.78) brightness(.86) sepia(.16)}
.hero-video.pret{opacity:1}
/* l'écume est très claire : on épaissit le voile seulement quand la vidéo joue */
.hero.video-on::after{background:linear-gradient(180deg,rgba(35,28,20,.52) 0%,rgba(35,28,20,.3) 22%,rgba(35,28,20,.44) 52%,rgba(35,28,20,.84) 100%)}
/* halo doux derrière le texte du hero : l'écume est blanche, le texte doit rester lisible */
.hero.video-on .hero-inner::before{content:"";position:absolute;inset:-10% -14%;z-index:-1;
  background:radial-gradient(ellipse at 50% 52%,rgba(32,25,18,.52) 0%,rgba(32,25,18,.36) 48%,rgba(32,25,18,0) 78%);
  pointer-events:none}
/* quatre encadrés pratiques : 2×2 plutôt que 3 + 1 orphelin */
.infos:has(> .info:nth-child(4)):not(:has(> .info:nth-child(5))){
  grid-template-columns:repeat(2,1fr);max-width:900px;margin-left:auto;margin-right:auto}
/* agenda du blog : la date passe devant, c'est l'information qu'on vient chercher */
#agenda .arow .n{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:1.24rem;
  letter-spacing:.02em;text-transform:none;color:var(--gold-text);line-height:1.3;margin-bottom:12px}
#agenda .arow h3{font-size:1.06rem}

/* ---- corrections mobile (15/09/2026) ---------------------------------------
   .arow.plain et la grille 2×2 du Total Reset étaient plus spécifiques que les
   règles mobiles et les écrasaient : lignes en 3 colonnes sur téléphone, et
   débordement horizontal sur Liens et Groupe. */
@media(max-width:900px){
  .arow.plain{grid-template-columns:1fr}
  .infos:has(> .info:nth-child(4)):not(:has(> .info:nth-child(5))){grid-template-columns:1fr;max-width:none}
}
/* pied de page : liens légaux et signature trop petits pour le doigt et l'œil */
@media(max-width:600px){
  footer .fnav.secondary{flex-wrap:wrap;font-size:.72rem;letter-spacing:.1em;gap:6px 18px}
  footer .fnav.secondary a{display:inline-block;padding:8px 0}
  .sign{font-size:.74rem}
}
/* hero de l'accueil sur téléphone : pas de vidéo, donc pas de voile renforcé —
   le texte blanc tombait sur l'écume */
@media(max-width:600px){
  .hero::after{background:linear-gradient(180deg,rgba(35,28,20,.42) 0%,rgba(35,28,20,.38) 30%,rgba(35,28,20,.58) 62%,rgba(35,28,20,.86) 100%)}
  .hero h1 br{display:none}
  .hero h1 br + .italic::before{content:" "}
  .hero h1{font-size:clamp(2.3rem,10.5vw,2.9rem);text-wrap:balance}
  .hero .eyebrow{letter-spacing:.14em;font-size:.6rem;margin-bottom:20px}
  .hero p.sub{font-size:.98rem;text-shadow:0 1px 14px rgba(30,22,14,.6)}
  .hero .scroll-cue{display:none}
  .hero-inner{padding-left:22px;padding-right:22px;padding-bottom:9vh}
}
/* liens dans les encadrés pratiques : restaient en bleu navigateur */
.info p a{color:var(--gold-text);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;font-weight:500}
.info p a:hover{color:var(--ink)}
/* menu ouvert : la barre gardait son fond crème alors que croix, monogramme et
   bouton passent en crème → invisibles. Elle devient transparente sur le fond sombre. */
body.menu-open nav,body.menu-open nav.scrolled,body.no-hero.menu-open nav{
  background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
/* accueil : huit approches → deux rangées de quatre sur grand écran */
@media(min-width:1101px){.cards.huit{grid-template-columns:repeat(4,1fr);gap:22px}}
@media(min-width:601px) and (max-width:1100px){.cards.huit{grid-template-columns:repeat(2,1fr)}}
.insecable{white-space:nowrap}