/* OKŪMA — identité Furoshiki : ivoire cachemire dominant, olive en accent, sceau rouge en signature.
   Ne pas modifier : le contenu se change dans contenu.js */
:root{
  --ivoire:#F2EDE2; --papier:#E8E1D2; --blanc:#FBF8F2;
  --olive:#514F3C; --olive-fonce:#46442F; --encre:#2A2924; --gris:#5E594E;
  --sceau:#9C3B28; --ocre:#B08D57; --ligne:#D3C9B5; --motif:#DCD3BF;
  --grave:"Marcellus",Georgia,serif;
  --titre:"Shippori Mincho B1","Yu Mincho",Georgia,serif;
  --texte:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --gouttiere:max(20px,env(safe-area-inset-left,0px));
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--ivoire);color:var(--encre);font-family:var(--texte);font-size:17.5px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--titre);font-weight:700;line-height:1.15;text-wrap:balance}
h2{font-size:clamp(32px,4vw,50px)}
h3{font-size:22px}
.cadre{max-width:1240px;margin:0 auto;padding-left:var(--gouttiere);padding-right:var(--gouttiere)}
@media(min-width:760px){:root{--gouttiere:max(5vw,env(safe-area-inset-left,0px))}}
section{position:relative;isolation:isolate}
.petit{font-family:var(--grave);font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--olive)}
.texte{font-size:19px;line-height:1.75;color:var(--gris);max-width:600px}
.a-completer{background:#F5E2C8;color:#7A4A12;padding:0 6px;font-size:.92em}
.manque{display:grid;place-items:center;min-height:240px;background:var(--papier);color:var(--gris);font-size:14px}

/* Motif de fond : beige sur beige, à peine visible */
.fond{position:absolute;inset:0;width:100%;height:100%;color:var(--motif);z-index:-1;pointer-events:none}
.dessin{color:var(--olive)}

/* Titres avec kanji vertical */
.titre-bloc{display:flex;gap:22px;align-items:flex-start;margin-bottom:26px}
.titre-bloc>div{display:flex;flex-direction:column;gap:12px;min-width:0}
.vk{writing-mode:vertical-rl;font-family:var(--titre);font-weight:700;font-size:20px;letter-spacing:.3em;color:var(--sceau);padding-top:4px;flex:none}

/* Boutons */
.bouton{display:inline-flex;align-items:center;gap:10px;font-family:var(--grave);font-size:15px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;padding:16px 30px;background:var(--olive);color:var(--ivoire);border:1px solid var(--olive);transition:background .25s,color .25s}
.bouton:hover{background:var(--olive-fonce)}
.bouton.clair{background:transparent;color:var(--olive)}
.bouton.clair:hover{background:var(--olive);color:var(--ivoire)}
.bouton svg{width:18px;height:18px}
.bouton:focus-visible,a:focus-visible{outline:2px solid var(--sceau);outline-offset:3px}
.lien-fleche{font-family:var(--grave);font-size:15px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--olive);border-bottom:1px solid currentColor;padding-bottom:3px}
.lien-fleche::after{content:" →"}

/* Bandeau + en-tête */
.bandeau{background:var(--olive);color:var(--ivoire);text-align:center;font-size:14px;letter-spacing:.08em;padding:10px var(--gouttiere)}
.entete{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px var(--gouttiere);background:rgba(242,237,226,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--ligne)}
.entete nav{display:flex;gap:30px}
.entete nav.droite{justify-content:flex-end}
.entete nav a{font-family:var(--grave);font-size:14.5px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}
.entete nav a:hover,.entete nav a.actif{border-color:var(--sceau)}
.logo{font-family:var(--grave);font-size:24px;letter-spacing:.42em;text-decoration:none;padding-left:.42em}
.mobile-seul{display:none}

/* Hero : aplat ivoire + vidéo */
.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:min(86vh,820px)}
.hero-panneau{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:26px;padding:64px var(--gouttiere);background:var(--ivoire)}
.sceau-grand{width:92px;height:92px}
.hero-marque{font-family:var(--grave);font-weight:400;font-size:clamp(52px,6.4vw,92px);letter-spacing:.3em;line-height:1;margin-right:-.3em}
.hero-accroche{font-family:var(--titre);font-weight:600;font-size:clamp(23px,2.3vw,31px);line-height:1.35;max-width:440px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px 30px;margin-top:6px}
.hero-video{position:relative;background:var(--papier);overflow:hidden}
.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.legende{position:absolute;left:20px;bottom:18px;font-size:13px;letter-spacing:.1em;color:#F7F3EB;text-shadow:0 1px 6px rgba(0,0,0,.45)}

/* Intro */
.intro{padding:130px 0 110px}
.intro-grille{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:60px;align-items:center}
.intro .mention{margin-top:22px;font-size:15px;color:var(--gris);border-left:2px solid var(--sceau);padding-left:14px}
.intro-ill .dessin{width:100%;max-width:300px;margin-left:auto}

/* Régions + carte */
.regions{padding:120px 0;background:var(--papier);border-block:1px solid var(--ligne)}
.regions .fond{color:#D8CEB9}
.regions-grille{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:center}
.liste-regions{list-style:none;margin:34px 0 20px;display:flex;flex-direction:column}
.liste-regions li{display:flex;gap:20px;align-items:baseline;padding:16px 0;border-top:1px solid var(--ligne)}
.liste-regions li:last-child{border-bottom:1px solid var(--ligne)}
.liste-regions .num{font-family:var(--grave);font-size:17px;color:var(--sceau);min-width:22px}
.liste-regions h3{font-size:23px;transition:color .2s}
.liste-regions .pref{font-family:var(--texte);font-weight:400;font-size:15px;color:var(--gris);margin-left:8px;letter-spacing:.04em}
.liste-regions p{color:var(--gris);font-size:17px}
.liste-regions li.actif h3{color:var(--sceau)}
.assemblage{font-family:var(--titre);font-weight:600;font-size:20px;margin:6px 0 30px}
.regions-carte{background:var(--ivoire);border:1px solid var(--ligne);padding:20px}
.carte-japon{width:100%;height:auto;overflow:hidden}
.carte-japon .terre{fill:#E3DAC6;stroke:var(--olive);stroke-width:.9;stroke-linejoin:round}
.carte-japon .halo{fill:var(--sceau);opacity:0;transition:opacity .25s}
.carte-japon .pastille{fill:var(--sceau);stroke:var(--ivoire);stroke-width:2}
.carte-japon text{font-family:var(--titre);font-weight:700;font-size:22px;fill:var(--encre);paint-order:stroke;stroke:var(--ivoire);stroke-width:5px;stroke-linejoin:round}
.carte-japon .n{font-family:var(--grave);font-weight:400;fill:var(--sceau)}
.carte-japon .point.actif .halo{opacity:.22}
.carte-japon .kanji-carte{font-size:54px;fill:#D9CFBA;stroke:none}

/* Aperçu des coffrets */
.apercu{padding:120px 0}
.apercu-image{display:block;overflow:hidden;margin-bottom:34px}
.apercu-image img{width:100%;aspect-ratio:16/8;object-fit:cover;transition:transform .8s}
.apercu-image:hover img{transform:scale(1.02)}
.apercu-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px}
.mini{display:flex;flex-direction:column;gap:12px;padding:30px;background:var(--blanc);border:1px solid var(--ligne);text-decoration:none;transition:border-color .25s,transform .25s}
.mini:hover{border-color:var(--olive);transform:translateY(-2px)}
.mini h3{font-size:25px}
.mini p:not(.petit){color:var(--gris)}
.mini-bas{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.prix{font-family:var(--titre);font-weight:700;font-size:26px}

/* Trois gestes */
.gestes{padding:120px 0;border-top:1px solid var(--ligne)}
.trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:44px;margin-top:20px}
.geste{position:relative;display:flex;flex-direction:column;gap:12px}
.geste .dessin{width:150px;height:150px;margin-bottom:8px}
.geste .petit-vk{position:absolute;top:0;right:0;font-size:16px;opacity:.85}
.geste .sous{font-family:var(--grave);letter-spacing:.16em;font-size:14px;color:var(--olive);text-transform:uppercase}
.geste p:last-child{color:var(--gris)}

/* Film */
.film{padding:110px 0;background:var(--papier);border-block:1px solid var(--ligne)}
.film-grille{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:center}
.film video{width:100%;aspect-ratio:16/9;background:var(--encre);object-fit:cover}

/* Communauté (accueil) */
.communaute{padding:120px 0}
.communaute-grille{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:60px;align-items:center}
.communaute .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hashtags{margin-top:22px;font-size:15px;color:var(--gris);word-spacing:.5em;line-height:1.9}
.communaute-image img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* ============ Page Les coffrets ============ */
.tete-coffrets{padding:100px 0 40px}
.tete-coffrets h1{font-size:clamp(42px,5.4vw,72px)}
.tete-coffrets .large{margin-top:44px}
.tete-coffrets .large img{width:100%;aspect-ratio:16/7;object-fit:cover}
.coffrets{padding:40px 0 60px}
.coffret{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:70px 0;border-bottom:1px solid var(--ligne)}
.coffret:last-child{border-bottom:0}
.coffret.inverse .visuel{order:2}
.visuel{position:relative;isolation:isolate;padding:34px;background:var(--papier)}
.visuel img{width:100%;aspect-ratio:4/5;object-fit:cover;box-shadow:0 30px 50px -36px rgba(42,41,36,.55)}
.infos{display:flex;flex-direction:column;gap:16px}
.infos h2{font-size:clamp(34px,3.6vw,48px)}
.promesse{font-family:var(--titre);font-weight:600;font-size:22px;line-height:1.4}
.menu{margin:12px 0 4px;border-top:1px solid var(--ligne)}
.ligne{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:14px 0;border-bottom:1px solid var(--ligne)}
.ligne .nom{font-weight:500;font-size:18px}
.ligne .num{font-family:var(--grave);color:var(--sceau);letter-spacing:.12em}
.ligne .detail{grid-column:1/-1;color:var(--gris);font-size:16px}
.format{font-size:15px;color:var(--gris);letter-spacing:.06em}
.achat{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:8px}
.note{font-size:14.5px;color:var(--gris);line-height:1.6;max-width:460px}

.duo{padding:110px 0;background:var(--papier);border-block:1px solid var(--ligne)}
.duo-grille{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);gap:48px;align-items:center}
.duo-ill{position:relative}
.duo-ill .dessin{width:100%;max-width:260px}
.sceau-petit{position:absolute;right:6%;bottom:0;width:46px;height:46px}
.duo-carte{display:flex;flex-direction:column;gap:16px;background:var(--ivoire);padding:40px;border:1px solid var(--ligne)}
.duo-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}

.offrir{padding:120px 0}
.etapes{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:40px;margin-top:44px}
.etapes li{display:flex;flex-direction:column;gap:10px;padding-top:24px;border-top:1px solid var(--olive)}
.etape-ill{width:64px;height:64px;margin-bottom:6px}
.etapes p:last-child{color:var(--gris)}

.boite{padding:110px 0;border-top:1px solid var(--ligne)}
.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:28px}
.carte{display:flex;flex-direction:column;gap:12px}
.carte img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:8px}
.carte p{color:var(--gris)}
.galerie{padding:0 0 120px}
.galerie-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.galerie-grille img{width:100%;aspect-ratio:1;object-fit:cover}

/* ============ Pages légales et communauté ============ */
.legal{max-width:800px;margin:0 auto;padding:110px var(--gouttiere) 120px}
.legal h1{font-size:clamp(32px,4vw,46px);margin-bottom:30px}
.legal h2{font-size:23px;margin:34px 0 10px}
.legal p,.legal li{color:var(--gris);line-height:1.8;margin-bottom:8px}
.legal ul{padding-left:20px}
.page-communaute{max-width:980px;margin:0 auto;padding:110px var(--gouttiere) 120px;display:flex;flex-direction:column;gap:72px}
.tete-page{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.tete-page h1{font-size:clamp(38px,5vw,60px)}
.tete-page .texte{text-align:center}
.trait{width:44px;height:2px;background:var(--sceau)}
.bloc-com{display:flex;flex-direction:column;gap:24px;border-top:1px solid var(--ligne);padding-top:40px}
.bloc-com h2{font-size:clamp(26px,2.8vw,34px)}
.avis-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.avis{background:var(--blanc);border:1px solid var(--ligne);padding:28px;display:flex;flex-direction:column;gap:12px;margin:0}
.avis .etoiles{color:var(--sceau);letter-spacing:.15em}
.avis blockquote{font-family:var(--titre);font-weight:600;font-size:20px;line-height:1.5}
.avis figcaption{font-size:14px;color:var(--gris)}
.avis-vide{color:var(--gris);line-height:1.8;max-width:620px}
.form-avis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px 24px;align-items:end}
.champ{display:flex;flex-direction:column;gap:8px;min-width:0}
.champ label{font-family:var(--grave);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--olive)}
.champ input,.champ select,.champ textarea{font:inherit;font-size:17px;color:var(--encre);background:var(--blanc);border:1px solid var(--ligne);padding:13px 14px;border-radius:0;width:100%}
.champ input:focus,.champ select:focus,.champ textarea:focus{outline:1px solid var(--olive)}
.large-champ{grid-column:1/-1}
.accord{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--gris);line-height:1.5}
.accord input{margin-top:4px;accent-color:var(--olive)}
.form-avis .bouton{justify-self:start}
.form-avis .note{grid-column:1/-1}
.reseaux{display:flex;flex-wrap:wrap;gap:12px}
.reseaux a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--ligne);text-decoration:none;font-size:15px}
.reseaux a:hover{border-color:var(--olive);background:var(--olive);color:var(--ivoire)}
.reseaux svg{width:18px;height:18px}
.hashtags-clair{color:var(--gris);font-size:15px;line-height:1.9}

/* Pied de page : l'olive en aplat, une seule fois */
.pied{background:var(--olive);color:#E9E3D4;padding:56px var(--gouttiere);display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.pied .marque{font-family:var(--grave);font-size:22px;letter-spacing:.42em;padding-left:.42em;color:var(--ivoire)}
.pied nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;font-size:15px}
.pied a{text-decoration:none;opacity:.85}
.pied a:hover{opacity:1;text-decoration:underline}

/* ============ Tablette et téléphone ============ */
@media(max-width:980px){
  .regions-grille,.communaute-grille,.film-grille,.intro-grille{grid-template-columns:1fr;gap:44px}
  .intro-ill .dessin{margin:0 auto;max-width:220px}
  .duo-grille{grid-template-columns:1fr 1fr}
  .duo-ill{display:none}
}
@media(max-width:820px){
  body{font-size:17px}
  .entete{grid-template-columns:auto 1fr;padding-block:14px}
  .entete nav:first-child{display:none}
  .logo{font-size:20px;padding-left:0}
  .entete nav.droite{gap:20px}
  .mobile-seul{display:inline}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-video{order:-1;aspect-ratio:4/5;max-height:70vh}
  .hero-panneau{padding-block:48px 56px;gap:20px}
  .sceau-grand{width:68px;height:68px}
  .intro,.regions,.apercu,.gestes,.film,.communaute,.duo,.offrir,.boite{padding:80px 0}
  .texte{font-size:18px}
  .coffret,.duo-grille{grid-template-columns:1fr;gap:34px}
  .coffret{padding:50px 0}
  .coffret.inverse .visuel{order:0}
  .visuel{padding:18px}
  .duo-carte{padding:28px}
  .tete-coffrets{padding-top:64px}
  .tete-coffrets .large img{aspect-ratio:4/3}
  .apercu-image img{aspect-ratio:4/3}
  .regions-carte{padding:10px}
  .titre-bloc{gap:14px}
  .vk{font-size:17px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.duo-carte h2{font-size:clamp(30px,2.8vw,40px)}
@media(max-width:980px){.regions-carte{order:-1}}

/* =====================================================================
   VERSION ORDINATEUR : plus large, plus d'images, plus de respiration
   ===================================================================== */
@media(min-width:1100px){
  :root{--gouttiere:max(4vw,env(safe-area-inset-left,0px))}
  body{font-size:18.5px}
  .cadre{max-width:1720px}
  .texte{font-size:20.5px;max-width:680px}
  h2{font-size:clamp(40px,3.8vw,62px)}
  .entete{padding-block:22px}
  .hero{min-height:calc(100vh - 110px);grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  .hero-panneau{padding-left:max(4vw,40px);padding-right:3vw}
  .hero-marque{font-size:clamp(64px,6vw,104px)}
  .intro-grille{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .intro-ill .dessin{max-width:380px}
  .regions-grille{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:6vw}
  .regions-carte{padding:28px}
  .apercu-image img{aspect-ratio:16/7}
  .apercu-cartes{grid-template-columns:repeat(3,1fr)}
  .mini{padding:38px}
  .mini h3{font-size:29px}
  .trio{gap:5vw}
  .geste .dessin{width:180px;height:180px}
  .film-grille{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  .communaute-grille{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
  .tete-coffrets .large img{aspect-ratio:16/6.5}
  .coffret{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:6vw;padding:90px 0}
  .coffret.inverse{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .visuel{padding:48px}
  .visuel img{aspect-ratio:5/4}
  .infos h2{font-size:clamp(40px,3.4vw,56px)}
  .duo-grille{grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr)}
  .duo-photo img{aspect-ratio:5/4}
  .cartes{grid-template-columns:repeat(3,1fr);gap:3vw}
  .legal,.page-communaute{max-width:1040px}
}

/* =====================================================================
   VERSION TÉLÉPHONE : images bord à bord, cartes qui défilent au doigt,
   barre de navigation en bas de l'écran
   ===================================================================== */
.nav-mobile{display:none}
@media(max-width:820px){
  .entete nav.droite .mobile-seul{display:none}
  .entete{grid-template-columns:1fr auto;padding-block:12px}
  .nav-mobile{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(242,237,226,.97);backdrop-filter:blur(10px);border-top:1px solid var(--ligne);padding:6px 0 max(8px,env(safe-area-inset-bottom,0px))}
  .nav-mobile a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;font-family:var(--grave);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);padding:6px 0}
  .nav-mobile span{font-family:var(--titre);font-weight:700;font-size:19px;line-height:1.2;color:var(--olive)}
  .nav-mobile a.actif{color:var(--encre)}
  .nav-mobile a.actif span{color:var(--sceau)}
  body{padding-bottom:72px}
  .bandeau{font-size:12.5px;padding-block:8px}

  /* Hero : vidéo verticale plein écran, texte dessous */
  .hero-video{aspect-ratio:auto;height:62vh;max-height:none}
  .hero-panneau{align-items:center;text-align:center;padding:40px 20px 52px}
  .hero-marque{font-size:48px;letter-spacing:.26em;margin-right:-.26em}
  .hero-accroche{font-size:23px}
  .hero-actions{flex-direction:column;width:100%;gap:18px}
  .hero-actions .bouton{width:100%;justify-content:center}

  /* Images bord à bord */
  .apercu-image,.tete-coffrets .large,.communaute-image,.duo-photo{margin-left:calc(-1 * var(--gouttiere));margin-right:calc(-1 * var(--gouttiere))}
  .visuel{margin-left:calc(-1 * var(--gouttiere));margin-right:calc(-1 * var(--gouttiere));padding:16px}
  .regions-carte{margin-left:calc(-1 * var(--gouttiere));margin-right:calc(-1 * var(--gouttiere));border-left:0;border-right:0}
  .film video{margin-left:calc(-1 * var(--gouttiere));width:calc(100% + 2 * var(--gouttiere))}

  /* Cartes qui défilent horizontalement */
  .apercu-cartes,.trio,.cartes,.etapes,.galerie-grille{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-left:calc(-1 * var(--gouttiere));margin-right:calc(-1 * var(--gouttiere));padding:0 var(--gouttiere) 10px;scrollbar-width:none}
  .apercu-cartes::-webkit-scrollbar,.trio::-webkit-scrollbar,.cartes::-webkit-scrollbar,.etapes::-webkit-scrollbar,.galerie-grille::-webkit-scrollbar{display:none}
  .apercu-cartes>*,.trio>*,.cartes>*,.etapes>*,.galerie-grille>*{flex:0 0 82%;scroll-snap-align:start}
  .galerie-grille>*{flex-basis:88%}
  .geste{background:var(--blanc);border:1px solid var(--ligne);padding:26px}
  .geste .petit-vk{top:24px;right:20px}
  .geste .dessin{width:110px;height:110px}
  .etapes li{background:var(--blanc);border:1px solid var(--ligne);border-top:2px solid var(--olive);padding:24px}
  .glisser{display:block;font-family:var(--grave);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gris);margin:-8px 0 14px}

  /* Coffrets : prix et bouton bien visibles */
  .achat{width:100%;justify-content:space-between;gap:14px}
  .achat .bouton{flex:1;justify-content:center;padding-inline:18px}
  .infos h2{font-size:34px}
  .liste-regions h3{font-size:21px}
  .communaute .actions .bouton{flex:1;justify-content:center}
  .titre-bloc .vk{display:none}
  .petit{font-size:13px}
  h2{font-size:33px}
  .tete-coffrets h1{font-size:44px}
}
@media(min-width:821px){.glisser{display:none}}
.regions-carte{overflow:hidden}
@media(max-width:820px){.cadre.galerie-grille{margin:0;max-width:none}}
@media(min-width:1100px){
  .hero{grid-template-columns:minmax(0,5fr) minmax(0,8fr)}
  .hero-marque{font-size:clamp(56px,4.7vw,90px)}
}
@media(max-width:820px){
  .hero-video{height:50vh}
  .hero-panneau{padding-top:30px;gap:16px}
}

/* ================= Damier, pages Terroirs et Influences ================= */
.ordi-seul{}
.liste-regions.courte li{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:16px;padding:13px 0}
.liste-regions.courte p{font-size:16px;text-align:right}
.duo-boutons{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px}
.hero-accroche{font-size:clamp(26px,2.6vw,38px)}

.bande-influences{display:block;position:relative;isolation:isolate;text-decoration:none;padding:100px 0;border-top:1px solid var(--ligne);transition:background .3s}
.bande-influences:hover .lien-fleche{color:var(--sceau)}
.bande-grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:60px;align-items:center}
.bande-ill{background:var(--ivoire);border:1px solid var(--ligne);padding:30px}
.bande-ill .dessin{width:100%;max-width:420px;margin:0 auto}
.bande-influences h2{margin:12px 0 18px}
.kanjis{font-family:var(--titre);font-weight:700;font-size:26px;color:var(--sceau);letter-spacing:.12em;margin-bottom:26px}

.tete-page-large,.tete-influences{padding:90px 0 70px;border-bottom:1px solid var(--ligne)}
.tete-page-large h1,.tete-influences h1{font-size:clamp(42px,5.4vw,76px)}
.terroirs{padding:80px 0 110px}
.terroirs-grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:6vw;align-items:start}
.terroirs-carte{position:sticky;top:100px}
.terroir{padding:34px 0;border-bottom:1px solid var(--ligne)}
.terroir:first-child{padding-top:0}
.terroir .num{color:var(--sceau)}
.terroir h2{font-size:clamp(36px,3.4vw,52px);margin:8px 0 6px}
.accroche-terroir{font-family:var(--titre);font-weight:600;font-size:21px;margin-bottom:18px}
.terroir dl{display:flex;flex-direction:column;gap:12px}
.terroir dl div{display:grid;grid-template-columns:110px 1fr;gap:16px}
.terroir dt{font-family:var(--grave);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--olive);padding-top:3px}
.terroir dd{color:var(--gris);font-size:17.5px;line-height:1.6}
.terroir.actif h2{color:var(--sceau)}
.terroirs .assemblage{margin:30px 0}

.influences-tete{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:60px;align-items:center}
.influences-ill{background:var(--ivoire);border:1px solid var(--ligne);padding:34px}
.influences-ill .dessin{width:100%;max-width:460px;margin:0 auto}
.influences{padding:40px 0 110px}
.influence{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:6vw;align-items:center;padding:70px 0;border-bottom:1px solid var(--ligne)}
.influence.inverse .influence-ill{order:2}
.influence-ill{position:relative;display:grid;place-items:center;aspect-ratio:1;background:var(--papier);overflow:hidden}
.influence-ill .dessin{width:46%;height:auto;position:relative}
.grand-kanji{position:absolute;inset:auto auto 6% 6%;font-family:var(--titre);font-weight:700;font-size:clamp(40px,5vw,84px);color:#DCD2BE;writing-mode:vertical-rl;letter-spacing:.1em;top:6%}
.influence-texte h2{margin:12px 0 16px}
.influences-fin{padding-top:60px;text-align:center}

@media(max-width:980px){
  .bande-grille,.terroirs-grille,.influences-tete,.influence{grid-template-columns:1fr;gap:34px}
  .terroirs-carte{position:static}
  .influence.inverse .influence-ill{order:0}
}
@media(max-width:820px){
  .ordi-seul{display:none}
  .bande-influences{padding:70px 0}
  .bande-ill,.influences-ill{margin-left:calc(-1 * var(--gouttiere));margin-right:calc(-1 * var(--gouttiere));border-inline:0}
  .tete-page-large,.tete-influences{padding:56px 0 44px}
  .tete-page-large h1,.tete-influences h1{font-size:42px}
  .terroirs{padding:0 0 80px}
  .terroirs-carte{margin-bottom:10px}
  .terroir dl div{grid-template-columns:1fr;gap:4px}
  .influence{padding:44px 0}
  .influence-ill{margin-left:calc(-1 * var(--gouttiere));margin-right:calc(-1 * var(--gouttiere));aspect-ratio:4/3}
  .liste-regions.courte p{display:none}
  .duo-boutons .bouton{width:100%;justify-content:center}
}
.hero-accroche{max-width:520px}
.influence-ill{aspect-ratio:4/3}
.influence-ill .dessin{width:40%}

/* ================= Pied de page façon grande maison ================= */
.pied{display:block;position:relative;background:var(--olive-fonce);color:#EDE7D9;padding:0;text-align:left;overflow:hidden}
.pied-cadre{max-width:1720px;margin:0 auto;padding:0 var(--gouttiere)}
.pied a{opacity:1;text-decoration:none;color:inherit}
.pied-haut{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding:64px 0 52px;border-bottom:1px solid rgba(237,231,217,.22)}
.pied-titre{font-family:var(--grave);font-size:15px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px}
.pied-inscrire{display:inline-flex;align-items:center;gap:12px;font-family:var(--grave);font-size:17px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}
.pied-inscrire svg{width:22px;height:16px}
.pied-reseaux{display:flex;gap:28px}
.pied-reseaux a{display:grid;place-items:center;width:44px;height:44px;transition:opacity .2s}
.pied-reseaux svg{width:34px;height:34px}
.pied-reseaux a:hover,.pied-inscrire:hover{opacity:.7}
.pied-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding:64px 0}
.pied-col h2{font-family:var(--grave);font-weight:400;font-size:28px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:34px;color:var(--ivoire)}
.pied-col ul{list-style:none;display:flex;flex-direction:column;gap:22px}
.pied-col a{font-size:18px;letter-spacing:.02em;color:#E3DCCB;transition:color .2s}
.pied-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.pied-bas{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-top:1px solid rgba(237,231,217,.22);font-size:14px;color:#CFC8B7}
.pied-sceau{width:40px;height:40px}
.pied-logo{font-family:var(--grave);font-size:clamp(90px,19vw,340px);letter-spacing:.14em;line-height:.74;text-align:center;color:var(--ivoire);margin:10px 0 0;white-space:nowrap;padding-left:.14em;transform:translateY(12%);user-select:none}
.haut-page{position:absolute;right:0;top:40%;display:grid;place-items:center;width:84px;height:84px;background:var(--ivoire);color:var(--encre)!important}
.haut-page svg{width:34px;height:34px}
@media(max-width:820px){
  .pied-haut{grid-template-columns:1fr;gap:34px;padding:48px 0 40px}
  .pied-cols{grid-template-columns:1fr 1fr;gap:44px 24px;padding:46px 0}
  .pied-col h2{font-size:21px;margin-bottom:20px}
  .pied-col ul{gap:16px}
  .pied-col a{font-size:16px}
  .pied-bas{font-size:12.5px}
  .pied-logo{font-size:23vw}
  .haut-page{width:56px;height:56px;top:auto;bottom:24%}
  .haut-page svg{width:24px;height:24px}
}
@media(max-width:820px){.pied-logo{font-size:19.5vw;letter-spacing:.1em;padding-left:.1em}}

/* ================= Transitions façon grande maison ================= */
/* En-tête : grand logo centré qui rétrécit en douceur au défilement */
.entete{transition:padding .5s cubic-bezier(.2,.7,.2,1),background .5s,box-shadow .5s}
.logo{transition:font-size .5s cubic-bezier(.2,.7,.2,1),letter-spacing .5s}
@media(min-width:821px){
  .entete{padding-block:30px}
  .logo{font-size:40px;letter-spacing:.38em}
  .entete.reduit{padding-block:16px;box-shadow:0 10px 30px -24px rgba(42,41,36,.5)}
  .entete.reduit .logo{font-size:23px;letter-spacing:.42em}
}
@media(max-width:820px){
  .logo{font-size:24px}
  .entete.reduit{padding-block:10px}
  .entete.reduit .logo{font-size:19px}
}
/* Pied de page : le contenu de la page glisse et découvre le pied, en décalé */
#contenu{position:relative;z-index:1;background:var(--ivoire);box-shadow:0 30px 40px -30px rgba(42,41,36,.35)}
.pied{position:relative;z-index:0;overflow:hidden;background:var(--olive-fonce)}
.pied-voile{will-change:transform,opacity}
/* Grand nom en vert olive sur bande ivoire, sous le pied de page */
.pied-signature{background:var(--ivoire);padding:70px var(--gouttiere) 46px;text-align:center;border-top:1px solid #3A3826}
.pied-logo{font-family:var(--grave);font-size:clamp(70px,15.5vw,300px);letter-spacing:.24em;padding-left:.24em;line-height:.9;color:var(--olive);margin:0;transform:none;white-space:nowrap}
.pied-devise{margin-top:26px;font-family:var(--grave);font-size:14px;letter-spacing:.32em;text-transform:uppercase;color:var(--gris)}
.pied-bas{border-top:1px solid rgba(237,231,217,.22)}
.haut-page{top:32%}
@media(max-width:820px){
  .pied-signature{padding:44px 12px 104px}
  .pied-logo{font-size:15vw;letter-spacing:.2em;padding-left:.2em}
  .pied-devise{font-size:11px;letter-spacing:.24em}
  body{padding-bottom:0}
}
@media(prefers-reduced-motion:reduce){.pied-voile{transform:none!important;opacity:1!important}}
.grand-kanji{inset:auto;top:7%;left:6%;bottom:auto;font-size:clamp(34px,4vw,70px)}

/* ================= Pages couleur forte : Exploration et Terroirs ================= */
:root{--marron:#4A2C1F;--marron-2:#5A3624;--marron-3:#6E4430;--creme:#EFE4D3;--creme-2:#CDB9A0}
/* Image plein écran, titre centré, liens soulignés (façon grande maison) */
.plein{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;background:var(--marron);color:var(--creme);overflow:hidden;margin-top:calc(-1 * var(--h-entete, 100px))}
.plein-ecran{min-height:100vh}
.plein-moyen{min-height:86vh}
.plein-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:sepia(.55) saturate(.85) brightness(.82) contrast(1.05);transform:scale(1.04);animation:respire 18s ease-in-out infinite alternate}
@keyframes respire{to{transform:scale(1.1)}}
.plein-voile{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(40,22,14,.45) 0%,rgba(40,22,14,0) 30%,rgba(40,22,14,.15) 55%,rgba(40,22,14,.82) 100%);mix-blend-mode:multiply}
.plein-texte{text-align:center;padding:0 var(--gouttiere) 9vh;display:flex;flex-direction:column;align-items:center;gap:18px}
.plein .petit{color:var(--creme);letter-spacing:.32em}
.plein h1{font-family:var(--grave);font-weight:400;font-size:clamp(40px,5.6vw,92px);letter-spacing:.06em;line-height:1.05;color:#F7EFE2;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.plein-liens{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 40px;margin-top:10px}
.plein-liens a{font-size:19px;color:#F7EFE2;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;transition:opacity .2s}
.plein-liens a:hover{opacity:.75}
/* En-tête transparent au-dessus de l'image, puis ivoire au défilement */
body[data-page="exploration"] .entete:not(.reduit),body[data-page="terroirs"] .entete:not(.reduit){background:transparent;backdrop-filter:none;border-color:transparent;color:#F7EFE2;box-shadow:none}
body[data-page="exploration"] .entete:not(.reduit) a,body[data-page="terroirs"] .entete:not(.reduit) a{color:#F7EFE2}
/* Sections marron */
.brun{background:var(--marron);color:var(--creme);text-align:center;padding:120px var(--gouttiere)}
.brun .petit{color:var(--creme-2)}
.brun h2{color:#F7EFE2;font-size:clamp(36px,4vw,60px);margin:14px 0}
.brun-texte{font-family:var(--titre);font-weight:600;font-size:clamp(20px,1.8vw,26px);color:var(--creme-2);max-width:640px;margin:0 auto}
.brun-texte.grand{font-size:clamp(24px,2.6vw,38px);color:var(--creme);line-height:1.4;max-width:900px}
.terroirs-intro{padding:90px var(--gouttiere)}
/* Plaque en relief */
.empreinte-zone{background:radial-gradient(ellipse at 50% 40%,var(--marron-3) 0%,var(--marron) 70%);padding-top:110px}
.empreinte{width:min(420px,78vw);aspect-ratio:3/4;margin:0 auto 60px;background:linear-gradient(160deg,#7A4A34,#5E3826);border-radius:14px 26px 10px 30px/22px 12px 30px 14px;box-shadow:inset 3px 3px 6px rgba(255,220,190,.18),inset -6px -8px 14px rgba(0,0,0,.45),0 30px 50px -20px rgba(0,0,0,.6),0 0 0 10px rgba(122,74,52,.35);padding:30px;transform:rotate(-1.2deg)}
.empreinte-grille{display:grid;grid-template-columns:repeat(6,1fr);place-items:center;height:100%;font-family:var(--titre);font-weight:700;font-size:clamp(18px,2.2vw,30px);color:#6A3F2C;text-shadow:-1px -1px 0 rgba(0,0,0,.35),1px 1px 0 rgba(255,214,180,.22)}
.empreinte-grille span:nth-child(odd){font-size:.6em}
/* Chapitres alternés image / texte */
.chapitres{background:var(--marron-2)}
.chapitre{display:grid;grid-template-columns:1fr 1fr;min-height:80vh}
.chapitre.inverse .chapitre-img{order:2}
.chapitre-img{position:relative;overflow:hidden;background:var(--marron)}
.chapitre-img img{width:100%;height:100%;object-fit:cover;filter:sepia(.5) saturate(.85) brightness(.85)}
.chapitre-bol{display:grid;place-items:center;height:100%;background:radial-gradient(circle at 50% 45%,#F2E9DA,#D9C7AE);padding:10%}
.chapitre-bol .dessin{width:min(420px,80%);color:var(--marron)}
.chapitre-texte{position:relative;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:8vw;color:var(--creme)}
.chapitre-texte .petit{color:var(--creme-2)}
.chapitre-texte h2{color:#F7EFE2;font-size:clamp(38px,4vw,64px)}
.chapitre-texte p:last-child{font-size:20px;line-height:1.7;color:var(--creme-2);max-width:460px}
.chapitre-kanji{position:absolute;top:8%;right:8%;writing-mode:vertical-rl;font-family:var(--titre);font-weight:700;font-size:clamp(50px,6vw,110px);color:rgba(239,228,211,.09)}
.brun-film video{width:100%;max-width:1100px;margin:30px auto 0;aspect-ratio:16/9;background:#1d120c}
.brun-fin{background:var(--marron);text-align:center;padding:0 var(--gouttiere) 120px}
.bouton-creme{background:var(--creme);color:var(--marron);border-color:var(--creme)}
.bouton-creme:hover{background:#fff;color:var(--marron)}
/* Terroirs en marron */
.brun-zone{background:var(--marron-2);color:var(--creme)}
.brun-zone .regions-carte{background:var(--creme);border-color:transparent}
.brun-zone .terroir{border-color:rgba(239,228,211,.18)}
.brun-zone .terroir h2{color:#F7EFE2}
.brun-zone .terroir .petit,.brun-zone .terroir dt{color:var(--creme-2)}
.brun-zone .terroir .num{color:#E9A27F}
.brun-zone .accroche-terroir{color:var(--creme)}
.brun-zone .terroir dd{color:#DCCBB4}
.brun-zone .terroir.actif h2{color:#E9A27F}
.brun-zone .assemblage{color:var(--creme)}
.brun-zone .bouton{background:var(--creme);color:var(--marron);border-color:var(--creme)}
@media(max-width:820px){
  .nav-mobile{grid-template-columns:repeat(5,1fr)}
  .nav-mobile a{font-size:10.5px;letter-spacing:.08em}
  .plein-ecran{min-height:92vh}.plein-moyen{min-height:78vh}
  .plein h1{font-size:40px}
  .plein-liens{flex-direction:column;gap:14px}
  .plein-liens a{font-size:17px}
  .brun{padding:80px var(--gouttiere)}
  .chapitre{grid-template-columns:1fr;min-height:0}
  .chapitre.inverse .chapitre-img{order:0}
  .chapitre-img{aspect-ratio:4/5}
  .chapitre-texte{padding:48px var(--gouttiere) 64px}
  .chapitre-texte p:last-child{font-size:18px}
  .brun-film video{margin-left:calc(-1 * var(--gouttiere));width:calc(100% + 2 * var(--gouttiere))}
  .brun-zone .regions-carte{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.plein-img{animation:none}}
.chapitre:nth-child(2) .chapitre-img img{object-position:88% 40%}
.empreinte-grille{color:#52301F;text-shadow:-1.5px -1.5px 1px rgba(0,0,0,.55),1.5px 1.5px 1px rgba(255,214,180,.35)}
@media(max-width:820px){.haut-page{display:none}}

/* ================= Affinage : trame fine, typo plus légère, carte discrète, -10 % ================= */
.fond{opacity:1}
.regions{background:#F5F1E8}
.regions-carte{background:#FBF9F4;border-color:#E6DED0}
h2,.titre-bloc h1,.titre-bloc h2{font-weight:500;letter-spacing:.005em}
.liste-regions h3,.mini h3,.geste h3,.carte h3,.etapes h3,.terroir h2,.infos h2{font-weight:500}
.liste-regions.courte li{padding:11px 0;border-color:#E3DACA}
.liste-regions h3{font-size:21px}
.liste-regions .num{font-size:15px}
.liste-regions.courte p{font-size:15px;color:#7A7468}
.texte{color:#6A6457}
.carte-japon .terre{fill:#ECE5D7;stroke:#8C8673;stroke-width:.6}
.carte-japon .pastille{fill:var(--sceau);stroke:#FBF9F4;stroke-width:1.4}
.carte-japon .halo{fill:none;stroke:var(--sceau);stroke-width:.8}
.carte-japon .point.actif .halo{opacity:.7}
.carte-japon text{font-weight:500;font-size:17px;fill:#3A3830;stroke-width:4px;letter-spacing:.02em}
.carte-japon .n{font-size:13px}
.carte-japon .kanji-carte{fill:#EEE7DA}
.liste-regions li{transition:color .3s}
.liste-regions li:hover h3{color:var(--sceau)}
/* Effets au survol, plus soignés */
.bouton{position:relative;overflow:hidden;isolation:isolate;transition:color .45s cubic-bezier(.2,.7,.2,1),border-color .45s}
.bouton::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--olive-fonce);transform:scaleX(0);transform-origin:right;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.bouton:hover::before{transform:scaleX(1);transform-origin:left}
.bouton.clair::before{background:var(--olive)}
.bouton-creme::before,.brun-zone .bouton::before{background:#fff}
.lien-fleche{background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;border-bottom-color:rgba(81,79,60,.35);transition:background-size .5s cubic-bezier(.2,.7,.2,1),color .3s}
.lien-fleche:hover{background-size:100% 1px;color:var(--encre)}
.lien-fleche::after{display:inline-block;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.lien-fleche:hover::after{transform:translateX(5px)}
.mini{transition:border-color .4s,transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.mini:hover{transform:translateY(-4px);box-shadow:0 22px 40px -30px rgba(42,41,36,.45)}
/* Lien discret vers « Nos influences » */
.sur-nous{text-align:center;padding:10px var(--gouttiere) 90px}
/* Site 10 % plus petit sur ordinateur */
@media(min-width:821px){
  html{zoom:.9}
  .plein-ecran{min-height:calc(100vh / .9)}
  .plein-moyen{min-height:calc(86vh / .9)}
  .hero{min-height:calc((100vh - 110px) / .9)}
}

/* ================= Bandeau d'en-tête fin + site plus compact ================= */
@media(min-width:821px){
  html{zoom:.85}
  .entete,.entete.reduit{padding-block:14px;box-shadow:none}
  .entete.reduit{padding-block:10px}
  .logo{font-size:25px;letter-spacing:.44em}
  .entete.reduit .logo{font-size:21px}
  .entete nav{gap:26px}
  .entete nav a{font-size:12.5px;letter-spacing:.22em}
  .hero{min-height:calc((92vh - 60px) / .85)}
  .plein-ecran{min-height:calc(100vh / .85)}
  .plein-moyen{min-height:calc(86vh / .85)}
  .sceau-grand{width:70px;height:70px}
  .hero-marque{font-size:clamp(50px,4.6vw,80px)}
  .hero-accroche{font-family:var(--grave);font-weight:400;font-size:clamp(17px,1.35vw,22px);letter-spacing:.24em;text-transform:uppercase;color:var(--gris)}
}
.hero-accroche{font-family:var(--grave);font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gris)}
@media(max-width:820px){.hero-accroche{font-size:16px}}

/* Menu ordinateur : caractère japonais au-dessus de chaque mot (comme le menu téléphone) */
@media(min-width:821px){
  .entete nav a{display:flex;flex-direction:column;align-items:center;gap:3px;border-bottom:0;padding:2px 0}
  .entete nav a span{font-family:var(--titre);font-weight:600;font-size:17px;letter-spacing:0;line-height:1.1;color:var(--olive);transition:color .3s,transform .4s cubic-bezier(.2,.7,.2,1)}
  .entete nav a:hover span{color:var(--sceau);transform:translateY(-2px)}
  .entete nav a.actif span{color:var(--sceau)}
  .entete nav a.actif{color:var(--encre)}
  body[data-page="exploration"] .entete:not(.reduit) nav a span,body[data-page="terroirs"] .entete:not(.reduit) nav a span{color:#E8DCC8}
}
@media(max-width:820px){.entete nav a span{display:none}}
/* Page Coffrets : motif de vagues en fond */
.coffrets,.offrir,.boite{background:var(--ivoire)}
.visuel{background:rgba(232,225,210,.7)}
@media(min-width:821px){.entete nav a.mobile-seul{display:none}}
/* Scènes illustrées (Culture, Ouverture, Curiosité) */
.influence-ill:has(.scene){aspect-ratio:4/3;padding:0;background:#E8E1D2}
.influence-ill .dessin.scene{width:100%;height:100%;position:relative}
.influence-ill:has(.scene) .grand-kanji{display:none}
.influence-texte .petit::after{content:""}
/* Photos de la page Influences */
.influence-ill.photo{aspect-ratio:4/3;background:#2A2924}
.influence-ill.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.influence:hover .influence-ill.photo img{transform:scale(1.04)}
.kanji-photo{position:absolute;top:18px;left:18px;writing-mode:vertical-rl;font-family:var(--titre);font-weight:600;font-size:22px;letter-spacing:.12em;color:#F7F1E6;padding:12px 8px;background:rgba(42,41,36,.38);backdrop-filter:blur(4px)}
/* Bol kintsugi en photo */
.influences-ill.photo{padding:0;overflow:hidden;aspect-ratio:4/3;border:0;box-shadow:0 30px 60px -40px rgba(42,41,36,.6)}
.influences-ill.photo img{width:100%;height:100%;object-fit:cover;display:block}
.chapitre-img img.sans-filtre{filter:none}
/* Fin de la page Influences : « Tester le vrai goût du Japon » */
.gout-japon{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:5vw;align-items:center;padding:90px 0 20px}
.gout-photos{position:relative;display:grid;grid-template-columns:3fr 2fr;gap:18px;align-items:end}
.gout-photos figure{margin:0;overflow:hidden}
.gout-photos img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.gout-photos figure:hover img{transform:scale(1.04)}
.gout-grande{aspect-ratio:4/5}
.gout-petite{aspect-ratio:3/4;margin-bottom:-40px!important;box-shadow:0 30px 50px -30px rgba(42,41,36,.55)}
.gout-texte{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.gout-texte h2{font-size:clamp(34px,3.4vw,54px)}
@media(max-width:820px){
  .gout-japon{grid-template-columns:1fr;gap:56px;padding-top:60px}
  .gout-petite{margin-bottom:-24px!important}
  .gout-texte .bouton{width:100%;justify-content:center}
}
/* Exploration : texte + « Pourquoi » */
.chapitre-texte p.chapitre-desc{font-size:19px;line-height:1.7;color:#EFE4D3;max-width:480px}
.pourquoi{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:16px 0 0;border-top:1px solid rgba(239,228,211,.22);font-size:16.5px;line-height:1.65;color:var(--creme-2);max-width:480px}
.pourquoi span{font-family:var(--grave);font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:#E9A27F}
/* Terroirs : paysage par région */
.terroir-paysage{margin:0 0 22px;overflow:hidden;aspect-ratio:16/8}
.terroir-paysage img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.18) saturate(.9);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.terroir:hover .terroir-paysage img{transform:scale(1.04)}
.terroir{padding:40px 0}
.credits{font-size:12.5px;color:#BFAE96;line-height:1.7;margin-top:30px}
.credits a{color:inherit}
.brun-fin .credits{max-width:900px;margin:40px auto 0;color:#BFAE96}

/* ===== Retours : intro plus discrète, prix sur une ligne, film vertical sur téléphone ===== */
.intro{padding:72px 0 56px}
.intro-grille{grid-template-columns:1fr;justify-items:center;text-align:center}
.intro-ill{display:none}
.intro .titre-bloc{justify-content:center}
.intro .titre-bloc .vk{display:none}
.intro .titre-bloc>div{align-items:center}
.intro h2{font-size:clamp(26px,2.4vw,38px)}
.intro .texte{margin:0 auto;font-size:17px}
.prix{white-space:nowrap}
.mini-bas{flex-wrap:wrap;gap:10px 16px}
.apercu-image img{aspect-ratio:auto;height:auto}
.tete-coffrets .large img{aspect-ratio:auto;height:auto}
@media(max-width:820px){
  .intro{padding:52px 0 40px}
  .intro h2{font-size:26px}
  .film video,.brun-film video{aspect-ratio:9/16;max-height:78vh;width:auto;max-width:100%;margin:24px auto 0;display:block;object-fit:cover}
  .apercu-image,.tete-coffrets .large{margin-left:0;margin-right:0}
}

/* Coffrets — version téléphone : deux boîtes sur deux étages, photos entières */
.mobile-bloc{display:none}
@media(max-width:820px){
  .tete-coffrets .large.ordi-seul{display:none}
  .mobile-bloc{display:grid}
  .duo-etages{gap:14px;margin-top:22px}
  .duo-etages img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block;box-shadow:0 24px 40px -30px rgba(42,41,36,.5)}
  .coffret .visuel img{aspect-ratio:auto;height:auto;object-fit:contain}
}

/* ===== Mise à jour : sceau 奥真 en image, petit bol, carte dessinée, usages, nom OKUMA ===== */
.sceau-img{display:block;width:auto!important;object-fit:contain}
.sceau-grand.sceau-img{height:104px!important}
.sceau-petit.sceau-img{height:58px!important}
.pied-sceau.sceau-img{height:44px!important;opacity:.95}
@media(max-width:820px){.sceau-grand.sceau-img{height:78px!important}}

/* En-tête : OKŪMA + petit bol à droite */
.logo{display:inline-flex;align-items:center;gap:.38em}
.logo-bol{height:.62em;width:auto;display:block;opacity:.88;transform:translateY(-.04em)}

/* Intro : illustration au trait à côté du titre */
.intro-grille{grid-template-columns:minmax(0,1fr) auto;justify-items:start;text-align:left;gap:56px;max-width:980px;margin:0 auto}
.intro-ill{display:block}
.intro .titre-bloc{justify-content:flex-start}
.intro .titre-bloc>div{align-items:flex-start}
.intro .texte{margin:0}
.dessin-ceremonie{width:min(300px,30vw);height:auto;display:block}
@media(max-width:820px){
  .intro-grille{grid-template-columns:1fr;justify-items:center;text-align:center;gap:26px}
  .intro .titre-bloc{justify-content:center}.intro .titre-bloc>div{align-items:center}
  .intro .texte{margin:0 auto}
  .intro-ill{order:-1}
  .dessin-ceremonie{width:210px}
}

/* Carte : visuel dessiné + numéros des sachets */
.regions-carte{background:transparent!important;border:0!important;padding:0!important}
.carte-visuel{position:relative;margin:0}
.carte-visuel img{width:100%;height:auto;display:block}
.carte-num{position:absolute;transform:translate(calc(-100% - 6px),-50%);font-family:var(--grave);font-size:clamp(11px,1.15vw,16px);letter-spacing:.06em;color:var(--sceau);line-height:1;transition:transform .25s,color .25s}
.carte-num.actif{transform:translate(calc(-100% - 6px),-50%) scale(1.25)}
.brun-zone .carte-visuel{background:#F2EDE2;border-radius:2px}
.liste-regions .sixieme .num{color:var(--olive)}
.liste-regions .sixieme h3{font-style:italic}

/* Accueil : chaque matcha a son rôle */
.usages{padding:110px 0;border-top:1px solid var(--ligne)}
.usages-tete{max-width:720px}
.usages-tete .texte{margin-top:18px}
.usages-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:64px 0 50px;align-items:end}
.usage{margin:0;text-align:center}
.usage-img{height:240px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:26px;position:relative}
.usage-img::after{content:"";position:absolute;bottom:-6px;left:22%;right:22%;height:14px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(60,50,30,.16),transparent 70%);z-index:-1}
.usage-img img{max-height:100%;max-width:80%;width:auto;height:auto;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.usage:hover .usage-img img{transform:translateY(-6px)}
.usage h3{font-family:var(--titre);font-size:26px;margin:6px 0 10px}
.usage figcaption>p:not(.petit){color:var(--gris);max-width:260px;margin:0 auto;line-height:1.7}
.usage .petit{color:var(--sceau)}
@media(max-width:820px){
  .usages{padding:70px 0}
  .usages-grille{grid-template-columns:1fr;gap:46px;margin:44px 0 36px}
  .usage-img{height:190px}
}

/* Photos des coffrets entières */
.apercu-image img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important}
.communaute-image img{aspect-ratio:auto!important;height:auto!important;object-fit:contain}

/* Film vertical (champs) : partout en format portrait */
.film-video{aspect-ratio:9/16;height:auto;width:auto;max-width:100%;max-height:82vh;display:block;margin:0 auto;object-fit:cover;background:#1d1c17}
.film-grille{align-items:center}

/* Exploration : visuel « la profondeur d'un instant » */
.instant-visuel{display:block;width:min(440px,80vw);height:auto;margin:0 auto 54px;box-shadow:0 30px 60px -28px rgba(0,0,0,.6)}

/* Pied de page : OKŪMA beaucoup plus petit */
.pied-logo{font-size:clamp(26px,3vw,44px)!important;letter-spacing:.42em!important;padding-left:.42em!important;line-height:1!important;transform:none!important}
.pied-signature{padding:34px 0 30px!important}
.pied-devise{margin-top:12px!important;font-size:11px!important}

/* Influences : le nom OKUMA */
.nom-okuma{position:relative;padding:110px 0 100px;text-align:center;border-bottom:1px solid var(--ligne)}
.nom-cadre{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.nom-sceau.sceau-img{height:86px!important;margin-bottom:26px}
.nom-titre{font-family:var(--grave);font-weight:400;font-size:clamp(46px,6vw,78px);letter-spacing:.32em;padding-left:.32em;color:var(--olive);margin:0;line-height:1}
.nom-trait{display:block;width:80px;height:1px;background:var(--olive);opacity:.5;margin:28px 0}
.nom-intro{font-family:var(--titre);font-size:18px;line-height:1.7;max-width:460px;color:var(--encre);margin:0}
.nom-grille{display:grid;grid-template-columns:1fr 110px 1fr;align-items:start;gap:30px;margin:60px 0 50px;width:100%}
.nom-col{display:flex;flex-direction:column;align-items:center}
.nom-mot{font-family:var(--titre);font-weight:600;font-size:clamp(30px,3.4vw,44px);letter-spacing:.14em;color:var(--olive);margin:0}
.nom-mot span{font-size:.5em;color:var(--sceau);letter-spacing:0;vertical-align:middle;margin-left:.3em}
.nom-sens{font-family:var(--titre);font-size:16px;letter-spacing:.06em;color:var(--encre);margin:6px 0 18px}
.nom-picto{width:80px;height:60px;fill:none;stroke:var(--olive);stroke-width:1.2;color:var(--olive);margin-bottom:18px}
.nom-col p:last-child{font-family:var(--titre);font-size:16px;line-height:1.8;max-width:260px;color:var(--encre);margin:0}
.nom-centre{align-self:center;display:flex;justify-content:center;position:relative;height:100%}
.nom-centre::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--ligne)}
.nom-centre svg{position:relative;width:76px;height:76px;fill:none;stroke:var(--olive);stroke-width:1.2;background:var(--fond,#F2EDE2);align-self:center}
.nom-fin{border-top:1px solid var(--olive);padding-top:28px;width:min(620px,100%);font-family:var(--titre);font-size:17px;letter-spacing:.14em;color:var(--encre);display:flex;flex-direction:column;gap:10px;margin:0}
.nom-fin strong{font-weight:600;font-size:20px;color:var(--olive)}
@media(max-width:820px){
  .nom-okuma{padding:70px 0}
  .nom-grille{grid-template-columns:1fr;gap:34px;margin:44px 0 40px}
  .nom-centre{order:0;height:auto}.nom-centre::before{display:none}
  .nom-fin{font-size:14px;letter-spacing:.08em}
}
.film video.film-video,.brun-film video.film-video{aspect-ratio:9/16;height:min(76vh,680px);width:auto;max-width:100%;margin:24px auto 0;display:block;object-fit:cover}
@media(max-width:820px){.film video.film-video,.brun-film video.film-video{height:auto;width:min(100%,420px);margin-left:auto;margin-right:auto}}
.logo-bol{height:.78em}
.carte-num.haut{transform:translate(0,-100%)}
.carte-num.haut.actif{transform:translate(0,-100%) scale(1.25)}
.influence:first-child .influence-ill img{object-position:center 78%}

/* ===== Mise à jour 2 ===== */
/* Logo affiné (sceau aux traits fins) */
.sceau-grand.sceau-img{height:96px!important}
.nom-sceau.sceau-img{height:110px!important;margin-bottom:30px}
/* Intro : photo détourée */
.intro-collage{width:min(420px,38vw);height:auto;display:block}
@media(max-width:820px){.intro-collage{width:min(320px,86vw)}}
/* Carte : chiffres après le nom pour Kagoshima et Aichi */
.carte-num.apres{transform:translate(6px,-50%)}
.carte-num.apres.actif{transform:translate(6px,-50%) scale(1.25)}
.liste-regions .sixieme .num{color:var(--sceau)!important}
/* Carte sur fond brun : sans cadre, traits crème */
.brun-zone .carte-visuel,.carte-brun{background:transparent!important}
.carte-brun .carte-num{color:#E9A48C}
.brun-zone .regions-carte{background:transparent!important;border:0!important;box-shadow:none!important}
/* Coffrets sur l'accueil : sous-titre et images petites */
.sous-titre-coffret{font-family:var(--titre);font-size:22px;margin:14px 0 4px;color:var(--encre)}
.usages-grille{gap:30px;margin:46px auto 40px;max-width:860px}
.usage-img{height:120px;margin-bottom:18px}
.usage-img::after{bottom:-4px;height:8px}
.usage-img img{max-width:60%}
.usage h3{font-size:21px;margin:4px 0 6px}
.usage figcaption>p:not(.petit){font-size:15px}
@media(max-width:820px){.usages-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.usage-img{height:78px}.usage h3{font-size:16px}.usage figcaption>p:not(.petit){font-size:13px}.usage .petit{font-size:9px;letter-spacing:.12em}}
/* Exploration : sections photo toutes de la même taille */
.chapitre{min-height:80vh}
.chapitre-img img{position:absolute;inset:0}
@media(max-width:820px){.chapitre-img{aspect-ratio:4/5}}
.instant-visuel{box-shadow:none!important;width:min(560px,88vw);margin-bottom:30px}
/* Influences : sans le grand OKUMA */
.nom-okuma .nom-trait{margin-top:0}
.carte-visuel:not(.carte-brun) img{mix-blend-mode:multiply}
@media(max-width:980px){.regions .regions-carte{order:0}}

/* ===== Mise à jour 3 ===== */
/* Film horizontal (accueil) */
.film video.film-video.film-large{aspect-ratio:16/9;width:100%;height:auto;max-height:none;margin:0;object-fit:cover}
/* Parcours 1 / 2 */
.parcours-n{font-family:var(--grave);font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--sceau);margin:0 0 18px;display:flex;align-items:center;gap:14px}
.parcours-n::after{content:"";width:46px;height:1px;background:var(--sceau);opacity:.5}
.usages{position:relative;isolation:isolate}
.usages>.cadre{position:relative}
.usage-img{height:76px;margin-bottom:14px}
.usage-img img{max-width:none;height:76px;width:auto}
.usage-img::after{display:none}
@media(max-width:820px){.usage-img,.usage-img img{height:58px}}
/* Carte sans fond (accueil) */
.regions .carte-visuel img{mix-blend-mode:multiply}
.regions .regions-carte{background:transparent!important}
/* Visuel moitié beige / moitié vert */
.moitie{position:relative;margin:0;overflow:hidden}
.moitie img{width:100%;height:auto;display:block;aspect-ratio:auto!important;object-fit:contain!important}
.moitie-trait{position:absolute;left:50%;top:6%;bottom:6%;width:1px;background:rgba(74,74,64,.35);transform:translateX(-.5px);mix-blend-mode:multiply}
.moitie figcaption{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;max-width:15%}
.moitie-g{left:4.5%;text-align:left}
.moitie-d{right:4.5%;text-align:right;align-items:flex-end}
.moitie .petit{color:var(--sceau);font-size:11px;letter-spacing:.28em}
.moitie-nom{font-family:var(--titre);font-size:clamp(14px,1.5vw,21px);line-height:1.25;color:var(--encre)}
.moitie-papier{font-size:12px;color:var(--gris);letter-spacing:.06em}
.moitie-sceau.sceau-img{position:absolute;left:50%;bottom:7%;height:34px!important;transform:translateX(-50%)}
.apercu-moitie:hover img{transform:none}
@media(max-width:820px){
  .moitie figcaption{position:static;transform:none;max-width:none}
  .moitie{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}
  .moitie img{grid-column:1/-1}
  .moitie-trait,.moitie-sceau.sceau-img{display:none}
  .moitie-g{padding-left:4px}.moitie-d{padding-right:4px}
}
/* Carrousels « Dans la boîte » */
.carrousel{position:relative;margin-bottom:10px}
.car-piste{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:#EFEAE0}
.car-piste::-webkit-scrollbar{display:none}
.car-diapo{flex:0 0 100%;scroll-snap-align:start;margin:0;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}
.carte .car-diapo img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;margin:0}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid rgba(74,74,64,.25);background:rgba(250,248,243,.88);color:var(--encre);font-size:20px;line-height:1;cursor:pointer;opacity:0;transition:opacity .3s}
.carrousel:hover .car-btn{opacity:1}
.car-prec{left:10px}.car-suiv{right:10px}
.car-points{display:flex;justify-content:center;gap:8px;margin-top:12px}
.car-points span{width:6px;height:6px;border-radius:50%;background:rgba(74,74,64,.25);cursor:pointer;transition:background .3s}
.car-points span.actif{background:var(--sceau)}
@media(hover:none){.car-btn{opacity:1}}
/* Exploration : terre plus grande et fondue */
.empreinte-zone{padding-top:40px!important}
.instant-visuel{width:min(1250px,100%)!important;max-width:none;margin:0 auto -60px!important;position:relative}
@media(max-width:820px){.instant-visuel{width:130%!important;margin-left:-15%!important}}
.empreinte-zone{overflow:hidden}
.apercu-moitie,.apercu-moitie *{text-decoration:none}
@media(max-width:820px){.moitie img{aspect-ratio:4/3!important;object-fit:cover!important}}

/* ===== Mise à jour 4 ===== */
/* Vidéo du haut en horizontal */
.hero{min-height:0!important;align-items:center}
.hero-video{aspect-ratio:16/9!important;height:auto!important;max-height:none!important;align-self:center}
@media(max-width:820px){.hero-video{aspect-ratio:16/9!important;height:auto!important}}
/* Carte avec son fond, et le même fond en rappel sous les trois usages */
.regions .regions-carte{background:#FBF9F4!important;border:1px solid #E6DED0!important;padding:24px!important}
.regions .carte-visuel img{mix-blend-mode:normal}
.usage{background:#FBF9F4;border:1px solid #E6DED0;padding:22px 14px 20px}
.usage-img,.usage-img img{height:64px!important}
.usage-img img{width:auto;max-width:none}
@media(max-width:820px){.usage{padding:14px 6px}.usage-img,.usage-img img{height:46px!important}.regions .regions-carte{padding:12px!important;margin:0!important}}
/* Visuel coffret : image seule */
.moitie{display:block!important}
/* Exploration : partie « la profondeur d'un instant » plus compacte */
.empreinte-zone{padding-top:10px!important;padding-bottom:70px!important}
.instant-visuel{width:min(780px,100%)!important;margin:0 auto -70px!important}
@media(max-width:820px){.instant-visuel{width:115%!important;margin-left:-7.5%!important;margin-bottom:-40px!important}}

/* ===== Mise à jour 5 ===== */
/* Carte et encadrés du Parcours Essentiel : fond teinté, motifs visibles au travers */
.regions .regions-carte{background:rgba(214,202,178,.26)!important;border:0!important;padding:28px!important}
.usage{background:rgba(214,202,178,.26)!important;border:0!important}
@media(max-width:820px){.regions .regions-carte{padding:14px!important}}
/* Accueil : coffret partagé, sans fond, plus proche du titre et des encadrés */
.apercu-boite{display:block;margin:-6px auto 26px;width:min(560px,82%)}
.apercu-boite img{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.apercu-boite:hover img{transform:translateY(-4px)}
.apercu .titre-bloc{margin-bottom:10px}
@media(max-width:820px){.apercu-boite{width:92%;margin:4px auto 18px}}
/* Page Coffrets : les deux coffrets côte à côte, sans fond */
.tete-duo{margin:26px auto 0;width:min(900px,100%)}
.tete-duo img{width:100%;height:auto;display:block}
.tete-coffrets{padding-bottom:40px!important}
.coffrets{padding-top:40px!important}
/* Influences : photos de même taille (hors les deux dernières) */
.influences-tete{gap:6vw!important;grid-template-columns:minmax(0,6fr) minmax(0,5fr)!important}
.influence{grid-template-columns:minmax(0,5fr) minmax(0,6fr)!important}
.influence.inverse{grid-template-columns:minmax(0,6fr) minmax(0,5fr)!important}
.influences-ill.photo,.influence-ill.photo{aspect-ratio:4/3!important;width:100%}
@media(max-width:820px){.influences-tete,.influence,.influence.inverse{grid-template-columns:1fr!important}}
/* En-tête : mention « Accueil » à côté du logo */
.logo-accueil{font-family:var(--grave);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--gris);margin-left:.6em;padding-left:.9em;border-left:1px solid var(--ligne);line-height:1.6}
@media(max-width:820px){.logo-accueil{font-size:8px;letter-spacing:.18em}}
.logo-accueil{font-size:10px;color:var(--encre);opacity:.65}
/* Terroirs : image du haut remontée pour voir les champs */
.plein-img[src*="terroirs-rizieres"]{object-position:center 50%}
/* Page Coffrets : les deux coffrets descendus légèrement */
.tete-duo{margin-top:56px!important}
@media(max-width:820px){.tete-duo{margin-top:34px!important}}

/* ===== Mise à jour 6 ===== */
.visuellement-cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Logo : « Accueil » sous OKŪMA, en petit */
.logo{display:inline-grid!important;grid-template-columns:auto auto;align-items:center;column-gap:.38em;row-gap:2px;justify-items:center}
.logo .logo-accueil{grid-column:1/-1;border:0!important;margin:0!important;padding:0 0 0 .42em!important;font-size:8px!important;letter-spacing:.34em!important;opacity:.6;line-height:1}
@media(max-width:820px){.logo .logo-accueil{font-size:7px!important;justify-self:start;padding-left:0!important}}
/* Bandeau qui défile (intro) */
.bandeau-defile{position:relative;overflow:hidden;border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne);padding:16px 0;background:var(--ivoire)}
.defile-piste{display:flex;width:max-content;gap:28px;align-items:center;animation:defile 60s linear infinite;white-space:nowrap}
.defile-piste span{font-family:var(--titre);font-size:17px;color:var(--encre)}
.defile-piste span:nth-of-type(5n+1),.defile-piste span:nth-of-type(5n+4){font-family:var(--grave);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--sceau)}
.defile-piste i{font-style:normal;color:var(--sceau);opacity:.6}
.bandeau-defile:hover .defile-piste{animation-play-state:paused}
@keyframes defile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.defile-piste{animation:none}}
@media(max-width:820px){.defile-piste span{font-size:15px}.bandeau-defile{padding:12px 0}}
/* Parcours Essentiel : textes seuls, cases plus petites */
.usages-grille{max-width:720px!important;gap:18px!important;margin:34px auto 34px!important}
.usage{padding:18px 12px!important}
.usage h3{margin-top:6px!important}
@media(max-width:820px){.usages-grille{gap:8px!important}.usage{padding:12px 6px!important}}
/* Les coffrets : UMA / OKU dans un encadré fondu */
.apercu-boite.cadre-fondu{width:min(620px,88%)!important;margin:4px auto 30px!important}
.cadre-fondu img{border-radius:3px}
/* Un petit plus dans la boîte : la fiche qui se déroule */
.petit-plus .plus-grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:6vw;align-items:center}
.plus-texte .texte{margin-top:18px;max-width:460px}
.fiche-deroule{position:relative;margin:0 auto;width:min(440px,100%)}
.fiche-papier{overflow:hidden;clip-path:inset(0 0 100% 0);transition:clip-path 2.6s cubic-bezier(.45,.05,.2,1);box-shadow:0 30px 60px -36px rgba(42,41,36,.55)}
.fiche-papier img{display:block;width:100%;height:auto}
.fiche-rouleau{position:absolute;left:-3%;right:-3%;top:0;height:16px;border-radius:8px;background:linear-gradient(#EFEAE0,#D9D1C2 60%,#C9BFAE);box-shadow:0 6px 12px -6px rgba(42,41,36,.5);z-index:2;transition:top 2.6s cubic-bezier(.45,.05,.2,1)}
.fiche-deroule.vu .fiche-papier{clip-path:inset(0 0 0 0)}
.fiche-deroule.vu .fiche-rouleau{top:calc(100% - 8px)}
@media(prefers-reduced-motion:reduce){.fiche-papier{clip-path:none;transition:none}.fiche-rouleau{display:none}}
@media(max-width:820px){.petit-plus .plus-grille{grid-template-columns:1fr;gap:34px}}
/* Communauté */
.page-com{padding-top:90px}
.cartes-deux{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:860px;margin:0 auto}
@media(max-width:820px){.cartes-deux{display:flex!important}}
/* Influences : partie OKU / MA plus compacte */
.nom-okuma{padding:64px 0 56px!important}
.nom-sceau.sceau-img{height:74px!important;margin-bottom:18px!important}
.nom-trait{margin:0 0 18px!important}
.nom-intro{font-size:16px!important}
.nom-grille{margin:34px 0 30px!important;gap:20px!important;grid-template-columns:1fr 80px 1fr!important;max-width:720px;margin-left:auto!important;margin-right:auto!important}
.nom-mot{font-size:clamp(24px,2.6vw,34px)!important}
.nom-sens{font-size:14px!important;margin:4px 0 12px!important}
.nom-picto{width:60px!important;height:44px!important;margin-bottom:12px!important}
.nom-col p:last-child{font-size:14.5px!important;line-height:1.7!important}
.nom-centre svg{width:58px!important;height:58px!important}
.nom-fin{padding-top:20px!important;font-size:15px!important}
.nom-fin strong{font-size:17px!important}
@media(max-width:820px){.nom-okuma{padding:48px 0 40px!important}.nom-grille{grid-template-columns:1fr!important}}

/* ===== Mise à jour 7 ===== */
/* Haut de page : vidéo horizontale pleine largeur, titre posé dessus */
.hero.hero-plein{display:block!important;min-height:0!important;padding:0}
.hero-plein .hero-video{position:relative;width:100%;aspect-ratio:auto!important;height:min(54vh,560px)!important;max-height:none!important;background:#2A2924}
.hero-plein .hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-voile{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,16,.15) 0%,rgba(20,20,16,.05) 45%,rgba(20,20,16,.45) 100%)}
.hero-sur{position:absolute;left:0;right:0;bottom:7%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;color:#F7F2E8}
.hero-sur .sceau-grand.sceau-img{height:62px!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))}
.hero-sur .hero-marque{color:#F7F2E8;font-size:clamp(40px,4.4vw,66px)!important;margin:0 -.3em 0 0;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.hero-sur .hero-accroche{color:rgba(247,242,232,.9)!important;font-size:12px!important;letter-spacing:.32em!important;margin:0}
.hero-sur .hero-actions{display:flex;gap:26px;margin-top:6px;flex-direction:row!important;width:auto!important}
.lien-hero{color:#F7F2E8;text-decoration:none;font-size:15px;letter-spacing:.04em;border-bottom:1px solid rgba(247,242,232,.8);padding-bottom:3px;transition:opacity .3s}
.lien-hero:hover{opacity:.7}
.hero-pause{position:absolute;left:22px;bottom:20px;background:none;border:0;color:#F7F2E8;font-size:12px;letter-spacing:2px;cursor:pointer;opacity:.8}
.hero-plein .legende{display:none}
@media(max-width:820px){
  .hero-plein .hero-video{height:auto!important;aspect-ratio:4/5!important;max-height:72vh!important}
  .hero-sur .hero-actions{flex-direction:column!important;gap:12px}
}
/* Bandeau : l'ancienne mise en page qui défile pendant le scroll */
.bande-piste{position:relative;background:var(--ivoire);border-bottom:1px solid var(--ligne)}
.bande-colle{position:sticky;top:var(--h-entete,70px);overflow:hidden;padding:64px 0}
.bande-rail{display:flex;align-items:center;gap:56px;width:max-content;padding:0 8vw;will-change:transform}
.bande-rail .petit{white-space:nowrap;margin:0;color:var(--sceau)}
.bande-titre{font-family:var(--titre);font-weight:500;font-size:clamp(34px,3.4vw,52px);white-space:nowrap;margin:0;color:var(--encre)}
.bande-texte{font-size:18px;color:var(--gris);white-space:nowrap;margin:0}
.bande-kanji{font-family:var(--titre);font-weight:700;font-size:44px;color:var(--sceau);opacity:.85}
.bande-trait{display:block;width:90px;height:1px;background:var(--olive);opacity:.45;flex:none}
@media(max-width:820px){.bande-colle{padding:40px 0}.bande-rail{gap:30px}.bande-titre{font-size:30px}.bande-texte{font-size:15px}.bande-trait{width:46px}}
/* Les trois usages : en ligne, séparés par des filets, sans cases */
.usages-ligne{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px;margin:44px auto 26px}
.usage-col{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 18px}
.usage-col+.usage-col{border-left:1px solid rgba(81,79,60,.28)}
.usage-picto{width:34px;height:40px;fill:none;stroke:var(--olive);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.usage-col h3{font-family:var(--titre);font-size:22px;margin:0 0 6px;font-weight:500}
.usage-col p{margin:0;color:var(--gris);font-size:15px}
.usages-echelle{display:flex;align-items:center;gap:14px;max-width:820px;margin:0 auto 40px;font-family:var(--grave);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gris)}
.usages-echelle i{flex:1;height:3px;border-radius:2px;background:linear-gradient(90deg,#B7C28A,#7E9450,#3E5226)}
@media(max-width:820px){.usages-ligne{grid-template-columns:1fr;gap:0;margin:30px 0 20px}.usage-col{padding:18px 0}.usage-col+.usage-col{border-left:0;border-top:1px solid rgba(81,79,60,.22)}.usages-echelle{font-size:9px;letter-spacing:.14em}}
/* Les coffrets : les deux boîtes décalées, fondues dans la page */
.apercu-decale{position:relative;display:block;width:min(720px,92%);margin:0 auto 28px;text-decoration:none;color:var(--encre)}
.apercu-decale img{width:100%;height:auto;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.apercu-decale:hover img{transform:translateY(-4px)}
.decale-leg{position:absolute;display:flex;flex-direction:column;gap:6px;font-family:var(--titre);font-size:clamp(14px,1.5vw,20px)}
.decale-leg .petit{color:var(--sceau);font-size:10.5px}
.decale-1{left:4%;top:66%}
.decale-2{right:3%;top:10%;text-align:right;align-items:flex-end}
@media(max-width:820px){.decale-leg{font-size:13px}.decale-leg .petit{font-size:8.5px}.decale-1{left:2%;top:70%}.decale-2{right:0;top:6%}}
/* Fiche : recto et verso */
.fiches{display:grid;grid-template-columns:1fr 1fr;gap:26px;width:min(620px,100%)!important}
.fiche{position:relative;margin:0}
.fiche figcaption{text-align:center;font-family:var(--grave);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gris);margin-top:14px}
.fiche-verso .fiche-papier,.fiche-verso .fiche-rouleau{transition-delay:.9s}
.fiche .fiche-rouleau{left:-4%;right:-4%}
.fiches.vu .fiche-papier{clip-path:inset(0 0 0 0)}
.fiches.vu .fiche-rouleau{top:calc(100% - 8px)}
.fiche-papier{clip-path:inset(0 0 100% 0)}
@media(max-width:820px){.fiches{gap:12px}}
/* Influences : sceau descendu, plus de filet entre OKU et MA */
.nom-okuma{padding-top:96px!important}
.nom-sceau.sceau-img{margin-top:18px!important;margin-bottom:22px!important}
.nom-centre::before{display:none!important}
.bande-colle{height:calc(100vh - var(--h-entete,70px));display:flex;align-items:center;padding:0!important;background:var(--ivoire)}
@supports (height:100svh){.bande-colle{height:calc(100svh - var(--h-entete,70px))}}
.bande-titre{font-size:clamp(40px,4.6vw,72px)!important}
.bande-texte{font-size:20px}
.decale-leg{max-width:28%;line-height:1.3}
.decale-1{left:0!important;top:64%!important}
.decale-2{right:0!important;top:9%!important}
@media(max-width:820px){.decale-leg{position:static;max-width:none}.apercu-decale{display:grid;grid-template-columns:1fr 1fr;gap:10px}.apercu-decale img{grid-column:1/-1}.decale-2{text-align:right}}
.bande-kanji{white-space:nowrap}
@media(max-width:820px){
  .hero-plein .hero-video{aspect-ratio:16/9!important;height:auto!important;overflow:visible}
  .hero-plein .hero-video video{position:relative;display:block;height:100%}
  .hero-plein .hero-voile{display:none}
  .hero-sur{position:static;color:var(--encre);padding:34px 20px 40px;background:var(--ivoire)}
  .hero-sur .hero-marque{color:var(--encre)!important;text-shadow:none}
  .hero-sur .hero-accroche{color:var(--gris)!important}
  .lien-hero{color:var(--encre);border-color:var(--encre)}
  .hero-pause{bottom:auto;top:calc(100vw * 9 / 16 - 34px);left:14px}
}

/* ===== Mise à jour 8 ===== */
/* Haut de page : titre, logo et liens sous la vidéo */
.hero-sur{position:static!important;color:var(--encre)!important;padding:40px 20px 46px;background:var(--ivoire)}
.hero-sur .hero-marque{color:var(--encre)!important;text-shadow:none!important}
.hero-sur .hero-accroche{color:var(--gris)!important}
.hero-sur .sceau-grand.sceau-img{filter:none!important}
.lien-hero{color:var(--encre)!important;border-color:rgba(42,41,36,.6)!important}
.hero-plein .hero-video{overflow:hidden}
.hero-pause{top:auto!important;bottom:18px!important}
/* Bandeau moins large, défile en traversant l'écran */
.bande-piste{border-top:1px solid var(--ligne)}
.bande-colle{position:relative!important;top:auto!important;height:auto!important;padding:30px 0!important}
.bande-titre{font-size:clamp(26px,2.6vw,38px)!important}
.bande-texte{font-size:16px!important}
.bande-kanji{font-size:30px!important}
.bande-rail{gap:40px!important}
.bande-trait{width:64px!important}
/* Fiche : recto enroulé, flèche pour dérouler le verso */
.fiche-seule{position:relative;width:min(400px,100%)!important;margin:0 auto}
.fiche-seule .fiche-papier{position:relative}
.fiche-seule .fiche-papier img{display:block;width:100%;height:auto}
.fiche-seule .face-verso{position:absolute;inset:0;height:100%;object-fit:contain;background:#fff;opacity:0}
.fiche-seule[data-face="verso"] .face-verso{opacity:1}
.fiche-seule[data-face="verso"] .face-recto{opacity:0}
.fiche-fleche{position:absolute;right:-58px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(74,74,64,.35);background:var(--ivoire);color:var(--encre);font-size:18px;cursor:pointer;transition:background .3s,color .3s}
.fiche-fleche:hover{background:var(--olive);color:var(--ivoire)}
@media(max-width:820px){.fiche-fleche{right:8px;top:auto;bottom:-56px;transform:none}.fiche-seule{margin-bottom:60px}}
/* Coffrets : les deux boîtes centrées entre titre et fiches */
.tete-duo{margin-top:80px!important;margin-bottom:40px!important}
/* Communauté : Instagram */
.insta{padding:80px 0;border-top:1px solid var(--ligne);position:relative}
.insta-tete{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:26px}
.insta-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.insta-post{background:#fff;border:1px solid var(--ligne);overflow:hidden;height:540px}
.insta-post iframe{width:100%;height:100%;border:0;display:block}
.insta-bas{text-align:center;margin-top:34px}
@media(max-width:980px){.insta-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.insta-grille{grid-template-columns:1fr}.insta-post{height:520px}}
.nom-grille{grid-template-columns:1fr 1fr!important;gap:60px!important}
@media(max-width:820px){.nom-grille{grid-template-columns:1fr!important;gap:30px!important}}
.nom-okuma{padding-top:110px!important}

/* ===== Mise à jour 9 ===== */
/* Bandeau : plus large, figé pendant qu'il défile */
.bande-piste{height:auto;border-top:1px solid var(--ligne)}
.bande-colle{position:sticky!important;top:var(--h-entete,70px)!important;height:min(46vh,420px)!important;display:flex;align-items:center;padding:0!important;background:var(--ivoire)}
.bande-titre{font-size:clamp(36px,3.8vw,58px)!important}
.bande-texte{font-size:19px!important}
.bande-kanji{font-size:40px!important}
.bande-rail{gap:56px!important}
.bande-trait{width:84px!important}
@media(max-width:820px){.bande-colle{height:36vh!important}.bande-titre{font-size:30px!important}.bande-texte{font-size:15px!important}}
/* Pied de page : moins d'espace vert en haut */
.pied-haut{padding-top:30px!important;padding-bottom:34px!important}
@media(max-width:820px){.pied-haut{padding-top:26px!important}}
/* Exploration : le brun foncé partout */
body[data-page="exploration"] .brun,body[data-page="exploration"] .empreinte-zone,body[data-page="exploration"] .chapitres,body[data-page="exploration"] .chapitre-img,body[data-page="exploration"] .brun-film,body[data-page="exploration"] .brun-fin{background:var(--marron)!important}
/* Communauté : six carrousels, Instagram plus petit */
.cartes-six{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px 28px!important;max-width:none}
.com-carrousels .titre-bloc h2{font-size:clamp(26px,2.6vw,38px);max-width:760px}
.carrousel[data-n="1"] .car-btn,.carrousel[data-n="1"] .car-points{display:none}
.carrousel[data-n="1"]{margin-bottom:28px}
@media(max-width:980px){.cartes-six{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.cartes-six{display:flex!important}}
.insta-grille{max-width:900px;margin:0 auto;gap:16px!important}
.insta-post{height:330px!important;position:relative}
.insta-post iframe{position:absolute;top:0;left:0;width:166.67%!important;height:166.67%!important;transform:scale(.6);transform-origin:0 0}
@media(max-width:620px){.insta-grille{grid-template-columns:repeat(2,minmax(0,1fr))!important}.insta-post{height:260px!important}.insta-post iframe{width:200%!important;height:200%!important;transform:scale(.5)}}
.bande-colle{height:calc(100vh - var(--h-entete,70px))!important}
@supports (height:100svh){.bande-colle{height:calc(100svh - var(--h-entete,70px))!important}}

/* ===== Mise à jour 10 ===== */
/* Bandeau : moitié moins haut, se fige le temps de défiler (sans espace vide) */
.bande-piste{height:auto!important}
.bande-colle{position:relative!important;top:auto!important;height:min(24vh,220px)!important;min-height:150px}
.bande-titre{font-size:clamp(30px,3vw,44px)!important}
.bande-texte{font-size:17px!important}
.bande-kanji{font-size:32px!important}
@media(max-width:820px){.bande-colle{height:130px!important;min-height:0}.bande-titre{font-size:26px!important}}
/* Exploration : retour aux deux bruns */
body[data-page="exploration"] .chapitres{background:var(--marron-2)!important}
body[data-page="exploration"] .empreinte-zone{background:radial-gradient(ellipse at 50% 40%,var(--marron-3) 0%,var(--marron) 70%)!important}
/* Influences : sans les petits textes sous OKU et MA */
.nom-picto{margin-bottom:0!important}
.nom-grille{margin-bottom:10px!important}
/* Communauté : une ligne de 3 qui défile, même fond partout */
.cartes-six{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:28px!important;padding-bottom:6px}
.cartes-six::-webkit-scrollbar{display:none}
.cartes-six>.carte{flex:0 0 calc((100% - 56px) / 3);scroll-snap-align:start}
.com-carrousels .car-piste{background:#EEE4D6!important}
.rang-nav{display:flex;justify-content:flex-end;gap:10px;margin:-10px 0 18px}
.rang-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(74,74,64,.3);background:transparent;color:var(--encre);font-size:20px;cursor:pointer;transition:background .3s,color .3s}
.rang-btn:hover{background:var(--olive);color:var(--ivoire)}
@media(max-width:820px){.cartes-six>.carte{flex-basis:82%}.cartes-six{margin:0 calc(-1 * var(--gouttiere));padding:0 var(--gouttiere) 6px}}

/* ===== Mise à jour 11 : vidéo + bandeau figés ensemble ===== */
.ouverture-piste{position:relative}
.ouverture-colle{position:sticky;top:var(--h-entete,67px);height:calc(100vh - var(--h-entete,67px));display:flex;flex-direction:column;overflow:hidden;background:var(--ivoire)}
@supports (height:100svh){.ouverture-colle{height:calc(100svh - var(--h-entete,67px))}}
.ouverture-colle .hero.hero-plein{flex:1 1 auto;display:flex!important;flex-direction:column;min-height:0!important}
.ouverture-colle .hero-plein .hero-video{flex:1 1 auto;height:auto!important;min-height:160px;aspect-ratio:auto!important;max-height:none!important}
.ouverture-colle .hero-sur{flex:none;padding:22px 20px 24px!important;gap:8px}
.ouverture-colle .hero-sur .sceau-grand.sceau-img{height:48px!important}
.ouverture-colle .hero-sur .hero-marque{font-size:clamp(34px,3.6vw,54px)!important}
.ouverture-colle .bande-piste{flex:none;height:auto!important}
.ouverture-colle .bande-colle{position:relative!important;top:auto!important;height:clamp(110px,18vh,170px)!important;min-height:0}
@media(max-width:820px){
  .ouverture-colle{height:calc(100svh - var(--h-entete,60px) - 64px)}
  .ouverture-colle .hero-plein .hero-video{min-height:150px;overflow:hidden}
  .ouverture-colle .hero-plein .hero-video video{position:absolute;inset:0;height:100%}
  .ouverture-colle .hero-sur{padding:14px 16px 14px!important}
  .ouverture-colle .hero-sur .hero-marque{font-size:30px!important}
  .ouverture-colle .bande-colle{height:96px!important}
  .ouverture-colle .bande-titre{font-size:22px!important}
}

/* ===== Mise à jour 12 ===== */
/* Accueil : vidéo horizontale seule, puis titre en grand (presque une page) + bandeau figés */
.hero.hero-plein{display:block!important}
.hero.hero-plein .hero-video{height:min(62vh,640px)!important;aspect-ratio:auto!important}
.ouverture-colle .hero-titre{flex:1 1 auto;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;background:var(--ivoire)}
.ouverture-colle .hero-sur.hero-grand{position:relative!important;padding:20px!important;gap:22px!important;display:flex;flex-direction:column;align-items:center;text-align:center}
.ouverture-colle .hero-sur.hero-grand .sceau-grand.sceau-img{height:clamp(90px,13vh,140px)!important}
.ouverture-colle .hero-sur.hero-grand .hero-marque{font-size:clamp(70px,9vw,150px)!important;letter-spacing:.3em;margin:0 -.3em 0 0!important;line-height:1;color:var(--encre)!important}
.ouverture-colle .hero-sur.hero-grand .hero-accroche{font-size:clamp(14px,1.3vw,19px)!important;letter-spacing:.42em!important;color:var(--gris)!important}
.ouverture-colle .hero-sur.hero-grand .lien-hero{font-family:var(--grave);font-size:clamp(14px,1.1vw,17px);letter-spacing:.24em;text-transform:uppercase;padding:16px 34px;border:1px solid var(--encre)!important;color:var(--encre)!important;transition:background .3s,color .3s}
.ouverture-colle .hero-sur.hero-grand .lien-hero:hover{background:var(--olive);color:var(--ivoire)!important;opacity:1}
.ouverture-colle .bande-colle{height:clamp(96px,14vh,150px)!important;border-top:1px solid var(--ligne)}
@media(max-width:820px){
  .hero.hero-plein .hero-video{height:auto!important;aspect-ratio:16/9!important}
  .hero.hero-plein .hero-video video{position:absolute;inset:0}
  .ouverture-colle{height:calc(100svh - var(--h-entete,60px) - 64px)!important}
  .ouverture-colle .hero-sur.hero-grand{gap:16px!important}
  .ouverture-colle .hero-sur.hero-grand .sceau-grand.sceau-img{height:78px!important}
  .ouverture-colle .hero-sur.hero-grand .hero-marque{font-size:clamp(46px,14vw,64px)!important;letter-spacing:.22em;margin-right:-.22em!important}
  .ouverture-colle .hero-sur.hero-grand .hero-accroche{font-size:11px!important;letter-spacing:.28em!important}
  .ouverture-colle .hero-sur.hero-grand .lien-hero{font-size:12px;padding:13px 24px}
  .ouverture-colle .bande-colle{height:84px!important}
}
/* Page Coffrets : les deux boîtes plus grandes, bien centrées */
.tete-coffrets{padding-bottom:70px!important}
.tete-duo{width:min(1100px,100%)!important;margin:60px auto 10px!important;display:block}
.tete-duo img{width:100%;height:auto;display:block;margin:0 auto}
/* Détails sous chaque coffret (anciens blocs de l'accueil) */
.coffrets .detail-coffret{padding:30px 0 80px!important;border:0!important;background:transparent!important}
.coffrets .detail-coffret .cadre{padding:0!important;max-width:none}
.coffrets .detail-coffret .usages-ligne{margin-top:10px}
.coffrets .detail-coffret.regions .regions-grille{align-items:center}
.coffrets .detail-coffret .regions-carte{max-width:520px;margin-left:auto}
@media(max-width:820px){.coffrets .detail-coffret{padding:10px 0 50px!important}.coffrets .detail-coffret .regions-carte{margin:0}}
/* Page « Être prévenu·e » */
.page-prevenir{position:relative;min-height:calc(100vh - var(--h-entete,67px));display:flex;align-items:center;justify-content:center;padding:70px var(--gouttiere)}
.prev-carte{position:relative;width:min(520px,100%);background:#FBF9F4;border:1px solid var(--ligne);padding:54px 50px 44px;text-align:center;box-shadow:0 40px 80px -50px rgba(42,41,36,.45)}
.prev-sceau.sceau-img{height:66px!important;margin:0 auto 22px}
.prev-carte h1{font-family:var(--titre);font-weight:500;font-size:clamp(32px,3.2vw,44px);margin:8px 0 14px}
.prev-texte{color:var(--gris);line-height:1.7;margin:0 auto 30px;max-width:380px}
.form-prevenir{display:flex;flex-direction:column;gap:8px;text-align:left}
.form-prevenir label{font-family:var(--grave);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gris);margin-top:10px}
.form-prevenir label span{text-transform:none;letter-spacing:0;font-family:inherit;opacity:.7}
.form-prevenir input,.form-prevenir select{font:inherit;font-size:16px;padding:14px 14px;border:1px solid #D9D0BF;background:#fff;color:var(--encre);border-radius:0;outline:none;transition:border-color .2s}
.form-prevenir input:focus,.form-prevenir select:focus{border-color:var(--olive)}
.form-prevenir .bouton{margin-top:18px;justify-content:center;width:100%}
.prev-erreur{color:var(--sceau);font-size:14px;min-height:1em;margin:4px 0 0}
.prev-merci{display:none;color:var(--olive);text-align:center;margin:10px 0 0}
.form-prevenir.envoye .prev-merci{display:block}
.prev-note{font-size:13px;color:var(--gris);margin:22px 0 18px}
@media(max-width:620px){.prev-carte{padding:40px 22px 34px}}
/* Influences : l'explication du nom sur une page entière */
.nom-okuma{min-height:calc(100vh - var(--h-entete,67px));display:flex;align-items:center;padding:60px 0!important}
.nom-okuma .nom-cadre{max-width:1000px}
.nom-sceau.sceau-img{height:120px!important;margin:0 0 30px!important}
.nom-intro{font-size:clamp(18px,1.6vw,22px)!important;max-width:620px!important;line-height:1.7}
.nom-trait{width:110px!important;margin:0 0 30px!important}
.nom-grille{margin:60px auto 10px!important;gap:120px!important;max-width:820px!important}
.nom-mot{font-size:clamp(44px,5vw,76px)!important}
.nom-sens{font-size:clamp(15px,1.3vw,19px)!important;margin:10px 0 24px!important}
.nom-picto{width:96px!important;height:72px!important}
@media(max-width:820px){.nom-okuma{min-height:calc(100svh - var(--h-entete,60px) - 64px)}.nom-grille{gap:44px!important;margin-top:40px!important}.nom-mot{font-size:44px!important}.nom-sceau.sceau-img{height:86px!important}.nom-intro{font-size:16px!important}}
/* Mobile : textes un peu resserrés pour garder la même mise en page */
@media(max-width:820px){
  .titre-bloc h2{font-size:clamp(28px,8vw,36px)}
  .texte{font-size:15.5px;line-height:1.65}
  .usages-ligne{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
  .usage-col{padding:6px 6px!important;border-top:0!important}
  .usage-col+.usage-col{border-left:1px solid rgba(81,79,60,.22)!important}
  .usage-col h3{font-size:15px!important}
  .usage-col p{font-size:12px!important;line-height:1.45}
  .usage-picto{width:24px!important;height:30px!important;margin-bottom:8px!important}
  .apercu-cartes{gap:10px}
  .infos h2{font-size:30px}
}
.ouverture-colle .hero-sur.hero-grand{background:transparent!important}
.tete-duo{width:min(1320px,96%)!important;margin:50px auto 0!important}

/* ===== Mise à jour 13 ===== */
.ouverture-colle .hero-sur.hero-grand .hero-marque{font-size:clamp(58px,7.2vw,120px)!important}
.ouverture-colle .hero-sur.hero-grand .sceau-grand.sceau-img{height:clamp(76px,10.5vh,112px)!important}
.ouverture-colle .hero-sur.hero-grand .hero-accroche{font-size:clamp(13px,1.1vw,16px)!important}
@media(max-width:820px){.ouverture-colle .hero-sur.hero-grand .hero-marque{font-size:clamp(40px,12vw,54px)!important}.ouverture-colle .hero-sur.hero-grand .sceau-grand.sceau-img{height:66px!important}}
.tete-duo{margin-top:90px!important}
@media(max-width:820px){.tete-duo{margin-top:44px!important}}
/* Parcours Essentiel : la frise devient la ligne de fin du parcours */
.coffrets .detail-coffret.usages{padding-bottom:0!important}
.coffrets .detail-coffret .usages-echelle{max-width:none!important;margin:44px 0 70px!important}
.coffrets .detail-coffret .usages-echelle i{height:1px;background:var(--ligne)}
/* Communauté : carrousels fondus dans le fond */
.com-carrousels .car-piste{background:transparent!important}


.com-carrousels .car-piste,.com-carrousels .car-diapo{background:var(--ivoire)!important}
/* Pied de page : OKŪMA + devise toujours visibles */
.pied-signature{padding:22px 16px 26px!important;display:flex;flex-direction:column;align-items:center;gap:6px}
.pied-logo{font-size:clamp(20px,2vw,30px)!important;letter-spacing:.4em!important;padding-left:.4em!important;margin:0!important}
.pied-devise{font-size:10px!important;letter-spacing:.26em!important;margin:0!important;white-space:nowrap}
@media(max-width:820px){.pied-signature{padding:18px 12px calc(84px + env(safe-area-inset-bottom,0px))!important}.pied-logo{font-size:20px!important}.pied-devise{font-size:8.5px!important;letter-spacing:.18em!important}}
.pied-voile{transform:none!important}

/* ===== Mise à jour 14 : titres légèrement plus petits partout ===== */
.titre-bloc h1{font-size:clamp(36px,3.6vw,54px)!important}
.titre-bloc h2{font-size:clamp(30px,2.9vw,44px)!important}
.infos h2{font-size:clamp(28px,2.5vw,38px)!important}
.duo-carte h2{font-size:clamp(26px,2.3vw,34px)!important}
.plein-texte h1{font-size:clamp(40px,4.6vw,72px)!important}
.chapitre-texte h2{font-size:clamp(30px,3vw,46px)!important}
.terroir h2{font-size:clamp(28px,2.6vw,40px)!important}
.brun h2,.empreinte-zone h2{font-size:clamp(28px,2.6vw,40px)!important}
.influence-texte h2,.gout-texte h2{font-size:clamp(28px,2.5vw,38px)!important}
.tete-page h1,.prev-carte h1{font-size:clamp(30px,2.8vw,40px)!important}
.com-carrousels .titre-bloc h2{font-size:clamp(24px,2.2vw,32px)!important}
.bande-titre{font-size:clamp(26px,2.6vw,38px)!important}
.nom-mot{font-size:clamp(38px,4vw,60px)!important}
.usage-col h3{font-size:20px}
.liste-regions h3{font-size:20px}
@media(max-width:820px){
  .titre-bloc h1{font-size:32px!important}
  .titre-bloc h2{font-size:27px!important}
  .infos h2,.duo-carte h2,.influence-texte h2,.gout-texte h2,.terroir h2{font-size:26px!important}
  .plein-texte h1{font-size:36px!important}
  .chapitre-texte h2{font-size:28px!important}
  .bande-titre{font-size:21px!important}
  .nom-mot{font-size:36px!important}
}

/* ===== Netteté : plus de zoom/flou sur les grandes images, couleurs plus vives ===== */
.plein-img{transform:none!important;animation:none!important;filter:sepia(.35) saturate(.95) brightness(.9) contrast(1.05)!important}
.chapitre-img img{filter:sepia(.3) saturate(.95) brightness(.94)!important}
.terroir-paysage img{filter:none!important}
img{image-rendering:auto}
.hero-video video{filter:saturate(1.08) contrast(1.04) brightness(1.04)}

/* ===== Clarté : fond plus lumineux, textes plus contrastés, rendu net sur tous les écrans ===== */
:root{--ivoire:#F6F2EA;--papier:#ECE6DA;--blanc:#FDFBF7;--encre:#1F1E1A;--gris:#4E4A41;--ligne:#D9D0BE;--motif:#E2DACA}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{-moz-osx-font-smoothing:grayscale;font-kerning:normal}
.texte,.usage-col p,.liste-regions p,.infos .detail,.note,.prev-texte{color:var(--gris)}
img,video{backface-visibility:hidden}
.plein-img{filter:sepia(.2) saturate(1) brightness(.95) contrast(1.04)!important}
.chapitre-img img{filter:sepia(.18) saturate(1) brightness(1)!important}
.visuel img,.duo-photo img,.communaute-image img,.influence-ill.photo img,.influences-ill.photo img{filter:none!important}
.entete{background:rgba(246,242,234,.96)!important}
.nav-mobile{background:rgba(246,242,234,.98)!important}