/* QTouch — Accueil v7 (style éditorial : fond chaud, nav flottante, vidéo qui s'agrandit au scroll). JS : lib/site/home7.js */
:root{--h7-bg:#F2EFEA;--h7-card:#FFFFFF;--h7-ink:#141218;--h7-mut:#6B6672;--h7-line:#E4DFD8;--h7-or:#F26B1D;--h7-or2:#EC4899;--h7-vi:#6D4AFF;--h7-r:30px}
html{scroll-behavior:smooth}
body.h7{margin:0;background:var(--h7-bg);color:var(--h7-ink);font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.h7 *{box-sizing:border-box}
.h7 img{max-width:100%}
.h7-w{max-width:1200px;margin:0 auto;padding:0 24px}
.h7-ey{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--h7-vi)}
.h7-h2{margin:14px 0 0;font-family:'Figtree',sans-serif;font-size:clamp(36px,5.2vw,72px);line-height:1;letter-spacing:-.045em;font-weight:600;text-wrap:balance}
.h7-h2 em{font-style:normal;color:var(--h7-or)}
.h7-p{font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--h7-mut);max-width:58ch}
.h7-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:99px;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:transform .25s,box-shadow .25s,background .25s}
.h7-btn.o{background:var(--h7-or);color:#fff;box-shadow:0 16px 34px -14px rgba(242,107,29,.8)}
.h7-btn.o:hover{transform:translateY(-2px);box-shadow:0 22px 40px -14px rgba(242,107,29,.9)}
.h7-btn.g{background:rgba(255,255,255,.7);color:var(--h7-ink);box-shadow:inset 0 0 0 1px var(--h7-line)}
.h7-btn.g:hover{background:#fff}
.h7-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* révélations */
.qt-js .h7 [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .8s,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.qt-js .h7 [data-rv].in{opacity:1;transform:none}
.h7-ln .w{display:inline-block;opacity:.12;transition:opacity .4s}
.h7-ln .w.on{opacity:1}
/* nav flottante */
.h7-nav{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:50;width:min(1180px,calc(100% - 24px));display:flex;align-items:center;gap:8px;padding:8px 8px 8px 20px;border-radius:22px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 10px 30px -18px rgba(20,18,24,.35),inset 0 0 0 1px rgba(255,255,255,.7)}
.h7-nav .lg img{height:28px;display:block}
.h7-nav nav{display:flex;gap:2px;margin-left:auto}
.h7-nav nav a{padding:10px 14px;border-radius:12px;color:var(--h7-ink);text-decoration:none;font-size:14.5px;font-weight:600;opacity:.75;transition:.2s}
.h7-nav nav a{position:relative}
.h7-nav nav a .nw{position:absolute;top:-6px;right:-4px;background:#F26B1D;color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:6px;line-height:1.2;pointer-events:none;box-shadow:0 4px 10px -4px rgba(242,107,29,.7)}
.h7-nav nav a:hover{opacity:1;background:rgba(20,18,24,.05)}
.h7-nav .lang{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:12px;border:0;background:transparent;cursor:pointer;font:700 13px 'Figtree',sans-serif;color:var(--h7-ink)}
.h7-nav .lang svg{width:16px;height:16px}
.h7-nav .si{padding:10px 14px;border:0;background:transparent;font:600 14.5px 'Figtree',sans-serif;color:var(--h7-ink);cursor:pointer;opacity:.75}
.h7-nav .cta{padding:12px 18px;border-radius:15px;background:var(--h7-or);color:#fff;font-weight:700;font-size:14.5px;text-decoration:none;white-space:nowrap}
@media(max-width:960px){.h7-nav nav,.h7-nav .si{display:none}.h7-nav .lang{margin-left:auto}}
/* hero */
.h7-hero{padding:150px 0 70px;overflow:hidden}
.h7-hero .h7-w{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.h7-hero h1{margin:16px 0 0;font-family:'Figtree',sans-serif;font-size:clamp(46px,6.6vw,96px);line-height:.95;letter-spacing:-.05em;font-weight:600;text-wrap:balance}
.h7-hero h1 em{font-style:normal;color:var(--h7-or)}
.h7-hero .h7-p{margin-top:24px}
.h7-hero .bt{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.h7-hero .tr{margin-top:26px;font-size:13.5px;color:var(--h7-mut);display:flex;gap:8px;flex-wrap:wrap}
.h7-hero .tr span{padding:6px 11px;border-radius:99px;background:rgba(255,255,255,.65);box-shadow:inset 0 0 0 1px var(--h7-line)}
.h7-ph{position:relative;justify-self:center;width:min(330px,80%);aspect-ratio:9/19.3;border-radius:48px;background:#121016;padding:11px;box-shadow:0 60px 90px -40px rgba(60,30,10,.45),inset 0 0 0 2px #2C2833;transform:rotate(3deg);animation:h7Float 7s ease-in-out infinite}
@keyframes h7Float{50%{transform:rotate(3deg) translateY(-12px)}}
.h7-ph::before{content:"";position:absolute;left:50%;top:22px;width:92px;height:26px;translate:-50% 0;border-radius:20px;background:#000;z-index:3}
.h7-ph .sc{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:#000}
.h7-ph video{width:100%;height:100%;object-fit:cover;object-position:46% 50%}
.h7-ph .ov{position:absolute;left:14px;right:14px;bottom:18px;padding:14px;border-radius:20px;background:rgba(20,16,26,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff}
.h7-ph .ov b{display:block;font-size:17px;letter-spacing:-.02em}
.h7-ph .ov small{display:block;font-size:12.5px;opacity:.8;margin-top:3px;line-height:1.35}
.h7-live{position:absolute;right:-40px;top:90px;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:#fff;box-shadow:0 20px 40px -20px rgba(20,18,24,.45);font-size:13px;font-weight:700;transform:rotate(4deg)}
.h7-live i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-style:normal;background:#FEE2E2}
.h7-live i::after{content:"";width:9px;height:9px;border-radius:50%;background:#EF4444;animation:h7Bl 1s infinite}
@keyframes h7Bl{50%{opacity:.25}}
.h7-live small{display:block;font-weight:500;color:var(--h7-mut);font-size:11.5px}
@media(max-width:900px){.h7-hero{padding:120px 0 40px}.h7-hero .h7-w{grid-template-columns:1fr}.h7-ph{width:250px;margin-top:20px}.h7-live{right:-30px;transform:rotate(4deg) scale(.85)}}
/* vidéo qui s'agrandit */
.h7-vd{position:relative;height:230vh}
.h7-vd .pin{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}
.h7-vd .fr{position:relative;width:100%;height:100vh;cursor:pointer;overflow:hidden;background:#0B0A0E;will-change:transform,border-radius}
.h7-vd video{width:100%;height:100%;object-fit:cover;display:block}
.h7-vd .ti{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(180deg,rgba(11,10,14,.15),rgba(11,10,14,.55));padding:0 16px;transition:opacity .4s}
.h7-vd .ti small{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.h7-vd .ti b{margin-top:12px;font-family:'Figtree',sans-serif;font-size:clamp(34px,5vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1}
.h7-vd .snd{position:absolute;right:max(22px,env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:99px;border:0;background:rgba(255,255,255,.92);color:var(--h7-ink);font:700 14px 'Figtree',sans-serif;cursor:pointer;z-index:3}
.h7-vd .snd svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* logos */
.h7-lg{padding:70px 0 20px;text-align:center}
.h7-lg p{margin:0 0 26px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--h7-mut)}
.h7-mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.h7-mq>div{display:flex;align-items:center;gap:76px;padding-right:76px;width:max-content;animation:h7Mq 46s linear infinite}
.h7-mq:hover>div{animation-play-state:paused}
.h7-mq img{height:50px;width:auto;filter:grayscale(1);opacity:.55;transition:.3s;mix-blend-mode:multiply}
.h7-mq img:hover{filter:none;opacity:1}
@keyframes h7Mq{to{transform:translateX(-50%)}}
/* sections éditoriales */
.h7-sec{padding:110px 0}
/* panneau blanc « par jour » */
.h7-bk{background:var(--h7-card);border-radius:40px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;box-shadow:0 30px 60px -50px rgba(20,18,24,.4)}
.h7-bk h2{margin:14px 0 0;font-family:'Figtree',sans-serif;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.045em;font-weight:600}
.h7-bk h2 span{display:block}
.h7-bk h2 span:last-child{color:var(--h7-or)}
.h7-bk .im{border-radius:28px;overflow:hidden;aspect-ratio:1/1}
.h7-bk .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.h7-bk:hover .im img{transform:scale(1.04)}
.h7-bk .nb{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.h7-bk .nb div{padding:14px 18px;border-radius:18px;background:var(--h7-bg)}
.h7-bk .nb b{display:block;font-size:24px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.h7-bk .nb small{font-size:12.5px;color:var(--h7-mut);font-weight:600}
@media(max-width:900px){.h7-sec{padding:76px 0}.h7-bk{grid-template-columns:1fr}.h7-bk{padding:30px 22px;border-radius:28px}}
/* carrousel des espaces */
.h7-sg .rl{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px 24px 20px;margin:0 -24px;scrollbar-width:none}
.h7-sg .rl::-webkit-scrollbar{display:none}
.h7-sg .cd{flex:none;width:min(420px,82vw);scroll-snap-align:start;border-radius:var(--h7-r);background:var(--h7-card);padding:30px;display:flex;flex-direction:column;text-decoration:none;color:var(--h7-ink);box-shadow:0 30px 60px -50px rgba(20,18,24,.4);transition:transform .3s}
.h7-sg .cd:hover{transform:translateY(-6px)}
.h7-sg .cd .ey{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.h7-sg .cd h3{margin:12px 0 0;font-family:'Figtree',sans-serif;font-size:32px;line-height:1.02;letter-spacing:-.04em;font-weight:600}
.h7-sg .cd p{margin:12px 0 0;font-size:15px;line-height:1.5;color:var(--h7-mut)}
.h7-sg .cd .im{margin-top:22px;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:var(--h7-bg)}
.h7-sg .cd .im img{width:100%;height:100%;object-fit:cover}
.h7-sg .cd .go{margin-top:18px;font-weight:700;font-size:15px;color:var(--c)}
.h7-sg .ar{display:flex;gap:8px;justify-content:flex-end;margin-top:-20px}
.h7-sg .ar button{width:46px;height:46px;border-radius:50%;border:0;background:var(--h7-card);cursor:pointer;font-size:18px;box-shadow:0 10px 20px -14px rgba(20,18,24,.5)}
/* FAQ */
.h7-fq .ls{margin-top:40px;display:grid;gap:12px;max-width:860px}
.h7-fq details{background:var(--h7-card);border-radius:22px;padding:4px 24px}
.h7-fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:18px;font-weight:700;letter-spacing:-.01em}
.h7-fq summary::-webkit-details-marker{display:none}
.h7-fq summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--h7-bg);font-size:20px;font-weight:500;transition:transform .3s}
.h7-fq details[open] summary::after{transform:rotate(45deg)}
.h7-fq details p{margin:0 0 22px;font-size:16px;line-height:1.6;color:var(--h7-mut);max-width:70ch}
/* fin */
.h7-end{margin:40px 24px 0;border-radius:40px;background:#141218;color:#fff;padding:90px 24px;text-align:center;position:relative;overflow:hidden}
.h7-end::before{content:"";position:absolute;inset:-40%;background:radial-gradient(40% 40% at 30% 30%,rgba(242,107,29,.45),transparent 70%),radial-gradient(40% 40% at 70% 70%,rgba(109,74,255,.45),transparent 70%);animation:h7Glow 12s ease-in-out infinite alternate}
@keyframes h7Glow{to{transform:rotate(30deg) scale(1.1)}}
.h7-end>*{position:relative}
.h7-end h2{margin:0;font-family:'Figtree',sans-serif;font-size:clamp(38px,5.4vw,76px);line-height:1;letter-spacing:-.045em;font-weight:600}
.h7-end h2 em{font-style:normal;color:#FDBA74}
.h7-end p{margin:18px auto 0;max-width:52ch;color:rgba(255,255,255,.75);font-size:18px}
.h7-end .bt{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.h7-end .h7-btn.g{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.h7-ft{padding:50px 0 120px;font-size:14px;color:var(--h7-mut)}
.h7-ft .h7-w{display:flex;gap:30px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.h7-ft img{height:26px}
.h7-ft nav{display:flex;gap:20px;flex-wrap:wrap}
.h7-ft a{color:var(--h7-ink);text-decoration:none;font-weight:600}
.h7-ft .lg{max-width:70ch;font-size:12px;line-height:1.6;margin-top:24px;flex-basis:100%}
@media(prefers-reduced-motion:reduce){.h7 *{animation:none!important}.qt-js .h7 [data-rv]{opacity:1;transform:none}}
.h7 .tw7,.h7 .ps7{background:var(--h7-bg)}
.h7 .tw-k{background:#FDE3D3;color:#C2410C}

/* gros bouton « écouter avec le son » au centre tant que la vidéo est muette */
.h7-vd .big{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:12px;padding:18px 26px 18px 18px;border-radius:99px;border:0;background:rgba(255,255,255,.94);color:var(--h7-ink);font:800 17px 'Figtree',sans-serif;cursor:pointer;box-shadow:0 24px 50px -18px rgba(0,0,0,.6);transition:opacity .35s,transform .35s}
.h7-vd .big i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--h7-or);color:#fff;font-style:normal}
.h7-vd .big i svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.h7-vd .big:hover{transform:translate(-50%,-50%) scale(1.05)}
.h7-vd .fr.on .big{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9)}
.h7-vd .fr.on .ti{opacity:0!important}
.h7-vd .snd.on{background:var(--h7-or);color:#fff}
/* nav : disparaît en descendant, revient en remontant */
.h7-nav{transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s}
.h7-nav.hid{transform:translate(-50%,-150%)}
/* « Regarder avec le son » en bas à droite ; le petit bouton n'apparaît qu'une fois le son activé */
.h7-vd .big{left:auto;top:auto;right:max(22px,env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:none;padding:12px 20px 12px 12px;font-size:15px}
.h7-vd .big i{width:38px;height:38px}
.h7-vd .big:hover{transform:scale(1.04)}
.h7-vd .fr.on .big{transform:scale(.9)}
.h7-vd .fr:not(.on) .snd{opacity:0;pointer-events:none}
/* concept : avant / avec QTouch, en boucle */
.cx .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.35) brightness(.72);transition:filter 1s}
.cx.on .bg{filter:none}
.cx .scr{position:absolute;overflow:hidden;background:#000;border-radius:3px}
.cx .scr img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.15);transition:opacity .7s .2s,transform 1s .2s}
.cx.on .scr img{opacity:1;transform:none}
.cx .scr .off{position:absolute;inset:0;background:linear-gradient(135deg,#111,#222);transition:opacity .6s}
.cx.on .scr .off{opacity:0}
.cx.on .scr{box-shadow:0 0 0 2px rgba(242,107,29,.9),0 0 40px rgba(242,107,29,.6)}
.cx .sw{position:absolute;left:50%;top:18px;transform:translateX(-50%);display:flex;padding:4px;border-radius:99px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);font-size:13px;font-weight:800;z-index:2}
.cx .sw span{position:relative;z-index:1;padding:8px 14px;border-radius:99px;transition:color .4s;color:#141218}
.cx .sw i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:99px;background:#141218;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.cx .sw .a{color:#fff}
.cx.on .sw i{transform:translateX(100%);background:#F26B1D}
.cx.on .sw .a{color:#141218}.cx.on .sw .b{color:#fff}
.cx .pp{position:absolute;left:18px;top:74px;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px)}
.cx .pp svg{width:30px;height:30px;padding:5px;border-radius:10px;background:#EDE9FE;fill:none;stroke:#6D28D9;stroke-width:1.9;stroke-linecap:round}
.cx .pp b{display:block;font-size:18px;letter-spacing:-.02em}
.cx .pp small{font-size:11.5px;color:#5B5670}
.cx .kp{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cx .kp div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}
.cx .kp small{display:block;font-size:11.5px;font-weight:700;color:#6B6672}
.cx .kp b{display:block;margin-top:2px;font-size:26px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#9A938C;transition:color .4s}
.cx.on .kp b{color:#141218}.cx.on .kp .m{color:#16A34A}
.cx .lv{position:absolute;right:18px;top:74px;display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:99px;background:#EF4444;color:#fff;font-size:12px;font-weight:800;opacity:0;transform:scale(.7);transition:.4s .5s cubic-bezier(.3,1.6,.5,1)}
.cx .lv i{width:7px;height:7px;border-radius:50%;background:#fff;animation:h7Bl 1s infinite}
.cx.on .lv{opacity:1;transform:none}
@media(max-width:600px){.cx .pp small{display:none}.cx .kp b{font-size:20px}.cx .sw{font-size:11.5px}}
/* puce « en direct » : le Q QTouch qui clignote */
.h7-live i{background:#FFF1E8!important}
.h7-live i::after{width:18px!important;height:18px!important;border-radius:0!important;background:linear-gradient(135deg,#F97316,#EC4899)!important;-webkit-mask:var(--qm) center/contain no-repeat;mask:var(--qm) center/contain no-repeat;animation:h7Q 1.4s ease-in-out infinite!important}
@keyframes h7Q{50%{opacity:.25;transform:scale(.85)}}

/* « Pour qui » : Influenceurs / Chaînes TV — bientôt (cartes non cliquables) */
.h7-sg .cd.soon{position:relative;cursor:default}
.h7-sg .cd.soon:hover{transform:none}
.h7-sg .cd.soon .sn{position:absolute;right:26px;top:26px;display:inline-flex;align-items:center;padding:.45em .85em;border-radius:99px;background:linear-gradient(90deg,#A855F7,#EC4899);color:#fff;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 20px -12px rgba(168,85,247,.8)}
.h7-sg .cd.soon .im{background:#fff}
.h7-sg .cd.soon .im img{object-fit:contain}
.h7-sg .cd.soon .go{background:#ECE8F3!important;color:#7A7385!important;box-shadow:none!important;cursor:not-allowed;filter:none!important}
.h7-sg .cd.soon .go svg{background:rgba(20,18,24,.06)!important;stroke:#7A7385!important;transform:none!important}
@media(max-width:700px){.h7-sg .cd.soon .sn{right:20px;top:20px}}

/* ---------- sur-titre du héros : étiquette éditoriale (point « en direct » + petites capitales espacées, couleur encre) ---------- */
.h7-hero .h7-ey{display:inline-flex;align-items:center;gap:10px;padding:0;background:none;font-size:11.5px;font-weight:700;letter-spacing:.2em;line-height:1.4;color:#3D3943}
.h7-hero .h7-ey::before{display:none}

/* ---------- « Voir la vidéo » : vidéo en plein écran (calque) ---------- */
.h7-vm{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;background:#000;opacity:0;transition:opacity .25s ease;overscroll-behavior:contain;touch-action:manipulation}
.h7-vm.on{display:flex}
.h7-vm.in{opacity:1}
.h7-vm video{display:block;width:min(100vw,calc(100vh * 16 / 9));width:min(100vw,calc(100dvh * 16 / 9));height:auto;max-height:100vh;max-height:100dvh;aspect-ratio:16/9;object-fit:contain;background:#000}
.h7-vm .x{position:absolute;z-index:2;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);width:48px;height:48px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.h7-vm .x:hover,.h7-vm .x:focus-visible{background:rgba(255,255,255,.28);outline:none}
.h7-vm .x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
html.h7-vm-on,html.h7-vm-on body{overflow:hidden!important}
html.h7-vm-on body{position:fixed;left:0;right:0;width:100%}
html.h7-vm-on .h7-nav{visibility:hidden}

/* b16 · « Un espace pour chacun » : rangées partagées (subgrid) → images et boutons alignés quelle que soit la longueur des textes */
.h7-sg .rl{display:grid;grid-auto-flow:column;grid-auto-columns:min(420px,82vw);grid-template-rows:repeat(5,auto);column-gap:18px;row-gap:0}
.h7-sg .rl>.cd{width:auto;grid-row:span 5;display:grid;grid-template-rows:subgrid;row-gap:0;align-content:start}
.h7-sg .rl>.cd>.im{align-self:start}
.h7-sg .rl>.cd>.go{align-self:end}
@supports not (grid-template-rows:subgrid){.h7-sg .rl>.cd{display:flex}.h7-sg .cd h3{min-height:2.1em}.h7-sg .cd p{min-height:4.5em}}

/* b16 · Tarifs : panneau promo Pulsads (programme partenaire) à la place de la photo */
.h7-bk .pz7{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:clamp(24px,3.4vw,44px);background:#121016;color:#fff;box-shadow:0 40px 80px -40px rgba(20,18,24,.7),inset 0 0 0 1px rgba(255,255,255,.07)}
.pz7>i{position:absolute;pointer-events:none;z-index:-1}
.pz7 .pz7-g1{width:80%;aspect-ratio:1;left:-22%;top:-26%;border-radius:50%;background:radial-gradient(circle,rgba(242,107,29,.55),rgba(242,107,29,0) 65%);filter:blur(10px);animation:pz7a 9s ease-in-out infinite alternate}
.pz7 .pz7-g2{width:75%;aspect-ratio:1;right:-26%;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.5),rgba(124,58,237,0) 65%);filter:blur(12px);animation:pz7b 11s ease-in-out infinite alternate}
.pz7 .pz7-grid{inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(90% 70% at 50% 30%,#000,transparent);mask-image:radial-gradient(90% 70% at 50% 30%,#000,transparent)}
@keyframes pz7a{to{transform:translate(18%,14%) scale(1.12)}}
@keyframes pz7b{to{transform:translate(-14%,18%) scale(.92)}}
.pz7-ey{position:absolute;left:clamp(24px,3.4vw,44px);top:clamp(24px,3.4vw,44px);display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.pz7-ey i{width:7px;height:7px;border-radius:50%;background:#F26B1D;box-shadow:0 0 0 4px rgba(242,107,29,.25);animation:pz7p 2s ease-in-out infinite}
@keyframes pz7p{50%{box-shadow:0 0 0 7px rgba(242,107,29,0)}}
.pz7-wm{order:-1;margin-bottom:auto;padding-top:56px;font-family:'Figtree',sans-serif;font-weight:700;font-size:clamp(48px,6.4vw,92px);line-height:.9;letter-spacing:-.06em;background:linear-gradient(100deg,#fff 20%,#FFD7B8 55%,#F26B1D 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pz7-wm em{font-style:normal;-webkit-text-fill-color:#F26B1D;color:#F26B1D}
.pz7-h{margin:0;font-family:'Figtree',sans-serif;font-size:clamp(24px,2.4vw,34px);line-height:1.05;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
.pz7-p{margin:0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.68);max-width:36ch}
.pz7-go{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:14px 20px;border-radius:99px;background:#F26B1D;color:#fff!important;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 16px 30px -14px rgba(242,107,29,.9);transition:transform .25s,box-shadow .25s}
.pz7-go b{transition:transform .25s}
.pz7-go:hover{transform:translateY(-2px);box-shadow:0 22px 36px -14px rgba(242,107,29,1)}.pz7-go:hover b{transform:translateX(4px)}
@media(max-width:900px){.h7-bk .pz7{aspect-ratio:auto;min-height:420px}.pz7-wm{padding-top:52px}}
@media(prefers-reduced-motion:reduce){.pz7>i,.pz7-ey i{animation:none}}

/* Pulsads · identité (dégradé orange granuleux, logo 3 barres, wordmark fin) */
.h7-bk .pz7{background:radial-gradient(120% 90% at 0% 20%,#E07A2E 0%,#A9481A 28%,#4A1C0C 55%,#170B07 78%,#0B0706 100%)}
.pz7 .pz7-g1{background:linear-gradient(118deg,rgba(255,170,90,.0) 30%,rgba(255,160,80,.35) 46%,rgba(255,160,80,0) 60%);border-radius:0;width:160%;left:-30%;top:-30%;aspect-ratio:auto;height:160%;filter:blur(18px)}
.pz7 .pz7-g2{display:none}
.pz7 .pz7-grain{inset:0;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.pz7-wm{display:flex;align-items:center;gap:.28em;background:none;color:#F7EEE8;-webkit-text-fill-color:#F7EEE8;font-family:'Figtree','Outfit','Quicksand','Avenir Next','Century Gothic','Figtree',sans-serif;font-weight:300;letter-spacing:-.02em;font-size:clamp(46px,5.6vw,84px);line-height:1}
.pz7-mk{height:.62em;width:auto;fill:#F7EEE8;flex:none}
.pz7-tag{order:-1;margin-top:-6px;margin-bottom:auto;font-size:14px;font-weight:400;letter-spacing:.02em;color:rgba(247,238,232,.72)}
.pz7-wm{margin-bottom:6px}
.pz7-ey{background:rgba(255,255,255,.1)}
.pz7-go{background:#F7EEE8;color:#1A0D07!important;box-shadow:0 16px 30px -14px rgba(0,0,0,.6)}
.pz7-go:hover{box-shadow:0 22px 36px -14px rgba(0,0,0,.7)}

/* Pulsads plein cadre (bloc prix retiré) */
.h7-bk.h7-bk-pz{display:block;padding:0;background:none;box-shadow:none}
.h7-bk-pz .pz7{aspect-ratio:auto;min-height:clamp(420px,46vw,620px);border-radius:40px;padding:clamp(28px,5vw,72px);justify-content:center;align-items:flex-start}
.h7-bk-pz .pz7-ey{left:clamp(28px,5vw,72px);top:clamp(28px,4vw,56px)}
.h7-bk-pz .pz7-wm{margin-bottom:6px;padding-top:40px;font-size:clamp(56px,8vw,128px)}
.h7-bk-pz .pz7-tag{margin-bottom:28px;font-size:16px}
.h7-bk-pz .pz7-h{font-size:clamp(28px,3.4vw,48px)}
.h7-bk-pz .pz7-p{font-size:17px;max-width:44ch}

/* grain Pulsads (photo sable de l'artefact Pulsads Partners) */
.h7-bk .pz7{background:#0A0706 url(../../images/site/pulsads/sand.jpg) center/cover no-repeat}
.pz7 .pz7-g1,.pz7 .pz7-g2,.pz7 .pz7-grain{display:none}
.pz7::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(10,7,6,.55),rgba(10,7,6,.15) 60%,rgba(10,7,6,0))}