/* ============================================================
   PSLEAD Group · Page d'accueil (design EY) · scope .plh
   Chargé uniquement sur la page d'accueil.
============================================================ */
.plh{
  --navy:#0A2540; --navy-900:#071a2e; --navy-800:#0f2d4d; --navy-700:#1a3f66;
  --ink:#111820; --slate:#4a5568; --line:#e4e8ee; --paper:#ffffff; --paper-alt:#f5f7fa;
  --gold:#F5D20A; --gold-600:#e0be00;
  color:var(--ink);
}
.plh *{box-sizing:border-box}
.plh img{max-width:100%;display:block}
.plh a{text-decoration:none;color:inherit}
.plh .wrap{max-width:1280px;margin:0 auto;padding:0 2rem}
.plh .eyebrow{font-size:.94rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;display:inline-block}
.plh .eyebrow::after{content:"";display:block;width:46px;height:3px;background:var(--gold);margin-top:9px}
.plh h1,.plh h2,.plh h3,.plh h4{line-height:1.12;font-weight:800;letter-spacing:-.01em;margin:0}
.plh p{margin:0}

/* BOUTONS */
.plh .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;padding:15px 30px;border-radius:3px;transition:background .18s,box-shadow .18s,color .18s;cursor:pointer;border:0;overflow:hidden;line-height:1.2}
.plh .btn .t{display:inline-block;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.plh .btn .ar{position:absolute;right:20px;display:inline-flex;align-items:center;opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s cubic-bezier(.2,.7,.2,1)}
.plh .btn .ar svg{width:19px;height:19px;display:block}
.plh .btn:hover .t{transform:translateX(-13px)}
.plh .btn:hover .ar{opacity:1;transform:translateX(0)}
.plh .btn-gold{background:var(--gold);color:var(--navy)}
.plh .btn-gold:hover{background:var(--gold-600)}
.plh .btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.plh .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.08)}
.plh .btn-outline{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.plh .btn-outline:hover{box-shadow:inset 0 0 0 1.5px var(--gold);color:var(--gold)}

/* liens texte */
.plh .lnk{display:inline-flex;align-items:center;gap:.55em;font-weight:800;color:var(--navy)}
.plh .lnk svg{width:16px;height:16px;color:var(--navy);transition:transform .22s}
.plh .lnk:hover svg{transform:translateX(5px)}

/* HERO */
.plh .hero{position:relative;min-height:92vh;display:flex;align-items:center;color:#fff;overflow:hidden}
.plh .hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%}
/* Voile retiré : images en couleurs réelles (façon hero ey.fr).
   On ne conserve qu'une ombre neutre, concentrée à l'extrémité gauche,
   pour détacher les titres et textes du fond. */
.plh .hero .veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.34) 15%,rgba(0,0,0,.12) 34%,rgba(0,0,0,0) 56%)}
.plh .hero .veil2{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,0) 14%)}
.plh .hero .wrap{position:relative;z-index:2;width:100%;padding-top:104px;padding-bottom:54px}
.plh .hero .hbox{max-width:900px;padding-left:56px}
.plh .hero .eyebrow{color:#fff}
.plh .hero h1{font-size:clamp(2.2rem,3.7vw,3.7rem);margin:18px 0 22px;letter-spacing:-.02em;line-height:1.1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.28),0 6px 26px rgba(0,0,0,.42)}
.plh .hero h1 .g{color:var(--gold);font-style:italic;text-shadow:0 1px 1px rgba(60,32,0,.55),0 2px 10px rgba(0,0,0,.5),0 6px 24px rgba(0,0,0,.4)}
.plh .hero h1 .g2{color:#9DBBDD;font-style:italic}
.plh .hero p.sub{font-size:clamp(1.05rem,1.5vw,1.28rem);font-weight:400;color:rgba(255,255,255,.9);max-width:52ch;margin-bottom:34px}
.plh .hero .cta{display:flex;gap:14px;flex-wrap:wrap}
.plh .scrollcue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.7);font-size:.75rem;text-align:center;letter-spacing:.1em}
.plh .scrollcue svg{display:block;margin:6px auto 0}

/* SECTIONS */
.plh .sec{padding:clamp(4rem,7vw,6.8rem) 0}
.plh .sec-head{max-width:780px;margin-bottom:3rem}
.plh .sec-head .eyebrow{color:var(--navy);font-size:1rem}
.plh .sec-head h2{font-size:clamp(1.9rem,3vw,2.7rem);color:var(--navy);margin:.6rem 0 .8rem}
.plh .sec-head p{font-size:1.15rem;color:var(--slate)}
.plh .alt{background:var(--paper-alt)}

/* Ambitions */
.plh .amb{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.plh .amb .it{position:relative;border-radius:14px;padding:32px 28px 30px;overflow:hidden;border:1px solid rgba(10,37,64,.05);transition:transform .25s,box-shadow .25s}
.plh .amb .it:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(10,37,64,.16)}
.plh .amb .ic{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;padding:11px;transition:transform .25s}
.plh .amb .it:hover .ic{transform:translateY(-2px)}
.plh .amb .ic svg{width:100%;height:100%;display:block}
.plh .amb h3{font-size:1.16rem;color:var(--navy);margin:1.1rem 0 .5rem}
.plh .amb p{font-size:.95rem;color:var(--slate)}
.plh .amb .c1{background:#eaf1fa} .plh .amb .c1 .ic{background:#d7e6f5;color:#1a3f66}
.plh .amb .c2{background:#eef0f7} .plh .amb .c2 .ic{background:#e0e5f1;color:#2c3c62}
.plh .amb .c3{background:#e8f3f0} .plh .amb .c3 .ic{background:#d4ebe4;color:#1b5248}
.plh .amb .c4{background:#f8f2e4} .plh .amb .c4 .ic{background:#efe3c6;color:#957214}

/* NOS METIERS */
.plh .metiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.plh .mtile{position:relative;border-radius:8px;overflow:hidden;min-height:480px;display:flex;align-items:flex-end;isolation:isolate;cursor:pointer}
.plh .mtile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.plh .mtile:hover img{transform:scale(1.06)}
.plh .mtile .scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(7,26,46,.80) 0%,rgba(7,26,46,.38) 45%,rgba(7,26,46,.04) 100%);transition:background .35s}
.plh .mtile:hover .scrim{background:linear-gradient(to top,rgba(7,26,46,.90) 0%,rgba(7,26,46,.64) 55%,rgba(10,37,64,.26) 100%)}
.plh .mtile .mc{padding:32px 30px 34px;color:#fff;position:relative;width:100%}
.plh .mtile .mc::before{content:"";position:absolute;left:30px;top:0;width:44px;height:3px;background:var(--gold);transition:width .35s}
.plh .mtile:hover .mc::before{width:72px}
.plh .mtile h3{font-size:1.5rem;color:#fff;margin:20px 0 0;transition:margin .35s}
.plh .mtile .desc{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .35s,margin .4s;color:rgba(255,255,255,.9);font-size:1rem;line-height:1.55}
.plh .mtile:hover .desc{max-height:170px;opacity:1;margin-top:14px}
.plh .mtile .mlnk{display:inline-flex;align-items:center;gap:.5em;font-weight:800;color:var(--gold);font-size:.95rem;margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .35s,margin .4s}
.plh .mtile:hover .mlnk{max-height:40px;opacity:1;margin-top:18px}
.plh .mtile .mlnk svg{width:16px;height:16px;transition:transform .2s}
.plh .mtile:hover .mlnk svg{transform:translateX(5px)}

/* Split */
.plh .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}
.plh .split.rev .media{order:2}
.plh .split .media img{width:100%;border-radius:6px;aspect-ratio:4/3;object-fit:cover}

/* NOTRE APPROCHE - timeline */
.plh .steps{margin-top:2.2rem;position:relative}
.plh .step{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;padding-bottom:1.9rem;position:relative}
.plh .step:last-child{padding-bottom:0}
.plh .step:not(:last-child)::before{content:"";position:absolute;left:25px;top:54px;bottom:6px;width:1.5px;background:linear-gradient(var(--gold),rgba(245,210,10,.12))}
.plh .stepnum{width:51px;height:51px;border-radius:50%;border:1.5px solid var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.02rem;background:#fff;flex:0 0 auto;position:relative;z-index:1}
.plh .step h4{font-size:1.16rem;color:var(--navy);margin:.55rem 0 .25rem}
.plh .step p{font-size:.98rem;color:var(--slate)}

/* Dark statement */
.plh .dark{background:var(--navy-900);color:#fff}
.plh .dark .stmt{max-width:900px}
.plh .dark .eyebrow{color:var(--gold)}
.plh .dark .stmt h2{font-size:clamp(1.8rem,3.2vw,2.9rem);line-height:1.2;margin-top:1rem;font-weight:800;color:#fff}
.plh .dark .stmt h2 .g{color:var(--gold)}

/* BANDEAU ACCOMPAGNEMENT */
.plh .accomp{background:#fff;padding:clamp(5.5rem,9vw,8rem) 0 clamp(4.5rem,8vw,7rem)}
.plh .acard{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;box-shadow:0 26px 64px rgba(10,37,64,.12);min-height:500px}
.plh .apanel{background:var(--navy);color:#fff;padding:clamp(3.2rem,4.6vw,4.6rem);display:flex;flex-direction:column;justify-content:center}
.plh .apanel h2{font-size:clamp(2rem,2.9vw,2.7rem);color:#fff;line-height:1.14;margin-bottom:1.3rem;letter-spacing:-.01em}
.plh .apanel p{color:rgba(255,255,255,.82);font-size:1.15rem;line-height:1.62;margin-bottom:2.2rem;max-width:38ch}
.plh .apanel .btn{align-self:flex-start}
.plh .apic{position:relative;padding-top:44px;background:var(--navy)}
.plh .apic img{width:100%;height:100%;object-fit:cover;object-position:center 25%}

/* Insights */
.plh .arts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.plh .art{cursor:pointer;display:block}
.plh .art .ph{aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#0f2d4d}
.plh .art .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.plh .art:hover .ph img{transform:scale(1.05)}
.plh .art .cat{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-600);margin:16px 0 8px}
.plh .art h3{font-size:1.2rem;color:var(--navy);line-height:1.3}
.plh .art .meta{font-size:.82rem;color:var(--slate);margin-top:10px}

/* Final CTA */
.plh .finalcta{background:var(--navy);color:#fff;text-align:center}
.plh .finalcta h2{font-size:clamp(1.9rem,3.2vw,2.8rem);margin-bottom:.6rem;color:#fff}
.plh .finalcta p{color:rgba(255,255,255,.82);font-size:1.15rem;margin-bottom:2rem}
.plh .finalcta .btn{margin:0 auto}

/* Responsive */
@media (max-width:980px){
  .plh .hero .hbox{padding-left:0;max-width:100%}
  .plh .hero h1{white-space:normal;font-size:clamp(2.1rem,6vw,3rem)}
  .plh .amb{grid-template-columns:repeat(2,1fr)}
  .plh .metiers{grid-template-columns:1fr;gap:1.1rem}
  .plh .mtile{min-height:340px}
  .plh .split{grid-template-columns:1fr;gap:2rem}
  .plh .split.rev .media{order:0}
  .plh .acard{grid-template-columns:1fr}
  .plh .apic{min-height:280px;padding-top:0}
  .plh .arts{grid-template-columns:1fr}
}
@media (max-width:560px){
  .plh .wrap{padding:0 20px}
  .plh .amb{grid-template-columns:1fr}
  .plh .hero .cta{flex-direction:column;align-items:flex-start}
  .plh .hero .cta .btn{width:100%}
}

/* ============================================================
   HERO · carrousel (volets défilants, fondu lent + Ken Burns)
   Les règles .plh .hero .bg / .veil / .wrap / .hbox ci-dessus
   s'appliquent telles quelles à chaque volet.
============================================================ */
.plh .hero{display:block}                       /* le centrage est porté par chaque volet */
.plh .hero-stage{position:relative;width:100%;min-height:92vh}
.plh .hero-slide{position:absolute;inset:0;display:flex;align-items:safe center;
  opacity:0;visibility:hidden;z-index:1;pointer-events:none;
  transition:opacity 1.1s ease,visibility 0s linear 1.1s}
.plh .hero-slide.is-active{opacity:1;visibility:visible;z-index:2;pointer-events:auto;transition:opacity 1.1s ease;position:relative;min-height:92vh}
/* Ken Burns très discret sur le volet actif */
.plh .hero-slide img.bg{transform:scale(1.001)}
.plh .hero-slide.is-active img.bg{animation:plh-kb 8s ease-out forwards}
@keyframes plh-kb{from{transform:scale(1.065)}to{transform:scale(1.001)}}
/* Montée fine, décalée, du contenu du volet actif */
.plh .hero-slide .hbox>*{opacity:0;transform:translateY(15px)}
.plh .hero-slide.is-active .hbox>*{opacity:1;transform:none;
  transition:opacity .7s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.plh .hero-slide.is-active .hbox>*:nth-child(1){transition-delay:.12s}
.plh .hero-slide.is-active .hbox>*:nth-child(2){transition-delay:.24s}
.plh .hero-slide.is-active .hbox>*:nth-child(3){transition-delay:.36s}
.plh .hero-slide.is-active .hbox>*:nth-child(4){transition-delay:.48s}
/* Volets « éclairage » façon landing : tout le volet est cliquable */
.plh .hero-slide--feature .hbox{max-width:820px}
.plh .hero-slide-link{position:absolute;inset:0;z-index:1}          /* clic sur l'image -> lien du volet */
.plh .hero-slide--feature .wrap,
.plh .hero-slide--feature .hbox{pointer-events:none}                /* laisse passer le clic vers le fond */
.plh .hero-slide--feature .eyebrow-link,
.plh .hero-slide--feature .hero-ftitle-link,
.plh .hero-slide--feature .cta,
.plh .hero-slide--feature .cta .btn{pointer-events:auto}           /* sauf sur les liens réels */
.plh .hero-ftitle{font-size:clamp(1.65rem,2.9vw,2.95rem);letter-spacing:-.02em;line-height:1.14;margin:14px 0 16px;max-width:24ch;text-wrap:balance}
.plh .hero-ftitle-link{color:#fff;position:relative;z-index:2;transition:color .25s}
.plh .hero-slide--feature:hover .hero-ftitle-link,
.plh .hero-ftitle-link:hover{color:var(--gold)}
.plh a.eyebrow-link{position:relative;z-index:3;transition:color .2s}
.plh a.eyebrow-link:hover{color:var(--gold)}
.plh .hero-accroche{max-width:58ch;font-size:clamp(.98rem,1.15vw,1.12rem);line-height:1.5;color:rgba(255,255,255,.9)}
.plh .hero-slide--feature .cta{position:relative;z-index:3}

/* Commandes du carrousel : segments de progression cliquables + lecture/pause, en bas à droite */
.plh .hero-ui{position:absolute;left:0;right:0;bottom:30px;z-index:6}
.plh .hero-ctrl{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.plh .hero-segs{display:flex;gap:9px}
.plh .hero-seg{position:relative;width:36px;height:3px;padding:0;border:0;border-radius:3px;
  background:rgba(255,255,255,.26);cursor:pointer;overflow:hidden;transition:background .25s}
.plh .hero-seg:hover{background:rgba(255,255,255,.5)}
.plh .hero-seg.is-active{background:rgba(255,255,255,.4)}
.plh .hero-seg-fill{position:absolute;inset:0;background:var(--gold);border-radius:3px;
  transform:scaleX(0);transform-origin:left}
@keyframes plh-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.plh .hero-play{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:rgba(8,26,46,.4);
  color:#fff;cursor:pointer;transition:border-color .25s,color .25s,background .25s}
.plh .hero-play:hover{border-color:var(--gold);color:var(--gold);background:rgba(8,26,46,.6)}
.plh .hero-play svg{width:16px;height:16px;fill:currentColor;display:block}
.plh .hero-play .i-play{display:none;margin-left:2px}
.plh .hero-play.is-paused .i-pause{display:none}
.plh .hero-play.is-paused .i-play{display:block}

@media (prefers-reduced-motion:reduce){
  .plh .hero-slide{transition:opacity .01s}
  .plh .hero-slide.is-active img.bg{animation:none}
  .plh .hero-slide.is-active .hbox>*{transition:none;opacity:1;transform:none}
  .plh .hero-seg.is-active .hero-seg-fill{transform:scaleX(1)}
}
@media (max-width:980px){
  .plh .hero-ftitle{max-width:100%}
  .plh .hero .wrap{padding-bottom:92px}     /* dégage la place pour les commandes */
  .plh .hero-ui{bottom:20px}
  .plh .hero-ctrl{justify-content:center}
}

/* ============================================================
   BANDEAUX DE CONTENU (corps) · Secteurs, FONDÉO, Études de cas
============================================================ */
/* lien fléché commun aux bandeaux */
.plh .sl{display:inline-flex;align-items:center;gap:.5em;font-weight:800;font-size:.95rem}
.plh .sl svg{width:16px;height:16px;transition:transform .2s}

/* --- Secteurs : mosaïque 3x2 --- */
.plh .secgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.plh .sectile{position:relative;border-radius:8px;overflow:hidden;min-height:230px;display:flex;align-items:flex-end;isolation:isolate;color:#fff}
.plh .sectile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.92);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.plh .sectile:hover img{transform:scale(1.06)}
.plh .sectile .scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(7,22,42,.86) 0%,rgba(7,22,42,.5) 45%,rgba(10,37,64,.32) 100%);transition:background .35s}
.plh .sectile:hover .scrim{background:linear-gradient(to top,rgba(7,22,42,.92) 0%,rgba(10,37,64,.62) 55%,rgba(10,37,64,.4) 100%)}
.plh .sectile .sc{padding:24px 24px 26px;width:100%;position:relative}
.plh .sectile .sc::before{content:"";position:absolute;left:24px;top:0;width:40px;height:3px;background:var(--gold);transition:width .35s}
.plh .sectile:hover .sc::before{width:66px}
.plh .sectile h3{font-size:1.28rem;color:#fff;margin:16px 0 0}
.plh .sectile .sl{color:var(--gold);max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .4s ease,opacity .3s,margin .4s}
.plh .sectile:hover .sl{max-height:40px;opacity:1;margin-top:12px}
.plh .sectile .sl svg{color:var(--gold)}
.plh .sectile:hover .sl svg{transform:translateX(5px)}

/* --- FONDÉO : bande claire + carte navy --- */
.plh .plh-fondeo .fdo{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,3.6rem);align-items:center}
.plh .fdo-txt .eyebrow{color:var(--navy)}
.plh .fdo-txt h2{font-size:clamp(1.8rem,2.8vw,2.5rem);color:var(--navy);margin:.7rem 0 .9rem;line-height:1.15}
.plh .fdo-txt p{font-size:1.12rem;color:var(--slate);max-width:46ch;margin-bottom:1.8rem}
.plh .fdo-card{display:block;background:var(--navy);color:#fff;border-radius:12px;padding:30px 30px 26px;border-top:3px solid var(--gold);
  box-shadow:0 30px 60px -28px rgba(7,22,42,.6);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.plh .fdo-card:hover{transform:translateY(-5px);box-shadow:0 40px 72px -26px rgba(7,22,42,.7)}
.plh .fdo-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.plh .fdo-eye{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.plh .fdo-steps{font-size:.78rem;color:rgba(255,255,255,.6);font-weight:600}
.plh .fdo-q{font-size:1.18rem;font-weight:700;line-height:1.35;margin-bottom:16px}
.plh .fdo-opts{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}
.plh .fdo-opts span{display:block;padding:11px 15px;border:1px solid rgba(255,255,255,.16);border-radius:7px;font-size:.92rem;color:rgba(255,255,255,.88);transition:border-color .2s,background .2s}
.plh .fdo-card:hover .fdo-opts span:first-child{border-color:var(--gold);background:rgba(245,210,10,.08)}
.plh .fdo-bar{height:3px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden;margin-bottom:16px}
.plh .fdo-bar span{display:block;height:100%;width:25%;background:var(--gold);border-radius:3px}
.plh .fdo-go{display:inline-flex;align-items:center;gap:.5em;font-weight:800;color:var(--gold);font-size:.95rem}
.plh .fdo-go svg{width:16px;height:16px;color:var(--gold);transition:transform .2s}
.plh .fdo-card:hover .fdo-go svg{transform:translateX(5px)}

/* --- Études de cas : 3 cartes claires --- */
.plh .casgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.plh .cascard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px 26px 24px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.plh .cascard::before{content:"";position:absolute;left:0;top:0;height:3px;width:46px;background:var(--gold);transition:width .3s}
.plh .cascard:hover{transform:translateY(-6px);box-shadow:0 26px 52px -24px rgba(10,37,64,.28);border-color:transparent}
.plh .cascard:hover::before{width:100%}
.plh .cascard .cat{font-size:.76rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--gold-600);margin-bottom:12px}
.plh .cascard h3{font-size:1.22rem;color:var(--navy);line-height:1.28;margin-bottom:.7rem}
.plh .cascard p{font-size:.98rem;color:var(--slate);line-height:1.55;margin-bottom:1.4rem}
.plh .cascard .sl{color:var(--navy);margin-top:auto}
.plh .cascard .sl svg{color:var(--navy)}
.plh .cascard:hover .sl svg{transform:translateX(5px)}
.plh .cas-more{margin-top:2.2rem;text-align:center}

@media (max-width:980px){
  .plh .secgrid{grid-template-columns:repeat(2,1fr)}
  .plh .plh-fondeo .fdo{grid-template-columns:1fr;gap:2rem}
  .plh .casgrid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .plh .secgrid{grid-template-columns:1fr}
}