/* page-partners.css v2 (26 Oct 2026, Hugues: a real landing page for Rutherford.fr and Veoria). ColorLoop's system: Inter, the paper
   and the night, the white pill; each company gets its own night: Rutherford warm (its orange and red), Veoria violet (its UV light).
   Little text: a line, the figures, the media, one action. */
body.page-group{background:#f2f1ec}
.pp{color:#141416}
.pp-k{margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6a6f74}
.pp h1 span,.pp h2 span{color:#F50C0C}

/* hero: the title and two doors */
.pp-hero{display:grid;justify-items:center;text-align:center;padding:clamp(56px,8vw,120px) var(--pg-gut,24px) clamp(40px,5vw,72px)}
.pp-hero h1{margin:16px 0 0;font-size:clamp(56px,9vw,128px);line-height:.92;letter-spacing:-.055em;font-weight:600}
.pp-lead{margin:18px 0 0;font-size:clamp(18px,1.7vw,22px);color:#4b5052}
.pp-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);width:100%;max-width:980px;margin-top:clamp(36px,5vw,64px)}
.pp-door{position:relative;isolation:isolate;display:grid;justify-items:start;align-content:space-between;gap:28px;min-height:clamp(170px,17vw,220px);padding:clamp(22px,2.6vw,32px);
  border-radius:28px;overflow:hidden;color:#fff;text-decoration:none;text-align:left;background:#141416;transition:transform .3s cubic-bezier(.23,1,.32,1)}
.pp-door::before{content:"";position:absolute;z-index:-1;right:-25%;bottom:-60%;width:80%;height:130%;border-radius:50%;filter:blur(70px);opacity:.55}
.pp-door-ru::before{background:radial-gradient(closest-side,#ff9d1f,#ff0c03 60%,transparent)}
.pp-door-ve::before{background:radial-gradient(closest-side,#b45cff,#5a1ad6 60%,transparent)}
.pp-door img{display:block;height:clamp(30px,3vw,42px);width:auto}
.pp-door-ve img{height:clamp(20px,2vw,26px);margin-top:8px}
.pp-door span{font-size:15px;color:#c9cbd1}
.pp-door i{position:absolute;right:clamp(22px,2.6vw,32px);bottom:clamp(22px,2.6vw,32px);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#141416}
.pp-door i svg{width:18px;height:18px}
@media (hover:hover) and (pointer:fine){.pp-door:hover{transform:translateY(-4px)}}

/* a company: copy on one side, media on the other, on its own night */
.pp-co{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,8vw,120px) var(--pg-gut,24px);color:#fff;scroll-margin-top:70px}
.pp-ru{background:radial-gradient(60% 80% at 0% 100%,rgba(255,110,20,.22),transparent 60%),#141416}
.pp-ve{background:radial-gradient(60% 80% at 100% 0%,rgba(150,70,255,.26),transparent 60%),radial-gradient(50% 70% at 0% 100%,rgba(27,183,255,.12),transparent 60%),#0e0b14}
.pp-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px);max-width:1240px;margin:0 auto}
.pp-ve .pp-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.pp-copy{display:grid;justify-items:start;gap:18px}
.pp-logo{display:block;height:clamp(34px,3.2vw,46px);width:auto;margin-bottom:clamp(8px,1.6vw,20px)}
.pp-logo-ve{height:clamp(24px,2.2vw,30px)}
.pp-co .pp-k{color:#a9abb1}
.pp-co h2{margin:0;font-size:clamp(36px,4.2vw,60px);line-height:1;letter-spacing:-.045em;font-weight:600;text-wrap:balance}
.pp-ve h2 span{color:#b45cff}
.pp-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:8px 0 0;padding:0;list-style:none}
.pp-figs-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-figs li{display:grid;gap:2px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.pp-figs b{font-size:clamp(24px,2.4vw,34px);font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
.pp-figs span{font-size:13px;color:#a9abb1}
.pp-presses{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:6px}
.pp-presses img{height:13px;width:auto;filter:brightness(0) invert(1);opacity:.62}
.pp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:10px}
.pp-go{display:inline-flex;align-items:center;gap:9px;min-height:54px;padding:0 28px;border-radius:999px;background:#fff;color:#141416;font-size:16px;font-weight:600;text-decoration:none;
  transition:gap .2s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}
.pp-go svg{width:16px;height:16px}
.pp-go:hover{gap:13px}.pp-go:active{transform:scale(.97)}
.pp-go:focus-visible,.pp-link:focus-visible,.pp-door:focus-visible,.pp-pc:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pp-link{color:#fff;font-size:15px;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:5px}
.pp-link:hover{text-decoration-color:#fff}

/* the media mosaics */
.pp-media{display:grid;gap:clamp(10px,1.2vw,16px)}
.pp-m{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#1d1e22;box-shadow:0 30px 60px -36px rgba(0,0,0,.9)}
.pp-m img,.pp-m video{display:block;width:100%;height:100%;object-fit:cover}
.pp-media-ru{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:1fr 1fr;aspect-ratio:7/6}
.pp-media-ru .pp-m-tall{grid-row:1/3}
.pp-media-ve{grid-template-columns:minmax(0,1.6fr) minmax(0,.75fr);aspect-ratio:16/10}

/* offset and flexo: two pictures, two links */
.pp-proc{padding:clamp(64px,8vw,112px) var(--pg-gut,24px);text-align:center}
.pp-proc h2{margin:0 0 clamp(28px,4vw,48px);font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.05em;font-weight:600}
.pp-proc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);max-width:1240px;margin:0 auto}
.pp-pc{position:relative;display:block;aspect-ratio:4/3;border-radius:28px;overflow:hidden;color:#fff;text-decoration:none;text-align:left;background:#141416}
.pp-pc img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1)}
.pp-pc::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(10,10,12,.78))}
.pp-pc-t{position:absolute;z-index:1;left:clamp(20px,2.4vw,32px);right:clamp(20px,2.4vw,32px);bottom:clamp(20px,2.4vw,30px);display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.pp-pc-t b{font-size:clamp(26px,2.8vw,40px);line-height:1;letter-spacing:-.04em;font-weight:600}
.pp-pc-t span{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;background:#fff;color:#141416;font-size:14.5px;font-weight:600;white-space:nowrap}
.pp-pc-t svg{width:14px;height:14px}
@media (hover:hover) and (pointer:fine){.pp-pc:hover img{transform:scale(1.04)}}

@media (max-width:900px){
  .pp-in,.pp-ve .pp-in{grid-template-columns:1fr}
  .pp-ve .pp-media{order:2}
  .pp-doors,.pp-proc-grid{grid-template-columns:1fr}
  .pp-media-ru{aspect-ratio:auto;grid-template-rows:auto auto}
  .pp-media-ru .pp-m-tall{aspect-ratio:9/14}
  .pp-media-ve{aspect-ratio:auto;grid-template-columns:1.4fr .8fr}
  .pp-pc-t{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.pp-go,.pp-door,.pp-pc img{transition:none}}