/* ============================================================
   SPLIT HERO — feuille autonome, liée sur toutes les pages hero
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;0,600&display=swap');

.split-hero{position:relative; display:grid; grid-template-columns:1fr 1fr; min-height:clamp(460px,50vw,640px); background:#efe9df;}
.split-hero__panel{position:relative; display:flex; align-items:center; justify-content:center; text-align:center; padding:clamp(40px,6vw,90px); overflow:hidden; background:rgba(192,160,98,0.88);}
.split-hero__mono{position:absolute; top:50%; left:50%; transform:translate(-40%,-64%); width:clamp(360px,44vw,580px); height:auto; color:rgba(255,255,255,.06); pointer-events:none; user-select:none; z-index:0;}
.split-hero__inner{position:relative; z-index:1;}
.split-hero__title{font-family:'Bodoni Moda',Georgia,serif; font-weight:500; font-variant:small-caps; letter-spacing:.06em; font-size:clamp(32px,3.8vw,56px); line-height:1.14; color:#fff; margin:0 0 24px;}
.split-hero__crumb ol{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; list-style:none; margin:0; padding:0;}
.split-hero__crumb li{display:flex; align-items:center; font-family:'Inter',system-ui,sans-serif; font-size:14px; letter-spacing:.02em; color:rgba(255,255,255,.85); margin:0;}
.split-hero__crumb a{color:rgba(255,255,255,.85); text-decoration:none; transition:color .25s;}
.split-hero__crumb a:hover{color:#fff;}
.split-hero__crumb li:not(:last-child)::after{content:'\00bb'; margin-left:8px; color:rgba(255,255,255,.6);}
.split-hero__crumb li:last-child{color:#fff;}
.split-hero__crumb li::before, .split-hero__crumb li a::before, .split-hero__crumb li a::after{display:none !important; content:none !important;}
.split-hero__crumb li a:hover{padding-left:0 !important;}
.split-hero__media{position:relative; overflow:hidden;}
.split-hero__media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:grayscale(1) contrast(1.04);}

/* boutons CTA */
.split-hero__cta{display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:58px;}
.split-hero__btn{display:inline-flex; align-items:center; gap:9px; padding:13px 26px; font-family:'Inter',sans-serif; font-size:13px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; text-decoration:none; border:1px solid #fff; background:#fff; color:#2f353b; transition:all .3s; cursor:pointer;}
.split-hero__btn:hover{background:transparent; color:#fff;}
.split-hero__btn i{font-size:11px; transition:transform .3s;}
.split-hero__btn:hover i{transform:translateX(4px);}
.split-hero__btn--ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.6);}
.split-hero__btn--ghost:hover{background:#fff; color:#2f353b; border-color:#fff;}

/* intro SEO deplacee juste sous le hero */
.split-hero-intro{max-width:900px; margin:0 auto; padding:clamp(50px,6vw,84px) 24px; text-align:center;}
.split-hero-intro h2{font-family:'Bodoni Moda',Georgia,serif; font-weight:500; font-variant:small-caps; letter-spacing:.04em; font-size:clamp(24px,2.7vw,38px); line-height:1.2; color:#2f353b; margin:0 0 20px;}
.split-hero-intro p{font-family:'Inter',system-ui,sans-serif; font-size:clamp(15px,1.15vw,17.5px); line-height:1.85; color:#4a5158; margin:0 auto; max-width:760px;}

@media (max-width:820px){
    .split-hero{display:block; position:relative; min-height:clamp(440px,92vw,580px);}
    .split-hero__media{position:absolute; inset:0; z-index:0;}
    .split-hero__panel{position:absolute; inset:0; z-index:1; padding:56px 26px; background:rgba(192,160,98,0.62);}
    .split-hero__mono{width:clamp(240px,66vw,360px);}
    .split-hero__cta{margin-top:40px;}
}