/* Copy V2 karmique : même DA que la branche (noir nuit, ivoire, or, vermillon). Polices locales OFL. Mobile d'abord. */
@font-face{font-family:Manrope;src:url(/karmique/static/polices/manrope-fr.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Fraunces;src:url(/karmique/static/polices/fraunces-fr.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url(/karmique/static/polices/inter-fr.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--nuit:#0B0E14;--nuit2:#121722;--ivoire:#F3EDE4;--or:#C7A77B;--verm:#E95835;--gris:#ABA597;--trait:#262C38;--carte:#111622;--papier:#F6F1E8;--encre:#1B1D22}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--nuit);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--nuit);color:var(--ivoire);font:400 16.5px/1.58 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--ivoire)}
:focus-visible{outline:2.5px solid var(--or);outline-offset:3px}
.k-page{max-width:640px;margin:0 auto;padding:18px 20px 0}
.k-marque{font:800 11.5px/1 Manrope;letter-spacing:.42em;color:var(--or)}
.k-sur{margin-top:22px;font:700 12.5px/1.25 Manrope;letter-spacing:.16em;text-transform:uppercase;color:var(--or)}
h1{margin-top:10px;font:500 35px/1.08 Fraunces;letter-spacing:-.012em}
h1 em,h2 em{font-style:italic;color:var(--or)}
h2{margin-top:10px;font:500 28px/1.14 Fraunces}
h3{margin-top:24px;font:700 18px/1.3 Manrope}
p{margin-top:12px}
.k-chapeau{margin-top:14px;font:380 18.5px/1.5 Fraunces}
.k-unite{margin-top:12px;font:600 14px/1.4 Inter;color:var(--or)}
.k-hero{padding:24px 0 26px;background:radial-gradient(120% 70% at 85% 0%,rgba(199,167,123,.16),transparent 60%)}
.k-bouton{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin-top:20px;border:0;border-radius:12px;background:var(--verm);color:var(--nuit);font:780 17px/1.25 Manrope;text-decoration:none;cursor:pointer;padding:12px 16px;text-align:center}
.k-contour{background:transparent;border:1.5px solid var(--ivoire);color:var(--ivoire)}
.k-sous{margin-top:9px;text-align:center;font:600 14px/1.4 Inter}
.k-petit{font-size:13.5px;color:var(--gris)}
.k-lien{display:block;margin-top:12px;text-align:center;color:var(--or);font:600 15px/1.4 Inter}
.k-sec{padding:34px 0;border-top:1px solid var(--trait)}
.k-sec:first-of-type{border-top:0}
.k-scene{margin-top:14px;font:400 21px/1.42 Fraunces}
.k-scene span{display:block;margin-top:6px}
.k-fort{margin-top:16px;font:600 18px/1.45 Fraunces;color:var(--or)}
.k-cartes{display:grid;gap:12px;margin-top:18px}
.k-carte{background:var(--carte);border:1px solid var(--trait);border-radius:14px;padding:16px 16px 18px}
.k-carte b{display:block;font:700 13px/1.2 Manrope;letter-spacing:.14em;text-transform:uppercase}
.k-carte.sud b{color:var(--verm)}.k-carte.nord b{color:var(--or)}
.k-carte p{margin-top:8px}
.k-etapes{margin-top:16px;counter-reset:e;list-style:none}
.k-etapes li{position:relative;padding:0 0 14px 44px;counter-increment:e}
.k-etapes li::before{content:counter(e);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--or);color:var(--or);font:700 15px/27px Manrope;text-align:center}
.k-etapes b{color:var(--ivoire)}
.k-puces{list-style:none;margin-top:14px}
.k-puces li{position:relative;padding:0 0 12px 22px}
.k-puces li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--verm)}
.k-puces li b{color:var(--ivoire)}
.k-puces.or li::before{background:var(--or)}
.k-pv{margin-top:18px;padding:16px 18px;border-left:3px solid var(--verm);background:rgba(233,88,53,.07);font:500 19px/1.42 Fraunces}
.k-cite{margin-top:16px;padding:18px;background:var(--papier);color:var(--encre);border-radius:12px;font:400 16.5px/1.6 Fraunces}
.k-cite small{display:block;margin-top:10px;font:500 12.5px/1.4 Inter;color:#6d675c}
.k-anim{margin:18px -4px 0;border-radius:14px;overflow:hidden;background:var(--carte);border:1px solid var(--trait)}
.k-anim video,.k-anim img{display:block;width:100%;height:auto}
.k-anim .k-poster{display:none}
.k-anim figcaption{padding:10px 14px 12px;font:500 13px/1.45 Inter;color:var(--gris)}
@media (prefers-reduced-motion:reduce){.k-anim video{display:none}.k-anim .k-poster{display:block}html{scroll-behavior:auto}}
.k-tableau{width:100%;margin-top:16px;border-collapse:collapse;font-size:15px}
.k-tableau th,.k-tableau td{padding:10px 8px;border-bottom:1px solid var(--trait);vertical-align:top;text-align:left}
.k-tableau th{font:700 12px/1.3 Manrope;letter-spacing:.12em;text-transform:uppercase;color:var(--or)}
.k-tableau td:first-child{color:var(--gris);width:34%}
.k-deux{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.k-deux>div{background:var(--carte);border:1px solid var(--trait);border-radius:12px;padding:14px}
.k-deux h3{margin-top:0;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--or)}
.k-deux ul{list-style:none;margin-top:8px;font-size:14.5px}.k-deux li{padding:3px 0}
.k-offre{margin-top:18px;background:var(--carte);border:1.5px solid var(--or);border-radius:16px;padding:20px 18px}
.k-offre h3{margin-top:4px;font:500 25px/1.15 Fraunces}
.k-prix{margin-top:14px;font:700 20px/1.3 Manrope}
.k-question{margin-top:18px;font:500 19px/1.4 Fraunces;color:var(--ivoire)}
.k-faq details{border-bottom:1px solid var(--trait);padding:12px 0}
.k-faq summary{cursor:pointer;font:650 16.5px/1.4 Manrope;list-style:none;padding-right:26px;position:relative}
.k-faq summary::after{content:"+";position:absolute;right:2px;top:-2px;color:var(--or);font-size:22px}
.k-faq details[open] summary::after{content:"–"}
.k-faq details p{color:var(--ivoire)}
.k-form label{display:block;margin-top:16px;font:650 15px/1.3 Manrope}
.k-form small{display:block;margin-top:4px;color:var(--gris);font-size:13.5px}
.k-form input{width:100%;margin-top:8px;min-height:50px;border-radius:10px;border:1.5px solid #3a4150;background:var(--nuit2);color:var(--ivoire);font:16px Inter;padding:10px 12px}
.k-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.k-pages img{width:100%;border-radius:6px;border:1px solid var(--trait)}
.k-axe{margin-top:18px;text-align:center}
.k-axe svg{width:min(320px,86vw);height:auto}
.k-axe .fil{stroke-dasharray:420;stroke-dashoffset:420;animation:fil 1.6s .3s ease-out forwards}
@keyframes fil{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.k-axe .fil{animation:none;stroke-dashoffset:0}}
.k-reco{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.k-reco button{flex:1 1 140px;min-height:48px;border-radius:10px;border:1.5px solid var(--or);background:transparent;color:var(--ivoire);font:650 15px Manrope}
.k-dates{list-style:none;margin-top:14px}
.k-dates li{padding:12px 0;border-bottom:1px solid var(--trait)}
.k-dates time{display:block;font:700 17px/1.3 Manrope;color:var(--or)}
.k-place{margin-top:12px;padding:10px 12px;border:1px dashed var(--gris);border-radius:8px;font:500 12.5px/1.45 Inter;color:var(--gris)}
.k-pied{padding:30px 0 40px;border-top:1px solid var(--trait);font-size:13.5px;color:var(--gris);text-align:center}
.k-fixe{position:sticky;bottom:0;padding:10px 0 12px;background:linear-gradient(transparent,var(--nuit) 30%)}
.k-fixe .k-bouton{margin-top:0}
@media (min-width:900px){.k-page{max-width:700px}h1{font-size:46px}h2{font-size:32px}.k-cartes{grid-template-columns:1fr 1fr}}
/* ---------- V3 : trois dimensions, frise des douze prochains mois, galerie, CTA courts (27/10/2026) ---------- */
.k-trois{display:grid;gap:10px;margin-top:18px}
.k-trois>div{background:var(--carte);border:1px solid var(--trait);border-radius:14px;padding:14px 16px}
.k-trois b{display:block;font:800 12px/1.2 Manrope;letter-spacing:.16em;text-transform:uppercase}
.k-trois .passe b{color:var(--verm)}.k-trois .present b{color:var(--ivoire)}.k-trois .avenir b{color:var(--or)}
.k-trois p{margin-top:6px;font-size:15px}
@media (min-width:760px){.k-trois{grid-template-columns:repeat(3,1fr)}}
.k-cta-court{display:none}
@media (max-width:420px){.k-cta-long{display:none}.k-cta-court{display:inline}}
.k-prix-hero{margin-top:8px;text-align:center;font:650 14.5px/1.4 Inter;color:var(--ivoire)}
.k-frise{margin-top:20px;position:relative}
.k-frise ol{list-style:none;display:grid;gap:12px;position:relative;padding-left:22px}
.k-frise ol::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--verm),var(--or))}
.k-frise li{position:relative;background:var(--carte);border:1px solid var(--trait);border-radius:12px;padding:12px 14px}
.k-frise li::before{content:"";position:absolute;left:-21px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--nuit);border:2px solid var(--or)}
.k-frise li.fort::before{background:var(--verm);border-color:var(--verm)}
.k-frise time{display:block;font:800 12px/1.2 Manrope;letter-spacing:.12em;text-transform:uppercase;color:var(--or)}
.k-frise h4{margin-top:4px;font:500 17px/1.3 Fraunces;color:var(--ivoire)}
.k-frise .dom{margin-top:6px;font:600 12.5px/1.3 Inter;color:var(--gris)}
@media (min-width:900px){
 .k-page.k-large{max-width:980px}
 .k-frise ol{grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);padding:34px 0 0;overflow-x:auto}
 .k-frise ol::before{left:0;right:0;top:12px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--verm),var(--or))}
 .k-frise li::before{left:14px;top:-28px}
}
.k-galerie{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}
.k-galerie figure{margin:0}.k-galerie img{width:100%;height:auto;border-radius:8px;border:1px solid var(--trait);background:var(--papier)}
.k-galerie figcaption{margin-top:6px;font:500 12.5px/1.35 Inter;color:var(--gris)}
@media (min-width:760px){.k-galerie{grid-template-columns:repeat(4,1fr)}}
.k-quatre{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.k-quatre figure{margin:0;background:var(--carte);border:1px solid var(--trait);border-radius:12px;overflow:hidden}
.k-quatre img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.k-quatre figcaption{padding:8px 10px 10px;font:600 13px/1.35 Inter}
.k-quatre figcaption span{display:block;font-weight:400;color:var(--gris);font-size:12.5px}
@media (min-width:760px){.k-quatre{grid-template-columns:repeat(4,1fr)}}
.k-fenetre{margin-top:14px;display:grid;gap:8px}
.k-fenetre div{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}
.k-fenetre i{font-style:normal;font:800 13px/26px Manrope;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--or);color:var(--or);text-align:center}
.k-roues{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 6px}
.k-roues figure{margin:0;text-align:center}
.k-roues img{width:100%;height:auto;display:block}
.k-roues figcaption{margin-top:8px;font-size:.95rem}
.k-roues-aide{display:none;font-size:.9rem;opacity:.75;margin:0 0 14px}
@media (max-width:720px){.k-roues{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:10px;margin-left:-4px;margin-right:-4px}.k-roues figure{flex:0 0 86%;scroll-snap-align:center}.k-roues-aide{display:block}}
.k-roues:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.k-frise li.k-dom-travail{border-left:3px solid #B08D57}.k-frise li.k-dom-famille{border-left:3px solid #5E8473}
.k-frise li.k-dom-amour{border-left:3px solid var(--verm)}.k-frise li.k-dom-evolution{border-left:3px solid var(--ivoire)}
.k-frise li.k-dom-travail .dom{color:#C7A77B}.k-frise li.k-dom-famille .dom{color:#8FB5A3}.k-frise li.k-dom-amour .dom{color:var(--verm)}
@media (min-width:900px){.k-frise li{border-left-width:1px;border-top:3px solid transparent}.k-frise li.k-dom-travail{border-top-color:#B08D57}.k-frise li.k-dom-famille{border-top-color:#5E8473}.k-frise li.k-dom-amour{border-top-color:var(--verm)}.k-frise li.k-dom-evolution{border-top-color:var(--ivoire)}}
.k-frise-ordi{display:none}
@media (min-width:900px){
 .k-frise-ordi{display:block;width:min(1120px,94vw);margin:22px 0 0 50%;transform:translateX(-50%);border-radius:14px;overflow:hidden;border:1px solid var(--trait)}
 .k-frise-ordi img{display:block;width:100%;height:auto}
 .k-frise ol{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);overflow:visible;padding:0}
 .k-frise ol::before,.k-frise li::before{display:none}
}

.k-sources{font-size:12.5px;line-height:1.5;color:var(--gris)}.k-sources summary{cursor:pointer;font:600 12.5px/1.4 Inter;color:var(--gris)}
.k-sources ul{margin:8px 0 0 18px}.k-sources li{margin:4px 0}.k-sources p{margin-top:8px}

/* Finale commerciale (27/10) : quatre dimensions, comparatif, méthode point par point */
.k-dims{display:grid;gap:12px;margin-top:16px}
.k-dims figure{margin:0;background:var(--carte);border:1px solid var(--trait);border-radius:14px;overflow:hidden}
.k-dims img{display:block;width:100%;height:170px;object-fit:cover;object-position:top;background:var(--papier)}
.k-dims figcaption{padding:12px 14px 14px;font-size:14.5px;line-height:1.5}
.k-dims figcaption b{display:block;font:500 18px/1.3 Fraunces;color:var(--or);margin-bottom:4px}
@media (min-width:760px){.k-dims{grid-template-columns:1fr 1fr}}
.k-compar{margin-top:16px;border:1px solid var(--trait);border-radius:14px;overflow:hidden;font-size:13.5px;line-height:1.35}
.k-compar-l{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr}
.k-compar-l>span{padding:9px 7px;border-top:1px solid var(--trait)}
.k-compar-l>span+span{border-left:1px solid var(--trait);text-align:center;color:var(--ivoire)}
.k-compar-l>span:first-child{color:var(--gris);font-weight:600}
.k-compar-t>span{border-top:0;font:800 11px/1.25 Manrope;letter-spacing:.08em;text-transform:uppercase;color:var(--or)!important;background:var(--carte)}
@media (max-width:420px){.k-compar{font-size:12.5px}.k-compar-l{grid-template-columns:1fr 1fr 1fr 1fr}.k-compar-l>span{padding:8px 5px}}
.k-dl{margin-top:16px}.k-dl dt{margin-top:16px;font:700 16px/1.3 Manrope;color:var(--or)}.k-dl dd{margin:4px 0 0;color:var(--ivoire)}

/* ===== technique de la branche (intégration V2, 27/10/2026) : ouverture, formulaires, page de l'axe, préproduction ===== */
.k-saut{position:absolute;left:-9999px}.k-saut:focus{left:12px;top:12px;background:var(--ivoire);color:var(--nuit);padding:8px 12px;border-radius:8px;z-index:9}
.k-hero-ciel{background:none;position:relative}
.k-ciel-fig{margin:-6px -20px 0;pointer-events:none}
.k-ciel{display:block;width:100%;height:auto;max-height:40vh}
.k-et{fill:#D9D2C4;opacity:.55}.k-et-sc{opacity:.8}
.k-c-ecl{fill:none;stroke:#5A6272;stroke-width:1.3;stroke-dasharray:.004 .008}
.k-c-orb{fill:none;stroke:var(--or);stroke-width:1.8}.k-c-orb-bas{opacity:.32}
.k-c-axe{stroke:var(--or);stroke-width:1.6;stroke-dasharray:.012 .012;opacity:.85}
.k-c-terre{stroke:#5A6272;stroke-width:1}
.k-c-lune{fill:var(--ivoire)}.k-c-lune-fixe{display:none}
.k-nn{fill:var(--or)}.k-ns{fill:var(--nuit);stroke:var(--ivoire);stroke-width:2}
.k-c-leg{fill:var(--gris);font:600 19px Inter,sans-serif;text-anchor:middle;letter-spacing:.02em}.k-leg-or{fill:var(--or)}
@media (prefers-reduced-motion:reduce){.k-c-lune-anim{display:none}.k-c-lune-fixe{display:inline}}
@media (prefers-reduced-motion:no-preference){
 .k-c-orb{stroke-dasharray:1;animation:k-trace 2.4s ease-out .2s both}.k-c-orb-bas{animation-delay:.6s}
 .k-c-axe{animation:k-apparait 1s ease-out 2.6s both}
 .k-c-noeud{animation:k-revele 1.2s cubic-bezier(.2,.7,.2,1) both;transform-box:fill-box;transform-origin:center}
 .k-c-nn{animation-delay:2s}.k-c-ns{animation-delay:2.4s}
 .k-et-sc{animation:k-scintille 5.5s ease-in-out infinite}
 @keyframes k-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
 @keyframes k-revele{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
 @keyframes k-apparait{from{opacity:0}to{opacity:.85}}
 @keyframes k-scintille{50%{opacity:.2}}
}
@media (min-width:760px){.k-ciel-fig{margin:0 -40px 0}.k-ciel{max-height:none}}
.k-erreur{margin-top:14px;padding:11px 13px;border:1.5px solid var(--verm);border-radius:10px;font:560 14.5px/1.4 Inter}
.k-suggestion{margin-top:6px;font:500 13.5px/1.3 Inter;color:var(--or)}
.k-miel{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.k-case{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font:500 14px/1.4 Inter}.k-case input{width:22px;height:22px;flex:0 0 22px;min-height:0;margin-top:0;accent-color:var(--verm)}
.k-prepa{margin-top:12px;text-align:center}
.k-preprod{display:inline-block;margin-top:6px;padding:2px 8px;border:1px solid var(--verm);color:var(--verm);border-radius:6px;letter-spacing:.2em}
.k-simulation{margin:0;padding:8px 14px;background:var(--verm);color:var(--nuit);font:700 13px/1.4 Inter;text-align:center}
/* page de l'axe : formulaire, villes, calculs, dates, axe en une page */
.k-champ{margin-top:14px;border:0}
.k-champ label,.k-champ legend{display:block;font:650 15px/1.3 Manrope;margin-bottom:6px}
.k-champ input,.k-date3-champs input{width:100%;min-height:50px;border-radius:10px;border:1.5px solid #3a4150;background:var(--nuit2);color:var(--ivoire);font:16px Inter;padding:10px 12px;color-scheme:dark}
.k-date3-champs{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px}
.k-pour{margin-top:6px;font:450 13px/1.35 Inter;color:var(--gris)}
.k-plus{margin-top:16px}.k-plus summary{color:var(--or);cursor:pointer;font:600 15px Inter}
.k-ville{position:relative}
.k-villes{list-style:none;position:absolute;left:0;right:0;top:82px;z-index:5;background:#151B27;border:1px solid #4C5566;border-radius:10px;max-height:260px;overflow:auto}
.k-villes li{padding:11px 14px;cursor:pointer;font:500 15px/1.3 Inter}.k-villes li[aria-selected=true],.k-villes li:hover{background:#232B3A}
.k-villes small{color:var(--gris)}
.k-merci{margin-top:10px;font:500 14px/1.45 Inter;color:var(--or)}
.k-reco button[aria-pressed=true]{background:var(--ivoire);color:var(--nuit)}
.k-note{font:450 14px/1.5 Inter;color:var(--gris)}
.k-bord{border-left:3px solid var(--or);padding-left:12px}
.k-dates .k-type{display:block;margin-top:2px;font:600 12px/1.3 Manrope;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.k-actions{display:grid;gap:10px;margin-top:16px}
.k-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;border:1.5px solid var(--or);color:var(--ivoire);text-decoration:none;font:650 15px Manrope;padding:10px 14px;text-align:center}
.k-guide{margin-top:16px}
.k-tableau-cadre{overflow-x:auto}
.k-hero,.k-hero-ciel{background:none}

/* Visionneuse des pages (28/10/2026) : une page à la fois sur téléphone, grande page + vignettes sur ordinateur, plein écran */
.k-vis-titre{margin:18px 0 6px;font-weight:600;color:var(--or,#c9a45c)}
.k-vis{position:relative;margin:8px 0 18px}
.k-vis-piste{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:4px 7% 10px;scrollbar-width:none}
.k-vis-piste::-webkit-scrollbar{display:none}
.k-vis-page{flex:0 0 86%;scroll-snap-align:center;margin:0}
.k-vis-ouvrir{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.k-vis-ouvrir img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--trait,#333);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.k-vis-page figcaption{margin-top:10px;font-size:15px;line-height:1.45}
.k-vis-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:4px}
.k-vis-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--trait,#555);background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer}
.k-vis-compte{min-width:70px;text-align:center;font-size:14px;opacity:.85}
.k-vis-vignettes{display:none}
.k-vis-plein{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;border:0;background:rgba(6,9,20,.96);color:#f5efe3}
.k-vis-plein::backdrop{background:rgba(6,9,20,.9)}
.k-vis-zoom{height:calc(100vh - 110px);overflow:auto;touch-action:pinch-zoom pan-x pan-y;display:flex;justify-content:center;align-items:flex-start;padding:56px 10px 0}
.k-vis-zoom img{max-width:min(100%,900px);height:auto}
.k-vis-fermer{position:fixed;top:12px;right:12px;z-index:2;min-height:44px;padding:0 16px;border-radius:22px;border:1px solid #f5efe3;background:rgba(6,9,20,.8);color:#f5efe3;font-size:16px;cursor:pointer}
.k-vis-hd{display:block;text-align:center;padding:14px;color:#e8c27a}
@media (min-width:900px){
  .k-vis-piste{padding:4px calc(50% - 230px) 10px}
  .k-vis-page{flex:0 0 460px}
  .k-vis-vignettes{display:flex;justify-content:center;gap:10px;margin-top:12px}
  .k-vis-vignette{padding:0;border:2px solid transparent;border-radius:6px;background:none;cursor:pointer;opacity:.6}
  .k-vis-vignette[aria-current=true]{border-color:var(--or,#c9a45c);opacity:1}
  .k-vis-vignette img{display:block;width:70px;height:auto;border-radius:4px}
}