/* Amuse Bouche — application de la charte (Notion « Brand & Strategy », § 06).
   Charte : aubergine #614051, rouge tomate #B93E36, blanc cassé #F9F7F2,
   brun noir #292321 ; Syne pour les titres, Outfit pour les textes.
   Esthétique éditoriale, gourmande et contemporaine : compositions aérées,
   photos des plats en grand, couleurs de la charte uniquement. */
:root{
  --cream:#f9f7f2;
  --aubergine:#614051;
  --red:#b93e36;
  --ink:#292321;
  --line:#ddd3cc;
  --pink:#f1e8e4;   /* teinte d'aubergine très claire, pour une seule bande */
}
body{background:var(--cream);color:var(--ink)}
header{background:var(--cream)}
.brand img,.footer-logo{mix-blend-mode:normal}

/* ---------- Héros : la photo dès le premier écran sur mobile ---------- */
.hero h1{color:var(--aubergine)}
.hero .eyebrow .dot{background:var(--red)}
@media (max-width:760px){
  .hero{display:flex;flex-direction:column}
  .hero-image{order:-1;min-height:0!important;height:44vh;max-height:380px}
  .hero-image>img{position:absolute;inset:0;width:100%;height:100%}
}

/* ---------- Ateliers ---------- */
.workshop-photo{overflow:hidden}
.workshop-photo img{transition:transform .6s ease}
.workshop-photo:hover img{transform:scale(1.025)}
@media (prefers-reduced-motion:reduce){.workshop-photo img{transition:none}.workshop-photo:hover img{transform:none}}
.teaser-price{color:var(--aubergine)}

/* ---------- « Dans chaque atelier » : la seule bande aubergine ---------- */
.shared-inclusions{background:var(--aubergine);color:var(--cream);border-top:0}
.shared-inclusions .eyebrow{color:#e3d3dc}
.shared-inclusions>h2,.shared-inclusions h3{color:var(--cream)}
.shared-inclusions p{color:#eadde3}
.shared-inclusions .line-icon{color:#f0c9c2}
.shared-inclusions .shared-grid>*{border-color:rgba(249,247,242,.2)!important}

/* ---------- Option marché ---------- */
.market-section{border-top:1px solid var(--line)}
.market-section .market-price{color:var(--red)}

/* ---------- Bandes photo pleine largeur ---------- */
.photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;background:var(--cream)}
.photo-strip img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover}
.photo-strip-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){
  .photo-strip,.photo-strip-4{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .photo-strip img{scroll-snap-align:start}
}

/* ---------- Carrousel : les plats de Charles ---------- */
.recipe-section .theme-visual img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
.recipe-image-note{color:var(--aubergine)}

/* ---------- Charles ---------- */
main .home-founder{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:7%}
main .home-founder>div{display:block}
main .home-founder h2{margin-bottom:22px}
.founder-photo{margin:0}
.founder-photo img{width:100%;aspect-ratio:4/5;max-height:560px;height:auto;object-fit:cover}
.founder-photo figcaption{font-size:13px;color:var(--aubergine);margin-top:10px}
@media (max-width:760px){main .home-founder{grid-template-columns:1fr;gap:28px}.founder-photo img{aspect-ratio:4/3}}

/* ---------- Infos pratiques ---------- */
.practical-band{background:var(--pink);border-color:transparent}

/* ---------- Appel final ---------- */
.plan-class .button.primary,.button.primary{background:var(--red);border-color:var(--red);color:#fff}
.button.primary:hover{background:#a2352e;border-color:#a2352e}
