@charset "UTF-8";
/* ================================================================
   Seeliia — Archetype AW « Azulejo / Mosaïque de faïence éditoriale »
   Fond porcelaine froide + palette polychrome + carreaux dessinés en CSS.
   Display Yeseva One · corps Readex Pro · mono Sometype Mono.
   Préfixe : .se-*
   ================================================================ */

/* ── Variables ──────────────────────────────────────────────────── */
:root{
  --se-porcelaine:#E8EDE9;
  --se-porcelaine-2:#E0E7E2;
  --se-surface:#FCFCFA;
  --se-ink:#14252B;
  --se-ink-2:#0F1D22;
  --se-ink-soft:#4C5D62;
  --se-ligne:#D2DAD3;
  --se-mono:#71807E;
  --se-teal:#2E7D74;
  --se-teal-d:#215C55;
  --se-teal-t:#DDE9E5;
  --se-terracotta:#C8613C;
  --se-terracotta-d:#A64B2B;
  --se-ocre:#D69A34;
  --se-cobalt:#2D5AA0;
  --se-aubergine:#7A3B63;
  --se-clair:#EFF3EE;
  --se-clair-soft:#A9BEBB;
  --se-hh:76px;
  --se-nef:1220px;
  --se-r:6px;
}

/* ── Reset ──────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--se-porcelaine);
  color:var(--se-ink);
  font-family:'Readex Pro',system-ui,sans-serif;
  font-size:17px;line-height:1.7;font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4{margin:0;font-weight:400;line-height:1.12;}
h1,h2,h3{font-family:'Yeseva One',Georgia,serif;}
p{margin:0 0 1.1em;}
button{font-family:inherit;cursor:pointer;}
sup{font-size:.6em;}
::selection{background:var(--se-teal);color:#fff;}

/* ── Conteneur ──────────────────────────────────────────────────── */
.se-nef{width:100%;max-width:var(--se-nef);margin:0 auto;padding:0 28px;}

/* ── Motif azulejo réutilisable (frise en beading) ──────────────── */
.se-frise{
  height:15px;width:100%;
  background:
    radial-gradient(circle at 50% 100%, var(--se-terracotta) 0 5.4px, transparent 6.2px) 9px 0 / 18px 15px repeat-x,
    radial-gradient(circle at 50% 100%, var(--se-teal) 0 5.4px, transparent 6.2px) 0 0 / 18px 15px repeat-x;
}
.se-frise--socle,.se-frise--atelier{
  background:
    radial-gradient(circle at 50% 0, var(--se-terracotta) 0 5.4px, transparent 6.2px) 9px 0 / 18px 15px repeat-x,
    radial-gradient(circle at 50% 0, var(--se-ocre) 0 5.4px, transparent 6.2px) 0 0 / 18px 15px repeat-x;
}

/* ── Cadre de faïence (image encadrée : mat + filet + coin) ─────── */
.se-cadre-faience{
  display:block;position:relative;
  padding:9px;background:var(--se-surface);
  border:1px solid var(--se-ligne);
  box-shadow:0 20px 44px -26px rgba(20,37,43,.45);
}
.se-cadre-faience::before{
  content:'';position:absolute;inset:5px;
  border:1.5px solid var(--se-teal);pointer-events:none;z-index:2;
}
.se-cadre-faience::after{
  content:'';position:absolute;top:5px;left:5px;width:11px;height:11px;
  background:var(--se-terracotta);z-index:3;
}
.se-cadre-faience img{display:block;width:100%;}
.se-cadre-faience--hero img{aspect-ratio:5/4;object-fit:cover;}
.se-cadre-faience--clair{background:var(--se-ink-2);border-color:rgba(255,255,255,.14);}
.se-cadre-faience--clair::before{border-color:var(--se-ocre);}
.se-cadre-faience--clair::after{background:var(--se-terracotta);}
.se-cadre-faience--clair img{aspect-ratio:4/5;object-fit:cover;}
.se-cadre-faience--rond{padding:6px;border-radius:50%;box-shadow:none;}
.se-cadre-faience--rond::before{inset:3px;border-radius:50%;}
.se-cadre-faience--rond::after{display:none;}
.se-cadre-faience--rond img{aspect-ratio:1/1;object-fit:cover;border-radius:50%;}
.se-cadre-faience--panel{padding:22px;}
.se-cadre-faience--panel::before{inset:12px;}

/* ── Kicker & entête de section ─────────────────────────────────── */
.se-kicker{
  display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;
  font-family:'Sometype Mono',monospace;font-size:.72rem;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--se-teal-d);
}
.se-kicker--clair{color:var(--se-ocre);}
.se-kicker-pastille{width:9px;height:9px;background:var(--se-terracotta);border-radius:0 100% 0 0;flex:0 0 auto;}
.se-entete{display:flex;align-items:center;gap:14px;margin:0 0 34px;}
.se-entete-pastille{width:15px;height:15px;flex:0 0 auto;background:var(--se-teal);border-radius:0 100% 0 0;}
.se-entete h2{font-size:clamp(1.7rem,3.4vw,2.5rem);}

/* ── Header ─────────────────────────────────────────────────────── */
.se-cimaise{position:sticky;top:0;z-index:50;background:var(--se-porcelaine);transition:box-shadow .3s;}
.se-cimaise--scroll{box-shadow:0 6px 26px -18px rgba(20,37,43,.55);}
.se-cimaise-inner{display:flex;align-items:center;justify-content:space-between;height:var(--se-hh);gap:24px;}
.se-logo a{display:inline-flex;}
.se-nav{display:flex;align-items:center;gap:30px;}
.se-nav>a{
  font-size:.96rem;font-weight:500;color:var(--se-ink);position:relative;padding:4px 0;
  transition:color .2s;
}
.se-nav>a:not(.se-nav-contact)::after{
  content:'';position:absolute;left:0;bottom:-2px;width:100%;height:2px;
  background:var(--se-teal);transform:scaleX(0);transform-origin:left;transition:transform .28s;
}
.se-nav>a:not(.se-nav-contact):hover{color:var(--se-teal-d);}
.se-nav>a:not(.se-nav-contact):hover::after{transform:scaleX(1);}
.se-nav-contact{
  border:1.5px solid var(--se-ink);border-radius:999px;padding:8px 20px !important;
  font-weight:600;transition:background .2s,color .2s,border-color .2s;
}
.se-nav-contact:hover{background:var(--se-teal-d);border-color:var(--se-teal-d);color:#fff;}
.se-nav-close,.se-nav-logo{display:none;}
.se-burger{display:none;background:none;border:0;flex-direction:column;gap:5px;padding:8px;}
.se-burger span{display:block;width:26px;height:2px;background:var(--se-ink);transition:.25s;}

/* ── Boutons ────────────────────────────────────────────────────── */
.se-bouton{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Readex Pro',sans-serif;font-size:.94rem;font-weight:600;
  padding:14px 28px;border-radius:999px;border:1.5px solid transparent;
  transition:transform .2s,background .2s,color .2s,border-color .2s;
}
.se-bouton::after{content:'';width:16px;height:1.5px;background:currentColor;transition:width .2s;}
.se-bouton:hover::after{width:26px;}
.se-bouton--plein{background:var(--se-teal-d);color:#fff;}
.se-bouton--plein:hover{background:var(--se-terracotta-d);}
.se-bouton--ligne{border-color:var(--se-ink);color:var(--se-ink);}
.se-bouton--ligne:hover{background:var(--se-ink);color:var(--se-clair);}
.se-bouton--clair{background:var(--se-ocre);color:var(--se-ink);}
.se-bouton--clair:hover{background:#fff;}

/* ── HERO — Le grand panneau ────────────────────────────────────── */
.se-panneau{padding:64px 0 72px;}
.se-panneau-grille{display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center;}
.se-panneau-h1{font-size:clamp(2.5rem,5.4vw,4.1rem);letter-spacing:-.01em;margin:0 0 24px;}
.se-panneau-h1 em{font-style:italic;color:var(--se-terracotta);}
.se-panneau-deck{font-size:1.14rem;color:var(--se-ink-soft);max-width:34em;margin:0 0 30px;}
.se-panneau-actions{margin:0 0 44px;}
.se-jauges{display:flex;gap:34px;flex-wrap:wrap;}
.se-jauge{display:flex;flex-direction:column;gap:4px;padding-left:18px;border-left:2px solid var(--se-teal);}
.se-jauge-num{font-family:'Yeseva One',serif;font-size:2rem;line-height:1;color:var(--se-ink);}
.se-jauge-label{font-family:'Sometype Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--se-mono);}
.se-panneau-visuel{position:relative;}
.se-panneau-azulejo{
  position:absolute;right:-26px;bottom:-26px;width:64%;height:74%;z-index:0;
  opacity:.5;
  background:
    radial-gradient(circle at 0 0, transparent 0 30%, var(--se-teal) 31% 44%, transparent 45%) 0 0/38px 38px,
    radial-gradient(circle at 100% 100%, transparent 0 30%, var(--se-ocre) 31% 44%, transparent 45%) 0 0/38px 38px;
  -webkit-mask-image:linear-gradient(135deg,transparent 30%,#000 100%);
          mask-image:linear-gradient(135deg,transparent 30%,#000 100%);
}
.se-panneau-figure{position:relative;z-index:1;margin:0;}
.se-cartouche{
  display:inline-block;margin-top:16px;padding:7px 15px;background:var(--se-ink);color:var(--se-clair);
  font-family:'Sometype Mono',monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
}

/* ── Grille & fiches d'articles ─────────────────────────────────── */
.se-flux{padding:20px 0 72px;}
.se-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 30px;}
.se-fiche{display:flex;flex-direction:column;}
.se-fiche-vue{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--se-porcelaine-2);}
.se-fiche-vue img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.se-fiche:hover .se-fiche-vue img{transform:scale(1.05);}
.se-fiche-folio{
  position:absolute;left:0;bottom:0;z-index:2;
  width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  background:var(--tint,#2E7D74);color:#fff;
  font-family:'Sometype Mono',monospace;font-size:.82rem;font-weight:600;
}
.se-fiche-corps{padding:18px 2px 0;display:flex;flex-direction:column;gap:9px;}
.se-fiche-cat{
  align-self:flex-start;
  font-family:'Sometype Mono',monospace;font-size:.64rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tint,#2E7D74);
}
.se-fiche-titre{font-size:1.32rem;line-height:1.2;}
.se-fiche-titre a{background-image:linear-gradient(var(--se-teal),var(--se-teal));background-size:0 1.5px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s;}
.se-fiche-titre a:hover{background-size:100% 1.5px;color:var(--se-teal-d);}
.se-fiche-extrait{color:var(--se-ink-soft);font-size:.95rem;margin:0;}
.se-fiche-meta{font-family:'Sometype Mono',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--se-mono);margin-top:2px;}

/* Article à la une : span 2 colonnes, en ligne */
.se-fiche--une{grid-column:span 2;flex-direction:row;gap:30px;align-items:stretch;}
.se-fiche--une .se-fiche-vue{flex:0 0 54%;aspect-ratio:auto;}
.se-fiche--une .se-fiche-corps{justify-content:center;padding:6px 6px 6px 0;}
.se-fiche--une .se-fiche-titre{font-size:1.9rem;}
.se-fiche--une .se-fiche-extrait{font-size:1.02rem;}

/* ── PERSONA — L'atelier (bande sombre) ─────────────────────────── */
.se-atelier{position:relative;background:var(--se-ink);color:var(--se-clair);}
.se-atelier .se-frise{position:absolute;top:0;left:0;}
.se-atelier-grille{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center;padding:78px 0;}
.se-atelier-portrait{margin:0;position:relative;max-width:360px;}
.se-atelier-cartouche{
  display:inline-block;margin-top:14px;
  font-family:'Sometype Mono',monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--se-clair-soft);
}
.se-atelier-nom{font-size:clamp(2rem,4vw,2.9rem);margin:0 0 6px;}
.se-atelier-role{font-family:'Sometype Mono',monospace;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--se-ocre);margin:0 0 22px;}
.se-atelier-bio{color:#D7E1DE;max-width:40em;}
.se-atelier-bio p{margin:0 0 1em;}
.se-atelier-bio strong{color:#fff;font-weight:600;}
.se-atelier-bio ul{margin:0 0 1.1em;display:flex;flex-direction:column;gap:.5em;}
.se-atelier-bio li{position:relative;padding-left:22px;}
.se-atelier-bio li::before{content:'';position:absolute;left:0;top:.5em;width:9px;height:9px;background:var(--se-ocre);border-radius:0 100% 0 0;}
.se-atelier .se-bouton--clair{margin-top:10px;}

/* ── CARRELAGE — Catégories en carreaux ─────────────────────────── */
.se-carrelage{padding:72px 0 84px;}
.se-carreaux{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.se-carreau{
  position:relative;display:flex;flex-direction:column;gap:6px;
  padding:22px 20px 24px;min-height:210px;overflow:hidden;
  background:var(--se-surface);border:1px solid var(--se-ligne);
  transition:transform .28s,box-shadow .28s;
}
.se-carreau-motif{
  position:absolute;inset:0;z-index:0;opacity:.14;transition:opacity .35s,background-position .6s;
  background:
    radial-gradient(circle at 0 0, transparent 0 30%, var(--tint) 31% 44%, transparent 45%) 0 0/30px 30px,
    radial-gradient(circle at 100% 100%, transparent 0 30%, var(--tint) 31% 44%, transparent 45%) 0 0/30px 30px;
}
.se-carreau>*{position:relative;z-index:1;}
.se-carreau:hover{transform:translateY(-6px);box-shadow:0 24px 40px -26px rgba(20,37,43,.5);}
.se-carreau:hover .se-carreau-motif{opacity:.28;background-position:15px 15px,15px 15px;}
.se-carreau-tete{display:flex;align-items:center;justify-content:space-between;color:var(--tint);margin-bottom:8px;}
.se-carreau-num{font-family:'Sometype Mono',monospace;font-size:.86rem;font-weight:600;}
.se-carreau-nom{font-family:'Yeseva One',serif;font-size:1.4rem;color:var(--se-ink);}
.se-carreau-desc{font-size:.86rem;color:var(--se-ink-soft);line-height:1.45;flex:1;}
.se-carreau-compte{font-family:'Sometype Mono',monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tint);margin-top:6px;}

/* ── Coiffe (heroes internes single / archive / pages) ──────────── */
.se-coiffe{position:relative;background:var(--se-ink);color:var(--se-clair);overflow:hidden;}
.se-coiffe--photo .se-coiffe-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.se-coiffe--photo .se-coiffe-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,29,34,.62),rgba(15,29,34,.86));}
.se-coiffe--uni{background:var(--se-ink);}
.se-coiffe-inner{position:relative;z-index:1;padding:74px 28px 62px;text-align:center;max-width:900px;}
.se-coiffe--archive .se-coiffe-inner,.se-coiffe--photo .se-coiffe-inner{padding-top:90px;}
.se-fil{font-family:'Sometype Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--se-clair-soft);margin-bottom:22px;}
.se-fil a{color:var(--se-clair-soft);transition:color .2s;}
.se-fil a:hover{color:#fff;}
.se-fil-sep{margin:0 6px;opacity:.6;}
.se-fil-cur{color:#fff;}
.se-coiffe-cat{margin:0 0 16px;}
.se-coiffe-cat .se-fiche-cat{display:inline-block;padding:5px 13px;background:var(--tint,#2E7D74);color:#fff;}
.se-coiffe-h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:0 auto;max-width:16em;}
.se-coiffe-desc{margin:20px auto 0;max-width:44em;color:#E4EBE8;}
.se-coiffe-desc p{color:#E4EBE8 !important;margin:0;}
.se-coiffe-meta{margin:22px 0 0;font-family:'Sometype Mono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--se-clair-soft);}
.se-coiffe-meta .kksr-stars{display:inline-block;vertical-align:middle;}

/* ── Article ────────────────────────────────────────────────────── */
.se-post-plaque{margin:-46px 0 0;position:relative;z-index:2;}
.se-plaque{margin:0;}
.se-plaque img{width:100%;max-height:600px;object-fit:cover;border:9px solid var(--se-surface);box-shadow:0 30px 60px -34px rgba(20,37,43,.5);}
.se-resume{max-width:760px;margin:38px auto 0;}
.se-lecture{max-width:760px;margin:44px auto 0;padding-bottom:20px;}

/* entry-content */
.entry-content{font-size:1.06rem;line-height:1.8;color:#22333A;}
.entry-content h2{font-size:1.9rem;margin:1.6em 0 .5em;}
.entry-content h3{font-size:1.4rem;margin:1.4em 0 .4em;}
.entry-content p{margin:0 0 1.3em;}
.entry-content a{color:var(--se-teal-d);text-decoration:underline;text-underline-offset:3px;}
.entry-content img{border-radius:var(--se-r);margin:1.5em 0;}
.entry-content blockquote{margin:1.6em 0;padding:6px 0 6px 24px;border-left:3px solid var(--se-terracotta);font-style:italic;color:var(--se-ink);}
/* Bullets décoratifs — quart de cercle « éventail de faïence » */
.entry-content ul{list-style:none;padding-left:0;margin-bottom:1.4em;}
.entry-content ol{list-style:decimal;padding-left:1.5em;margin-bottom:1.4em;}
.entry-content ul li{position:relative;padding-left:1.5em;margin-bottom:.55em;}
.entry-content ul li::before{
  content:'';position:absolute;left:0;top:.52em;width:9px;height:9px;
  background:var(--se-teal);border-radius:0 100% 0 0;
}
.entry-content ol li{margin-bottom:.55em;}

.se-tags{display:flex;flex-wrap:wrap;gap:9px;margin:34px 0 0;}
.se-tag{font-family:'Sometype Mono',monospace;font-size:.72rem;letter-spacing:.06em;padding:6px 13px;background:var(--se-porcelaine-2);color:var(--se-ink-soft);transition:background .2s,color .2s;}
.se-tag:hover{background:var(--se-teal-d);color:#fff;}

/* Bloc auteur */
.se-signature{display:flex;gap:24px;align-items:center;margin:44px 0 0;padding:30px;background:var(--se-surface);border:1px solid var(--se-ligne);}
.se-signature-photo{flex:0 0 108px;}
.se-signature-photo .se-cadre-faience--rond{width:108px;}
.se-signature-nom{font-family:'Yeseva One',serif;font-size:1.4rem;margin:0;}
.se-signature-role{font-family:'Sometype Mono',monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--se-teal-d);margin:.2em 0 .7em;}
.se-signature-bio{color:var(--se-ink-soft);font-size:.95rem;}
.se-signature-bio p{margin:0;}

/* Articles similaires */
.se-voisins{padding:56px 0 80px;}

/* ── Archive ────────────────────────────────────────────────────── */
.se-archive{padding:64px 0 40px;}
.se-vide{grid-column:1/-1;text-align:center;color:var(--se-ink-soft);font-family:'Sometype Mono',monospace;padding:40px 0;}

/* Bloc SEO archive */
.se-encart{padding:20px 0 84px;}
.se-encart-inner{display:grid;grid-template-columns:1fr 440px;gap:52px;align-items:center;}
.se-encart-corps h2{font-size:clamp(1.7rem,3.2vw,2.3rem);margin:0 0 16px;}
.se-encart-intro{color:var(--se-ink-soft);}
.se-encart-liste{display:flex;flex-direction:column;gap:.6em;margin:0 0 1.2em;}
.se-encart-liste li{position:relative;padding-left:26px;font-family:'Sometype Mono',monospace;font-size:.82rem;letter-spacing:.03em;color:var(--se-ink);}
.se-encart-liste li::before{content:'';position:absolute;left:0;top:.35em;width:10px;height:10px;background:var(--se-terracotta);border-radius:0 100% 0 0;}
.se-encart-outro{color:var(--se-ink);font-weight:500;margin:0;}
.se-encart-plaque{margin:0;}
.se-encart-plaque .se-cadre-faience img{aspect-ratio:4/3;object-fit:cover;}
.se-encart-cote{display:inline-block;margin-top:14px;font-family:'Sometype Mono',monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--se-mono);}

/* ── Page Contact ───────────────────────────────────────────────── */
.se-contact{padding:68px 0 88px;}
.se-contact-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:start;}
.se-contact-titre{font-size:2.1rem;margin:0 0 20px;}
.se-contact-texte{color:var(--se-ink-soft);}
.se-contact-coord{margin:28px 0 0;}
.se-contact-coord dt{font-family:'Sometype Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--se-teal-d);margin-top:16px;}
.se-contact-coord dd{margin:4px 0 0;color:var(--se-ink);}

/* CF7 */
.wpcf7-form p{display:flex;flex-direction:column;gap:7px;margin:0 0 16px;}
.wpcf7-form br{display:none;}
.wpcf7-form label{font-family:'Sometype Mono',monospace;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--se-ink);display:flex;flex-direction:column;gap:7px;}
.wpcf7-form input,.wpcf7-form textarea{
  width:100%;padding:12px 15px;border:1px solid var(--se-ligne);border-radius:var(--se-r);
  background:#fff;font-family:'Readex Pro',sans-serif;font-size:1rem;color:var(--se-ink);
  transition:border-color .2s,box-shadow .2s;
}
.wpcf7-form input:focus,.wpcf7-form textarea:focus{outline:none;border-color:var(--se-teal);box-shadow:0 0 0 3px var(--se-teal-t);}
.wpcf7-form textarea{min-height:150px;resize:vertical;}
.wpcf7-submit{
  width:100%;background:var(--se-teal-d);color:#fff;border:0;border-radius:999px;
  padding:14px;font-weight:600;font-family:'Readex Pro',sans-serif;cursor:pointer;transition:background .2s;
}
.wpcf7-submit:hover{background:var(--se-terracotta-d);}

/* ── Pages statiques (mentions / corps) ─────────────────────────── */
.se-page-corps{max-width:820px;margin:52px auto 80px;}
.se-page-corps h2{font-size:1.5rem;margin:1.5em 0 .5em;}
.se-page-corps a{color:var(--se-teal-d);text-decoration:underline;}

/* Plan du site */
.se-plan{padding:60px 0 84px;}
.se-plan-cat{margin:0 0 40px;}
.se-plan-cat h2{display:flex;align-items:center;gap:14px;font-size:1.7rem;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--se-ligne);}
.se-plan-num{width:34px;height:34px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--tint,#2E7D74);color:#fff;font-family:'Sometype Mono',monospace;font-size:.8rem;}
.se-plan-cat ul{display:flex;flex-direction:column;gap:8px;}
.se-plan-cat li a{color:var(--se-ink);transition:color .2s,padding-left .2s;}
.se-plan-cat li a:hover{color:var(--se-teal-d);padding-left:6px;}

/* ── Footer ─────────────────────────────────────────────────────── */
.se-socle{position:relative;background:var(--se-ink-2);color:var(--se-clair);padding:0 0 24px;}
.se-socle .se-frise--socle{position:relative;}
.se-socle-grille{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px;padding:62px 0 46px;}
.se-socle-brand svg{margin-bottom:16px;}
.se-socle-desc{color:var(--se-clair-soft);font-size:.92rem;max-width:30ch;}
.se-socle-titre{font-family:'Sometype Mono',monospace;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--se-ocre);margin:0 0 18px;}
.se-socle a{display:block;color:var(--se-clair-soft);padding:5px 0;transition:color .2s;}
.se-socle a:hover{color:#fff;}
.se-socle-art{display:flex;gap:12px;align-items:center;}
.se-socle-art-vignette{flex:0 0 48px;}
.se-socle-art-vignette img{width:48px;height:48px;object-fit:cover;}
.se-socle-art-titre{font-size:.86rem;line-height:1.35;color:var(--se-clair-soft);}
.se-socle-art:hover .se-socle-art-titre{color:#fff;}
.se-socle-bas{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;text-align:center;}
.se-socle-bas .se-nef{font-family:'Sometype Mono',monospace;font-size:.72rem;letter-spacing:.08em;color:var(--se-clair-soft);}

/* ── Reveal (JS actif + motion permis) ──────────────────────────── */
.se-js [data-se-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.se-js [data-se-reveal].is-in{opacity:1;transform:none;}

/* ── Responsive ─────────────────────────────────────────────────── */
@media(max-width:1080px){
  .se-carreaux{grid-template-columns:repeat(3,1fr);}
  .se-panneau-grille{gap:44px;}
}
@media(max-width:900px){
  .se-nef{padding:0 22px;}
  .se-panneau-grille{grid-template-columns:1fr;gap:44px;}
  .se-panneau-visuel{max-width:520px;}
  .se-grille{grid-template-columns:repeat(2,1fr);}
  .se-fiche--une{grid-column:span 2;flex-direction:column;}
  .se-fiche--une .se-fiche-vue{flex:none;aspect-ratio:16/9;}
  .se-fiche--une .se-fiche-titre{font-size:1.6rem;}
  .se-atelier-grille{grid-template-columns:1fr;gap:36px;padding:60px 0;}
  .se-atelier-portrait{max-width:300px;}
  .se-encart-inner{grid-template-columns:1fr;gap:34px;}
  .se-encart-plaque{order:-1;}
  .se-contact-inner{grid-template-columns:1fr;gap:40px;}

  /* Nav mobile plein écran */
  .se-burger{display:flex;}
  .se-nav{
    position:fixed;inset:0;z-index:120;flex-direction:column;justify-content:center;gap:22px;
    background:var(--se-porcelaine);padding:40px;
    transform:translateX(100%);transition:transform .32s ease;
  }
  .se-nav--open{transform:none;}
  .se-nav-close{display:block;position:absolute;top:22px;right:26px;background:none;border:0;font-size:2.4rem;line-height:1;color:var(--se-ink);}
  .se-nav-logo{display:block;position:absolute;top:26px;left:24px;}
  .se-nav>a{font-size:1.4rem;}
  .se-nav>a:not(.se-nav-contact)::after{display:none;}
  .se-nav-contact{margin-top:8px;font-size:1rem;}
}
@media(max-width:600px){
  body{font-size:16px;}
  .se-carreaux{grid-template-columns:1fr 1fr;}
  .se-grille{grid-template-columns:1fr;}
  .se-fiche--une{grid-column:span 1;}
  .se-socle-grille{grid-template-columns:1fr 1fr;gap:30px;}
  .se-socle-brand{grid-column:1/-1;}
  .se-panneau{padding:44px 0 56px;}
  .se-jauges{gap:22px;}
  .se-jauge-num{font-size:1.7rem;}
}
@media(max-width:420px){
  .se-carreaux{grid-template-columns:1fr;}
  .se-socle-grille{grid-template-columns:1fr;}
}

/* ── Accessibilité ──────────────────────────────────────────────── */
:focus-visible{outline:3px solid var(--se-teal);outline-offset:2px;}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
  .se-js [data-se-reveal]{opacity:1;transform:none;}
}