/* accueil — expérience */
.pg-accueil{
  --oc-cobalt-900:#1E3F58; --oc-cobalt-700:#3A6E96; --oc-cobalt-500:#4D8EBC;
  --oc-cobalt-300:#8FBBD8; --oc-cobalt-100:#DCEBF5;
  --oc-orange-900:#7E2A11; --oc-orange-700:#B33D1C; --oc-orange-500:#E95931;
  --oc-orange-300:#F49B80; --oc-orange-100:#FDE6DE;
  --oc-ink-900:#14242E; --oc-ink-700:#3C4C57; --oc-ink-500:#66757E;
  --oc-ink-300:#C4CCD2; --oc-ink-100:#E4E8EA;
  --oc-iris:#AFDAEF; --oc-paper:#FFFFFF; --oc-paper-alt:#F6F9FB;

  
  --ink:var(--oc-ink-900); --orange:var(--oc-orange-500); --bleu:var(--oc-cobalt-500);
  --sky:var(--oc-iris); --paper:#F6F9FB; --slate:var(--oc-cobalt-300);
  --line:rgba(20,36,46,.14); --line-light:rgba(175,218,239,.09);

  --bg:var(--oc-paper-alt);
  --text:var(--oc-ink-900);
  --muted:var(--oc-ink-700);
  --card:rgba(20,36,46,.03);

  --display:"Archivo",system-ui,sans-serif;
  --body:"Source Serif 4",Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --gut:clamp(20px,5vw,80px);
  --maxw:1240px;
}.pg-accueil *,.pg-accueil *::before,.pg-accueil *::after{box-sizing:border-box}.pg-accueil{scroll-behavior:smooth;-webkit-text-size-adjust:100%}.pg-accueil{
  margin:0;background:var(--bg);color:var(--text);
  font-family:var(--body);font-size:clamp(1rem,.96rem + .2vw,1.1rem);line-height:1.62;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}.pg-accueil{overflow:hidden}.pg-accueil img,.pg-accueil svg{max-width:100%;display:block}.pg-accueil a{color:inherit}.pg-accueil sup{font-size:.62em}.pg-accueil ::selection{background:var(--oc-orange-500);color:var(--oc-ink-900)}.pg-accueil :focus-visible{outline:2px solid var(--oc-orange-500);outline-offset:3px;border-radius:2px}.pg-accueil .wrap{width:min(100% - var(--gut) * 2,var(--maxw));margin-inline:auto}.pg-accueil .brand{display:flex;flex-direction:column;text-decoration:none;flex:none;line-height:1.15}.pg-accueil .brand .plate{display:block;width:132px;margin-bottom:.55rem}.pg-accueil .brand strong{font-family:var(--display);font-weight:600;font-size:1rem;letter-spacing:.03em}.pg-accueil .brand span{font-family:var(--mono);font-size:.875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--oc-cobalt-700);margin-top:.3rem}.pg-accueil #menu-full{position:fixed;inset:0;z-index:60;background:rgba(255,255,255,.985);backdrop-filter:blur(8px);padding:clamp(80px,12vh,140px) var(--gut) 4rem;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}.pg-accueil #menu-full.open{opacity:1;visibility:visible}.pg-accueil .menu-close{position:absolute;top:1.1rem;right:var(--gut)}.pg-accueil .menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.4rem 2rem;max-width:var(--maxw);margin-inline:auto}.pg-accueil .menu-grid h4{font-family:var(--mono);font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--o-txt);margin:0 0 1rem;font-weight:400}.pg-accueil .menu-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.pg-accueil .menu-grid a{text-decoration:none;font-family:var(--display);font-size:.92rem;color:var(--oc-ink-500);transition:color .25s,padding-left .25s}.pg-accueil .menu-grid a:hover{color:var(--oc-ink-900);padding-left:.35rem}.pg-accueil main{position:relative;z-index:10}.pg-accueil section{position:relative;padding-block:clamp(4.5rem,11vh,8rem)}.pg-accueil h2{font-family:var(--display);font-weight:300;font-size:clamp(1.8rem,1.2rem + 2.2vw,3rem);line-height:1.12;letter-spacing:-.015em;margin:0 0 1.2rem;max-width:22ch}.pg-accueil h3{font-family:var(--display);font-weight:500;font-size:1.15rem;letter-spacing:.01em;margin:0 0 .5rem}.pg-accueil h4{font-family:var(--display);font-weight:500}.pg-accueil p{margin:0 0 1rem;color:var(--muted)}.pg-accueil .eyebrow{font-family:var(--mono);font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--o-txt);margin:0}.pg-accueil .lede{font-size:clamp(1.04rem,1rem + .3vw,1.22rem);color:rgba(20,36,46,.88)}.pg-accueil .sec-head{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:clamp(1.4rem,5vw,4rem);margin-bottom:clamp(2rem,5vh,3.2rem);align-items:start}.pg-accueil .sec-head .eyebrow{padding-top:.5rem}.pg-accueil .btn{
  display:inline-block;text-decoration:none;font-family:var(--mono);font-size:.875rem;letter-spacing:.14em;
  text-transform:uppercase;padding:1em 1.5em;border:1px solid var(--line);color:var(--text);
  transition:background .3s,color .3s,border-color .3s;
}.pg-accueil .btn:hover{border-color:var(--oc-cobalt-500);background:rgba(30,63,88,.06)}.pg-accueil .btn--onink,.pg-accueil .btn--fill{background:var(--oc-orange-500);border-color:var(--oc-orange-500);color:#0B1215}.pg-accueil .btn--onink:hover,.pg-accueil .btn--fill:hover{background:var(--oc-orange-500);border-color:var(--oc-orange-500);color:#0B1215}.pg-accueil .btn--ghost,.pg-accueil .btn--ghostink{border-color:var(--line);color:var(--text)}.pg-accueil .go{font-family:var(--mono);font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--oc-cobalt-700);transition:color .3s}.pg-accueil .rev{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.pg-accueil .rev.vu{opacity:1;transform:none}.pg-accueil .hero{position:relative;padding-block:clamp(3.5rem,10vh,7rem) clamp(3rem,8vh,5rem)}.pg-accueil .hero-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.42fr);gap:clamp(2rem,6vw,4.5rem);align-items:center}.pg-accueil .chart{display:grid;grid-template-columns:1fr;align-items:center}.pg-accueil .chart-lines h1{margin:0;font-weight:inherit;display:grid;gap:clamp(.1rem,.6vh,.4rem)}.pg-accueil .chart-lines .line{
  display:block;font-family:var(--display);font-weight:300;line-height:1.02;letter-spacing:-.03em;
}.pg-accueil .chart-lines .l1{font-size:clamp(1.4rem,1rem + 2vw,2.4rem);color:var(--oc-cobalt-700)}.pg-accueil .chart-lines .l2{font-size:clamp(2rem,1.2rem + 3.2vw,3.4rem);color:var(--oc-cobalt-700)}.pg-accueil .chart-lines .l3{font-size:clamp(2.6rem,1.4rem + 4.6vw,4.8rem)}.pg-accueil .chart-lines .l4{font-size:clamp(3rem,1.4rem + 6vw,6.2rem);font-weight:200;color:var(--oc-ink-900)}.pg-accueil .hero-portrait{margin:0;position:relative}.pg-accueil .hero-portrait img{width:100%;height:auto;border:1px solid var(--line);box-shadow:0 18px 46px rgba(20,36,46,.16);transform:none !important}.pg-accueil .hero-portrait figcaption{
  display:flex;flex-direction:column;gap:.3rem;margin-top:.9rem;
  font-family:var(--mono);font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--oc-ink-500);
}.pg-accueil .hero-portrait figcaption b{font-family:var(--display);font-size:.9rem;letter-spacing:.02em;text-transform:none;color:var(--oc-ink-900);font-weight:500}.pg-accueil .hero-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin-top:clamp(2.4rem,6vh,4rem)}.pg-accueil .hero-foot p{max-width:56ch;margin:0;font-size:clamp(1.04rem,1rem + .3vw,1.2rem);color:rgba(20,36,46,.88)}.pg-accueil .hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}.pg-accueil .strip{position:relative;z-index:10;border-block:1px solid var(--line-light);background:rgba(255,255,255,.55)}.pg-accueil .strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-light)}.pg-accueil .strip .wrap > div{background:rgba(255,255,255,.85);padding:1.3rem 1.2rem;display:grid;gap:.35rem}.pg-accueil .strip .k{font-family:var(--display);font-weight:500;font-size:.95rem}.pg-accueil .strip .v{font-family:var(--mono);font-size:.875rem;letter-spacing:.1em;color:var(--oc-ink-500)}.pg-accueil .news{padding-block:1.4rem;border-bottom:1px solid var(--line-light)}.pg-accueil .news .wrap{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.pg-accueil .news-label{font-family:var(--mono);font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--o-txt);margin:0;flex:none}.pg-accueil .news-track{position:relative;flex:1 1 340px;min-height:2.6em;display:grid;align-items:center}.pg-accueil .news-item{grid-area:1/1;align-self:center;display:flex;align-items:center;gap:1rem;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;pointer-events:none;flex-wrap:wrap}.pg-accueil .news-item.on{opacity:1;transform:none;pointer-events:auto}.pg-accueil .news-item .cat{font-family:var(--mono);font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--oc-cobalt-700);border:1px solid var(--line);padding:.35em .6em;flex:none}.pg-accueil .news-item a{text-decoration:none;font-family:var(--display);font-size:.94rem;color:var(--oc-ink-900)}.pg-accueil .news-item a:hover{color:var(--oc-orange-700)}.pg-accueil .news-item time{font-family:var(--mono);font-size:.875rem;color:var(--oc-ink-500);margin-left:auto}.pg-accueil .news-ctrl{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem;flex:0 1 auto;max-width:100%}.pg-accueil .news-dots{display:flex;gap:0}.pg-accueil .news-dots button{width:44px;height:44px;padding:0;border:none;border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center}.pg-accueil .news-dots button::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--oc-ink-100)}.pg-accueil .news-dots button[aria-current="true"]::before{background:var(--oc-orange-500)}.pg-accueil .news-play,.pg-accueil .news-all{font-family:var(--mono);font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--oc-ink-500);background:none;border:none;cursor:pointer;text-decoration:none}.pg-accueil .news-play:hover,.pg-accueil .news-all:hover{color:var(--oc-ink-900)}.pg-accueil .praticien .prat-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;max-width:78ch}.pg-accueil .praticien h2{max-width:24ch}.pg-accueil .sign{
  margin-top:2rem;padding-left:1.2rem;border-left:1px solid var(--oc-orange-500);
  font-family:var(--display);font-weight:500;font-size:1rem;display:grid;gap:.35rem;
}.pg-accueil .sign em{font-family:var(--mono);font-style:normal;font-size:.875rem;letter-spacing:.1em;color:var(--oc-ink-500)}.pg-accueil .ages{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-light);border:1px solid var(--line-light)}.pg-accueil .age{background:rgba(255,255,255,.72);padding:1.7rem 1.4rem;text-decoration:none;display:grid;gap:.5rem;align-content:start;transition:background .4s}.pg-accueil .age:hover{background:rgba(30,63,88,.06)}.pg-accueil .age .q{font-family:var(--mono);font-size:.875rem;letter-spacing:.14em;color:var(--o-txt)}.pg-accueil .age strong{font-family:var(--display);font-weight:500;font-size:1.05rem}.pg-accueil .age p{font-size:1rem;line-height:1.5;color:rgba(20,36,46,.86);margin:0}.pg-accueil .age .go{margin-top:.3rem}.pg-accueil .age:hover .go{color:var(--oc-orange-700)}.pg-accueil .ages-note{margin-top:1.6rem;font-size:1rem;color:var(--oc-ink-500);max-width:80ch}.pg-accueil .ages-note a{color:var(--oc-cobalt-700)}.pg-accueil .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-light);border:1px solid var(--line-light)}.pg-accueil .mini a{background:rgba(255,255,255,.72);padding:1.6rem 1.4rem;text-decoration:none;display:grid;gap:.4rem;align-content:start;transition:background .4s,padding-left .4s}.pg-accueil .mini a:hover{background:rgba(30,63,88,.06);padding-left:1.9rem}.pg-accueil .mini em{font-family:var(--mono);font-style:normal;font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--oc-orange-700)}.pg-accueil .mini strong{font-family:var(--display);font-weight:400;font-size:clamp(1.15rem,1rem + .8vw,1.6rem);letter-spacing:-.01em}.pg-accueil .mini a:hover .go{color:var(--oc-orange-700)}.pg-accueil .grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-light);border:1px solid var(--line-light)}.pg-accueil .grid2 > div{background:rgba(255,255,255,.72);padding:clamp(1.6rem,3vw,2.4rem);display:flex;flex-direction:column;justify-content:space-between;gap:1.6rem}.pg-accueil .sit .k{font-family:var(--mono);font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--o-txt);margin-bottom:.8rem}.pg-accueil .sit h3{font-family:var(--body);font-style:italic;font-weight:400;font-size:clamp(1.15rem,1rem + .9vw,1.6rem);line-height:1.3;margin-bottom:.9rem;color:var(--oc-ink-900)}.pg-accueil .sit .btn{justify-self:start;align-self:start}.pg-accueil .eligib .wrap{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;
  border:1px solid rgba(233,89,49,.35);background:rgba(253,230,222,.85);padding:clamp(1.8rem,4vw,3rem);
}.pg-accueil .eligib h2{max-width:26ch;margin-bottom:.9rem}.pg-accueil .eligib p{margin:0;max-width:64ch}.pg-accueil .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-light);border-block:1px solid var(--line-light)}.pg-accueil .step{background:rgba(255,255,255,.72);padding:1.8rem 1.4rem;position:relative}.pg-accueil .step .n{font-family:var(--mono);font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--o-txt);display:block;margin-bottom:1.4rem}.pg-accueil .step h3{font-family:var(--display);font-weight:300;font-size:clamp(1.3rem,1rem + 1.2vw,1.9rem);margin-bottom:.7rem}.pg-accueil .step p{font-size:1rem;color:rgba(20,36,46,.86);margin:0}.pg-accueil .step::before{content:"";position:absolute;top:0;left:0;height:1px;width:0;background:var(--oc-orange-500);transition:width 1.1s cubic-bezier(.2,.7,.2,1)}.pg-accueil .step.vu::before{width:100%}.pg-accueil .lieux{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-light);border:1px solid var(--line-light)}.pg-accueil .lieu{background:rgba(255,255,255,.72);padding:clamp(1.6rem,3vw,2.2rem);display:grid;gap:.6rem;align-content:start}.pg-accueil .lieu .tag{font-family:var(--mono);font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--o-txt)}.pg-accueil .lieu address{font-style:normal;font-family:var(--mono);font-size:.875rem;color:var(--oc-cobalt-700);line-height:1.6}.pg-accueil .lieu-d{font-size:1rem;color:rgba(20,36,46,.86);margin:.4rem 0 0}.pg-accueil .lieu-a{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin:.6rem 0 0}.pg-accueil .lieu-a a{font-family:var(--mono);font-size:.875rem;text-decoration:none;color:var(--oc-ink-900);border-bottom:1px solid var(--line);padding-bottom:.15rem}.pg-accueil .lieu-a a:hover{border-color:var(--oc-orange-500);color:var(--oc-orange-700)}.pg-accueil .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-light);border:1px solid var(--line-light)}.pg-accueil .post{background:rgba(255,255,255,.72);display:flex;flex-direction:column}.pg-accueil .post .thumb{
  aspect-ratio:16/9;
  background:
    radial-gradient(60% 90% at 30% 20%,rgba(233,89,49,.35),transparent 60%),
    radial-gradient(70% 90% at 80% 80%,rgba(77,142,188,.4),transparent 62%),
    linear-gradient(140deg,#1E3F58,#14242E);
  border-bottom:1px solid var(--line-light);
}.pg-accueil .post .body{padding:1.5rem 1.4rem;display:grid;gap:.5rem;align-content:start}.pg-accueil .post .pill{font-family:var(--mono);font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--o-txt)}.pg-accueil .post time{font-family:var(--mono);font-size:.875rem;color:var(--oc-ink-500)}.pg-accueil .post h3{font-family:var(--display);font-weight:400;font-size:1.1rem;line-height:1.3;margin:.2rem 0 0}.pg-accueil .post p{font-size:1rem;color:rgba(20,36,46,.86);margin:.3rem 0 0}.pg-accueil .post .body > a{
  margin-top:.8rem;text-decoration:none;font-family:var(--mono);font-size:.875rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--oc-cobalt-700);justify-self:start;border-bottom:1px solid var(--line);padding-bottom:.2rem;
}.pg-accueil .post .body > a:hover{color:var(--oc-orange-700);border-color:var(--oc-orange-500)}.pg-accueil .zone .eyebrow{margin-bottom:1.2rem}.pg-accueil .zone h2{max-width:24ch}.pg-accueil .zone > .wrap > p{max-width:80ch}.pg-accueil .zone .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.6rem}.pg-accueil .zone .cols h3{font-family:var(--mono);font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--o-txt);margin-bottom:.9rem}.pg-accueil .zone .cols ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .9rem}.pg-accueil .zone .cols li{font-size:1rem;color:var(--oc-ink-500)}.pg-accueil .zone .access{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-light);border:1px solid var(--line-light);margin-top:2.6rem}.pg-accueil .zone .access > div{background:rgba(255,255,255,.72);padding:1.5rem 1.4rem}.pg-accueil .zone .access p{margin:0;font-size:1rem;color:rgba(20,36,46,.86)}.pg-accueil .zone .access strong{display:block;font-family:var(--mono);font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--oc-ink-900);margin-bottom:.5rem}.pg-accueil footer{position:relative;z-index:10;border-top:1px solid var(--line-light);background:rgba(255,255,255,.72);padding-block:clamp(3.4rem,8vh,5rem) 2.4rem}.pg-accueil .f-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2.4rem 2rem}.pg-accueil .f-brand .plate{display:block;width:154px;margin-bottom:1.1rem;opacity:.92}.pg-accueil .f-brand strong{display:block;font-family:var(--display);font-weight:600;font-size:1.05rem;margin-bottom:.5rem}.pg-accueil .f-brand p{font-size:1rem;max-width:40ch}.pg-accueil footer h4{font-family:var(--mono);font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--o-txt);margin:0 0 1rem;font-weight:400}.pg-accueil footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.pg-accueil footer ul a{text-decoration:none;font-size:1rem;color:var(--oc-ink-500)}.pg-accueil footer ul a:hover{color:var(--oc-ink-900)}.pg-accueil .urgences{margin-top:3rem;border:1px solid rgba(233,89,49,.3);padding:clamp(1.2rem,3vw,1.8rem)}.pg-accueil .urgences .hd{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;font-family:var(--mono);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--oc-orange-700);margin:0 0 1.2rem}.pg-accueil .urgences .hd svg{width:18px;height:18px;flex:none}.pg-accueil .urgences .ulist{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.pg-accueil .urgences .ulist > div{display:grid;gap:.25rem}.pg-accueil .urgences .ulist strong{font-family:var(--display);font-size:.94rem;font-weight:500}.pg-accueil .urgences .ulist span{font-family:var(--mono);font-size:.875rem;color:var(--oc-ink-500)}.pg-accueil .urgences .ulist a{font-family:var(--mono);font-size:.875rem;color:var(--oc-ink-900);text-decoration:none;border-bottom:1px solid var(--line);justify-self:start;padding-bottom:.15rem}.pg-accueil .urgences .fine{margin:1.2rem 0 0;font-size:1rem;color:var(--oc-ink-500)}.pg-accueil .urgences .fine a{color:var(--oc-cobalt-700)}.pg-accueil .disclaimer{margin-top:2rem;font-size:1rem;color:var(--oc-ink-500);max-width:90ch}.pg-accueil .f-legal{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line-light);display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;font-family:var(--mono);font-size:.875rem;letter-spacing:.1em;color:var(--oc-ink-500)}.pg-accueil .f-legal a{text-decoration:none;color:inherit}.pg-accueil .f-legal a:hover{color:var(--oc-cobalt-700)}.pg-accueil .floatcta{
  position:fixed;right:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:50;
  display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(14px);pointer-events:none;
  transition:opacity .4s,transform .4s;
}.pg-accueil .floatcta.on{opacity:1;transform:none;pointer-events:auto}.pg-accueil .floatcta a{
  display:flex;align-items:center;gap:.5rem;text-decoration:none;font-family:var(--mono);
  font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;padding:.85em 1.05em;
  background:rgba(255,255,255,.94);border:1px solid var(--line);color:var(--oc-ink-900);backdrop-filter:blur(8px);
}.pg-accueil .floatcta a svg{width:16px;height:16px}.pg-accueil .floatcta a.top{padding:.85em}.pg-accueil .floatcta a.rdv{background:var(--oc-orange-500);border-color:var(--oc-orange-500);color:#0B1215}.pg-accueil .floatcta a:hover{border-color:var(--oc-cobalt-500)}.pg-accueil .floatcta a.rdv:hover{background:var(--oc-orange-500);border-color:var(--oc-orange-500)}@media (max-width:1180px){.pg-accueil .strip .wrap{grid-template-columns:repeat(2,1fr)}.pg-accueil .mini{grid-template-columns:repeat(2,1fr)}.pg-accueil .ages{grid-template-columns:repeat(2,1fr)}.pg-accueil .steps{grid-template-columns:repeat(2,1fr)}.pg-accueil .posts{grid-template-columns:1fr}.pg-accueil .lieux{grid-template-columns:1fr}.pg-accueil .f-grid{grid-template-columns:1fr 1fr}}@media (max-width:860px){.pg-accueil .hero-top{grid-template-columns:1fr}.pg-accueil .hero-portrait{max-width:320px}.pg-accueil .hero-foot{grid-template-columns:1fr}.pg-accueil .sec-head{grid-template-columns:1fr;gap:1rem}.pg-accueil .grid2{grid-template-columns:1fr}.pg-accueil .eligib .wrap{grid-template-columns:1fr}.pg-accueil .zone .cols,.pg-accueil .zone .access,.pg-accueil .urgences .ulist{grid-template-columns:1fr}.pg-accueil .floatcta a span,.pg-accueil .floatcta a.test{display:none}}@media (max-width:700px){.pg-accueil .brand .plate{width:104px}}@media (max-width:560px){.pg-accueil .strip .wrap,.pg-accueil .ages,.pg-accueil .mini,.pg-accueil .steps,.pg-accueil .f-grid{grid-template-columns:1fr}.pg-accueil .news-item time{display:none}}@media (prefers-reduced-motion:reduce){.pg-accueil{scroll-behavior:auto}.pg-accueil *,.pg-accueil *::before,.pg-accueil *::after{animation-duration:.001ms !important;transition-duration:.001ms !important}.pg-accueil .rev{opacity:1;transform:none}}.pg-accueil .figure-layers{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.pg-accueil .layer{position:absolute;will-change:transform}.pg-accueil .layer--a{top:4%;left:-8%;width:min(44vw,480px);opacity:.30}.pg-accueil .layer--b{bottom:0;right:-10%;width:min(50vw,600px);opacity:.24}.pg-accueil .layer--c{top:34%;right:12%;width:min(14vw,130px);opacity:.45}.pg-accueil .layer--d{top:10%;right:-6%;width:min(38vw,420px);opacity:.22}.pg-accueil .hero .cue{
  width:min(100% - var(--gut) * 2,var(--maxw));margin:clamp(2rem,5vh,3.5rem) auto 0;
  font-family:var(--mono);font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--oc-ink-500);display:flex;align-items:center;gap:.8rem;
}.pg-accueil .hero .cue i{display:block;width:1px;height:34px;background:linear-gradient(180deg,var(--oc-orange-500),transparent);transform-origin:top;animation:drip-acc 2.6s ease-in-out infinite}.pg-accueil .tmask{overflow:hidden;display:block}.pg-accueil .tmask > span{display:block;transform:translateY(105%);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.pg-accueil .tmask.vu > span{transform:none}.pg-accueil .rev-d1{transition-delay:.07s}.pg-accueil .rev-d2{transition-delay:.14s}.pg-accueil .rev-d3{transition-delay:.21s}.pg-accueil .rev-d4{transition-delay:.28s}.pg-accueil .rev-d5{transition-delay:.35s}.pg-accueil .mini a{position:relative;overflow:hidden}.pg-accueil .mini a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--oc-orange-500);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.pg-accueil .mini a:hover::after{transform:scaleX(1)}.pg-accueil .parcours .steps{margin-block:clamp(1.6rem,4vh,2.6rem)}.pg-accueil .parcours .step{opacity:0;transform:translateY(22px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.pg-accueil .parcours .step.vu{opacity:1;transform:none}.pg-accueil .parcours .step:nth-child(2).vu{transition-delay:.1s}.pg-accueil .parcours .step:nth-child(3).vu{transition-delay:.2s}.pg-accueil .parcours .step:nth-child(4).vu{transition-delay:.3s}@media (max-width:860px){.pg-accueil .layer{display:none}}@media (prefers-reduced-motion:reduce){.pg-accueil .layer{display:none}.pg-accueil .tmask > span{transform:none}.pg-accueil .parcours .step{opacity:1;transform:none}.pg-accueil .hero .cue i{animation:none}}html[data-theme="nuit"] .pg-accueil{
  --line:rgba(175,218,239,.16);

  --bg:var(--oc-ink-900);
  --text:var(--oc-paper-alt);
  --muted:rgba(246,249,251,.70);
  --card:rgba(175,218,239,.05)}html[data-theme="nuit"] .pg-accueil .brand span{color:var(--oc-cobalt-300)}html[data-theme="nuit"] .pg-accueil #menu-full{background:rgba(20,36,46,.985)}html[data-theme="nuit"] .pg-accueil .menu-grid a{color:var(--oc-ink-300)}html[data-theme="nuit"] .pg-accueil .menu-grid a:hover{color:var(--oc-paper-alt)}html[data-theme="nuit"] .pg-accueil .lede{color:rgba(246,249,251,.88)}html[data-theme="nuit"] .pg-accueil .btn:hover{border-color:var(--oc-iris);background:rgba(175,218,239,.06)}html[data-theme="nuit"] .pg-accueil .btn--onink:hover,html[data-theme="nuit"] .pg-accueil .btn--fill:hover{background:var(--oc-orange-300);border-color:var(--oc-orange-300)}html[data-theme="nuit"] .pg-accueil .go{color:var(--oc-cobalt-300)}html[data-theme="nuit"] .pg-accueil .chart-lines .l1{color:var(--oc-cobalt-300)}html[data-theme="nuit"] .pg-accueil .chart-lines .l2{color:var(--oc-cobalt-100)}html[data-theme="nuit"] .pg-accueil .chart-lines .l4{color:var(--oc-paper)}html[data-theme="nuit"] .pg-accueil .hero-portrait img{box-shadow:0 18px 46px rgba(11,20,26,.5)}html[data-theme="nuit"] .pg-accueil .hero-portrait figcaption b{color:var(--oc-paper-alt)}html[data-theme="nuit"] .pg-accueil .hero-foot p{color:rgba(246,249,251,.88)}html[data-theme="nuit"] .pg-accueil .strip{background:rgba(20,36,46,.55)}html[data-theme="nuit"] .pg-accueil .strip .wrap > div{background:rgba(20,36,46,.85)}html[data-theme="nuit"] .pg-accueil .news-item .cat{color:var(--oc-cobalt-300)}html[data-theme="nuit"] .pg-accueil .news-item a{color:var(--oc-paper-alt)}html[data-theme="nuit"] .pg-accueil .news-item a:hover{color:var(--oc-orange-300)}html[data-theme="nuit"] .pg-accueil .news-dots button::before{background:var(--oc-ink-700)}html[data-theme="nuit"] .pg-accueil .news-dots button[aria-current="true"]::before{background:var(--oc-orange-300)}html[data-theme="nuit"] .pg-accueil .news-play:hover,html[data-theme="nuit"] .pg-accueil .news-all:hover{color:var(--oc-paper-alt)}html[data-theme="nuit"] .pg-accueil .age{background:rgba(20,36,46,.72)}html[data-theme="nuit"] .pg-accueil .age:hover{background:rgba(175,218,239,.06)}html[data-theme="nuit"] .pg-accueil .age p{color:rgba(246,249,251,.8)}html[data-theme="nuit"] .pg-accueil .age:hover .go{color:var(--oc-orange-300)}html[data-theme="nuit"] .pg-accueil .ages-note a{color:var(--oc-cobalt-300)}html[data-theme="nuit"] .pg-accueil .mini a{background:rgba(20,36,46,.72)}html[data-theme="nuit"] .pg-accueil .mini a:hover{background:rgba(175,218,239,.06)}html[data-theme="nuit"] .pg-accueil .mini a:hover .go{color:var(--oc-orange-300)}html[data-theme="nuit"] .pg-accueil .grid2 > div{background:rgba(20,36,46,.72)}html[data-theme="nuit"] .pg-accueil .sit h3{color:var(--oc-paper-alt)}html[data-theme="nuit"] .pg-accueil .eligib .wrap{background:rgba(126,42,17,.16)}html[data-theme="nuit"] .pg-accueil .step{background:rgba(20,36,46,.72)}html[data-theme="nuit"] .pg-accueil .step p{color:rgba(246,249,251,.8)}html[data-theme="nuit"] .pg-accueil .lieu{background:rgba(20,36,46,.72)}html[data-theme="nuit"] .pg-accueil .lieu address{color:var(--oc-cobalt-300)}html[data-theme="nuit"] .pg-accueil .lieu-d{color:rgba(246,249,251,.8)}html[data-theme="nuit"] .pg-accueil .lieu-a a{color:var(--oc-paper-alt)}html[data-theme="nuit"] .pg-accueil .lieu-a a:hover{color:var(--oc-orange-300)}html[data-theme="nuit"] .pg-accueil .post{background:rgba(20,36,46,.72)}html[data-theme="nuit"] .pg-accueil .post p{color:rgba(246,249,251,.8)}html[data-theme="nuit"] .pg-accueil .post .body > a{color:var(--oc-cobalt-300)}html[data-theme="nuit"] .pg-accueil .post .body > a:hover{color:var(--oc-orange-300)}html[data-theme="nuit"] .pg-accueil .zone .access > div{background:rgba(20,36,46,.72)}html[data-theme="nuit"] .pg-accueil .zone .access p{color:rgba(246,249,251,.8)}html[data-theme="nuit"] .pg-accueil .zone .access strong{color:var(--oc-paper-alt)}html[data-theme="nuit"] .pg-accueil footer{background:rgba(20,36,46,.72)}html[data-theme="nuit"] .pg-accueil footer ul a{color:var(--oc-ink-300)}html[data-theme="nuit"] .pg-accueil footer ul a:hover{color:var(--oc-paper-alt)}html[data-theme="nuit"] .pg-accueil .urgences .hd{color:var(--oc-orange-300)}html[data-theme="nuit"] .pg-accueil .urgences .ulist a{color:var(--oc-paper-alt)}html[data-theme="nuit"] .pg-accueil .urgences .fine a{color:var(--oc-cobalt-300)}html[data-theme="nuit"] .pg-accueil .f-legal a:hover{color:var(--oc-cobalt-300)}html[data-theme="nuit"] .pg-accueil .floatcta a{
  background:rgba(20,36,46,.94);color:var(--oc-paper-alt)}html[data-theme="nuit"] .pg-accueil .floatcta a:hover{border-color:var(--oc-iris)}html[data-theme="nuit"] .pg-accueil .floatcta a.rdv:hover{background:var(--oc-orange-300);border-color:var(--oc-orange-300)}
/* ui-2026-09-19 : le héros tient dans un écran sur desktop (portrait plafonné en
   hauteur de viewport, paddings resserrés, titre légèrement réduit, bloc centré
   verticalement sous la nav sticky ~90px). Le stack mobile (<=860px) est laissé
   tel quel : y déborder d'un écran est normal. */
@media (min-width:861px){
  .pg-accueil .hero{min-height:calc(100vh - 90px);display:grid;align-content:center;padding-block:clamp(1rem,3vh,2.4rem)}
  .pg-accueil .hero-portrait{max-width:min(340px,46vh)}
  .pg-accueil .hero-foot{margin-top:clamp(1.2rem,3.5vh,2.4rem)}
  .pg-accueil .chart-lines .l3{font-size:clamp(2.4rem,1.4rem + 3.4vw,4rem)}
  .pg-accueil .chart-lines .l4{font-size:clamp(2.8rem,1.6rem + 4.4vw,5.2rem)}
}

/* ui-polish-2026-09-19 : finition (DA inchangée), scopé accueil.
   4 chantiers : vignettes d'articles, boutons/CTA, rythme des sections,
   motifs de fond. Rien de partagé n'est touché — généralisation des boutons
   à common.css seulement après validation. */

/* --- A. Vignettes d'articles : motif œil/cristallin sur dégradé cobalt,
       teinté par catégorie (3 articles fixes de l'accueil). --- */
.pg-accueil .post .thumb{
  position:relative; aspect-ratio:16/9; overflow:hidden; display:block;
  background:
    radial-gradient(130% 150% at 80% 15%, rgba(175,218,239,.18), transparent 55%),
    linear-gradient(155deg, var(--oc-cobalt-900) 0%, #12222e 100%);
}
.pg-accueil .post .thumb::before{ /* cercles concentriques (cristallin) */
  content:""; position:absolute; top:50%; right:-8%; transform:translateY(-50%);
  width:min(64%,210px); aspect-ratio:1; border-radius:50%;
  background:
    radial-gradient(circle, transparent 0 25%, rgba(143,187,216,.42) 25% 26.4%, transparent 26.6%),
    radial-gradient(circle, transparent 0 39%, rgba(143,187,216,.26) 39% 40.2%, transparent 40.4%),
    radial-gradient(circle, transparent 0 53%, rgba(143,187,216,.16) 53% 54%, transparent 54.2%);
}
.pg-accueil .post .thumb::after{ /* pupille accent orange */
  content:""; position:absolute; top:50%; right:calc(-8% + min(64%,210px)/2);
  width:12px; height:12px; margin:-6px 6px 0 0; border-radius:50%;
  background:var(--oc-orange-500); box-shadow:0 0 22px 4px rgba(233,89,49,.35);
}
/* teintes par catégorie */
.pg-accueil .post:nth-child(2) .thumb{
  background:
    radial-gradient(130% 150% at 80% 15%, rgba(143,187,216,.16), transparent 55%),
    linear-gradient(155deg, #16324a 0%, #0e1c27 100%);
}
.pg-accueil .post:nth-child(3) .thumb{
  background:
    radial-gradient(130% 150% at 80% 15%, rgba(175,218,239,.30), transparent 58%),
    linear-gradient(155deg, var(--oc-cobalt-700) 0%, #16324a 100%);
}

/* --- B. Boutons / CTA : états plus nets, léger lift + ombre douce,
       transitions homogènes. Couleurs de marque inchangées. --- */
.pg-accueil .btn{transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.pg-accueil .btn:hover{transform:translateY(-1px);box-shadow:var(--oc-shadow-1)}
.pg-accueil .btn--onink:hover,.pg-accueil .btn--fill:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(233,89,49,.26)}
.pg-accueil .btn:active{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  .pg-accueil .btn:hover,.pg-accueil .btn--onink:hover,.pg-accueil .btn--fill:hover,.pg-accueil .btn:active{transform:none}
}

/* --- C. Rythme des sections par la STRUCTURE (2026-09-19, 4ᵉ passe).
       Direction validée : fond UNIQUE et calme (aucune bande de couleur), le
       rythme naît de séparateurs fins entre sections + des respirations et
       mises en page déjà en place.
       L'ancienne « alternance » (--sec-alt) est retirée : elle valait
       --oc-paper-alt = --bg en jour (strictement invisible) et 3 % de blanc en
       nuit (imperceptible) — elle ne produisait aucun effet visible. --- */
.pg-accueil{--sep:rgba(20,36,46,.12)}
html[data-theme="nuit"] .pg-accueil{--sep:rgba(175,218,239,.14)}
/* filet de séparation en tête de chaque section de contenu ; l'éligibilité est
   exclue (panneau accent déjà encadré, un filet au-dessus ferait doublon). */
.pg-accueil main > section:not(.eligib){border-top:1px solid var(--sep)}

/* --- D. Motifs de fond : un cran plus présents et mieux cadrés (restent
       derrière le contenu, z-index:-1 ; masqués sur mobile & reduced-motion). --- */
@media (min-width:861px) and (prefers-reduced-motion:no-preference){
  .pg-accueil .layer--a{opacity:.42}
  .pg-accueil .layer--b{opacity:.34}
  .pg-accueil .layer--c{opacity:.55}
  .pg-accueil .layer--d{opacity:.32}
}

/* ui-2026-09-20 : section « Accès et provenance » — le haut passe en deux
   colonnes (intro à gauche, modes d'accès empilés à droite) pour combler le
   vide ; les communes desservies restent en dessous, sous un filet. */
.pg-accueil .zone-lead{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:start;margin-top:.4rem}
.pg-accueil .zone-intro p{max-width:54ch}
.pg-accueil .zone-intro p:last-child{margin-bottom:0}
.pg-accueil .zone-lead .access{margin-top:0}
.pg-accueil .zone-lead .access{grid-template-columns:1fr}
.pg-accueil .zone .cols{margin-top:clamp(2.4rem,5vw,3.4rem);padding-top:clamp(2rem,4vw,2.6rem);border-top:1px solid var(--line)}
@media (max-width:860px){
  .pg-accueil .zone-lead{grid-template-columns:1fr;gap:2rem}
}

/* ui-2026-09-20 : hero rééquilibrée — colonne texte (titre + phrase + CTA) à
   gauche, portrait plein cadre à droite. Remplace l'ancien duo hero-top /
   hero-foot (dont le titre flottait, séparé de la phrase et des CTA). */
.pg-accueil .hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.82fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.pg-accueil .hero-text{display:flex;flex-direction:column;gap:clamp(1.5rem,4vh,2.4rem)}
.pg-accueil .hero-lede{max-width:46ch;margin:0;font-size:clamp(1.04rem,1rem + .3vw,1.2rem);color:rgba(20,36,46,.88)}
html[data-theme="nuit"] .pg-accueil .hero-lede{color:rgba(246,249,251,.88)}
.pg-accueil .hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}
@media (min-width:861px){
  .pg-accueil .hero-portrait{max-width:none;width:100%;justify-self:end}
  .pg-accueil .hero-portrait img{width:100%;height:min(62vh,560px);object-fit:cover;object-position:center top}
}
@media (max-width:860px){
  .pg-accueil .hero-grid{grid-template-columns:1fr;gap:clamp(1.8rem,6vw,2.6rem)}
  .pg-accueil .hero-portrait{max-width:340px}
}

/* ui-2026-10-02 : chirurgie réfractive et cataracte redeviennent deux sections
   distinctes en cartes (.mini). Chaque carte garde la phrase explicative ajoutée
   le 2026-09-20 sous le nom. La cataracte (4 implants) passe en 4 colonnes au
   large écran ; en dessous, elle suit la grille .mini (2 puis 1 colonne). */
.pg-accueil .mini .desc{font-family:var(--body);font-size:1rem;line-height:1.45;color:var(--muted)}
@media (min-width:1181px){.pg-accueil .mini--4{grid-template-columns:repeat(4,1fr)}}
/* Libellés 12 px : l'orange-500 n'atteignait pas AA (3,5 jour, 4,2 nuit), mesuré ;
   orange-700 en jour (règle d'origine), orange-300 en nuit → 5,7 et 7,0. */
html[data-theme="nuit"] .pg-accueil .mini em{color:var(--oc-orange-300)}

/* ui-2026-09-20 (v6) : en-têtes de section en PLEINE LARGEUR. L'ancien rail
   « eyebrow » à gauche (colonne .42fr) laissait un grand vide et comprimait le
   titre dans la colonne de droite. Désormais l'eyebrow est au-dessus, et le titre
   comme le lede occupent la largeur disponible (titre large, lede en mesure de
   lecture sous le titre). Même traitement pour toutes les sections. */
.pg-accueil .sec-head{grid-template-columns:1fr;gap:.7rem}
.pg-accueil .sec-head .eyebrow{padding-top:0}
.pg-accueil .sec-head h2{max-width:28ch}
.pg-accueil .sec-head .lede{max-width:62ch}

/* m16 (2026-10-09) : la hero passe du flou au net au chargement, d'un bloc
   (titre, accroche, boutons, portrait). Jamais à opacité 0, donc jamais d'écran
   blanc ; « backwards » ne garde aucun filter une fois l'animation finie ;
   coupée pour qui a demandé moins de mouvement. Fonds décoratifs exclus. */
@keyframes hero-net{from{filter:blur(8px);opacity:.6}}
.pg-accueil .hero > .wrap{animation:hero-net 2s ease-out backwards}
@media (prefers-reduced-motion:reduce){.pg-accueil .hero > .wrap{animation:none}}

/* Auto-évaluation : fond bleu comme l'encart « Savoir si c'est possible pour vous »
   de la page myopie (même cobalt en jour et en nuit) ; bouton orange inchangé. */
html .pg-accueil .eligib .wrap{background:#2C5878;border-color:#2C5878;color:#fff}
html .pg-accueil .eligib h2{color:#fff}
html .pg-accueil .eligib p{color:#fff}
html .pg-accueil .eligib .eyebrow{color:#fff}
html .pg-accueil .eligib .btn--onink:focus-visible{outline:3px solid #fff;outline-offset:3px}
html[data-theme="nuit"] .pg-accueil .eligib .wrap{background:#2C5878;border-color:rgba(175,218,239,.28)}

/* --- 2026-10-13 : refonte validée par le Dr Halimi (Accueil) --- */
.pg-accueil .hero-qui{margin:0 0 1.2rem;font-family:var(--mono);font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--oc-ink-700,#3C4C57)}
.pg-accueil .hero-qui .sep,.pg-accueil .hero-act .sep{color:var(--oc-orange-500);margin:0 .15em}
.pg-accueil .hero-qui .nw,.pg-accueil .hero-act .nw{white-space:nowrap}
.pg-accueil .hero-act{margin:.4rem 0 0;font-family:var(--display);font-weight:600;font-size:clamp(1.15rem,1rem + .7vw,1.5rem);letter-spacing:-.005em;color:var(--oc-cobalt-700)}
.pg-accueil .hero-act + .hero-lede{margin-top:.8rem}
html[data-theme="nuit"] .pg-accueil .hero-qui{color:rgba(246,249,251,.78)}
html[data-theme="nuit"] .pg-accueil .hero-act{color:var(--oc-cobalt-300)}
@media (max-width:560px){.pg-accueil .hero-qui .sep,.pg-accueil .hero-act .sep{display:none}.pg-accueil .hero-act .nw,.pg-accueil .hero-qui .nw:first-child{display:block}}
.pg-accueil .hero-id{display:flex;align-items:center;gap:1.1rem;margin:0 0 1.2rem}
.pg-accueil .hero-id .hero-qui{margin:0}
.pg-accueil .hero-avatar{display:none;width:104px;height:130px;border-radius:8px;object-fit:cover;object-position:center 15%;flex:none;border:2px solid #fff;box-shadow:0 4px 14px rgba(20,36,46,.18)}
@media (max-width:860px){.pg-accueil .hero-avatar{display:block}}
@media (max-width:560px){.pg-accueil .hero-qui .nw{display:block}.pg-accueil .hero-qui{letter-spacing:.1em;line-height:1.7}}
@media (max-width:380px){.pg-accueil .hero-qui{letter-spacing:.04em;font-size:.875rem}.pg-accueil .hero-avatar{width:88px;height:110px}.pg-accueil .hero-qui .nw{white-space:normal}}
.pg-accueil .hero-more{display:inline-flex;align-items:center;gap:.4em;min-height:44px;margin-top:.3rem;font-family:var(--display);font-weight:600;font-size:1rem;color:var(--oc-cobalt-700);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}
.pg-accueil .hero-more:hover{color:var(--oc-orange-700)}
html[data-theme="nuit"] .pg-accueil .hero-more{color:var(--oc-cobalt-300)}
html[data-theme="nuit"] .pg-accueil .hero-more:hover{color:var(--oc-orange-300)}
.pg-accueil .prat-c{max-width:58rem}
.pg-accueil .prat-intro{font-size:clamp(1.04rem,1rem + .3vw,1.2rem);line-height:1.6;margin:0 0 1.4rem;max-width:60ch}
.pg-accueil .prat-fiche{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-light);border:1px solid var(--line-light)}
.pg-accueil .prat-fiche>div{background:rgba(255,255,255,.72);padding:.9rem 1.1rem}
.pg-accueil .prat-fiche dt{font-family:var(--mono);font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--o-txt);margin:0 0 .3rem}
.pg-accueil .prat-fiche dd{margin:0;font-size:1rem;line-height:1.45}
.pg-accueil .prat-fiche a{color:inherit;border-bottom:2px solid var(--oc-orange-500);text-decoration:none}
.pg-accueil .prat-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.3rem}
.pg-accueil .prat-foot p{margin:0;font-family:var(--mono);font-size:.875rem;letter-spacing:.06em;color:var(--oc-ink-700,#3C4C57)}
html[data-theme="nuit"] .pg-accueil .prat-fiche>div{background:rgba(20,36,46,.72)}
html[data-theme="nuit"] .pg-accueil .prat-foot p{color:rgba(246,249,251,.7)}
.pg-accueil .prat-fiche>div:last-child{grid-column:1/-1}
@media (max-width:640px){.pg-accueil .prat-fiche{grid-template-columns:1fr}.pg-accueil .prat-fiche>div{padding:.75rem 1rem}}
.pg-accueil .prat-grid.prat-2c{display:block!important;max-width:none}
.pg-accueil .prat-2c>div{max-width:72rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.6rem,4vw,3.5rem);align-items:start}
.pg-accueil .prat-2c>div>p{margin:0 0 1.2rem;max-width:none}
.pg-accueil .prat-2c>div>:nth-child(n+3){grid-column:1/-1}
@media (max-width:760px){.pg-accueil .prat-2c>div{grid-template-columns:1fr}}
/* « Deux cas que l'on croit sans issue » et l'auto-évaluation forment un seul bloc */
.pg-accueil #situations--accueil{padding-bottom:clamp(1.6rem,3vw,2.6rem)}
.pg-accueil #eligibilite--accueil{padding-top:0}
/* Titre d'accueil (2026-10-13) : trois lignes, une couleur par ligne */
.pg-accueil .chart-lines .t1{font-size:clamp(1.6rem,1.1rem + 2.2vw,2.6rem);font-weight:400;color:var(--oc-cobalt-700)}
.pg-accueil .chart-lines .t2{font-size:clamp(2rem,1.2rem + 3vw,3.4rem);font-weight:300;color:var(--oc-ink-900)}
.pg-accueil .chart-lines .t3{font-size:clamp(2.3rem,1.3rem + 3.8vw,4.4rem);font-weight:200;color:#C4441F;line-height:1.05;text-wrap:balance}
html[data-theme="nuit"] .pg-accueil .chart-lines .t1{color:var(--oc-cobalt-300)}
html[data-theme="nuit"] .pg-accueil .chart-lines .t2{color:var(--oc-paper)}
html[data-theme="nuit"] .pg-accueil .chart-lines .t3{color:#EC6F4C}
/* Chaque ligne du titre tient sur une ligne : taille calée sur la largeur du bloc */
.pg-accueil .chart-lines{container-type:inline-size}
.pg-accueil .chart-lines .t1,.pg-accueil .chart-lines .t2,.pg-accueil .chart-lines .t3{white-space:nowrap;text-wrap:nowrap}
.pg-accueil .chart-lines .t1{font-size:min(2.6rem,9cqi)}
.pg-accueil .chart-lines .t2{font-size:min(3.6rem,9.6cqi)}
.pg-accueil .chart-lines .t3{font-size:min(4.2rem,7.6cqi)}
/* Hiérarchie du hero simplifiée (2026-10-14, session 8) : le titre garde ses trois
   lignes et son animation, mais une seule taille et une seule graisse ; « Revoir »
   prend la couleur de la ligne suivante, l'orange reste sur la dernière. Les deux
   spécialités montent dans la ligne d'en-tête (hero-qui), qui ne répète plus le
   nom de la barre ni la ville (déjà dans le paragraphe) ; le nom n'y revient que sous 860 px, où la barre le masque. */
.pg-accueil .chart-lines .t1,.pg-accueil .chart-lines .t2,.pg-accueil .chart-lines .t3{font-size:min(3.6rem,7.6cqi);font-weight:300;line-height:1.08}
html[lang="en"] .pg-accueil .chart-lines .t1,html[lang="en"] .pg-accueil .chart-lines .t2,html[lang="en"] .pg-accueil .chart-lines .t3{font-size:min(3.6rem,6.9cqi)} /* ligne 3 anglaise plus longue */
.pg-accueil .chart-lines .t1{color:var(--oc-ink-900)}
html[data-theme="nuit"] .pg-accueil .chart-lines .t1{color:var(--oc-paper)}
.pg-accueil .hero-qui .nw.hero-nom{display:none}
/* Titres de l'accueil en demi-gras (2026-10-14) : plus présents qu'en maigre, sans
   la lourdeur du gras (retour de Tom). */
.pg-accueil .chart-lines .t1,.pg-accueil .chart-lines .t2,.pg-accueil .chart-lines .t3{font-weight:500}
.pg-accueil h2{font-weight:600}
.pg-accueil .step h3{font-weight:500}
/* Mobile (2026-10-14) : plus de bloc photo + nom en haut (la grande photo suit, avec
   son nom), les deux spécialités l'une sous l'autre, sans le nom ; hero sans hauteur d'écran imposée ;
   titre plus grand, qui peut passer à la ligne ; boutons pleine largeur. */
@media (max-width:860px){
  .pg-accueil .hero-avatar{display:none}
  .pg-accueil .hero{min-height:0;padding-block:1.6rem 2.4rem}
}
@media (max-width:560px){
  .pg-accueil .hero-id{display:none} /* ligne des spécialités masquée sur mobile : le titre et le paragraphe suffisent */
  .pg-accueil .chart-lines .t1,.pg-accueil .chart-lines .t2,.pg-accueil .chart-lines .t3,
  html[lang="en"] .pg-accueil .chart-lines .t1,html[lang="en"] .pg-accueil .chart-lines .t2,html[lang="en"] .pg-accueil .chart-lines .t3{font-size:clamp(1.75rem,1rem + 4.2vw,2.2rem);white-space:normal;text-wrap:balance;line-height:1.12}
  .pg-accueil .hero-cta .btn{flex:1 1 100%;justify-content:center;text-align:center}
  /* tailles voisines ramenées à deux valeurs : texte 16 px, chapeaux et
     intertitres 18 px */
  .pg-accueil main p:not(.lede):not(.hero-lede):not(.eyebrow),.pg-accueil .zone-intro{font-size:1rem}
  .pg-accueil .lede,.pg-accueil .hero-lede{font-size:1.125rem}
  .pg-accueil h3.body,.pg-accueil h3.lieu,.pg-accueil strong.age{font-size:1.125rem}
}
/* capitales-mobile:start (généré par scripts/capitales_mobile.py) */
@media (max-width:560px){
.pg-accueil .brand span{letter-spacing:0.09em}
.pg-accueil .menu-grid h4{letter-spacing:0.1em}
.pg-accueil .eyebrow{letter-spacing:0.1em}
.pg-accueil .btn{letter-spacing:0.07em}
.pg-accueil .go{letter-spacing:0.06em}
.pg-accueil .hero-portrait figcaption{letter-spacing:0.07em}
.pg-accueil .news-label{letter-spacing:0.1em}
.pg-accueil .news-item .cat{letter-spacing:0.06em}
.pg-accueil .news-play,.pg-accueil .news-all{letter-spacing:0.06em}
.pg-accueil .mini em{letter-spacing:0.07em}
.pg-accueil .sit .k{letter-spacing:0.07em}
.pg-accueil .step .n{letter-spacing:0.07em}
.pg-accueil .lieu .tag{letter-spacing:0.07em}
.pg-accueil .post .pill{letter-spacing:0.06em}
.pg-accueil .post .body > a{letter-spacing:0.06em}
.pg-accueil .zone .cols h3{letter-spacing:0.07em}
.pg-accueil .zone .access strong{letter-spacing:0.07em}
.pg-accueil footer h4{letter-spacing:0.1em}
.pg-accueil .urgences .hd{letter-spacing:0.05em}
.pg-accueil .floatcta a{letter-spacing:0.06em}
.pg-accueil .hero .cue{letter-spacing:0.1em}
.pg-accueil .hero-qui{letter-spacing:0.07em}
.pg-accueil .prat-fiche dt{letter-spacing:0.06em}
}
/* capitales-mobile:end */