/* Pourquoi nous choisir — styles propres à la page (refonte 2026-09-24) */

.wh-hero h1{max-width:15ch}

/* Intro */
.wh-quote{margin:0 0 1.2em;padding:4px 0 4px 20px;border-left:3px solid var(--shu);font-family:var(--serif-text);font-weight:500;font-size:clamp(1.2rem,2.2vw,1.5rem);line-height:1.45;color:var(--ink)}

/* Points forts : rangées éditoriales image / texte */
.wh-points__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 30px;margin-bottom:clamp(26px,4vw,50px)}
.wh-points__head .sk-title{margin-bottom:0}
.wh-tel{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:.5em 1.3em;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;letter-spacing:.06em}
.wh-tel svg{width:18px;height:18px;color:var(--gold-l)}
/* (rangées des points forts : voir « Passe design 3 » en fin de fichier) */

/* Assiettes */
.wh-plates .sk-rail{grid-auto-columns:minmax(230px,1fr)}
@media (min-width:1024px){.wh-plates .sk-rail{grid-auto-columns:calc((100% - 54px)/4)}}
@media (max-width:640px){.wh-plates .sk-rail{grid-auto-columns:72%}}

/* Restaurant de charme */
.wh-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wh-duo .sk-frame:nth-child(2){margin-top:clamp(30px,6vw,70px)}
.wh-traiteur{background:var(--washi);border-radius:var(--r);padding:20px 22px;margin-top:6px}
.wh-traiteur__title{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;letter-spacing:-.02em;word-spacing:0;font-size:1.12rem;color:var(--ink);margin-bottom:.5em}
.wh-traiteur__title svg{width:22px;height:22px;color:var(--shu);flex:none}
.wh-traiteur p:last-child{margin-bottom:0}

/* Réservez une table (bleu nuit) */
.wh-book__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,32px);max-width:980px;margin-left:auto;margin-right:auto}
@media (max-width:760px){.wh-book__grid{grid-template-columns:1fr}}
.wh-book__card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:clamp(22px,3.5vw,34px)}
.wh-book__card h3{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.35rem}
.wh-book__card h3 svg{width:22px;height:22px;color:var(--gold-l)}
.wh-book .sk-hours th,.wh-book .sk-hours td{border-color:rgba(255,255,255,.14);color:#e3e6ee}
.wh-book .sk-hours tr.is-current th::after{content:"en ce moment";display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l);font-weight:700;margin-top:2px}
.wh-book__note{color:#aab0c0;margin:12px 0 0}
.wh-book .sk-status{background:rgba(255,255,255,.1);color:#bfe3a5}
.wh-book .sk-status.is-closed{color:#f3b3a9}
.wh-book .sk-info__ico{background:rgba(181,148,91,.16);color:var(--gold-l)}
.wh-book .sk-info b{color:var(--gold-l)}
.wh-book .sk-info a{color:#fff}
.wh-book__maps{color:var(--gold-l);font-weight:700}
.wh-book .sk-title em{color:var(--gold-l)}
@media (max-width:900px){.wh-intro .sk-stack .sk-frame--tall{aspect-ratio:4/3}}
@media (max-width:1180px){.wh-intro .sk-vert,.wh-plates .sk-vert{display:none}}
@media (max-width:400px){.wh-book__card{padding:22px 16px}.wh-book .sk-hours{font-size:.95rem}.wh-book .sk-hours th{padding-right:10px}}

/* QA visuelle 25/09 */
.wh-hero h1,.wh-intro .sk-title,.wh-plates .sk-title,.wh-charme .sk-title,.wh-point__body h3{text-wrap:balance}
/* Ligne « en ce moment » : sk.css la met en encre foncée, illisible sur le bleu nuit */
.wh-book .sk-hours tr.is-current th,.wh-book .sk-hours tr.is-current td{color:#fff}

/* =====================================================================
   Passe design 3 (25/09/2026) — moment signature : les 4 points forts
   en composition éditoriale asymétrique (mosaïque décalée, grands
   numéros qui chevauchent les photos, un kanji par idée).
   ===================================================================== */
.wh-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.4vw,32px);row-gap:clamp(40px,6vw,80px);align-items:start}
.wh-point{margin:0;min-width:0}
.wh-point__media{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:var(--washi-2)}
.wh-point__media img{display:block;width:100%;height:100%;object-fit:cover}
.wh-point__body{position:relative;padding:0 clamp(4px,1vw,12px)}
.wh-point__num{position:relative;z-index:1;display:flex;align-items:baseline;gap:14px;margin:-.62em 0 8px clamp(10px,1.6vw,22px);font-family:var(--jp);font-size:1.5rem;line-height:1;color:var(--shu)}
.wh-point__num span{font-family:var(--serif);font-weight:700;font-size:clamp(3.4rem,6vw,4.8rem);line-height:1;letter-spacing:-.02em;color:var(--gold);text-shadow:0 0 0 var(--washi),0 2px 0 var(--washi),0 -2px 0 var(--washi),2px 0 0 var(--washi),-2px 0 0 var(--washi)}
.wh-point__body h3{font-size:clamp(1.4rem,2.4vw,1.85rem);margin-bottom:.45em}
.wh-point__body p:not(.wh-point__num){color:var(--text);max-width:44ch}
.wh-point__body p:last-of-type{margin-bottom:0}
.wh-point__body .sk-link{display:inline-flex;margin-top:14px}
/* desktop / tablette : mosaïque décalée */
.wh-point--1{grid-column:1 / span 7}
.wh-point--1 .wh-point__media{aspect-ratio:3/2}
.wh-point--2{grid-column:9 / span 4;margin-top:clamp(90px,12vw,170px)}
.wh-point--2 .wh-point__media{aspect-ratio:4/5}
.wh-point--3{grid-column:2 / span 4;margin-top:clamp(-120px,-8vw,-40px)}
.wh-point--3 .wh-point__media{aspect-ratio:4/5}
.wh-point--4{grid-column:7 / span 6;margin-top:clamp(20px,5vw,70px)}
.wh-point--4 .wh-point__media{aspect-ratio:4/3}
.wh-point--4 .wh-point__media img{object-position:50% 60%}
@media (max-width:900px) and (min-width:641px){
  .wh-point--1{grid-column:1 / span 7}
  .wh-point--2{grid-column:8 / span 5}
  .wh-point--3{grid-column:1 / span 5;margin-top:0}
  .wh-point--4{grid-column:6 / span 7;margin-top:clamp(60px,10vw,90px)}
}
/* mobile : une colonne, images alternées pleine largeur / en retrait */
@media (max-width:640px){
  .wh-mosaic{grid-template-columns:1fr;row-gap:44px}
  .wh-point--1,.wh-point--2,.wh-point--3,.wh-point--4{grid-column:1;margin-top:0}
  .wh-point--1 .wh-point__media,.wh-point--4 .wh-point__media{aspect-ratio:4/3}
  .wh-point--2 .wh-point__media,.wh-point--3 .wh-point__media{aspect-ratio:1/1;width:84%}
  .wh-point--2 .wh-point__media{margin-left:auto}
  .wh-point--2 .wh-point__num{justify-content:flex-end;margin-right:clamp(10px,4vw,20px)}
  .wh-point__num span{font-size:3.4rem}
  .wh-point__body{padding:0 4px}
}

/* =====================================================================
   Section « Kamado en feu » (25/09/2026)
   Illustration du menu (fond blanc fondu par multiply sur le washi),
   photo réelle du jardin en médaillon, sceau 炭火.
   ===================================================================== */
.wh-kamado .sk-split{align-items:center}
.wh-kamado__visual{position:relative;max-width:480px;margin:0 auto;padding:4% 8% 10% 4%}
.wh-kamado__disc{position:absolute;left:6%;right:10%;top:10%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fbf7ef 0%,#f1e7d6 62%,#e8dac2 100%);box-shadow:inset 0 0 0 1px rgba(181,148,91,.35)}
.wh-kamado__disc::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(181,148,91,.45)}
.wh-kamado__egg{position:relative;display:block;width:88%;margin:0 auto;mix-blend-mode:multiply;filter:saturate(1.05) contrast(1.02)}
.wh-kamado__photo{position:absolute;right:0;bottom:0;width:42%;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:5px solid #fff;box-shadow:0 14px 34px -14px rgba(18,16,13,.45),0 0 0 1px rgba(181,148,91,.5);transform:rotate(3deg);transition:transform .4s var(--ease)}
.wh-kamado__photo img{width:100%;height:100%;object-fit:cover}
@media (hover:hover){.wh-kamado__photo:hover{transform:rotate(0) scale(1.03)}}
.wh-kamado__seal{position:absolute;left:2%;top:4%;writing-mode:vertical-rl;background:var(--shu);color:#fff;font-family:var(--jp);font-weight:700;font-size:1.1rem;line-height:1;padding:12px 8px;border-radius:6px;letter-spacing:.1em;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2);transform:rotate(-3deg)}

.wh-kamado__why{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px}
.wh-kamado__why li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
.wh-kamado__k{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--paper);box-shadow:inset 0 0 0 1px rgba(198,58,47,.35);color:var(--shu);font-family:var(--jp);font-weight:700;font-size:1.05rem}
.wh-kamado__why h3{font-size:1.08rem;margin:4px 0 4px;line-height:1.2}
.wh-kamado__why p{margin:0;font-size:.95rem;line-height:1.6;color:var(--muted)}
@media (max-width:640px){.wh-kamado__why{grid-template-columns:1fr;gap:16px}}

.wh-kamado__menu{margin-top:26px;background:var(--paper);border-radius:12px;padding:16px 20px;border-left:3px solid var(--gold);box-shadow:0 1px 0 var(--line)}
.wh-kamado__menu-title{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
.wh-kamado__menu ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px}
.wh-kamado__menu li{position:relative;padding-left:18px;font-size:.95rem;line-height:1.45;color:var(--ink)}
.wh-kamado__menu li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--moss)}
@media (max-width:640px){.wh-kamado__menu ul{grid-template-columns:1fr}}
.wh-kamado__note{margin:18px 0 0;font-family:var(--serif-text);font-style:normal;color:var(--ink);font-size:1.02rem}
@media (max-width:900px){.wh-kamado__visual{max-width:360px;margin-bottom:8px}}
@media (min-width:901px){
  .wh-kamado .sk-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
  .wh-kamado__why{grid-template-columns:1fr;gap:16px}
}