:root{--night:#061f2a;--blue:#0b3443;--ivory:#f5eddf;--paper:#fbf7ef;--ochre:#d39b47;--bronze:#c18c48;--ink:#10232a;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--shell:min(100% - 2rem,1320px);--radius:1.2rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);overflow-x:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.skip{position:fixed;z-index:20;top:.5rem;left:.5rem;padding:.7rem 1rem;background:var(--ivory);transform:translateY(-150%)}.skip:focus{transform:none}.header{position:fixed;z-index:10;top:0;left:0;width:100%;height:64px;display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:0 max(1rem,calc((100vw - 1320px)/2));color:var(--ivory);background:rgba(6,31,42,.94);border-bottom:1px solid rgba(193,140,72,.38);backdrop-filter:blur(16px)}.brand{width:48px;height:58px}.brand img{object-fit:contain}.header>span{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.home-link{padding:.7rem 1rem;border:1px solid var(--bronze);border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chapter{margin:0 0 1rem;color:var(--ochre);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero-chef{min-height:100svh;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(2rem,6vw,7rem);padding:calc(64px + 4rem) max(1rem,calc((100vw - 1320px)/2)) 4rem;color:var(--ivory);background:radial-gradient(circle at 18% 24%,rgba(169,87,54,.35),transparent 35%),var(--night)}h1,h2{margin:0;font:600 clamp(3.6rem,7vw,7.5rem)/.83 var(--serif);letter-spacing:-.045em}h1 em,h2 em{color:var(--ochre);font-weight:500}.hero-copy>p:not(.chapter){max-width:590px;margin:1.6rem 0;color:rgba(245,237,223,.76);line-height:1.8}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.75rem 1.25rem;color:var(--night);background:var(--ochre);border:1px solid var(--bronze);border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-images{position:relative;min-height:680px}.hero-images figure{position:absolute;margin:0;overflow:hidden}.hero-images .portrait{inset:0 14% 0 0;border-radius:48% 48% 1rem 1rem}.hero-images .bissap{right:0;bottom:5%;width:34%;height:45%;border:8px solid var(--night);border-radius:999px 999px 1rem 1rem}.hero-images figcaption{position:absolute;right:0;bottom:0;left:0;padding:1rem;color:var(--ivory);background:linear-gradient(0deg,rgba(6,31,42,.88),transparent);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.portrait-section{width:var(--shell);margin:auto;padding:clamp(6rem,12vw,11rem) 0;display:grid;grid-template-columns:1fr .8fr;gap:clamp(3rem,8vw,8rem)}.portrait-section h2,.section-head h2{color:var(--blue)}.portrait-text p{margin:0 0 1.3rem;color:rgba(16,35,42,.72);line-height:1.85}.portrait-text blockquote{margin:2rem 0 0;padding:1rem 0 1rem 1.5rem;color:var(--blue);border-left:2px solid var(--bronze);font:500 1.8rem/1.3 var(--serif)}.gestes{padding:clamp(5rem,9vw,8rem) 0;background:#eee5d7}.section-head{width:var(--shell);margin:0 auto 3rem;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end}.section-head>p{margin:0;color:rgba(16,35,42,.64);line-height:1.8}.chef-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(280px,37vw,520px);grid-auto-rows:clamp(410px,52vw,660px);gap:1rem;overflow:hidden;touch-action:pan-y;scrollbar-width:none}.chef-rail::-webkit-scrollbar{display:none}.chef-rail figure{height:100%;margin:0;overflow:hidden;border-radius:var(--radius)}.chef-rail img{pointer-events:none;user-select:none;-webkit-user-drag:none}.cta{padding:clamp(6rem,12vw,10rem) max(1rem,calc((100vw - 1320px)/2));color:var(--ivory);background:var(--blue)}.cta h2{font-size:clamp(4rem,9vw,9rem);color:var(--ivory)}.cta>p:not(.chapter){max-width:660px;color:rgba(245,237,223,.7);line-height:1.8}.cta>div{display:flex;align-items:center;gap:1.5rem;margin-top:2rem}.text-link{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--bronze)}footer{display:flex;justify-content:space-between;padding:2rem max(1rem,calc((100vw - 1320px)/2));color:rgba(245,237,223,.7);background:var(--night);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}@media(max-width:760px){.header{height:58px;grid-template-columns:44px 1fr auto;padding-inline:.65rem}.header>span{font-size:.58rem;letter-spacing:.1em}.home-link{padding:.55rem .7rem;font-size:.56rem}.hero-chef{grid-template-columns:1fr;padding:calc(58px + 2.5rem) .65rem 4rem}.hero-copy h1{font-size:clamp(3.2rem,16vw,5rem)}.hero-images{min-height:520px}.hero-images .portrait{right:8%}.hero-images .bissap{width:42%;height:44%;border-width:6px}.portrait-section,.section-head{grid-template-columns:1fr;gap:1.5rem}.portrait-section{padding:5rem 0}.portrait-section h2,.section-head h2{font-size:clamp(3.4rem,15vw,5rem)}.gestes{padding:5rem 0}.section-head{margin-bottom:2rem}.chef-rail{grid-auto-columns:82vw;grid-auto-rows:520px;gap:.65rem}.cta{padding-inline:.65rem}.cta>div{align-items:flex-start;flex-direction:column}footer{padding:1.5rem .65rem}}

/* Correction de l'en-tête de la page du Chef (26/08/2026).
   La colonne du logo faisait 44 px pour un logo de 48, sans gouttière :
   le nom du restaurant passait sous le logo. */
.header{
  grid-template-columns:48px 1fr auto;
  gap:1rem
}
.brand{display:flex;align-items:center;width:48px;height:58px}
.brand img{width:44px;height:56px;object-fit:contain}
.header>span{
  justify-self:center;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

@media(max-width:760px){
  .header{grid-template-columns:44px 1fr auto;gap:.8rem}
  .brand{width:44px;height:52px}
  .brand img{width:40px;height:50px}
}
/* Trop etroit pour trois blocs : le logo dit deja le nom de la maison.
   La grille repasse a deux colonnes, sinon le bouton s'etale dans la
   colonne souple laissee vide par le nom. */
@media(max-width:620px){
  .header{grid-template-columns:44px 1fr}
  .header>span{display:none}
  .home-link{justify-self:end}
}