:root{color-scheme:dark;--bg:#020202;--gold:#f2c14d;--red:#d81212}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{margin:0;min-height:100%;overflow-x:hidden}
body{font-family:Arial,Helvetica,sans-serif;background:#020202;overscroll-behavior-x:none}
button{font:inherit;-webkit-tap-highlight-color:transparent}
.mtp-visual-page{width:100%!important;max-width:none!important;min-height:100vh;min-height:100svh;margin:0!important;background:#020202;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 max(0px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(0px,env(safe-area-inset-left))!important;overflow:visible}
.mtp-viewport{width:100%!important;max-width:none!important;margin:0!important;display:flex;justify-content:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#b48623 #050505;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.mtp-visual-shell{position:relative;width:min(100%,1536px);max-width:1536px;aspect-ratio:3/2;flex:0 0 auto;background:#030303;overflow:hidden}
.mtp-visual-reference{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}
.mtp-hotspots{position:absolute;inset:0;z-index:5}
.hotspot{position:absolute;left:var(--l);top:var(--t);width:var(--w);height:var(--h);min-width:0;min-height:0;margin:0;padding:0;border:1px solid transparent;background:transparent;cursor:pointer;border-radius:7px;touch-action:manipulation;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}
.hotspot:hover{background:rgba(242,193,77,.07);border-color:rgba(242,193,77,.32);box-shadow:0 0 20px rgba(242,193,77,.12)}
.hotspot:active{transform:scale(.97);background:rgba(216,18,18,.15);border-color:rgba(255,197,55,.7)}
.hotspot:focus-visible{outline:2px solid var(--gold);outline-offset:2px;background:rgba(242,193,77,.10)}
.mtp-toast{position:fixed;left:50%;bottom:max(22px,calc(env(safe-area-inset-bottom) + 12px));z-index:9999;max-width:min(90vw,460px);padding:12px 18px;border:1px solid rgba(242,193,77,.65);border-radius:999px;background:rgba(4,4,4,.94);box-shadow:0 12px 45px rgba(0,0,0,.55),0 0 30px rgba(242,193,77,.12);color:#f8e7b0;font-size:14px;line-height:1.35;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:opacity .2s ease,transform .2s ease;backdrop-filter:blur(10px)}
.mtp-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.mobile-hint{display:none;color:#d8b85d;font-size:12px;letter-spacing:.02em;text-align:center;padding:10px 18px 12px;opacity:.85}
body.intro-active{overflow:hidden}
@media (min-width:1537px){.mtp-visual-page{padding-top:18px}.mtp-visual-shell{border:1px solid rgba(218,165,32,.35);box-shadow:0 0 70px rgba(201,133,20,.08)}}
@media (max-width:1100px){
  .mtp-viewport{justify-content:flex-start}
  .mtp-visual-shell{width:1100px;min-width:1100px}
}
@media (max-width:820px) and (pointer:coarse){
  .mobile-hint{display:block}
}
@media (max-width:820px){
  .mtp-visual-shell{width:980px;min-width:980px}
  .mtp-toast{font-size:13px;padding:11px 15px}
}
@media (max-width:560px){
  .mtp-visual-shell{width:920px;min-width:920px}
  .mobile-hint{position:sticky;left:0;width:100vw;background:linear-gradient(180deg,rgba(2,2,2,.25),#020202);padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media (orientation:landscape) and (max-height:520px){
  .mobile-hint{display:none}
  .mtp-visual-shell{width:max(100vw,900px);min-width:900px}
}
@media (prefers-reduced-motion:reduce){.hotspot,.mtp-toast{transition:none}}
/* Sprints 3–5: marché dynamique, Wallet et réseaux officiels */
.mtp-live-chart{position:absolute;z-index:7;left:75.25%;top:9.25%;width:22.45%;height:15.65%;padding:1.05% 1.15% .6%;border:1px solid rgba(224,162,28,.52);border-radius:10px;background:linear-gradient(180deg,rgba(3,3,3,.98),rgba(4,4,4,.95));box-shadow:inset 0 0 20px rgba(240,181,29,.035);color:#fff;cursor:pointer;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.mtp-live-chart:hover,.mtp-live-chart:focus-visible{border-color:#e5ad24;box-shadow:0 0 22px rgba(229,173,36,.15);outline:none}
.live-chart-head{display:flex;justify-content:space-between;align-items:center;font-size:clamp(6px,.66vw,11px);letter-spacing:.03em;color:#dedede}
.live-chart-head small{font-size:.85em;color:#aaa}
.live-chart-price-row{display:flex;align-items:baseline;gap:7%;margin-top:2%}
.live-chart-price-row strong{font-size:clamp(10px,1.25vw,20px);font-weight:700;white-space:nowrap}
.live-chart-price-row span{font-size:clamp(7px,.9vw,14px);font-weight:700;color:#19d76a;white-space:nowrap}
.live-chart-price-row span.is-negative{color:#ff4545}
#liveChartSvg{display:block;width:100%;height:52%;margin-top:1.5%;overflow:visible}
.live-chart-line{fill:none;stroke:#f0b51d;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(240,181,29,.5));stroke-dasharray:900;stroke-dashoffset:900;animation:mtpDrawLine 1.6s ease forwards}
.live-chart-area{fill:url(#mtpChartFill)}
.live-chart-axis{display:flex;justify-content:space-between;margin-top:-1%;font-size:clamp(5px,.46vw,8px);color:#777}
.live-chart-status{position:absolute;right:4%;bottom:2.5%;font-size:clamp(4px,.42vw,7px);color:#8c805f;letter-spacing:.02em}
.hotspot.is-live:hover{background:rgba(21,203,101,.06);border-color:rgba(66,230,139,.45)}
@keyframes mtpDrawLine{to{stroke-dashoffset:0}}
@media(max-width:1100px){.mtp-live-chart{border-radius:8px}.live-chart-status{display:none}}
@media(prefers-reduced-motion:reduce){.live-chart-line{animation:none;stroke-dashoffset:0}}

/* Sprint 3.1 — zones interactives calées sur le dessin validé */
.hotspot[data-action^="circle-"],
.hotspot[data-action$="-right"],
.hotspot[data-action^="footer-"]:not([data-action="footer-instagram"]),
.hotspot[data-action="footer-instagram"]{border-radius:50%;}
.hotspot[data-action^="circle-"]:hover,
.hotspot[data-action$="-right"]:hover,
.hotspot[data-action^="footer-"]:hover{background:rgba(242,193,77,.055);border-color:rgba(242,193,77,.26);box-shadow:0 0 16px rgba(242,193,77,.24),inset 0 0 12px rgba(242,193,77,.07)}
.hotspot[data-action="wallet-top"],
.hotspot[data-action="wallet-panel"],
.hotspot[data-action="discover"],
.hotspot[data-action="video"],
.hotspot[data-action="join"],
.hotspot[data-action^="card-"]{border-radius:6px}
.hotspot.is-live:hover{background:rgba(242,193,77,.055);border-color:rgba(242,193,77,.34);box-shadow:0 0 15px rgba(242,193,77,.15)}
.hotspot[data-action^="nav-"]{border-radius:2px}
.hotspot[data-action^="nav-"]:hover{background:linear-gradient(180deg,transparent 78%,rgba(242,193,77,.18));border-color:transparent;box-shadow:none}
@media (hover:none){.hotspot:hover{background:transparent;border-color:transparent;box-shadow:none}}

/* Correctif millésime officiel 2026 — surimpression CSS, sans modifier le visuel validé */
.footer-year-fix{
  position:absolute;
  z-index:4;
  left:66.4%;
  top:94.15%;
  width:13.2%;
  height:4.25%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 .25%;
  background:#030303;
  color:#a9a9a9;
  font:400 clamp(6px,.66vw,11px)/1 Arial,Helvetica,sans-serif;
  white-space:nowrap;
  pointer-events:none;
}


/* Sprint 3.3 — survols strictement contenus dans chaque zone, sans débordement */
.hotspot{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden;
  isolation:isolate;
}
.hotspot::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transition:opacity .14s ease,background-color .14s ease,box-shadow .14s ease;
}
.hotspot:hover::after,
.hotspot:focus-visible::after{
  opacity:1;
  background:rgba(242,193,77,.055);
  box-shadow:inset 0 0 0 1px rgba(242,193,77,.36),inset 0 0 14px rgba(242,193,77,.12);
}
.hotspot:active::after{
  opacity:1;
  background:rgba(216,18,18,.10);
  box-shadow:inset 0 0 0 1px rgba(255,197,55,.62),inset 0 0 14px rgba(216,18,18,.10);
}
.hotspot:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* Navigation : uniquement le filet inférieur, jamais de rectangle */
.hotspot[data-action^="nav-"]::after{border-radius:0;background:transparent!important;box-shadow:none!important}
.hotspot[data-action^="nav-"]:hover::after,
.hotspot[data-action^="nav-"]:focus-visible::after{
  background:linear-gradient(180deg,transparent 84%,rgba(242,193,77,.78) 84%,rgba(242,193,77,.78) 100%)!important;
}
/* Icônes circulaires : halo intérieur circulaire, aucun rectangle externe */
.hotspot[data-action^="circle-"]::after,
.hotspot[data-action$="-right"]::after,
.hotspot[data-action^="footer-"]::after{
  border-radius:50%;
}
.hotspot[data-action^="circle-"]:hover::after,
.hotspot[data-action$="-right"]:hover::after,
.hotspot[data-action^="footer-"]:hover::after{
  background:radial-gradient(circle,rgba(242,193,77,.10) 0 52%,rgba(242,193,77,.025) 70%,transparent 72%);
  box-shadow:inset 0 0 0 1px rgba(242,193,77,.34),inset 0 0 18px rgba(242,193,77,.14);
}
/* Les vrais boutons rectangulaires restent strictement rectangulaires */
.hotspot[data-action="wallet-top"],
.hotspot[data-action="wallet-panel"],
.hotspot[data-action="discover"],
.hotspot[data-action="video"],
.hotspot[data-action="join"],
.hotspot[data-action^="card-"]{border-radius:5px!important}
@media (hover:none){
  .hotspot:hover::after{opacity:0!important}
}

/* Sprint 3.6 — intégration exacte du visuel Argent 0 validé */
.argent-zero-panel{
  position:absolute;
  z-index:8;
  left:71.55%;
  top:56.55%;
  width:26.05%;
  height:24.15%;
  overflow:hidden;
  border:1px solid rgba(221,163,31,.88);
  border-radius:12px;
  background:#030303;
  box-shadow:inset 0 0 0 1px rgba(255,210,91,.06),0 8px 22px rgba(0,0,0,.34);
}
.argent-zero-visual{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}
.argent-zero-link-overlay{
  position:absolute;
  z-index:2;
  left:49.3%;
  top:58.1%;
  width:34.2%;
  height:10.1%;
  border-radius:7px;
  outline:none;
  background:transparent;
}
.argent-zero-link-overlay:hover,
.argent-zero-link-overlay:focus-visible{
  box-shadow:inset 0 0 0 1px rgba(255,215,100,.95),inset 0 0 13px rgba(242,193,77,.13);
}
.argent-zero-link-overlay:active{transform:scale(.99)}
.hotspot.is-obsolete-right-panel{display:none!important;pointer-events:none!important}
@media(max-width:1100px){.argent-zero-panel{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.argent-zero-link-overlay{transition:none}}

/* Sprint 3.8 — survols neutralisés : aucune ombre, aucun halo, aucun décalage */
.hotspot,
.hotspot:hover,
.hotspot:focus-visible,
.hotspot:active{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.hotspot::before,
.hotspot::after,
.hotspot:hover::before,
.hotspot:hover::after,
.hotspot:focus-visible::before,
.hotspot:focus-visible::after,
.hotspot:active::before,
.hotspot:active::after{
  opacity:0!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.hotspot:focus-visible{
  outline:2px solid rgba(242,193,77,.85)!important;
  outline-offset:2px!important;
}
.mtp-live-chart,
.mtp-live-chart:hover,
.mtp-live-chart:focus-visible{
  box-shadow:inset 0 0 20px rgba(240,181,29,.035)!important;
  border-color:rgba(224,162,28,.52)!important;
  transform:none!important;
}
.argent-zero-link-overlay,
.argent-zero-link-overlay:hover,
.argent-zero-link-overlay:focus-visible,
.argent-zero-link-overlay:active{
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  background:transparent!important;
}

/* Sprint architecture — suppression des doublons : les cartes deviennent des contenus complémentaires */
.mtp-feature-cards{
  position:absolute;z-index:7;left:1.55%;top:65.1%;width:69.1%;height:16.5%;
  display:grid;grid-template-columns:1fr 1.12fr 1fr 1.02fr;gap:.75%;pointer-events:auto;
}
.mtp-feature-card{
  min-width:0;padding:7% 6% 5%;border:1px solid rgba(137,31,18,.92);border-radius:8px;
  background:linear-gradient(145deg,rgba(6,6,6,.985),rgba(8,5,4,.985));
  display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;column-gap:6%;align-items:start;
  color:#f5f5f5;overflow:hidden;
}
.mtp-feature-icon{grid-row:1;font-size:clamp(18px,2.05vw,34px);line-height:1;color:#e4a921;text-shadow:0 0 10px rgba(228,169,33,.24)}
.mtp-feature-copy{min-width:0}
.mtp-feature-copy small{display:block;margin-bottom:2%;font:700 clamp(5px,.48vw,8px)/1.15 Arial,sans-serif;letter-spacing:.16em;color:#d49c24}
.mtp-feature-copy h3{margin:0 0 4%;font:700 clamp(8px,.8vw,13px)/1.15 Arial,sans-serif;color:#fff;white-space:normal}
.mtp-feature-copy p{margin:0;font:400 clamp(6px,.59vw,10px)/1.38 Arial,sans-serif;color:#d7d7d7}
.mtp-feature-card>a,.mtp-feature-card>button{
  grid-column:1/-1;justify-self:center;align-self:end;min-width:48%;margin-top:5%;padding:4% 8%;
  border:1px solid rgba(209,151,29,.72);border-radius:5px;background:rgba(3,3,3,.82);color:#e8b638;
  font:700 clamp(6px,.55vw,9px)/1 Arial,sans-serif;text-decoration:none;text-align:center;cursor:pointer;
}
.mtp-feature-card>a:hover,.mtp-feature-card>button:hover,.mtp-feature-card>a:focus-visible,.mtp-feature-card>button:focus-visible{
  background:rgba(218,169,45,.10);outline:none;border-color:#e0aa2d;
}
/* Désactive les anciennes zones des cartes désormais recouvertes */
.hotspot[data-action^="card-"]{display:none!important;pointer-events:none!important}
@media(max-width:1100px){.mtp-feature-card{border-radius:6px}}

/* Sprint I — accessibilité et performances */
.skip-link{position:fixed;left:16px;top:12px;z-index:10000;padding:12px 16px;background:#fff;color:#000;border-radius:6px;font-weight:800;transform:translateY(-180%);transition:transform .15s}.skip-link:focus{transform:translateY(0)}
.hotspot:focus-visible,.mtp-feature-card a:focus-visible,.argent-zero-link-overlay:focus-visible{outline:3px solid #ffcf58;outline-offset:2px}
.mtp-feature-cards,.argent-zero-panel{content-visibility:auto;contain-intrinsic-size:1px 520px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.intro-ring{display:none!important}}

/* =========================================================
   SPRINT I.1 — PORTE D’ENTRÉE OCCITANE / SITE COMPLÉMENTAIRE
   ========================================================= */
.mtp-intro-occitane{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  overflow:hidden;background:#020202;color:#fff;
  transition:opacity .75s ease,visibility .75s ease,transform .9s cubic-bezier(.22,.8,.2,1)
}
.mtp-intro-occitane.is-closing{opacity:0;visibility:hidden;transform:scale(1.035)}
.occitan-sky{position:absolute;inset:0;background:
  radial-gradient(circle at 50% 43%,rgba(222,24,36,.22),transparent 20%),
  radial-gradient(circle at 50% 50%,rgba(245,185,40,.10),transparent 42%),
  linear-gradient(115deg,#020202 0%,#090301 48%,#020202 100%)}
.occitan-sky::before,.occitan-sky::after{content:"";position:absolute;inset:-25%;background:repeating-conic-gradient(from 0deg,rgba(245,185,40,.035) 0 1deg,transparent 1deg 15deg);animation:occitanOrbit 26s linear infinite}
.occitan-sky::after{inset:-12%;opacity:.4;animation-direction:reverse;animation-duration:38s}
.occitan-gate{position:relative;width:min(48vw,520px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 48px rgba(221,28,39,.22))}
.occitan-gate::before,.occitan-gate::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(245,185,40,.24)}
.occitan-gate::before{inset:5%;animation:gatePulse 2.8s ease-in-out infinite}
.occitan-gate::after{inset:19%;border-color:rgba(221,28,39,.38);animation:gatePulse 2.8s .45s ease-in-out infinite reverse}
.occitan-cross{position:relative;width:46%;aspect-ratio:1;animation:crossArrival 1.35s cubic-bezier(.18,.9,.2,1) both}
.cross-core{position:absolute;inset:37%;border:clamp(3px,.35vw,6px) solid #f4bd28;border-radius:50%;box-shadow:0 0 28px rgba(245,185,40,.52),inset 0 0 18px rgba(221,28,39,.32)}
.cross-arm{position:absolute;background:linear-gradient(90deg,#a90713,#ed2633 48%,#9b0710);border:clamp(2px,.25vw,4px) solid #f4bd28;box-shadow:0 0 22px rgba(221,28,39,.38)}
.arm-n,.arm-s{left:45%;width:10%;height:39%}.arm-e,.arm-w{top:45%;height:10%;width:39%}
.arm-n{top:5%;clip-path:polygon(50% 0,100% 28%,78% 100%,22% 100%,0 28%)}
.arm-s{bottom:5%;clip-path:polygon(22% 0,78% 0,100% 72%,50% 100%,0 72%)}
.arm-e{right:5%;clip-path:polygon(0 22%,72% 0,100% 50%,72% 100%,0 78%)}
.arm-w{left:5%;clip-path:polygon(28% 0,100% 22%,100% 78%,28% 100%,0 50%)}
.cross-pearl{position:absolute;width:11%;aspect-ratio:1;border:clamp(2px,.22vw,4px) solid #f4bd28;border-radius:50%;background:#ba0b18;box-shadow:0 0 15px rgba(245,185,40,.32)}
.p1{left:44.5%;top:0}.p2{left:67%;top:6%}.p3{right:6%;top:23%}.p4{right:0;top:44.5%}.p5{right:6%;bottom:23%}.p6{left:67%;bottom:6%}.p7{left:44.5%;bottom:0}.p8{left:22%;bottom:6%}.p9{left:6%;bottom:23%}.p10{left:0;top:44.5%}.p11{left:6%;top:23%}.p12{left:22%;top:6%}
.intro-copy{position:absolute;z-index:3;left:50%;bottom:7vh;translate:-50% 0;width:min(92vw,760px);text-align:center;padding:0 20px}
.intro-kicker{margin:0 0 8px;color:#f5b928;font-size:clamp(9px,1vw,12px);font-weight:800;letter-spacing:.42em}
.intro-copy h1{margin:0;font-size:clamp(31px,5vw,70px);letter-spacing:.15em;line-height:1;background:linear-gradient(180deg,#fff7d9,#f5b928 65%,#9d6500);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 16px 55px rgba(0,0,0,.65)}
.intro-copy .intro-tagline{position:static;align-self:auto;margin:16px auto 20px;max-width:620px;color:#d3cec3;font-size:clamp(12px,1.4vw,17px);letter-spacing:.08em}
.intro-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.intro-enter,.intro-netlify{min-height:46px;padding:0 21px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.11em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.intro-enter{border:1px solid #f5b928;background:linear-gradient(135deg,#fff1b3,#f5b928 60%,#b66d00);color:#120b00;box-shadow:0 0 28px rgba(245,185,40,.22)}
.intro-netlify{border:1px solid rgba(255,255,255,.20);background:rgba(0,0,0,.48);color:#eee}
.intro-enter:focus-visible,.intro-netlify:focus-visible,.intro-skip:focus-visible{outline:3px solid #fff;outline-offset:4px}
.intro-signature{margin:15px 0 0;color:#837d72;font-size:8px;letter-spacing:.24em}
.intro-skip{position:absolute;z-index:4;right:24px;top:22px;border:0;background:transparent;color:#9d978d;font-size:9px;letter-spacing:.22em;cursor:pointer;padding:10px}
.companion-site-link{position:fixed;z-index:90;right:18px;bottom:18px;display:grid;gap:1px;padding:11px 15px;border:1px solid rgba(245,185,40,.38);border-radius:14px;background:rgba(3,3,3,.88);backdrop-filter:blur(12px);text-decoration:none;box-shadow:0 12px 38px rgba(0,0,0,.48)}
.companion-site-link span{font-size:7px;letter-spacing:.20em;color:#8f897e}.companion-site-link strong{font-size:10px;letter-spacing:.10em;color:#f5b928}
@keyframes occitanOrbit{to{transform:rotate(360deg)}}
@keyframes gatePulse{0%,100%{transform:scale(.96);opacity:.42}50%{transform:scale(1.04);opacity:1}}
@keyframes crossArrival{0%{opacity:0;transform:scale(.28) rotate(-35deg);filter:blur(14px)}70%{opacity:1;filter:blur(0)}100%{transform:scale(1) rotate(0)}}
@media(max-width:700px){.occitan-gate{width:min(88vw,430px);transform:translateY(-9vh)}.intro-copy{bottom:8vh}.intro-copy h1{letter-spacing:.08em}.intro-actions{display:grid}.intro-enter,.intro-netlify{width:min(86vw,360px)}.companion-site-link{right:10px;bottom:10px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.occitan-sky::before,.occitan-sky::after,.occitan-gate::before,.occitan-gate::after,.occitan-cross{animation:none!important}}

/* Sprint K4.6 — vitrine premium de la bande dessinée */
.mtp-feature-cards.mtp-bd-showcase{grid-template-columns:1fr;gap:0;perspective:1200px}
.mtp-bd-card{position:relative;width:100%;height:100%;padding:2.4% 3.6%;border:1px solid rgba(224,157,25,.78);border-radius:14px;background:radial-gradient(circle at 18% 42%,rgba(202,141,24,.15),transparent 26%),radial-gradient(circle at 82% 26%,rgba(127,18,10,.16),transparent 31%),linear-gradient(115deg,#080604 0%,#030303 48%,#110504 100%);box-shadow:inset 0 1px 0 rgba(255,225,143,.12),inset 0 0 0 7px rgba(0,0,0,.34),0 20px 46px rgba(0,0,0,.46);display:grid;grid-template-columns:15.5% 1fr auto;align-items:center;column-gap:3.4%;overflow:hidden;isolation:isolate}
.mtp-bd-card::before{content:"";position:absolute;inset:7px;border:1px solid rgba(226,166,39,.24);border-radius:9px;pointer-events:none;z-index:4}
.mtp-bd-card::after{content:"";position:absolute;inset:-70% -10%;background:linear-gradient(105deg,transparent 40%,rgba(255,217,123,.08) 49%,transparent 58%);transform:translateX(-42%);animation:bdLuxurySweep 9s ease-in-out infinite;pointer-events:none;z-index:3}
.mtp-bd-book{position:relative;z-index:2;display:grid;place-items:center;aspect-ratio:1/1;filter:drop-shadow(0 17px 19px rgba(0,0,0,.62));transform:rotateY(7deg) rotateZ(-1deg);transition:transform .45s ease}
.mtp-bd-card:hover .mtp-bd-book{transform:rotateY(0) rotateZ(0) translateY(-2px)}
.mtp-bd-book::before{content:"";position:absolute;width:63%;height:74%;left:21%;top:15%;border-radius:4px;background:linear-gradient(90deg,#5f3b0f,#d6a233 8%,#eee0b3 12%,#9b6a18 16%,#2a1508 20%,#0b0503 100%);transform:translate(8%,3%);box-shadow:8px 7px 0 rgba(63,35,10,.8)}
.mtp-bd-book-cover{position:relative;width:66%;height:78%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #e0a92d;border-radius:4px;background:radial-gradient(circle at 50% 18%,rgba(183,42,17,.27),transparent 36%),linear-gradient(155deg,#240702,#070403 62%,#1a0903);box-shadow:inset 0 0 0 3px #0e0603,inset 0 0 0 4px rgba(225,168,44,.48),inset 0 0 24px rgba(184,34,14,.22);overflow:hidden}
.mtp-bd-book-cover::before{content:"";position:absolute;inset:9%;border:1px solid rgba(225,168,44,.35)}
.mtp-bd-book-kicker{position:absolute;top:14%;font:700 clamp(3px,.27vw,5px)/1 Arial,sans-serif;letter-spacing:.18em;color:#d6a42d}
.mtp-bd-book-cover strong{font:900 clamp(14px,1.6vw,28px)/1 Georgia,serif;color:#f3c652;text-shadow:0 0 18px rgba(224,161,41,.25)}
.mtp-bd-book-line{width:23%;height:1px;background:#d9a52d;margin:7% 0 8%}
.mtp-bd-book-cover em{font:600 clamp(4px,.36vw,7px)/1.22 Georgia,serif;color:#f7edcf;font-style:normal;letter-spacing:.02em}
.mtp-bd-book-cross{position:absolute;right:12%;bottom:10%;font-size:clamp(7px,.75vw,14px);color:#e42e1b;text-shadow:0 0 10px rgba(228,46,27,.65)}
.mtp-bd-copy{position:relative;z-index:2;min-width:0}
.mtp-bd-meta{display:flex;align-items:center;gap:12px;margin-bottom:.7%}
.mtp-bd-copy small{display:block;font:800 clamp(6px,.55vw,10px)/1 Arial,sans-serif;letter-spacing:.23em;color:#e2ad32}
.mtp-bd-meta span{padding:5px 8px;border:1px solid rgba(222,168,44,.32);border-radius:999px;background:rgba(221,160,31,.07);font:700 clamp(4px,.38vw,7px)/1 Arial,sans-serif;letter-spacing:.12em;color:#bda56d}
.mtp-bd-copy h3{margin:0 0 1.1%;font:700 clamp(18px,1.85vw,33px)/.98 Georgia,serif;color:#fff9e9;letter-spacing:.005em;text-shadow:0 8px 22px rgba(0,0,0,.65)}
.mtp-bd-copy p{max-width:720px;margin:0;font:400 clamp(7px,.67vw,12px)/1.52 Arial,sans-serif;color:#d8d0c3}
.mtp-bd-signature{display:flex;align-items:center;gap:10px;margin-top:2%;font:600 clamp(4px,.4vw,7px)/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#9c8d72}.mtp-bd-signature i{display:block;width:44px;height:1px;background:linear-gradient(90deg,#c18c22,transparent)}
.mtp-bd-cta{position:relative;z-index:5;min-width:max-content;display:flex;align-items:center;gap:18px;padding:14px 18px;border:1px solid rgba(226,169,44,.82);border-radius:9px;background:linear-gradient(180deg,rgba(77,28,10,.92),rgba(14,8,4,.98));box-shadow:inset 0 1px 0 rgba(255,222,125,.10),0 10px 24px rgba(0,0,0,.34);color:#f4c552;text-decoration:none;font:800 clamp(7px,.61vw,11px)/1 Arial,sans-serif;letter-spacing:.09em;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.mtp-bd-cta b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(180deg,#edbd4d,#9b6610);color:#140a03;font-size:14px;transition:transform .24s ease}
.mtp-bd-cta:hover,.mtp-bd-cta:focus-visible{transform:translateY(-2px);border-color:#f2c557;box-shadow:0 14px 30px rgba(0,0,0,.44),0 0 22px rgba(207,143,24,.10);outline:none}.mtp-bd-cta:hover b{transform:translateX(3px)}
@keyframes bdLuxurySweep{0%,55%{transform:translateX(-45%)}80%,100%{transform:translateX(45%)}}
@media(max-width:760px){.mtp-bd-card{grid-template-columns:21% 1fr;padding:4% 4.5%;column-gap:5%}.mtp-bd-book{align-self:start}.mtp-bd-meta span,.mtp-bd-signature,.mtp-bd-copy p{display:none}.mtp-bd-cta{grid-column:2;margin-top:4%;justify-self:start;padding:9px 12px;gap:10px}.mtp-bd-cta b{width:20px;height:20px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.mtp-bd-card::after{animation:none}}

/* =========================================================
   SPRINT K.4 — FRISE D'INTRODUCTION & DÉFILEMENT PREMIUM
   ========================================================= */
html{scrollbar-color:#8f6a18 #050505;scrollbar-width:thin}
html::-webkit-scrollbar{width:8px;height:8px}
html::-webkit-scrollbar-track{background:#050505}
html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4e3910,#c08d1c,#4e3910);border:2px solid #050505;border-radius:999px}
html::-webkit-scrollbar-thumb:hover{background:#d8a62d}
body.intro-active{position:fixed;inset:0;width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none}
.mtp-intro-occitane{grid-template-columns:minmax(280px,470px) minmax(390px,620px);gap:clamp(34px,6vw,110px);padding:clamp(26px,4vw,72px);place-items:center;isolation:isolate}
.occitan-gate{grid-column:2;transform:translateY(-5vh)}
.intro-timeline{grid-column:1;position:relative;z-index:3;width:100%;max-width:470px;padding:clamp(22px,3vw,34px);border:1px solid rgba(245,185,40,.18);border-radius:24px;background:linear-gradient(145deg,rgba(12,9,5,.74),rgba(2,2,2,.54));box-shadow:inset 0 1px rgba(255,255,255,.035),0 28px 80px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
.intro-timeline::before{content:"";position:absolute;inset:10px;border:1px solid rgba(176,28,33,.16);border-radius:17px;pointer-events:none}
.intro-timeline-head{position:relative;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid rgba(245,185,40,.14)}
.intro-timeline-head span{display:block;margin-bottom:7px;color:#a77e20;font-size:8px;font-weight:900;letter-spacing:.28em}
.intro-timeline-head strong{display:block;color:#f7e7b1;font-family:Georgia,serif;font-size:clamp(21px,2vw,29px);font-weight:500}
.intro-timeline ol{position:relative;list-style:none;margin:0;padding:0 0 0 5px}
.intro-timeline ol::before{content:"";position:absolute;left:8px;top:9px;bottom:10px;width:1px;background:linear-gradient(#f5b928,rgba(221,28,39,.72),rgba(245,185,40,.22))}
.intro-timeline li{position:relative;display:grid;grid-template-columns:18px 1fr;gap:15px;padding:0 0 19px}
.intro-timeline li:last-child{padding-bottom:0}
.timeline-dot{position:relative;z-index:1;width:17px;height:17px;margin-top:2px;border:1px solid #d79d1e;border-radius:50%;background:#070503;box-shadow:0 0 0 5px rgba(245,185,40,.035),0 0 17px rgba(245,185,40,.15)}
.timeline-dot::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#b5121b}
.intro-timeline li:last-child .timeline-dot::after{background:#f5b928;box-shadow:0 0 11px rgba(245,185,40,.7)}
.intro-timeline small{display:block;margin-bottom:3px;color:#b7851b;font-size:7px;font-weight:900;letter-spacing:.23em}
.intro-timeline li strong{display:block;color:#f4f0e7;font-size:13px;letter-spacing:.015em}
.intro-timeline li p{margin:4px 0 0;color:#8f8a80;font-size:10px;line-height:1.45}
.intro-copy{left:auto;right:clamp(28px,5vw,88px);bottom:5vh;translate:0 0;width:min(48vw,680px)}
.mtp-viewport{scrollbar-width:none!important}
.mtp-viewport::-webkit-scrollbar{display:none!important}
@media(max-width:980px){
  .mtp-intro-occitane{display:flex;flex-direction:column;justify-content:flex-start;gap:22px;padding:74px 20px 150px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
  .mtp-intro-occitane::-webkit-scrollbar{display:none}
  .occitan-gate{flex:0 0 auto;width:min(72vw,340px);transform:none}
  .intro-timeline{order:2;max-width:600px;padding:22px}
  .intro-copy{position:relative;order:3;left:auto;right:auto;bottom:auto;translate:0 0;width:min(100%,680px);padding:0 8px}
  .intro-skip{position:fixed}
}
@media(max-width:620px){
  html{scrollbar-width:none}
  html::-webkit-scrollbar{display:none}
  .mtp-intro-occitane{padding:62px 14px 130px;gap:18px}
  .occitan-gate{width:min(66vw,280px)}
  .intro-timeline{padding:19px 17px;border-radius:20px}
  .intro-timeline-head{margin-bottom:18px;padding-bottom:14px}
  .intro-timeline li{padding-bottom:15px;gap:12px}
  .intro-timeline li p{font-size:9px}
  .intro-copy h1{font-size:clamp(28px,10vw,44px)}
  .companion-site-link{display:none}
}