/* Landing page (mockup): audition announcement from Claude Design 1d, responsive.
   Selectors use two classes so the theme's ".elementor-kit-7 a" / ".elementor img" rules don't win. */

.mk-nowrap{white-space:nowrap}  /* keeps "Manon El-baz" from breaking at the hyphen */

/* B: banner right after block A */
.mk-ann-banner{background:#015f62;padding:76px max(88px, calc((100% - 1264px) / 2));display:flex;align-items:center;gap:56px}  /* content stays within 1264px on wide screens */
.mk-ann-banner > img{height:104px;width:auto;flex:none}
.mk-ann-banner .mk-ann-banner-text{flex:1}
.mk-ann-banner .mk-ann-banner-title{font:200 38px 'Poppins',sans-serif;letter-spacing:1px;color:#fff;text-transform:uppercase;text-wrap:balance}
.mk-ann-banner .mk-ann-banner-text p{font:300 16.5px/1.9 'Poppins',sans-serif;color:rgba(255,255,255,.88);margin:16px 0 0;max-width:640px;text-wrap:pretty}
.mk-ann-banner .mk-ann-discover{flex:none;display:flex;align-items:center;justify-content:center;width:230px;height:62px;border:1px solid #fab347;color:#fab347;font:400 17px 'Poppins',sans-serif;border-radius:10px;text-decoration:none;transition:background .2s,color .2s}
.mk-ann-banner .mk-ann-discover:hover{background:#fab347;color:#fff}

/* A: block after "Nos collections" (same layout as "Notre équipe") */
.mk-ann-block{display:grid;grid-template-columns:1fr 1fr;background:#fff}
.mk-ann-block .mk-ann-block-text{padding:88px 60px 88px 88px}
.mk-ann-block .mk-ann-block-title{font:400 54px/1.2 'Sacramento',cursive;color:#015f62;text-wrap:balance}
.mk-ann-block .mk-ann-rule{width:215px;height:2px;background:#015f62;margin:30px 0}
.mk-ann-block .mk-ann-block-text p{font:300 17px/1.95 'Poppins',sans-serif;color:#3b3b3b;text-wrap:pretty;margin:0;max-width:600px}
/* same look as the site's own orange buttons ("En savoir plus" in Notre équipe) */
.mk-ann-block .mk-ann-more{display:inline-block;margin-top:38px;padding:16px 55px;background:#f9b347;color:#fff;font:300 16px/1.5 'Poppins',sans-serif;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.5);text-decoration:none;transition:transform .3s ease-out}
.mk-ann-block .mk-ann-more:hover{transform:translateY(-8px);color:#fff}
.mk-ann-block .mk-ann-block-photo{position:relative;min-height:430px;overflow:hidden;background:#e2ded7}  /* as tall as the text */
.mk-ann-block .mk-ann-block-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.mk-ann-block .mk-ann-block-photo span{position:absolute;bottom:14px;left:16px;background:rgba(1,95,98,.82);color:#fff;font:300 10px 'Poppins',sans-serif;letter-spacing:1.3px;padding:6px 10px;text-transform:uppercase}

@media (max-width:1024px){
.mk-ann-banner{padding:56px 40px;gap:32px}
.mk-ann-banner > img{height:80px}
.mk-ann-banner .mk-ann-banner-title{font-size:30px}
.mk-ann-block .mk-ann-block-text{padding:64px 40px}
.mk-ann-block .mk-ann-block-title{font-size:46px}
.mk-ann-block .mk-ann-more{font-size:14px}
}
@media (max-width:767px){
.mk-ann-banner{flex-direction:column;align-items:flex-start;padding:48px 22px;gap:22px}
.mk-ann-banner > img{height:64px}
.mk-ann-banner .mk-ann-banner-title{font-size:26px}
.mk-ann-banner .mk-ann-discover{width:100%}
.mk-ann-block{grid-template-columns:1fr}
.mk-ann-block .mk-ann-block-text{padding:56px 22px 44px}
.mk-ann-block .mk-ann-block-title{font-size:42px}
.mk-ann-block .mk-ann-block-text p{font-size:16px}
.mk-ann-block .mk-ann-block-photo{min-height:300px}
}

/* Original sections of the landing page */
/* hero: the longer title and "& Audition" line cross the bright display case */
body .elementor-21 .elementor-element-7e4bb2f8 .elementor-heading-title{text-shadow:0 1px 14px rgba(0,0,0,.35)}
/* the thin "Herold Optic & Audition" line needs a tighter, darker shadow */
body .elementor-21 .elementor-element-564a9f29 .elementor-heading-title{text-shadow:0 1px 3px rgba(0,0,0,.5),0 0 16px rgba(0,0,0,.35)}
/* Notre équipe: both cards share one caption style (only Julien's had a text shadow) */
body .elementor-21 .elementor-element.elementor-element-70db172 .elementor-image-box-description{text-shadow:none}
@media (min-width:768px) and (max-width:1024px){
/* Notre équipe: "En savoir plus" sat on the team photos */
body .elementor-21 .elementor-element.elementor-element-c3f68fe{margin-bottom:30px}
}
@media (max-width:1024px){
/* Nos collections: the heading and "Découvrir" touched the dashed border */
body .elementor-21 .elementor-element.elementor-element-2a51e153{--padding-top:24px;--padding-bottom:32px}
}
@media (max-width:767px){
/* Notre équipe: the row is reversed from tablet up, so Julien comes first on phones too */
body .elementor-21 .elementor-element.elementor-element-5181711e{--flex-direction:row-reverse}
}
@media (min-width:768px){
/* "Reservez votre rendez-vous en ligne": the script line touched the button */
body .elementor-21 .elementor-element.elementor-element-7bebc78{margin-bottom:16px}
}