/* =========================================================
   SIT ISUAN — Muay Thaï Boran & disciplines associées
   Charte : parchemin / samut khoi / samut dam
   Noir d'encre · Or · Ocre · Terre rouge · Blanc d'os
   ========================================================= */

:root{
  /* Encres */
  --ink:        #14100a;
  --ink-2:      #1d160e;
  --ink-3:      #2a2015;
  --ink-soft:   #3d3122;

  /* Ors */
  --gold:       #c9a227;
  --gold-lt:    #eccf7e;
  --gold-dp:    #8a6a1c;

  /* Terres */
  --ocre:       #b4762f;
  --ocre-dp:    #8a5720;
  --terre:      #8f3b1f;
  --terre-lt:   #b8552f;

  /* Parchemins */
  --parch:      #efe1c2;
  --parch-2:    #e6d4ae;
  --parch-3:    #d8c095;
  --os:         #faf4e6;

  --shadow-deep: 0 24px 60px -28px rgba(20,16,10,.75);
  --shadow-soft: 0 10px 30px -18px rgba(20,16,10,.6);

  --serif:  "Cormorant Garamond", "EB Garamond", Georgia, "Times New Roman", serif;
  --display:"Cinzel", "Trajan Pro", Georgia, serif;
  --thai:   "Noto Serif Thai", "Leelawadee UI", Tahoma, sans-serif;

  --wrap: 1180px;
  --read: 74ch;
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(1.06rem,.55vw + .95rem,1.2rem);
  font-weight:500;
  line-height:1.78;
  color:var(--ink);
  background-color:var(--parch-2);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
[hidden]{display:none !important}
a{color:var(--terre);text-underline-offset:.22em;text-decoration-thickness:.055em}
a:hover{color:var(--ocre-dp)}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.18;letter-spacing:.02em;margin:0 0 .6em}
h1{font-size:clamp(2rem,3.6vw,3.15rem)}
h2{font-size:clamp(1.5rem,2.3vw,2.15rem)}
h3{font-size:clamp(1.15rem,1.4vw,1.4rem);letter-spacing:.06em}
p{margin:0 0 1.15em}
::selection{background:var(--gold);color:var(--ink)}

/* ---------- Textures ---------- */
.tex-parch{
  background-color:var(--parch);
  background-image:
    radial-gradient(ellipse 70% 55% at 12% 8%,  rgba(176,110,40,.26), transparent 62%),
    radial-gradient(ellipse 60% 50% at 88% 92%, rgba(143,59,31,.20),  transparent 64%),
    radial-gradient(ellipse 55% 45% at 78% 12%, rgba(176,110,40,.16), transparent 66%),
    radial-gradient(ellipse 90% 70% at 48% 48%, rgba(255,248,230,.34),transparent 78%),
    repeating-linear-gradient(0deg, rgba(120,85,40,.06) 0 1px, transparent 1px 5px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.30'/%3E%3C/svg%3E");
}
.tex-ink{
  background-color:var(--ink);
  background-image:
    radial-gradient(ellipse 60% 50% at 20% 0%,  rgba(201,162,39,.16), transparent 65%),
    radial-gradient(ellipse 70% 60% at 85% 100%,rgba(143,59,31,.20),  transparent 68%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
}

/* plis du samut (livre plié en accordéon) */
.folds{position:relative}
.folds::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(90deg,
    transparent 0 var(--fold,264px),
    rgba(94,64,28,.13)   var(--fold,264px),
    rgba(94,64,28,.13)   calc(var(--fold,264px) + 1px),
    rgba(255,252,240,.5) calc(var(--fold,264px) + 1px),
    rgba(255,252,240,.5) calc(var(--fold,264px) + 3px),
    transparent          calc(var(--fold,264px) + 4px));
}
.folds.dark::after{
  background:repeating-linear-gradient(90deg,
    transparent 0 var(--fold,264px),
    rgba(0,0,0,.55)      var(--fold,264px),
    rgba(0,0,0,.55)      calc(var(--fold,264px) + 1px),
    rgba(201,162,39,.16) calc(var(--fold,264px) + 1px),
    rgba(201,162,39,.16) calc(var(--fold,264px) + 3px),
    transparent          calc(var(--fold,264px) + 4px));
}

/* bord irrégulier de parchemin */
.deckle{position:relative}
.deckle::before,.deckle::after{
  content:"";position:absolute;left:0;right:0;height:12px;z-index:2;pointer-events:none;
  background:repeating-linear-gradient(90deg, rgba(94,64,28,.20) 0 3px, transparent 3px 9px, rgba(94,64,28,.12) 9px 12px, transparent 12px 21px);
  -webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);
}
.deckle::before{top:0}
.deckle::after{bottom:0;transform:scaleY(-1)}

/* ---------- Ornements ---------- */
.orn{display:block;color:var(--gold-dp);fill:none;stroke:currentColor}
.orn-gold{color:var(--gold)}

/* ---------- Bordure de parchemin : nagas aux quatre coins ----------
   Motif repris du parchemin de l'association (fiche d'inscription).
   Les quatre coins sont ajoutés au-dessus de la texture de la section.  */
section.tex-parch, .naga-frame{
  --coin:clamp(96px,13.5vw,210px);
  --dessin:none;                       /* dessin de discipline, en filigrane */
  --dessin-pos:right 0% center;
  --dessin-size:min(30vw,330px) auto;
  --dessin2:none;                      /* second dessin, côté opposé */
  --dessin2-pos:left 0% center;
  --dessin2-size:min(30vw,330px) auto;
  background-image:
    var(--dessin), var(--dessin2),
    url("../img/naga-coin-hg.png"), url("../img/naga-coin-hd.png"),
    url("../img/naga-coin-bg.png"), url("../img/naga-coin-bd.png"),
    radial-gradient(ellipse 70% 55% at 12% 8%,  rgba(176,110,40,.26), transparent 62%),
    radial-gradient(ellipse 60% 50% at 88% 92%, rgba(143,59,31,.20),  transparent 64%),
    radial-gradient(ellipse 55% 45% at 78% 12%, rgba(176,110,40,.16), transparent 66%),
    radial-gradient(ellipse 90% 70% at 48% 48%, rgba(255,248,230,.34),transparent 78%),
    repeating-linear-gradient(0deg, rgba(120,85,40,.06) 0 1px, transparent 1px 5px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.30'/%3E%3C/svg%3E");
  background-position:var(--dessin-pos), var(--dessin2-pos),
                      left top, right top, left bottom, right bottom,
                      0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat,
                    repeat, repeat, repeat, repeat, repeat, repeat;
  /* Les quatre nagas sont des PNG indexés (une seule encre + canal alpha) :
     147 Ko -> 39 Ko chacun, sans differences visibles. Regeneres par _source/ornements.ps1. */
  background-size:var(--dessin-size), var(--dessin2-size),
                  var(--coin) auto, var(--coin) auto, var(--coin) auto, var(--coin) auto,
                  auto, auto, auto, auto, auto, auto;
}
@media(max-width:820px){
  section.tex-parch, .naga-frame{
    --dessin-size:min(62vw,300px) auto; --dessin-pos:right -6% top;
    --dessin2:none;
  }
}

/* ---------- Dessins traditionnels, par discipline ----------
   Chemins relatifs À CE FICHIER. Teinte et opacité portées par les .svg eux-mêmes. */
section.d-muay-thai{
  --dessin:url("../img/dessins/naga.svg");
  --dessin2:url("../img/dessins/hanuman.svg");
}
section.d-muay-boran{
  --dessin:url("../img/dessins/shiva.svg");
  --dessin2:url("../img/dessins/rahu.svg");
}
section.d-nuad-thai{
  --dessin:url("../img/dessins/nuad.svg");
}
section.d-muay-lerdrit{
  --dessin:url("../img/dessins/taksin.svg");
  --dessin2:url("../img/dessins/naga.svg");
}
section.d-muay-ying{
  --dessin:url("../img/dessins/apsara.svg");
  --dessin2:url("../img/dessins/kinaree.svg");
}
section.d-reusi{
  --dessin:url("../img/dessins/reusi-debout.svg");
  --dessin2:url("../img/dessins/reusi-tigre.svg");
}
/* sections courtes : coins plus discrets */
section.pad-s.pad-s{--coin:clamp(74px,9.5vw,148px)}
section.tex-ink, .naga-frame-dark{
  --coin:clamp(92px,13vw,205px);
  background-image:
    url("../img/naga-coin-hg.png"), url("../img/naga-coin-hd.png"),
    url("../img/naga-coin-bg.png"), url("../img/naga-coin-bd.png"),
    radial-gradient(ellipse 60% 50% at 20% 0%,  rgba(201,162,39,.16), transparent 65%),
    radial-gradient(ellipse 70% 60% at 85% 100%,rgba(143,59,31,.20),  transparent 68%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  background-position:left top, right top, left bottom, right bottom, 0 0, 0 0, 0 0;
  background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, repeat, repeat, repeat;
  background-size:var(--coin) auto, var(--coin) auto, var(--coin) auto, var(--coin) auto, auto, auto, auto;
}
@media(max-width:620px){ .naga-frame,.naga-frame-dark{--coin:84px} }

.rope{
  height:12px;flex:1 1 auto;min-width:24px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='12'%3E%3Cg fill='none' stroke='%238a6a1c' stroke-width='1.25' stroke-linecap='round'%3E%3Cpath d='M0 6q6.5-6.5 13 0t13 0'/%3E%3Cpath d='M0 6q6.5 6.5 13 0t13 0'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat-x;background-position:center;
}
.rope.or{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='12'%3E%3Cg fill='none' stroke='%23c9a227' stroke-width='1.25' stroke-linecap='round'%3E%3Cpath d='M0 6q6.5-6.5 13 0t13 0'/%3E%3Cpath d='M0 6q6.5 6.5 13 0t13 0'/%3E%3C/g%3E%3C/svg%3E")}
.divider{display:flex;align-items:center;gap:16px;margin:3.2rem auto;max-width:640px;opacity:.92}
.divider svg{width:58px;height:40px;flex:0 0 auto}
.divider.wide{max-width:min(100%,980px)}

/* ---------- Structure ---------- */
.wrap{width:min(100% - 2.6rem,var(--wrap));margin-inline:auto}
.narrow{max-width:var(--read)}
section{position:relative}
.pad{padding:clamp(3.2rem,6vw,5.6rem) 0}
.pad-s{padding:clamp(2.2rem,4vw,3.4rem) 0}

/* ---------- En-tête ---------- */
.topbar{
  position:sticky;top:0;z-index:60;
  border-bottom:1px solid rgba(201,162,39,.35);
  box-shadow:0 10px 26px -20px #000;
}
.topbar .bar{display:flex;align-items:center;gap:1.2rem;padding:.55rem 0}
.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--os);flex:0 0 auto}
.brand img{height:54px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.brand .nm{display:flex;flex-direction:column;line-height:1}
.brand .nm b{font-family:var(--display);font-size:1.1rem;letter-spacing:.26em;color:var(--gold-lt);font-weight:600}
.brand .nm span{font-family:var(--thai);font-size:.76rem;letter-spacing:.06em;color:rgba(240,225,194,.6);margin-top:.4rem}

nav.tabs{margin-left:auto}
nav.tabs ul{display:flex;align-items:flex-end;gap:.3rem;list-style:none;margin:0;padding:0}
nav.tabs li{position:relative}
nav.tabs a{
  display:block;text-decoration:none;
  font-family:var(--display);font-size:.74rem;letter-spacing:.17em;text-transform:uppercase;
  color:rgba(240,228,200,.82);
  padding:.72rem 1rem .62rem;
  border:1px solid transparent;border-bottom:0;
  border-radius:7px 7px 0 0;
  transition:.22s;white-space:nowrap;
}
nav.tabs a:hover{color:var(--gold-lt);background:rgba(201,162,39,.1);border-color:rgba(201,162,39,.3)}
nav.tabs a.on{
  color:var(--ink);background:var(--parch);
  border-color:rgba(201,162,39,.75);
  box-shadow:inset 0 -3px 0 rgba(143,59,31,.35);
}
nav.tabs .has-sub > a::after{content:"▾";margin-left:.45em;font-size:.8em;opacity:.75}
nav.tabs .sub{
  position:absolute;top:100%;left:0;min-width:252px;
  list-style:none;margin:0;padding:.4rem;
  background:var(--ink-2);border:1px solid rgba(201,162,39,.4);border-radius:0 8px 8px 8px;
  box-shadow:var(--shadow-deep);
  display:none;flex-direction:column;gap:.1rem;z-index:70;
}
nav.tabs li.has-sub:hover .sub,
nav.tabs li.has-sub:focus-within .sub,
nav.tabs .sub.open{display:flex}
nav.tabs .sub a{border-radius:5px;letter-spacing:.13em;padding:.6rem .8rem;font-size:.72rem}
nav.tabs .sub a.on{background:rgba(201,162,39,.16);color:var(--gold-lt);border-color:transparent;box-shadow:none}

.burger{display:none;margin-left:auto;background:none;border:1px solid rgba(201,162,39,.5);border-radius:6px;
  color:var(--gold-lt);padding:.5rem .7rem;font-size:1.1rem;cursor:pointer;line-height:1;z-index:80}

@media(max-width:1140px){
  .burger{display:block}
  nav.tabs{
    position:fixed;top:0;bottom:0;right:0;left:auto;margin:0;
    background:var(--ink);border-left:1px solid rgba(201,162,39,.35);
    width:min(84vw,340px);padding:5.4rem 1.2rem 2rem;
    transform:translateX(105%);transition:transform .34s cubic-bezier(.4,0,.2,1);
    overflow-y:auto;box-shadow:var(--shadow-deep);z-index:70;
  }
  nav.tabs.open{transform:none}
  nav.tabs ul{flex-direction:column;align-items:stretch;gap:.15rem}
  nav.tabs a{border-radius:5px;border:1px solid transparent;padding:.8rem .9rem;font-size:.8rem}
  nav.tabs a.on{background:rgba(201,162,39,.15);color:var(--gold-lt);box-shadow:none;border-color:rgba(201,162,39,.4)}
  nav.tabs .sub{position:static;display:flex;background:none;border:0;box-shadow:none;
    padding:.1rem 0 .5rem .9rem;border-left:1px solid rgba(201,162,39,.3);margin-left:.6rem}
  nav.tabs .has-sub > a::after{content:""}
}

/* ---------- Héros ---------- */
.hero{position:relative;overflow:hidden;color:var(--os);text-align:center;
  padding:clamp(3.4rem,8vw,6.4rem) 0 clamp(3rem,6vw,5rem)}
.hero .frame{position:relative;z-index:3}
/* logo d'accueil : sceau noir cerné d'un filet d'or pour ressortir sur le samut dam */
.hero-logo{
  width:min(76vw,420px);margin:0 auto 1.5rem;
  filter:
    drop-shadow(0 0 1px var(--gold-lt)) drop-shadow(0 0 1px var(--gold-lt))
    drop-shadow(0 0 1px var(--gold-lt)) drop-shadow(0 0 2px rgba(236,207,126,.95))
    drop-shadow(0 0 14px rgba(201,162,39,.35))
    drop-shadow(0 10px 26px rgba(0,0,0,.85));
}
.hero h1{font-size:clamp(2rem,5.2vw,3.8rem);letter-spacing:.16em;color:var(--gold-lt);
  text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 34px rgba(201,162,39,.28);margin-bottom:.35em}
.hero .thai{font-family:var(--thai);font-size:clamp(1rem,2vw,1.32rem);color:rgba(236,207,126,.8);
  letter-spacing:.05em;margin-bottom:1.1rem}
.hero .kicker{font-family:var(--display);font-size:clamp(.7rem,1.2vw,.84rem);letter-spacing:.4em;
  text-transform:uppercase;color:rgba(240,225,194,.72);margin-bottom:1.5rem}
.hero p.lede{max-width:60ch;margin:0 auto 2rem;color:rgba(246,238,220,.9);font-size:1.1em}
.hero .naga-l,.hero .naga-r{position:absolute;top:50%;transform:translateY(-50%);width:min(15vw,180px);
  color:rgba(201,162,39,.28);z-index:1;pointer-events:none}
.hero .naga-l{left:1.5vw}
.hero .naga-r{right:1.5vw;transform:translateY(-50%) scaleX(-1)}
@media(max-width:980px){.hero .naga-l,.hero .naga-r{display:none}}

/* bandeau de page intérieure */
.pagehead{position:relative;overflow:hidden;color:var(--os);text-align:center;
  padding:clamp(2.6rem,5vw,4rem) 0 clamp(2.2rem,4vw,3rem)}
.pagehead h1{color:var(--gold-lt);margin-bottom:.3em;letter-spacing:.12em}
.pagehead .thai{font-family:var(--thai);color:rgba(236,207,126,.78);font-size:1.05rem;margin-bottom:.6rem}
.pagehead p{max-width:62ch;margin:0 auto;color:rgba(244,235,214,.82)}
.pagehead a{color:var(--gold-lt)}
.pagehead a:hover{color:var(--gold)}
.pagehead .crest{width:76px;margin:0 auto 1rem;color:var(--gold)}

/* ---------- Boutons ---------- */
.btns{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.btns.left{justify-content:flex-start}
.btn{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:var(--display);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;
  padding:.9rem 1.65rem;border-radius:3px;text-decoration:none;cursor:pointer;transition:.25s;
  border:1px solid var(--gold);color:var(--gold-lt);background:rgba(201,162,39,.07);
}
.btn:hover{background:var(--gold);color:var(--ink);box-shadow:0 0 24px -6px rgba(201,162,39,.7)}
.btn.solid{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn.solid:hover{background:var(--gold-lt);border-color:var(--gold-lt)}
.btn.ink{border-color:var(--ink-soft);color:var(--ink);background:rgba(20,16,10,.05)}
.btn.ink:hover{background:var(--ink);color:var(--gold-lt);border-color:var(--ink)}
.btn.terre{border-color:var(--terre);color:var(--terre);background:rgba(143,59,31,.06)}
.btn.terre:hover{background:var(--terre);color:var(--os)}

.kb-j{display:inline-block;width:.66em;height:.66em;border-radius:50%;background:var(--j);
  margin-right:.42em;vertical-align:baseline;
  box-shadow:0 0 0 1px rgba(20,16,10,.45), inset 0 .06em .12em rgba(255,255,255,.65)}

.cle-lecture{
  margin:2rem 0 .5rem;padding:1.5rem 1.7rem;
  background:rgba(250,244,230,.55);border:1px solid rgba(143,59,31,.22);
  border-left:3px solid var(--ocre);border-radius:2px}
.cle-lecture h3{font-size:1rem;letter-spacing:.08em;margin:0 0 .9rem;color:var(--terre)}
.cle-lecture p{margin:0 0 .7rem;font-size:.97em;line-height:1.7}
.cle-lecture p:last-child{margin-bottom:0}
.cle-lecture b{font-family:var(--thai),var(--serif);font-weight:600;color:var(--terre);
  font-size:1.06em;padding:0 .05em}
.cle-lecture strong{letter-spacing:.01em}
.cle-lecture .cle-note{font-size:.9em;color:var(--ink-soft);border-top:1px solid rgba(143,59,31,.16);
  padding-top:.7rem;margin-top:.9rem}
@media(max-width:620px){.cle-lecture{padding:1.15rem 1.15rem}}

/* ---------- Titres de section ---------- */
.eyebrow{font-family:var(--display);font-size:.72rem;letter-spacing:.36em;text-transform:uppercase;
  color:var(--ocre-dp);margin:0 0 .8rem}
.dam-panel .eyebrow{color:var(--gold)}
.sect-head{text-align:center;margin-bottom:2.4rem}
.sect-head .orn-top{width:70px;margin:0 auto .9rem;color:var(--gold-dp)}
.dam-panel .sect-head .orn-top{color:var(--gold)}
.sect-head p{max-width:66ch;margin-inline:auto;color:var(--ink-soft)}
.dam-panel .sect-head p{color:rgba(240,228,200,.75)}

/* ---------- Feuillets ---------- */
.grid{display:grid;gap:1.5rem}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g5{grid-template-columns:repeat(5,minmax(0,1fr))}   /* échelle des distances */
@media(max-width:1180px){.g5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.g2,.g3,.g4,.g5{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
  /* Empilées en une colonne, ces cartes n'ont plus besoin du double-cadre
     ni de l'ombre : ça allège visuellement la longue colonne de boîtes. */
  .grid{gap:1rem}
  .leaf,.partenaires li{padding:1.35rem 1.3rem;box-shadow:none}
  .leaf::before,.partenaires li::before{display:none}
  .leaf:hover{transform:none}
  .partenaires{gap:1rem}

  /* Grilles de navigation (disciplines, étapes, styles régionaux) : au lieu
     d'empiler chaque carte en pleine largeur sur toute la hauteur de la
     page, on les fait défiler horizontalement — comme une étagère de
     cahiers à feuilleter. */
  .cards-scroll{
    display:flex;grid-template-columns:none;
    overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    gap:1rem;margin-inline:-1.3rem;padding:.2rem 1.3rem 1rem;
  }
  .cards-scroll::-webkit-scrollbar{display:none}
  .cards-scroll > *{flex:0 0 80%;scroll-snap-align:start}
}

.leaf{
  position:relative;padding:1.9rem 1.7rem;border-radius:2px;
  border:1px solid rgba(138,106,28,.42);
  background:
    linear-gradient(180deg,rgba(255,250,236,.6),rgba(216,192,149,.28)),
    var(--parch);
  box-shadow:var(--shadow-soft);
  transition:transform .3s,box-shadow .3s;
}
.leaf::before{
  content:"";position:absolute;inset:6px;border:1px solid rgba(138,106,28,.24);
  border-radius:1px;pointer-events:none;
}
.leaf:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(20,16,10,.6)}
.leaf h3{color:var(--terre);margin-bottom:.5rem}
.leaf .th{font-family:var(--thai);font-size:.9rem;color:var(--ocre-dp);letter-spacing:.03em;margin:-.35rem 0 .9rem}
.leaf p:last-child{margin-bottom:0}
.leaf .num{font-family:var(--display);font-size:.7rem;letter-spacing:.3em;color:var(--gold-dp);display:block;margin-bottom:.6rem}
a.leaf{text-decoration:none;color:inherit;display:block}
a.leaf .more{display:inline-block;margin-top:.9rem;font-family:var(--display);font-size:.68rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ocre-dp);
  border-bottom:1px solid rgba(180,118,47,.5);padding-bottom:2px}
a.leaf:hover .more{color:var(--terre);border-color:var(--terre)}

/* feuillet noir : samut dam */
.leaf.dam{
  border-color:rgba(201,162,39,.42);
  background:linear-gradient(180deg,#281f12,#0f0c08);
  color:rgba(242,232,208,.88);
}
.leaf.dam::before{border-color:rgba(201,162,39,.28)}
.leaf.dam h3{color:var(--gold-lt)}
.leaf.dam .th,.leaf.dam .num{color:var(--gold)}

/* ---------- Panneau samut dam ---------- */
.dam-panel{position:relative;color:rgba(244,235,214,.9);
  border-top:1px solid rgba(201,162,39,.4);border-bottom:1px solid rgba(201,162,39,.4)}
.dam-panel h2,.dam-panel h3{color:var(--gold-lt)}
.dam-panel a{color:var(--gold-lt)}

/* ---------- Prose ---------- */
.prose{max-width:var(--read)}
.prose h2{color:var(--terre);margin-top:2.6rem}
.prose h2:first-child{margin-top:0}
.prose h3{color:var(--ocre-dp);margin-top:1.9rem;font-size:1.02rem;letter-spacing:.11em;text-transform:uppercase}
.prose ul,.prose ol{margin:0 0 1.3em;padding-left:1.3em}
.prose li{margin-bottom:.45em}
.prose li::marker{color:var(--gold-dp)}
.prose .lead{font-size:1.14em;color:var(--ink-soft);font-style:italic;
  border-left:2px solid var(--gold-dp);padding-left:1.1rem;margin-bottom:1.8em}
.prose blockquote{
  margin:2rem 0;padding:1.4rem 1.6rem;position:relative;
  background:linear-gradient(180deg,rgba(255,250,236,.55),rgba(216,192,149,.2));
  border-left:3px solid var(--terre);font-style:italic;color:var(--ink-soft);
}
.prose blockquote p:last-child{margin:0}
.prose blockquote cite{display:block;margin-top:.7rem;font-style:normal;font-family:var(--display);
  font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ocre-dp)}
.th-word{font-family:var(--thai);color:var(--terre);white-space:nowrap}
.dam-panel .th-word,.leaf.dam .th-word{color:var(--gold-lt)}

/* ---------- Sous-onglets ---------- */
.subtabs{border-bottom:1px solid rgba(138,106,28,.35);background:rgba(20,16,10,.045)}
.subtabs ul{display:flex;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:.7rem 0 0}
.subtabs a{
  display:block;text-decoration:none;padding:.6rem 1rem .55rem;border-radius:6px 6px 0 0;
  font-family:var(--display);font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-soft);border:1px solid transparent;border-bottom:0;
}
.subtabs a:hover{background:rgba(201,162,39,.14);color:var(--terre)}
.subtabs a.on{background:var(--parch);border-color:rgba(138,106,28,.5);color:var(--terre);
  box-shadow:inset 0 -3px 0 var(--terre)}

/* ---------- Faits ---------- */
.facts{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.facts li{display:flex;gap:.9rem;padding:.85rem 0;border-bottom:1px solid rgba(138,106,28,.25)}
.facts li:last-child{border-bottom:0}
.facts .k{flex:0 0 clamp(6rem,17%,10rem);font-family:var(--display);font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ocre-dp);padding-top:.4em}
.dam-panel .facts li{border-color:rgba(201,162,39,.22)}
.dam-panel .facts .k{color:var(--gold)}

/* ---------- Galerie ---------- */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.gal figure{margin:0;position:relative;overflow:hidden;border:1px solid rgba(138,106,28,.45);
  background:var(--parch-3);aspect-ratio:4/3;cursor:zoom-in}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .4s;
  filter:sepia(.12) saturate(.95)}
.gal figure:hover img{transform:scale(1.05);filter:none}
.gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:.7rem .8rem;
  background:linear-gradient(transparent,rgba(15,12,8,.88));color:var(--gold-lt);
  font-family:var(--display);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  opacity:0;transform:translateY(8px);transition:.3s}
.gal figure:hover figcaption,.gal figure:focus-within figcaption{opacity:1;transform:none}
.gal .empty{display:flex;align-items:center;justify-content:center;color:var(--ocre-dp);
  font-family:var(--display);font-size:.68rem;letter-spacing:.2em;text-align:center;padding:1rem;
  background:repeating-linear-gradient(45deg,rgba(138,106,28,.07) 0 10px,transparent 10px 20px)}

.lightbox{position:fixed;inset:0;z-index:200;background:rgba(10,8,5,.94);display:none;
  align-items:center;justify-content:center;padding:3vmin}
.lightbox.on{display:flex}
.lightbox img{max-width:94vw;max-height:84vh;object-fit:contain;border:1px solid rgba(201,162,39,.5);
  box-shadow:0 0 80px -20px rgba(201,162,39,.5)}
.lightbox .cap{position:absolute;bottom:2.4vmin;left:0;right:0;text-align:center;color:var(--gold-lt);
  font-family:var(--display);font-size:.74rem;letter-spacing:.18em}
.lightbox button{position:absolute;background:none;border:1px solid rgba(201,162,39,.5);color:var(--gold-lt);
  width:46px;height:46px;border-radius:50%;font-size:1.3rem;cursor:pointer;line-height:1}
.lightbox .x{top:2.4vmin;right:2.4vmin}
.lightbox .pv{left:2.4vmin;top:50%;transform:translateY(-50%)}
.lightbox .nx{right:2.4vmin;top:50%;transform:translateY(-50%)}
.lightbox button:hover{background:rgba(201,162,39,.2)}

/* ---------- Formulaire ---------- */
form.contact{display:grid;gap:1rem;max-width:640px}
form.contact label{display:grid;gap:.35rem;font-family:var(--display);font-size:.68rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--ocre-dp)}
form.contact input,form.contact textarea,form.contact select{
  font-family:var(--serif);font-size:1rem;font-weight:500;color:var(--ink);
  background:rgba(255,250,236,.7);border:1px solid rgba(138,106,28,.5);border-radius:2px;
  padding:.7rem .85rem;width:100%;
}
form.contact input:focus,form.contact textarea:focus,form.contact select:focus{
  outline:none;border-color:var(--terre);box-shadow:0 0 0 3px rgba(143,59,31,.13)}
form.contact textarea{min-height:150px;resize:vertical}
.form-note{font-size:.92em;color:var(--ink-soft);font-style:italic}

/* ---------- Pied de page ---------- */
footer.foot{color:rgba(238,228,204,.75);padding:3.4rem 0 2rem;border-top:1px solid rgba(201,162,39,.35)}
footer.foot .cols{display:grid;gap:2.2rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-bottom:2.4rem}
footer.foot .foot-h{font-family:var(--display);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1rem}
footer.foot a{color:rgba(238,228,204,.82);text-decoration:none}
footer.foot a:hover{color:var(--gold-lt)}
footer.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.95em}
footer.foot .garuda{width:108px;margin:0 auto 1.2rem;color:rgba(201,162,39,.7)}
footer.foot .fine{text-align:center;font-size:.82em;color:rgba(238,228,204,.5);
  border-top:1px solid rgba(201,162,39,.2);padding-top:1.4rem}
footer.foot .fine a{text-decoration:underline;text-decoration-color:rgba(201,162,39,.4)}

/* ---------- Divers ---------- */
.center{text-align:center}
.mt2{margin-top:2rem}.mt3{margin-top:3rem}
.tag{display:inline-block;font-family:var(--display);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;
  border:1px solid rgba(138,106,28,.55);color:var(--ocre-dp);padding:.32rem .7rem;border-radius:2px;margin:0 .35rem .5rem 0}
.dam-panel .tag,.leaf.dam .tag{border-color:rgba(201,162,39,.5);color:var(--gold-lt)}

/* Le masquage n'existe que si JavaScript tourne (classe posée par le gabarit) :
   sans lui, tout le contenu reste visible. */
html.js .reveal{opacity:0;transform:translateY(22px)}
html.js .reveal.in{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1)}
@media(prefers-reduced-motion:reduce){
  html.js .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}
/* ---------- Diplôme ---------- */
.diplome{margin:2.4rem auto 0;max-width:720px;text-align:center}
.diplome img{width:100%;height:auto;border:1px solid rgba(138,106,28,.5);padding:10px;
  background:linear-gradient(180deg,rgba(255,250,236,.7),rgba(216,192,149,.3));
  box-shadow:var(--shadow-soft)}
.diplome figcaption{margin-top:.9rem;font-family:var(--display);font-size:.64rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--ocre-dp)}

/* ---------- Lieux et carte ---------- */
.lieux{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;justify-content:center;margin:0 0 1.3rem;
  font-family:var(--display);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-lt)}
.lieux span{display:inline-flex;align-items:center;gap:.5rem}
.lieux span + span::before{content:"·";color:rgba(201,162,39,.6);margin-right:.9rem}
.lieux em{font-style:normal;opacity:.6;letter-spacing:.12em}
.carte{margin:0 auto;max-width:660px}
.carte iframe{width:100%;height:290px;border:1px solid rgba(201,162,39,.45);display:block;
  filter:sepia(.42) saturate(.85) contrast(.95) brightness(.96)}
.carte figcaption{margin-top:.7rem;font-family:var(--display);font-size:.62rem;letter-spacing:.18em;
  text-transform:uppercase}
.carte figcaption a{color:var(--gold)}
@media(max-width:560px){.carte iframe{height:220px}}

/* ---------- Partenaires ---------- */
.partenaires{list-style:none;margin:0;padding:0;display:grid;gap:1.3rem;
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.partenaires li{position:relative;padding:1.6rem 1.5rem;border-radius:2px;
  border:1px solid rgba(138,106,28,.42);
  background:linear-gradient(180deg,rgba(255,250,236,.6),rgba(216,192,149,.28));
  box-shadow:var(--shadow-soft)}
.partenaires li::before{content:"";position:absolute;inset:6px;
  border:1px solid rgba(138,106,28,.22);pointer-events:none}
.partenaires h3{color:var(--terre);margin-bottom:.15rem;font-size:1.06rem;
  letter-spacing:.05em;text-transform:none}
.partenaires .lieu{font-family:var(--display);font-size:.62rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-dp);margin-bottom:.8rem}
.partenaires p:last-child{margin-bottom:0}
.partenaires .logo{display:block;width:auto;height:auto;max-width:150px;max-height:54px;
  margin:0 0 1rem;object-fit:contain;mix-blend-mode:multiply}
.partenaires .racine .logo{max-width:190px;max-height:76px}
@media(prefers-reduced-motion:no-preference){.partenaires .logo{transition:filter .3s}}

/* ---------- Lexique thaï ---------- */
.lex-bloc{margin:2.4rem 0;scroll-margin-top:6rem}
.lex-bloc h3{color:var(--terre);text-transform:none;font-size:1.12rem;letter-spacing:.04em;
  margin-bottom:.9rem;padding-bottom:.5rem;border-bottom:1px solid rgba(138,106,28,.4)}
.lex-tete{margin:-.4rem 0 1rem;font-style:italic;color:var(--ink-soft)}
.lex-tete .th-word{font-size:1.2em}
.style-lieu{font-size:1.24em;color:var(--terre);margin:-.2em 0 1.1rem;line-height:1.35}
.style-lieu .th-word{font-size:1.06em}

.lex{list-style:none;margin:0;padding:0;display:grid;gap:1px;
  background:rgba(138,106,28,.22);border:1px solid rgba(138,106,28,.3)}
.lex li{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);
  gap:1rem;align-items:baseline;padding:.62rem .9rem;
  background:linear-gradient(180deg,rgba(255,250,236,.55),rgba(216,192,149,.16))}
.lex li:hover{background:rgba(201,162,39,.13)}
.lex .fr{color:var(--ink)}
.lex .th{font-family:var(--thai);font-size:1.12em;color:var(--terre);white-space:nowrap}
.lex .pr{font-style:italic;color:var(--ocre-dp);font-size:.95em}
.lex.lex-long li{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr)}
.lex.lex-long .th{white-space:normal}

.lex-nb{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
.lex-nb li{display:flex;flex-direction:column;align-items:center;gap:.15rem;
  padding:.9rem .5rem;border:1px solid rgba(138,106,28,.38);border-radius:2px;
  background:linear-gradient(180deg,rgba(255,250,236,.6),rgba(216,192,149,.22))}
.lex-nb b{font-family:var(--thai);font-size:1.7rem;color:var(--terre);line-height:1}
.lex-nb .th{font-family:var(--thai);font-size:1.02rem;color:var(--ink)}
.lex-nb .pr{font-style:italic;color:var(--ocre-dp);font-size:.9rem}
.lex-nb .fr{font-family:var(--display);font-size:.66rem;letter-spacing:.16em;color:var(--gold-dp)}

@media(max-width:720px){
  .lex li,.lex.lex-long li{grid-template-columns:minmax(0,1fr);gap:.15rem;padding:.75rem .85rem}
  .lex .th{white-space:normal;font-size:1.2em}
}

/* ---------- Planches des khan (mongkol colorés) ---------- */
.khan-wrap{display:grid;gap:2.6rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));margin:2rem 0}
@media(max-width:900px){.khan-wrap{grid-template-columns:minmax(0,1fr)}}

.planche{min-width:0}
.planche-h{text-align:center;margin-bottom:1.3rem}
.planche-h h3{color:var(--terre);margin:.2rem 0 .5rem;font-size:1.05rem;letter-spacing:.06em;text-transform:none}
.planche-h p{font-size:.92em;color:var(--ink-soft);margin:0;max-width:46ch;margin-inline:auto}
.planche-h .eyebrow{font-size:.6rem;letter-spacing:.22em;margin:0}

.khan-bars{list-style:none;margin:0;padding:0 22px;display:grid;gap:.52rem}
.kb{
  position:relative;display:flex;align-items:center;gap:.9rem;
  padding:.52rem 1.05rem;border-radius:999px;
  background:var(--bar);
  border:1px solid rgba(84,48,15,.28);
  box-shadow:0 3px 0 rgba(47,120,60,.5), 0 6px 14px -8px rgba(20,16,10,.5);
  color:var(--tr,#4a3212);line-height:1.25;
}
/* flammes kranok aux deux extrémités */
.kb::before,.kb::after{
  content:"";position:absolute;top:50%;width:20px;height:30px;transform:translateY(-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='30' viewBox='0 0 20 30'%3E%3Cpath d='M4 29 C0 18 3 7 17 1 C10 9 8 18 11 27 C9 30 6 30 4 29 Z' fill='none' stroke='%23c9a227' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}
.kb::before{left:-20px}
.kb::after{right:-20px;transform:translateY(-50%) scaleX(-1)}

.kb-n{flex:0 0 auto;display:flex;flex-direction:column;color:var(--tl,var(--tr,#4a3212))}
.kb-n b{font-family:var(--display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.kb-n i{font-family:var(--thai);font-style:normal;font-size:.7rem;opacity:.85}
.kb-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;text-align:center}
.kb-t b{font-size:.98em;font-weight:600}
.kb-t i{font-family:var(--thai);font-style:normal;font-size:.78em;opacity:.85}
.kb-c{flex:0 0 auto;font-family:var(--display);font-size:.6rem;letter-spacing:.14em;
  text-transform:uppercase;opacity:.85;text-align:right}
@media(max-width:620px){
  .khan-bars{padding:0 16px}
  .kb{flex-wrap:wrap;gap:.3rem .8rem;border-radius:18px;padding:.6rem .9rem}
  .kb-t{text-align:left;flex-basis:100%;order:3}
  .kb-c{margin-left:auto}
  .kb::before,.kb::after{width:15px;height:22px}
  .kb::before{left:-15px}.kb::after{right:-15px}
}

.khan-vous{display:flex;align-items:center;gap:.7rem;margin:1.1rem 22px 0;font-size:.92em;
  color:var(--ink-soft);font-style:italic}
.khan-vous span{flex:0 0 auto;width:26px;height:13px;border-radius:999px;
  background:linear-gradient(90deg,#cf2e26 0 24%,#fdfbf6 60%);
  border:1px solid rgba(84,48,15,.3)}
.khan-vous b{font-style:normal;color:var(--terre)}

/* ---------- Fiche du registre KMA ---------- */
.kma-card{
  display:grid;gap:2.2rem;grid-template-columns:1fr auto;align-items:center;
  max-width:860px;margin:2.6rem auto 0;padding:1.9rem 1.8rem;
  border:1px solid rgba(201,162,39,.42);border-radius:2px;
  background:linear-gradient(180deg,rgba(42,33,20,.92),rgba(15,12,8,.92));
}
.kma-card h3{color:var(--gold-lt)}
.kma-card .facts li{border-color:rgba(201,162,39,.22)}
.kma-card .facts .k{color:var(--gold)}
.kma-qr{margin:0;text-align:center}
.kma-qr img{width:150px;height:150px;background:var(--os);padding:11px;
  border:1px solid rgba(201,162,39,.5);box-shadow:0 8px 24px -14px #000}
.kma-qr figcaption{margin-top:.75rem;font-family:var(--display);font-size:.6rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold)}
@media(max-width:760px){
  .kma-card{grid-template-columns:minmax(0,1fr)}
  .kma-qr{justify-self:center}
}

/* champs à compléter par l'association */
.tofill{background:rgba(180,118,47,.13);border-bottom:1px dashed rgba(143,59,31,.6);
  color:var(--terre);font-style:italic;padding:0 .2em}
.dam-panel .tofill{background:rgba(201,162,39,.13);border-color:rgba(201,162,39,.5);color:var(--gold-lt)}

/* cadre photo */
.photo-frame{border:1px solid rgba(138,106,28,.5);padding:10px;
  background:linear-gradient(180deg,rgba(255,250,236,.6),rgba(216,192,149,.3))}
.photo-frame img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:sepia(.14) saturate(.95)}
.photo-ph{aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.4rem;text-align:center;padding:1rem;color:var(--ocre-dp);
  font-family:var(--display);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  background:repeating-linear-gradient(45deg,rgba(138,106,28,.08) 0 12px,transparent 12px 24px)}
.photo-ph small{letter-spacing:.06em;text-transform:none;opacity:.65;font-family:var(--serif)}
.gal figure.empty{cursor:default}
.gal figure.empty small{display:block;font-family:var(--serif);letter-spacing:.02em;text-transform:none}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:var(--ink);padding:.7rem 1rem;z-index:999}
.skip:focus{left:.5rem;top:.5rem}

/* =========================================================
   IMPRESSION — le lexique et les pages de contenu sur papier
   ========================================================= */
@media print{
  :root{--parch:#fff;--parch-2:#fff;--os:#fff}
  html.js .reveal{opacity:1 !important;transform:none !important}
  body{background:#fff !important;color:#000;font-size:11pt;line-height:1.45}
  .tex-parch,.tex-ink,.dam-panel,.naga-frame,.naga-frame-dark,.deckle,
  section.tex-parch,section.tex-ink{background:#fff !important;background-image:none !important;
    color:#000 !important;box-shadow:none !important}
  .tex-ink *,.dam-panel *,.naga-frame-dark *{color:#000 !important}
  header.topbar,nav.subtabs,.burger,.btns,.btn,.lightbox,.orn,.divider,.rope,
  footer.foot .cols,footer.foot .garuda,.carte,.skip{display:none !important}
  .pagehead,.hero{padding:0 0 1rem !important;border-bottom:1px solid #999;margin-bottom:1rem}
  .hero-logo{width:90px !important;margin:0 0 .6rem}
  h1{font-size:20pt} h2{font-size:14pt} h3{font-size:11.5pt}
  h1,h2,h3{page-break-after:avoid;color:#000}
  .leaf,.lex-bloc,.facts,.khan-wrap,blockquote{page-break-inside:avoid;
    border:1px solid #ccc !important;background:#fff !important}
  .lex li,.facts li,.kb{page-break-inside:avoid}
  a{color:#000;text-decoration:none}
  .prose a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt;color:#555}
  .th,.th-word,.lex .th{color:#000 !important}
  .cle-lecture{border:1px solid #999 !important;background:#fafafa !important}
  .tofill{outline:1px dashed #999;color:#666 !important}
  @page{margin:16mm 14mm}
}