/* Identité graphique — compilée, ne pas modifier à la main. */ :root, .bloc-scene-hote { --site-echelle-base: 1.0625rem; --site-echelle-ratio: 1.25; --site-densite-choix: 1; --site-accent-2: #dbbb1f; --site-texte-attenue: #9a978f; --site-bordure: #2a2a30; --site-t1-police: Barlow Condensed, system-ui, sans-serif; --site-t1-graisse: 700; --site-t1-casse: uppercase; --site-t1-lettres: -0.03em; --site-t1-ligne: 1.15; --site-t2-police: var(--site-police-titre); --site-t2-graisse: 700; --site-t2-casse: uppercase; --site-t2-lettres: -0.015em; --site-t2-ligne: 1.15; --site-t3-police: var(--site-police-titre); --site-t3-graisse: 600; --site-t3-casse: uppercase; --site-t3-lettres: 0; --site-t3-ligne: 1.35; --site-surtitre-police: var(--site-police-corps); --site-surtitre-graisse: 600; --site-surtitre-casse: uppercase; --site-surtitre-lettres: 0.18em; --site-surtitre-ligne: 1.35; --site-corps-police: var(--site-police-corps); --site-corps-graisse: 400; --site-corps-casse: none; --site-corps-lettres: 0; --site-corps-ligne: 1.6; --site-bouton-police: var(--site-police-corps); --site-bouton-graisse: 600; --site-bouton-casse: none; --site-bouton-lettres: 0; --site-bouton-ligne: 1; --site-lien-couleur: var(--site-accent); --site-lien-decoration: underline; --site-rayon-bouton: 0px; --site-rayon-image: 0px; --site-rayon-carte: 0px; --site-bordure-epaisseur: 1px; --site-ombre: none; --site-ombre-bouton: none; --site-mouvement-titres: aucun; --site-mouvement-images: aucun; --site-mouvement-vitesse: normale; --site-mouvement-cascade: aucun; --site-mouvement-survol-images: aucun; --site-largeur-contenu: 96rem; --site-largeur-lecture: 48rem; --site-respiration-titre: 0; --site-t1-echelle: clamp(2.25rem, 1.8616rem + 1.7261vw, 3.2425rem); --site-t2-echelle: clamp(1.6666rem, 1.5067rem + 0.7106vw, 2.0752rem); --site-t3-echelle: clamp(1.4344rem, 1.346rem + 0.3927vw, 1.6602rem); --site-corps-echelle: 1.0625rem; --site-bouton-echelle: 1.0625rem; --site-surtitre-echelle: 0.85rem; --site-espace-0: 0rem; --site-densite: 1; --site-espace-1: 0.25rem; --site-espace-2: 0.5rem; --site-espace-3: 0.75rem; --site-espace-4: 1rem; --site-espace-5: 1.5rem; --site-espace-6: 2rem; --site-espace-7: 3rem; --site-espace-8: 4rem; --site-espace-9: 6rem; --site-espace-10: 8rem; --site-section-aucun: 0rem; --site-section-compact: clamp(2rem, 1.8043rem + 0.8696vw, 2.5rem); --site-section-normal: clamp(3rem, 2.2174rem + 3.4783vw, 5rem); --site-section-aere: clamp(4rem, 2.4348rem + 6.9565vw, 8rem); } /* Niveaux de texte, du plus GÉNÉRAL au plus PARTICULIER. L'ordre n'est pas cosmétique. Un surtitre est un paragraphe : il est donc visé par la règle du corps de texte comme par la sienne, et les deux sélecteurs pèsent exactement pareil — une classe plus un type ou un attribut, la pseudo-classe « is » prenant la spécificité de son argument le plus fort. À égalité, c'est la DERNIÈRE règle écrite qui l'emporte. Écrites dans l'autre sens, le corps de texte reprenait au surtitre sa taille, sa casse et son interlettrage : réglé sur « MAJUSCULES, très espacé », il s'affichait en minuscules serrées. Constaté au rendu réel, invisible partout ailleurs. Le ciblage des titres se fait par BALISE et non par le marqueur « titre » : celui-ci est posé indifféremment sur un h1 ou un h2 selon le bloc, et régler les deux ensemble ferait perdre l'intérêt d'avoir deux niveaux. */ .bloc-scene-hote :is(p, li, [data-el="texte"], [data-el="intro"], [data-el="corps"]) { --piksl-niveau: 1.0625rem; font-family: var(--site-police-corps); font-size: var(--piksl-niveau); font-weight: 400; text-transform: none; letter-spacing: 0; line-height: 1.6; } .bloc-scene-hote h1 { --piksl-niveau: clamp(2.25rem, 1.8616rem + 1.7261vw, 3.2425rem); font-family: Barlow Condensed, system-ui, sans-serif; font-size: var(--piksl-niveau); font-weight: 700; text-transform: uppercase; letter-spacing: -0.03em; line-height: 1.15; } .bloc-scene-hote h2 { --piksl-niveau: clamp(1.6666rem, 1.5067rem + 0.7106vw, 2.0752rem); font-family: var(--site-police-titre); font-size: var(--piksl-niveau); font-weight: 700; text-transform: uppercase; letter-spacing: -0.015em; line-height: 1.15; } .bloc-scene-hote :is(h3, h4) { --piksl-niveau: clamp(1.4344rem, 1.346rem + 0.3927vw, 1.6602rem); font-family: var(--site-police-titre); font-size: var(--piksl-niveau); font-weight: 600; text-transform: uppercase; letter-spacing: 0; line-height: 1.35; } .bloc-scene-hote [data-el="surtitre"] { --piksl-niveau: 0.85rem; font-family: var(--site-police-corps); font-size: var(--piksl-niveau); font-weight: 600; text-transform: uppercase; letter-spacing: 0.18em; line-height: 1.35; } .bloc-scene-hote :is([data-el="boutons"] :is(a, button), [data-el="bouton"]) { --piksl-niveau: 1.0625rem; font-family: var(--site-police-corps); font-size: var(--piksl-niveau); font-weight: 600; text-transform: none; letter-spacing: 0; line-height: 1; } /* Le surtitre garde son opacité d'origine : c'est ce qui le tient en retrait. */ .bloc-scene-hote [data-el="surtitre"] { color: var(--site-texte-attenue); opacity: 1; } .bloc-scene-hote :is([data-el="meta"], [data-el="prix"] small, figcaption) { color: var(--site-texte-attenue); } /* Liens dans le texte courant — jamais les boutons, ni le menu. */ .bloc-scene-hote :is(p, li, [data-el="texte"], [data-el="intro"], [data-el="corps"]) a { color: var(--site-lien-couleur); text-decoration-line: var(--site-lien-decoration); text-underline-offset: 0.2em; } /* Formes */ .bloc-scene-hote :is([data-el="boutons"] :is(a, button), [data-el="bouton"]) { border-radius: var(--site-rayon-bouton); box-shadow: var(--site-ombre-bouton); } .bloc-scene-hote :is(img, video):not([data-el="logo"]):not([data-el="logo"] *) { border-radius: var(--site-rayon-image); } .bloc-scene-hote :is([data-el="offres"] > *, [data-el="avis"] > *, [data-el="chiffres"] > *, [data-el="entrees"] > *, [data-el="comparaisons"] > *) { border-radius: var(--site-rayon-carte); box-shadow: var(--site-ombre); } .bloc-scene-hote [class*="border"] { border-color: var(--site-bordure); } /* Rythme */ .bloc-scene-hote .max-w-6xl { max-width: var(--site-largeur-contenu); } .bloc-scene-hote .max-w-3xl { max-width: var(--site-largeur-lecture); } .bloc-scene-hote :is(h1, h2, h3) { margin-bottom: var(--site-respiration-titre); } /* ══ garde.css ══ la charte du gabarit (.bloc-scene-hote …) impose son échelle typographique, ses polices, ses rayons et ses largeurs au contenu des blocs. Le site porté a la sienne : on désamorce la charte à la source (variables) puis règle par règle, avant que la feuille du site ne reprenne la main. */ /* 1. les variables de la charte, ramenées au dessin */ .bloc-scene-hote{ --site-echelle:16px; --site-interligne:1.6; --site-casse-titres:none; --site-echelle-base:16px; --site-echelle-ratio:1; --site-police-corps:var(--body); --site-police-titre:var(--display); --site-accent:var(--carton); --site-texte-attenue:var(--muted); --site-bordure:var(--line); --site-lien-couleur:inherit; --site-lien-decoration:none; --site-rayon-image:0; --site-rayon-carte:0; --site-rayon-bouton:0; --site-ombre:none; --site-ombre-bouton:none; --site-largeur-contenu:none; --site-largeur-lecture:none; --site-respiration-titre:0; font-size:16px; line-height:1.6; font-family:var(--body); } /* 2. l'échelle de titres du gabarit, effacée : le dessin rhabille ensuite */ .bloc-scene-hote :is(h1,h2,h3,h4,h5,h6){ font-family:var(--display); font-size:inherit; font-weight:bold; letter-spacing:normal; line-height:inherit; text-transform:none; margin:0; text-wrap:balance; } .bloc-scene-hote :is(p,li,[data-el="texte"],[data-el="intro"],[data-el="corps"]){ font-family:inherit; font-size:inherit; font-weight:inherit; text-transform:none; letter-spacing:normal; line-height:inherit; } .bloc-scene-hote [data-el="surtitre"], .bloc-scene-hote :is([data-el="meta"],[data-el="prix"] small,figcaption){color:inherit} .bloc-scene-hote :is(p,li) a, .bloc-scene-hote :is(p,li,[data-el="texte"],[data-el="intro"],[data-el="corps"]) a{ color:inherit; text-decoration:none; text-underline-offset:0; } .bloc-scene-hote p code{font-family:inherit;font-size:inherit;padding:0;background:none} /* 3. rayons, ombres et bordures imposés par la charte */ .bloc-scene-hote :is(img,video):not([data-el="logo"]):not([data-el="logo"] *){border-radius:0} .bloc-scene-hote :is([data-el="offres"]>*,[data-el="avis"]>*,[data-el="chiffres"]>*,[data-el="entrees"]>*,[data-el="comparaisons"]>*){border-radius:0;box-shadow:none} .bloc-scene-hote [class*="border"]{border-color:var(--line)} /* 4. Les enveloppes de blocs du CMS rompent les sélecteurs de position. `display:contents` n'efface que la BOÎTE : pour le moteur de sélecteurs, chaque section reste seule dans son bloc — `.hero + .sec` ne voit plus son voisin, et TOUTE section est `:last-of-type`. On rejoue les trois règles concernées sur les enveloppes elles-mêmes. */ main [data-bloc]:has(.hero,.toolhead) + [data-bloc] .sec:first-of-type{border-top:0;padding-top:clamp(64px,8vw,116px)!important} @media(max-width:700px){main [data-bloc]:has(.hero,.toolhead) + [data-bloc] .sec:first-of-type{padding-top:clamp(44px,12vw,72px)!important}} main [data-bloc]:not(:last-child) .sec:last-of-type:not(.hpinned){padding-bottom:clamp(72px,10vw,150px)} main [data-bloc]:not(:last-child) .sec.hpinned:last-of-type{padding-bottom:clamp(24px,4vh,48px)} main [data-bloc]:first-child .sec:first-of-type{border-top:0} /* 5. Les contrôles de formulaire. La préflight du gabarit leur impose « font: inherit » : boutons et champs héritaient de l'interligne du corps (20 px au lieu de « normal »), et gagnaient 4 px de haut. La maquette les laisse au réglage du navigateur, le dessin fait le reste. */ .bloc-scene-hote :is(button,input,select,textarea){line-height:normal} /* 6. L'écran de chargement montrait le chat n°1 le temps que le script tire le sien : on voyait le chat CHANGER. Le tirage se fait maintenant dans la tête du document, avant le premier pixel (voir app/plugins/seo.ts), et pose une classe sur ; le chat tiré est celui qu'on peint. */ html.pks-chat1 .lcat:not(.choisi) .cat.c1, html.pks-chat2 .lcat:not(.choisi) .cat.c2, html.pks-chat3 .lcat:not(.choisi) .cat.c3, html.pks-chat4 .lcat:not(.choisi) .cat.c4, html.pks-chat5 .lcat:not(.choisi) .cat.c5, html.pks-chat6 .lcat:not(.choisi) .cat.c6{display:block} /* ── Accents de page ────────────────────────────────────────────────────── Dans la maquette, chaque page est une

qui porte son accent en style en ligne (--accent:var(--blue)). Le CMS n a plus cette enveloppe : les blocs sont posés à plat. Le pilote écrit le chemin courant dans data-route sur , et l accent revient d ici — dans la feuille, lisible, plutôt que caché dans un script. */ body[data-route="/blog"] .bloc-scene-hote{--accent:var(--carton-300)} body[data-route="/changelog"] .bloc-scene-hote{--accent:var(--carton-300)} body[data-route="/feuille-de-route"] .bloc-scene-hote{--accent:var(--carton-300)} body[data-route="/marketplace/aide"] .bloc-scene-hote{--accent:var(--blue)} body[data-route="/marketplace/analytique"] .bloc-scene-hote{--accent:var(--blue)} body[data-route="/marketplace/blog"] .bloc-scene-hote{--accent:var(--carton-300)} body[data-route="/marketplace/boutique"] .bloc-scene-hote{--accent:var(--green)} body[data-route="/marketplace/briefs"] .bloc-scene-hote{--accent:var(--carton-300)} body[data-route="/marketplace/calendrier"] .bloc-scene-hote{--accent:var(--carton)} body[data-route="/marketplace/chartes"] .bloc-scene-hote{--accent:var(--piksl)} body[data-route="/marketplace/comptes"] .bloc-scene-hote{--accent:var(--blue)} body[data-route="/marketplace/devis"] .bloc-scene-hote{--accent:var(--green)} body[data-route="/marketplace/editeur"] .bloc-scene-hote{--accent:var(--piksl)} body[data-route="/marketplace/espace-client"] .bloc-scene-hote{--accent:var(--carton)} body[data-route="/marketplace/facturation"] .bloc-scene-hote{--accent:var(--green)} body[data-route="/marketplace/generation"] .bloc-scene-hote{--accent:var(--piksl)} body[data-route="/marketplace/idees"] .bloc-scene-hote{--accent:var(--carton-300)} body[data-route="/marketplace/mails"] .bloc-scene-hote{--accent:var(--carton)} body[data-route="/marketplace/messagerie"] .bloc-scene-hote{--accent:var(--carton)} body[data-route="/marketplace/os"] .bloc-scene-hote{--accent:var(--carton)} body[data-route="/marketplace/piscord"] .bloc-scene-hote{--accent:var(--carton)} body[data-route="/marketplace/pixelgpt"] .bloc-scene-hote{--accent:var(--blue)} body[data-route="/marketplace/prospect"] .bloc-scene-hote{--accent:var(--green)} body[data-route="/marketplace/sav"] .bloc-scene-hote{--accent:var(--carton)} body[data-route="/marketplace/sites"] .bloc-scene-hote{--accent:var(--blue)} body[data-route="/marketplace/social"] .bloc-scene-hote{--accent:var(--carton-300)} body[data-route="/marketplace/studio3d"] .bloc-scene-hote{--accent:var(--piksl)} body[data-route="/marketplace/supervision"] .bloc-scene-hote{--accent:var(--rust)} body[data-route="/marketplace/mcp"] .bloc-scene-hote{--accent:var(--rust)} body[data-route="/marketplace/taches"] .bloc-scene-hote{--accent:var(--carton)} body[data-route="/marketplace/vitrine"] .bloc-scene-hote{--accent:var(--carton-300)} :root{--ink-950:#0a0a0b;--ink-900:#101012;--ink-850:#141417;--ink-800:#17171a;--ink-700:#1f1f24;--ink-600:#2a2a31;--ink-550:#3a3a44;--ink-500:#5c5a55;--ink-400:#7d7a73;--ink-300:#a8a59d;--ink-200:#d3d1cb;--ink-100:#e8e6e1;--ink-50:#f6f6f5;--carton:#cb9c58;--carton-300:#dbb47a;--carton-200:#e9d0a6;--carton-700:#7b5526;--carton-900:#3d2b15;--piksl:#ffd100;--piksl-300:#ffdd2e;--blue:#3987e5;--green:#199e70;--rust:#d95926;--bg:var(--ink-950);--block:var(--ink-950);--fg:var(--ink-100);--muted:var(--ink-300);--dim:var(--ink-400);--line:var(--ink-600);--panel:var(--ink-900);--panel-2:var(--ink-800);--accent:var(--carton);--display:"Archivo Black","Arial Black",system-ui,sans-serif;--cond:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;--body:"Space Grotesk",system-ui,-apple-system,sans-serif;--serif:"DM Serif Display",Georgia,serif;--gut:clamp(16px,4vw,56px);--maxw:1240px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);position:relative;font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.bloc-scene-hote img{max-width:100%}.bloc-scene-hote a{color:inherit}.bloc-scene-hote ::selection{background:var(--carton);color:#000}.bloc-scene-hote :focus-visible{outline:2px solid var(--piksl);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}header.site.site,.bloc-scene-hote main,footer.site.site{position:relative;z-index:1}.wrap.wrap{max-width:none;width:100%;margin:0 auto;padding-inline:var(--gut)}.lbl.lbl{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:12px;color:var(--dim)}.lbl.lbl.gold{color:var(--carton)}.bloc-scene-hote h1,.bloc-scene-hote h2,.bloc-scene-hote h3,.bloc-scene-hote h4{margin:0;text-wrap:balance}.d1.d1{font-family:var(--display);font-size:clamp(38px,7.4vw,86px);line-height:.95;letter-spacing:-.02em;text-transform:uppercase}.d2.d2{font-family:var(--display);font-size:clamp(28px,4.4vw,48px);line-height:1;letter-spacing:-.015em;text-transform:uppercase}.d3.d3{font-family:var(--cond);font-weight:700;font-size:clamp(22px,2.8vw,30px);line-height:1.1;text-transform:uppercase;letter-spacing:.005em}.h4.h4{font-family:var(--cond);font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.03em}.bloc-scene-hote p{margin:0}.lead.lead{font-size:clamp(16px,1.6vw,19px);color:var(--ink-200);max-width:62ch}.sub.sub{color:var(--muted);max-width:66ch;font-size:15.5px;line-height:1.65}.tnum.tnum{font-variant-numeric:tabular-nums}header.site.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:80;background:rgba(10,10,11,.72);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid transparent;transition:background .3s,border-color .3s}header.site.site.stuck{background:rgba(10,10,11,.95);border-bottom-color:var(--line)}.navbar.navbar{display:flex;align-items:center;gap:26px;height:72px;transition:height .3s}header.site.site.stuck .navbar{height:58px}.brand.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:0 0 auto}.brand.brand .mark{display:block;transition:transform .3s;transform-origin:left center}header.site.site.stuck .brand .mark{transform:scale(.84)}.brandtxt.brandtxt{display:flex;flex-direction:column;line-height:1}.brand.brand .wm{font-family:var(--cond);font-weight:700;letter-spacing:.34em;font-size:15px;color:var(--fg)}.brand.brand .tagline{font-family:var(--cond);font-weight:600;letter-spacing:.18em;font-size:9.5px;text-transform:uppercase;color:var(--dim);margin-top:4px;transition:opacity .25s,max-height .25s}header.site.site.stuck .brand .tagline{opacity:0;max-height:0}nav.main.main{display:flex;align-items:center;gap:2px;margin-left:auto;position:relative;line-height:1;white-space:nowrap}nav.main.main a,nav.main.main .navbtn{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:13px;line-height:1;color:var(--muted);text-decoration:none;padding:9px 13px;background:none;border:0;margin:0;cursor:pointer;position:relative;transition:color .2s;display:inline-flex;align-items:center;gap:7px;height:32px;box-sizing:border-box;font-size:13px;vertical-align:middle;-webkit-appearance:none;appearance:none}nav.main.main a:hover,nav.main.main .navbtn:hover,nav.main.main a.on{color:var(--fg)}nav.main.main .navbtn i{width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s;flex:0 0 auto}nav.main.main .navbtn[aria-expanded="true"] i{transform:rotate(-135deg) translateY(-2px)}nav.main.main .ink{position:absolute;bottom:2px;left:0;width:0;height:2px;background:var(--carton);opacity:0}.navright.navright{display:flex;align-items:center;gap:16px;flex:0 0 auto}.consolelink.consolelink{font-family:var(--cond);text-transform:uppercase;letter-spacing:.11em;font-weight:600;font-size:12.5px;color:var(--dim);text-decoration:none;transition:color .2s}.consolelink.consolelink:hover{color:var(--carton)}.navcta.navcta{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:13px;text-decoration:none;padding:10px 18px;border:1px solid var(--carton);color:var(--carton);transition:background .2s,color .2s}.navcta.navcta:hover{background:var(--carton);color:#0a0a0b}.mega.mega{position:absolute;left:0;right:0;top:100%;background:#0c0c0e;isolation:isolate;border-block:1px solid var(--line);box-shadow:0 22px 44px rgba(0,0,0,.6)}.megainner.megainner{display:grid;grid-template-columns:repeat(4,1fr);gap:0 34px;padding-block:26px 30px}.megalbl.megalbl{font-family:var(--cond);text-transform:uppercase;letter-spacing:.18em;font-size:10.5px;color:var(--carton);padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid var(--line)}.megacol.megacol a{display:grid;grid-template-columns:28px 1fr;gap:2px 11px;padding:8px 8px 8px 0;text-decoration:none;align-items:center;transition:background .18s;margin-inline:-8px;padding-left:8px}.megacol.megacol a:hover{background:var(--ink-800)}.megacol.megacol a i{grid-row:span 2;width:26px;height:26px;display:grid;place-items:center;font-style:normal;border:1px solid var(--ink-600);color:var(--carton);font-size:13px}.megacol.megacol a b{font-family:var(--cond);text-transform:uppercase;letter-spacing:.05em;font-size:14.5px;color:var(--fg)}.megacol.megacol a span{font-size:11.5px;color:var(--dim);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.megaall.megaall{margin-top:16px}.megaall.megaall .btn{padding:9px 14px;font-size:12px;white-space:nowrap;display:inline-block}.burger.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);cursor:pointer;width:42px;height:38px;position:relative;padding:0}.burger.burger span{position:absolute;left:11px;right:11px;height:1.5px;background:var(--fg);transition:transform .3s,opacity .2s}.burger.burger span:nth-child(1){top:13px}.burger.burger span:nth-child(2){top:18.5px}.burger.burger span:nth-child(3){top:24px}.burger.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.burger.burger[aria-expanded="true"] span:nth-child(2){opacity:0}.burger.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.mobmenu.mobmenu{position:fixed;inset:0;z-index:75;background:rgba(10,10,11,.98);backdrop-filter:blur(10px);padding-top:calc(72px + env(safe-area-inset-top,0px));overflow-y:auto}.mobinner.mobinner{display:flex;flex-direction:column;padding-block:20px 40px}.mobinner.mobinner>a{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(26px,7vw,40px);color:var(--fg);text-decoration:none;padding:13px 0;border-bottom:1px solid var(--ink-700)}.mobinner.mobinner>a:active{color:var(--carton)}.mobfoot.mobfoot{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px}.mobfoot.mobfoot a{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--carton);text-decoration:none}@media(max-width:1180px){.brand.brand .tagline{display:none}nav.main.main a,nav.main.main .navbtn{font-size:12px;padding:9px 9px;letter-spacing:.08em}.consolelink.consolelink{display:none}}@media(max-width:960px){nav.main.main,.navright.navright{display:none}.burger.burger{display:block}.navbar.navbar{height:64px;gap:14px}header.site.site.stuck .navbar{height:56px}.mega.mega{display:none!important}}.sec.sec{padding-block:clamp(72px,10vw,150px);border-top:1px solid var(--line)}.sec.sec.first{border-top:0}.sechead.sechead{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;margin-bottom:clamp(26px,3.4vw,44px)}.sechead.sechead .num{font-family:var(--cond);font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--carton)}.grid.grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.grid.grid>*{background:var(--block)}.g2.g2{grid-template-columns:repeat(2,1fr)}.g3.g3{grid-template-columns:repeat(3,1fr)}.g4.g4{grid-template-columns:repeat(4,1fr)}@media(max-width:860px){.g3.g3,.g4.g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.g2.g2,.g3.g3,.g4.g4{grid-template-columns:1fr}}.cell.cell{padding:20px 18px}.cell.cell .k{font-family:var(--cond);font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--carton);text-transform:uppercase}.cell.cell h4{margin:8px 0 6px}.cell.cell p{font-size:14px;color:var(--muted)}.stat.stat .n{font-family:var(--display);font-size:clamp(26px,3.4vw,38px);line-height:1;letter-spacing:-.01em}.stat.stat .c{font-family:var(--cond);text-transform:uppercase;letter-spacing:.11em;font-size:11.5px;color:var(--dim);margin-top:8px}.stat.stat.hi .n{color:var(--piksl)}.btn.btn{display:inline-block;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:14px;padding:13px 22px;text-decoration:none;border:1px solid var(--carton);background:var(--carton);color:#0a0a0b;transition:background .15s,color .15s}.btn.btn:hover{background:var(--carton-200);border-color:var(--carton-200)}.btn.btn.ghost{background:transparent;color:var(--fg);border-color:var(--ink-550)}.btn.btn.ghost:hover{background:var(--ink-800);color:#fff;border-color:var(--ink-500)}.btnrow.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.rule.rule{height:1px;background:var(--line);border:0;margin:0}.hero.hero{padding-block:clamp(44px,7vw,92px) clamp(36px,5vw,64px);position:relative;overflow:hidden}.hero.hero .eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:22px}.hero.hero .eyebrow span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;color:var(--carton)}.hero.hero .dot{width:5px;height:5px;background:var(--ink-500)}.hero.hero h1 em{font-style:normal;color:var(--carton)}.hero.hero .lead{margin-top:26px}.heroglow.heroglow{position:absolute;inset:auto -10% -60% 30%;height:520px;background:radial-gradient(ellipse at center,rgba(203,156,88,.13),transparent 62%);pointer-events:none}.scanline.scanline{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.012) 0 1px,transparent 1px 3px);pointer-events:none;z-index:2}.hero.hero .wrap{position:relative;z-index:3}@media(max-width:820px){}.progress.progress{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--carton);z-index:70}.reveal-mask.reveal-mask{display:block;overflow:hidden}.herofoot.herofoot{display:flex;gap:26px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}.herofoot.herofoot div{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--dim)}.herofoot.herofoot b{display:block;font-family:var(--display);font-size:20px;letter-spacing:0;color:var(--fg);margin-bottom:3px}.chain.chain{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.chain.chain .step{background:var(--block);padding:16px 14px 18px;position:relative}.chain.chain .step .i{font-family:var(--display);font-size:15px;color:var(--carton);display:inline-block;margin-bottom:10px}.chain.chain .step b{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.07em;font-size:14.5px;margin-bottom:5px}.chain.chain .step span{font-size:12.5px;color:var(--dim);line-height:1.45;display:block}@media(max-width:980px){.chain.chain{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.chain.chain{grid-template-columns:1fr}}.apps.apps,.plans.plans,.pgrid.pgrid{perspective:1400px}.apps.apps>a:last-child{grid-column:auto/-1}.apps.apps{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:900px){.apps.apps{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.apps.apps{grid-template-columns:1fr}}@media(max-width:520px){.apps.apps{grid-template-columns:1fr}}.app.app{background:var(--block);padding:18px 16px 20px;text-decoration:none;display:block;position:relative;transition:background .15s}.app.app:hover{background:var(--ink-900)}.app.app .top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.app.app .ic{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--ink-600);color:var(--carton)}.app.app .v{font-family:var(--cond);font-size:11px;letter-spacing:.1em;color:var(--ink-500)}.app.app b{font-family:var(--cond);text-transform:uppercase;font-size:17px;letter-spacing:.04em;display:block}.app.app span{display:block;font-size:13px;color:var(--muted);margin-top:5px;line-height:1.45}.app.app .fam{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ink-600)}.app.app.live .fam{background:var(--accent)}.app.app .go{font-family:var(--cond);font-size:12px;letter-spacing:.1em;color:var(--carton);text-transform:uppercase;margin-top:12px;display:inline-block}.famhead.famhead{display:flex;align-items:center;gap:12px;margin:30px 0 12px}.famhead.famhead h3{font-family:var(--cond);text-transform:uppercase;font-size:15px;letter-spacing:.14em;color:var(--fg)}.famhead.famhead .ln{flex:1;height:1px;background:var(--line)}.famhead.famhead .ct{font-family:var(--cond);font-size:12px;color:var(--dim);letter-spacing:.1em}.toolhead.toolhead{padding-block:clamp(36px,5vw,64px) 30px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.toolhead.toolhead .bar{position:absolute;left:0;top:0;width:100%;height:3px;background:var(--accent)}.toolhead.toolhead .kick{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolhead.toolhead .kick .fam{font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;color:var(--accent)}.toolhead.toolhead .kick .ver{font-family:var(--cond);font-size:11px;letter-spacing:.1em;color:var(--dim);border:1px solid var(--ink-600);padding:2px 7px}.toolhead.toolhead h1{color:var(--fg)}.toolhead.toolhead .lead{margin-top:24px}.toolhead.toolhead .kick{margin-bottom:16px}.toolnav.toolnav{display:flex;gap:1px;background:var(--line);border:1px solid var(--line);overflow-x:auto;margin-top:26px}.toolnav.toolnav a{background:var(--panel);padding:9px 14px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;color:var(--muted);text-decoration:none;white-space:nowrap}.toolnav.toolnav a:hover{color:var(--fg);background:var(--ink-800)}.toolnav.toolnav .tnfam{background:var(--ink-850);padding:9px 14px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--accent);white-space:nowrap;align-self:stretch;display:flex;align-items:center}.toolnav.toolnav .tnall{margin-left:auto;color:var(--carton)}.toolnav.toolnav::after{content:"";flex:1 0 12px;background:var(--panel)}.toolnav.toolnav a.on{color:#0a0a0b;background:var(--accent)}.feat.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}@media(max-width:760px){.feat.feat{grid-template-columns:1fr}}.feat.feat .item{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--ink-700)}.feat.feat .item .n{font-family:var(--cond);font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--accent);border:1px solid var(--ink-600);padding:2px 6px;height:fit-content;min-width:30px;text-align:center}.feat.feat .item b{font-family:var(--cond);text-transform:uppercase;font-size:15px;letter-spacing:.04em;display:block;margin-bottom:3px}.feat.feat .item p{font-size:13.5px;color:var(--muted);line-height:1.5}.mock.mock{border:1px solid var(--line);background:var(--panel);font-size:12px}.mock.mock .bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--ink-850)}.mock.mock .bar .t{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted)}.mock.mock .bar .pill{margin-left:auto;font-family:var(--cond);font-size:10px;letter-spacing:.1em;color:var(--accent);border:1px solid var(--accent);padding:1px 6px}.caption.caption{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--dim);margin-top:10px}.inbox.inbox{display:grid;grid-template-columns:200px 1fr;min-height:300px}@media(max-width:700px){.inbox.inbox{grid-template-columns:1fr}.inbox.inbox .list{display:none}}.inbox.inbox .list{border-right:1px solid var(--line);padding:10px}.inbox.inbox .th{display:flex;gap:10px;padding:9px 8px;border-bottom:1px solid var(--ink-800);cursor:default}.inbox.inbox .th.sel{background:var(--ink-800);box-shadow:inset 2px 0 0 var(--accent)}.inbox.inbox .av{width:22px;height:22px;background:var(--ink-700);color:var(--carton-200);display:grid;place-items:center;font-family:var(--cond);font-size:10px;letter-spacing:.06em;flex:0 0 auto}.inbox.inbox .th b{display:block;font-size:12px;font-weight:500;font-family:var(--body)}.inbox.inbox .th span{display:block;font-size:11px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread.thread{padding:14px;display:flex;flex-direction:column;gap:10px}.bub.bub{max-width:76%;padding:9px 12px;border:1px solid var(--ink-600);background:var(--ink-850);font-size:12.5px;line-height:1.5}.bub.bub.me{align-self:flex-end;border-color:var(--carton-700);background:rgba(203,156,88,.08)}.bub.bub .who{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--carton);margin-bottom:4px}.bub.bub.sys{border-color:var(--ink-550);background:var(--ink-800)}.bub.bub.sys .who{color:var(--rust)}.keys.keys{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.key.key{font-family:var(--cond);font-size:12px;letter-spacing:.06em;color:var(--muted);border:1px solid var(--ink-600);padding:4px 8px}.key.key kbd{font-family:var(--cond);color:var(--piksl);font-weight:700;margin-right:6px}.parc.parc{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:820px){.parc.parc{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.parc.parc{grid-template-columns:1fr}}.parc.parc .card{background:var(--block)}.parc.parc .card .shot{aspect-ratio:16/10}.parc.parc .card .m{padding:10px 12px 13px;border-top:1px solid var(--line)}.parc.parc .card .m b{font-family:var(--cond);text-transform:uppercase;font-size:14px;letter-spacing:.05em}.parc.parc .card .m .dom{font-size:11px;color:var(--dim)}.parc.parc .card .m .row{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.tag.tag{font-family:var(--cond);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink-600);padding:1px 6px;color:var(--muted)}.tag.tag.ok{color:var(--green);border-color:rgba(25,158,112,.5)}.tag.tag.warn{color:var(--piksl);border-color:rgba(255,209,0,.4)}.tabstrip.tabstrip{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.tabstrip.tabstrip span{font-family:var(--cond);text-transform:uppercase;font-size:11.5px;letter-spacing:.09em;color:var(--muted);border:1px solid var(--ink-600);padding:4px 9px}.tabstrip.tabstrip span.on{color:#0a0a0b;background:var(--accent);border-color:var(--accent)}.canvas.canvas{display:grid;grid-template-columns:170px 1fr 190px;min-height:330px}@media(max-width:860px){.canvas.canvas{grid-template-columns:1fr}.canvas.canvas .insp,.canvas.canvas .secs{display:none}}.canvas.canvas .secs{border-right:1px solid var(--line);padding:10px}.canvas.canvas .insp{border-left:1px solid var(--line);padding:10px;background:var(--ink-850)}.canvas.canvas .row{display:flex;align-items:center;gap:8px;padding:7px 6px;font-size:11.5px;color:var(--muted);border-bottom:1px solid var(--ink-800)}.canvas.canvas .row.sel{background:rgba(255,209,0,.09);color:var(--fg);box-shadow:inset 2px 0 0 var(--piksl)}.canvas.canvas .hand{width:9px;height:9px;border:1px solid var(--ink-550);flex:0 0 auto}.fieldl.fieldl{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--dim);margin:12px 0 5px}.fieldl.fieldl:first-child{margin-top:0}.field.field{border:1px solid var(--ink-600);padding:6px 8px;font-size:11.5px;color:var(--ink-200);background:var(--ink-900)}.preview.preview{background:#f6f4ef;color:#141210;padding:clamp(16px,3vw,30px);display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:240px}.preview.preview .pt{font-family:var(--display);font-size:clamp(18px,2.8vw,30px);line-height:1.02;text-transform:uppercase;letter-spacing:-.01em}.preview.preview .pe{font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:#8a7a5d}.preview.preview .pp{font-size:13px;color:#4a443c;max-width:44ch;line-height:1.6}.preview.preview .pb{display:inline-block;width:fit-content;background:#141210;color:#f6f4ef;font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:12px;padding:8px 15px}.chips.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.chips.chips span{font-family:var(--cond);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink-600);padding:4px 9px;color:var(--muted)}.tbl.tbl{width:100%;border-collapse:collapse;font-size:13px}.tblwrap.tblwrap{overflow-x:auto;border:1px solid var(--line)}.tbl.tbl th{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--dim);text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--ink-850);white-space:nowrap}.tbl.tbl td{padding:10px 12px;border-bottom:1px solid var(--ink-800);color:var(--ink-200);white-space:nowrap}.tbl.tbl td.num{text-align:right;font-variant-numeric:tabular-nums}.tbl.tbl tr:last-child td{border-bottom:0}.flow.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:760px){.flow.flow{grid-template-columns:1fr}}.flow.flow div{background:var(--block);padding:14px}.flow.flow b{font-family:var(--cond);text-transform:uppercase;font-size:13.5px;letter-spacing:.06em;display:block;margin-bottom:4px}.flow.flow span{font-size:12px;color:var(--dim)}.flow.flow .st{font-family:var(--cond);font-size:11px;color:var(--accent);letter-spacing:.12em}.plans.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:800px){.plans.plans{grid-template-columns:1fr}}.plan.plan{background:var(--block);padding:24px 20px 26px;display:flex;flex-direction:column}.plan.plan.feature{background:var(--ink-900);box-shadow:inset 0 3px 0 var(--carton)}.plan.plan .nm{font-family:var(--cond);text-transform:uppercase;letter-spacing:.18em;font-size:13px;color:var(--carton)}.plan.plan .pr{font-family:var(--display);font-size:clamp(30px,4vw,42px);line-height:1;margin:14px 0 4px}.plan.plan .pr small{font-family:var(--cond);font-size:14px;color:var(--dim);letter-spacing:.06em}.plan.plan .who{font-size:13px;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--ink-700)}.plan.plan ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:9px;flex:1}.plan.plan li{font-size:13.5px;color:var(--ink-200);padding-left:16px;position:relative}.plan.plan li::before{content:"—";position:absolute;left:0;color:var(--carton)}.plan.plan .btn{margin-top:20px;text-align:center}.contactgrid.contactgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:760px){.contactgrid.contactgrid{grid-template-columns:1fr}}.contactgrid.contactgrid>div{background:var(--block);padding:26px 22px}.deets.deets{display:flex;flex-direction:column;gap:18px}.deet.deet .k{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--dim)}.deet.deet .v{font-family:var(--cond);text-transform:uppercase;font-size:17px;letter-spacing:.04em;margin-top:3px}.deet.deet .v a{color:var(--carton);text-decoration:none}.deet.deet .v a:hover{text-decoration:underline}footer.site.site{border-top:1px solid var(--line);padding-block:34px 44px;margin-top:0}.footrow.footrow{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.footnav.footnav{display:flex;gap:26px;flex-wrap:wrap}.footnav.footnav div{display:flex;flex-direction:column;gap:7px}.footnav.footnav b{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--dim);margin-bottom:2px}.footnav.footnav a{font-size:13px;color:var(--muted);text-decoration:none}.footnav.footnav a:hover{color:var(--fg)}.marquee.marquee{border-block:1px solid var(--line);overflow:hidden;padding-block:14px;position:relative}.marquee.marquee .track{display:flex;gap:0;width:max-content;will-change:transform}.marquee.marquee span{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(18px,2.4vw,28px);color:var(--ink-700);padding-inline:22px;white-space:nowrap}.marquee.marquee span.hot{color:var(--carton)}.marquee.marquee::before,.marquee.marquee::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}.marquee.marquee::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.marquee.marquee::after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}.term.term{font-family:var(--cond);font-size:13px;letter-spacing:.02em;padding:14px 16px;min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:6px;background:#08080a}.term.term .ln{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;min-width:0}.term.term .ts{color:var(--ink-500);font-variant-numeric:tabular-nums;flex:0 0 auto}.term.term .tg{flex:0 0 auto;text-transform:uppercase;letter-spacing:.1em;font-size:11px;border:1px solid var(--ink-600);padding:0 6px;color:var(--ink-300)}.term.term .tg.ok{color:var(--green);border-color:rgba(25,158,112,.5)}.term.term .tg.run{color:var(--piksl);border-color:rgba(255,209,0,.4)}.term.term .msg{color:var(--ink-200)}.term.term .msg b{color:var(--carton);font-weight:700}.tline.tline{display:flex;flex-direction:column;border:1px solid var(--line)}.tline.tline .st{display:grid;grid-template-columns:54px 1fr;gap:0;border-bottom:1px solid var(--line);background:var(--block)}.tline.tline .st:last-child{border-bottom:0}.tline.tline .no{display:grid;place-items:center;font-family:var(--display);font-size:16px;color:var(--ink-950);background:var(--accent)}.tline.tline .st.wait .no{background:var(--ink-700);color:var(--ink-400)}.tline.tline .bd{padding:14px 16px}.tline.tline .bd b{font-family:var(--cond);text-transform:uppercase;letter-spacing:.05em;font-size:16px;display:block}.tline.tline .bd span{font-size:13px;color:var(--muted);display:block;margin-top:3px}.viewer.viewer{display:grid;grid-template-columns:160px 1fr 180px;min-height:360px}@media(max-width:860px){.viewer.viewer{grid-template-columns:1fr}.viewer.viewer .insp{display:none}.viewer.viewer .objs{border-right:0;border-bottom:1px solid var(--line)}}.viewer.viewer .objs{border-right:1px solid var(--line);padding:10px}.viewer.viewer .insp{border-left:1px solid var(--line);padding:10px;background:var(--ink-850)}.viewer.viewer .flat{position:absolute;inset:0;display:grid;place-items:center;padding:18px}.viewer.viewer .flat .dr{width:min(100%,360px);height:100%;max-height:260px;display:none}.viewer.viewer .flat .dr.on{display:block}.viewer.viewer .flat .stroke{fill:none;stroke:var(--carton-300);stroke-width:1.6;stroke-linejoin:miter;stroke-linecap:square}.viewer.viewer .flat .zone rect{fill:rgba(255,209,0,.06);stroke:var(--piksl);stroke-width:1;stroke-dasharray:5 4}.viewer.viewer .flat .zone text{fill:var(--piksl);font-family:var(--cond);font-size:9.5px;text-transform:uppercase;letter-spacing:.14em}.viewer.viewer .flat .dim path{fill:none;stroke:var(--ink-550);stroke-width:1}.viewer.viewer .flat .dim text{fill:var(--ink-400);font-family:var(--cond);font-size:9.5px;text-transform:uppercase;letter-spacing:.14em}.viewer.viewer .stage{position:relative;min-height:300px;background:radial-gradient(ellipse at 50% 42%,rgba(203,156,88,.10),transparent 62%),#08080a}.viewer.viewer canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.objbtn.objbtn{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;background:none;border:0;border-bottom:1px solid var(--ink-800);padding:8px 6px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;color:var(--muted)}.objbtn.objbtn:hover{color:var(--fg)}.objbtn.objbtn[aria-pressed="true"]{color:var(--fg);background:rgba(255,209,0,.09);box-shadow:inset 2px 0 0 var(--accent)}.objbtn.objbtn i{width:9px;height:9px;border:1px solid var(--ink-550);flex:0 0 auto}.objbtn.objbtn[aria-pressed="true"] i{background:var(--accent);border-color:var(--accent)}.viewer.viewer .hud{position:absolute;left:10px;bottom:10px;font-family:var(--cond);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);z-index:2}.salons.salons{display:grid;grid-template-columns:170px 1fr 150px;min-height:300px}@media(max-width:820px){.salons.salons{grid-template-columns:1fr}.salons.salons .side,.salons.salons .who{display:none}}.salons.salons .side{border-right:1px solid var(--line);padding:10px}.salons.salons .who{border-left:1px solid var(--line);padding:10px;background:var(--ink-850)}.salons.salons .cat{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--ink-500);margin:12px 0 5px}.salons.salons .ch{display:flex;justify-content:space-between;gap:8px;padding:5px 7px;font-size:12.5px;color:var(--muted)}.salons.salons .ch.on{background:var(--ink-800);color:var(--fg);box-shadow:inset 2px 0 0 var(--accent)}.salons.salons .ch .n{font-family:var(--cond);font-size:10px;background:var(--rust);color:#0a0a0b;padding:0 5px}.salons.salons .feed{padding:14px;display:flex;flex-direction:column;gap:12px}.salons.salons .msg{display:flex;gap:10px}.salons.salons .msg .av{width:24px;height:24px;flex:0 0 auto;background:var(--ink-700);color:var(--carton-200);display:grid;place-items:center;font-family:var(--cond);font-size:10px}.salons.salons .msg .bd b{font-family:var(--cond);text-transform:uppercase;letter-spacing:.05em;font-size:13px}.salons.salons .msg .bd time{font-family:var(--cond);font-size:10.5px;color:var(--ink-500);margin-left:7px;letter-spacing:.08em}.salons.salons .msg .bd p{font-size:12.5px;color:var(--ink-200);margin-top:2px;line-height:1.5}.salons.salons .msg .bd .mention{color:var(--carton)}.salons.salons .who .u{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);padding:5px 0}.salons.salons .who .dotl{width:6px;height:6px;border-radius:9999px;background:var(--green);flex:0 0 auto}.salons.salons .who .dotl.away{background:var(--piksl)}.chartbox.chartbox{border:1px solid var(--line);background:var(--block);padding:16px}.chartbox.chartbox h4{font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;font-size:15px;margin-bottom:2px}.chartbox.chartbox .note{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--dim)}.chart.chart{width:100%;height:auto;display:block;margin-top:14px;overflow:visible}.chart.chart .bar{fill:#b8853c;transition:fill .15s}.chart.chart .bar.peak{fill:var(--carton-300)}.chart.chart g:hover .bar{fill:var(--piksl)}.chart.chart .gridln{stroke:var(--ink-700);stroke-width:1}.chart.chart .axis{fill:var(--ink-400);font-family:var(--cond);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.chart.chart .val{fill:var(--ink-100);font-family:var(--cond);font-weight:700;font-size:10px}.kpis.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:760px){.kpis.kpis{grid-template-columns:repeat(2,1fr)}}.kpi.kpi{background:var(--block);padding:16px}.kpi.kpi .k{font-family:var(--cond);text-transform:uppercase;letter-spacing:.11em;font-size:11px;color:var(--dim)}.kpi.kpi .v{font-family:var(--display);font-size:28px;line-height:1;margin:8px 0 6px;font-variant-numeric:tabular-nums}.kpi.kpi .d{font-family:var(--cond);font-size:12px;letter-spacing:.05em}.kpi.kpi .d.up{color:var(--green)}.kpi.kpi .d.down{color:var(--rust)}.kpi.kpi .d.flat{color:var(--dim)}.duo.duo{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:700px){.duo.duo{grid-template-columns:1fr}}.duo.duo>div{background:var(--block);padding:24px 20px}.duo.duo .nm{font-family:var(--display);font-size:22px;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05}.duo.duo .ro{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--carton);margin-top:7px}.duo.duo p{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.6}.duo.duo>div{display:flex;flex-direction:column;padding:26px 22px}.duo.duo .whd{display:flex;align-items:center;gap:16px}.duo.duo .mono{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border:1px solid var(--carton-700);color:var(--carton);font-family:var(--display);font-size:19px;letter-spacing:-.02em;background:rgba(203,156,88,.06)}.duo.duo .wfacts{display:flex;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.duo.duo .wfacts span{flex:1;display:flex;flex-direction:column;gap:4px;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--ink-400)}.duo.duo .wfacts span + span{padding-left:14px;border-left:1px solid var(--line)}.duo.duo .wfacts span:not(:first-child){margin-left:14px}.duo.duo .wfacts b{font-family:var(--display);font-size:17px;letter-spacing:-.01em;color:var(--ink-100);text-transform:none;font-variant-numeric:tabular-nums}@media(max-width:700px){.duo.duo .wfacts{flex-wrap:wrap;gap:14px}.duo.duo .wfacts span{flex:1 1 40%}}.stack.stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.stack.stack span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:12px;border:1px solid var(--ink-600);padding:5px 10px;color:var(--muted)}.quote.quote{border-left:3px solid var(--carton);padding:6px 0 6px 20px;margin-top:26px}.quote.quote p{font-size:clamp(17px,2.2vw,22px);line-height:1.5;color:var(--ink-100);font-family:var(--body)}.quote.quote cite{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--dim);font-style:normal;margin-top:12px}.clients.clients{display:flex;align-items:center;gap:22px;flex-wrap:nowrap;margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}.cmq.cmq{flex:1;min-width:0;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 72px,#000 calc(100% - 118px),transparent);mask-image:linear-gradient(90deg,transparent,#000 72px,#000 calc(100% - 118px),transparent)}.ctrack.ctrack{display:flex;width:max-content;will-change:transform}@media(max-width:700px){.clients.clients .lb{display:none}.cmq.cmq{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 50px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 50px),transparent)}}.clients.clients .lb{font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--dim);margin-right:26px;padding-block:6px}.clients.clients a{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:clamp(14px,1.7vw,18px);color:var(--ink-500);text-decoration:none;padding:6px 0;white-space:nowrap;transition:color .25s}.ctrack.ctrack i{display:block;width:4px;height:4px;background:var(--ink-700);align-self:center;margin-inline:20px;flex:0 0 auto}.clients.clients a:hover{color:var(--carton)}100%{transform:translateX(100%)}}.svc.svc{display:flex;flex-direction:column;border-top:1px solid var(--line)}.svc.svc .row{display:grid;grid-template-columns:78px 1.05fr 1fr;gap:0 30px;padding-block:30px;border-bottom:1px solid var(--line);align-items:start;position:relative}@media(max-width:820px){.svc.svc .row{grid-template-columns:48px 1fr;gap:0 18px}.svc.svc .row .body{grid-column:2}}.svc.svc .row .no{font-family:var(--display);font-size:clamp(20px,2.4vw,30px);color:var(--ink-600);line-height:1;transition:color .3s}.svc.svc .row:hover .no{color:var(--carton)}.svc.svc .row h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(24px,3.4vw,38px);line-height:1.04;letter-spacing:.01em}.svc.svc .row .body p{font-size:15px;color:var(--ink-200);line-height:1.65;max-width:52ch}.svc.svc .row .body ul{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:7px}.svc.svc .row .body li{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;border:1px solid var(--ink-600);padding:4px 9px;color:var(--muted)}.svc.svc .row .go{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:12.5px;color:var(--carton);text-decoration:none}.svc.svc .row .go span{transition:transform .3s}.svc.svc .row .go:hover span{transform:translateX(5px)}.wrow.wrow{display:grid;grid-template-columns:1.25fr 1fr;gap:0;border:1px solid var(--line);border-bottom:0;background:var(--block);align-items:stretch}.wrow.wrow:last-of-type{border-bottom:1px solid var(--line)}.wrow.wrow.flip .vis{order:2}@media(max-width:860px){.wrow.wrow{grid-template-columns:1fr}.wrow.wrow.flip .vis{order:0}}.wrow.wrow .vis{position:relative;overflow:hidden;min-height:230px}.wrow.wrow .inf{padding:clamp(20px,3vw,34px);display:flex;flex-direction:column;justify-content:center;gap:12px;border-left:1px solid var(--line)}@media(max-width:860px){.wrow.wrow .inf{border-left:0;border-top:1px solid var(--line)}}.wrow.wrow .inf .idx{font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--dim)}.wrow.wrow .inf h3{font-family:var(--display);font-size:clamp(22px,3vw,34px);text-transform:uppercase;letter-spacing:-.015em;line-height:1}.wrow.wrow .inf .meta{font-size:13.5px;color:var(--muted)}.wrow.wrow .inf .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.wrow.wrow .inf .tags span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:11px;border:1px solid var(--ink-600);padding:3px 8px;color:var(--muted)}.wrow.wrow .inf .pz{font-family:var(--cond);font-weight:700;font-size:16px;color:var(--carton);margin-top:4px}.ctaband.ctaband{border:1px solid var(--carton-700);background:linear-gradient(120deg,rgba(203,156,88,.10),rgba(203,156,88,.02) 55%,transparent);padding:clamp(28px,5vw,52px);display:flex;gap:28px;justify-content:space-between;align-items:center;flex-wrap:wrap}.ctaband.ctaband h2{font-family:var(--display);font-size:clamp(26px,4vw,44px);text-transform:uppercase;letter-spacing:-.018em;line-height:1;max-width:16ch}.ctaband.ctaband p{color:var(--ink-200);max-width:42ch;margin-top:14px;font-size:15px}.shot.shot.raw{display:block;padding:0}.wrow.wrow .vis .shotimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.shotimg.shotimg{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.96) contrast(1.02)}div.shotimg.shotimg.poster{background-position:center center;background-size:cover;background-repeat:no-repeat}.ph-sire-kazarak.ph-sire-kazarak{background-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/5e1dd036186f.webp)}.ph-optique-zenith.ph-optique-zenith{background-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/5c69e0b155f8.webp)}.ph-milovoss.ph-milovoss{background-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/75a4bbecaaf3.webp)}.ph-naidi-tattoo.ph-naidi-tattoo{background-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/8b3fd36a2c4f.webp)}.ph-marion-blanc.ph-marion-blanc{background-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/2e8e6bffe2f9.webp)}.ph-berserkologie.ph-berserkologie{background-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/6706f86854ad.webp)}.ph-xs-zinc.ph-xs-zinc{background-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/62ace6b59fa9.webp)}.ph-ernestine.ph-ernestine{background-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/000b5f874a0b.webp)}.pgrid.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:800px){.pgrid.pgrid{grid-template-columns:1fr}}.pcard.pcard{background:var(--block);display:flex;flex-direction:column;overflow:hidden}.pcard.pcard.wide{grid-column:span 2}@media(max-width:800px){.pcard.pcard.wide{grid-column:span 1}}.pcard.pcard .fig{position:relative;overflow:hidden;aspect-ratio:1200/630;background:var(--ink-800)}.pcard.pcard.wide .fig{aspect-ratio:21/8}.pcard.pcard .fig .shotimg{transition:transform .8s cubic-bezier(.16,.84,.34,1)}.pcard.pcard:hover .fig .poster{transform:scale(1.04)}.pcard.pcard .fig .lk{position:absolute;right:12px;top:12px;z-index:2;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px;padding:6px 11px;background:rgba(10,10,11,.82);color:var(--carton);border:1px solid var(--carton);text-decoration:none;backdrop-filter:blur(6px);opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}.pcard.pcard:hover .fig .lk,.pcard.pcard .fig .lk:focus-visible{opacity:1;transform:none}.pcard.pcard .bd{padding:18px 18px 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px;flex:1}.pcard.pcard .hd{display:flex;justify-content:space-between;gap:14px;align-items:baseline;flex-wrap:wrap}.pcard.pcard h3{font-family:var(--display);font-size:clamp(19px,2.2vw,26px);text-transform:uppercase;letter-spacing:-.015em;line-height:1}.pcard.pcard .an{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--dim)}.pcard.pcard .met{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;color:var(--carton)}.pcard.pcard .txt{font-size:13.5px;color:var(--muted);line-height:1.6}.pcard.pcard .ft{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:6px}.pcard.pcard .tg{display:flex;flex-wrap:wrap;gap:6px}.pcard.pcard .tg span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;border:1px solid var(--ink-600);padding:3px 8px;color:var(--muted)}.pcard.pcard .pz{font-family:var(--cond);font-weight:700;font-size:15px;color:var(--carton);white-space:nowrap}.pcard.pcard .dom{font-family:var(--cond);font-size:11.5px;letter-spacing:.06em;color:var(--ink-500)}.fig.fig,.wrow.wrow .vis,.parc.parc .card .shot.raw{--pl:0}.parc.parc .card .shot.raw{position:relative}.mailbox.mailbox{display:grid;grid-template-columns:165px 250px 1fr;min-height:320px}@media(max-width:900px){.mailbox.mailbox{grid-template-columns:1fr}.mailbox.mailbox .dirs,.mailbox.mailbox .lst{display:none}}.mailbox.mailbox .dirs{border-right:1px solid var(--line);padding:10px}.mailbox.mailbox .lst{border-right:1px solid var(--line)}.mailbox.mailbox .dirs .d{display:flex;justify-content:space-between;gap:8px;padding:5px 7px;font-size:12px;color:var(--muted)}.mailbox.mailbox .dirs .d.on{background:var(--ink-800);color:var(--fg);box-shadow:inset 2px 0 0 var(--accent)}.mailbox.mailbox .dirs .d b{font-family:var(--cond);font-size:11px;color:var(--carton)}.mailbox.mailbox .ml{padding:10px 12px;border-bottom:1px solid var(--ink-800)}.mailbox.mailbox .ml.on{background:var(--ink-800);box-shadow:inset 2px 0 0 var(--accent)}.mailbox.mailbox .ml .f{display:flex;justify-content:space-between;gap:8px;font-size:12px}.mailbox.mailbox .ml .f b{font-weight:500}.mailbox.mailbox .ml .f time{font-family:var(--cond);font-size:10.5px;color:var(--ink-500)}.mailbox.mailbox .ml .su{font-size:12px;color:var(--ink-200);margin-top:2px}.mailbox.mailbox .ml .pv{font-size:11px;color:var(--dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox.mailbox .rd{padding:14px 16px;display:flex;flex-direction:column;gap:11px}.mailbox.mailbox .rd .sub{font-family:var(--cond);text-transform:uppercase;font-size:15px;letter-spacing:.04em;color:var(--fg);max-width:none}.mailbox.mailbox .rd .from{font-size:11.5px;color:var(--dim)}.mailbox.mailbox .rd p{font-size:12.5px;color:var(--ink-200);line-height:1.6;max-width:62ch}.mailbox.mailbox .rd .att{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.mailbox.mailbox .rd .att span{font-family:var(--cond);font-size:10.5px;letter-spacing:.06em;border:1px solid var(--ink-600);padding:3px 8px;color:var(--muted)}.queue.queue{display:flex;flex-direction:column}.qrow.qrow{display:grid;grid-template-columns:78px 1fr 130px 96px;gap:14px;padding:12px 14px;border-bottom:1px solid var(--ink-800);align-items:center;font-size:12.5px}@media(max-width:760px){.qrow.qrow{grid-template-columns:70px 1fr;gap:6px 12px}.qrow.qrow .pil,.qrow.qrow .dl{grid-column:2}}.qrow.qrow:last-child{border-bottom:0}.qrow.qrow .ref{font-family:var(--cond);letter-spacing:.08em;font-size:11px;color:var(--ink-500)}.qrow.qrow b{display:block;font-weight:500;color:var(--fg)}.qrow.qrow .cl{font-size:11px;color:var(--dim)}.qrow.qrow .dl{font-family:var(--cond);font-size:11.5px;letter-spacing:.05em;color:var(--muted)}.qrow.qrow .dl.late{color:var(--rust)}.sla.sla{height:3px;background:var(--ink-700);margin-top:5px}.sla.sla i{display:block;height:100%;background:var(--green)}.sla.sla i.warn{background:var(--piksl)}.sla.sla i.late{background:var(--rust)}.week.week{display:grid;grid-template-columns:44px repeat(5,1fr);gap:1px;background:var(--line)}.week.week>*{background:var(--panel)}.week.week .hd{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;color:var(--dim);padding:7px 8px;text-align:center;background:var(--ink-850)}.week.week .hr{font-family:var(--cond);font-size:10px;color:var(--ink-500);padding:6px 6px;text-align:right}.week.week .cel{min-height:34px;padding:3px;position:relative;min-width:0;overflow:hidden}.week.week .hd,.week.week .hr{min-width:0}.ev.ev{font-family:var(--cond);font-size:10.5px;letter-spacing:.03em;padding:3px 6px;margin-bottom:2px;border-left:2px solid var(--carton);background:rgba(203,156,88,.13);color:var(--ink-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev.ev.rdv{border-color:var(--green);background:rgba(25,158,112,.14)}.ev.ev.reu{border-color:var(--blue);background:rgba(57,135,229,.14)}.ev.ev.ech{border-color:var(--rust);background:rgba(217,89,38,.14)}.ev.ev.ab{border-color:var(--piksl);background:rgba(255,209,0,.11)}@media(max-width:760px){.week.week{grid-template-columns:38px repeat(3,1fr)}.week.week .d4,.week.week .d5{display:none}}.kanban.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}@media(max-width:760px){.kanban.kanban{grid-template-columns:1fr}}.kcol.kcol{background:var(--block);padding:10px}.kcol.kcol .kh{display:flex;align-items:center;gap:8px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;color:var(--muted);padding-bottom:9px;border-bottom:1px solid var(--ink-700);margin-bottom:10px}.kcol.kcol .kh i{width:8px;height:8px;flex:0 0 auto}.kc.kc{border:1px solid var(--ink-600);background:var(--ink-850);padding:9px 10px;margin-bottom:8px}.kc.kc .lb{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.kc.kc .lb span{font-family:var(--cond);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;padding:1px 6px;border:1px solid var(--ink-550);color:var(--dim)}.kc.kc .ti{font-size:12.5px;color:var(--ink-100);line-height:1.4}.kc.kc .mt{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-family:var(--cond);font-size:10.5px;letter-spacing:.06em;color:var(--ink-500)}.kc.kc .who{display:flex;gap:3px}.kc.kc .who i{width:17px;height:17px;background:var(--ink-700);color:var(--carton-200);display:grid;place-items:center;font-family:var(--cond);font-size:9px;font-style:normal}.themes.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:900px){.themes.themes{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.themes.themes{grid-template-columns:1fr}}.th.th{background:var(--panel);padding:16px 15px 18px}.th.th .nm{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:15px}.th.th .de{font-size:12px;color:var(--dim);margin-top:5px;line-height:1.45;min-height:34px}.th.th .sw{display:flex;margin-top:12px;height:26px;border:1px solid var(--ink-600)}.th.th .sw i{flex:1}.th.th .ty{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:9px;border-top:1px solid var(--ink-700)}.th.th .ty .a{font-size:19px;color:var(--ink-100)}.th.th .ty .b{font-size:11px;color:var(--dim)}.th.th .mt{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.th.th .mt span{font-family:var(--cond);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--ink-600);padding:2px 6px;color:var(--muted)}.prosp.prosp{display:grid;grid-template-columns:1fr 300px;min-height:300px}@media(max-width:860px){.prosp.prosp{grid-template-columns:1fr}.prosp.prosp .map{border-left:0;border-top:1px solid var(--line);min-height:220px}}.prosp.prosp .map{border-left:1px solid var(--line);position:relative;background:linear-gradient(rgba(42,42,49,.5) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,rgba(42,42,49,.5) 1px,transparent 1px) 0 0/34px 34px,#0b0b0d}.prosp.prosp .map .pin{position:absolute;width:9px;height:9px;transform:translate(-50%,-50%);border:1px solid #0a0a0b}.prosp.prosp .map .lg{position:absolute;left:10px;bottom:10px;font-family:var(--cond);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);display:flex;gap:12px}.prosp.prosp .map .lg span{display:flex;align-items:center;gap:5px}.prosp.prosp .map .lg i{width:8px;height:8px}.score.score{display:flex;align-items:center;gap:8px}.score.score .bar{width:44px;height:4px;background:var(--ink-700)}.score.score .bar i{display:block;height:100%;background:var(--green)}.score.score b{font-family:var(--cond);font-size:13px;color:var(--fg);min-width:20px}.jrn.jrn{display:flex;flex-direction:column;border-left:1px solid var(--line);margin-left:9px}.jrn.jrn .jr{position:relative;padding:0 0 26px 26px}.jrn.jrn .jr::before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;background:var(--accent)}.jrn.jrn .jr:last-child{padding-bottom:0}.jrn.jrn .vv{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.jrn.jrn .vv b{font-family:var(--display);font-size:17px;letter-spacing:-.01em}.jrn.jrn .vv time{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;color:var(--dim)}.jrn.jrn .vv .ot{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:10px;border:1px solid var(--ink-600);padding:2px 7px;color:var(--carton)}.jrn.jrn p{font-size:13px;color:var(--muted);margin-top:7px;line-height:1.55;max-width:70ch}.svc2.svc2{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:900px){.svc2.svc2{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.svc2.svc2{grid-template-columns:1fr}}.svc2.svc2>div{background:var(--block);padding:14px}.svc2.svc2 .nm{font-family:var(--cond);text-transform:uppercase;letter-spacing:.05em;font-size:13.5px}.svc2.svc2 .st{display:flex;align-items:center;gap:7px;margin-top:7px;font-family:var(--cond);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.svc2.svc2 .st i{width:7px;height:7px;background:var(--green);border-radius:9999px}.svc2.svc2 .ms{font-family:var(--cond);font-size:11px;color:var(--ink-500);margin-top:6px}.upt.upt{display:flex;flex-direction:column;gap:7px;margin-top:16px}.uprow.uprow{display:grid;grid-template-columns:150px 1fr 44px;gap:12px;align-items:center;font-size:12px}@media(max-width:600px){.uprow.uprow{grid-template-columns:110px 1fr 40px;gap:8px}}.uprow.uprow .nm2{font-family:var(--cond);letter-spacing:.04em;color:var(--muted);text-transform:uppercase;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uprow.uprow .days{display:flex;gap:3px}.uprow.uprow .days i{flex:1;height:14px;background:var(--green)}.uprow.uprow .days i.w{background:var(--piksl)}.uprow.uprow .days i.k{background:var(--rust)}.uprow.uprow .pc{font-family:var(--cond);font-size:11.5px;color:var(--ink-300);text-align:right;font-variant-numeric:tabular-nums}.docs.docs{display:grid;grid-template-columns:200px 1fr;min-height:300px}@media(max-width:800px){.docs.docs{grid-template-columns:1fr}.docs.docs .tree{display:none}}.docs.docs .tree{border-right:1px solid var(--line);padding:12px}.docs.docs .fam{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;color:var(--carton);margin:12px 0 6px}.docs.docs .tree:first-child .fam:first-child{margin-top:0}.docs.docs .tree a{display:block;font-size:12px;color:var(--muted);padding:3px 0;text-decoration:none}.docs.docs .art{padding:16px 18px}.docs.docs .art h4{font-family:var(--display);font-size:20px;text-transform:uppercase;letter-spacing:-.01em}.docs.docs .art p{font-size:13px;color:var(--ink-200);line-height:1.65;margin-top:10px;max-width:66ch}.gptbar.gptbar{display:flex;gap:8px;align-items:center;margin-top:16px;border:1px solid var(--ink-600);background:var(--ink-900);padding:9px 11px}.gptbar.gptbar span{flex:1;font-size:12.5px;color:var(--ink-500)}.gptbar.gptbar i{width:24px;height:24px;display:grid;place-items:center;background:var(--accent);color:#0a0a0b;font-style:normal;font-family:var(--cond);font-size:12px}.chips2.chips2{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.chips2.chips2 span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.07em;font-size:10.5px;border:1px solid var(--ink-600);padding:4px 9px;color:var(--muted)}.cspace.cspace{padding:14px}.cspace.cspace .hi{font-family:var(--display);font-size:20px;text-transform:uppercase;letter-spacing:-.01em}.cspace.cspace .sm{font-size:11.5px;color:var(--dim);margin-top:4px}.csites.csites{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:14px}@media(max-width:700px){.csites.csites{grid-template-columns:1fr}}.csites.csites>div{background:var(--ink-850);padding:13px}.csites.csites b{font-family:var(--cond);text-transform:uppercase;letter-spacing:.05em;font-size:14px;display:block}.csites.csites .dm{font-size:11px;color:var(--dim);margin-top:3px}.csites.csites .ac{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}.csites.csites .ac span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;border:1px solid var(--ink-600);padding:4px 9px;color:var(--muted)}.csites.csites .ac span.pri{border-color:var(--accent);color:var(--accent)}.skip.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--carton);color:#0a0a0b;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:13px;padding:10px 16px}.skip.skip:focus{left:0}.routeline.routeline{position:fixed;left:0;top:0;height:2px;width:0;background:var(--carton);z-index:120;pointer-events:none;opacity:0}.searchbtn.searchbtn{display:flex;align-items:center;gap:9px;background:none;border:1px solid var(--ink-600);color:var(--dim);font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:12px;padding:8px 11px;cursor:pointer;transition:border-color .2s,color .2s}.searchbtn.searchbtn:hover{border-color:var(--ink-550);color:var(--fg)}.searchbtn.searchbtn kbd{font-family:var(--cond);font-size:10.5px;letter-spacing:.08em;border:1px solid var(--ink-600);padding:1px 5px;color:var(--ink-500)}@media(max-width:1180px){.searchbtn.searchbtn kbd{display:none}}@media(max-width:960px){.searchbtn.searchbtn{display:none}}.pal.pal[hidden]{display:none!important}.pal.pal{position:fixed;inset:0;z-index:140;background:rgba(6,6,7,.72);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:clamp(60px,12vh,140px) 16px 16px}.palbox.palbox{width:min(620px,100%);background:#0c0c0e;border:1px solid var(--ink-550);box-shadow:0 30px 70px rgba(0,0,0,.65);display:flex;flex-direction:column;max-height:70vh}.palin.palin{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line)}.palin.palin i{font-style:normal;color:var(--carton);font-size:14px}.palin.palin input{flex:1;background:none;border:0;outline:none;color:var(--fg);font-family:var(--body);font-size:15px}.palin.palin input::placeholder{color:var(--ink-500)}.palin.palin .esc{font-family:var(--cond);font-size:10.5px;letter-spacing:.1em;color:var(--ink-500);border:1px solid var(--ink-600);padding:2px 6px}.palres.palres{overflow-y:auto;padding:6px 0}.palgrp.palgrp{font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--ink-500);padding:12px 16px 6px}.palit.palit{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;padding:9px 16px;cursor:pointer;border:0;background:none;width:100%;text-align:left}.palit.palit[aria-selected="true"]{background:var(--ink-800);box-shadow:inset 2px 0 0 var(--carton)}.palit.palit .ic2{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--ink-600);color:var(--carton);font-style:normal;font-size:12px}.palit.palit b{font-family:var(--cond);text-transform:uppercase;letter-spacing:.04em;font-size:14.5px;color:var(--fg);display:block}.palit.palit span{font-size:11.5px;color:var(--dim);display:block;line-height:1.35}.palit.palit .fam2{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--ink-500)}.palempty.palempty{padding:26px 16px;text-align:center;color:var(--dim);font-size:13px}.palfoot.palfoot{border-top:1px solid var(--line);padding:9px 16px;display:flex;gap:16px;flex-wrap:wrap;font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--ink-500)}.palfoot.palfoot b{color:var(--ink-300);font-weight:600}.viewer.viewer .stage canvas{cursor:grab;touch-action:none}.viewer.viewer .stage canvas:active{cursor:grabbing}.conf.conf{display:grid;grid-template-columns:1.25fr .85fr;gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:900px){.conf.conf{grid-template-columns:1fr}}.conf.conf>div{background:var(--block);padding:clamp(20px,3vw,30px)}.q.q{padding-block:20px;border-bottom:1px solid var(--ink-700)}.q.q:first-child{padding-top:0}.q.q:last-child{border-bottom:0;padding-bottom:0}.q.q .ql{display:flex;gap:11px;align-items:baseline;margin-bottom:12px}.q.q .ql i{font-family:var(--cond);font-weight:700;font-size:11px;letter-spacing:.1em;color:var(--carton);border:1px solid var(--ink-600);padding:2px 6px;font-style:normal;flex:0 0 auto}.q.q .ql b{font-family:var(--cond);text-transform:uppercase;letter-spacing:.04em;font-size:16px}.q.q .qh{font-size:12.5px;color:var(--dim);margin:-6px 0 12px 44px}@media(max-width:560px){.q.q .qh{margin-left:0}}.chipset.chipset{display:flex;flex-wrap:wrap;gap:8px}.chip.chip{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;border:1px solid var(--ink-600);background:none;color:var(--muted);padding:8px 13px;cursor:pointer;transition:border-color .18s,color .18s,background .18s}.chip.chip:hover{border-color:var(--ink-500);color:var(--fg)}.chip.chip[aria-pressed="true"]{background:var(--carton);border-color:var(--carton);color:#0a0a0b}.inp.inp{display:flex;flex-direction:column;gap:6px}.inp.inp label{font-family:var(--cond);text-transform:uppercase;letter-spacing:.11em;font-size:10.5px;color:var(--dim)}.inp.inp input,.inp.inp textarea{background:var(--ink-900);border:1px solid var(--ink-600);color:var(--fg);font-family:var(--body);font-size:14px;padding:10px 12px;outline:none;border-radius:0;width:100%}.inp.inp input:focus,.inp.inp textarea:focus{border-color:var(--carton)}.inp.inp input::placeholder,.inp.inp textarea::placeholder{color:var(--ink-500)}.inp.inp textarea{resize:vertical;min-height:84px}.inp.inp.bad input{border-color:var(--rust)}.two.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.two.two{grid-template-columns:1fr}}.reco.reco{position:sticky;top:calc(84px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:14px}.reco.reco .lbl2{font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--carton)}.reco.reco .fm{font-family:var(--display);font-size:clamp(24px,3vw,32px);text-transform:uppercase;letter-spacing:-.015em;line-height:1}.reco.reco .pr2{font-family:var(--display);font-size:clamp(26px,3.4vw,36px);color:var(--carton);line-height:1;font-variant-numeric:tabular-nums}.reco.reco .pr2 small{font-family:var(--cond);font-size:13px;color:var(--dim);letter-spacing:.06em}.reco.reco ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.reco.reco li{font-size:13.5px;color:var(--ink-200);padding-left:16px;position:relative;line-height:1.5}.reco.reco li::before{content:"—";position:absolute;left:0;color:var(--carton)}.reco.reco .sep{height:1px;background:var(--ink-700)}.reco.reco .mini{font-size:12.5px;color:var(--dim);line-height:1.55}.reco.reco .warn2{font-family:var(--cond);text-transform:uppercase;letter-spacing:.09em;font-size:11px;color:var(--piksl)}.sent.sent{border:1px solid var(--green);background:rgba(25,158,112,.09);padding:12px 14px;font-size:13px;color:var(--ink-100)}.vs.vs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:700px){.vs.vs{grid-template-columns:1fr}}.vs.vs>div{background:var(--block);padding:22px 20px}.vs.vs .lb3{font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--dim)}.vs.vs .am{font-family:var(--display);font-size:clamp(30px,4.4vw,46px);line-height:1;margin:12px 0 4px;font-variant-numeric:tabular-nums}.vs.vs .am small{font-family:var(--cond);font-size:14px;color:var(--dim);letter-spacing:.06em}.vs.vs .track{height:8px;background:var(--ink-700);margin-top:16px}.vs.vs .track i{display:block;height:100%;background:var(--ink-500)}.vs.vs.best .track i,.vs.vs>div.best .track i{background:var(--carton)}.vs.vs>div.best{background:var(--ink-900);box-shadow:inset 0 3px 0 var(--carton)}.vs.vs>div.best .am{color:var(--carton)}.vs.vs .note2{font-size:13px;color:var(--muted);margin-top:14px;line-height:1.55}.saving.saving{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--piksl);margin-top:10px;display:inline-block}.toolfeet.toolfeet{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:clamp(56px,7vw,92px)}@media(max-width:600px){.toolfeet.toolfeet{grid-template-columns:1fr}}.toolfeet.toolfeet a{background:var(--block);padding:18px 20px;text-decoration:none;display:block;transition:background .18s}.toolfeet.toolfeet a:hover{background:var(--ink-900)}.toolfeet.toolfeet a.nx{text-align:right}.toolfeet.toolfeet .dir{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;color:var(--dim)}.toolfeet.toolfeet b{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.04em;font-size:18px;color:var(--fg);margin-top:6px}.toolfeet.toolfeet span{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;color:var(--carton);margin-top:4px}.hwrap.hwrap{position:relative;margin-top:30px}.sec.sec.hpinned{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(24px,4vh,48px)}.sec.sec.hpinned .hwrap{margin-top:clamp(20px,3vh,34px)}.sec.sec.hpinned .hstep{min-height:clamp(270px,44vh,400px)}.hscroll.hscroll{overflow:hidden;padding-left:var(--gut);padding-right:var(--gut)}.hscroll.hscroll.native{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hscroll.hscroll.native::-webkit-scrollbar{display:none}.htrack.htrack{display:flex;width:max-content;will-change:transform}.htrack.htrack::after{content:"";display:block;width:clamp(40px,7vw,110px);flex:0 0 auto;align-self:stretch}.hstep.hstep{flex:0 0 clamp(250px,30vw,360px);background:var(--block);border:1px solid var(--line);border-left:0;padding:26px 24px 28px;display:flex;flex-direction:column;gap:12px;min-height:300px;position:relative;scroll-snap-align:start;transition:background .4s}.hstep.hstep:first-child{border-left:1px solid var(--line)}.hstep.hstep .no2{font-family:var(--display);font-size:clamp(34px,4.6vw,52px);line-height:.9;color:var(--ink-700);letter-spacing:-.02em;transition:color .45s}.hstep.hstep.on .no2{color:var(--carton)}.hstep.hstep.on{background:var(--ink-900)}.hstep.hstep h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,2.2vw,24px);line-height:1.05}.hstep.hstep p{font-size:13.5px;color:var(--ink-200);line-height:1.6}.hstep.hstep .det{margin-top:auto;padding-top:14px;border-top:1px solid var(--ink-700);font-size:12.5px;color:var(--dim);line-height:1.5}.hstep.hstep .wire{position:absolute;left:0;right:0;top:0;height:2px;background:var(--ink-700)}.hstep.hstep.on .wire{background:var(--carton)}.hfoot.hfoot{display:flex;align-items:center;gap:18px;margin-top:20px;flex-wrap:wrap}.hbar.hbar{flex:1;min-width:140px;height:2px;background:var(--ink-700);position:relative}.hbar.hbar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--carton)}.hhint.hhint{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--ink-500);display:flex;align-items:center;gap:9px}.hcount.hcount{font-family:var(--cond);font-weight:700;letter-spacing:.1em;font-size:12px;color:var(--carton);font-variant-numeric:tabular-nums}@media(max-width:860px){.hscroll.hscroll{padding-inline:16px}.hstep.hstep{flex-basis:80vw;min-height:260px}}footer.site.site{border-top:1px solid var(--line);margin-top:0}.dispo.dispo{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--ink-300);border:1px solid var(--ink-600);padding:6px 12px}.dispo.dispo i{width:7px;height:7px;border-radius:9999px;background:var(--green);flex:0 0 auto;box-shadow:0 0 0 0 rgba(25,158,112,.55);animation:pulse 2.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,158,112,.5)}70%{box-shadow:0 0 0 8px rgba(25,158,112,0)}100%{box-shadow:0 0 0 0 rgba(25,158,112,0)}}@media(prefers-reduced-motion:reduce){.dispo.dispo i{animation:none}}@media(max-width:1140px){}@media(max-width:860px){}}.grid.grid,.pgrid.pgrid,.apps.apps,.parc.parc,.plans.plans,.kanban.kanban,.themes.themes,.vs.vs,.grid.grid>*,.pgrid.pgrid>*,.apps.apps>*,.parc.parc>*,.plans.plans>*,.kanban.kanban>*,.themes.themes>*,.vs.vs>*,.plan.plan.feature{box-shadow:inset 0 3px 0 var(--carton),1px 0 0 var(--line),0 1px 0 var(--line)}.vs.vs>div.best{box-shadow:inset 0 3px 0 var(--carton),1px 0 0 var(--line),0 1px 0 var(--line)}.week.week .hd,.week.week .hr{background:var(--block)}.toolnav.toolnav a,.toolnav.toolnav .tnfam,.toolnav.toolnav::after{background:var(--block)}.toolnav.toolnav a.on{background:var(--accent)}.hstep.hstep{background:var(--block)}.hstep.hstep.on{background:rgba(203,156,88,.055)}.plan.plan.feature,.vs.vs>div.best{background:rgba(203,156,88,.045)}.app.app:hover,.toolfeet.toolfeet a:hover,.pcard.pcard:hover{background:rgba(203,156,88,.045)}.mailbox.mailbox .ml.on,.salons.salons .ch.on,.inbox.inbox .th.sel,.canvas.canvas .row.sel,.mailbox.mailbox .dirs .d.on{background:rgba(203,156,88,.07)}.curtain.curtain{position:fixed;inset:0;z-index:150;pointer-events:none}.curtain.curtain .cpan{position:absolute;inset:0;background:var(--ink-950);clip-path:inset(100% 0 0 0);will-change:clip-path}.curtain.curtain .cedge{position:absolute;left:0;right:0;top:0;height:1px;background:var(--carton);opacity:.55}.curtain.curtain .ct{position:absolute;left:clamp(16px,5vw,56px);right:clamp(16px,5vw,56px);top:50%;transform:translateY(-50%);opacity:0}.curtain.curtain .ct span{display:block;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.22em;font-size:12.5px;color:var(--carton);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--carton-700);width:fit-content;min-width:180px}.curtain.curtain .ct b{display:block;font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(34px,7.5vw,88px);line-height:1.04;color:var(--ink-100)}.heroart.heroart{position:absolute;right:clamp(16px,5vw,56px);top:50%;transform:translateY(-46%);width:min(400px,34vw);z-index:1;pointer-events:none}@media(max-width:1100px){.heroart.heroart{display:none}}.hacard.hacard{border:1px solid var(--ink-600);background:var(--ink-900)}.habar.habar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--ink-600)}.habar.habar i{width:6px;height:6px;background:var(--ink-600);border-radius:9999px}.habar.habar span{margin-left:10px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:9.5px;color:var(--ink-500)}.hapage.hapage{padding:20px 18px 24px;display:flex;flex-direction:column;gap:10px}.hapage.hapage .hb{background:var(--ink-700);height:10px}.hapage.hapage .t1{height:22px;width:72%;background:var(--carton)}.hapage.hapage .t2{height:10px;width:52%}.hapage.hapage .t3{height:10px;width:64%}.hapage.hapage .t4{height:10px;width:40%}.hapage.hapage .hrow{display:flex;gap:8px;margin:6px 0}.hapage.hapage .hrow .c{flex:1;height:58px;background:var(--ink-800);border:1px solid var(--ink-700)}.hapage.hapage .hrow2{display:flex;gap:8px;margin-top:6px}.hapage.hapage .hrow2 .s{height:26px;flex:1}.hapage.hapage .hrow2 .s:first-child{background:var(--carton-700)}.hatag.hatag{margin-top:12px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink-600);padding:6px 10px;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:9.5px;color:var(--ink-400)}.hatag.hatag i{width:5px;height:5px;background:var(--carton);border-radius:9999px}.lu.lu{display:block;flex:0 0 auto}.app.app .ic{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ink-600)}.famhead.famhead .lu{margin-right:10px}.famhead.famhead{display:flex;align-items:center}.toolhead.toolhead h1{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.th-ic.th-ic{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border:1px solid var(--accent,var(--carton));color:var(--accent,var(--carton));background:rgba(203,156,88,.05)}@media(max-width:600px){.th-ic.th-ic{width:44px;height:44px;flex:0 0 44px}}.conx.conx{margin-top:clamp(60px,8vw,100px);border-top:1px solid var(--line);padding-top:clamp(26px,3.4vw,42px)}.cxhead.cxhead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:18px}.cxk.cxk{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--accent,var(--carton))}.cxhead.cxhead h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:19px;color:var(--ink-100)}.cxgrid.cxgrid{display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:760px){.cxgrid.cxgrid{grid-template-columns:1fr}}.cx.cx{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;text-decoration:none;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line),-1px 0 0 var(--line),0 -1px 0 var(--line);transition:background .18s}.cx.cx:hover{background:var(--ink-900)}.cx.cx .ci{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid var(--line);color:var(--a)}.cx.cx .cb{display:block;min-width:0}.cx.cx .cb b{display:block;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:15px;color:var(--ink-100)}.cx.cx .cb>span{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:3px}.cx.cx .ca{margin-left:auto;color:var(--a);font-size:14px;padding-top:6px;transition:transform .25s}.cx.cx:hover .ca{transform:translateX(4px)}.sctgrid.sctgrid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;gap:clamp(14px,1.7vw,24px)}@media(max-width:900px){.sctgrid.sctgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.sctgrid.sctgrid{grid-template-columns:1fr}}.sct.sct{box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s,transform .4s}.sct.sct:hover{box-shadow:inset 0 0 0 1px var(--carton-700);transform:translateY(-3px)}.sct.sct .im{aspect-ratio:4/3;overflow:hidden;background:var(--ink-800)}.sct.sct .im img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.15) contrast(1.02);transition:transform .8s cubic-bezier(.16,.84,.34,1)}.sct.sct:hover .im img{transform:scale(1.04)}.sct.sct .bd{padding:18px 18px 22px;display:flex;flex-direction:column;flex:1}.sct.sct .tp{display:flex;align-items:center;gap:9px;color:var(--carton);font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.sct.sct h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:18px;line-height:1.15;color:var(--ink-100);margin-top:11px}.sct.sct .mt{font-size:13px;line-height:1.55;color:var(--ink-400);margin-top:9px}.sct.sct .ph{font-size:13.5px;line-height:1.6;color:var(--muted);margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.dlgrid.dlgrid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:24px}@media(max-width:820px){.dlgrid.dlgrid{grid-template-columns:1fr}}.dwn.dwn{display:flex;align-items:flex-start;gap:16px;padding:24px 22px;text-decoration:none;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line),-1px 0 0 var(--line),0 -1px 0 var(--line);transition:background .2s}.dwn.dwn:hover{background:var(--ink-900)}.dwn.dwn .di{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid var(--carton-700)}.dwn.dwn .db{display:block;min-width:0;flex:1}.dwn.dwn .dk{display:block;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--carton)}.dwn.dwn .db b{display:block;font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;font-size:22px;line-height:1.1;color:var(--ink-100);margin-top:7px}.dwn.dwn .dd{display:block;font-size:13.5px;line-height:1.6;color:var(--muted);margin-top:10px;max-width:46ch}.dwn.dwn .dm{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--ink-500);margin-top:12px}.dwn.dwn .da{margin-left:auto;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--carton);white-space:nowrap;padding-top:6px}@media(max-width:560px){.dwn.dwn .da{margin-left:0;padding-top:14px}.dwn.dwn{flex-wrap:wrap}}.pubrow.pubrow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px}@media(max-width:760px){.pubrow.pubrow{grid-template-columns:1fr}}.pub.pub{padding:16px 18px;text-decoration:none;display:block;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line),-1px 0 0 var(--line),0 -1px 0 var(--line);transition:background .18s}.pub.pub:hover{background:var(--ink-900)}.pub.pub b{display:block;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:16px;color:var(--ink-100)}.pub.pub span{display:block;font-size:13px;color:var(--muted);margin-top:5px}.pub.pub i{display:block;font-style:normal;font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--carton);margin-top:10px}.loader.loader{position:fixed;inset:0;z-index:200;background:var(--ink-950);display:grid;place-items:center;padding:24px}.loader.loader .lin{display:flex;flex-direction:column;align-items:center;width:min(520px,100%)}.loader.loader .lcat{width:min(480px,86vw);height:min(330px,60vh);position:relative;display:grid;place-items:center}.loader.loader .cat{max-width:100%;max-height:100%;width:auto;height:auto;display:none;filter:drop-shadow(0 26px 40px rgba(0,0,0,.55))}.loader.loader .cat.on{display:block}.loader.loader .cat.c6{max-height:100%}.loader.loader .lwm{font-family:var(--display);font-size:clamp(34px,7vw,58px);line-height:1;text-transform:uppercase;letter-spacing:-.01em;color:var(--ink-100);margin-top:6px}.loader.loader .lbar{width:min(300px,72vw);height:3px;background:var(--ink-700);margin-top:24px;position:relative;overflow:hidden}.loader.loader .lbar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--carton)}.loader.loader .lmsg{font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:11.5px;color:var(--ink-400);margin-top:14px;display:flex;gap:1px}.loader.loader .lmsg b{display:inline-flex;font-weight:600}.loader.loader .lmsg i{font-style:normal;opacity:.25}@keyframes catTilt{0%,100%{transform:rotate(-2.4deg)}50%{transform:rotate(2.4deg)}}@keyframes catBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes catSleep{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(5px) scale(.985)}}@keyframes catStretch{0%,100%{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1.05) scaleY(.96)}}@keyframes catSneak{0%,100%{transform:translateX(-10px)}50%{transform:translateX(10px)}}@keyframes catDangle{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.cat.cat[data-p="tilt"]{animation:catTilt 3.2s ease-in-out infinite;transform-origin:50% 90%}.cat.cat[data-p="breathe"]{animation:catBreathe 3.4s ease-in-out infinite;transform-origin:50% 90%}.cat.cat[data-p="sleep"]{animation:catSleep 4s ease-in-out infinite;transform-origin:50% 90%}.cat.cat[data-p="stretch"]{animation:catStretch 3.6s ease-in-out infinite;transform-origin:50% 90%}.cat.cat[data-p="sneak"]{animation:catSneak 4.4s ease-in-out infinite;transform-origin:50% 90%}.cat.cat[data-p="dangle"]{animation:catDangle 3s ease-in-out infinite;transform-origin:50% 8%}@media(prefers-reduced-motion:reduce){.cat.cat{animation:none!important}}.megainner.megainner .megacol a i{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid var(--line);color:var(--a,var(--carton));font-style:normal}.megafoot.megafoot{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);margin-top:6px;padding-top:0}@media(max-width:1180px){.megafoot.megafoot{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.megafoot.megafoot{grid-template-columns:repeat(2,1fr)}}.megafoot.megafoot .mf{display:block;padding:14px 16px;text-decoration:none;box-shadow:1px 0 0 var(--line);transition:background .18s}.megafoot.megafoot .mf:hover{background:var(--ink-850)}.megafoot.megafoot .mf b{display:block;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--carton)}.megafoot.megafoot .mf span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.pickable.pickable{cursor:pointer;transition:background .18s,box-shadow .18s}.pickable.pickable:hover{background:rgba(203,156,88,.055)}.pickable.pickable:focus-visible{outline:1px solid var(--carton);outline-offset:-1px}.livetag.livetag{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--ink-400)}.livetag.livetag i{width:5px;height:5px;border-radius:9999px;background:var(--green);box-shadow:0 0 0 3px rgba(25,158,112,.15)}.mock.mock>.bar .pill{margin-left:12px}.jnav.jnav{display:flex;gap:0;margin-top:26px;flex-wrap:wrap}.jnav.jnav a{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--ink-400);text-decoration:none;padding:10px 16px;box-shadow:inset 0 0 0 1px var(--line);transition:color .2s,background .2s}.jnav.jnav a:hover{color:var(--ink-100);background:var(--ink-900)}.jnav.jnav a.on{color:var(--ink-950);background:var(--carton-300)}.artgrid.artgrid{display:grid;grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.artgrid.artgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.artgrid.artgrid{grid-template-columns:1fr}}.art.art{display:block;padding:22px 20px 24px;text-decoration:none;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line),-1px 0 0 var(--line),0 -1px 0 var(--line);transition:background .2s}.art.art:hover{background:var(--ink-900)}.art.art.big{padding:clamp(28px,4vw,46px) clamp(24px,3.4vw,42px)}.art.art .am{display:flex;align-items:center;gap:12px;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.art.art .ad{color:var(--ink-400)}.art.art .at{color:var(--carton);padding:3px 8px;box-shadow:inset 0 0 0 1px var(--carton-700)}.art.art h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:19px;line-height:1.18;color:var(--ink-100);margin-top:13px}.art.art.big h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.015em;font-size:clamp(24px,3.4vw,40px);line-height:1.04;max-width:20ch}.art.art p{font-size:13.5px;line-height:1.65;color:var(--muted);margin-top:11px}.art.art.big p{font-size:16px;max-width:60ch;margin-top:16px}.art.art .ago{display:inline-block;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--carton);margin-top:16px}.cglist.cglist{border-top:1px solid var(--line)}.cgi.cgi{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}@media(max-width:760px){.cgi.cgi{grid-template-columns:1fr;gap:10px;padding:20px 0}}.cgl.cgl{display:flex;flex-direction:column;gap:8px;align-items:flex-start}@media(max-width:760px){.cgl.cgl{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}}.cgv.cgv{font-family:var(--display);font-size:20px;letter-spacing:-.01em;color:var(--carton)}.cgd.cgd{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;color:var(--ink-500)}.cgt.cgt{font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--ink-300);padding:3px 9px;box-shadow:inset 0 0 0 1px var(--line)}.cgr.cgr h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:18px;line-height:1.2;color:var(--ink-100)}.cgr.cgr p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:9px;max-width:72ch}.cntgrid.cntgrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px}@media(max-width:900px){.cntgrid.cntgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.cntgrid.cntgrid{grid-template-columns:repeat(2,1fr)}}.cnt.cnt{padding:16px 16px 18px;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line),-1px 0 0 var(--line),0 -1px 0 var(--line)}.cnt.cnt b{display:block;font-family:var(--display);font-size:24px;color:var(--ink-100);letter-spacing:-.01em}.cnt.cnt span{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--ink-400);margin-top:6px;line-height:1.4}.rprog.rprog{margin-bottom:clamp(44px,6vw,76px)}.rpbar.rpbar{height:6px;background:var(--ink-700);position:relative;overflow:hidden}.rpbar.rpbar i{position:absolute;inset:0 auto 0 0;background:var(--carton);display:block}.rpleg.rpleg{display:flex;gap:22px;flex-wrap:wrap;align-items:baseline;margin-top:14px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--ink-400)}.rpleg.rpleg b{font-family:var(--display);font-size:17px;letter-spacing:-.01em;margin-right:5px}.rpleg.rpleg .livre b{color:var(--green)}.rpleg.rpleg .partiel b{color:var(--piksl)}.rpleg.rpleg .avenir b{color:var(--ink-300)}.rpleg.rpleg .lgpc{margin-left:auto;color:var(--carton);font-weight:700}.rg.rg{display:grid;grid-template-columns:260px 1fr;gap:clamp(20px,3vw,44px);padding-block:clamp(30px,4vw,52px);border-top:1px solid var(--line)}@media(max-width:860px){.rg.rg{grid-template-columns:1fr;gap:18px}}.rgh.rgh h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.015em;font-size:clamp(20px,2.6vw,30px);line-height:1.05;color:var(--ink-100)}.rgh.rgh p{font-size:13.5px;line-height:1.6;color:var(--ink-400);margin-top:10px;max-width:34ch}.rgl.rgl{display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:620px){.rgl.rgl{grid-template-columns:1fr}}.ri.ri{padding:16px 18px 18px;position:relative;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line),-1px 0 0 var(--line),0 -1px 0 var(--line)}.ri.ri::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ink-600)}.ri.ri.livre::before{background:var(--green)}.ri.ri.partiel::before{background:var(--piksl)}.ri.ri.avenir::before{background:var(--ink-550)}.rh.rh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.rh.rh b{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:15px;color:var(--ink-100)}.rv.rv{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--carton)}.ri.ri p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:8px}.rs.rs{display:inline-block;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:9.5px;margin-top:11px;padding:3px 8px;color:var(--ink-300);box-shadow:inset 0 0 0 1px var(--line)}.ri.ri.livre .rs{color:var(--green)}.ri.ri.partiel .rs{color:var(--piksl)}.page.page{display:block}.page.page.on{display:block}@media(max-width:560px){}.mobsub.mobsub{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;padding:18px 0 4px;border-top:1px solid var(--line);margin-top:10px}.mobsub.mobsub>span{font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--ink-500);width:100%}.mobsub.mobsub a{font-family:var(--cond)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.08em!important;font-size:12px!important;color:var(--ink-300)!important;text-decoration:none;padding:7px 11px!important;box-shadow:inset 0 0 0 1px var(--line);border-bottom:0!important}.mock.mock>.bar{flex-wrap:wrap;row-gap:6px}.tblwrap.tblwrap{-webkit-overflow-scrolling:touch}@media(max-width:620px){.mock.mock>.bar>span:not(.t):not(.pill):not(.livetag){display:none}.livetag.livetag{font-size:9.5px;letter-spacing:.1em}.tblwrap.tblwrap{position:relative;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.toolhead.toolhead h1{gap:12px}.jnav.jnav a{flex:1;text-align:center;padding:10px 8px;font-size:11px;letter-spacing:.06em}.cx.cx{padding:14px 15px}.art.art.big h3{font-size:clamp(22px,7vw,30px)}.dwn.dwn{padding:20px 17px}.dwn.dwn .di{width:38px;height:38px;flex:0 0 38px}.sct.sct .bd{padding:16px 16px 20px}.conx.conx{margin-top:clamp(44px,9vw,64px)}.grid.grid.g4{grid-template-columns:repeat(2,1fr)}.rpleg.rpleg{gap:12px;font-size:10px}.rpleg.rpleg .lgpc{margin-left:0;width:100%}}@media(max-width:400px){.navbar.navbar{gap:8px}.brandtxt.brandtxt .tagline{display:none}.cxgrid.cxgrid{grid-template-columns:1fr}.cnt.cnt b{font-size:20px}.rgh.rgh h3{font-size:22px}}@media(max-width:820px){.toolnav.toolnav .tnall{margin-left:0}.toolnav.toolnav{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.toolnav.toolnav::-webkit-scrollbar,.tblwrap.tblwrap::-webkit-scrollbar{height:0}}footer.site.site{border-top:1px solid var(--line);background:var(--ink-950)}.fcta.fcta{padding-block:clamp(56px,7vw,104px) clamp(48px,6vw,80px);position:relative;overflow:hidden}.fcta.fcta::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--carton),transparent 62%)}.fcta.fcta::after{content:"";position:absolute;left:-10%;top:-60%;width:70%;height:220%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(203,156,88,.09),transparent 62%)}.fctain.fctain{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,64px);align-items:end;margin-top:22px;position:relative;z-index:2}@media(max-width:900px){.fctain.fctain{grid-template-columns:1fr;align-items:start;gap:26px}}.fcta.fcta h2{font-family:var(--display);font-size:clamp(32px,5.6vw,64px);line-height:.98;letter-spacing:-.024em;text-transform:uppercase;max-width:14ch;color:var(--ink-100)}.fcta.fcta h2 em{font-style:normal;color:var(--carton)}.fcta.fcta .side{display:flex;flex-direction:column;gap:18px;align-items:flex-start;padding-bottom:6px}.fcta.fcta .side p{font-size:15px;line-height:1.65;color:var(--ink-300);max-width:46ch}.fcta.fcta .side .btnrow{margin-top:0}.fcta.fcta .mail{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:11.5px;color:var(--ink-500);text-decoration:none;transition:color .2s}.fcta.fcta .mail b{color:var(--carton);font-weight:700;letter-spacing:.1em}.fcta.fcta .mail:hover{color:var(--ink-200)}.fnum.fnum{border-block:1px solid var(--line)}.fnumgrid.fnumgrid{display:grid;grid-template-columns:repeat(4,1fr)}@media(max-width:700px){.fnumgrid.fnumgrid{grid-template-columns:repeat(2,1fr)}}.fn.fn{padding:clamp(22px,3vw,34px) 0;display:flex;flex-direction:column;gap:7px;position:relative}.fn.fn + .fn{padding-left:clamp(16px,2.6vw,34px)}.fn.fn + .fn::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:var(--line)}@media(max-width:700px){.fn.fn{padding:20px 0 18px}.fn.fn:nth-child(odd) + .fn{padding-left:20px}.fn.fn:nth-child(2n+1)::before{display:none}.fn.fn:nth-child(n+3){border-top:1px solid var(--line)}}.fn.fn b{font-family:var(--display);font-size:clamp(26px,3.4vw,38px);line-height:1;letter-spacing:-.02em;color:var(--ink-100);font-variant-numeric:tabular-nums}.fn.fn span{font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;color:var(--ink-400)}.fnav.fnav{padding-block:clamp(40px,5vw,72px)}.fnavgrid.fnavgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.25fr);gap:clamp(22px,3vw,44px);align-items:start}@media(max-width:1080px){.fnavgrid.fnavgrid{grid-template-columns:repeat(3,1fr)}.fnavgrid.fnavgrid .fcard{grid-column:1 / -1}}@media(max-width:760px){.fnavgrid.fnavgrid{grid-template-columns:repeat(2,1fr);gap:24px}}.fnavgrid.fnavgrid section{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.fnavgrid.fnavgrid h4{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:10.5px;color:var(--carton);margin-bottom:16px}.fnavgrid.fnavgrid section a{font-size:14px;line-height:1;color:var(--ink-300);text-decoration:none;padding:7px 0;display:inline-flex;align-items:center;gap:6px;transition:color .2s,transform .25s}.fnavgrid.fnavgrid section a:hover{color:var(--ink-50);transform:translateX(4px)}.fnavgrid.fnavgrid .ext{font-size:10px;color:var(--ink-500)}.fcard.fcard{padding:clamp(20px,2.6vw,28px);background:linear-gradient(180deg,rgba(203,156,88,.075),rgba(203,156,88,.02));box-shadow:inset 0 0 0 1px var(--carton-700)}.fcard.fcard h4{color:var(--carton);margin-bottom:14px}.fcard.fcard .fmail{display:block;font-family:var(--display);font-size:clamp(13.5px,1.15vw,16px);letter-spacing:-.035em;color:var(--ink-100);text-decoration:none;white-space:nowrap;transition:color .2s}@media(max-width:1080px){.fcard.fcard .fmail{font-size:20px;letter-spacing:-.02em}}.fcard.fcard .fmail:hover{color:var(--carton-200)}.fcard.fcard p{font-size:13.5px;line-height:1.6;color:var(--ink-300);margin-top:12px}.fcard.fcard .flinks{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:16px;padding-top:14px;border-top:1px solid var(--carton-800)}.fcard.fcard .flinks a{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;color:var(--carton-300);text-decoration:none;padding:6px 0;display:inline-flex;gap:6px;transition:color .2s,transform .25s}.fcard.fcard .flinks a:hover{color:var(--ink-50);transform:translateX(4px)}.fbase.fbase{border-top:1px solid var(--line)}.fbase.fbase .wrap{display:flex;align-items:center;gap:14px 28px;flex-wrap:wrap;padding-block:clamp(18px,2.4vw,26px) clamp(26px,3.4vw,40px)}.flock.flock{display:flex;align-items:center;gap:10px;text-decoration:none}.flock.flock .wm3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.3em;font-size:12px;color:var(--ink-200);padding-left:.3em}.fleg.fleg{font-family:var(--cond);text-transform:uppercase;letter-spacing:.11em;font-size:10.5px;color:var(--ink-500)}.fkbd.fkbd{margin-left:auto;font-family:var(--cond);text-transform:uppercase;letter-spacing:.11em;font-size:10.5px;color:var(--ink-500);display:flex;align-items:center;gap:6px}.fkbd.fkbd kbd{font-family:var(--cond);font-size:10px;letter-spacing:.06em;color:var(--ink-300);padding:3px 6px;box-shadow:inset 0 0 0 1px var(--ink-600)}.ftop.ftop{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.11em;font-size:10.5px;color:var(--carton);background:none;border:0;cursor:pointer;padding:8px 12px;box-shadow:inset 0 0 0 1px var(--carton-700);transition:background .2s,color .2s}.ftop.ftop:hover{background:var(--carton);color:var(--ink-950)}@media(max-width:700px){.fkbd.fkbd{display:none}.fbase.fbase .wrap{gap:12px 16px}.fleg.fleg{width:100%;order:3}.ftop.ftop{margin-left:auto}}.sec.sec>.wrap>.sechead + *{margin-top:0}.sec.sec>.wrap>.sechead:not(:first-child){margin-top:clamp(78px,10vw,140px)!important}.sec.sec>.wrap>.sub{margin-bottom:clamp(26px,3.2vw,42px)}.sec.sec>.wrap>.sub + .grid,.sec.sec>.wrap>.sub + .feat,.sec.sec>.wrap>.sub + .sctgrid,.sec.sec>.wrap>.sub + .stack,.sec.sec>.wrap>.sub + .tblwrap,.sec.sec>.wrap>.sub + .dlgrid,.sec.sec>.wrap>.sub + .artgrid{margin-top:clamp(26px,3.2vw,42px)}.sec.sec>.wrap>.grid + .grid,.sec.sec>.wrap>.stack + .grid,.sec.sec>.wrap>.feat + .grid{margin-top:clamp(30px,3.6vw,48px)!important}.sec.sec>.wrap>.btnrow{margin-top:clamp(44px,5.5vw,76px)}.sec.sec>.wrap>.caption{margin-top:14px;margin-bottom:clamp(10px,1.4vw,18px)}.sec.sec>.wrap>.duo,.sec.sec>.wrap>.sctgrid,.sec.sec>.wrap>.feat,.sec.sec>.wrap>.mock,.sec.sec>.wrap>.tblwrap{margin-top:clamp(24px,3vw,38px)}.sec.sec>.wrap>.ctaband{margin-top:clamp(72px,9vw,124px)!important}.feat.feat{row-gap:6px}.feat.feat .item{padding-block:16px}@media(max-width:700px){.sec.sec>.wrap>.sechead:not(:first-child){margin-top:clamp(56px,14vw,86px)!important}.sec.sec>.wrap>.btnrow{margin-top:clamp(34px,8vw,52px)}}@media(max-width:560px){.fnavgrid.fnavgrid{grid-template-columns:repeat(2,1fr);gap:22px 18px}.fnavgrid.fnavgrid section a{font-size:13.5px;padding:6px 0}.fnavgrid.fnavgrid h4{margin-bottom:12px}.fcard.fcard{grid-column:1 / -1;margin-top:6px}}@media(max-width:400px){.fnavgrid.fnavgrid{grid-template-columns:1fr}.fcta.fcta h2{font-size:clamp(28px,9vw,38px)}}.searchbtn.searchbtn.ico{width:38px;height:38px;padding:0;display:inline-grid;place-items:center;gap:0;color:var(--ink-300)}.searchbtn.searchbtn.ico:hover{color:var(--ink-50)}.searchbtn.searchbtn.ico kbd{display:none}.fcta.fcta{padding-block:clamp(38px,4.6vw,64px) clamp(40px,5vw,72px)}.fbase.fbase .wrap{padding-block:clamp(16px,2vw,22px) clamp(18px,2.2vw,26px)}.sec.sec:last-of-type{padding-bottom:clamp(56px,7vw,104px)}.navbar.navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.navbar.navbar>.brand{justify-self:start}.navbar.navbar>nav.main{justify-self:center;margin-left:0;gap:4px}.navbar.navbar>.navright{justify-self:end}.navbar.navbar>.burger{justify-self:end;grid-column:3}@media(max-width:1180px){.navbar.navbar{gap:14px}nav.main.main a,nav.main.main .navbtn{font-size:12px;padding:9px 10px;letter-spacing:.07em}}@media(max-width:980px){.navbar.navbar{grid-template-columns:1fr auto;gap:12px}.navbar.navbar>nav.main{display:none}}.pgrid.pgrid,.grid.grid,.grid.grid.g2,.grid.grid.g3,.grid.grid.g4,.apps.apps,.svc2.svc2,.flow.flow,.kpis.kpis,.conf.conf,.duo.duo,.vs.vs,.parc.parc,.plans.plans,.kanban.kanban,.themes.themes,.contactgrid.contactgrid,.csites.csites,.toolfeet.toolfeet,.week.week,.toolnav.toolnav,.wrow.wrow,.feat.feat,.chipset.chipset{background:transparent!important;gap:0!important}.pgrid.pgrid>*,.grid.grid>*,.apps.apps>*,.svc2.svc2>*,.flow.flow>*,.kpis.kpis>*,.conf.conf>*,.duo.duo>*,.vs.vs>*,.parc.parc>*,.plans.plans>*,.contactgrid.contactgrid>*,.csites.csites>*,.toolfeet.toolfeet>*,.wrow.wrow>*{box-shadow:1px 0 0 var(--line),0 1px 0 var(--line),-1px 0 0 var(--line),0 -1px 0 var(--line)}.pickable.pickable{cursor:pointer;position:relative;transition:background .18s,box-shadow .18s}.pickable.pickable:hover{background:rgba(203,156,88,.06)}.pickable.pickable:focus-visible{outline:1px solid var(--carton);outline-offset:-1px}.tbl.tbl tbody tr.pickable:hover,.dvlist.dvlist .dv.pickable:hover{box-shadow:inset 3px 0 0 var(--carton)}.tbl.tbl tbody tr.sel,.dvlist.dvlist .dv.sel{box-shadow:inset 3px 0 0 var(--accent,var(--carton));background:rgba(203,156,88,.07)}.mockdet.mockdet{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;overflow:hidden;padding:12px 16px;margin-top:-1px;box-shadow:inset 0 0 0 1px var(--line)}.mockdet.mockdet .mdk{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:9.5px;color:var(--accent,var(--carton))}.mockdet.mockdet .md{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ink-100)}.mockdet.mockdet .md i{font-style:normal;font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:var(--ink-500)}.dvkpi.dvkpi{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}@media(max-width:760px){.dvkpi.dvkpi{grid-template-columns:repeat(2,1fr)}}.dvkpi.dvkpi .kp{padding:14px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:1px 0 0 var(--line)}.dvkpi.dvkpi .kp span{font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:9.5px;color:var(--ink-400)}.dvkpi.dvkpi .kp b{font-family:var(--display);font-size:19px;letter-spacing:-.01em;color:var(--ink-100)}.dvkpi.dvkpi .kp b.acc{color:var(--green)}.dvfil.dvfil{padding:12px 16px;border-bottom:1px solid var(--line);gap:8px;display:flex;flex-wrap:wrap}.dvlist.dvlist{display:flex;flex-direction:column}.dv.dv{display:flex;align-items:center;gap:16px;padding:13px 16px;border-bottom:1px solid var(--ink-800);position:relative}.dv.dv:last-child{border-bottom:0}.dvl.dvl{min-width:0;display:flex;flex-direction:column;gap:4px}.dvl.dvl b{font-family:var(--cond);font-weight:700;letter-spacing:.06em;font-size:12.5px;color:var(--carton)}.dvl.dvl span{font-size:12.5px;color:var(--ink-300);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvr.dvr{margin-left:auto;display:flex;align-items:center;gap:10px;flex:0 0 auto}.dvm.dvm{font-family:var(--display);font-size:15px;letter-spacing:-.01em;color:var(--ink-100);font-variant-numeric:tabular-nums}@media(max-width:620px){.dv.dv{flex-wrap:wrap;gap:8px}.dvr.dvr{margin-left:0;width:100%}}.hero.hero{padding-block:clamp(64px,9vw,128px) clamp(64px,8vw,112px)!important;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero.hero::after{content:"";position:absolute;left:0;bottom:-1px;width:min(340px,42%);height:2px;background:linear-gradient(90deg,var(--carton),transparent);z-index:4}.toolhead.toolhead{padding-block:clamp(58px,8vw,104px) clamp(48px,6vw,84px)!important;border-bottom:1px solid var(--line)}.toolhead.toolhead::after{content:"";position:absolute;left:0;bottom:-1px;width:min(340px,42%);height:2px;background:linear-gradient(90deg,var(--accent),transparent);z-index:4}.hero.hero + .sec,.toolhead.toolhead + .sec{border-top:0;padding-top:clamp(64px,8vw,116px)!important}.page.page>.sec:first-of-type{border-top:0}@media(max-width:700px){.hero.hero{padding-block:clamp(44px,12vw,70px) clamp(40px,11vw,64px)!important}.toolhead.toolhead{padding-block:clamp(40px,11vw,64px) clamp(34px,9vw,52px)!important}.hero.hero + .sec,.toolhead.toolhead + .sec{padding-top:clamp(44px,12vw,72px)!important}}.pgrid.pgrid{gap:clamp(14px,1.8vw,26px)!important;border:0!important;background:transparent!important}.pgrid.pgrid>.pcard{box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s,transform .4s}.pgrid.pgrid>.pcard:hover{box-shadow:inset 0 0 0 1px var(--carton-700);transform:translateY(-3px)}.csites.csites{gap:clamp(10px,1.2vw,16px)!important;border:0!important;background:transparent!important}.csites.csites>*{box-shadow:inset 0 0 0 1px var(--line)}.wrow.wrow{border:1px solid var(--line)!important;margin-bottom:clamp(14px,1.8vw,26px)}.wrow.wrow:last-of-type{margin-bottom:0}.grid.grid,.grid.grid.g2,.grid.grid.g3,.grid.grid.g4,.apps.apps,.svc2.svc2,.flow.flow,.kpis.kpis,.conf.conf,.vs.vs,.parc.parc,.plans.plans,.themes.themes,.contactgrid.contactgrid,.toolfeet.toolfeet,.sctgrid.sctgrid,.duo.duo{gap:clamp(12px,1.5vw,22px)!important;border:0!important;background:transparent!important}.grid.grid>*,.apps.apps>*,.svc2.svc2>*,.flow.flow>*,.kpis.kpis>*,.conf.conf>*,.vs.vs>*,.parc.parc>*,.plans.plans>*,.themes.themes>*,.contactgrid.contactgrid>*,.toolfeet.toolfeet>*,.sctgrid.sctgrid>*,.duo.duo>*{box-shadow:inset 0 0 0 1px var(--line)!important}.themes.themes>.th,.grid.grid>.cell,.apps.apps>*,.conf.conf>*,.plans.plans>*{padding:clamp(14px,1.6vw,20px)}.kanban.kanban{gap:clamp(12px,1.4vw,18px)!important;background:transparent!important}.kanban.kanban>.kcol{box-shadow:inset 0 0 0 1px var(--line)!important;padding:12px}.kanban.kanban .kc{box-shadow:inset 0 0 0 1px var(--line);margin-bottom:10px;padding:11px 12px}.kanban.kanban .kc:last-child{margin-bottom:0}.feat.feat{row-gap:clamp(8px,1vw,14px)!important;column-gap:clamp(12px,1.5vw,22px)!important}.mock.mock .grid,.mock.mock .grid.g2,.mock.mock .grid.g3,.mock.mock .grid.g4{gap:1px!important}.mock.mock .grid>*{box-shadow:none!important;border:0}.megainner.megainner{gap:0 clamp(28px,3.4vw,64px)!important;padding-block:34px 34px!important;max-width:1600px;margin:0 auto}.megacol.megacol{display:flex;flex-direction:column}.megalbl.megalbl{font-size:10px!important;letter-spacing:.2em!important;color:var(--ink-500)!important;padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--line)}.megacol.megacol>.megalbl ~ .megalbl,.megacol.megacol a + .megalbl{margin-top:22px}.megacol.megacol a{grid-template-columns:30px 1fr!important;gap:4px 13px!important;padding:11px 10px 12px 10px!important;margin-inline:-10px;align-items:start;box-shadow:inset 0 0 0 1px transparent;transition:background .18s,box-shadow .18s}.megacol.megacol a:hover{background:rgba(203,156,88,.07)!important;box-shadow:inset 0 0 0 1px var(--ink-700)}.megacol.megacol a b{font-size:13.5px!important;letter-spacing:.07em!important;line-height:1.1}.megacol.megacol a span{font-size:12px!important;line-height:1.5!important;color:var(--ink-400)!important;max-width:34ch}.megacol.megacol a:hover span{color:var(--ink-300)!important}.megafoot.megafoot{margin-top:30px;gap:1px!important;background:var(--line)}.megafoot.megafoot .mf{padding:16px 18px!important;background:#0c0c0e}.megafoot.megafoot .mf span{line-height:1.5}@media(max-width:1320px){.megacol.megacol a span{max-width:none}}.prjhero.prjhero .bk{display:inline-block;margin-bottom:18px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--ink-400);text-decoration:none}.prjhero.prjhero .bk:hover{color:var(--carton)}.prjshot.prjshot{margin:0;box-shadow:inset 0 0 0 1px var(--line)}.prjshot.prjshot img,.prjvid.prjvid img,.prjgal.prjgal img{display:block;width:100%;height:auto}.prjshot.prjshot figcaption,.prjvid.prjvid figcaption,.prjgal.prjgal figcaption{padding:10px 14px;font-size:12px;color:var(--ink-500);font-family:var(--cond);letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--line)}.prjvid.prjvid{margin:clamp(20px,2.4vw,32px) 0 0;position:relative;box-shadow:inset 0 0 0 1px var(--line)}.prjvid.prjvid img.vid{display:block;width:100%;max-width:1040px;margin:0 auto;background:#000}.prjvid.prjvid::before{content:'Animation';position:absolute;top:12px;left:12px;z-index:2;font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;font-size:9.5px;color:var(--carton);background:rgba(0,0,0,.72);padding:5px 9px}.prjgal.prjgal{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.5vw,22px);margin-top:clamp(20px,2.4vw,32px)}.prjgal.prjgal figure{margin:0;box-shadow:inset 0 0 0 1px var(--line)}.prjgal.prjgal figure.mob img{max-width:340px;margin:0 auto}@media(max-width:760px){.prjgal.prjgal{grid-template-columns:1fr}}.prjnav.prjnav{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.5vw,22px)}.prjnav.prjnav a{display:block;padding:clamp(18px,2vw,26px);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,box-shadow .2s}.prjnav.prjnav a:hover{background:rgba(203,156,88,.06);box-shadow:inset 0 0 0 1px var(--carton-700)}.prjnav.prjnav a span{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--ink-500)}.prjnav.prjnav a b{display:block;margin-top:6px;font-family:var(--display);font-size:clamp(18px,2.2vw,26px);letter-spacing:-.01em;color:var(--fg)}.prjnav.prjnav a.nx{text-align:right}@media(max-width:560px){.prjnav.prjnav{grid-template-columns:1fr}.prjnav.prjnav a.nx{text-align:left}}.toolfeet.toolfeet .tf{display:block;padding:16px 18px;text-decoration:none;transition:background .2s}.toolfeet.toolfeet .tf:hover{background:rgba(203,156,88,.06)}.toolfeet.toolfeet .tf b{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.07em;font-size:13.5px;color:var(--fg)}.toolfeet.toolfeet .tf span{display:block;margin-top:5px;font-size:11.5px;color:var(--ink-500)}.pcard.pcard .dom.case{color:var(--carton);text-decoration:none;font-family:var(--cond);letter-spacing:.08em;text-transform:uppercase}.pcard.pcard .dom.case:hover{color:var(--ink-50)}.prjhero.prjhero .lead{max-width:70ch}.pgrid.pgrid>.pcard.opens{cursor:pointer}.pgrid.pgrid>.pcard.opens:focus-visible{outline:1px solid var(--carton);outline-offset:2px}.mega.mega{max-height:calc(100vh - 72px);overflow:hidden}.megainner.megainner{padding-block:22px 22px!important}.megalbl.megalbl{padding-bottom:8px;margin-bottom:6px}.megacol.megacol>.megalbl ~ .megalbl,.megacol.megacol a + .megalbl{margin-top:16px}.megacol.megacol a{padding:8px 10px 9px 10px!important;gap:3px 13px!important}.megacol.megacol a b{font-size:13px!important}.megacol.megacol a span{font-size:11.5px!important;line-height:1.42!important}.megafoot.megafoot{margin-top:20px}.megafoot.megafoot .mf{padding:12px 16px!important}.megafoot.megafoot .mf span{margin-top:3px;font-size:11.5px}@media(max-height:820px){.megacol.megacol a span{display:none}.megacol.megacol a{padding:7px 10px!important}.megafoot.megafoot .mf span{display:none}.megainner.megainner{padding-block:18px 18px!important}}.feat.feat .item{padding:clamp(14px,1.5vw,18px) clamp(14px,1.6vw,20px)!important;box-shadow:inset 0 0 0 1px var(--line)}.feat.feat .item .n{margin-top:2px}.grid.grid>.cell,.grid.grid>div:not([class]){padding:clamp(14px,1.6vw,20px)}.grid.grid>.cell.stat{padding:clamp(16px,1.8vw,22px)}.duo.duo>*{padding:clamp(16px,1.8vw,24px)}.conf.conf>*,.vs.vs>*,.flow.flow>*,.kpis.kpis>*,.parc.parc>*,.svc2.svc2>*,.plans.plans>*,.contactgrid.contactgrid>*{padding:clamp(14px,1.6vw,20px)}.mock.mock .feat .item,.mock.mock .grid>*{padding:revert!important;box-shadow:none!important}.palstrip.palstrip{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.2vw,18px);margin-top:clamp(18px,2vw,26px)}.palstrip.palstrip .pc{position:relative;display:block;height:clamp(86px,9vw,128px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.palstrip.palstrip .pc i{position:absolute;left:0;bottom:-24px;font-style:normal;font-family:var(--cond);letter-spacing:.12em;font-size:10px;color:var(--ink-500)}.palstrip.palstrip{margin-bottom:34px}@media(max-width:560px){.palstrip.palstrip{grid-template-columns:repeat(3,1fr)}}.ph-barbeuclette.ph-barbeuclette{background-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/9b42c82e6e13.webp)}.ph-la-cassole-rose.ph-la-cassole-rose{background-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/31584bd5c3ff.webp)}.ctaband.ctaband .ctalinks{display:flex;flex-wrap:wrap;gap:22px;margin-top:20px}.ctaband.ctaband .ctalinks a{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--ink-100);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;transition:color .2s}.ctaband.ctaband .ctalinks a:hover{color:var(--carton)}.fmts.fmts{display:grid;grid-template-columns:1.5fr 1fr .62fr;gap:clamp(14px,1.8vw,26px);align-items:end;margin-top:clamp(20px,2.4vw,32px)}.fmts.fmts .fmt{margin:0}.fmts.fmts .fk{box-shadow:inset 0 0 0 1px var(--line);background:#000;overflow:hidden}.fmts.fmts .fk img{display:block;width:100%;height:auto}.fmts.fmts .fmt-t .fk{padding:10px;box-shadow:inset 0 0 0 1px var(--ink-700)}.fmts.fmts .fmt-m .fk{padding:8px;box-shadow:inset 0 0 0 1px var(--ink-700)}.fmts.fmts figcaption{padding:12px 2px 0;display:flex;flex-direction:column;gap:3px}.fmts.fmts figcaption b{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--carton)}.fmts.fmts figcaption span{font-size:11.5px;color:var(--ink-500)}@media(max-width:860px){.fmts.fmts{grid-template-columns:1fr 1fr;align-items:start}.fmts.fmts .fmt-d{grid-column:1 / -1}}@media(max-width:520px){.fmts.fmts{grid-template-columns:1fr}}.typos.typos{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.5vw,22px);margin-top:clamp(22px,2.6vw,34px)}@media(max-width:760px){.typos.typos{grid-template-columns:1fr}}.typos.typos .ty{padding:clamp(18px,2vw,26px);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:14px}.typos.typos .tk{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:9.5px;color:var(--carton)}.typos.typos .tsample{font-size:clamp(28px,3.6vw,46px);line-height:1.08;color:var(--ink-50);letter-spacing:-.01em}.typos.typos .tsample.sm{font-size:clamp(15px,1.5vw,18px);line-height:1.6;color:var(--ink-200);letter-spacing:0}.typos.typos .tmeta{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding-top:12px;box-shadow:inset 0 1px 0 var(--line)}.typos.typos .tmeta b{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--ink-100)}.typos.typos .tmeta span{font-size:11.5px;color:var(--ink-500)}.typos.typos .tglyph{font-size:18px;color:var(--ink-400);letter-spacing:.04em}.cards.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,30px);margin-top:clamp(22px,2.6vw,34px)}@media(max-width:700px){.cards.cards{grid-template-columns:1fr}}.cards.cards .card{position:relative;aspect-ratio:85/55;padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;justify-content:center;gap:10px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .4s ease}.cards.cards .card:hover{transform:translateY(-4px)}.cards.cards .cflag{position:absolute;top:10px;right:12px;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:8.5px;opacity:.5}.cards.cards .cmark{font-size:clamp(24px,3vw,38px);line-height:1;letter-spacing:-.01em}.cards.cards .crole{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.cards.cards .crule{width:56px;height:2px;margin:4px 0}.cards.cards .cbas{font-size:12px;opacity:.7}.cards.cards .cmots{font-size:12px;text-transform:uppercase;letter-spacing:.16em;opacity:.65}.cards.cards .cinfo{display:flex;flex-direction:column;gap:5px;font-size:13.5px;margin-top:auto}.cards.cards .cdots{display:flex;gap:6px;margin-top:14px}.cards.cards .cdots i{width:18px;height:18px;display:block}.prjvid.prjvid video.vid{display:block;width:100%;max-width:1280px;margin:0 auto;background:#000;cursor:pointer}.prjvid.prjvid::after{content:"Cliquer pour mettre en pause";position:absolute;right:12px;top:12px;z-index:2;font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:var(--ink-400);background:rgba(0,0,0,.72);padding:5px 9px;pointer-events:none}.cards.cards .cvmark{font-size:16px;letter-spacing:-.01em;opacity:.9;margin-bottom:2px}.cards.cards .cdots i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.cards.cards .card.verso{justify-content:flex-start;gap:6px}.cards.cards .card.verso .cinfo{margin-top:auto}.cards.cards .card{padding:0}.cards.cards .cbody{position:relative;z-index:2;padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:8px;height:100%}.cards.cards .card.recto .cbody{justify-content:center;width:62%}.cards.cards .cphoto{position:absolute;inset:0 0 0 58%;background-size:190%;background-position:center;opacity:.95;z-index:1}.cards.cards .cphoto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,currentColor 0%,transparent 42%);opacity:.22}.cards.cards .card.verso.photo{background-size:165%;background-position:center;color:#fff}.cards.cards .card.verso .cscrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,6,7,.92),rgba(6,6,7,.78) 45%,rgba(6,6,7,.95))}.cards.cards .card.verso .cbody{justify-content:flex-start}.cards.cards .card.verso .cinfo{margin-top:auto;color:#f3f1ec}.cards.cards .card.verso .cvmark,.cards.cards .card.verso .cmots{color:#fff}.cards.cards .cdots i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}@media(max-width:520px){.cards.cards .card.recto .cbody{width:100%}.cards.cards .cphoto{inset:auto 0 0 0;height:38%}}.fmtblock.fmtblock{margin-top:clamp(24px,3vw,40px)}.fmthead.fmthead{display:flex;align-items:baseline;gap:14px;padding-bottom:12px;margin-bottom:14px;box-shadow:inset 0 -1px 0 var(--line)}.fmthead.fmthead b{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:11.5px;color:var(--carton)}.fmthead.fmthead span{font-size:11.5px;color:var(--ink-500)}.fmthead.fmthead i{flex:1}.fmtrow.fmtrow{display:grid;gap:clamp(12px,1.5vw,22px)}.fmt-d.fmt-d .fmtrow{grid-template-columns:repeat(3,1fr)}.fmt-t.fmt-t .fmtrow{grid-template-columns:repeat(3,minmax(0,300px));justify-content:start}.fmt-m.fmt-m .fmtrow{grid-template-columns:repeat(3,minmax(0,210px));justify-content:start}.fmtrow.fmtrow figure{margin:0;box-shadow:inset 0 0 0 1px var(--line);background:#000;overflow:hidden;transition:box-shadow .3s,transform .4s}.fmtrow.fmtrow figure:hover{box-shadow:inset 0 0 0 1px var(--carton-700);transform:translateY(-3px)}.fmtrow.fmtrow img{display:block;width:100%;height:auto}@media(max-width:820px){.fmt-d.fmt-d .fmtrow{grid-template-columns:1fr}.fmt-t.fmt-t .fmtrow,.fmt-m.fmt-m .fmtrow{grid-template-columns:repeat(2,minmax(0,1fr))}}.bloc-scene-hote p,.sub.sub,.lead.lead,.txt.txt,.feat.feat .item p,.cell.cell p,.mockdet.mockdet .md,.caption.caption,.ph.ph,.mt.mt,.svc.svc .row .body p,.ctaband.ctaband p,.fnav.fnav p,.typos.typos .tsample.sm{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}.eyebrow.eyebrow,.kick.kick,.btnrow.btnrow,.tg.tg,.met.met,.dom.dom,.an.an,.fmthead.fmthead,.fmthead.fmthead span,.stat.stat,.stat.stat .c,.n.n,.mock.mock p,.mock.mock .sub,.bar.bar,.livetag.livetag,.cards.cards p,.cards.cards .cbody *,.palstrip.palstrip .pc i,.tmeta.tmeta,.tmeta.tmeta span,.megacol.megacol a span,.megafoot.megafoot .mf span,.fmtrow.fmtrow figcaption,.prjshot.prjshot figcaption,.prjvid.prjvid figcaption,.table.table,.tbl.tbl,.tbl.tbl td,.tbl.tbl th,.cfoot.cfoot,.fleg.fleg,.fnavgrid.fnavgrid a,.mobfoot.mobfoot a,.toolfeet.toolfeet .tf span,.prjnav.prjnav a span,.hero.hero .eyebrow span{text-align:inherit;hyphens:manual}.mock.mock *{text-align:revert!important;hyphens:manual!important}.cards.cards .card{padding:0;aspect-ratio:85/55}.cards.cards .cbody{position:relative;z-index:3;padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;gap:7px;height:100%;justify-content:center}.cards.cards .card.recto .cbody{width:66%}.cards.cards .cmono{font-size:clamp(30px,3.6vw,46px);line-height:.9;opacity:.16;margin-bottom:2px;letter-spacing:-.02em}.cards.cards .cband{position:absolute;right:0;top:0;bottom:0;width:38%;z-index:1;background-size:cover;background-position:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 34%);mask-image:linear-gradient(90deg,transparent,#000 34%)}.cards.cards .crule{width:44px;height:2px;background:var(--acc);margin:5px 0 1px}.cards.cards .card.verso.photo{background-size:cover;background-position:center;color:#fff}.cards.cards .card.verso .cscrim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(5,5,6,.9),rgba(5,5,6,.66) 42%,rgba(5,5,6,.94))}.cards.cards .card.verso .cbody{justify-content:flex-start;gap:6px}.cards.cards .card.verso .cinfo{margin-top:auto;color:#f4f2ee}.cards.cards .card.verso .cvmark{font-size:clamp(18px,2vw,24px);line-height:1.05}.cards.cards .card.verso .cmots{color:rgba(255,255,255,.72)}.cards.cards .card.verso::after{content:"";position:absolute;left:clamp(20px,2.4vw,32px);bottom:clamp(20px,2.4vw,32px);width:44px;height:2px;background:var(--acc);z-index:3;opacity:.9}@media(max-width:520px){.cards.cards .card.recto .cbody{width:100%}.cards.cards .cband{inset:auto 0 0 0;width:100%;height:34%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%)}} body.pks-coque header.site{position:fixed;left:0;right:0;top:0}body.pks-coque main{padding-top:var(--navh,72px)}body.pks-coque .bloc-scene-hote{background:transparent}body>.isolate{isolation:auto} html,body{background:#0a0a0b}html:not(.ac-page) .min-h-screen.min-h-screen.bg-default,html:not(.ac-page) body>.isolate>div,html:not(.ac-page) .bloc-scene-hote.bloc-scene-hote{background:#0a0a0b!important;color:var(--ink-100,#e8e6e1)}.bloc-scene.bloc-scene,.bloc-html.bloc-html{background:transparent} @media(max-width:700px){.palstrip.palstrip{row-gap:34px}} @media(max-width:480px){.cflag.cflag,.tk.tk,.axis.axis,.fieldl.fieldl{font-size:10px}} @media(max-width:480px){ .bk.bk,.ftop.ftop,.flock.flock,.brand.brand,a.mail.mail,.fnavgrid.fnavgrid a,.mobfoot.mobfoot a{display:inline-flex;align-items:center;min-height:40px}} .prj2hero.prj2hero .hcols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(28px,4vw,72px);align-items:center}.prj2hero.prj2hero .hleft{min-width:0}.prj2hero.prj2hero .hright{min-width:0;position:relative}.prj2hero.prj2hero .hright::before{content:"";position:absolute;inset:-8% -6% -14% -6%;background:radial-gradient(60% 60% at 50% 55%,color-mix(in srgb,var(--accent,var(--carton)) 22%,transparent),transparent 70%);pointer-events:none}.prj2hero.prj2hero .hright .devd{position:relative;transform:rotate(-1.2deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.prj2hero.prj2hero .hright .devd:hover{transform:rotate(0)}.prj2hero.prj2hero .lead{max-width:56ch}@media(max-width:1000px){.prj2hero.prj2hero .hcols{grid-template-columns:1fr;gap:clamp(24px,5vw,40px)}.prj2hero.prj2hero .hright .devd{transform:none}} .devd.devd{background:var(--ink-900);box-shadow:inset 0 0 0 1px var(--line),0 40px 90px -40px rgba(0,0,0,.9);overflow:hidden}.devd.devd .bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:var(--ink-850);box-shadow:inset 0 -1px 0 var(--line)}.devd.devd .bar i{width:8px;height:8px;border-radius:50%;background:var(--ink-600);flex:none}.devd.devd .bar i:first-child{background:var(--accent,var(--carton))}.devd.devd .bar .url{margin-left:10px;flex:1;min-width:0;height:18px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--cond);font-size:11px;line-height:18px;letter-spacing:.06em;color:var(--dim);padding:0 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devd.devd>img,.devd.devd>video,.devd.devd>figure{display:block;width:100%;height:auto;margin:0}.devd-s.devd-s .bar{height:22px;padding:0 9px;gap:4px}.devd-s.devd-s .bar i{width:6px;height:6px} .fiche.fiche{display:grid;grid-template-columns:repeat(6,1fr);margin-top:clamp(40px,5vw,72px);box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}.fiche.fiche>div{padding:clamp(14px,1.6vw,20px) clamp(14px,1.6vw,22px);box-shadow:inset 1px 0 0 var(--line);min-width:0}.fiche.fiche>div:first-child{box-shadow:none;padding-left:0}.fiche.fiche .k{font-family:var(--cond);font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.fiche.fiche .v{font-family:var(--cond);font-weight:500;font-size:clamp(14px,1.1vw,16px);line-height:1.3;letter-spacing:.02em;color:var(--fg);text-align:left;hyphens:manual}@media(max-width:960px){.fiche.fiche{grid-template-columns:repeat(3,1fr)}.fiche.fiche>div:nth-child(3n+1){box-shadow:none;padding-left:0}.fiche.fiche>div:nth-child(n+4){box-shadow:inset 0 1px 0 var(--line)}.fiche.fiche>div:nth-child(n+4):not(:nth-child(3n+1)){box-shadow:inset 1px 0 0 var(--line),inset 0 1px 0 var(--line)}}@media(max-width:560px){.fiche.fiche{grid-template-columns:repeat(2,1fr)}.fiche.fiche>div{padding-left:14px!important;box-shadow:none}.fiche.fiche>div:nth-child(odd){padding-left:0!important}.fiche.fiche>div:nth-child(even){box-shadow:inset 1px 0 0 var(--line)}.fiche.fiche>div:nth-child(n+3){box-shadow:inset 0 1px 0 var(--line)}.fiche.fiche>div:nth-child(n+3):nth-child(even){box-shadow:inset 1px 0 0 var(--line),inset 0 1px 0 var(--line)}} .duo2.duo2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(28px,5vw,96px);align-items:start}.duo2.duo2 .sechead{margin-top:0!important}.duo2.duo2 .sub{margin-bottom:0;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:var(--fg);padding-left:clamp(16px,2vw,28px);box-shadow:inset 2px 0 0 var(--accent,var(--carton))}.duo2.duo2 .feat .item:first-child{padding-top:0}@media(max-width:900px){.duo2.duo2{grid-template-columns:1fr;gap:clamp(40px,7vw,64px)}.duo2.duo2>div+div .sechead{margin-top:0!important}} .palband.palband{display:grid;grid-template-columns:repeat(5,1fr);height:clamp(96px,11vw,150px);margin-top:clamp(18px,2vw,26px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.palband.palband span{position:relative;display:block;min-width:0}.palband.palband i{position:absolute;left:10px;bottom:9px;font-style:normal;font-family:var(--cond);font-size:10.5px;letter-spacing:.12em;color:#fff;mix-blend-mode:difference}@media(max-width:700px){.palband.palband{grid-template-columns:repeat(5,1fr);height:clamp(72px,18vw,96px)}.palband.palband i{font-size:9px;left:6px;bottom:6px}} .devt.devt{padding:clamp(8px,1vw,14px);border-radius:clamp(14px,1.6vw,22px);background:#0d0d0f;box-shadow:inset 0 0 0 1px var(--ink-600),0 30px 70px -36px rgba(0,0,0,.9)}.devt.devt img{display:block;width:100%;height:auto;border-radius:clamp(6px,.7vw,10px)}.devm.devm{position:relative;padding:clamp(8px,.9vw,12px) clamp(6px,.7vw,9px) clamp(10px,1.1vw,14px);border-radius:clamp(20px,2.4vw,32px);background:#0d0d0f;box-shadow:inset 0 0 0 1px var(--ink-600),0 30px 70px -36px rgba(0,0,0,.9)}.devm.devm::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:34%;height:clamp(10px,1.2vw,16px);background:#0d0d0f;border-radius:0 0 12px 12px;z-index:2}.devm.devm img{display:block;width:100%;height:auto;border-radius:clamp(14px,1.8vw,24px)}.fmtrow.fmtrow figure:has(.devt),.fmtrow.fmtrow figure:has(.devm),.fmtrow.fmtrow figure:has(.devd){box-shadow:none;background:transparent;overflow:visible}.fmtrow.fmtrow figure:has(.devt):hover,.fmtrow.fmtrow figure:has(.devm):hover,.fmtrow.fmtrow figure:has(.devd):hover{box-shadow:none}.fmt-t.fmt-t .fmtrow{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}.fmt-m.fmt-m .fmtrow{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;max-width:880px}@media(max-width:700px){.fmt-t.fmt-t .fmtrow{grid-template-columns:1fr}.fmt-m.fmt-m .fmtrow{grid-template-columns:repeat(2,minmax(0,1fr))}}.prjvid.prjvid .devd{margin:0 auto;max-width:1280px}.prjvid.prjvid .devd video{display:block;width:100%;background:#000;cursor:pointer}.prjvid.prjvid::before{top:44px} .resgrid.resgrid .cell.res{position:relative;padding-top:clamp(44px,4vw,56px)!important}.resgrid.resgrid .rn{position:absolute;top:clamp(14px,1.6vw,20px);left:clamp(14px,1.6vw,20px);font-family:var(--cond);font-weight:700;font-size:12px;letter-spacing:.16em;color:var(--accent,var(--carton))}.resgrid.resgrid .cell.res p{font-size:15px;color:var(--fg)}.chips.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(16px,1.8vw,24px)}.chips.chips span{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--cond);font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg);text-align:left}.chips.chips span::before{content:"";width:6px;height:6px;background:var(--accent,var(--carton));flex:none} .prjnav.prjnav a{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}.prjnav.prjnav a.nx{grid-template-columns:1fr 96px}.prjnav.prjnav a.nx img{order:2}.prjnav.prjnav a img{width:96px;height:64px;object-fit:cover;object-position:top;display:block;box-shadow:inset 0 0 0 1px var(--line);filter:saturate(.9)}.prjnav.prjnav a .txt{min-width:0}@media(max-width:560px){.prjnav.prjnav{grid-template-columns:1fr}.prjnav.prjnav a.nx{text-align:left;grid-template-columns:96px 1fr}.prjnav.prjnav a.nx img{order:0}} .prj2hero.prj2hero .d1{font-size:clamp(34px,4.7vw,66px);overflow-wrap:break-word}@media(max-width:1000px){.prj2hero.prj2hero .d1{font-size:clamp(34px,7.4vw,64px)}} .prjvid.prjvid::before,.prjvid.prjvid::after{top:44px} .apres.apres{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:start}.apres.apres .sechead{margin-top:0!important}.apres.apres .sub{margin:10px 0 0;font-size:14px;color:var(--muted)}@media(max-width:900px){.apres.apres{grid-template-columns:1fr;gap:clamp(40px,7vw,64px)}}.results.results{margin-top:clamp(18px,2vw,28px)}.results.results .rrow{display:grid;grid-template-columns:clamp(56px,6vw,88px) minmax(0,1fr);gap:clamp(14px,2vw,28px);align-items:start;padding:clamp(16px,1.8vw,26px) 0;box-shadow:inset 0 -1px 0 var(--line)}.results.results .rrow:first-child{padding-top:0}.results.results .rrow:last-child{box-shadow:none}.results.results .rnum{font-family:var(--display);font-size:clamp(34px,3.8vw,56px);line-height:.85;letter-spacing:-.02em;color:var(--accent,var(--carton))}.results.results .rrow p{margin:0;font-size:clamp(15px,1.15vw,17.5px);line-height:1.55;color:var(--fg)}.checks.checks{margin-top:clamp(14px,1.6vw,22px)}.checks.checks>div{display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0;box-shadow:inset 0 -1px 0 var(--line);font-size:15px;line-height:1.45;color:var(--fg)}.checks.checks>div:last-child{box-shadow:none}.checks.checks i{position:relative;display:block;width:18px;height:18px;margin-top:2px;box-shadow:inset 0 0 0 1px var(--accent,var(--carton))}.checks.checks i::after{content:"";position:absolute;left:6px;top:2px;width:4px;height:9px;border:solid var(--accent,var(--carton));border-width:0 2px 2px 0;transform:rotate(45deg)}.toolfeet.toolfeet.toolrow{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:clamp(56px,7vw,92px)}.toolrow.toolrow .tf{padding:clamp(12px,1.3vw,16px) clamp(12px,1.4vw,18px)}.toolrow.toolrow .tf b{font-size:13px;letter-spacing:.1em}.toolrow.toolrow .tf span{margin-top:6px;font-size:10.5px}.toolrow.toolrow .tf:hover b{color:var(--accent,var(--carton))} .fnumgrid.fnumgrid{grid-template-columns:repeat(6,1fr)}.fn.fn{align-items:center;text-align:center}.fn.fn + .fn{padding-left:0}.fn.fn span{text-align:center}@media(max-width:960px){.fnumgrid.fnumgrid{grid-template-columns:repeat(3,1fr)}.fn.fn:nth-child(n+4){border-top:1px solid var(--line)}.fn.fn:nth-child(3n+1)::before{display:none}}@media(max-width:560px){.fnumgrid.fnumgrid{grid-template-columns:repeat(2,1fr)}.fn.fn:nth-child(n+3){border-top:1px solid var(--line)}.fn.fn:nth-child(3n+1)::before{display:block}.fn.fn:nth-child(2n+1)::before{display:none}} footer.site.site{padding-bottom:14px;border-top:0} .prjnav.prjnav + .ctaband{margin-top:clamp(20px,2.6vw,36px)!important}main [data-bloc]:has(.prjnav.prjnav) .sec{padding-bottom:clamp(40px,5vw,72px)!important} @media(min-width:1100px){.fmt-m.fmt-m .fmtrow{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none}}@media(min-width:701px) and (max-width:1099px){.fmt-m.fmt-m .fmtrow{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}} .bento.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(clamp(150px,13vw,210px),auto);gap:clamp(10px,1.2vw,18px);grid-auto-flow:dense}.bt.bt{position:relative;display:block;overflow:hidden;text-decoration:none;color:#fff;background:var(--ink-900);box-shadow:inset 0 0 0 1px var(--line);isolation:isolate;min-height:100%}.bt.bt.c2{grid-column:span 2}.bt.bt.c3{grid-column:span 3}.bt.bt.c4{grid-column:span 4}.bt.bt.c6{grid-column:span 6}.bt.bt.r2{grid-row:span 2}.bt-media.bt-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .9s}.bt.bt:hover .bt-media{transform:scale(1.04)}.bt-body.bt-body{position:absolute;left:clamp(16px,1.6vw,24px);right:clamp(16px,1.6vw,24px);bottom:clamp(14px,1.5vw,22px);z-index:3;display:grid;gap:4px;text-align:left}.bt-kick.bt-kick{font-family:var(--cond);font-weight:700;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}.bt-nom.bt-nom{font-family:var(--display);font-size:clamp(20px,2vw,30px);line-height:1;letter-spacing:-.01em;text-transform:uppercase}.bt-met.bt-met{font-family:var(--cond);font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.7)}.bt-arrow.bt-arrow{position:absolute;top:clamp(12px,1.4vw,20px);right:clamp(12px,1.4vw,20px);z-index:3;width:36px;height:36px;display:grid;place-items:center;font-family:var(--cond);font-size:18px;color:#fff;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);backdrop-filter:blur(6px);transition:background .3s,transform .5s}.bt.bt:hover .bt-arrow{background:var(--carton);color:#0a0a0b;transform:translate(2px,-2px)}.bt.bt::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72));pointer-events:none}.bt.bt i{font-style:normal}@media(max-width:960px){.bento.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(170px,auto)}.bt.bt.c3,.bt.bt.c4,.bt.bt.c6{grid-column:span 2}}@media(max-width:560px){.bento.bento{grid-template-columns:1fr}.bt.bt{grid-column:span 1!important;grid-row:span 1!important;min-height:220px}.bt.bt.r2{min-height:300px}}@media(prefers-reduced-motion:reduce){.bt.bt *,.bt.bt::before,.bt.bt::after{animation:none!important}} .bt-sire-kazarak.bt-sire-kazarak{background:#000}.bt-sire-kazarak.bt-sire-kazarak .bt-media.kb{animation:pxb-kb 40s ease-in-out infinite alternate;object-position:center 48%;filter:contrast(1.04)}@keyframes pxb-kb{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.12) translateY(-2%)}}.bt-sire-kazarak.bt-sire-kazarak::after{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 60%,rgba(0,0,0,.55))}.bt-sire-kazarak.bt-sire-kazarak .fx-brume{position:absolute;left:-20%;right:-20%;top:30%;height:70%;z-index:2;pointer-events:none;opacity:.55;background:radial-gradient(40% 60% at 30% 70%,rgba(255,255,255,.16),transparent 70%),radial-gradient(35% 50% at 70% 60%,rgba(255,255,255,.12),transparent 70%),radial-gradient(50% 40% at 50% 100%,rgba(255,255,255,.18),transparent 70%);filter:blur(18px);animation:pxb-brume 26s ease-in-out infinite alternate}.bt-sire-kazarak.bt-sire-kazarak .fx-brume.b2{top:45%;opacity:.4;animation-duration:19s;animation-direction:alternate-reverse;background:radial-gradient(30% 50% at 60% 80%,rgba(255,255,255,.14),transparent 70%),radial-gradient(45% 45% at 15% 90%,rgba(255,255,255,.12),transparent 70%)}@keyframes pxb-brume{from{transform:translateX(-6%) scaleY(1)}to{transform:translateX(6%) scaleY(1.15)}}.bt-sire-kazarak.bt-sire-kazarak .fx-grain{position:absolute;inset:0;z-index:2;opacity:.45;mix-blend-mode:overlay;pointer-events:none;background:url("data:image/svg+xml;utf8,")} .bt-sire-kazarak.bt-sire-kazarak .fx-cadre{position:absolute;inset:clamp(10px,1.2vw,18px);z-index:3;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)} .bt-sire-kazarak.bt-sire-kazarak .fx-folio{position:absolute;left:clamp(22px,2.4vw,36px);top:clamp(22px,2.4vw,36px);z-index:3;font-family:"Cormorant Garamond",var(--serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.55)} .bt-sire-kazarak.bt-sire-kazarak .fx-scroll{position:absolute;left:0;right:0;bottom:clamp(20px,2.2vw,34px);z-index:3;text-align:center;font-family:"Cormorant Garamond",var(--serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.55)} .bt-sire-kazarak.bt-sire-kazarak .bt-arrow{top:clamp(22px,2.4vw,36px);right:clamp(22px,2.4vw,36px)} .bt-sire-kazarak.bt-sire-kazarak .bt-body{left:clamp(16px,1.6vw,24px);right:clamp(16px,1.6vw,24px);top:50%;bottom:auto;transform:translateY(-50%);text-align:center;justify-items:center;gap:10px} .bt-sire-kazarak.bt-sire-kazarak .bt-nom{font-family:"Cormorant Garamond",var(--serif);font-weight:600;font-size:clamp(36px,5.2vw,84px);letter-spacing:.14em;text-transform:uppercase;line-height:.95;text-shadow:0 2px 30px rgba(0,0,0,.6)} .bt-sire-kazarak.bt-sire-kazarak .bt-kick{font-family:"Cormorant Garamond",var(--serif);font-size:12px;letter-spacing:.36em;font-weight:600;color:rgba(255,255,255,.7)} .bt-sire-kazarak.bt-sire-kazarak .bt-met{font-family:"Cormorant Garamond",var(--serif);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75);padding-top:10px;position:relative} .bt-sire-kazarak.bt-sire-kazarak .bt-met::before{content:"";position:absolute;left:50%;top:0;width:clamp(120px,14vw,220px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent)} /* Milo Voss — le noir mono, l'orange qui s'efface, et SA déformation liquide : au survol, la photo ondule sous la souris (WebGL, runtime) */ .bt-milovoss.bt-milovoss{background:#0c0b0a;cursor:crosshair} .bt-milovoss.bt-milovoss .bt-media{filter:saturate(1.15) contrast(1.05)} .bt-milovoss.bt-milovoss:hover .bt-media{transform:none} .bt-milovoss.bt-milovoss .fx-liquide{position:absolute;inset:0;z-index:1;pointer-events:none} .bt-milovoss.bt-milovoss .fx-liquide canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .45s} .bt-milovoss.bt-milovoss .fx-orange{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:#ff5a1f;mix-blend-mode:multiply;opacity:.55;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);transform-origin:left;pointer-events:none} .bt-milovoss.bt-milovoss:hover .fx-orange{opacity:0;transform:scaleX(0)} .bt-milovoss.bt-milovoss .bt-nom{font-family:"Rubik Mono One",var(--display);font-size:clamp(22px,2.2vw,34px);letter-spacing:.02em} .bt-milovoss.bt-milovoss .bt-kick,.bt-milovoss.bt-milovoss .bt-met{font-family:"Roboto Mono",monospace;text-transform:uppercase;letter-spacing:.12em} .bt-milovoss.bt-milovoss .bt-body{top:clamp(16px,1.6vw,24px);bottom:auto} .bt-milovoss.bt-milovoss::after{background:linear-gradient(0deg,transparent 55%,rgba(0,0,0,.55))} /* Ernestine — la fiche crème à gros trait noir de son blog, le gif sur TOUTE la hauteur (la fumée ne se coupe pas), le compteur, la bande jaune */ .bt-ernestine.bt-ernestine{background:#fbf6e8;color:#1d1d1b;box-shadow:inset 0 0 0 2px #1d1d1b} .bt-ernestine.bt-ernestine .bt-media.gif{object-fit:cover;object-position:center;image-rendering:pixelated;left:auto;right:0;width:auto;height:100%;aspect-ratio:16/9;max-width:60%;border-left:2px solid #1d1d1b;background:#fcec04} .bt-ernestine.bt-ernestine:hover .bt-media{transform:none} .bt-ernestine.bt-ernestine::after{background:none} .bt-ernestine.bt-ernestine .bt-body{right:min(60%,calc(100% - 40%));bottom:clamp(38px,3.6vw,48px)} .bt-ernestine.bt-ernestine .bt-nom{font-family:"Baloo 2","Patrick Hand",cursive;font-weight:800;text-transform:none;font-size:clamp(26px,2.6vw,40px);color:#1d1d1b;letter-spacing:0} .bt-ernestine.bt-ernestine .bt-kick{color:#d2467e;font-family:"Patrick Hand",cursive;font-size:14px;letter-spacing:.04em;text-transform:none;font-weight:400} .bt-ernestine.bt-ernestine .bt-met{color:#555;font-family:"Patrick Hand",cursive;font-size:14px;letter-spacing:0} .bt-ernestine.bt-ernestine .bt-arrow{background:#f9a8c9;color:#1d1d1b;box-shadow:inset 0 0 0 2px #1d1d1b;border-radius:999px;backdrop-filter:none} .bt-ernestine.bt-ernestine:hover .bt-arrow{background:#ffe01b;color:#1d1d1b} @property --pks-visiteur{syntax:'';inherits:false;initial-value:14373} .bt-ernestine.bt-ernestine .fx-compteur{position:absolute;left:clamp(16px,1.6vw,24px);top:clamp(14px,1.5vw,22px);z-index:3;display:flex;gap:8px;align-items:center;font-family:"VT323","Roboto Mono",monospace;font-size:14px;letter-spacing:.04em;color:#1d1d1b} .bt-ernestine.bt-ernestine .fx-compteur b{font-weight:400;text-transform:uppercase} .bt-ernestine.bt-ernestine .fx-compteur span{background:#111;color:#7CFC00;padding:1px 6px;font-size:14px;--pks-visiteur:14373;counter-reset:visiteur var(--pks-visiteur);animation:pxb-visiteur 90s linear infinite} .bt-ernestine.bt-ernestine .fx-compteur span::before{content:"00" counter(visiteur)} @keyframes pxb-visiteur{to{--pks-visiteur:14431}} .bt-ernestine.bt-ernestine .fx-bande{position:absolute;left:0;right:0;bottom:0;z-index:4;height:28px;background:#ffe01b;border-top:2px solid #1d1d1b;display:flex;align-items:center;padding:0 clamp(16px,1.6vw,24px);font-family:"Patrick Hand",cursive;font-size:13px;color:#1d1d1b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* Barbeuclette — le camion : le C35 crème et brique détouré, garé sur la crème du site, qui arrive en roulant à l'apparition et vibre au ralenti;la ligne « Ce soir:… » à point clignotant;le bandeau brique qui défile */ .bt-barbeuclette.bt-barbeuclette{background:#f9f0df;color:#23201b}.bt-barbeuclette.bt-barbeuclette::after{background:none}.bt-barbeuclette.bt-barbeuclette .fx-sol{position:absolute;left:0;right:0;bottom:28px;height:30%;z-index:0;background:linear-gradient(180deg,rgba(86,45,30,0),rgba(86,45,30,.10))}.bt-barbeuclette.bt-barbeuclette .bt-camion-box{position:absolute;left:56%;bottom:16px;height:calc(100% - 26px);width:auto;max-width:48%;aspect-ratio:1400/818;translate:-50% 0;z-index:2;display:block;animation:pxb-camion-arrive 1.6s cubic-bezier(.2,.8,.2,1) both}.bt-barbeuclette.bt-barbeuclette .bt-camion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 100%;animation:pxb-camion-ralenti 1.1s ease-in-out infinite alternate;filter:drop-shadow(0 26px 22px rgba(86,45,30,.3))}.bt-barbeuclette.bt-barbeuclette .fx-fumee{position:absolute;left:28%;top:2%;width:9%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(120,110,100,.55),rgba(120,110,100,0) 70%);filter:blur(3px);animation:pxb-fumee 3.2s ease-out infinite;opacity:0}.bt-barbeuclette.bt-barbeuclette .fx-fumee.f2{animation-delay:1.1s;left:30%}.bt-barbeuclette.bt-barbeuclette .fx-fumee.f3{animation-delay:2.2s;left:26%;width:7%}@keyframes pxb-fumee{0%{transform:translate(0,0) scale(.6);opacity:0}20%{opacity:.8}100%{transform:translate(-30%,-160%) scale(1.8);opacity:0}}@keyframes pxb-camion-arrive{from{transform:translateX(70%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes pxb-camion-ralenti{from{transform:translateY(0) rotate(0)}to{transform:translateY(-2px) rotate(-.25deg)}}.bt-barbeuclette.bt-barbeuclette .bt-body{left:clamp(18px,1.8vw,26px);right:auto;width:32%;bottom:40px;gap:3px}.bt-barbeuclette.bt-barbeuclette .bt-met{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-barbeuclette.bt-barbeuclette .bt-logo{position:absolute;right:clamp(16px,1.8vw,30px);top:46%;width:clamp(56px,6vw,88px);height:auto;transform:translateY(-58%) rotate(-6deg);z-index:2;filter:drop-shadow(0 10px 14px rgba(86,45,30,.25));transition:transform .8s cubic-bezier(.2,.8,.2,1)}.bt-barbeuclette.bt-barbeuclette:hover .bt-logo{transform:translateY(-58%) rotate(8deg) scale(1.08)}.bt-barbeuclette.bt-barbeuclette .bt-kick{color:#b3441c;font-family:"Archivo",var(--body);font-weight:800;font-size:10px;letter-spacing:.22em}.bt-barbeuclette.bt-barbeuclette .bt-nom{font-family:"Playfair Display",var(--serif);text-transform:none;font-weight:700;color:#23201b;font-size:clamp(19px,1.7vw,24px);white-space:nowrap;letter-spacing:-.015em;line-height:.95}.bt-barbeuclette.bt-barbeuclette .bt-met{color:#736652;font-family:"Archivo",var(--body);font-size:12px;letter-spacing:0}.bt-barbeuclette.bt-barbeuclette .bt-arrow{background:#b3441c;color:#fff;box-shadow:none;border-radius:999px;backdrop-filter:none;top:auto;bottom:40px}.bt-barbeuclette.bt-barbeuclette:hover .bt-arrow{background:#23201b;color:#f9f0df}.bt-barbeuclette.bt-barbeuclette .fx-ouvert{position:absolute;left:clamp(18px,1.8vw,26px);top:clamp(14px,1.5vw,20px);z-index:3;max-width:34%;display:inline-flex;align-items:center;gap:8px;font-family:"Archivo",var(--body);font-size:11px;color:#23201b;letter-spacing:0;white-space:nowrap;padding:6px 10px;background:#fff;border-radius:999px;box-shadow:0 0 0 1px rgba(35,32,27,.12);overflow:hidden}.bt-barbeuclette.bt-barbeuclette .fx-ouvert small{overflow:hidden;text-overflow:ellipsis}.bt-barbeuclette.bt-barbeuclette .fx-ouvert b{width:8px;height:8px;border-radius:50%;background:#2e9e5b;animation:pxb-clignote 1.6s ease-in-out infinite}.bt-barbeuclette.bt-barbeuclette .fx-ouvert.ferme b{background:#b3441c;animation-duration:2.4s}.bt-barbeuclette.bt-barbeuclette .fx-ouvert span{color:#736652}.bt-barbeuclette.bt-barbeuclette .fx-ouvert small{font-size:11.5px;font-weight:700;color:#23201b}@keyframes pxb-clignote{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(46,158,91,.5)}50%{opacity:.5;box-shadow:0 0 0 6px rgba(46,158,91,0)}}.bt-barbeuclette.bt-barbeuclette .fx-ticker{position:absolute;left:0;right:0;bottom:0;z-index:4;height:28px;background:#b3441c;color:#f9f0df;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-family:"Archivo",var(--body);font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.bt-barbeuclette.bt-barbeuclette .fx-ticker span{flex:none;display:inline-block;padding-right:.5em;will-change:transform;animation:pxb-ticker 22s linear infinite}@keyframes pxb-ticker{to{transform:translateX(-100%)}} .bt-optique-zenith.bt-optique-zenith{background:#3d0a0d}.bt-optique-zenith.bt-optique-zenith .bt-media.flou{filter:blur(7px) saturate(.9);transform:scale(1.06)}.bt-optique-zenith.bt-optique-zenith:hover .bt-media.flou{filter:blur(0) saturate(1);transform:scale(1)}.bt-optique-zenith.bt-optique-zenith .fx-lentille{position:absolute;inset:0;z-index:2;background:radial-gradient(38% 38% at 50% 44%,transparent 60%,rgba(61,10,13,.55) 100%);pointer-events:none;transition:opacity .9s}.bt-optique-zenith.bt-optique-zenith:hover .fx-lentille{opacity:0}.bt-optique-zenith.bt-optique-zenith .bt-nom{font-family:"Cormorant Garamond",var(--serif);font-weight:600;text-transform:none;font-size:clamp(30px,3vw,46px)}.bt-optique-zenith.bt-optique-zenith .bt-kick,.bt-optique-zenith.bt-optique-zenith .bt-met{font-family:"Jost",var(--body)} .bt-la-cassole-rose.bt-la-cassole-rose{background:#100e0c;color:#f2e7da}.bt-la-cassole-rose.bt-la-cassole-rose .bt-media.salle{filter:brightness(.42) saturate(.75) contrast(1.08);object-position:center 40%}.bt-la-cassole-rose.bt-la-cassole-rose:hover .bt-media.salle{transform:scale(1.04);filter:brightness(.5) saturate(.8) contrast(1.08)}.bt-la-cassole-rose.bt-la-cassole-rose::after{background:linear-gradient(180deg,rgba(16,14,12,.35),transparent 35%,rgba(16,14,12,.2) 60%,rgba(16,14,12,.9))}.bt-la-cassole-rose.bt-la-cassole-rose .fx-cadre-cuivre{position:absolute;inset:clamp(10px,1.2vw,16px);z-index:3;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(201,154,95,.32)}.bt-la-cassole-rose.bt-la-cassole-rose .fx-cadre-cuivre::before,.bt-la-cassole-rose.bt-la-cassole-rose .fx-cadre-cuivre::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:34%;height:1px;background:#c99a5f;opacity:.7}.bt-la-cassole-rose.bt-la-cassole-rose .fx-cadre-cuivre::before{top:-1px}.bt-la-cassole-rose.bt-la-cassole-rose .fx-cadre-cuivre::after{bottom:-1px}.bt-la-cassole-rose.bt-la-cassole-rose .bt-assiette{position:absolute;left:50%;top:36%;width:min(46%,200px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:2;border-radius:50%;box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 6px #1e1815,0 0 0 7px rgba(201,154,95,.45);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.bt-la-cassole-rose.bt-la-cassole-rose:hover .bt-assiette{transform:translate(-50%,-52%) scale(1.04)}.bt-la-cassole-rose.bt-la-cassole-rose .bt-plat{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;filter:saturate(1.05) contrast(1.05)}.bt-la-cassole-rose.bt-la-cassole-rose .fx-vapeur{position:absolute;left:40%;bottom:60%;width:28%;height:60%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(242,231,218,.28),transparent 70%);filter:blur(10px);animation:pxb-vapeur 5.5s ease-in-out infinite;opacity:0;pointer-events:none}.bt-la-cassole-rose.bt-la-cassole-rose .fx-vapeur.v2{left:52%;animation-delay:1.8s;animation-duration:6.5s}.bt-la-cassole-rose.bt-la-cassole-rose .fx-vapeur.v3{left:30%;animation-delay:3.4s;animation-duration:7s;width:22%}@keyframes pxb-vapeur{0%{transform:translateY(20%) scale(.7);opacity:0}30%{opacity:.9}100%{transform:translateY(-90%) scale(1.25) translateX(10%);opacity:0}}.bt-la-cassole-rose.bt-la-cassole-rose .bt-marque{position:absolute;left:clamp(18px,1.8vw,26px);top:clamp(16px,1.6vw,24px);width:clamp(28px,2.8vw,38px);height:auto;color:#cf6f52;z-index:3;filter:drop-shadow(0 0 12px rgba(207,111,82,.35))}.bt-la-cassole-rose.bt-la-cassole-rose .bt-body{bottom:clamp(20px,2vw,30px);gap:6px}.bt-la-cassole-rose.bt-la-cassole-rose .bt-kick{font-family:"Archivo",var(--body);font-weight:500;font-size:10px;letter-spacing:.24em;color:#cf6f52}.bt-la-cassole-rose.bt-la-cassole-rose .bt-nom{font-family:"Archivo",var(--display);font-weight:800;text-transform:none;letter-spacing:-.03em;font-size:clamp(30px,3.4vw,50px);line-height:.92;color:#f2e7da}.bt-la-cassole-rose.bt-la-cassole-rose .bt-nom::after{content:"Rose";display:block;font-family:"Fraunces",var(--serif);font-style:italic;font-weight:300;text-transform:none;color:#cf6f52;letter-spacing:0;font-size:1.02em;line-height:1}.bt-la-cassole-rose.bt-la-cassole-rose .bt-met{font-family:"Archivo",var(--body);font-size:12px;letter-spacing:.04em;color:#c8b4a3}.bt-la-cassole-rose.bt-la-cassole-rose .fx-reserver{position:absolute;right:clamp(18px,1.8vw,26px);top:clamp(18px,1.8vw,26px);z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:#cf6f52;color:#16100d;font-family:"Archivo",var(--body);font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;transition:background .3s}.bt-la-cassole-rose.bt-la-cassole-rose:hover .fx-reserver{background:#f2e7da}.bt-la-cassole-rose.bt-la-cassole-rose .bt-arrow{display:none} .bt-naidi-tattoo.bt-naidi-tattoo{background:#07090b}.bt-naidi-tattoo.bt-naidi-tattoo .bt-compas{position:absolute;right:clamp(26px,3vw,48px);top:50%;width:min(44%,190px);aspect-ratio:1;transform:translateY(-50%);z-index:2;display:block}.bt-naidi-tattoo.bt-naidi-tattoo .compas-anneaux,.bt-naidi-tattoo.bt-naidi-tattoo .compas-anneaux::before,.bt-naidi-tattoo.bt-naidi-tattoo .compas-anneaux::after{position:absolute;border-radius:50%;pointer-events:none;content:""}.bt-naidi-tattoo.bt-naidi-tattoo .compas-anneaux{inset:7%;border:1px solid rgba(238,234,225,.22)}.bt-naidi-tattoo.bt-naidi-tattoo .compas-anneaux::before{inset:15%;border:1px dashed rgba(34,151,168,.5);animation:pxb-compasTourne 80s linear infinite}.bt-naidi-tattoo.bt-naidi-tattoo .compas-anneaux::after{inset:31%;border:1px solid rgba(238,234,225,.12)}@keyframes pxb-compasTourne{to{transform:rotate(360deg)}}.bt-naidi-tattoo.bt-naidi-tattoo .compas-rose{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.bt-naidi-tattoo.bt-naidi-tattoo .compas-rose line{stroke:rgba(238,234,225,.42);stroke-width:.8;vector-effect:non-scaling-stroke}.bt-naidi-tattoo.bt-naidi-tattoo .compas-rose line.q{stroke:rgba(238,234,225,.75)}.bt-naidi-tattoo.bt-naidi-tattoo .compas-rose line.cap{stroke:#eeeae1;stroke-width:1.4}.bt-naidi-tattoo.bt-naidi-tattoo .compas-rose line.in{stroke:rgba(34,151,168,.7)}.bt-naidi-tattoo.bt-naidi-tattoo .compas-rose g{transform-box:view-box;transform-origin:100px 100px}.bt-naidi-tattoo.bt-naidi-tattoo .compas-rose .aig-n{fill:#f16742}.bt-naidi-tattoo.bt-naidi-tattoo .compas-rose .aig-s{fill:rgba(238,234,225,.72)}.bt-naidi-tattoo.bt-naidi-tattoo .compas-rose .cap-m{fill:#2297a8}.bt-naidi-tattoo.bt-naidi-tattoo .compas-rose .aig{filter:drop-shadow(0 6px 10px rgba(0,0,0,.55));transition:transform .9s cubic-bezier(.2,.8,.2,1)}.bt-naidi-tattoo.bt-naidi-tattoo:hover .compas-rose .aig{transition:transform .25s ease-out}.bt-naidi-tattoo.bt-naidi-tattoo .bt-baleine{position:absolute;inset:20%;width:60%;height:60%;object-fit:contain;z-index:1;filter:drop-shadow(0 12px 20px rgba(0,0,0,.6));animation:pxb-derive 7s ease-in-out infinite alternate}@keyframes pxb-derive{from{transform:translateY(-3%) rotate(-3deg)}to{transform:translateY(3%) rotate(2deg)}}.bt-naidi-tattoo.bt-naidi-tattoo .bt-body{right:48%}.bt-naidi-tattoo.bt-naidi-tattoo .bt-kick,.bt-naidi-tattoo.bt-naidi-tattoo .bt-met{font-family:"Manrope",var(--body);letter-spacing:.14em}.bt-naidi-tattoo.bt-naidi-tattoo .bt-kick{color:#f16742}.bt-naidi-tattoo.bt-naidi-tattoo .bt-nom{font-family:"Archivo Black",var(--display);letter-spacing:0} .bt-xs-zinc.bt-xs-zinc{background:#1b1b1b}.bt-xs-zinc.bt-xs-zinc .bt-media{object-position:62% 40%}.bt-xs-zinc.bt-xs-zinc .fx-zinc{position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%) no-repeat;background-size:250% 100%;background-position:150% 0;transition:background-position 1.1s ease}.bt-xs-zinc.bt-xs-zinc:hover .fx-zinc{background-position:-50% 0}.bt-xs-zinc.bt-xs-zinc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:#e8791f;z-index:3}.bt-xs-zinc.bt-xs-zinc::after{background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.78))}.bt-xs-zinc.bt-xs-zinc .bt-nom{font-family:"Montserrat",var(--display);font-weight:900;letter-spacing:-.02em}.bt-xs-zinc.bt-xs-zinc .bt-nom b,.bt-xs-zinc.bt-xs-zinc .bt-nom strong{color:#e8791f}.bt-xs-zinc.bt-xs-zinc .bt-kick{color:#e8791f;font-family:"Barlow",var(--cond)} .bt-berserkologie.bt-berserkologie{background:#070505}.bt-berserkologie.bt-berserkologie .bt-behelit{position:absolute;inset:0;z-index:1;display:block}.bt-berserkologie.bt-berserkologie .bt-behelit canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.4s}.bt-berserkologie.bt-berserkologie .bt-behelit.pret canvas{opacity:1}.bt-berserkologie.bt-berserkologie .bt-sigil{position:absolute;right:16%;top:50%;width:clamp(70px,7vw,110px);height:auto;transform:translate(50%,-50%);opacity:.85;filter:drop-shadow(0 0 22px rgba(216,17,10,.6));transition:opacity .8s;animation:pxb-pulseB 3s ease-in-out infinite alternate}@keyframes pxb-pulseB{from{opacity:.6}to{opacity:.95}}.bt-berserkologie.bt-berserkologie .bt-behelit.pret .bt-sigil{opacity:0;animation:none}.bt-berserkologie.bt-berserkologie::after{background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 55%),linear-gradient(180deg,transparent 50%,rgba(0,0,0,.65))}.bt-berserkologie.bt-berserkologie .bt-body{right:44%}.bt-berserkologie.bt-berserkologie .bt-nom{font-family:"EB Garamond",var(--serif);font-weight:500;letter-spacing:.1em;font-size:clamp(26px,2.7vw,40px);color:#f2ece0}.bt-berserkologie.bt-berserkologie .bt-nom::first-letter{color:#e0392a}.bt-berserkologie.bt-berserkologie .bt-kick{font-family:"EB Garamond",var(--serif);font-style:italic;text-transform:none;letter-spacing:.04em;font-size:13px;color:#c9a98a}.bt-berserkologie.bt-berserkologie .bt-met{font-family:"EB Garamond",var(--serif);font-size:13px;letter-spacing:.06em;color:rgba(242,236,224,.7)} .bt-marion-blanc.bt-marion-blanc{background:#fbf9f3;color:#2a2622}.bt-marion-blanc.bt-marion-blanc .bt-media.papier{opacity:1;object-position:center top}.bt-marion-blanc.bt-marion-blanc:hover .bt-media.papier{transform:none}.bt-marion-blanc.bt-marion-blanc::after{background:linear-gradient(90deg,rgba(251,249,243,.55),transparent 55%)}.bt-marion-blanc.bt-marion-blanc .bt-bulle{position:absolute;right:clamp(28px,4vw,64px);top:50%;width:min(64%,190px);aspect-ratio:1;transform:translateY(-50%);z-index:2;border-radius:50%;overflow:hidden;box-shadow:0 30px 50px -24px rgba(56,62,119,.45),inset 0 0 0 1px rgba(255,255,255,.7);display:block}.bt-marion-blanc.bt-marion-blanc .bt-marion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.bt-marion-blanc.bt-marion-blanc .bt-bulle::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(60% 60% at 30% 25%,rgba(255,255,255,.55),transparent 60%);pointer-events:none}.bt-marion-blanc.bt-marion-blanc .fx-feuilles{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.bt-marion-blanc.bt-marion-blanc .fx-feuilles svg{position:absolute;width:16px;height:16px;left:-30px;top:-30px;opacity:.9}.bt-marion-blanc.bt-marion-blanc .fx-etoiles{position:absolute;inset:0;z-index:2;pointer-events:none}.bt-marion-blanc.bt-marion-blanc .fx-etoiles b{position:absolute;font-size:12px;color:#b99747;opacity:0}.bt-marion-blanc.bt-marion-blanc .fx-etoiles b:nth-child(1){right:12%;top:12%}.bt-marion-blanc.bt-marion-blanc .fx-etoiles b:nth-child(2){right:40%;top:22%;font-size:9px}.bt-marion-blanc.bt-marion-blanc .fx-etoiles b:nth-child(3){right:8%;bottom:20%;font-size:10px}.bt-marion-blanc.bt-marion-blanc .fx-etoiles b:nth-child(4){right:44%;bottom:16%;font-size:8px}.bt-marion-blanc.bt-marion-blanc .fx-caveat{position:absolute;left:clamp(16px,1.6vw,24px);top:clamp(14px,1.5vw,22px);z-index:3;font-family:"Caveat",cursive;font-size:clamp(16px,1.7vw,22px);color:#856084;transform:rotate(-3deg);transform-origin:left;white-space:nowrap}.bt-marion-blanc.bt-marion-blanc .fx-caveat span{display:inline-block;opacity:0}.bt-marion-blanc.bt-marion-blanc .bt-body{right:48%;bottom:clamp(18px,1.8vw,26px)}.bt-marion-blanc.bt-marion-blanc .bt-nom{font-family:"Fraunces","DM Serif Display",var(--serif);font-weight:600;text-transform:none;color:#383e77;font-size:clamp(28px,3vw,44px);letter-spacing:-.01em}.bt-marion-blanc.bt-marion-blanc .bt-kick{color:#b5541c;font-family:"DM Sans",var(--body)}.bt-marion-blanc.bt-marion-blanc .bt-met{color:#6b5f55;font-family:"DM Sans",var(--body)}.bt-marion-blanc.bt-marion-blanc .bt-arrow{background:#383e77;color:#fff;box-shadow:none} @font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/bricolage-grotesque-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/bricolage-grotesque-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/bricolage-grotesque-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/bricolage-grotesque-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/bricolage-grotesque-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/bricolage-grotesque-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/figtree-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/figtree-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/figtree-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/figtree-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/figtree-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/figtree-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Silkscreen';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/silkscreen-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Silkscreen';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/9967cc5e-afa5-48bf-9c03-48ac56e47066/polices/silkscreen-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.bt-alternative-bits.bt-alternative-bits{background:#ecebe8;color:#26231f}.bt-alternative-bits.bt-alternative-bits::after{background:none}.bt-alternative-bits.bt-alternative-bits .fx-points{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}.bt-alternative-bits.bt-alternative-bits .bt-art{position:absolute;left:50%;top:66px;bottom:32px;width:auto;height:auto;aspect-ratio:1;z-index:1;display:block;translate:-50% 0}.bt-alternative-bits.bt-alternative-bits .bt-pochette{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 70px -24px rgba(38,35,31,.5)}.bt-alternative-bits.bt-alternative-bits .bt-anneau{position:absolute;inset:-5%;width:110%;height:110%;pointer-events:none}@keyframes pxb-sceau-m{to{transform:rotate(360deg)}}.bt-alternative-bits.bt-alternative-bits .bt-body{left:0;right:0;top:0;bottom:auto;z-index:3;display:flex;flex-direction:column;gap:5px;padding:12px 16px 10px;background:#f8f7f5;border-bottom:1.5px solid #26231f}.bt-alternative-bits.bt-alternative-bits .bt-kick{display:none}.bt-alternative-bits.bt-alternative-bits .bt-nom{grid-area:nom;font-family:"Bricolage Grotesque",var(--display);font-weight:800;text-transform:none;letter-spacing:-.04em;font-size:clamp(22px,2vw,30px);line-height:1;color:#26231f;display:block;white-space:nowrap}.bt-alternative-bits.bt-alternative-bits .bt-nom::first-letter{color:#9a5200}.bt-alternative-bits.bt-alternative-bits .bt-nom,.bt-alternative-bits.bt-alternative-bits .bt-body .bt-nom{color:#26231f}.bt-alternative-bits.bt-alternative-bits .bt-met{font-family:"Silkscreen",monospace;font-weight:400;font-size:8.5px;letter-spacing:.06em;color:#66615a;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-alternative-bits.bt-alternative-bits .bt-arrow{background:#26231f;color:#f8f7f5;box-shadow:none;border-radius:999px;backdrop-filter:none;top:auto;bottom:46px}.bt-alternative-bits.bt-alternative-bits:hover .bt-arrow{background:#ee9a30;color:#26231f}.bt-alternative-bits.bt-alternative-bits .fx-pistes{position:absolute;left:0;right:0;bottom:0;z-index:4;height:32px;background:#ee9a30;color:#26231f;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-family:"Bricolage Grotesque",var(--display);font-weight:800;font-size:15px;letter-spacing:-.02em}.bt-alternative-bits.bt-alternative-bits .fx-pistes span{flex:none;display:inline-block;padding-right:1.2em;will-change:transform;animation:pxb-pistes 28s linear infinite}.bt-alternative-bits.bt-alternative-bits .fx-pistes em{font-style:normal;font-family:"Silkscreen",monospace;font-size:8.5px;letter-spacing:.06em;margin:0 1.6em 0 .6em;position:relative;top:-2px}@keyframes pxb-pistes{to{transform:translateX(-100%)}} .bt-easyresiliation.bt-easyresiliation{background:#f3f5f1;color:#13201b}.bt-easyresiliation.bt-easyresiliation::after{background:none}.bt-easyresiliation.bt-easyresiliation .bt-body{left:clamp(20px,2.4vw,40px);right:auto;width:46%;top:clamp(22px,2.4vw,36px);bottom:auto;gap:6px}.bt-easyresiliation.bt-easyresiliation .bt-kick{font-family:"Figtree",var(--body);font-weight:700;font-size:10px;letter-spacing:.16em;color:#0b6e4f}.bt-easyresiliation.bt-easyresiliation .bt-nom{font-family:"Bricolage Grotesque",var(--display);font-weight:700;text-transform:none;letter-spacing:-.03em;font-size:clamp(26px,2.4vw,34px);line-height:1;color:#13201b}.bt-easyresiliation.bt-easyresiliation .bt-nom::first-letter{color:#0b6e4f}.bt-easyresiliation.bt-easyresiliation .bt-met{font-family:"Figtree",var(--body);font-size:12.5px;letter-spacing:0;color:#55645d}.bt-easyresiliation.bt-easyresiliation .fx-titre-er{position:absolute;left:clamp(20px,2.4vw,40px);width:46%;top:calc(clamp(22px,2.4vw,36px) + 96px);z-index:3;font-family:"Bricolage Grotesque",var(--display);font-weight:800;font-size:clamp(28px,3.1vw,46px);line-height:.98;letter-spacing:-.04em;color:#13201b}.bt-easyresiliation.bt-easyresiliation .fx-titre-er em{font-style:normal;position:relative;white-space:nowrap}.bt-easyresiliation.bt-easyresiliation .fx-titre-er em::after{content:"";position:absolute;left:-2%;right:-2%;top:54%;height:0;border-top:3px dashed #0b6e4f;transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.8,.2,1) .1s}.bt-easyresiliation.bt-easyresiliation:hover .fx-titre-er em::after{transform:scaleX(1)}.bt-easyresiliation.bt-easyresiliation .fx-coches{position:absolute;left:clamp(20px,2.4vw,40px);bottom:clamp(64px,6vw,80px);z-index:3;display:grid;gap:7px;width:46%}.bt-easyresiliation.bt-easyresiliation .fx-coches span{font-family:"Figtree",var(--body);font-size:12.5px;color:#55645d;padding-left:24px;position:relative}.bt-easyresiliation.bt-easyresiliation .fx-coches span::before{content:"";position:absolute;left:0;top:1px;width:15px;height:15px;border-radius:50%;background:#dceee5}.bt-easyresiliation.bt-easyresiliation .fx-coches span::after{content:"";position:absolute;left:4.5px;top:5px;width:5px;height:3px;border-left:2px solid #0b6e4f;border-bottom:2px solid #0b6e4f;transform:rotate(-45deg)}.bt-easyresiliation.bt-easyresiliation .fx-cta{position:absolute;left:clamp(20px,2.4vw,40px);bottom:clamp(20px,2.2vw,30px);z-index:3;padding:11px 20px;border-radius:999px;background:#0b6e4f;color:#fff;font-family:"Figtree",var(--body);font-weight:700;font-size:13px;transition:background .3s}.bt-easyresiliation.bt-easyresiliation:hover .fx-cta{background:#085a40}.bt-easyresiliation.bt-easyresiliation .bt-arrow{background:#13201b;color:#fff;box-shadow:none;border-radius:999px;backdrop-filter:none}.bt-easyresiliation.bt-easyresiliation:hover .bt-arrow{background:#0b6e4f}.bt-easyresiliation.bt-easyresiliation .fx-lettre{position:absolute;right:clamp(20px,2.6vw,44px);top:clamp(40px,4vw,56px);bottom:clamp(20px,2.2vw,30px);width:44%;background:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(19,32,27,.06),0 18px 40px -20px rgba(19,32,27,.25);z-index:2;padding:clamp(16px,1.8vw,28px);font-family:"Figtree",var(--body);color:#13201b;overflow:visible}.bt-easyresiliation.bt-easyresiliation .fx-tampon{position:absolute;right:14px;top:-12px;padding:6px 12px;background:#e2f16a;color:#13201b;font-family:ui-monospace,"JetBrains Mono",monospace;font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-4deg);box-shadow:0 4px 10px -6px rgba(19,32,27,.4)}.bt-easyresiliation.bt-easyresiliation .fx-exp{display:block;font-size:12px;line-height:1.5;color:#55645d}.bt-easyresiliation.bt-easyresiliation .fx-dest{display:block;text-align:right;font-size:12px;line-height:1.5;color:#55645d;margin-top:8px}.bt-easyresiliation.bt-easyresiliation .fx-dest b{display:block;color:#13201b;font-weight:700}.bt-easyresiliation.bt-easyresiliation .fx-objet{display:block;margin-top:14px;font-size:12.5px;font-weight:700;color:#13201b}.bt-easyresiliation.bt-easyresiliation .fx-lignes{display:grid;gap:9px;margin-top:12px}.bt-easyresiliation.bt-easyresiliation .fx-lignes i{display:block;height:6px;border-radius:3px;background:#e6ebe7}.bt-easyresiliation.bt-easyresiliation .fx-coupe{position:absolute;left:-14px;right:-14px;top:69%;height:0;border-top:2px dashed #cfd8d1;z-index:3}.bt-easyresiliation.bt-easyresiliation .fx-coupe svg{position:absolute;left:0;top:-13px;width:24px;height:24px;color:#13201b;transition:left 1.1s cubic-bezier(.2,.8,.2,1)}.bt-easyresiliation.bt-easyresiliation:hover .fx-coupe svg{left:calc(100% - 24px)}.bt-easyresiliation.bt-easyresiliation .fx-bas{position:absolute;left:0;right:0;top:69%;bottom:0;background:#fff;border-radius:0 0 10px 10px;padding:14px clamp(16px,1.8vw,28px);transition:transform .9s cubic-bezier(.2,.8,.2,1) .5s,box-shadow .9s .5s;z-index:2}.bt-easyresiliation.bt-easyresiliation:hover .fx-bas{transform:translateY(10px) rotate(1.2deg);box-shadow:0 14px 30px -18px rgba(19,32,27,.35)}.bt-easyresiliation.bt-easyresiliation .fx-suivi{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:ui-monospace,"JetBrains Mono",monospace;font-size:10.5px;color:#0b6e4f;margin-top:8px}.bt-easyresiliation.bt-easyresiliation .fx-suivi b{color:#13201b;font-weight:700;letter-spacing:.04em}.bt-easyresiliation.bt-easyresiliation .fx-suivi small{font-size:9.5px;color:#55645d}@media(max-width:960px){.bt-easyresiliation.bt-easyresiliation .fx-lettre{width:46%}.bt-easyresiliation.bt-easyresiliation .fx-titre-er{font-size:26px}.bt-easyresiliation.bt-easyresiliation .fx-coches{display:none}}@media(max-width:560px){.bt-easyresiliation.bt-easyresiliation.r2{min-height:360px}.bt-easyresiliation.bt-easyresiliation .fx-lettre{display:none}.bt-easyresiliation.bt-easyresiliation .bt-body{width:auto;right:16px}.bt-easyresiliation.bt-easyresiliation .fx-titre-er{width:auto;right:16px;font-size:30px;top:130px}.bt-easyresiliation.bt-easyresiliation .fx-coches{display:grid;width:auto;right:16px;bottom:70px}.bt-alternative-bits.bt-alternative-bits.r2{min-height:400px}.bt-alternative-bits.bt-alternative-bits .bt-nom{font-size:26px}.bt-alternative-bits.bt-alternative-bits .bt-art{top:66px}} .bt-carne.bt-carne{background:#f4d35e url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/carne-intro-poster.webp) center/cover no-repeat;color:#222925;box-shadow:inset 0 0 0 1.5px #222925}.bt-carne.bt-carne .bt-scene{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s}.bt-carne.bt-carne.carne-pret .bt-scene{opacity:1}.bt-carne.bt-carne.carne-statique .bt-scene{display:none}.bt-carne.bt-carne:hover .bt-media{transform:none}.bt-carne.bt-carne .bt-body{left:clamp(16px,1.8vw,30px);right:auto;top:clamp(14px,1.6vw,24px);bottom:auto;width:auto;max-width:min(46%,320px);gap:5px;padding:12px 14px 11px;background:#fff3d9;border:2px solid #222925;border-radius:10px;box-shadow:4px 4px 0 #222925;transform:rotate(-1.5deg);transform-origin:0 0}.bt-carne.bt-carne .bt-kick{font-family:"Chivo Mono",monospace;font-weight:600;font-size:9px;letter-spacing:.14em;color:#b52d24}.bt-carne.bt-carne .bt-nom{font-family:"Archivo Black",var(--display);font-weight:400;font-size:clamp(20px,1.8vw,26px);letter-spacing:.02em;color:#222925}.bt-carne.bt-carne .bt-met{font-family:"Chivo Mono",monospace;font-weight:500;font-size:10px;color:#432a24;line-height:1.3}.bt-carne.bt-carne .bt-arrow{background:#b52d24;color:#fff3d9;box-shadow:none;border-radius:999px;backdrop-filter:none;top:auto;bottom:46px;border:2px solid #222925}.bt-carne.bt-carne:hover .bt-arrow{background:#222925;color:#fff3d9}.bt-carne.bt-carne .fx-viande{position:absolute;left:0;right:0;bottom:0;z-index:4;height:28px;background:#b52d24;color:#fff3d9;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-family:"Chivo Mono",monospace;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-top:1.5px solid #222925}.bt-carne.bt-carne .fx-viande span{flex:none;display:inline-block;padding-right:1em;will-change:transform;animation:pxb-viande 26s linear infinite}@keyframes pxb-viande{to{transform:translateX(-100%)}}@media(max-width:560px){.bt-carne.bt-carne{min-height:260px}.bt-carne.bt-carne .bt-body{max-width:70%;top:14px}}@media(max-width:560px){.bt-sire-kazarak.bt-sire-kazarak .bt-nom{font-size:34px}.bt-sire-kazarak.bt-sire-kazarak .fx-folio{display:none}.bt-ernestine.bt-ernestine .bt-media.gif{max-width:52%}.bt-ernestine.bt-ernestine .bt-body{right:52%}.bt-barbeuclette.bt-barbeuclette .bt-camion-box{height:auto;width:62%;left:auto;right:-4%;translate:0 0;bottom:34px}.bt-barbeuclette.bt-barbeuclette .bt-body{width:100%;right:16px;bottom:auto;top:16px}.bt-barbeuclette.bt-barbeuclette .bt-logo{display:none}.bt-barbeuclette.bt-barbeuclette .bt-nom{font-size:24px}.bt-barbeuclette.bt-barbeuclette .fx-ouvert{max-width:calc(100% - 24px);font-size:10px;top:auto;bottom:38px;left:12px}.bt-barbeuclette.bt-barbeuclette .bt-arrow{top:12px}.bt-barbeuclette.bt-barbeuclette .bt-body{top:48px}.bt-naidi-tattoo.bt-naidi-tattoo .bt-compas{width:150px}.bt-la-cassole-rose.bt-la-cassole-rose .bt-assiette{width:44%;top:34%}.bt-la-cassole-rose.bt-la-cassole-rose .fx-reserver{display:none}.bt-berserkologie.bt-berserkologie .bt-body{right:40%}.bt-marion-blanc.bt-marion-blanc .bt-bulle{width:150px;right:12px}.bt-marion-blanc.bt-marion-blanc .bt-body{right:50%}.bt-marion-blanc.bt-marion-blanc .fx-caveat{font-size:15px}} .bento.bento .bt.bt-alternative-bits .bt-pochette.bt-pochette,.bento.bento .bt.bt-marion-blanc .bt-portrait.bt-portrait,.bento.bento .bt.bt-la-cassole-rose .bt-plat.bt-plat,.bento.bento .bt.bt-marion-blanc .bt-marion.bt-marion{border-radius:50%} @font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivoblack-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivoblack-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Chivo Mono';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/chivomono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Chivo Mono';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/chivomono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Chivo Mono';font-style:normal;font-weight:600;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/chivomono-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Chivo Mono';font-style:normal;font-weight:600;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/chivomono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Chivo Mono';font-style:normal;font-weight:700;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/chivomono-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Chivo Mono';font-style:normal;font-weight:700;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/chivomono-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} .bento-accueil.bento-accueil{margin-top:clamp(22px,2.6vw,34px);margin-bottom:clamp(22px,2.6vw,34px)}.bento-accueil.bento-accueil .bt-barbeuclette .bt-camion-box{height:calc(100% - 26px)} .bento.bento .bt-milovoss .bt-body.bt-body{left:clamp(16px,1.6vw,24px);right:clamp(16px,1.6vw,24px);top:50%;bottom:auto;width:auto;transform:translateY(-50%);text-align:center;justify-items:center;align-items:center}.bento.bento .bt-marion-blanc .bt-body.bt-body{left:clamp(16px,1.6vw,24px);right:clamp(16px,1.6vw,24px);top:58%;bottom:auto;transform:translateY(-50%);text-align:center;justify-items:center;align-items:center} .bento.bento .bt-marion-blanc .fx-caveat.fx-caveat{left:50%;right:auto;transform:translateX(-50%) rotate(-3deg);transform-origin:center;z-index:4;text-align:center;top:clamp(8px,1vw,14px)}.bento.bento .bt-carne .bt-body.bt-body{left:50%;right:auto;top:clamp(14px,1.6vw,24px);bottom:auto;width:max-content;max-width:min(78%,360px);transform:translateX(-50%) rotate(-1.5deg);transform-origin:center;text-align:center;align-items:center}.bento.bento .bt-milovoss .bt-body.bt-body>*,.bento.bento .bt-marion-blanc .bt-body.bt-body>*,.bento.bento .bt-carne .bt-body.bt-body>*{text-align:center} .cards.cards .card.cv{padding:0;color:#f4f2ee;isolation:isolate;display:block}.cards.cards .card.cv .cflag{z-index:6;mix-blend-mode:difference;color:#fff;opacity:.55}.cards.cards .card.cv .cv-fond{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.cards.cards .card.cv .cv-voile{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,5,6,.55),rgba(5,5,6,.35) 40%,rgba(5,5,6,.9))}.cards.cards .card.cv .cv-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.14;background-image:radial-gradient(rgba(255,255,255,.7) .5px,transparent .6px);background-size:3px 3px;mix-blend-mode:overlay}.cards.cards .card.cv .cv-bloc,.cards.cards .card.cv .cv-centre{position:absolute;z-index:4;display:flex;flex-direction:column;gap:6px}.cards.cards .card.cv .cv-bloc{left:clamp(18px,2.2vw,30px);bottom:clamp(18px,2.2vw,30px);right:clamp(18px,2.2vw,30px)}.cards.cards .card.cv .cv-centre{inset:0;align-items:center;justify-content:center;text-align:center;padding:clamp(18px,2.2vw,30px)}.cards.cards .card.cv .cv-nom{font-size:clamp(24px,3vw,38px);line-height:.98;letter-spacing:-.01em;display:block}.cards.cards .card.cv .cv-role{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}.cards.cards .card.cv .cv-bas{font-size:12px;opacity:.72}.cards.cards .card.cv .cv-pied{position:absolute;z-index:4;left:clamp(18px,2.2vw,30px);right:clamp(18px,2.2vw,30px);bottom:clamp(18px,2.2vw,30px);display:flex;flex-direction:column;gap:8px}.cards.cards .card.cv .cv-mots{font-size:11px;text-transform:uppercase;letter-spacing:.16em;opacity:.75}.cards.cards .card.cv .cv-infos{display:flex;flex-direction:column;gap:3px;font-size:12.5px;line-height:1.3}.cards.cards .card.cv .cv-vert{position:absolute;z-index:4;right:clamp(18px,2.2vw,30px);top:clamp(18px,2.2vw,30px);font-size:clamp(18px,2vw,24px);line-height:1;letter-spacing:-.01em}.cards.cards .card.cv .cv-mono{position:absolute;z-index:3;font-size:clamp(90px,12vw,150px);line-height:.85;letter-spacing:-.04em;opacity:.12;right:-2%;top:-6%} .cards.cards .card.cv-sire-kazarak{background:#141414;font-family:'EB Garamond',serif}.cards.cards .card.cv-sire-kazarak .cv-cadre{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.55);z-index:3;pointer-events:none}.cards.cards .card.cv-sire-kazarak .cv-cadre.in{inset:15px;border-color:rgba(255,255,255,.25)}.cards.cards .card.cv-sire-kazarak .cv-orn{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;opacity:.7}.cards.cards .card.cv-sire-kazarak .cv-nom{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:clamp(34px,4.4vw,56px);line-height:.92;letter-spacing:.02em;text-transform:uppercase;margin:6px 0 4px}.cards.cards .card.cv-sire-kazarak .cv-role{font-style:italic;text-transform:none;letter-spacing:.04em;font-size:14px}.cards.cards .card.cv-sire-kazarak.verso .cv-fond{filter:grayscale(1) contrast(1.15)}.cards.cards .card.cv-sire-kazarak.verso .cv-vert{font-family:'Cormorant Garamond',serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg);right:auto;left:clamp(18px,2.2vw,30px);top:clamp(18px,2.2vw,30px);bottom:auto;font-size:clamp(14px,1.4vw,18px)}.cards.cards .card.cv-sire-kazarak.verso .cv-pied{left:26%} .cards.cards .card.cv-milovoss{background:#0c0c0c;font-family:'Roboto Mono',monospace}.cards.cards .card.cv-milovoss .cv-barre{position:absolute;left:0;top:0;bottom:0;width:9%;background:#e8521c;z-index:1}.cards.cards .card.cv-milovoss .cv-mono{font-family:'Rubik Mono One',sans-serif;color:#fff;opacity:.08;left:12%;right:auto;top:-8%}.cards.cards .card.cv-milovoss .cv-bloc{left:15%}.cards.cards .card.cv-milovoss .cv-nom{font-family:'Rubik Mono One',sans-serif;font-size:clamp(22px,2.6vw,34px);letter-spacing:.02em}.cards.cards .card.cv-milovoss .cv-role{letter-spacing:.08em;font-size:11px}.cards.cards .card.cv-milovoss .cv-repere{position:absolute;width:18px;height:18px;border:1.5px solid #e8521c;z-index:3}.cards.cards .card.cv-milovoss .cv-repere.tl{top:14px;right:14px;border-width:1.5px 1.5px 0 0}.cards.cards .card.cv-milovoss .cv-repere.br{bottom:14px;right:14px;border-width:0 1.5px 1.5px 0}.cards.cards .card.cv-milovoss.verso .cv-fond{filter:contrast(1.05) saturate(.9)}.cards.cards .card.cv-milovoss.verso .cv-voile{background:linear-gradient(180deg,rgba(6,6,7,.25),rgba(6,6,7,.2) 50%,rgba(6,6,7,.92))}.cards.cards .card.cv-milovoss .cv-num{position:absolute;z-index:4;top:clamp(18px,2.2vw,30px);left:clamp(18px,2.2vw,30px);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#e8521c;background:rgba(0,0,0,.55);padding:4px 7px}.cards.cards .card.cv-milovoss .cv-num.b{left:auto;right:clamp(18px,2.2vw,30px)} .cards.cards .card.cv-ernestine{background:#fbf7ee;color:#2a2622;font-family:'Patrick Hand',cursive}.cards.cards .card.cv-ernestine .cv-lignes{position:absolute;inset:0;z-index:0;background-image:repeating-linear-gradient(180deg,transparent 0 23px,rgba(70,110,200,.28) 23px 24px)}.cards.cards .card.cv-ernestine .cv-marge{position:absolute;top:0;bottom:0;left:13%;width:1.5px;background:rgba(220,60,60,.55);z-index:1}.cards.cards .card.cv-ernestine .cv-tampon{position:absolute;z-index:4;top:clamp(14px,1.6vw,22px);right:clamp(46px,5vw,70px);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#c8393a;border:2px solid #c8393a;border-radius:4px;padding:3px 8px;transform:rotate(-6deg);opacity:.85}.cards.cards .card.cv-ernestine .cv-nom{position:absolute;z-index:4;left:17%;top:22%;font-size:clamp(34px,4.6vw,58px);color:#1f3f9a}.cards.cards .card.cv-ernestine .cv-role{position:absolute;z-index:4;left:17%;top:calc(22% + clamp(44px,5.2vw,66px));text-transform:none;letter-spacing:0;font-size:15px;opacity:.9}.cards.cards .card.cv-ernestine .cv-bas{position:absolute;z-index:4;left:17%;bottom:clamp(18px,2.2vw,30px);font-size:14px}.cards.cards .card.cv-ernestine .cv-postit{position:absolute;z-index:5;right:clamp(14px,1.6vw,22px);bottom:clamp(14px,1.6vw,22px);width:34%;padding:10px 12px;background:#fde909;color:#2a2622;font-style:normal;font-size:12.5px;line-height:1.25;transform:rotate(3deg);box-shadow:2px 4px 10px rgba(0,0,0,.18)}.cards.cards .card.cv-ernestine.verso{background:#8f715d;color:#fff}.cards.cards .card.cv-ernestine.verso .cv-fond{background-position:center top;opacity:.9}.cards.cards .card.cv-ernestine.verso .cv-lignes{display:none}.cards.cards .card.cv-ernestine.verso .cv-voile{background:linear-gradient(180deg,rgba(40,25,15,.2),rgba(40,25,15,.85))}.cards.cards .card.cv-ernestine.verso .cv-vert{font-size:clamp(26px,3vw,38px);color:#fde909}.cards.cards .card.cv-ernestine .cv-infos{font-size:13.5px} .cards.cards .card.cv-barbeuclette{background:#b98a5a;color:#3a2314;font-family:'Archivo',sans-serif}.cards.cards .card.cv-barbeuclette .cv-kraft{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,235,200,.35),transparent 60%),repeating-linear-gradient(115deg,rgba(0,0,0,.035) 0 2px,transparent 2px 7px),#c39a68}.cards.cards .card.cv-barbeuclette .cv-sceau{position:absolute;z-index:3;right:clamp(14px,1.8vw,26px);top:50%;width:38%;height:auto;transform:translateY(-50%);filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.cards.cards .card.cv-barbeuclette .cv-bloc{right:44%}.cards.cards .card.cv-barbeuclette .cv-nom{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(24px,2.8vw,34px)}.cards.cards .card.cv-barbeuclette .cv-brand{position:absolute;z-index:4;left:clamp(18px,2.2vw,30px);top:clamp(16px,2vw,26px);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#b3441c;font-style:normal;font-weight:700}.cards.cards .card.cv-barbeuclette.verso{background:#b3441c;color:#f9f0df}.cards.cards .card.cv-barbeuclette.verso .cv-kraft{display:none}.cards.cards .card.cv-barbeuclette .cv-camion{position:absolute;z-index:2;right:-4%;top:6%;width:62%;height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}.cards.cards .card.cv-barbeuclette .cv-logo{position:absolute;z-index:3;left:clamp(18px,2.2vw,30px);top:clamp(16px,2vw,26px);width:clamp(48px,5vw,64px);height:auto}.cards.cards .card.cv-barbeuclette.verso .cv-pied{right:40%} .cards.cards .card.cv-optique-zenith{background:#e9e3df;color:#15140f;font-family:'Jost',sans-serif}.cards.cards .card.cv-optique-zenith .cv-lentille{position:absolute;z-index:1;width:64%;aspect-ratio:1;border-radius:50%;right:-22%;top:-34%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),rgba(255,255,255,.2) 45%,rgba(61,10,13,.08) 70%,rgba(61,10,13,.18));box-shadow:inset 0 0 0 1.5px rgba(61,10,13,.35)}.cards.cards .card.cv-optique-zenith .cv-lentille.b{width:34%;right:22%;top:auto;bottom:-22%;opacity:.7}.cards.cards .card.cv-optique-zenith .cv-mono{font-family:'Cormorant Garamond',serif;font-weight:600;opacity:.07;left:-2%;right:auto;top:auto;bottom:-10%}.cards.cards .card.cv-optique-zenith .cv-nom{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(26px,3.2vw,40px)}.cards.cards .card.cv-optique-zenith .cv-nom em{font-style:italic;color:#3d0a0d}.cards.cards .card.cv-optique-zenith .cv-role{letter-spacing:.18em;font-size:10.5px;color:#3d0a0d;opacity:.9}.cards.cards .card.cv-optique-zenith .cv-bloc{top:clamp(18px,2.2vw,30px);bottom:auto;right:38%}.cards.cards .card.cv-optique-zenith.verso{background:#3d0a0d}.cards.cards .card.cv-optique-zenith.verso .cv-fond{filter:blur(4px) saturate(.8);transform:scale(1.06)}.cards.cards .card.cv-optique-zenith.verso .cv-voile{background:linear-gradient(180deg,rgba(61,10,13,.5),rgba(61,10,13,.92))}.cards.cards .card.cv-optique-zenith .cv-test{position:absolute;z-index:4;top:clamp(14px,1.8vw,24px);right:clamp(18px,2.2vw,30px);display:flex;flex-direction:column;align-items:flex-end;font-family:'Cormorant Garamond',serif;font-weight:600;color:#f0e6df;line-height:1;letter-spacing:.3em}.cards.cards .card.cv-optique-zenith .cv-test b:nth-child(1){font-size:clamp(28px,3.4vw,44px)}.cards.cards .card.cv-optique-zenith .cv-test b:nth-child(2){font-size:clamp(18px,2.2vw,28px);opacity:.85}.cards.cards .card.cv-optique-zenith .cv-test b:nth-child(3){font-size:clamp(12px,1.4vw,18px);opacity:.7}.cards.cards .card.cv-optique-zenith .cv-test b:nth-child(4){font-size:9px;opacity:.55;font-family:'Jost',sans-serif} .cards.cards .card.cv-la-cassole-rose{background:#100e0c;color:#f2e7da;font-family:'Archivo',sans-serif}.cards.cards .card.cv-la-cassole-rose .cv-cuivre{position:absolute;inset:9px;border:1px solid rgba(201,154,95,.7);z-index:3;pointer-events:none}.cards.cards .card.cv-la-cassole-rose .cv-cuivre::after{content:"";position:absolute;inset:4px;border:1px solid rgba(201,154,95,.3)}.cards.cards .card.cv-la-cassole-rose .cv-marque{position:absolute;z-index:3;width:clamp(40px,4.6vw,58px);height:auto;left:50%;top:clamp(16px,2vw,24px);transform:translateX(-50%);color:#cf6f52}.cards.cards .card.cv-la-cassole-rose .cv-centre{padding-top:clamp(52px,6vw,78px)}.cards.cards .card.cv-la-cassole-rose .cv-orn{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#c99a5f}.cards.cards .card.cv-la-cassole-rose .cv-nom{font-weight:800;letter-spacing:-.02em;font-size:clamp(26px,3.2vw,40px)}.cards.cards .card.cv-la-cassole-rose .cv-nom em,.cards.cards .card.cv-la-cassole-rose .cv-vert em{font-family:'Fraunces','Cormorant Garamond',serif;font-style:italic;font-weight:400;color:#cf6f52}.cards.cards .card.cv-la-cassole-rose.verso .cv-voile{background:linear-gradient(180deg,rgba(16,14,12,.35),rgba(16,14,12,.55) 40%,rgba(16,14,12,.94))}.cards.cards .card.cv-la-cassole-rose.verso .cv-vert{font-weight:800} .cards.cards .card.cv-naidi-tattoo{background:#0b1012;color:#eef2f3;font-family:'Manrope',sans-serif}.cards.cards .card.cv-naidi-tattoo .cv-rose{position:absolute;z-index:2;right:-8%;top:-14%;width:64%;height:auto;stroke:rgba(200,220,225,.55);stroke-width:1.2;fill:none}.cards.cards .card.cv-naidi-tattoo .cv-rose .cv-aig{fill:#c9a24a;stroke:none}.cards.cards .card.cv-naidi-tattoo .cv-rose .cv-aig.s{fill:rgba(200,220,225,.55)}.cards.cards .card.cv-naidi-tattoo .cv-nom{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:clamp(26px,3.2vw,40px);line-height:.95}.cards.cards .card.cv-naidi-tattoo .cv-bloc{right:40%}.cards.cards .card.cv-naidi-tattoo .cv-baleine{position:absolute;z-index:2;left:-4%;bottom:26%;width:70%;height:auto;opacity:.95;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.cards.cards .card.cv-naidi-tattoo.verso .cv-vert{font-family:'Archivo Black',sans-serif;font-weight:400}.cards.cards .card.cv-naidi-tattoo.verso .cv-pied{background:linear-gradient(180deg,transparent,rgba(11,16,18,.9) 30%);margin:0 calc(-1*clamp(18px,2.2vw,30px)) calc(-1*clamp(18px,2.2vw,30px));padding:18px clamp(18px,2.2vw,30px) clamp(18px,2.2vw,30px)} .cards.cards .card.cv-xs-zinc{background:#4a4b4e;color:#f3f3f1;font-family:'Barlow',sans-serif}.cards.cards .card.cv-xs-zinc .cv-zinc{position:absolute;inset:0;z-index:0;background:linear-gradient(100deg,#5c5e62,#8e9196 30%,#5a5c60 52%,#9a9da2 74%,#55575b),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);background-blend-mode:overlay}.cards.cards .card.cv-xs-zinc .cv-rivet{position:absolute;z-index:3;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d9dadc,#6b6d70 70%);box-shadow:0 1px 2px rgba(0,0,0,.5)}.cards.cards .card.cv-xs-zinc .cv-rivet.tl{top:10px;left:10px}.cards.cards .card.cv-xs-zinc .cv-rivet.tr{top:10px;right:10px}.cards.cards .card.cv-xs-zinc .cv-rivet.bl{bottom:10px;left:10px}.cards.cards .card.cv-xs-zinc .cv-rivet.br{bottom:10px;right:10px}.cards.cards .card.cv-xs-zinc .cv-mono{font-family:'Montserrat',sans-serif;font-weight:900;opacity:.14;color:#1a1a1a}.cards.cards .card.cv-xs-zinc .cv-nom{font-family:'Montserrat',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(26px,3.2vw,40px);color:#1e1f21}.cards.cards .card.cv-xs-zinc .cv-role,.cards.cards .card.cv-xs-zinc .cv-bas{color:#2a2b2d;opacity:.85}.cards.cards .card.cv-xs-zinc.verso{background:#312f29}.cards.cards .card.cv-xs-zinc.verso .cv-vert{font-family:'Montserrat',sans-serif;font-weight:900;text-transform:uppercase} .cards.cards .card.cv-berserkologie{background:#0c0a08;color:#efe9df;font-family:'EB Garamond',serif}.cards.cards .card.cv-berserkologie .cv-eclipse{position:absolute;z-index:1;right:-10%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0c0a08 0 52%,#e0392a 53%,#7a1208 62%,transparent 63%);box-shadow:0 0 60px 10px rgba(224,57,42,.25)}.cards.cards .card.cv-berserkologie .cv-sigil{position:absolute;z-index:3;right:clamp(18px,2.2vw,30px);bottom:clamp(18px,2.2vw,30px);width:clamp(46px,5vw,64px);height:auto;filter:drop-shadow(0 0 10px rgba(224,57,42,.6))}.cards.cards .card.cv-berserkologie .cv-nom{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(22px,2.6vw,34px)}.cards.cards .card.cv-berserkologie .cv-role{font-style:italic;text-transform:none;letter-spacing:.04em;font-size:13px}.cards.cards .card.cv-berserkologie .cv-bloc{right:32%}.cards.cards .card.cv-berserkologie.verso .cv-voile{background:linear-gradient(180deg,rgba(12,10,8,.3),rgba(12,10,8,.55) 45%,rgba(12,10,8,.95))}.cards.cards .card.cv-berserkologie.verso .cv-vert{font-family:'Cormorant Garamond',serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#e0392a} .cards.cards .card.cv-marion-blanc{background:#e9cfc0;color:#3b2a24;font-family:'DM Sans',sans-serif}.cards.cards .card.cv-marion-blanc.recto .cv-voile{background:linear-gradient(90deg,rgba(233,207,192,.9),rgba(233,207,192,.6) 55%,rgba(233,207,192,.15))}.cards.cards .card.cv-marion-blanc .cv-portrait{position:absolute;z-index:3;right:clamp(14px,1.8vw,26px);top:50%;width:32%;aspect-ratio:1;object-fit:cover;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 4px #fbf3ee,0 12px 28px rgba(0,0,0,.25)}.cards.cards .card.cv-marion-blanc .cv-bloc{right:42%;bottom:auto;top:clamp(20px,2.4vw,32px)}.cards.cards .card.cv-marion-blanc .cv-nom{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(26px,3.2vw,40px)}.cards.cards .card.cv-marion-blanc .cv-caveat{position:absolute;z-index:4;left:clamp(18px,2.2vw,30px);bottom:clamp(16px,2vw,26px);font-family:'Caveat','Patrick Hand',cursive;font-size:clamp(18px,2vw,24px);color:#8c4a3a;transform:rotate(-3deg)}.cards.cards .card.cv-marion-blanc.verso{color:#fff}.cards.cards .card.cv-marion-blanc.verso .cv-voile{background:linear-gradient(180deg,rgba(40,20,15,.6),rgba(40,20,15,.25) 45%,rgba(40,20,15,.9))}.cards.cards .card.cv-marion-blanc.verso .cv-vert{font-family:'DM Serif Display',serif;font-weight:400} .cards.cards .card.cv-alternative-bits{background:#f8f7f5;color:#26231f;font-family:'Figtree',sans-serif}.cards.cards .card.cv-alternative-bits .cv-points{position:absolute;inset:0;z-index:0;background-image:radial-gradient(#c9c4bb 1px,transparent 1.2px);background-size:12px 12px}.cards.cards .card.cv-alternative-bits .cv-anneau{position:absolute;z-index:2;right:clamp(14px,1.8vw,26px);top:50%;width:38%;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:repeating-conic-gradient(#ee9a30 0 3deg,transparent 3deg 7deg);padding:5%}.cards.cards .card.cv-alternative-bits .cv-anneau::before{content:"";position:absolute;inset:4%;border-radius:50%;background:#f8f7f5}.cards.cards .card.cv-alternative-bits .cv-pochette{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:50%}.cards.cards .card.cv-alternative-bits .cv-bloc{right:44%}.cards.cards .card.cv-alternative-bits .cv-nom{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.04em;font-size:clamp(26px,3.2vw,40px);line-height:.92}.cards.cards .card.cv-alternative-bits .cv-nom::first-line{color:#9a5200}.cards.cards .card.cv-alternative-bits .cv-role,.cards.cards .card.cv-alternative-bits .cv-bas{font-family:'Silkscreen',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.cards.cards .card.cv-alternative-bits.verso{background:#26231f;color:#f8f7f5}.cards.cards .card.cv-alternative-bits.verso .cv-points{background-image:radial-gradient(#4a4540 1px,transparent 1.2px)}.cards.cards .card.cv-alternative-bits .cv-pistes{position:absolute;z-index:3;left:clamp(18px,2.2vw,30px);right:clamp(18px,2.2vw,30px);top:clamp(16px,2vw,26px);display:flex;flex-direction:column;gap:3px;font-family:'Silkscreen',monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;font-style:normal}.cards.cards .card.cv-alternative-bits .cv-pistes span{display:flex;justify-content:space-between;border-bottom:1px dotted rgba(255,255,255,.25);padding-bottom:2px}.cards.cards .card.cv-alternative-bits .cv-pistes em{font-style:normal;color:#ee9a30}.cards.cards .card.cv-alternative-bits.verso .cv-pied{width:60%} .cards.cards .card.cv-easyresiliation{background:#f7f8f4;color:#13201b;font-family:'Figtree',sans-serif}.cards.cards .card.cv-easyresiliation .cv-perfo{position:absolute;left:0;top:0;bottom:0;width:14px;z-index:2;background-image:radial-gradient(circle,#d6ded8 2.5px,transparent 3px);background-size:14px 14px;background-position:center;border-right:1px dashed #b8c4bc}.cards.cards .card.cv-easyresiliation .cv-tampon{position:absolute;z-index:4;right:clamp(46px,5vw,70px);top:clamp(14px,1.6vw,22px);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#13201b;background:#e2f16a;padding:4px 8px;transform:rotate(-4deg)}.cards.cards .card.cv-easyresiliation .cv-nom{position:absolute;z-index:4;left:9%;top:26%;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.04em;font-size:clamp(26px,3.2vw,40px)}.cards.cards .card.cv-easyresiliation .cv-nom em{font-style:normal;color:#0b6e4f}.cards.cards .card.cv-easyresiliation .cv-role{position:absolute;z-index:4;left:9%;top:calc(26% + clamp(36px,4.4vw,54px));font-size:10.5px;letter-spacing:.14em;color:#0b6e4f;opacity:1}.cards.cards .card.cv-easyresiliation .cv-bas{position:absolute;z-index:4;left:9%;bottom:clamp(18px,2.2vw,30px)}.cards.cards .card.cv-easyresiliation .cv-lignes{position:absolute;z-index:3;right:clamp(18px,2.2vw,30px);bottom:clamp(20px,2.4vw,32px);width:34%;display:flex;flex-direction:column;gap:7px;align-items:flex-end}.cards.cards .card.cv-easyresiliation .cv-lignes i{display:block;height:2px;background:#d6ded8}.cards.cards .card.cv-easyresiliation.verso{background:#0b6e4f;color:#f3f5f1}.cards.cards .card.cv-easyresiliation .cv-coches{position:absolute;z-index:4;left:clamp(18px,2.2vw,30px);top:clamp(18px,2.2vw,30px);display:flex;flex-direction:column;gap:6px;font-style:normal;font-size:12.5px}.cards.cards .card.cv-easyresiliation .cv-coches span::before{content:"✓";display:inline-block;width:16px;height:16px;border-radius:50%;background:#e2f16a;color:#13201b;font-size:10px;line-height:16px;text-align:center;margin-right:8px;font-weight:800}.cards.cards .card.cv-easyresiliation .cv-suivi{position:absolute;z-index:4;right:clamp(18px,2.2vw,30px);top:clamp(18px,2.2vw,30px);display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cards.cards .card.cv-easyresiliation .cv-suivi small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.cards.cards .card.cv-easyresiliation .cv-suivi b{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:13px;letter-spacing:.06em;background:#13201b;color:#e2f16a;padding:3px 8px} .cards.cards .card.cv-carne{background:#f4d35e;color:#222925;font-family:'Chivo Mono',monospace}.cards.cards .card.cv-carne .cv-fond.papier{opacity:.95}.cards.cards .card.cv-carne .cv-tee{position:absolute;z-index:2;right:-2%;top:50%;width:46%;height:auto;transform:translateY(-50%) rotate(6deg);filter:drop-shadow(0 10px 16px rgba(34,41,37,.35))}.cards.cards .card.cv-carne .cv-sticker{position:absolute;z-index:3;left:clamp(16px,2vw,26px);top:clamp(16px,2vw,26px);width:46%;padding:12px 14px;background:#fff3d9;border:2px solid #222925;border-radius:10px;box-shadow:4px 4px 0 #222925;transform:rotate(-2deg);font-style:normal;display:flex;flex-direction:column;gap:4px}.cards.cards .card.cv-carne .cv-sticker b{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:clamp(24px,2.8vw,34px);letter-spacing:.02em;line-height:1}.cards.cards .card.cv-carne .cv-sticker span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#b52d24;font-weight:600}.cards.cards .card.cv-carne .cv-bas{position:absolute;z-index:3;left:clamp(16px,2vw,26px);bottom:clamp(16px,2vw,26px);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;opacity:.9}.cards.cards .card.cv-carne.verso{background:#b52d24;color:#fff3d9}.cards.cards .card.cv-carne .cv-steak{position:absolute;z-index:2;right:clamp(10px,1.4vw,20px);bottom:clamp(10px,1.4vw,20px);width:30%;height:auto;filter:brightness(0) invert(1) opacity(.95)}.cards.cards .card.cv-carne .cv-mot{position:absolute;z-index:2;left:clamp(16px,2vw,26px);top:clamp(14px,1.8vw,24px);width:56%;height:auto;filter:brightness(0) invert(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(1.05)}.cards.cards .card.cv-carne.verso .cv-pied{right:36%}.cards.cards .card.cv-carne.verso .cv-mots{color:#ffe66b;opacity:1}@media(max-width:760px){.cards.cards .card.cv .cv-nom{font-size:clamp(22px,7vw,32px)}.cards.cards .card.cv .cv-mono{font-size:clamp(70px,24vw,110px)}} .sctgrid.sctgrid .sct.sct-lien{cursor:pointer;transition:transform .35s ease,box-shadow .35s ease}.sctgrid.sctgrid .sct.sct-lien:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 0 0 1px var(--carton)}.sctgrid.sctgrid .sct.sct-lien:focus-visible{outline:2px solid var(--piksl);outline-offset:3px}.sctgrid.sctgrid .sct .sct-voir{display:inline-block;margin-top:12px;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--carton)}.sctgrid.sctgrid .sct.sct-lien:hover .sct-voir{text-decoration:underline;text-underline-offset:3px} .sec.sec.sct-source{display:none}html.sct-ouvert.sct-ouvert{overflow:hidden}.sct-voile.sct-voile{position:fixed;inset:0;z-index:9000;background:rgba(6,6,7,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease}.sct-voile.sct-voile.on{opacity:1}.sct-panneau.sct-panneau{position:absolute;top:0;right:0;bottom:0;width:min(680px,100%);background:var(--ink-900);box-shadow:-1px 0 0 var(--line),-40px 0 90px rgba(0,0,0,.55);transform:translateX(100%);transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:hidden}.sct-voile.sct-voile.on .sct-panneau{transform:none}.sct-voile.sct-voile.sortie .sct-panneau{transform:translateX(100%)}.sct-fermer.sct-fermer{position:absolute;top:14px;right:14px;z-index:3;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(10,10,12,.55);backdrop-filter:blur(6px);color:#fff;font:400 26px/1 var(--body);cursor:pointer}.sct-fermer.sct-fermer:hover{background:var(--carton);color:#000;border-color:var(--carton)}.sct-tete.sct-tete{position:relative;flex:0 0 auto;height:clamp(170px,26vh,240px);overflow:hidden;background:var(--ink-800)}.sct-tete.sct-tete img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}.sct-tete.sct-tete::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,16,18,.05) 30%,var(--ink-900))}.sct-tete.sct-tete .sct-eti{position:absolute;left:clamp(18px,3vw,36px);bottom:16px;z-index:2;display:flex;gap:12px;align-items:center;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--carton)}.sct-tete.sct-tete .sct-eti i{width:5px;height:5px;border-radius:999px;background:var(--carton);opacity:.7}.sct-corps.sct-corps{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ink-600) transparent}.sct-corps.sct-corps .sec{display:block!important;border-top:0;padding-top:clamp(10px,1.4vw,18px);padding-bottom:clamp(20px,3vw,40px)}.sct-corps.sct-corps .wrap{padding-left:clamp(18px,3vw,36px);padding-right:clamp(18px,3vw,36px);max-width:none}.sct-corps.sct-corps .sechead{margin-bottom:10px}.sct-corps.sct-corps .sechead h2{font-size:clamp(26px,3.2vw,40px)}.sct-corps.sct-corps .sub{margin-bottom:clamp(18px,2.4vw,28px)}.sct-corps.sct-corps .feat{grid-template-columns:1fr!important;row-gap:6px!important}.sct-corps.sct-corps .feat .item{padding:12px 14px!important}.sct-corps.sct-corps .item p{font-size:14px;text-align:left}.sct-corps.sct-corps .sec *{opacity:1!important;transform:none!important;visibility:visible!important}.sct-corps.sct-corps .sechead .num{display:none} .grps.grps{display:grid;gap:clamp(22px,3vw,36px)}.grp-t.grp-t{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line);font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--fg)}.grp-t.grp-t i{font-style:normal;font-size:11px;color:var(--dim);letter-spacing:.12em;white-space:nowrap}.sct-pied.sct-pied{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px clamp(18px,3vw,36px);border-top:1px solid var(--line);background:var(--ink-900)}.sct-nav.sct-nav{display:flex;gap:8px}.sct-nav.sct-nav button{border:1px solid var(--line);background:transparent;color:var(--fg);font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:11px;padding:10px 12px;cursor:pointer;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sct-nav.sct-nav button:hover{border-color:var(--carton);color:var(--carton)}.sct-pied.sct-pied .btn{white-space:nowrap}@media(max-width:640px){.sct-tete.sct-tete{height:150px}.sct-pied.sct-pied{flex-wrap:wrap}.sct-nav.sct-nav{width:100%;justify-content:space-between}.sct-nav.sct-nav button{max-width:48%}}@media(prefers-reduced-motion:reduce){.sct-voile.sct-voile,.sct-panneau.sct-panneau{transition:none}} .apps.apps.apps>a:last-child{grid-column:auto}.apps.apps.apps>a:last-child:nth-child(4n+1){grid-column:1/-1}.apps.apps.apps>a:last-child:nth-child(4n+2){grid-column:2/-1}.apps.apps.apps>a:last-child:nth-child(4n+3){grid-column:3/-1}.apps.apps.apps[style*="--cols:3"]>a:last-child{grid-column:auto}.apps.apps.apps[style*="--cols:3"]>a:last-child:nth-child(3n+1){grid-column:1/-1}.apps.apps.apps[style*="--cols:3"]>a:last-child:nth-child(3n+2){grid-column:2/-1}.apps.apps.apps[style*="--cols:3"]>a:last-child:nth-child(3n){grid-column:3/-1}@media(max-width:900px){.apps.apps.apps>a:last-child,.apps.apps.apps[style*="--cols:3"]>a:last-child{grid-column:auto}.apps.apps.apps>a:last-child:nth-child(2n+1),.apps.apps.apps[style*="--cols:3"]>a:last-child:nth-child(2n+1){grid-column:1/-1}}@media(max-width:520px){.apps.apps.apps>a:last-child,.apps.apps.apps[style*="--cols:3"]>a:last-child{grid-column:auto!important}} .svcx.svcx{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(24px,4vw,64px);align-items:start}.svcx.svcx .svc .row{grid-template-columns:64px 1fr;gap:6px 22px;padding-block:26px;cursor:default;transition:background .3s}.svcx.svcx .svc .row h3{grid-column:2}.svcx.svcx .svc .row .body{grid-column:2}.svcx.svcx .svc .row .no{grid-row:1 / span 2}.svcx.svcx .svc .row.on .no{color:var(--carton)}.svcx.svcx .svc .row.on h3{color:var(--carton-200)}.svcx.svcx .svc .row::before{content:"";position:absolute;left:-18px;top:26px;bottom:26px;width:2px;background:var(--carton);transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.svcx.svcx .svc .row.on::before{transform:scaleY(1)}.svcpan.svcpan{position:sticky;top:96px;min-height:460px;border:1px solid var(--line);background:var(--ink-900);overflow:hidden;isolation:isolate}.svcpan.svcpan::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 320px at 80% 0%,rgba(203,156,88,.12),transparent 70%);pointer-events:none}.svcv.svcv{position:absolute;inset:0;padding:clamp(18px,2.2vw,30px);display:flex;flex-direction:column;justify-content:center;gap:18px;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}.svcv.svcv.on{opacity:1;transform:none}.svcv.svcv .mock{--accent:var(--green)}.svcv.svcv .mock .bar i{width:8px;height:8px;border-radius:50%;background:var(--ink-600)}.svcv.svcv .mock img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.svcf.svcf{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}.svcf.svcf li{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;border:1px solid var(--carton-700);color:var(--carton-200);padding:4px 9px}.svcv.svcv .svcpal{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.svcv.svcv .svcpal i{display:block;aspect-ratio:1;border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.svcv.svcv .spec{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.svcv.svcv .spec b{font-family:var(--display);font-size:clamp(44px,5vw,72px);line-height:1;color:var(--fg)}.svcv.svcv .spec em{font-family:var(--cond);font-style:normal;font-weight:700;text-transform:uppercase;font-size:clamp(36px,4vw,60px);line-height:1;color:var(--carton)}.svcv.svcv .spec span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted);justify-self:end}.svcv.svcv .obj{display:flex;align-items:center;gap:18px;color:var(--carton-200)}.svcv.svcv .obj svg{width:96px;height:96px;flex:none}.svcv.svcv .obj span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--muted)}.svcv.svcv .ticket,.svcv.svcv .gard{border:1px solid var(--line);background:var(--ink-950);font-size:13.5px}.svcv.svcv .th,.svcv.svcv .gh{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;color:var(--muted)}.svcv.svcv .th b,.svcv.svcv .gh b{color:var(--green);font-weight:700}.svcv.svcv .tl,.svcv.svcv .tt{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--ink-700);color:var(--ink-200)}.svcv.svcv .tl span:last-child{font-variant-numeric:tabular-nums;color:var(--fg)}.svcv.svcv .tt{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--fg);border-bottom:0}.svcv.svcv .tt span:last-child{color:var(--carton);font-size:18px}.svcv.svcv .ts{display:flex;align-items:center;gap:9px;padding:12px 16px;border-top:1px solid var(--line);font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--green)}.svcv.svcv .ts i,.svcv.svcv .gl i{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;box-shadow:0 0 0 3px rgba(25,158,112,.18)}.svcv.svcv .gl{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ink-700);color:var(--ink-200)}.svcv.svcv .gl:last-child{border-bottom:0}.svcv.svcv .gl em{font-style:normal;font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.svcv.svcv .gl i.wait{background:var(--carton);box-shadow:0 0 0 3px rgba(203,156,88,.18)}.svcbar.svcbar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ink-700)}.svcbar.svcbar i{display:block;height:100%;width:0;background:var(--carton);transition:width .2s linear}.svcpan.svcpan.pause .svcbar i{transition:none}@media(max-width:900px){.svcx.svcx{grid-template-columns:1fr}.svcpan.svcpan{display:none}.svcx.svcx .svc .row::before{display:none}} .fmt9.fmt9.fmt-d .fmtrow{grid-template-columns:repeat(3,minmax(0,1fr))}.fmt9.fmt9.fmt-t .fmtrow{grid-template-columns:repeat(3,minmax(0,1fr))}.fmt9.fmt9.fmt-m .fmtrow{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.fmt9.fmt9 .fmtrow figure{display:flex;flex-direction:column;gap:10px}.fmt9.fmt9 .fmtrow figcaption{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;color:var(--ink-500);padding:0 2px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fmt9.fmt9 .fmtrow figure:hover figcaption{color:var(--carton)}@media(max-width:820px){.fmt9.fmt9.fmt-d .fmtrow{grid-template-columns:1fr}.fmt9.fmt9.fmt-t .fmtrow,.fmt9.fmt9.fmt-m .fmtrow{grid-template-columns:repeat(2,minmax(0,1fr))}} .fnavgrid.fnavgrid h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:10.5px;color:var(--carton);margin:0 0 16px;line-height:1.2}@media(max-width:820px){.fnavgrid.fnavgrid h3{margin-bottom:12px}} .chipset.chipset .chip{display:inline-flex;align-items:center;gap:8px}.chip.chip em{font-style:normal;font-size:10.5px;letter-spacing:.06em;padding:2px 6px;border:1px solid var(--ink-600);color:var(--ink-300);line-height:1.2;transition:border-color .18s,color .18s,background .18s}.chip.chip em.plus{color:var(--carton)}.chip.chip em.moins{color:#8fd19e}.chip.chip[aria-pressed="true"] em{border-color:rgba(10,10,11,.35);color:#0a0a0b;background:rgba(255,255,255,.22)}.reco.reco .base{font-size:12.5px;color:var(--dim);margin-top:-6px}.reco.reco .ajust{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.reco.reco .ajust li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;font-size:12.5px;color:var(--ink-300);line-height:1.45;padding:0}.reco.reco .ajust li b{font-family:var(--cond);font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap}.reco.reco .ajust li.plus b{color:var(--carton)}.reco.reco .ajust li.moins b{color:#8fd19e}.reco.reco .ajust[hidden]{display:none}.reco.reco .ajust li::before{display:none;content:none} .wd.wd{display:inline;white-space:nowrap}.ch.ch{display:inline-block}.decoupe.decoupe{--flash:0}.decoupe.decoupe .ch{color:color-mix(in srgb,currentColor,#cb9c58 calc(var(--flash)*100%))}.decoupe.decoupe em .ch{color:color-mix(in srgb,currentColor,#fff calc(var(--flash)*60%))} .sec.sec p a:not(.btn):not(.app):not(.pcard),.lead.lead a:not(.btn),.sub.sub a:not(.btn),.foot.foot a:not(.btn),.rich-text.rich-text a,.item.item p a,.cell.cell p a{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .35s cubic-bezier(.2,.8,.2,1),color .25s;text-decoration:none}.sec.sec p a:not(.btn):not(.app):not(.pcard):hover,.lead.lead a:not(.btn):hover,.sub.sub a:not(.btn):hover,.foot.foot a:not(.btn):hover,.rich-text.rich-text a:hover,.item.item p a:hover,.cell.cell p a:hover{background-size:100% 1px;color:var(--carton)} nav.main.main a{transition:letter-spacing .3s ease,color .25s}nav.main.main a:hover{letter-spacing:.16em} .sec.sec p,.item.item p,.cell.cell p,.app.app span{transition:color .35s ease}.sec.sec p:hover,.item.item:hover p,.cell.cell:hover p,.app.app:hover span{color:var(--fg)} .btn.btn{position:relative;overflow:hidden}.btn.btn::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-30%;width:26%;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.32) 50%,rgba(255,255,255,0) 100%);transform:translateX(-160%) skewX(-18deg);pointer-events:none;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.btn.btn:hover::after{transform:translateX(560%) skewX(-18deg)} .eyebrow.eyebrow:hover .dot,.kick.kick:hover .dot{animation:pxb-dot .9s ease-in-out infinite alternate}@keyframes pxb-dot{from{transform:scale(1);opacity:.6}to{transform:scale(1.7);opacity:1}}@media(prefers-reduced-motion:reduce){.btn.btn::after{display:none}nav.main.main a:hover{letter-spacing:inherit}} .ix.ix{position:relative;--mx:50%;--my:50%;overflow:hidden}.ix.ix:hover::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(203,156,88,.16),rgba(203,156,88,0) 62%);animation:pxb-halo .3s ease}@keyframes pxb-halo{from{opacity:0}to{opacity:1}}.ix.ix .ix-onde{position:absolute;z-index:5;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(203,156,88,.38) 0%,rgba(203,156,88,.12) 40%,rgba(203,156,88,0) 70%);transform:translate(-50%,-50%) scale(.05);animation:pxb-onde .65s cubic-bezier(.2,.8,.2,1) forwards}@keyframes pxb-onde{to{transform:translate(-50%,-50%) scale(1);opacity:0}}.bento.bento .bt.ix::after{background:radial-gradient(320px circle at var(--mx) var(--my),rgba(255,255,255,.14),rgba(255,255,255,0) 62%)}@media(prefers-reduced-motion:reduce){.ix.ix::after,.ix.ix .ix-onde{display:none}} .loader.loader{animation:pxb-loader-secours 0s linear 7s forwards}@keyframes pxb-loader-secours{to{opacity:0;visibility:hidden;pointer-events:none}} .toolfeet.toolfeet a.tf{display:flex;align-items:center;gap:14px;border-left:3px solid var(--accent,var(--carton))}.toolfeet.toolfeet a.tf .ic{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ink-600);color:var(--accent,var(--carton));background:var(--ink-900);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s}.toolfeet.toolfeet a.tf .ic svg{width:18px;height:18px;stroke:var(--accent,var(--carton))}.toolfeet.toolfeet a.tf:hover .ic{transform:rotate(-8deg) scale(1.08);border-color:var(--accent,var(--carton))}.toolfeet.toolfeet a.tf .tfb{display:flex;flex-direction:column;gap:3px;min-width:0}.toolfeet.toolfeet a.tf .tfb b{display:block}.toolfeet.toolfeet a.tf .tfb span{display:block} .apps.apps{transition:opacity .35s ease,filter .35s ease}.apps.apps.fam-off{opacity:.38;filter:saturate(.4)}.famhead.famhead{cursor:default}.famhead.famhead .ln{transition:background .3s}.famhead.famhead:hover .ln{background:var(--carton)}.famhead.famhead:hover h3{color:var(--carton)}.famhead.famhead h3{transition:color .25s} .tbl.tbl tbody tr{transition:background .2s,box-shadow .2s}.tbl.tbl tbody tr:hover{background:rgba(203,156,88,.06);box-shadow:inset 3px 0 0 var(--carton)}.tbl.tbl tbody tr:hover td.num{color:var(--carton)}.tbl.tbl tbody td{transition:color .2s} .clients.clients a:hover{color:var(--carton)} .go.go,.sct-voir.sct-voir,.tf.tf .tfb span,.bt.bt .bt-go{transition:letter-spacing .25s,color .25s}a:hover>.go.go,.go.go:hover,.pcard.pcard:hover .go,.app.app:hover .go,.tf.tf:hover .tfb span{letter-spacing:.16em;color:var(--fg)} .pcard.pcard img,.art.art img,.sct.sct .im img,.wrow.wrow .vis img,.tile.tile img{transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .6s ease}.pcard.pcard:hover img,.art.art:hover img,.wrow.wrow .vis:hover img,.tile.tile:hover img{transform:scale(1.045);filter:saturate(1.15)} .bloc-scene-hote input:not([type=checkbox]):not([type=radio]),.bloc-scene-hote textarea,.bloc-scene-hote select{transition:border-color .25s,box-shadow .25s,background .25s}.bloc-scene-hote input:focus,.bloc-scene-hote textarea:focus,.bloc-scene-hote select:focus{outline:none;border-color:var(--carton)!important;box-shadow:0 0 0 3px rgba(203,156,88,.18)} .stat.stat{cursor:pointer;transition:background .25s}.stat.stat:hover{background:rgba(203,156,88,.05)}.stat.stat .n{display:inline-block;transition:color .25s}.stat.stat:hover .n{color:var(--carton)} .sechead.sechead .num{transition:color .25s,transform .3s}.sechead.sechead:hover .num{color:var(--fg);transform:translateX(3px)} .plan.plan,.duo.duo>div,.kpi.kpi,.cell.cell{transition:box-shadow .35s ease}.plan.plan:hover,.duo.duo>div:hover,.kpi.kpi:hover,.cell.cell:hover{box-shadow:inset 0 0 0 1px var(--carton),0 18px 40px rgba(0,0,0,.35)} html.pk-cur-on.pk-cur-on,html.pk-cur-on.pk-cur-on a,html.pk-cur-on.pk-cur-on button,html.pk-cur-on.pk-cur-on [role=button],html.pk-cur-on.pk-cur-on label,html.pk-cur-on.pk-cur-on summary{cursor:none}html.pk-cur-on.pk-cur-on input,html.pk-cur-on.pk-cur-on textarea,html.pk-cur-on.pk-cur-on select{cursor:auto}.pk-cur.pk-cur{position:fixed;left:0;top:0;z-index:2147483000;pointer-events:none;opacity:0;transition:opacity .2s}.pk-cur.pk-cur.on{opacity:1}.pk-cur.pk-cur i,.pk-cur.pk-cur b{position:absolute;left:0;top:0;display:block}.pk-cur.pk-cur .px{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--carton);box-shadow:0 0 0 1px rgba(10,10,11,.6);transition:width .18s cubic-bezier(.2,.8,.2,1),height .18s cubic-bezier(.2,.8,.2,1),margin .18s cubic-bezier(.2,.8,.2,1),background .18s}.pk-cur.pk-cur.texte .px{width:2px;height:22px;margin:-11px 0 0 -1px;background:var(--fg)}.pk-cur.pk-cur.clic .px{width:6px;height:6px;margin:-3px 0 0 -3px}.pk-cur.pk-cur.voir .px{width:4px;height:4px;margin:-2px 0 0 -2px;background:#0a0a0b;box-shadow:0 0 0 1px var(--carton)}.pk-cur.pk-cur.press .px{background:#fff}.pk-cur.pk-cur .tr{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--carton);opacity:.55}.pk-cur.pk-cur .tr:nth-child(2){opacity:.38;width:5px;height:5px}.pk-cur.pk-cur .tr:nth-child(3){opacity:.24;width:4px;height:4px}.pk-cur.pk-cur .tr:nth-child(4){opacity:.12;width:3px;height:3px}.pk-cur.pk-cur.texte .tr,.pk-cur.pk-cur.idle .tr{opacity:0}.pk-cur.pk-cur .co{width:10px;height:10px;border:0 solid var(--carton);opacity:.9;transition:border-color .2s,width .25s,height .25s}.pk-cur.pk-cur .c1{border-left-width:2px;border-top-width:2px;margin:0}.pk-cur.pk-cur .c2{border-right-width:2px;border-top-width:2px;margin:0 0 0 -10px}.pk-cur.pk-cur .c3{border-right-width:2px;border-bottom-width:2px;margin:-10px 0 0 -10px}.pk-cur.pk-cur .c4{border-left-width:2px;border-bottom-width:2px;margin:-10px 0 0 0}.pk-cur.pk-cur.clic .co{width:14px;height:14px}.pk-cur.pk-cur.clic .c2{margin-left:-14px}.pk-cur.pk-cur.clic .c3{margin:-14px 0 0 -14px}.pk-cur.pk-cur.clic .c4{margin-top:-14px}.pk-cur.pk-cur.voir .co{border-color:var(--fg)}.pk-cur.pk-cur.texte .co{opacity:0}.pk-cur.pk-cur.idle:not(.clic) .co{animation:pxb-viseur 1.6s ease-in-out infinite}@keyframes pxb-viseur{0%,100%{opacity:.9;border-color:var(--carton)}50%{opacity:.35;border-color:var(--fg)}}.pk-cur.pk-cur .tag{font-family:var(--cond);font-weight:700;font-size:10px;letter-spacing:.16em;line-height:1;padding:4px 6px;background:var(--carton);color:#0a0a0b !important;white-space:nowrap;opacity:0;margin-top:4px;transition:opacity .18s,margin .18s}.pk-cur.pk-cur .tag:not(:empty){opacity:1;margin-top:0}.pk-cur.pk-cur .ec{width:4px;height:4px;margin:-2px 0 0 -2px;background:var(--carton)}@media(hover:none),(prefers-reduced-motion:reduce){.pk-cur.pk-cur{display:none}html.pk-cur-on.pk-cur-on *{cursor:auto}} .pk-rv.pk-rv,.pk-rvg.pk-rvg .pk-rv,.decoupe.decoupe .ch,.page.page.pk-out .pk-rv,.page.page.pk-out .decoupe .ch{opacity:1;transform:none;transition:none} html.pk-secteurs.pk-secteurs .sctgrid .sct.sct-lien:hover{transform:none;box-shadow:none}html.pk-secteurs.pk-secteurs .sctgrid .sct.sct-lien:hover .sct-voir{text-decoration:none}html.pk-secteurs.pk-secteurs .sct-fermer:hover{background:transparent;color:inherit;border-color:var(--line)}html.pk-secteurs.pk-secteurs .sct-nav button:hover{border-color:var(--line);color:inherit}html.pk-secteurs.pk-secteurs .ix:hover::after,html.pk-secteurs.pk-secteurs .btn:hover::after{display:none}html.pk-secteurs.pk-secteurs .sec p:hover,html.pk-secteurs.pk-secteurs .item:hover p,html.pk-secteurs.pk-secteurs .cell:hover p,html.pk-secteurs.pk-secteurs .app:hover span{color:inherit}html.pk-secteurs.pk-secteurs .stat:hover{background:transparent}html.pk-secteurs.pk-secteurs .stat:hover .n{color:inherit}html.pk-secteurs.pk-secteurs .sechead:hover .num{color:inherit;transform:none}html.pk-secteurs.pk-secteurs .eyebrow:hover .dot,html.pk-secteurs.pk-secteurs .kick:hover .dot{animation:none}html.pk-secteurs.pk-secteurs .plan:hover,html.pk-secteurs.pk-secteurs .duo>div:hover,html.pk-secteurs.pk-secteurs .kpi:hover,html.pk-secteurs.pk-secteurs .cell:hover{box-shadow:none}html.pk-secteurs.pk-secteurs .pcard:hover img,html.pk-secteurs.pk-secteurs .art:hover img,html.pk-secteurs.pk-secteurs .tile:hover img{transform:none;filter:none}html.pk-secteurs.pk-secteurs a:hover>.go,html.pk-secteurs.pk-secteurs .go:hover,html.pk-secteurs.pk-secteurs .pcard:hover .go{letter-spacing:inherit;color:inherit}html.pk-secteurs.pk-secteurs .decoupe .ch{color:inherit} .hs-env.hs-env{position:relative}.sec.sec.hpinned.hs-colle{position:sticky;top:0;height:100vh;min-height:0;box-sizing:border-box;background:var(--ink-950);z-index:2;overflow:hidden} /* ═══ /blog en bento (23/09/2026) ═══ Chaque article est une tuile : sa couverture GIF tourne DERRIÈRE le texte, sous un voile qui garde la lecture. La une prend toute la largeur ; la liste suit un motif de douze tuiles sur six colonnes (4×2, 2×1, 2×2, 3×1…) qui remplit chaque rangée. Rendu : client-piks-l/app/utils/flux.ts. */ .bb.bb{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(180px,15vw,232px);grid-auto-flow:row dense;gap:clamp(10px,1.1vw,16px);margin-top:clamp(26px,3.2vw,42px)} .bb.bb.bb-une{grid-template-columns:1fr;grid-auto-rows:clamp(340px,40vw,540px);margin-top:0} .bbt.bbt{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;grid-column:span 2;grid-row:span 1;padding:clamp(16px,1.6vw,24px);text-decoration:none;color:var(--ink-50);background:var(--ink-850);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s} .bbt.bbt.t42{grid-column:span 4;grid-row:span 2;padding:clamp(22px,2.6vw,38px)} .bbt.bbt.t22{grid-row:span 2} .bbt.bbt.t31{grid-column:span 3} .bbt.bbt.t61{grid-column:1/-1;padding:clamp(26px,4vw,52px)} .bbt.bbt .bbm{position:absolute;inset:0;z-index:-2;background:var(--ink-800) center/cover no-repeat} .bbt.bbt .bbm img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9);transform:scale(1.001);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s} .bbt.bbt .bbv{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,10,11,.94) 0%,rgba(10,10,11,.74) 38%,rgba(10,10,11,.28) 78%,rgba(10,10,11,.18) 100%);transition:opacity .4s} .bbt.bbt:hover,.bbt.bbt:focus-visible{box-shadow:inset 0 0 0 1px var(--carton)} .bbt.bbt:focus-visible{outline:2px solid var(--carton);outline-offset:3px} .bbt.bbt:hover .bbm img,.bbt.bbt:focus-visible .bbm img{transform:scale(1.045);filter:saturate(1.05)} .bbt.bbt:hover .bbv,.bbt.bbt:focus-visible .bbv{opacity:.86} .bbt.bbt .bbc{position:relative;display:flex;flex-direction:column;min-width:0} .bbt.bbt .am{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:10px} .bbt.bbt .ad{color:var(--ink-200)} .bbt.bbt .at{color:var(--carton-200);padding:3px 8px;background:rgba(10,10,11,.55);box-shadow:inset 0 0 0 1px var(--carton-700)} .bbt.bbt h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(17px,1.45vw,20px);line-height:1.14;color:var(--ink-50);margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-shadow:0 1px 12px rgba(0,0,0,.45)} .bbt.bbt.t42 h3,.bbt.bbt.t61 h3{font-family:var(--display);letter-spacing:-.015em;line-height:1.02;font-size:clamp(24px,2.9vw,40px);max-width:20ch;-webkit-line-clamp:4} .bbt.bbt.t61 h3{font-size:clamp(28px,4.2vw,56px);max-width:22ch} .bbt.bbt.t22 h3,.bbt.bbt.t31 h3{font-size:clamp(19px,1.7vw,24px)} .bbt.bbt p{display:none;font-size:13.5px;line-height:1.6;color:var(--ink-200);margin-top:10px;max-width:60ch;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .bbt.bbt.t42 p,.bbt.bbt.t22 p,.bbt.bbt.t61 p{display:-webkit-box} .bbt.bbt.t61 p{font-size:16px;-webkit-line-clamp:3;margin-top:16px} .bbt.bbt .ago{display:inline-block;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--carton-300);margin-top:12px} .bbt.bbt .ago i{display:inline-block;font-style:normal;transition:transform .25s} .bbt.bbt:hover .ago i{transform:translateX(4px)} .bb.bb.bb-3 .bbt{grid-column:span 2;grid-row:span 1} @media (max-width:900px){ .bb.bb{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(200px,auto)} .bbt.bbt,.bbt.bbt.t22,.bbt.bbt.t31,.bb.bb.bb-3 .bbt{grid-column:span 1;grid-row:span 1} .bbt.bbt.t42{grid-column:1/-1;grid-row:span 1;min-height:300px} .bbt.bbt.t22 p{display:none} } @media (max-width:560px){ .bb.bb{grid-template-columns:1fr;grid-auto-rows:minmax(210px,auto)} .bb.bb.bb-une{grid-auto-rows:minmax(380px,auto)} .bbt.bbt.t42{min-height:280px} .bbt.bbt.t61 p{font-size:14.5px} } @media (prefers-reduced-motion:reduce){.bbt.bbt .bbm img,.bbt.bbt .bbv,.bbt.bbt .ago i{transition:none}.bbt.bbt:hover .bbm img{transform:none}} /* ══ Showreel (/showreel) ══════════════════════════════════════════════ La scène du zip « planète » vit dans un cadre COLLÉ sous l'entête du site ; c'est la page qui défile : la section prend la hauteur du voyage (posée par showreel-3d/piksl-hote.js), le cadre suit, et le pied du site arrive à la fin du parcours. Un dossier projet ouvert fige la page. Les textes du voyage sont les champs du bloc ; ils ne s'affichent pas ici. */ .showreel.showreel{position:relative;margin:0;padding:0;background:#030609;min-height:calc(100vh - var(--navh,72px));min-height:calc(100svh - var(--navh,72px))} .showreel-sr.showreel-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} .showreel-cadre.showreel-cadre{position:sticky;top:var(--navh,72px);display:block;width:100%;height:calc(100vh - var(--navh,72px));height:calc(100svh - var(--navh,72px));margin:0;padding:0;border:0;background:#030609;color-scheme:dark} html.showreel-projet-ouvert.showreel-projet-ouvert,html.showreel-projet-ouvert.showreel-projet-ouvert body{overflow:hidden} /* ═══ BLWBCK (01/10/2026) : tuile du bento + polices de la page réalisation ═══ */ @font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/ac53cf86-7772-4082-a334-fa979e41b0ef/polices/bodoni-moda-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/ac53cf86-7772-4082-a334-fa979e41b0ef/polices/bodoni-moda-400i-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/ac53cf86-7772-4082-a334-fa979e41b0ef/polices/inter-200-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} .bt-blwbck{background:#050505} .bt-blwbck .bt-media{opacity:.6;filter:saturate(.7) brightness(.8)} .bt-blwbck:hover .bt-media{opacity:.8;filter:saturate(.9) brightness(.9)} .bt-blwbck::after{background:linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.62) 50%,rgba(5,5,5,.3) 100%)} .bt-blwbck .bt-logo-bl{position:absolute;z-index:3;left:50%;top:50%;width:clamp(160px,20vw,300px);transform:translate(-50%,-58%);filter:drop-shadow(0 8px 24px rgba(0,0,0,.7));transition:transform .6s cubic-bezier(.2,.8,.2,1)} .bt-blwbck:hover .bt-logo-bl{transform:translate(-50%,-58%) scale(1.04)} .bt-blwbck .bt-body{right:auto;max-width:min(46%,420px)} .bt-blwbck .bt-nom{font-family:'Bodoni Moda',Georgia,serif;text-transform:none;letter-spacing:.06em;font-size:clamp(26px,2.6vw,38px)} .bt-blwbck .bt-met{font-family:'Inter',system-ui,sans-serif;font-weight:400;letter-spacing:0;color:rgba(242,239,233,.72)} .bt-blwbck .fx-sorties{position:absolute;left:0;right:0;bottom:0;z-index:4;height:26px;background:#f2efe9;color:#050505;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase} .bt-blwbck .fx-sorties span{flex:none;display:inline-block;padding-right:1em;will-change:transform;animation:pxb-sorties 42s linear infinite} @keyframes pxb-sorties{to{transform:translateX(-100%)}} .bt-blwbck .bt-body{bottom:calc(26px + clamp(14px,1.5vw,22px))} @media(prefers-reduced-motion:reduce){.bt-blwbck .fx-sorties span{animation:none}} @media(max-width:960px){.bt-blwbck .bt-logo-bl{left:auto;right:8%;transform:translate(0,-58%);width:110px} .bt-blwbck .bt-body{max-width:62%}} @media(max-width:560px){.bt-blwbck.r2{min-height:300px} .bt-blwbck .bt-logo-bl{display:none} .bt-blwbck .bt-body{max-width:none;right:16px}} /* page réalisation : la typo d'exemple en italique */ .typos .tsample i{font-style:italic} /* ---- Dropdown « Les outils » compact — 2026-10-02 ---- */ header .mega#mega{right:auto!important;top:calc(100% - 4px)!important;width:min(840px,calc(100vw - 32px));max-height:none!important;overflow:visible!important;background:#0e0e11;border:1px solid var(--ink-600)!important;border-radius:6px;box-shadow:0 34px 70px -24px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.02) inset} header .mega#mega::before{content:'';position:absolute;top:-6px;left:calc(var(--caret,50%) - 6px);width:11px;height:11px;background:#0e0e11;border-left:1px solid var(--ink-600);border-top:1px solid var(--ink-600);transform:rotate(45deg)} header .mega#mega::after{content:'';position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(6,6,8,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:-1;pointer-events:none} header .mega#mega .megainner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0 18px!important;padding:16px 18px 12px!important;max-width:none!important;margin:0!important;width:auto!important} header .mega#mega .megalbl{font-size:9.5px!important;letter-spacing:.2em!important;color:var(--ink-500)!important;padding-bottom:6px!important;margin:0 0 4px!important;border-bottom:1px solid var(--ink-700)!important} header .mega#mega .megacol>.megalbl ~ .megalbl,header .mega#mega .megacol a + .megalbl{margin-top:12px!important} header .mega#mega .megacol a{grid-template-columns:22px 1fr!important;gap:0 9px!important;padding:6px 8px!important;margin-inline:-8px!important;align-items:center!important;border-radius:3px} header .mega#mega .megacol a:hover{background:rgba(203,156,88,.09)!important;box-shadow:none!important} header .mega#mega .megacol a i{width:22px!important;height:22px!important;flex-basis:22px!important;grid-row:auto!important;border-color:var(--ink-700)!important} header .mega#mega .megacol a i svg{width:13px;height:13px} header .mega#mega .megacol a b{font-size:12.5px!important;letter-spacing:.06em!important;line-height:1.1!important} header .mega#mega .megacol a span{display:none!important} header .mega#mega .megafoot{grid-column:1 / -1!important;display:flex!important;flex-wrap:wrap;gap:6px 4px!important;background:none!important;border-top:1px solid var(--ink-700)!important;margin:12px -18px 0!important;padding:10px 14px 0!important} header .mega#mega .megafoot .mf{display:inline-flex!important;align-items:center;padding:6px 10px!important;background:none!important;box-shadow:none!important;border-radius:3px} header .mega#mega .megafoot .mf:hover{background:var(--ink-800)!important} header .mega#mega .megafoot .mf b{font-size:11px!important;letter-spacing:.1em!important;color:var(--ink-300)!important} header .mega#mega .megafoot .mf:first-child b,header .mega#mega .megafoot .mf:nth-child(2) b{color:var(--carton)!important} header .mega#mega .megafoot .mf span{display:none!important} /* ═══ Yoann Turpin v2 (02/10/2026) : tuile du bento (écran titre) + CARNE / BLWBCK / Turpin en trois carrés ═══ */ @font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/95466280-95e3-4256-87e8-58c609fde828/polices2/press-start-2p-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Pixelify Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/95466280-95e3-4256-87e8-58c609fde828/polices2/pixelify-sans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Silkscreen';font-style:normal;font-weight:400;font-display:swap;src:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/95466280-95e3-4256-87e8-58c609fde828/polices2/silkscreen-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} .bt-turpin.bt-turpin{background:#14101f linear-gradient(180deg,#14101f 0%,#241b3a 48%,#4a2a4e 72%,#7a3a4a 100%);color:#f5f1ff;overflow:hidden} .bt-turpin.bt-turpin::after{background:none} .bt-turpin .bt-ytsol{position:absolute;left:-30%;right:-30%;bottom:0;height:34%;z-index:1;perspective:260px;perspective-origin:50% 0;pointer-events:none} .bt-turpin .bt-ytsol i{position:absolute;inset:0;transform:rotateX(62deg);transform-origin:50% 0;background:repeating-linear-gradient(90deg,rgba(255,210,63,.55) 0 2px,transparent 2px 44px),repeating-linear-gradient(0deg,rgba(255,210,63,.55) 0 2px,transparent 2px 30px);mask-image:linear-gradient(180deg,transparent 0,#000 30%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%)} .bt-turpin .bt-ytcadre{position:absolute;z-index:3;right:clamp(16px,1.8vw,26px);top:clamp(16px,1.8vw,26px);width:clamp(96px,10.5vw,150px);aspect-ratio:1;border:3px solid #fff;box-shadow:6px 6px 0 #ff5d8f,0 14px 30px rgba(0,0,0,.5);background:#1d1630;display:block} .bt-turpin .bt-ytcadre img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto} .bt-turpin .bt-ytcadre b{position:absolute;left:-10px;bottom:-12px;background:#000;color:#fff;border:2px solid #fff;font-family:'Press Start 2P','Courier New',monospace;font-size:7px;padding:4px 6px;letter-spacing:.06em} .bento.bento .bt-turpin .bt-body.bt-body{top:clamp(18px,2vw,30px);bottom:auto;left:clamp(16px,1.8vw,26px);right:calc(clamp(96px,10.5vw,150px) + clamp(16px,1.8vw,26px) + 24px);gap:10px;grid-template-columns:minmax(0,1fr)} .bt-turpin.bt-turpin .bt-kick{font-family:'Silkscreen','Courier New',monospace;font-weight:400;font-size:9px;white-space:nowrap;letter-spacing:.22em;color:#ffd23f;text-transform:uppercase} .bt-turpin.bt-turpin .bt-nom{font-family:'Press Start 2P','Courier New',monospace;font-size:clamp(17px,1.75vw,25px);line-height:1.3;letter-spacing:0;color:#fff;text-shadow:3px 3px 0 #ff5d8f;text-transform:uppercase} .bt-turpin.bt-turpin .bt-met{font-family:'Pixelify Sans','Courier New',monospace;font-weight:400;font-size:clamp(13px,1.1vw,15px);line-height:1.4;letter-spacing:.01em;color:#f5f1ff;max-width:30ch} .bt-turpin .fx-start{position:static;display:block;margin-top:14px;font-family:'Press Start 2P','Courier New',monospace;font-size:11px;color:#ffd23f;font-style:normal;letter-spacing:.04em;text-shadow:2px 2px 0 rgba(0,0,0,.5)} .bt-turpin .fx-start b{font-weight:400;font-size:9px;display:inline-block;animation:pxb-start 1.1s steps(1) infinite} @keyframes pxb-start{50%{opacity:0}} .bt-turpin.bt-turpin .bt-arrow{top:auto;bottom:clamp(14px,1.6vw,22px);background:#ffd23f;color:#14101f;border-radius:0;box-shadow:4px 4px 0 #ff5d8f;backdrop-filter:none} .bt-turpin.bt-turpin:hover .bt-arrow{background:#ff5d8f;color:#fff;box-shadow:4px 4px 0 #ffd23f} .bt-turpin.bt-turpin:hover .bt-ytcadre{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #ff5d8f,0 18px 34px rgba(0,0,0,.5)} .bt-turpin .bt-ytcadre{transition:transform .35s,box-shadow .35s} @media(prefers-reduced-motion:reduce){.bt-turpin .fx-start b{animation:none}} /* trois carrés : CARNE et BLWBCK passent de la pleine largeur au carré (c2 r2) */ .bento .bt-blwbck.c2 .bt-logo-bl{width:clamp(96px,9.5vw,150px);top:42%} .bento .bt-blwbck.c2 .bt-body{max-width:none;right:clamp(14px,1.5vw,22px)} .bento .bt-blwbck.c2::after{background:linear-gradient(180deg,rgba(5,5,5,.25) 0%,rgba(5,5,5,.55) 50%,rgba(5,5,5,.92) 100%)} .bento .bt-blwbck.c2 .bt-nom{font-size:clamp(22px,2.2vw,32px)} /* CARNE : la fiche tient sur une ligne */ .bento.bento .bt-carne.c2 .bt-body.bt-body{max-width:none;width:max-content;padding:10px 16px 9px} .bento.bento .bt-carne.c2 .bt-met,.bento.bento .bt-carne.c2 .bt-kick{white-space:nowrap} .bento .bt-carne.c2 .bt-nom{font-size:clamp(18px,1.6vw,24px)} @media(max-width:960px){.bento .bt-blwbck.c2 .bt-logo-bl{left:auto;right:8%;transform:translate(0,-58%);width:100px} .bento.bento .bt-carne.c2 .bt-body.bt-body{max-width:88%;width:auto} .bento.bento .bt-carne.c2 .bt-met{white-space:normal}} @media(max-width:560px){.bento.bento .bt-carne,.bento.bento .bt-blwbck,.bento.bento .bt-turpin{min-height:320px} .bt-turpin .bt-ytcadre{width:84px} .bento.bento .bt-turpin .bt-body.bt-body{right:124px}} /* ═══ Uber Bagarre (21/10/2026) : tuile du bento (bannière noire et rouge) ═══ */ .bt-uber.bt-uber{background:#000;color:#fff;overflow:hidden;min-height:clamp(170px,15vw,230px)} .bt-uber.bt-uber::after{background:linear-gradient(90deg,rgba(0,0,0,0) 40%,rgba(225,25,0,.28) 100%)} .bt-uber .bt-ubgants{position:absolute;right:clamp(90px,12vw,200px);top:50%;width:150px;height:70px;transform:translateY(-50%);z-index:2;pointer-events:none} .bt-uber .bt-ubgants i{position:absolute;top:8px;width:54px;height:46px;border-radius:26px 26px 20px 20px;background:#e11900;box-shadow:inset -6px -8px 0 rgba(0,0,0,.28),inset 5px 5px 0 rgba(255,255,255,.22);transition:transform .45s cubic-bezier(.2,.8,.2,1)} .bt-uber .bt-ubgants i::after{content:"";position:absolute;bottom:-9px;left:12px;width:30px;height:12px;background:#fff;border-radius:3px} .bt-uber .bt-ubgants .g1{left:0;transform:rotate(-8deg)} .bt-uber .bt-ubgants .g2{right:0;background:#fff;transform:rotate(8deg)} .bt-uber .bt-ubgants .g2::after{background:#e11900} .bt-uber:hover .bt-ubgants .g1{transform:translateX(30px) rotate(4deg)} .bt-uber:hover .bt-ubgants .g2{transform:translateX(-30px) rotate(-4deg)} .bt-uber .bt-ubcats{position:absolute;z-index:3;right:clamp(18px,2vw,30px);bottom:clamp(16px,1.8vw,24px);display:flex;gap:8px} .bt-uber .bt-ubcats b{font-weight:700;font-size:12px;border:1.5px solid #fff;border-radius:999px;padding:5px 12px;background:#000} .bt-uber.bt-uber .bt-kick{color:#ff6b57;letter-spacing:.18em} .bt-uber.bt-uber .bt-nom{font-weight:800;letter-spacing:-.03em} .bt-uber.bt-uber .bt-met{max-width:44ch} .bt-uber.bt-uber .bt-arrow{background:#e11900;color:#fff} @media(max-width:960px){.bt-uber .bt-ubgants{right:24px;top:28%}.bt-uber .bt-ubcats{left:18px;right:auto}} @media(prefers-reduced-motion:reduce){.bt-uber .bt-ubgants i{transition:none}} /* ── Polices servies par le site (voir outils/polices.mjs) ── */ /* latin-ext */ @font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-black-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-black-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-condensed-500-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-condensed-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-condensed-600-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-condensed-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-condensed-700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-condensed-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-serif-display-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-serif-display-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/space-grotesk-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/space-grotesk-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/space-grotesk-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/space-grotesk-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/space-grotesk-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/space-grotesk-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/cormorant-garamond-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/cormorant-garamond-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/cormorant-garamond-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/cormorant-garamond-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/cormorant-garamond-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/cormorant-garamond-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-sans-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-sans-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-sans-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-sans-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/eb-garamond-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/eb-garamond-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/eb-garamond-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/eb-garamond-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Jost'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/jost-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Jost'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/jost-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Jost'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/jost-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Jost'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/jost-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/manrope-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/manrope-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/manrope-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/manrope-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/montserrat-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/montserrat-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/montserrat-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/montserrat-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Patrick Hand'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/patrick-hand-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Patrick Hand'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/patrick-hand-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/playfair-display-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/playfair-display-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/playfair-display-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/playfair-display-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/roboto-mono-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/roboto-mono-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/roboto-mono-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/roboto-mono-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Rubik Mono One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/rubik-mono-one-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rubik Mono One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/rubik-mono-one-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ── Graisses absentes de la maquette : liées au fichier utilisé ── */ @font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-black-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-black-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-black-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-black-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-black-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-black-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-condensed-500-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-condensed-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-serif-display-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-serif-display-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-serif-display-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-serif-display-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-serif-display-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-serif-display-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/space-grotesk-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/space-grotesk-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/archivo-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/barlow-700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/cormorant-garamond-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/cormorant-garamond-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-sans-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-sans-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-sans-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/dm-sans-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/eb-garamond-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/eb-garamond-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/eb-garamond-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/eb-garamond-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Jost'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/jost-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Jost'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/jost-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Jost'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/jost-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Jost'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/jost-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/manrope-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/manrope-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/manrope-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/manrope-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/montserrat-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/montserrat-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/montserrat-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/montserrat-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/montserrat-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/montserrat-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Patrick Hand'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/patrick-hand-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Patrick Hand'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/patrick-hand-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Patrick Hand'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/patrick-hand-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Patrick Hand'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/patrick-hand-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Patrick Hand'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/patrick-hand-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Patrick Hand'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/patrick-hand-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/playfair-display-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/playfair-display-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/playfair-display-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/playfair-display-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/roboto-mono-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/roboto-mono-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/roboto-mono-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/roboto-mono-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Rubik Mono One'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/rubik-mono-one-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rubik Mono One'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/rubik-mono-one-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Rubik Mono One'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/rubik-mono-one-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rubik Mono One'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/rubik-mono-one-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Rubik Mono One'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/rubik-mono-one-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Rubik Mono One'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/polices/rubik-mono-one-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ═══ Templates (21/10/2026) — les cinq sites vendus, /templates et /template/. Les cartes gardent la tuile du bento (ses effets vivent sous `.bento`), et ajoutent une barre prix + achat sous la tuile. ═══ */ .tplbento.tplbento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(14px,1.6vw,24px)} .tpl.tpl{display:flex;flex-direction:column;min-width:0;background:var(--ink-900);box-shadow:inset 0 0 0 1px var(--line)} .tpl.tpl-xl{grid-column:span 2} .tpl.tpl .bt.bt.bt{height:clamp(300px,27vw,400px);min-height:0;flex:none} .tpl.tpl-xl .bt.bt.bt{height:clamp(340px,34vw,500px)} .tplbar.tplbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px 24px;padding:18px clamp(16px,1.6vw,24px);box-shadow:inset 0 1px 0 var(--line)} .tplnom.tplnom{display:block;font-family:var(--display);font-size:clamp(17px,1.5vw,21px);line-height:1;text-transform:uppercase;color:var(--fg)} .tplmet.tplmet{display:block;margin-top:7px;font-family:var(--cond);font-size:12.5px;letter-spacing:.07em;color:var(--dim)} .tplprix.tplprix{text-align:right} .tplprix.tplprix b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(22px,2vw,28px);line-height:1;color:var(--carton);white-space:nowrap} .tplprix.tplprix small{display:block;margin-top:6px;font-family:var(--cond);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);white-space:nowrap} .tplact.tplact{display:flex;gap:8px} .tplact.tplact .btn{padding:11px 16px;font-size:12.5px;white-space:nowrap;text-align:center} /* la bande d'achat d'une fiche */ .tplband.tplband{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:start} .tplband-d.tplband-d{display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.4vw,34px);background:var(--ink-900);box-shadow:inset 0 0 0 1px var(--line),inset 0 3px 0 var(--carton)} .tplband-k.tplband-k{font-family:var(--cond);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--carton)} .tplband-p.tplband-p{font-family:var(--display);font-weight:400;font-size:clamp(40px,4.6vw,64px);line-height:1;color:var(--fg)} .tplband-s.tplband-s{font-family:var(--cond);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)} .tplband-a.tplband-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px} .tplband-n.tplband-n{margin-top:8px;font-size:13.5px;line-height:1.5;color:var(--muted)} .tplband-n.tplband-n a{color:var(--carton)} .tplband-g.tplband-g .sub{margin-top:clamp(14px,1.6vw,20px)} @media(max-width:900px){ .tplbento.tplbento{grid-template-columns:1fr} .tpl.tpl-xl{grid-column:auto} .tpl.tpl .bt.bt.bt,.tpl.tpl-xl .bt.bt.bt{height:clamp(260px,62vw,380px)} .tplbar.tplbar{grid-template-columns:minmax(0,1fr) auto} .tplact.tplact{grid-column:1/-1} .tplact.tplact .btn{flex:1} .tplband.tplband{grid-template-columns:1fr} } /* la fenêtre de commande */ .pkachat{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:rgba(5,5,6,.78);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s} .pkachat.on{opacity:1} .pkachat-p{position:relative;width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(22px,3vw,34px);background:var(--ink-900);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line),inset 0 3px 0 var(--carton),0 30px 80px rgba(0,0,0,.5);font-family:var(--body)} .pkachat-x{position:absolute;top:10px;right:10px;width:36px;height:36px;display:grid;place-items:center;background:transparent;border:0;color:var(--muted);font-size:22px;cursor:pointer} .pkachat-x:hover{color:#fff} .pkachat-k{font-family:var(--cond);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--carton)} .pkachat-t{margin:8px 0 4px;font-family:var(--display);font-size:clamp(22px,3vw,30px);line-height:1.05;text-transform:uppercase} .pkachat-pr{font-family:var(--cond);font-size:14px;letter-spacing:.06em;color:var(--muted)} .pkachat-pr b{font-family:var(--display);font-weight:400;font-size:20px;color:var(--fg);letter-spacing:0} .pkachat form{display:grid;gap:12px;margin-top:20px} .pkachat label{display:grid;gap:6px;font-family:var(--cond);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} .pkachat input,.pkachat textarea{width:100%;box-sizing:border-box;padding:12px 13px;background:var(--ink-950);color:var(--fg);border:1px solid var(--ink-550);border-radius:0;font:15px/1.4 var(--body);letter-spacing:0;text-transform:none} .pkachat textarea{min-height:84px;resize:vertical} .pkachat input:focus,.pkachat textarea:focus{outline:2px solid var(--carton);outline-offset:-1px;border-color:var(--carton)} .pkachat .btn{width:100%;margin-top:6px;cursor:pointer;text-align:center} .pkachat .btn[disabled]{opacity:.6;cursor:wait} .pkachat-m{min-height:1.2em;font-size:14px;line-height:1.5;color:var(--rust)} .pkachat-ok{margin-top:18px;font-size:15.5px;line-height:1.6;color:var(--fg)} .pkachat-ok b{color:var(--carton)} .pkachat-mini{margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--dim)} /* Templates — sur téléphone, la tuile easyResiliation (lettre + titre + coches) a besoin de hauteur, sinon le titre recouvre les coches */ @media(max-width:900px){.tpl.tpl-xl .bt.bt.bt{height:500px}} @media(max-width:420px){.tpl.tpl-xl .bt.bt.bt{height:540px}} /* Menu — le point cuivre « nouveau » à côté de Templates (21/10/2026) */ .pk-new{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--carton);vertical-align:.18em;animation:pk-new 1.4s ease-in-out infinite} @keyframes pk-new{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(203,156,88,.6)}50%{opacity:.35;box-shadow:0 0 0 5px rgba(203,156,88,0)}} .pk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* Templates — grille en 6 colonnes, aucune carte pleine largeur (21/10/2026, 17 h). l = 4 colonnes, m = 3, s = 2 ; toutes les tuiles à la même hauteur. */ .tplbento.tplbento{grid-template-columns:repeat(6,minmax(0,1fr))} .tpl.tpl,.tpl.tpl-m{grid-column:span 3} .tpl.tpl-l{grid-column:span 4} .tpl.tpl-s{grid-column:span 2} .tpl.tpl .bt.bt.bt{height:clamp(320px,28vw,420px)} .tpl.tpl-s .tplbar.tplbar{grid-template-columns:minmax(0,1fr) auto} .tpl.tpl-s .tplact.tplact{grid-column:1/-1} .tpl.tpl-s .tplact.tplact .btn{flex:1} @media(max-width:1100px){.tplbento.tplbento{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl.tpl,.tpl.tpl-l,.tpl.tpl-m,.tpl.tpl-s{grid-column:span 1}.tplbar.tplbar{grid-template-columns:minmax(0,1fr) auto}.tplact.tplact{grid-column:1/-1}.tplact.tplact .btn{flex:1}} @media(max-width:700px){.tplbento.tplbento{grid-template-columns:1fr}.tpl.tpl .bt.bt.bt{height:clamp(300px,80vw,420px)}.tpl.tpl-l .bt.bt.bt{height:500px}} @media(max-width:420px){.tpl.tpl-l .bt.bt.bt{height:540px}} /* Templates — toutes les barres sur le même modèle (nom + prix, puis les deux boutons) : sinon, sur une même rangée, une carte large garde une barre basse et laisse un vide sous elle */ .tpl.tpl .tplbar.tplbar{grid-template-columns:minmax(0,1fr) auto;align-content:start} .tpl.tpl .tplact.tplact{grid-column:1/-1} .tpl.tpl .tplact.tplact .btn{flex:1} /* la tuile Uber Bagarre, dessinée pour une bande pleine largeur : catégories en haut, gants au centre, pour qu'ils ne recouvrent plus le texte */ .tpl.tpl .bt-uber .bt-ubcats.bt-ubcats{top:clamp(18px,1.8vw,24px);bottom:auto;left:clamp(16px,1.6vw,24px);right:auto} .tpl.tpl .bt-uber .bt-ubgants{right:auto;left:50%;top:38%;transform:translate(-50%,-50%)} /* ── Pages légales (mentions, confidentialité, CGV) — Piks-L, 21/10/2026. Famille .pxl-lg : réglée par les jetons de la charte du site. ── */ .pxl-lg{--lg-fond:#0a0a0b;--lg-encre:#d3d1cb;--lg-doux:#a8a59d;--lg-titre:#e8e6e1;--lg-accent:#cb9c58;--lg-filet:#2a2a31;--lg-ff:"Space Grotesk",system-ui,sans-serif;--lg-ff-t:"Archivo Black","Arial Black",system-ui,sans-serif;--lg-fw-t:400;--lg-tt:uppercase;--lg-ls:-0.02em;--lg-haut:150px;--lg-gout:clamp(20px,4vw,56px);--lg-max:1180px;--lg-corps:17px; background:var(--lg-fond);color:var(--lg-encre);font-family:var(--lg-ff);padding:0 var(--lg-gout);position:relative;z-index:1} .pxl-lg.pxl-lg *{box-sizing:border-box} .pxl-lg.pxl-lg .pxl-lg__in{max-width:var(--lg-max);margin:0 auto} .pxl-lg.pxl-lg--tete{padding-top:var(--lg-haut);padding-bottom:clamp(40px,6vw,72px)} .pxl-lg.pxl-lg .pxl-lg__sur{display:block;margin:0 0 18px;font:500 12px/1.4 var(--lg-ff);letter-spacing:.16em;text-transform:uppercase;color:var(--lg-doux)} .pxl-lg.pxl-lg h1{margin:0;font-family:var(--lg-ff-t);font-weight:var(--lg-fw-t);text-transform:var(--lg-tt);letter-spacing:var(--lg-ls);font-size:clamp(40px,7vw,96px);line-height:.98;color:var(--lg-titre);max-width:16ch;overflow-wrap:break-word;hyphens:auto} .pxl-lg.pxl-lg .pxl-lg__chapo{margin:26px 0 0;max-width:58ch;font-size:calc(var(--lg-corps) + 2px);line-height:1.6;color:var(--lg-encre)} .pxl-lg.pxl-lg .pxl-lg__maj{margin:22px 0 0;font-size:13px;letter-spacing:.04em;color:var(--lg-doux)} .pxl-lg.pxl-lg .pxl-lg__som{display:flex;flex-wrap:wrap;gap:8px 22px;margin:34px 0 0;padding:0;list-style:none} .pxl-lg.pxl-lg .pxl-lg__som li{margin:0;padding:0} .pxl-lg.pxl-lg .pxl-lg__barre{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:var(--lg-max);margin:0 auto;padding:22px 0;border-bottom:1px solid var(--lg-filet)} .pxl-lg.pxl-lg .pxl-lg__marque{font-family:var(--lg-ff-t);font-weight:var(--lg-fw-t);text-transform:var(--lg-tt);letter-spacing:var(--lg-ls);font-size:clamp(20px,2.2vw,28px);color:var(--lg-titre);text-decoration:none} .pxl-lg.pxl-lg .pxl-lg__retour{font-size:14px;color:var(--lg-encre);text-decoration:none;border-bottom:1px solid var(--lg-filet);padding-bottom:2px} .pxl-lg.pxl-lg .pxl-lg__retour::before{content:"← "} .pxl-lg.pxl-lg .pxl-lg__barre + .pxl-lg__in{margin-top:clamp(56px,8vw,110px)} .pxl-lg.pxl-lg .pxl-lg__som a{font-size:14px;color:var(--lg-encre);text-decoration:none;border-bottom:1px solid var(--lg-filet);padding-bottom:2px} .pxl-lg.pxl-lg .pxl-lg__som a:hover{color:var(--lg-accent);border-color:var(--lg-accent)} .pxl-lg.pxl-lg .pxl-lg__sec{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 48px;padding:clamp(34px,4.5vw,56px) 0;border-top:1px solid var(--lg-filet);scroll-margin-top:calc(var(--lg-haut) - 20px)} .pxl-lg.pxl-lg h2{margin:0;font-family:var(--lg-ff-t);font-weight:var(--lg-fw-t);text-transform:var(--lg-tt);letter-spacing:var(--lg-ls);font-size:clamp(22px,2.4vw,26px);line-height:1.12;color:var(--lg-titre);overflow-wrap:break-word} .pxl-lg.pxl-lg .pxl-lg__num{display:block;margin-bottom:10px;font:500 12px/1 var(--lg-ff);letter-spacing:.14em;color:var(--lg-accent)} .pxl-lg.pxl-lg .pxl-lg__corps{max-width:68ch;font-size:var(--lg-corps);line-height:1.68} .pxl-lg.pxl-lg .pxl-lg__corps > *{margin:0} .pxl-lg.pxl-lg .pxl-lg__corps > * + *{margin-top:1em} .pxl-lg.pxl-lg p,.pxl-lg.pxl-lg li,.pxl-lg.pxl-lg dd{color:var(--lg-encre);font-family:var(--lg-ff);font-size:var(--lg-corps);line-height:1.68;letter-spacing:normal;text-transform:none;text-align:left;hyphens:manual} .pxl-lg.pxl-lg h3{margin:1.6em 0 0;font:600 calc(var(--lg-corps) + 1px)/1.4 var(--lg-ff);color:var(--lg-titre);text-transform:none;letter-spacing:normal} .pxl-lg.pxl-lg ul{padding:0 0 0 1.1em;list-style:disc} .pxl-lg.pxl-lg li + li{margin-top:.45em} .pxl-lg.pxl-lg li::marker{color:var(--lg-accent)} .pxl-lg.pxl-lg dl{display:grid;gap:0;border-top:1px solid var(--lg-filet)} .pxl-lg.pxl-lg dl > div{display:grid;grid-template-columns:minmax(120px,15ch) minmax(0,1fr);gap:4px 24px;padding:12px 0;border-bottom:1px solid var(--lg-filet)} .pxl-lg.pxl-lg dt{font:500 12px/1.9 var(--lg-ff);letter-spacing:.12em;text-transform:uppercase;color:var(--lg-doux)} .pxl-lg.pxl-lg dd{margin:0} .pxl-lg.pxl-lg .pxl-lg__doux{font-size:calc(var(--lg-corps) - 2px);color:var(--lg-doux)} .pxl-lg.pxl-lg a{color:var(--lg-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere} .pxl-lg.pxl-lg a:hover{text-decoration-thickness:2px} .pxl-lg.pxl-lg--fin{padding-bottom:clamp(64px,9vw,128px)} @media (max-width:760px){ .pxl-lg{--lg-gout:20px;--lg-haut:120px} .pxl-lg.pxl-lg .pxl-lg__sec{grid-template-columns:minmax(0,1fr);gap:14px} .pxl-lg.pxl-lg dl > div{grid-template-columns:minmax(0,1fr);gap:2px} } .fbase .flegal a{color:inherit;text-decoration:none}.fbase .flegal a:hover{color:var(--accent,#cb9c58)} /* Accueil — le carrousel des templates (21/10/2026). Une piste qui défile (au doigt, à la molette, au clavier), aimantée carte par carte ; les flèches et la barre de progression sont pilotées par le chargeur (js_global). */ .tplaccueil-sous.tplaccueil-sous{margin:clamp(-8px,-.6vw,-4px) 0 clamp(22px,2.6vw,34px);max-width:62ch;color:var(--muted);font-size:clamp(15px,1.2vw,17px);line-height:1.6} .tplpiste.tplpiste.tplpiste{display:flex;grid-template-columns:none;gap:clamp(14px,1.6vw,24px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:2px} .tplpiste.tplpiste::-webkit-scrollbar{display:none} .tpl.tpl-slide{flex:0 0 calc((100% - 2 * clamp(14px,1.6vw,24px)) / 3);scroll-snap-align:start;grid-column:auto} .tpl.tpl-slide .bt.bt.bt{height:clamp(300px,25vw,380px);min-height:0} .tplnav.tplnav{display:flex;align-items:center;gap:16px;margin-top:clamp(18px,2vw,26px)} .tplnav-b.tplnav-b{flex:none;width:44px;height:44px;display:grid;place-items:center;font-family:var(--cond);font-size:18px;color:var(--fg);text-decoration:none;box-shadow:inset 0 0 0 1px var(--ink-550);transition:background .2s,color .2s,box-shadow .2s,opacity .2s} .tplnav-b.tplnav-b:hover{background:var(--carton);color:#0a0a0b;box-shadow:inset 0 0 0 1px var(--carton)} .tplnav-b.tplnav-b[aria-disabled="true"]{opacity:.3;pointer-events:none} .tplnav-barre.tplnav-barre{position:relative;flex:1;height:2px;background:var(--line);overflow:hidden} .tplnav-barre.tplnav-barre i{position:absolute;left:0;top:0;bottom:0;width:30%;background:var(--carton);transition:left .25s,width .25s} @media(max-width:1100px){.tpl.tpl-slide{flex-basis:calc((100% - clamp(14px,1.6vw,24px)) / 2)}} @media(max-width:700px){.tpl.tpl-slide{flex-basis:86%}.tpl.tpl-slide .bt.bt.bt{height:clamp(300px,78vw,400px)}} @media(prefers-reduced-motion:reduce){.tplpiste.tplpiste.tplpiste{scroll-behavior:auto}} /* Carrousel de l'accueil — la tuile easyResiliation, dessinée pour une carte large : dans une carte au tiers, la lettre et les coches recouvraient le titre ; on garde le titre et le bouton */ .tpl.tpl-slide .bt-easyresiliation .fx-lettre,.tpl.tpl-slide .bt-easyresiliation .fx-coches{display:none} .tpl.tpl-slide .bt-easyresiliation.bt-easyresiliation .fx-titre-er{width:auto;right:clamp(20px,2.4vw,40px);font-size:clamp(26px,2.3vw,34px)} .tpl.tpl-slide .bt-easyresiliation.bt-easyresiliation .fx-titre-er{width:auto;right:clamp(20px,2.4vw,40px);font-size:clamp(26px,2.3vw,34px);top:calc(clamp(22px,2.4vw,36px) + 128px)} /* Carrousel — la main qui tire, et la piste libre pendant le geste */ @media (hover:hover) and (pointer:fine){.tplpiste.tplpiste.tplpiste{cursor:grab}} .tplpiste.tplpiste.tirage{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none;-webkit-user-select:none} .tplpiste.tplpiste.tirage a{cursor:grabbing} .tplpiste.tplpiste.tirage .bt.bt *{pointer-events:none} .tplpiste.tplpiste img{-webkit-user-drag:none;user-select:none} /* 05/11/2026 — Logo typo : le L en carton, et le nom grossit quand l'entête se colle au défilement (demande Piks-l). */ .brand.brand .wm{transition:font-size .25s} .brand.brand .wm .wm-l{color:var(--carton)} /* La hauteur des capitales (34 px en Barlow Condensed, environ 25 px) égale celle du carton à l'entête collée. */ header.site.site.stuck .brand.brand .wm.wm{font-size:24px;letter-spacing:.24em;line-height:.8} header.site.site.stuck .brand.brand .mark.mark{transform:none} /* 05/11/2026 — Le point « nouveau » collé à « Boutique » (demande Piks-l) : l'espacement des lettres laisse déjà ~1,6 px après le mot. */ /* le lien est en flex avec un écart de 7 px : la marge négative ramène le point à ~3 px du mot */ #nav .pk-nouveau .pk-new{margin-left:-4px} #mob .pk-nouveau .pk-new{margin-left:3px} /* 05/11/2026 — Entête : connexion (Piks-L OS) et mail à côté de la recherche, même carré de 38 px (demande Piks-l). */ .navright.navright{gap:8px} .navright.navright .navcta{margin-left:8px} a.searchbtn.searchbtn.ico{text-decoration:none} /* 05/11/2026 — Les icônes de l'entête sans cadre (demande Piks-l : « pas besoin d'entourer les icônes »). */ .navright.navright .searchbtn.searchbtn.ico{border-color:transparent;background:transparent} /* 05/11/2026 — L’application : Piks-L OS en tête du menu déroulant, avec son icône (demande Piks-l). */ header .mega#mega .megaos{grid-column:1/-1;display:grid;grid-template-columns:84px 1fr auto;gap:0 20px;align-items:center;padding:14px 16px;margin:0 0 16px;border:1px solid var(--ink-700);background:linear-gradient(90deg,rgba(203,156,88,.10),rgba(203,156,88,0) 70%)} header .mega#mega .megaos img{width:84px;height:84px;display:block} header .mega#mega .megaos-txt em{display:block;font-style:normal;font-family:var(--cond);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--carton);margin-bottom:4px} header .mega#mega .megaos-txt b{display:block;font-family:var(--cond);font-weight:700;font-size:22px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);line-height:1} header .mega#mega .megaos-txt p{margin:7px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink-400);max-width:62ch} header .mega#mega .megaos-cta{display:flex;gap:8px;align-items:center} header .mega#mega .megaos-cta a{font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:10px 14px;white-space:nowrap;transition:background .18s,color .18s} header .mega#mega .megaos-plus{color:var(--fg);border:1px solid var(--ink-600)} header .mega#mega .megaos-plus:hover{border-color:var(--carton);color:var(--carton)} header .mega#mega .megaos-go{background:var(--carton);color:#0a0a0b;border:1px solid var(--carton)} header .mega#mega .megaos-go:hover{filter:brightness(1.08)} @media (max-width:1100px){header .mega#mega .megaos{grid-template-columns:64px 1fr}header .mega#mega .megaos img{width:64px;height:64px}header .mega#mega .megaos-cta{grid-column:2;margin-top:10px}} /* 05/11/2026 — Menu « L’application » : la phrase du Marketplace sous Piks-L OS, « Tous les outils » à gauche, Changelog et Feuille de route à droite. */ header .mega#mega .megamkt{grid-column:1/-1;margin:0 0 12px;font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--carton)} header .mega#mega .megafoot{display:flex;align-items:center} header .mega#mega .megafoot a.mf[href="/changelog"]{margin-left:auto} /* 05/11/2026 — Le TCHAT de l'entête (enveloppe) : l'équipe ou Piks-L IA. Aucun arrondi. */ .pks-tchat{position:fixed;right:24px;bottom:24px;z-index:9000;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100svh - 120px));display:flex;flex-direction:column;background:var(--ink-950,#0a0a0b);border:1px solid var(--line,#2a2a2e);box-shadow:0 24px 60px rgba(0,0,0,.55);color:var(--fg,#f2ede4);font-family:inherit;opacity:0;transform:translateY(12px);transition:opacity .2s,transform .2s} .pks-tchat.on{opacity:1;transform:none} .pks-tchat[hidden]{display:none} .pks-tchat-tete{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line,#2a2a2e)} .pks-tchat-logo{width:28px;height:28px;object-fit:contain} .pks-tchat-titre{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15} .pks-tchat-titre b{font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:.12em;text-transform:uppercase} .pks-tchat-etat{font-family:var(--cond);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--carton);margin-top:3px} .pks-tchat-x{background:none;border:0;color:var(--dim,#8a857c);font-size:24px;line-height:1;cursor:pointer;padding:0 4px} .pks-tchat-x:hover{color:var(--fg)} .pks-tchat-modes{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line,#2a2a2e)} .pks-tchat-modes button{background:none;border:0;border-bottom:2px solid transparent;color:var(--dim,#8a857c);font-family:var(--cond);font-weight:600;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;padding:10px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px} .pks-tchat-modes button[aria-checked="true"]{color:var(--fg);border-bottom-color:var(--carton)} .pks-tchat-ia{width:7px;height:7px;background:var(--carton);display:inline-block;transform:rotate(45deg)} .pks-tchat-fil{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain} .pks-tchat-msg{max-width:85%;padding:9px 12px;border:1px solid var(--line,#2a2a2e)} .pks-tchat-msg p{margin:0;font-size:14px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word} .pks-tchat-qui{display:block;font-family:var(--cond);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim,#8a857c);margin-bottom:3px} .pks-tchat-eux{align-self:flex-start;background:rgba(255,255,255,.03)} .pks-tchat-ia-msg{border-color:rgba(203,156,88,.35)} .pks-tchat-moi{align-self:flex-end;background:rgba(203,156,88,.12);border-color:rgba(203,156,88,.45)} .pks-tchat-sys{margin:2px 0;text-align:center;font-family:var(--cond);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim,#8a857c)} .pks-tchat-ecrit{animation:pk-new 1.4s ease-in-out infinite} .pks-tchat-pied{border-top:1px solid var(--line,#2a2a2e);padding:10px;display:flex;flex-direction:column;gap:8px} .pks-tchat-ident{display:grid;grid-template-columns:1fr 1.4fr;gap:6px} .pks-tchat-ident[hidden],.pks-tchat-saisie[hidden],.pks-tchat-nouvelle[hidden],.pks-tchat-err[hidden]{display:none} .pks-tchat-pied input,.pks-tchat-pied textarea{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line,#2a2a2e);color:var(--fg);font:inherit;font-size:13.5px;padding:8px 10px;outline:none;border-radius:0} .pks-tchat-pied input:focus,.pks-tchat-pied textarea:focus{border-color:var(--carton)} .pks-tchat-pied textarea{resize:none;min-height:44px;max-height:120px} .pks-tchat-saisie{display:flex;gap:6px;align-items:stretch} .pks-tchat-envoi{flex:0 0 46px;background:var(--carton);border:0;color:#0a0a0b;cursor:pointer;display:grid;place-items:center} .pks-tchat-envoi:hover{filter:brightness(1.08)} .pks-tchat-piege{position:absolute;left:-9999px;width:1px;height:1px;opacity:0} .pks-tchat-err{margin:0;font-size:12.5px;color:#ff8a7a} .pks-tchat-nouvelle{background:none;border:1px solid var(--carton);color:var(--carton);font-family:var(--cond);font-weight:600;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;padding:10px;cursor:pointer} [data-tchat-ouvrir]{position:relative;cursor:pointer} .pks-tchat-nonlu::after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;background:var(--carton);animation:pk-new 1.4s ease-in-out infinite} @media (max-width:640px){.pks-tchat{right:8px;left:8px;bottom:8px;width:auto;height:min(78svh,620px)}} /* 05/11/2026 — La RECHERCHE s’ouvre comme le menu « L’application » (demande Piks-l) : un panneau accroché sous l’entête, aligné sur la loupe, sans voile sur la page ; résultats sur deux colonnes. */ .pal.pal{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;display:block} .pal.pal .palbox.palbox{position:absolute;top:69px;right:56px;width:min(780px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 90px));background:#0c0c0e;border:1px solid var(--ink-700);box-shadow:0 22px 44px rgba(0,0,0,.6);animation:pal-descend .18s ease-out} body:has(header.site.stuck) .pal.pal .palbox.palbox{top:56px} @keyframes pal-descend{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} .pal.pal .palin.palin{padding:16px 18px} .pal.pal .palres.palres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;align-content:start;padding:6px 18px 14px} .pal.pal .palgrp.palgrp{grid-column:1/-1;padding:14px 0 6px;margin-bottom:4px;border-bottom:1px solid var(--ink-700);font-size:9.5px;letter-spacing:.2em} .pal.pal .palempty.palempty{grid-column:1/-1} .pal.pal .palit.palit{grid-template-columns:24px 1fr auto;gap:10px;padding:7px 8px;margin-inline:-8px;width:calc(100% + 16px)} .pal.pal .palit.palit:hover{background:rgba(203,156,88,.09)} .pal.pal .palit.palit[aria-selected="true"]{background:rgba(203,156,88,.12);box-shadow:inset 2px 0 0 var(--carton)} .pal.pal .palit.palit .ic2{width:24px;height:24px;border-color:var(--ink-700)} .pal.pal .palit.palit b{font-size:13px;letter-spacing:.06em} .pal.pal .palit.palit span{font-size:11px} @media (max-width:1100px){.pal.pal .palbox.palbox{right:16px}} @media (max-width:700px){.pal.pal .palbox.palbox{left:8px;right:8px;width:auto;top:60px}.pal.pal .palres.palres{grid-template-columns:1fr}} /* 05/11/2026 — Tchat : le markdown des réponses et le petit chat de Piks-L IA. */ .pks-tchat-corps{font-size:14px;line-height:1.45;word-wrap:break-word} .pks-tchat-corps p{margin:0 0 6px}.pks-tchat-corps p:last-child{margin-bottom:0} .pks-tchat-corps ul,.pks-tchat-corps ol{margin:4px 0 6px;padding-left:18px} .pks-tchat-corps ul{list-style:square}.pks-tchat-corps ol{list-style:decimal} .pks-tchat-corps li{margin:2px 0} .pks-tchat-corps strong{color:var(--fg);font-weight:700} .pks-tchat-corps em{font-style:italic} .pks-tchat-corps a{color:var(--carton);text-decoration:underline;text-underline-offset:2px} .pks-tchat-corps code{font-family:ui-monospace,monospace;font-size:12.5px;background:rgba(255,255,255,.06);padding:0 4px} .pks-tchat-moi .pks-tchat-corps{white-space:pre-wrap} .pks-tchat-rang{display:flex;align-items:flex-end;gap:8px;align-self:flex-start;max-width:94%} .pks-tchat-rang .pks-tchat-msg{max-width:none;min-width:0} .pks-tchat-chat{width:54px;height:auto;flex:0 0 54px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))} .pks-tchat-chat-accroche{width:30px;flex-basis:30px} .pks-tchat-chat-assis{animation:pks-chat-respire 3.2s ease-in-out infinite;transform-origin:50% 100%} @keyframes pks-chat-respire{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}} .pks-tchat-pense{align-items:center;position:relative} .pks-tchat-pense .pks-tchat-chat{animation:pks-chat-pense 1.4s steps(1) infinite} .pks-tchat-pense .pks-tchat-chat + .pks-tchat-chat{animation-delay:-.7s;margin-left:-62px} @keyframes pks-chat-pense{0%{opacity:1}50%{opacity:0}} @media (prefers-reduced-motion:reduce){.pks-tchat-chat{animation:none!important}.pks-tchat-pense .pks-tchat-chat + .pks-tchat-chat{display:none}} /* 05/11/2026 — Le chat de Piks-L IA plus présent à côté de ses réponses. */ .pks-tchat{width:min(410px,calc(100vw - 32px))} .pks-tchat-chat{width:76px;flex-basis:76px;margin-left:-6px} .pks-tchat-chat-accroche{width:40px;flex-basis:40px;margin-left:8px} .pks-tchat-pense .pks-tchat-chat + .pks-tchat-chat{margin-left:-84px} /* 05/11/2026 — Menu du haut : largeurs FIXES (demande Piks-l : « enlève cet effet où ça gagne en largeur »). Plus d’espacement de lettres animé au survol ; chaque entrée a sa largeur, le texte centré dedans. */ nav.main.main a,nav.main.main .navbtn{letter-spacing:.07em!important;transition:color .25s!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding-inline:0!important} nav.main.main a:hover,nav.main.main a.on{letter-spacing:.07em!important} nav.main.main a[href="/realisations"]{width:118px} nav.main.main a[href="/boutique"]{width:104px} nav.main.main #mmBtn{width:134px;gap:7px} nav.main.main a[href="/agence"]{width:84px} /* Les infobulles des boutons de droite : dessinées, sous le bouton, au survol et au clavier. */ .navright.navright [data-tip]{position:relative} .navright.navright [data-tip]::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;background:#0c0c0e;border:1px solid var(--ink-700);color:var(--fg);font-family:var(--cond);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:6px 9px;z-index:200;box-shadow:0 10px 24px rgba(0,0,0,.5)} .navright.navright [data-tip]:hover::after,.navright.navright [data-tip]:focus-visible::after{opacity:1;transform:translate(-50%,0)} /* 05/11/2026 — Le menu TÉLÉPHONE suit celui de l’ordinateur (demande Piks-l) : trois actions en tête (recherche, connexion à Piks-L OS, tchat), les quatre entrées, Piks-L OS mis en avant, le bouton projet. */ #mob.mobmenu .mobactions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 14px} #mob.mobmenu .mobico{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:72px;border:1px solid var(--ink-700);background:rgba(255,255,255,.02);color:var(--fg);font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;padding:0} #mob.mobmenu .mobico svg{color:var(--carton)} #mob.mobmenu .mobinner > a[data-nav]:not(.mobcta){font-size:26px!important;line-height:1.1;padding:15px 0!important} #mob.mobmenu .mobos{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px;margin:2px 0 6px;border:1px solid var(--ink-700);background:linear-gradient(90deg,rgba(203,156,88,.10),rgba(203,156,88,0) 75%)} #mob.mobmenu .mobos img{width:56px;height:56px;display:block} #mob.mobmenu .mobos-txt b{display:block;font-family:var(--cond);font-weight:700;font-size:17px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg)} #mob.mobmenu .mobos-txt span{display:block;font-size:12px;line-height:1.4;color:var(--ink-400);margin-top:3px} #mob.mobmenu .mobos-go{font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:var(--carton);color:#0a0a0b;padding:9px 11px;white-space:nowrap} #mob.mobmenu .mobinner > a.mobcta{display:flex;align-items:center;justify-content:center;margin:18px 0 6px;height:52px;border:1px solid var(--carton);color:var(--carton);font-family:var(--cond);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none} /* 05/11/2026 — Le PIED suit la nouvelle DA de l’entête (demande Piks-l) : le L carton du nom, Piks-L OS en tête de la colonne « L’application » avec son icône, le tchat et la connexion à l’OS. */ .flock.flock .wm3 .wm-l{color:var(--carton)} .fnavgrid .fos{display:flex!important;align-items:center;gap:10px;margin-bottom:6px;font-family:var(--cond);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg)!important} .fnavgrid .fos img{width:28px;height:28px;display:block;flex:0 0 28px} .fnavgrid .fos:hover{color:var(--carton)!important} .fnavgrid a.pk-nouveau{display:inline-flex;align-items:center} .fnavgrid a.pk-nouveau .pk-new{margin-left:6px} .fcard [data-tchat-ouvrir]{cursor:pointer} /* 05/11/2026 — Bas du pied (demande Piks-l) : PIKS-L.COM, le copyright de la SAS, le SAV en bronze, les trois icônes de l’entête à la place du raccourci de recherche. */ .flock.flock .wm3 .wm-com{color:inherit} .fbase .fsav{color:var(--carton)!important;font-weight:700} .fbase .fsav:hover{text-decoration:underline} .fbase .ficons{display:flex;align-items:center;gap:4px;margin-left:auto} .fbase .ficon{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;background:none;border:0;color:var(--ink-300);cursor:pointer;padding:0;text-decoration:none;transition:color .2s} .fbase .ficon:hover{color:var(--carton)} .fbase .ficon[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;background:#0c0c0e;border:1px solid var(--ink-700);color:var(--fg);font-family:var(--cond);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:6px 9px;z-index:200} .fbase .ficon[data-tip]:hover::after,.fbase .ficon[data-tip]:focus-visible::after{opacity:1;transform:translate(-50%,0)} /* 05/11/2026 — Bas du pied plus bas de plafond et centré (demande Piks-l) : 14 px dessus, 14 px dessous, plus de marge du pied sous la barre. */ footer.foot.foot,footer:has(> .fbase){padding-bottom:0!important} .fbase.fbase > .wrap{padding-top:14px!important;padding-bottom:14px!important;align-items:center} /* 05/11/2026 — Pied : colonne Réalisations retirée (3 colonnes + carte), réseaux sociaux dans « Nous joindre ». */ @media(min-width:1081px){.fnavgrid.fnavgrid.fnavgrid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.25fr)}} .fcard .fsoc{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 6px} .fcard .fsoc span{font-family:var(--cond);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--carton);margin-right:4px} .fcard .fsoc a{display:inline-grid!important;place-items:center;width:30px;height:30px;padding:0!important;color:var(--ink-300,#bdb6aa)!important;position:relative;transition:color .2s,transform .2s} .fcard .fsoc a:hover{color:var(--carton)!important;transform:translateY(-2px)} /* 05/11/2026 — Le S.A.V de www (/sav). Aucun arrondi. */ .sav-zone{padding:8px 0 clamp(56px,7vw,96px)} #pks-sav{min-height:420px;color:var(--fg,#f2ede4)} #pks-sav .sav-k{display:block;font-family:var(--cond);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--carton);margin-bottom:6px} #pks-sav a{color:var(--carton)} .sav-porte{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start;border:1px solid var(--line,#2a2a2e);padding:clamp(22px,3vw,40px);background:rgba(255,255,255,.015)} .sav-porte h2{font-family:var(--cond);font-weight:700;font-size:clamp(24px,2.6vw,34px);line-height:1.05;letter-spacing:.02em;text-transform:uppercase;margin:0 0 14px} .sav-porte p{color:var(--dim,#a39d92);line-height:1.6;margin:0 0 16px} .sav-points{list-style:none;margin:0;padding:0;display:grid;gap:8px} .sav-points li{position:relative;padding-left:18px;font-size:14px} .sav-points li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;background:var(--carton);transform:rotate(45deg)} .sav-form{display:flex;flex-direction:column;gap:12px} .sav-form h3{font-family:var(--cond);font-weight:700;font-size:20px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px} .sav-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--cond);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim,#a39d92)} .sav-form input,.sav-form textarea,.sav-form select{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line,#2a2a2e);color:var(--fg,#f2ede4);font:inherit;font-family:inherit;font-size:14.5px;letter-spacing:normal;text-transform:none;padding:11px 12px;outline:none;border-radius:0} .sav-form select{appearance:auto} .sav-form select option{background:#111;color:#f2ede4} .sav-form input:focus,.sav-form textarea:focus,.sav-form select:focus{border-color:var(--carton)} .sav-form textarea{resize:vertical;min-height:90px;line-height:1.5} .sav-2{display:grid;grid-template-columns:1fr 1fr;gap:12px} .sav-btn{align-self:flex-start;background:var(--carton);color:#0a0a0b;border:0;font-family:var(--cond);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:13px 20px;cursor:pointer} .sav-btn:hover{filter:brightness(1.08)} .sav-btn:disabled{opacity:.55;cursor:wait} .sav-err{margin:0;color:#ff8a7a;font-size:13.5px} .sav-aide{margin:0;font-size:12.5px;color:var(--dim,#a39d92)} .sav-charge,.sav-vide{color:var(--dim,#a39d92);font-size:14px;padding:18px 0} .sav-barre{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--line,#2a2a2e);border-bottom:0;padding:14px 18px} .sav-barre b{font-size:16px} .sav-barre-a{display:flex;gap:18px;align-items:center;font-family:var(--cond);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase} .sav-barre-a a{text-decoration:none} .sav-barre-a button{background:none;border:0;color:var(--dim,#a39d92);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:0} .sav-barre-a button:hover{color:var(--fg)} .sav-grille{display:grid;grid-template-columns:320px 1fr;border:1px solid var(--line,#2a2a2e);min-height:520px} .sav-liste{border-right:1px solid var(--line,#2a2a2e);display:flex;flex-direction:column;min-height:0} .sav-btn-n{margin:14px;align-self:stretch} .sav-items{overflow-y:auto;max-height:620px} .sav-item{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line,#2a2a2e);color:var(--fg,#f2ede4);padding:13px 16px;cursor:pointer;font:inherit} .sav-item:hover{background:rgba(255,255,255,.03)} .sav-item.on{background:rgba(203,156,88,.08);box-shadow:inset 3px 0 0 var(--carton)} .sav-item b{font-weight:600;font-size:14px;line-height:1.35} .sav-item small{font-size:12px;color:var(--dim,#a39d92)} .sav-item-l{display:flex;justify-content:space-between;align-items:center;gap:8px} .sav-item-l em{font-style:normal;font-size:11.5px;color:var(--dim,#a39d92)} .sav-st{font-family:var(--cond);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:3px 7px;border:1px solid var(--line,#2a2a2e);color:var(--dim,#a39d92);white-space:nowrap} .sav-st-nouvelle,.sav-st-en_cours{border-color:rgba(203,156,88,.5);color:var(--carton)} .sav-st-attente_client{border-color:var(--carton);background:var(--carton);color:#0a0a0b} .sav-st-traitee{border-color:rgba(120,200,140,.45);color:#8fd3a0} .sav-st-refusee{border-color:rgba(255,138,122,.45);color:#ff8a7a} .sav-droite{padding:clamp(18px,2.4vw,30px);min-width:0} .sav-fil{display:flex;flex-direction:column;gap:16px} .sav-fil-t{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line,#2a2a2e)} .sav-fil-t h3{margin:0;font-size:20px;line-height:1.3} .sav-msgs{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow-y:auto} .sav-msg{max-width:86%;border:1px solid var(--line,#2a2a2e);padding:11px 14px} .sav-msg p{margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:14.5px;line-height:1.55} .sav-msg-eq{align-self:flex-start;background:rgba(255,255,255,.03)} .sav-msg-moi{align-self:flex-end;background:rgba(203,156,88,.1);border-color:rgba(203,156,88,.4)} .sav-qui{display:block;font-family:var(--cond);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim,#a39d92);margin-bottom:5px} .sav-msg-eq .sav-qui{color:var(--carton)} .sav-pj{display:inline-block;margin-top:8px;margin-right:10px;font-size:13px} .sav-rep{border-top:1px solid var(--line,#2a2a2e);padding-top:14px} @media (max-width:860px){ .sav-porte{grid-template-columns:1fr} .sav-grille{grid-template-columns:1fr} .sav-liste{border-right:0;border-bottom:1px solid var(--line,#2a2a2e)} .sav-items{max-height:260px} .sav-2{grid-template-columns:1fr} .sav-barre{flex-direction:column;align-items:flex-start} .sav-msg{max-width:100%} } .fcard .fsoc{gap:6px;margin:6px 0 0 -6px} .sav-form input:-webkit-autofill,.sav-form input:-webkit-autofill:hover,.sav-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg,#f2ede4);-webkit-box-shadow:0 0 0 1000px #141416 inset;box-shadow:0 0 0 1000px #141416 inset;caret-color:var(--fg,#f2ede4);transition:background-color 9999s} /* 05/11/2026 — carte « Nous joindre » resserrée. */ @media(min-width:1081px){.fnavgrid.fnavgrid .fcard{width:100%;max-width:310px;justify-self:start}} .fnavgrid.fnavgrid .fcard p{text-align:left!important;hyphens:none} @media(min-width:1081px){.fnavgrid.fnavgrid .fcard{max-width:340px}} /* 05/11/2026 — Le chat qui dort, dans sa propre colonne du pied. */ @media(min-width:1081px){.fnavgrid.fnavgrid.fnavgrid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1fr) minmax(0,340px)}.fnavgrid.fnavgrid .fcard{justify-self:stretch;max-width:none}} .fnavgrid.fnavgrid .fchat{align-self:center;align-items:center!important;justify-content:center} .fnavgrid.fnavgrid .fchat img{width:160px;height:auto;display:block;opacity:.92;user-select:none;pointer-events:none} @media(max-width:1080px){.fnavgrid.fnavgrid .fchat{display:none!important}} /* 05/11/2026 — Piks-L OS en tuile carrée dans le pied. */ .fnavgrid.fnavgrid section a.fos{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:132px;height:132px;padding:0!important;margin:0 0 12px;border:1px solid var(--line,#2a2a2e);background:rgba(255,255,255,.02);font-size:13px;letter-spacing:.12em;line-height:1;transition:border-color .2s,background .2s,color .2s} .fnavgrid.fnavgrid section a.fos img{width:60px;height:60px;flex:0 0 60px} .fnavgrid.fnavgrid section a.fos:hover{transform:none;border-color:var(--carton);background:rgba(203,156,88,.06)} .fnavgrid.fnavgrid section a.fos{position:relative} .fnavgrid.fnavgrid section a.fos .ext{position:absolute;top:8px;right:10px;font-size:11px} .fnavgrid.fnavgrid section a.fos:hover .ext{color:var(--carton)} /* Tuile Piks-L OS : l'icône remplit tout le fond, le nom passe en surimpression. */ .fnavgrid.fnavgrid section a.fos{justify-content:flex-end;overflow:hidden;padding:0 0 12px!important} .fnavgrid.fnavgrid section a.fos img{position:absolute;inset:0;width:100%;height:100%;flex:none;object-fit:cover;z-index:0;transition:transform .35s} .fnavgrid.fnavgrid section a.fos::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(10,10,11,.9) 0,rgba(10,10,11,.35) 38%,transparent 62%)} .fnavgrid.fnavgrid section a.fos > *:not(img){position:relative;z-index:2} .fnavgrid.fnavgrid section a.fos .ext{position:absolute;z-index:2} .fnavgrid.fnavgrid section a.fos:hover img{transform:scale(1.05)} /* 05/11/2026 — Le défilé des outils du Marketplace (remplace les chiffres du pied). */ .fmq{border-top:1px solid var(--line,#2a2a2e);border-bottom:1px solid var(--line,#2a2a2e);overflow:hidden;position:relative;padding:22px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .fmq-piste{display:flex;width:max-content;animation:fmq-defile 70s linear infinite} .fmq:hover .fmq-piste{animation-play-state:paused} .fmq-it{display:inline-flex;align-items:center;gap:12px;padding:0 34px;border-right:1px solid var(--line,#2a2a2e);color:var(--ink-300,#bdb6aa);text-decoration:none;font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:color .2s} .fmq-it i{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line,#2a2a2e);color:var(--carton)} .fmq-it i svg{width:17px;height:17px} .fmq-it:hover{color:var(--fg,#f2ede4)} .fmq-it:hover i{border-color:var(--carton)} @keyframes fmq-defile{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.fmq-piste{animation-duration:240s}} /* Tuile Piks-L OS : l'image seule, le nom reste lisible par les lecteurs d'écran. */ .fnavgrid.fnavgrid section a.fos .fos-nom{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .fnavgrid.fnavgrid section a.fos::before{display:none} /* 3 colonnes resserrées, le chat prend tout l'espace jusqu'à « Nous joindre ». */ @media(min-width:1081px){.fnavgrid.fnavgrid.fnavgrid{grid-template-columns:repeat(3,max-content) minmax(0,1fr) 340px;column-gap:clamp(40px,4.5vw,72px)}} .fnavgrid.fnavgrid .fchat{align-self:stretch;justify-content:center;width:100%} .fnavgrid.fnavgrid .fchat img{width:100%;max-width:none;height:100%;max-height:260px;object-fit:contain;opacity:1} /* 05/11/2026 — Plan du site (/plan-du-site) : rubriques puis glossaire A–Z. Aucun arrondi. */ .pds{padding:10px 0 clamp(56px,7vw,96px)} .pds-rubs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line,#2a2a2e);border-left:1px solid var(--line,#2a2a2e)} .pds-g{border-right:1px solid var(--line,#2a2a2e);border-bottom:1px solid var(--line,#2a2a2e);padding:22px 22px 26px} .pds-g h2,.pds-glo-t h2{font-family:var(--cond);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--carton);margin:0 0 14px;display:flex;align-items:center;gap:8px} .pds-g h2 em{font-style:normal;color:var(--ink-500,#7d776d);font-weight:600} .pds ul{list-style:none;margin:0;padding:0} .pds-g li a{display:block;padding:5px 0;color:var(--ink-300,#bdb6aa);text-decoration:none;font-size:14px;line-height:1.35;transition:color .2s,transform .2s} .pds-g li a:hover{color:var(--fg,#f2ede4);transform:translateX(3px)} .pds-glo{margin-top:clamp(48px,6vw,80px)} .pds-glo-t{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line,#2a2a2e);padding-bottom:14px;margin-bottom:8px;position:sticky;top:56px;background:var(--ink-950,#0a0a0b);z-index:2;padding-top:12px} .pds-glo-t h2{font-size:clamp(22px,2.4vw,30px);letter-spacing:.06em;color:var(--fg,#f2ede4);margin:0} .pds-az{display:flex;flex-wrap:wrap;gap:4px} .pds-az a{display:inline-grid;place-items:center;min-width:30px;height:30px;border:1px solid var(--line,#2a2a2e);font-family:var(--cond);font-weight:700;font-size:13px;color:var(--ink-300,#bdb6aa);text-decoration:none} .pds-az a:hover{border-color:var(--carton);color:var(--carton)} .pds-l{display:grid;grid-template-columns:80px 1fr;gap:20px;border-bottom:1px solid var(--line,#2a2a2e);padding:20px 0;scroll-margin-top:140px} .pds-l > b{font-family:var(--cond);font-weight:700;font-size:44px;line-height:1;color:var(--carton)} .pds-l ul{columns:3 220px;column-gap:32px} .pds-l li{break-inside:avoid;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed rgba(255,255,255,.05)} .pds-l li a{color:var(--ink-300,#bdb6aa);text-decoration:none;font-size:14px} .pds-l li a:hover{color:var(--fg,#f2ede4)} .pds-l li span{font-family:var(--cond);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500,#7d776d);white-space:nowrap} @media (max-width:1080px){.pds-rubs{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){.pds-rubs{grid-template-columns:1fr}.pds-l{grid-template-columns:1fr;gap:8px}.pds-l > b{font-size:32px}.pds-glo-t{position:static}} .pds.pds .pds-g li a,.pds.pds .pds-l li a{color:var(--ink-300,#bdb6aa)!important;text-decoration:none!important;border:0!important;background:none!important} .pds.pds .pds-g li a:hover,.pds.pds .pds-l li a:hover{color:var(--carton)!important} .pds.pds .pds-az a{text-decoration:none!important} /* Menu mobile : le Marketplace sous la carte Piks-L OS. */ #mob .mobmkt{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 6px;padding:14px 16px!important;border:1px solid var(--line,#2a2a2e);border-top:0;font-family:var(--cond);font-weight:700;font-size:14px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--fg,#f2ede4)} #mob .mobmkt em{font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--carton)} /* 05/11/2026 — Pied : le bloc du brief à droite, le chat assis qui attend à cheval sur l'appel et la navigation. */ @media(min-width:1081px){ .fctain.fctain{grid-template-columns:minmax(0,1fr) minmax(0,460px)} .fctain.fctain .side{justify-self:end;max-width:460px} footer.site{position:relative} footer.site > .fchat-assis{position:absolute;left:56%;transform:translateX(-50%);top:56px;bottom:84px;height:calc(100% - 140px);max-height:none;width:auto;max-width:34%;object-fit:contain;object-position:center bottom;z-index:3;pointer-events:none;user-select:none} } @media(max-width:1080px){footer.site > .fchat-assis{display:none}} @media(min-width:1081px){footer.site > .fchat-assis{top:auto;height:auto;width:46%;max-width:900px;left:54%;bottom:70px}} /* 05/11/2026 — Le chat assis du pied, du haut au bas du footer ; sur sa tête, les cartons des clients du showreel se relaient (puis le carton Piks-L). */ .fca{display:none} @media(min-width:1081px){ footer.site > .fca{display:block;position:absolute;top:0;bottom:0;left:56%;transform:translateX(-50%);aspect-ratio:252/278;z-index:3;pointer-events:none;user-select:none;overflow:visible} .fca-chat{position:absolute;width:222.2%;max-width:none;height:auto;left:-79.4%;top:-10.07%} .fca-c{position:absolute;width:57.94%;height:auto;max-width:none;left:3.97%;top:3.24%;transform:rotate(6deg);opacity:0;animation:fca-tour 21s linear infinite;animation-delay:calc(var(--i) * 3s)} } @keyframes fca-tour{0%{opacity:0}2.4%{opacity:1}14.3%{opacity:1}16.7%{opacity:0}100%{opacity:0}} @media (prefers-reduced-motion:reduce){.fca-c{animation:none}.fca-c[style*="--i:0"]{opacity:1}} @media(min-width:1081px){ footer.site > .fca > img.fca-chat{position:absolute!important;width:222.2%!important;max-width:none!important;height:auto!important;left:-79.4%!important;top:-10.07%!important;margin:0!important;display:block!important} footer.site > .fca > img.fca-c{position:absolute!important;width:57.94%!important;max-width:none!important;height:auto!important;left:3.97%!important;top:3.24%!important;margin:0!important;display:block!important} } /* 05/11/2026 — Le chat du pied, tramé (points de 2 px) dans une toile. */ @media(min-width:1081px){ footer.site > .fca > canvas.fca-toile{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;display:block!important;image-rendering:pixelated;opacity:0;transition:opacity .4s} footer.site > .fca.pret > canvas.fca-toile{opacity:1} } /* 05/11/2026 — Mobile : la barre du bas du pied tenait sur UNE ligne de 420 px et élargissait toute la page (glissement à droite). Elle passe sur plusieurs lignes. */ @media(max-width:760px){ .fbase.fbase > .wrap{flex-wrap:wrap!important;justify-content:space-between;row-gap:12px;column-gap:14px} .fbase.fbase > .wrap > .fleg{flex:1 1 100%;text-align:left;margin:0} .fbase.fbase > .wrap > .flegal{order:3} .fbase.fbase > .wrap > .ficons{order:4} .fbase.fbase > .wrap > .ftop{order:5} } /* 05/11/2026 — Mobile : les trois colonnes du pied côte à côte, en cartes « bento » ; « Nous joindre » en dessous, pleine largeur. */ @media(max-width:760px){ .fnavgrid.fnavgrid.fnavgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important} .fnavgrid.fnavgrid > section:not(.fchat){border:1px solid var(--line,#2a2a2e);background:rgba(255,255,255,.02);padding:12px 10px 10px;min-width:0} .fnavgrid.fnavgrid > section h3{font-size:9.5px!important;letter-spacing:.14em!important;margin:0 0 8px!important} .fnavgrid.fnavgrid > section a{font-size:12px!important;line-height:1.25!important;padding:5px 0!important;min-height:0!important;white-space:normal;word-break:normal;overflow-wrap:anywhere} .fnavgrid.fnavgrid > section a.fos{width:100%!important;height:auto!important;aspect-ratio:1;margin:0 0 6px!important} .fnavgrid.fnavgrid > .fchat{display:none!important} .fnavgrid.fnavgrid > .fcard{grid-column:1 / -1;max-width:none!important} } @media(max-width:760px){ .fnavgrid.fnavgrid.fnavgrid{align-items:stretch!important} .fnavgrid.fnavgrid > section:not(.fchat){align-self:stretch} .fnavgrid.fnavgrid > .fcard{padding:22px 18px!important} .fnavgrid.fnavgrid > .fcard .fsoc{margin-top:14px} } /* Mobile, barre du bas : PIKS-L.COM à gauche et les 3 icônes à droite ; les liens légaux ; puis le copyright à gauche et « Haut de page » à droite, sur la même ligne. */ @media(max-width:760px){ .fbase.fbase > .wrap{align-items:center!important} .fbase.fbase > .wrap > .flock{order:1;margin:0!important} .fbase.fbase > .wrap > .ficons{order:2;margin:0 0 0 auto!important} .fbase.fbase > .wrap > .fleg.flegal{order:3;flex:1 1 100%!important} .fbase.fbase > .wrap > .fleg:not(.flegal){order:4;flex:1 1 auto!important;width:auto!important} .fbase.fbase > .wrap > .ftop{order:5;margin:0 0 0 auto!important} } @media(max-width:760px){ .fbase.fbase > .wrap > .fleg:not(.flegal){flex:1 1 0!important;min-width:0!important;white-space:normal!important;line-height:1.5} .fbase.fbase > .wrap > .ftop{flex:0 0 auto;white-space:nowrap} .fbase.fbase > .wrap > *{min-width:0;max-width:100%} } /* Mobile : pas de survol, donc pas d'info-bulle — celle de l'enveloppe, cachée mais posée hors de l'écran, élargissait la page. */ @media(max-width:760px), (hover:none){ [data-tip]::before,[data-tip]::after{display:none!important;content:none!important} } /* 05/11/2026 — Chat du chargement tramé : l'image d'origine reste cachée jusqu'à ce que sa version tramée soit posée. */ #lcat .cat.on:not(.trame){visibility:hidden} #lcat .cat.trame{image-rendering:pixelated} /* Mobile : les 4 liens (Mentions légales · Confidentialité · S.A.V · Plan du site) centrés. */ @media(max-width:760px){ .fbase.fbase > .wrap > .fleg.flegal{text-align:center!important;display:block;width:100%} } /* 05/11/2026 — Le chat du chargement, plus gros ; aucune image d'origine visible avant sa version tramée. */ .loader.loader .lcat.lcat{width:min(760px,94vw);height:min(520px,66vh)} #lcat .cat:not(.trame){visibility:hidden!important} /* Tablette et téléphone : le chat tramé en fond de « Le prochain site, c'est le vôtre », derrière le texte. */ @media(max-width:1080px){ footer.site{position:relative} footer.site > .fca{display:block!important;position:absolute;z-index:0;pointer-events:none;opacity:.42} footer.site > .fca > canvas.fca-toile{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;display:block!important;image-rendering:pixelated;opacity:0;transition:opacity .4s} footer.site > .fca.pret > canvas.fca-toile{opacity:1} footer.site > .fcta{position:static} footer.site > .fcta > .wrap{position:relative;z-index:1} } /* 05/11/2026 — Pied : description du CTA en blanc ; sur mobile, seule la moitié gauche du chat dépasse à droite. */ footer.site .fcta .side p{color:var(--fg,#f2ede4)!important} @media(max-width:1080px){ footer.site{overflow-x:clip} } /* 05/11/2026 — Mobile : la lueur de .fcta (220 % de haut) n'est plus rognée depuis que .fcta est statique — elle allongeait la page de ~770 px sous le pied. */ @media(max-width:1080px){ footer.site > .fcta::after{display:none} footer.site{overflow:clip} } /* 05/11/2026 — Bouton du menu mobile : trois traits couleur carton, sans bordure. */ .burger.burger.burger{border:0!important;box-shadow:none!important;outline-offset:2px} .burger.burger.burger span{background:var(--carton,#cb9c58)!important} /* 05/11/2026 — Accueil, mobile : le compteur d'escales (01 —— / 04) monte dans l'en-tête, entre PIKS-L et le bouton du menu. */ @media(max-width:960px){ body .ac-pied .ac-progres.ac-progres{display:none!important} #hdr .hprog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;pointer-events:none;font-family:var(--cond);font-weight:700;font-size:11px;letter-spacing:.12em;color:var(--ink-400,#8a857c);z-index:2} #hdr .hprog b{min-width:3.2ch;text-align:right;color:var(--ink-200,#d8d3ca);font-weight:700} #hdr .hprog span{display:block;width:56px;height:2px;background:var(--ink-700,#2a2a2e);position:relative;overflow:hidden} #hdr .hprog span i{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--carton,#cb9c58);transform-origin:0 50%;transform:scaleX(var(--p,0))} } /* 05/11/2026 — Écran de chargement : fond tramé (comme Piks-L OS sans image), chat à taille FIXE (toutes les poses dans le même cadre — il ne se redimensionne plus), puis la barre et le texte. */ .loader.loader{overflow:hidden} .loader.loader > canvas.lfond{position:absolute;top:0;left:0;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges;opacity:0;transition:opacity .6s ease-out;z-index:0} .loader.loader > canvas.lfond.pret{opacity:.45} .loader.loader .lin{position:relative;z-index:1} .loader.loader .lwm{display:none!important} .loader.loader .lcat.lcat{width:min(560px,88vw);height:min(380px,48vh);display:block;position:relative} .loader.loader .lcat .cat.cat{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;object-position:50% 100%} .loader.loader .lbar{margin-top:28px} @media(min-width:961px){ #hdr .hprog{display:none} } /* 05/11/2026 — Chargement : chat plus gros (trame de fond en points de 2 px, voir __pksChargeFond). */ .loader.loader .lin.lin{width:min(900px,100%)} .loader.loader .lcat.lcat.lcat{width:min(820px,96vw);height:min(560px,62vh)} /* 05/11/2026 — En-tête mobile : le % de lecture, plus petit, décalé à droite ; un bouton « Nous écrire » (ouvre le tchat) avant le menu. */ @media(max-width:960px){ #hdr .hprog.hprog{left:auto;right:112px;transform:translateY(-50%);gap:6px;font-size:9.5px;letter-spacing:.1em} #hdr .hprog.hprog span{width:30px;height:2px} #hdr .hmsg{position:absolute;right:62px;top:50%;transform:translateY(-50%);width:40px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--carton,#cb9c58);background:none;border:0;z-index:2} } @media(min-width:961px){ #hdr .hmsg{display:none} } /* 05/11/2026 — Chargement : le chat passe DEVANT la trame de fond. Sa silhouette (l'alpha de l'image d'origine) est remplie du noir du fond sous les points du chat — même cadrage que l'image (contain, en bas). */ .loader.loader .lcat.lcat::before{content:"";position:absolute;inset:0;background:var(--ink-950,#0a0a0b);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:50% 100%;mask-position:50% 100%;pointer-events:none} .loader.loader .lcat .cat.cat{z-index:1} html.pks-chat1 .loader .lcat::before{-webkit-mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/0fc9a2c22175.webp);mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/0fc9a2c22175.webp)} html.pks-chat2 .loader .lcat::before{-webkit-mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/5471403239f6.webp);mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/5471403239f6.webp)} html.pks-chat3 .loader .lcat::before{-webkit-mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/74d679b4491a.webp);mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/74d679b4491a.webp)} html.pks-chat4 .loader .lcat::before{-webkit-mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/fbf5f9fd1079.webp);mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/fbf5f9fd1079.webp)} html.pks-chat5 .loader .lcat::before{-webkit-mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/ab66f033bbfc.webp);mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/ab66f033bbfc.webp)} html.pks-chat6 .loader .lcat::before{-webkit-mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/d6c974b367cb.webp);mask-image:url(https://junsemvatdqpwwyivtys.supabase.co/storage/v1/object/public/media/sites/cc468418-4b9b-49e0-b79b-ca336a4bf560/d6c974b367cb.webp)} /* 06/11/2026 — Accueil, téléphone : le bandeau du pare-brise (« Objets repérés » … « Visée ») passe à la VERTICALE, le long du bord gauche, sa ligne côté contenu — il ne coupe plus l'écran ni ne déborde à droite. */ @media(max-width:760px){ html .ac-vitre .ac-vitre-haut{top:calc(var(--navh,60px) + 14px);bottom:96px;left:3px;right:auto;width:auto;height:auto;writing-mode:vertical-rl;flex-direction:row;justify-content:space-between;align-items:center;gap:18px;padding:0 0 0 5px;border-bottom:0;border-left:1px solid rgba(203,156,88,.22);font-size:9px;letter-spacing:.18em;white-space:nowrap} html .ac-vitre .ac-etat,html .ac-vitre .ac-visee{gap:8px} } /* 06/11/2026 — Accueil, téléphone : le bandeau du pare-brise (« Objets repérés » … « Visée ») est retiré ; il reste sur ordinateur. */ @media(max-width:760px){ html .ac-vitre .ac-vitre-haut{display:none!important} } /* 06/11/2026 — Accueil, ordinateur : le bandeau du pare-brise passe à la VERTICALE, le long du bord gauche (retiré sur téléphone). */ @media(min-width:761px){ html .ac-vitre .ac-vitre-haut{top:calc(var(--navh,72px) + 18px);bottom:100px;left:16px;right:auto;width:auto;height:auto;writing-mode:vertical-rl;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;padding:0 0 0 8px;border-bottom:0;border-left:1px solid rgba(203,156,88,.22);white-space:nowrap} } /* 06/11/2026 — Interrupteurs du pied : Dithering marche/arrêt, Dark / Light (ordinateur seulement). */ footer.site .fbasc{display:none} @media(min-width:961px){ footer.site .fbasc{display:inline-flex;align-items:center;gap:22px;margin-left:auto;margin-right:22px} footer.site .fbasc button{display:inline-flex;align-items:center;gap:9px;background:none;border:0;padding:4px 0;cursor:pointer;font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-400)} footer.site .fbasc button:hover{color:var(--ink-200)} footer.site .fbasc .fb-i{position:relative;width:30px;height:16px;border:1px solid var(--ink-550);background:transparent;transition:border-color .2s} footer.site .fbasc .fb-i i{position:absolute;top:2px;left:2px;width:10px;height:10px;background:var(--ink-400);transition:transform .2s,background .2s} footer.site .fbasc [aria-checked="true"] .fb-i{border-color:var(--carton)} footer.site .fbasc [aria-checked="true"] .fb-i i{transform:translateX(14px);background:var(--carton)} footer.site .fbasc [data-bascule="trame"][aria-checked="true"] .fb-ic,footer.site .fbasc [data-bascule="theme"][aria-checked="false"] .fb-lune,footer.site .fbasc [data-bascule="theme"][aria-checked="true"] .fb-soleil{color:var(--carton)} } /* Sans trame : le chat du pied en image lisse. */ html.pks-sans-trame footer.site canvas.fca-toile{image-rendering:auto!important} /* ── La version CLAIRE (06/11) : la page entière retournée (inversion + rotation de teinte, le cuivre reste cuivre, plus sombre), les PHOTOS et vidéos retournées une seconde fois pour garder leurs vraies couleurs. Le tramage, lui, N'EST PAS re-retourné : il passe en clair avec la page — points cuivre sombres sur fond clair. Sans tramage, la scène 3D et le chat du pied sont des images : retournées comme les photos. */ html.pks-clair{filter:invert(1) hue-rotate(180deg);background:#0a0a0b} html.pks-clair :is(img,video,iframe,picture img):not(.trame){filter:invert(1) hue-rotate(180deg)} html.pks-clair.pks-sans-trame :is(canvas.ac-scene,canvas.fca-toile,#lcat .cat){filter:invert(1) hue-rotate(180deg)} html.pks-clair canvas:not(.fca-toile):not(.lfond):not(.ac-scene){filter:invert(1) hue-rotate(180deg)} /* 06/11/2026 (2) — Accueil, ordinateur : deux bandeaux verticaux symétriques. À gauche le pare-brise (texte à gauche, trait à droite, sous le centre du carton du logo) ; à droite le pied de voyage (route des escales, distance, progression), même marge, trait à gauche. Les deux disparaissent sur téléphone. */ @media(min-width:761px){ html .ac-vitre .ac-vitre-haut{top:calc(var(--navh,72px) + 18px);bottom:28px;left:calc(var(--pks-carton-x,71px) - 18px);right:auto;width:18px;padding:0 6px 0 0;border-left:0;border-right:1px solid rgba(203,156,88,.24);border-bottom:0;box-sizing:border-box;justify-content:space-between} html .ac-pied.ac-pied{left:auto;right:calc(var(--pks-carton-x,71px) - 18px);top:calc(var(--navh,72px) + 18px);bottom:28px;width:18px;min-height:0;writing-mode:vertical-rl;flex-direction:row;align-items:center;justify-content:space-between;gap:22px;padding:0 0 0 6px;overflow:visible;border-top:0;border-left:1px solid rgba(203,156,88,.24);background:none;box-sizing:border-box} html .ac-pied.ac-pied.ac-cache{transform:translateX(14px)} html .ac-pied .ac-invite{min-height:0;gap:10px} html .ac-pied .ac-invite i{width:22px;height:1px} html .ac-pied .ac-invite i::after{width:9px;height:1px;top:0} html .ac-pied .ac-route{flex:1;max-width:none;gap:10px} html .ac-pied .ac-route a{min-height:0;min-width:0;gap:8px} html .ac-pied .ac-route .ac-r-ligne{width:1px;height:auto;min-width:0;min-height:10px;flex:1} html .ac-pied .ac-route .ac-r-ligne b{width:1px;height:100%;transform:scaleY(var(--f,0));transform-origin:top} html .ac-pied .ac-dist strong{margin-left:0;margin-top:10px} html .ac-pied .ac-progres{gap:10px} html .ac-pied .ac-progres span{width:1px;height:60px} html .ac-pied .ac-progres span b{width:1px;height:100%;transform:scaleY(var(--f,0));transform-origin:top} } @media(max-width:760px){ html .ac-pied.ac-pied{display:none!important} } /* 06/11/2026 — Bandeau vertical de gauche : le texte se lit de bas en haut (retourné), « Objets repérés » reste en haut, le trait reste à droite. */ @media(min-width:761px){ html .ac-vitre .ac-vitre-haut{transform:rotate(180deg);flex-direction:row-reverse;border-right:0;border-left:1px solid rgba(203,156,88,.24);padding:0 0 0 6px} } /* 06/11/2026 — L'en-tête est transparent tant qu'on n'a pas défilé ; il reprend son fond dès qu'il colle (.stuck). */ header.site.site:not(.stuck){background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:transparent!important} @media(min-width:761px){ html .ac-vitre .ac-vitre-haut .ac-invite{display:flex;align-items:center;gap:10px;color:var(--ac-gris,#8c877e);font-size:inherit;letter-spacing:inherit} html .ac-vitre .ac-vitre-haut .ac-invite i{width:1px;height:22px;position:relative;overflow:hidden;background:rgba(203,156,88,.22)} html .ac-vitre .ac-vitre-haut .ac-invite i::after{content:"";position:absolute;left:0;top:0;width:1px;height:9px;background:var(--ac-or,#cb9c58)} html .ac-pied .ac-route{flex:1 1 auto;align-self:stretch;justify-content:space-between} } /* 06/11/2026 — Accueil : texte d'introduction en blanc ; le bandeau des clients s'étend d'un trait vertical à l'autre ; l'étiquette du bandeau de droite. */ .ac-esc.ac-depart .ac-lead{color:var(--ac-texte,#f0e9e0)!important} @media(min-width:761px){ html .ac-esc .ac-clients.ac-clients{max-width:none!important;width:auto!important;margin-left:var(--pks-carton-x,71px)!important;margin-right:var(--pks-carton-x,71px)!important;padding-left:24px;padding-right:24px;box-sizing:border-box} html .ac-pied .ac-eyebrow-droite{display:flex;align-items:center;gap:10px;margin:0;color:var(--ac-or,#cb9c58);font-size:inherit;letter-spacing:.18em;white-space:nowrap} html .ac-pied .ac-eyebrow-droite a{color:inherit;text-decoration:none} html .ac-pied .ac-eyebrow-droite i{width:4px;height:4px;background:currentColor;transform:rotate(45deg);display:block} } /* 06/11/2026 — Carte des réalisations : quand les planètes 3D sont posées, les cartons s'effacent (le lien reste à leur place). */ .ac-esc.ac-systeme.ac-astres-3d .ac-astre img{opacity:0!important} /* 06/11/2026 — Accueil : le bandeau « Ils nous ont fait confiance » passe sous le premier écran (le héros occupe toute la hauteur). */ .ac-esc.ac-depart > .ac-wrap:not(.ac-clients){min-height:calc(100svh - var(--navh,72px));box-sizing:border-box;display:flex;flex-direction:column;justify-content:center} /* 06/11/2026 — Carrousel de la boutique en WebGL : la toile se pose sur le carrousel, les vignettes d'origine s'effacent une fois reprises. */ .ac-hangar .ac-carrousel{position:relative} .ac-hangar .ac-carrousel > canvas.ac-vitrine-gl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3} .ac-hangar .ac-tcarte-img img.ac-gl-pret{opacity:0!important} /* 06/11/2026 (3) — Accueil : le héros tient EXACTEMENT un écran (plus de défilement à vide avant la section suivante) ; le bandeau des clients ouvre la section Réalisations ; la carte HTML des orbites s'efface (les orbites sont en 3D). */ .ac-esc.ac-depart{min-height:calc(100svh - var(--navh,72px))!important;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-top:24px!important;padding-bottom:24px!important} .ac-esc.ac-depart > .ac-wrap:not(.ac-clients){min-height:0!important} .ac-esc.ac-systeme > .ac-clients{margin-top:0;margin-bottom:56px} .ac-esc.ac-systeme.ac-astres-3d .ac-plan{opacity:0!important} /* 06/11/2026 — Carrousel de la boutique : on l'attrape à la souris. */ @media(hover:hover){ .ac-hangar .ac-piste{cursor:grab} .ac-hangar .ac-piste.ac-tient{cursor:grabbing;user-select:none} .ac-hangar .ac-piste.ac-tient a{pointer-events:none} } /* 06/11/2026 — Bandeau de droite : « Toulouse · Création · Web · Développement » écrit à l'horizontale, mot sous mot, collé à gauche du trait. */ @media(min-width:761px){ html .ac-pied .ac-eyebrow-droite.ac-eyebrow-droite{writing-mode:horizontal-tb;position:absolute;top:0;right:calc(100% + 12px);display:flex;flex-direction:column;align-items:flex-end;gap:7px;line-height:1;text-align:right;white-space:nowrap} html .ac-pied .ac-eyebrow-droite i{display:none} } /* 06/11/2026 — Téléphone : les deux bandeaux verticaux reviennent, en icônes seules (repère clignotant à gauche ; escales en losanges cliquables et progression à droite), sans texte. */ @media(max-width:760px){ html .ac-vitre .ac-vitre-haut{display:flex!important;writing-mode:vertical-rl;transform:none;top:calc(var(--navh,60px) + 16px);bottom:24px;left:7px;right:auto;width:9px;padding:0;border:0;border-right:1px solid rgba(203,156,88,.24);justify-content:flex-start;align-items:center;gap:16px;font-size:0;letter-spacing:0} html .ac-vitre .ac-vitre-haut .ac-visee{display:none} html .ac-pied.ac-pied{display:flex!important;left:auto;right:7px;top:calc(var(--navh,60px) + 16px);bottom:24px;width:9px;min-height:0;writing-mode:vertical-rl;flex-direction:row;justify-content:flex-start;align-items:center;gap:18px;padding:0;border:0;border-left:1px solid rgba(203,156,88,.24);background:none;font-size:0;letter-spacing:0} html .ac-pied .ac-invite,html .ac-pied .ac-dist,html .ac-pied .ac-route .ac-r-ligne,html .ac-pied .ac-route a span,html .ac-pied .ac-progres > b,html .ac-pied .ac-progres > small{display:none!important} html .ac-pied .ac-route{display:flex!important;flex:0 0 auto;gap:16px;align-items:center} html .ac-pied .ac-route a{min-height:0;min-width:0;padding:6px 0;gap:0;justify-content:center} html .ac-pied .ac-progres{gap:0;margin-top:auto} html .ac-pied .ac-progres span{width:1px;height:46px} html .ac-pied .ac-progres span b{width:1px;height:100%;transform:scaleY(var(--f,0));transform-origin:top} } @media(min-width:761px){ html .ac-pied .ac-eyebrow-droite a{display:none!important} } /* 06/11/2026 — Réalisations : la planète centrale, c'est Piks-L OS ; son étiquette se pose sous elle, centrée. */ .ac-esc.ac-systeme .ac-astre.ac-os{transform:translate(-50%,var(--os-dy,90px));text-align:center;z-index:3} .ac-esc.ac-systeme .ac-astre.ac-os .ac-astre-in{justify-content:center;padding:4px 0} .ac-esc.ac-systeme .ac-astre.ac-os .ac-astre-txt{justify-items:center} .ac-esc.ac-systeme .ac-astre.ac-os small{color:var(--ac-or)} .ac-esc.ac-systeme .ac-astre.ac-os b{font-size:22px;color:#f0e2c8} .ac-esc.ac-systeme .ac-astre.ac-os em{width:auto;max-height:none;opacity:.85;white-space:nowrap} .ac-esc.ac-systeme:not(.ac-astres-3d) .ac-astre.ac-os{display:none} @media(max-width:760px){ .ac-esc.ac-systeme .ac-astre.ac-os{display:none} } /* 06/11/2026 — Réalisations : juste « Piks-L OS », au centre de la planète. */ .ac-esc.ac-systeme .ac-astre.ac-os{transform:translate(-50%,-50%)!important} .ac-esc.ac-systeme .ac-astre.ac-os small,.ac-esc.ac-systeme .ac-astre.ac-os em{display:none!important} .ac-esc.ac-systeme .ac-astre.ac-os b{font-size:20px;text-shadow:0 2px 18px #000,0 0 6px #000} /* 06/11/2026 — Premier écran : apparition / disparition de la typo, et trame au passage de la souris. */ .ac-depart .ht-m{display:inline-block;white-space:nowrap} .ac-depart .ht-c{display:inline-block} @media(prefers-reduced-motion:no-preference){ .ac-depart.ht-pret .ht-c{opacity:0;transform:translateY(.55em) rotate(5deg);filter:blur(8px);transition:opacity .5s ease calc(var(--i) * 16ms),transform .8s cubic-bezier(.2,.75,.2,1) calc(var(--i) * 16ms),filter .7s ease calc(var(--i) * 16ms)} .ac-depart.ht-pret.ht-vu .ht-c{opacity:1;transform:none;filter:none} .ac-depart.ht-pret .ht-bloc{opacity:0;transform:translateY(18px);transition:opacity .6s ease calc(.25s + var(--k) * 90ms),transform .8s cubic-bezier(.2,.75,.2,1) calc(.25s + var(--k) * 90ms)} .ac-depart.ht-pret.ht-vu .ht-bloc{opacity:1;transform:none} .ac-depart.ht-pret:not(.ht-vu) .ht-c{transition-delay:calc(var(--i) * 6ms);transform:translateY(-.5em) rotate(-4deg)} .ac-depart.ht-pret:not(.ht-vu) .ht-bloc{transition-delay:calc(var(--k) * 40ms);transform:translateY(-14px)} } .ac-depart .ht-c.ht-d{color:transparent!important;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAMklEQVR42mP48PLB/w8vH/xngAJ0PhMDAcCIrJOBgYFBQFyBEZlP0AQG6rkBm8lEmQAAkhkpO2KkSZAAAAAASUVORK5CYII=) 0 0/6px 6px;-webkit-background-clip:text;background-clip:text;image-rendering:pixelated} .ac-depart em .ht-c.ht-d{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAMklEQVR42mM4PSfi/+k5Ef8ZoACdz8RAADAi62RgYGAwTVnBiMwnaAID9dyAzWSiTAAAEaUfd0L4ZcYAAAAASUVORK5CYII=)}

Des outils qui se parlent

Quotidien

Clients

Production

Commerce

Notre site

Supervision

Aide

Côté client

Guide pas à pas

Souris partagées

Des outils
qui se parlent