.hero-slideshow{overflow:hidden;border-radius:0;background:#173f35;height:clamp(520px,66svh,705px);min-height:0;text-align:left;padding:0;position:relative}
.hero-images{position:absolute;inset:0;height:100%}
.hero-images:not(.slick-initialized) .hero-slide:not(:first-child){display:none}
.hero-images .slick-list,.hero-images .slick-track,.hero-images .hero-slide{height:100%}
.hero-images img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-slideshow::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,31,23,.82),rgba(8,31,23,.56) 45%,rgba(8,31,23,.08) 85%);pointer-events:none}
.hero-copy{position:relative;z-index:1;height:100%;box-sizing:border-box;padding:125px max(5vw,24px) 30px;display:flex;flex-direction:column;align-items:flex-start;color:white;pointer-events:none}
.hero-eyebrow{font:600 12px/1.4 Barlow,sans-serif;text-transform:uppercase;letter-spacing:.17em;margin-bottom:14px}
.hero-copy h1{font:500 clamp(34px,4.1vw,58px)/1.1 masqualero,Georgia,serif;margin:0;max-width:780px;color:white;text-shadow:0 2px 12px #0003}
.hero-copy h1 em{font-weight:400;color:#e1eccd}
.hero-slogan{font:400 18px/1.5 Barlow,sans-serif;margin-top:18px;color:#fff}
.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:24px;pointer-events:auto}
.hero-actions a{font:500 16px/1.3 Barlow,sans-serif;display:inline-flex;align-items:center;gap:20px;text-decoration:none}
.hero-primary{background:#fff;color:#173f35;padding:17px 23px;border-radius:4px}
.hero-secondary{color:#fff;padding:14px 0;border-bottom:1px solid #ffffff80}
.hero-actions a:focus-visible{outline:3px solid #d9ebbd;outline-offset:5px}
@media(max-width:600px){.hero-slideshow{height:max(560px,69svh);padding:0}.hero-copy{padding:112px 7vw 28px}.hero-copy h1{font-size:clamp(31px,8.4vw,40px)}.hero-slogan{font-size:17px;margin-top:20px}.hero-actions{gap:8px;flex-direction:column;align-items:flex-start;padding-top:22px}.hero-actions a{font-size:15px}.hero-slideshow::after{background:linear-gradient(90deg,#082719d9,#08271978)}}
@media(orientation:landscape) and (max-height:540px){.hero-slideshow{height:520px}}
@media(prefers-reduced-motion:reduce){.hero-images *{transition:none!important}}

/* Garder la position du titre après retrait du nom déjà présent dans le logo. */
.hero-eyebrow{height:16.8px;flex-shrink:0}


/* Native image fade: no JSON request or carousel initialization before first paint. */
.hero-images.hero-ready .hero-slide{display:block!important;position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-images.hero-ready .hero-slide.is-visible{opacity:1}