/* Pages Presse (Konbini, France 2, Santé Magazine) : gabarit des articles Conseils + médias de la parution (fabriquées par outils/presse.py) */

/* ---------- ouverture : titre sur 3 niveaux (média en grand) ---------- */
.ap-hero.sf-hero.a-hero.p-hero h1 .l0{font-size:clamp(13px,1vw,17px)!important;letter-spacing:.22em!important;text-transform:uppercase;font-family:Satoshi,system-ui,sans-serif!important;color:rgba(243,238,230,.72);max-width:34ch!important;line-height:1.5!important;margin-bottom:1.7em!important}
.ap-hero.sf-hero.a-hero.p-hero h1 .l1{font-size:clamp(40px,4.4vw,96px)!important;letter-spacing:0!important;color:var(--ivory);font-family:Aegean;margin-top:0!important;max-width:13ch!important;line-height:1.02!important}
.ap-hero.sf-hero.a-hero.p-hero h1 .l2{display:block;font-family:Aegean;font-size:clamp(20px,1.75vw,32px);line-height:1.25;color:#A7B09C;margin-top:.55em;max-width:26ch}

/* volet média de l'ouverture */
.p-hv .vid{animation:a-zoom 18s cubic-bezier(.2,.7,.2,1) both;object-position:32% 50%}
.p-hv img{object-position:50% 38%}
.p-hv-reels{display:grid;place-items:center;background:radial-gradient(120% 90% at 70% 40%,#26241f 0%,#0b0a09 70%)}
.p-hv-reels::after{display:none}
.p-hr-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:10vh 2vw 4vh;width:100%}
.p-hr{position:relative;flex:none;width:min(16vw,40vh);aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#1b1a18;box-shadow:0 40px 80px rgba(0,0,0,.55);cursor:pointer;transition:translate .7s cubic-bezier(.2,.7,.2,1),scale .7s cubic-bezier(.2,.7,.2,1),rotate .7s cubic-bezier(.2,.7,.2,1)}
.p-hr+.p-hr{margin-left:-2.6vw}
.p-hr:nth-child(1){rotate:-4deg;translate:0 4vh}
.p-hr:nth-child(2){translate:0 -3vh;scale:1.12;z-index:1}
.p-hr:nth-child(3){rotate:4deg;translate:0 6vh}
.p-hr:hover{z-index:2;scale:1.05;rotate:0deg}
.p-hr:nth-child(2):hover{scale:1.16}
.p-hr img,.p-hr video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p-hr video{opacity:0;transition:opacity .6s}.p-hr.on video{opacity:1}

/* ---------- médias dans l'article ---------- */
.a-body .p-reels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:2.6em 0 .4em!important}
.p-reel{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#d9d4ca;cursor:pointer;transform:translateZ(0)}
.p-reel img,.p-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.p-reel video{opacity:0;transition:opacity .5s}
.p-reel.on video{opacity:1}
.p-reel:hover img{transform:scale(1.05)}
.p-play{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;display:grid;place-items:center;background:rgba(243,238,230,.9);color:var(--ink);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s;z-index:2}
.p-play svg{width:20px;height:20px;margin-left:3px}
.p-reel:hover .p-play,.p-vplay:hover .p-play{transform:scale(1.12)}

.a-body .p-video{position:relative;margin:2.6em 0 .4em!important;border-radius:16px;overflow:hidden;background:#1b1a18;aspect-ratio:16/9}
.p-video video{display:block;width:100%;height:100%;object-fit:cover}
.p-vplay{position:absolute;inset:0;cursor:pointer;background:linear-gradient(0deg,rgba(11,10,9,.35),rgba(11,10,9,0) 50%)}
.p-vplay .p-play{width:78px;height:78px;margin:-39px 0 0 -39px}
.p-vplay .p-play svg{width:26px;height:26px}
.p-video.joue .p-vplay{opacity:0;pointer-events:none;transition:opacity .4s}

.a-body .p-mag{margin:2.6em 0 .4em!important}
.p-mag .a-ph{max-width:620px;margin:0 auto}

/* ---------- bouton rendez-vous + mention ---------- */
.a-body .p-cta-w{margin-top:3em}
.a-body .p-cta{display:inline-flex;align-items:center;gap:14px;padding:17px 28px;border-radius:999px;background:var(--ink);color:var(--ivory);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;line-height:1.3;transition:transform .5s cubic-bezier(.2,.7,.2,1),background .4s}
.a-body .p-cta:hover{background:#2a2824;background-size:auto;transform:translateY(-2px)}
.p-cta i{font-style:normal;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.p-cta:hover i{transform:translateX(5px)}
.a-body .p-note{margin-top:3.2em;padding-top:1.6em;border-top:1px solid rgba(11,10,9,.12);font-size:14px;line-height:1.75;font-style:italic;color:#6f6a61}
.a-body .p-note strong{color:#4a463f}

/* ---------- les autres parutions ---------- */
.p-presse{background:#DEDED3;padding:12vh clamp(16px,5vw,64px) 14vh}
.p-presse-in{max-width:var(--W);margin:0 auto}
.p-presse-k{font-family:Aegean;font-size:clamp(34px,3.4vw,60px);line-height:1;color:var(--ink);margin-bottom:6vh}
.p-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.p-logo{position:relative;height:170px;border-radius:14px;background:#fff;display:grid;place-items:center;padding:28px;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.p-logo:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,10,9,.08)}
.p-logo img{max-width:100%;max-height:84px;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .4s,opacity .4s}
.p-logo:hover img,.p-logo.on img{filter:none;opacity:1}
.p-logo.on{box-shadow:inset 0 0 0 1px var(--ink)}
.p-logo.on::after{content:"Vous lisez";position:absolute;left:50%;bottom:12px;white-space:nowrap;transform:translateX(-50%);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#5c6354}

/* ---------- lecteur plein écran des reels ---------- */
.p-lb{position:fixed;inset:0;z-index:1000;background:rgba(11,10,9,.94);display:grid;place-items:center;grid-template-columns:auto auto auto;gap:3vw;justify-content:center;align-content:center}
.p-lb[hidden]{display:none}
.p-lb video{height:min(86svh,calc(92vw*16/9));aspect-ratio:9/16;border-radius:16px;background:#000}
.p-lb button{color:var(--ivory);background:rgba(11,10,9,.55);width:54px;height:54px;border-radius:50%;border:1px solid rgba(243,238,230,.3);font-size:20px;display:grid;place-items:center;transition:background .3s}
.p-lb button:hover{background:rgba(243,238,230,.12)}
.p-lb-x{position:absolute;top:22px;right:22px;font-size:26px!important}

@media(max-width:900px){
  .ap-hero.sf-hero.ap-hero.sf-hero.a-hero.p-hero h1 .l0{font-size:12px!important;letter-spacing:.2em!important;margin-bottom:1.2em!important}
  .ap-hero.sf-hero.a-hero.p-hero h1 .l1{font-size:clamp(36px,11vw,48px)!important}
  .ap-hero.sf-hero.a-hero.p-hero h1 .l2{font-size:20px}
  .p-logo img{max-height:56px}.p-logo.on::after{bottom:10px;font-size:9px}
  .p-hr-row{padding:10vh 16px 4vh}.p-hr{width:31vw}.p-hr+.p-hr{margin-left:-3vw}
  .a-body .p-reels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.p-logo{height:130px}
  .p-lb{grid-template-columns:1fr;gap:0}.p-lb-p,.p-lb-n{position:absolute;bottom:22px}.p-lb-p{left:calc(50% - 70px)}.p-lb-n{right:calc(50% - 70px)}
  .p-lb video{height:auto;width:min(92vw,calc(78svh*9/16))}
}
@media(prefers-reduced-motion:reduce){.p-hv .vid{animation:none}}

/* ---------- sous-pages Technologies (scanner, mock-up) : même gabarit ---------- */
.ap-hero.sf-hero.a-hero.t-hero h1 .l0{max-width:12ch!important}
.t-hero .t-sous{font-family:Aegean;font-weight:400;font-size:clamp(18px,1.45vw,26px);line-height:1.3;color:rgba(243,238,230,.84);margin-top:4.5vh;padding-top:3vh;border-top:1px solid rgba(243,238,230,.18);max-width:30ch}
.t-hero .p-hv video{opacity:0;transition:opacity .8s}.t-hero .p-hv.on video{opacity:1}
.t-hero .p-hv img,.t-hero .p-hv .vid{object-position:50% 40%}
.t-side-in{position:sticky;top:110px}
.t-film{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#1b1a18;box-shadow:0 30px 60px rgba(11,10,9,.18)}
.t-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.t-film .p-vplay{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:26px;background:linear-gradient(0deg,rgba(11,10,9,.55),rgba(11,10,9,0) 45%)}
.t-film-k{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ivory)}
.t-film.joue .p-vplay{opacity:0;pointer-events:none;transition:opacity .4s}
.a-body .t-liens{display:flex;flex-wrap:wrap;gap:14px;margin-top:3em}
.a-body .t-cta-2{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(11,10,9,.35)}
.a-body .t-cta-2:hover{background:rgba(11,10,9,.06)}
.t-cartes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.t-carte{position:relative;display:block;height:clamp(260px,34vh,380px);border-radius:16px;overflow:hidden;background:#1b1a18;color:var(--ivory)}
.t-carte-im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity .6s}
.t-carte:hover .t-carte-im img{transform:scale(1.06);opacity:.85}
.t-carte-tx{position:absolute;left:28px;right:28px;bottom:26px;display:flex;flex-direction:column;font-family:Aegean;font-size:clamp(26px,2.2vw,40px);line-height:1.1}
.t-carte-tx small{font-family:Satoshi,system-ui,sans-serif;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#A7B09C;margin-bottom:10px}
.t-carte-tx i{font-style:normal;font-size:.7em;margin-top:8px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.t-carte:hover .t-carte-tx i{transform:translateX(6px)}
@media(max-width:1099px){.t-side{max-width:760px;width:100%;margin:0 auto}.t-side-in{position:static}}
@media(max-width:900px){.t-film{max-width:250px;margin:0 auto 56px}.t-cartes{grid-template-columns:1fr}}

/* ---------- page introuvable (404) ---------- */
.p-404 .p-404-liens{display:flex;flex-wrap:wrap;gap:12px;margin-top:5vh}
.p-404 .p-cta{display:inline-flex;align-items:center;gap:12px;padding:15px 24px;border-radius:999px;background:var(--ivory);color:var(--ink);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.p-404 .p-cta i{font-style:normal}
.p-404 .t-cta-2{background:transparent;color:var(--ivory);box-shadow:inset 0 0 0 1px rgba(243,238,230,.35)}
.p-lb-1{grid-template-columns:auto}
.t-film .p-vplay{cursor:zoom-in}
.t-film .p-vplay:hover .p-play{transform:scale(1.12)}

/* lecteur en grand : lien vers la page de la vidéo */
.p-lb-page{position:absolute;left:50%;bottom:max(18px,3vh);transform:translateX(-50%);padding:12px 22px;border:1px solid rgba(243,238,230,.4);border-radius:999px;background:rgba(11,10,9,.55);backdrop-filter:blur(6px);color:#F3EEE6;font:500 13px/1 Satoshi,system-ui,sans-serif;letter-spacing:.08em;text-decoration:none;white-space:nowrap;z-index:3}
.p-lb-page:hover{background:rgba(11,10,9,.8)}.p-lb-page[hidden]{display:none}
.p-vpage{margin-top:14px;text-align:right}.p-vpage a{font:500 12px/1 Satoshi,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:inherit;opacity:.75;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.p-vpage a:hover{opacity:1}

/* lecteur en grand de l'interview France 2 (même habillage que les vidéos FAQ / Do & Don't de Comprendre) */
.vl{position:fixed;inset:0;z-index:90;display:grid;align-items:center;justify-content:center;padding:4vh 4vw;background:rgba(11,10,9,.92);backdrop-filter:blur(10px)}
.vl[hidden]{display:none}
.vl-b{display:grid;grid-template-columns:minmax(0,min(62vw,1100px)) minmax(0,300px);gap:3vw;align-items:center}
.vl-h .vl-b video{width:100%;aspect-ratio:16/9;height:auto;max-height:78vh;border-radius:16px;background:#000}
.vl-t{font-family:Aegean;font-size:clamp(24px,2vw,36px);line-height:1.1;color:var(--ivory);margin:0 0 2vh}
.vl-d{font-size:15px;line-height:1.7;color:rgba(243,238,230,.7);margin:0}
.vl-p{display:inline-block;margin-top:3vh;padding:12px 20px;border:1px solid rgba(243,238,230,.35);border-radius:999px;color:var(--ivory)!important;font-size:13px;letter-spacing:.08em;text-decoration:none!important;background:none!important}
.vl-p:hover{background:rgba(243,238,230,.08)!important}
.vl-p i{font-style:normal}
.vl-x{position:absolute;top:22px;right:28px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(243,238,230,.35);background:none;color:var(--ivory);font-size:26px;cursor:pointer}
.p-video .p-vplay{cursor:zoom-in}
@media(max-width:900px){.vl{padding:70px 16px 20px;overflow:auto;align-items:start}.vl-b{grid-template-columns:1fr;gap:2vh}}
/* lecteur des reels Konbini : panneau titre / description / page de la vidéo, comme les vidéos FAQ */
.p-lb:has(.p-lb-c){grid-template-columns:auto auto minmax(0,300px) auto}
.p-lb-c{align-self:center}
@media(max-width:900px){.p-lb:has(.p-lb-c){grid-template-columns:1fr;align-content:start;padding:70px 16px 90px;overflow:auto}.p-lb-c{text-align:center;margin-top:2vh}.p-lb-c .vl-t{font-size:22px;margin-bottom:1vh}.p-lb-c .vl-d{display:none}.p-lb-c .vl-p{margin-top:1vh}}
.vl-p[hidden]{display:none!important}