/* The Rutherford proof layer (9 Oct 2026): customer stories, ColorLoop on press, real photos, social networks.
   Markup: tools/proof.py. Behavior: proof.js. Loaded on every page (the footer row), after the page styles.
   Self-contained (the home does not load the v3 kit): the tokens below repeat the kit values of pages-v3.css.
   Motion: one-shot reveals and count-ups when in view, hover lifts, the dialog opens with a short scale and fade.
   Nothing repeats. Reduced motion, html[data-motion="paused"] and ?static show the final frame; without JS every
   element is visible and the story cards are plain links to YouTube. */

.pf-sec,.pf-dialog,.pf-chip,.pf-ff{
  --pf-ink:#141416;--pf-btn:#1D1D1F;--pf-paper:#f4f3ec;--pf-t2:#33393a;--pf-t3:#4b5052;--pf-t4:#5b6064;
  --pf-line:rgba(22,24,22,.13);--pf-line2:rgba(22,24,22,.4);--pf-card:#fff;--pf-cardline:rgba(22,24,22,.08);
  --pf-out:cubic-bezier(.16,1,.3,1);--pf-pop:cubic-bezier(.34,1.56,.64,1);--pf-shadow:0 24px 48px -24px rgba(20,22,24,.35);
  --pf-gut:var(--pg-gut,var(--gutter,24px))
}
.pf-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pf-ic{display:block;width:20px;height:20px;flex:none}
.pf-dialog [hidden]{display:none!important}

/* ---------------------------------------------------------------- section grounds */
.pf-sec{position:relative;color:var(--pf-ink)}
.pf-paper{background:var(--pf-paper)}
.pf-white{background:#fff;--pf-card:#f7f7f4;--pf-cardline:rgba(22,24,22,.07)}
.pf-band{padding:clamp(72px,9vw,128px) var(--pf-gut)}
.pf-stories{border-top:0;--pf-gut:var(--gutter,24px);overflow:hidden;padding-bottom:0}   /* the home sections pad with --gutter; the community band closes it */
.pf-stories::before{content:"";position:absolute;right:-6%;top:-4%;width:min(46vw,620px);aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#19AAE3 1.7px,transparent 2.1px) 0 0/15px 15px;opacity:.34;
  -webkit-mask-image:radial-gradient(circle at 70% 30%,#000 0,transparent 68%);mask-image:radial-gradient(circle at 70% 30%,#000 0,transparent 68%)}
.pf-stories>:not(dialog):not(script){position:relative}
.pf-inks{display:flex;gap:7px;margin:0 0 14px}
.pf-inks i{width:11px;height:11px;border-radius:50%;background:#F50C0C}
.pf-inks i:nth-child(2){background:#FAA1DB}.pf-inks i:nth-child(3){background:#19AAE3}.pf-inks i:nth-child(4){background:#FBCB05}.pf-inks i:nth-child(5){background:#64A932}
.pf-sec .section-kicker{border-top:1px solid var(--pf-line2)}
.pf-sec .section-kicker .mono{color:var(--pf-t3)}

/* ---------------------------------------------------------------- head: H2 on 7 columns, lead on 5, bottom aligned */
.pf-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin:0 0 clamp(44px,6vw,88px)}
.pf-head h2{grid-column:1/span 7;margin:0;font-size:clamp(36px,4.8vw,72px);font-weight:600;line-height:.98;letter-spacing:-.055em;text-wrap:balance;color:inherit}
.pf-head h2 span,.pf-h3 span{color:#F50C0C}
.pf-lead{grid-column:8/span 5;margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:var(--pf-t2);text-wrap:pretty}
.pf-h3{margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:600;line-height:1.05;letter-spacing:-.04em;color:inherit}
.pf-h3-lg{font-size:clamp(30px,3.6vw,54px);line-height:1;letter-spacing:-.05em}
.pf-lbl{display:block;font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-t4)}
.pf-note{margin:22px 0 0;max-width:80ch;font-size:14px;line-height:1.55;color:var(--pf-t4)}

/* ---------------------------------------------------------------- big numbers (Apple style), with customer and source */
.pf-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--pf-line)}
.pf-num:nth-child(1){--pf-c:#0b7fb3}.pf-num:nth-child(2){--pf-c:#c2468f}.pf-num:nth-child(3){--pf-c:#3f7f1d}
.pf-num{padding:clamp(24px,3vw,40px) clamp(20px,2.6vw,40px) 0;border-left:1px solid var(--pf-line);display:flex;flex-direction:column}
.pf-num:first-child{padding-left:0;border-left:0}
.pf-num p{margin:0}
.pf-n-who{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-t3)}
.pf-n-fig{color:var(--pf-c,var(--pf-ink));margin:clamp(14px,1.6vw,22px) 0 0!important;font-size:clamp(56px,7vw,112px);font-weight:600;line-height:.9;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.pf-n-bar{display:block;height:8px;width:100%;margin:clamp(14px,1.6vw,22px) 0 clamp(12px,1.4vw,18px);background:radial-gradient(circle,var(--pf-c) 2.6px,transparent 3px) 0 50%/12px 8px repeat-x;transform-origin:0 50%}
.pf-n-fig b{font-weight:inherit}
.pf-n-lbl{color:var(--pf-ink);font-size:clamp(18px,1.6vw,22px);font-weight:600;line-height:1.25;letter-spacing:-.015em;max-width:19ch}
.pf-n-det{margin-top:10px!important;font-size:16px;line-height:1.5;color:var(--pf-t2);max-width:32ch}
.pf-n-src{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;margin-top:auto;padding-top:10px;font-size:14px;font-weight:500;color:var(--pf-ink);text-decoration:none}
.pf-n-src span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;line-height:1.35}
.pf-n-src .pf-ic{width:20px;height:20px;color:#F50C0C}
.pf-n-src:hover span{text-decoration-thickness:2px}

/* the scale line from rutherford.fr */
.pf-scale{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px clamp(20px,3vw,44px);margin:clamp(32px,4vw,56px) 0 0;padding:20px 0 0;border-top:1px solid var(--pf-line)}
.pf-scale p{margin:0}
.pf-scale-n{color:var(--pf-ink);display:flex;align-items:baseline;gap:10px}
.pf-scale-n b{font-size:clamp(28px,2.8vw,40px);font-weight:600;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.pf-scale-n span{font-size:16px;color:var(--pf-t2)}
.pf-scale-src{margin-left:auto!important;font-size:14px;color:var(--pf-t4)}
.pf-band .pf-scale{margin:0 0 clamp(36px,5vw,64px);border-top:0;padding:0}

/* ---------------------------------------------------------------- story carousel */
.pf-rail{margin-top:clamp(64px,8vw,112px)}
.pf-band .pf-rail{margin-top:0}
.pf-rail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 clamp(20px,2.4vw,32px)}
.pf-rail-head p{margin:12px 0 0;max-width:56ch;font-size:16px;line-height:1.55;color:var(--pf-t2)}
.pf-rail-head p:first-child{margin-top:0}
.pf-arrows{display:none;gap:10px;flex:none}
html.pf-on .pf-arrows{display:flex}
.pf-rail.pf-static .pf-arrows{visibility:hidden}
.pf-arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border-radius:50%;border:1px solid var(--pf-ink);background:transparent;color:var(--pf-ink);cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.pf-arrow:hover{background:var(--pf-ink);color:#fff}
.pf-arrow:focus-visible{outline:2px solid var(--pf-ink);outline-offset:3px}
.pf-arrow[aria-disabled="true"]{opacity:.3;cursor:default;background:transparent;color:var(--pf-ink)}
.pf-track{--pf-cw:clamp(296px,27.5vw,400px);position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:var(--pf-cw);gap:20px;list-style:none;
  margin:0 calc(var(--pf-gut) * -1);padding:10px var(--pf-gut) 34px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pf-gut);
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pf-track::-webkit-scrollbar{display:none}
.pf-slide{position:relative;scroll-snap-align:start;display:flex;min-width:0}
/* four stories or fewer: a plain grid of four on wide screens */
@media (min-width:1100px){
  .pf-few .pf-track{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;margin:0;padding:10px 0 34px;overflow:visible}
  .pf-few .pf-arrows{visibility:hidden}
}
.pf-card{display:flex;flex-direction:column;width:100%;border-radius:10px;overflow:hidden;background:var(--pf-card);border:1px solid var(--pf-cardline);color:var(--pf-ink);text-decoration:none;
  transition:transform .45s var(--pf-out),box-shadow .45s var(--pf-out)}
.pf-card:has(.pf-thumb:hover){transform:translateY(-6px);box-shadow:var(--pf-shadow)}
.pf-thumb:focus-visible{outline:2px solid var(--pf-ink);outline-offset:-4px}

.pf-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#e9eae6}
.pf-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--pf-out)}
.pf-thumb:hover img{transform:scale(1.04)}
.pf-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(20,20,22,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .3s var(--pf-out),background .3s}
.pf-play::after{content:"";position:absolute;left:22px;top:17px;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.pf-thumb:hover .pf-play,.pf-short:hover .pf-play,.pf-d-thumb:hover .pf-play,.pf-pv:hover .pf-play{transform:scale(1.08);background:#F50C0C}
.pf-dur{position:absolute;right:10px;bottom:10px;padding:3px 8px;border-radius:999px;background:rgba(20,20,22,.8);color:#fff;font-size:12px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums}
.pf-cbody{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n n" "y m";align-items:end;gap:6px 12px;padding:18px 22px 18px}
.pf-where{grid-area:y;font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--pf-t3);font-variant-numeric:tabular-nums}
.pf-name{grid-area:n;margin:0;font-size:clamp(21px,1.7vw,25px);font-weight:600;line-height:1.1;letter-spacing:-.035em}
.pf-res{margin:8px 0 20px;font-size:16px;line-height:1.5;color:var(--pf-t2)}
.pf-meta{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:14px;border-top:1px solid var(--pf-line);font-size:14px;line-height:1.45;color:var(--pf-t3)}
.pf-more{grid-area:m;display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:0 -6px -4px 0;padding:0 6px;border-radius:6px;font-size:15px;font-weight:500;color:var(--pf-ink);text-decoration:none;white-space:nowrap}
.pf-more .pf-ic{width:18px;height:18px;transition:transform .3s var(--pf-out)}
.pf-more:hover .pf-ic{transform:translateX(4px)}
.pf-more:hover{text-decoration:underline;text-underline-offset:4px}
.pf-more:focus-visible{outline:2px solid var(--pf-ink);outline-offset:2px}
.pf-js{display:none}
html.pf-on .pf-js{display:inline}
html.pf-on .pf-nojs{display:none}

/* ---------------------------------------------------------------- ColorLoop on press: photos and Shorts */
.pf-onpress{margin-top:clamp(72px,9vw,128px)}
.pf-subkick{display:flex;justify-content:space-between;gap:20px;padding-top:16px;margin:0 0 clamp(28px,4vw,48px);border-top:1px solid var(--pf-line2);
  font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-t3)}
.pf-subhead{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin:0 0 clamp(28px,3.6vw,48px)}
.pf-subhead>:first-child{grid-column:1/span 7}
.pf-subhead p{grid-column:8/span 5;margin:0;font-size:17px;line-height:1.55;color:var(--pf-t2)}
.pf-mosaic{margin:0 0 clamp(36px,4.4vw,64px)}
.pf-mosaic{margin:clamp(16px,2vw,24px) 0 0}
.pf-mos-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pf-mos-row img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:20px;background:#e3e3dc}
.pf-feat-row{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:16px;margin:0 0 16px}
.pf-feat{position:relative;display:block;color:var(--pf-ink);text-decoration:none}
.pf-feat .pf-thumb{border-radius:22px;background:#1d1d1f;transition:transform .45s var(--pf-out),box-shadow .45s var(--pf-out)}
.pf-feat:hover .pf-thumb{transform:translateY(-6px);box-shadow:var(--pf-shadow)}
.pf-feat .pf-play{width:72px;height:72px;margin:-36px 0 0 -36px}
.pf-feat .pf-play::after{left:28px;top:22px;border-left-width:22px;border-top-width:14px;border-bottom-width:14px}
.pf-feat:focus-visible{outline:2px solid var(--pf-ink);outline-offset:4px;border-radius:22px}
.pf-feat-t{display:flex;flex-direction:column;gap:2px;margin-top:14px}
.pf-feat-t strong{font-size:clamp(18px,1.5vw,22px);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.pf-feat-t span{font-size:14px;color:var(--pf-t3)}
.pf-feat-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-radius:22px;background:#e3e3dc}
.pf-mosaic figcaption{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;line-height:1.45;color:var(--pf-t3)}
.pf-mosaic figcaption::before{content:"";width:18px;height:1px;background:var(--pf-line2)}
.pf-shorts{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;margin:clamp(16px,2vw,24px) 0 0;padding:0}
.pf-shorts>li{min-width:0}
.pf-short{position:relative;display:block;color:var(--pf-ink);text-decoration:none}   /* holds its visually hidden text inside the scrolling row */
.pf-short:focus-visible{outline:2px solid var(--pf-ink);outline-offset:4px;border-radius:18px}
.pf-sthumb{position:relative;display:block;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#1d1d1f;transition:transform .45s var(--pf-out),box-shadow .45s var(--pf-out)}
.pf-sthumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--pf-out)}
.pf-short:hover .pf-sthumb{transform:translateY(-6px);box-shadow:var(--pf-shadow)}
.pf-short:hover .pf-sthumb img{transform:scale(1.04)}
.pf-sthumb .pf-play{width:48px;height:48px;margin:-24px 0 0 -24px}
.pf-sthumb .pf-play::after{left:19px;top:14px;border-left-width:14px;border-top-width:10px;border-bottom-width:10px}
.pf-badge{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--pf-ink);font-size:12px;font-weight:600;line-height:1.3;letter-spacing:-.005em}
.pf-ring{display:block;width:14px;height:14px;border-radius:50%;background:conic-gradient(#F50C0C 0 20%,#FAA1DB 0 40%,#19AAE3 0 60%,#FBCB05 0 80%,#64A932 0);
  -webkit-mask:radial-gradient(circle,transparent 3.2px,#000 3.6px);mask:radial-gradient(circle,transparent 3.2px,#000 3.6px)}
.pf-stitle{display:block;margin-top:12px;font-size:16px;font-weight:500;line-height:1.35;letter-spacing:-.01em}
.pf-ssub{display:block;margin-top:2px;font-size:13px;color:var(--pf-t4)}

/* ---------------------------------------------------------------- follow Rutherford */
.pf-follow{margin-top:clamp(72px,9vw,128px)}
.pf-band-follow .pf-follow{margin-top:0}
.pf-band-follow{padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px)}
.pf-band-follow .pf-follow-head>:first-child{font-size:clamp(32px,3.8vw,56px);line-height:1;letter-spacing:-.05em}
.pf-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;list-style:none;margin:0 0 20px;padding:0}
.pf-preview>li{min-width:0}
.pf-pv{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#1d1d1f;transition:transform .45s var(--pf-out),box-shadow .45s var(--pf-out)}
.pf-pv img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--pf-out)}
.pf-pv:hover{transform:translateY(-4px);box-shadow:var(--pf-shadow)}
.pf-pv:hover img{transform:scale(1.04)}
.pf-pv .pf-play{width:40px;height:40px;margin:-20px 0 0 -20px}
.pf-pv .pf-play::after{left:16px;top:12px;border-left-width:12px;border-top-width:8px;border-bottom-width:8px}
.pf-pv:focus-visible{outline:2px solid var(--pf-ink);outline-offset:3px}
.pf-nets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.pf-nets>li{display:flex;min-width:0}
.pf-net{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px 12px 12px;border-radius:10px;background:var(--pf-card);border:1px solid var(--pf-cardline);color:var(--pf-ink);text-decoration:none;
  transition:transform .45s var(--pf-out),box-shadow .45s var(--pf-out)}
.pf-net>.pf-ic{width:18px;height:18px;margin-left:auto;color:var(--pf-t3);transition:transform .3s var(--pf-out)}
.pf-net:hover>.pf-ic{transform:translate(2px,-2px)}
.pf-net-t{display:flex;flex-direction:column;min-width:0}
.pf-net:hover{transform:translateY(-4px);box-shadow:var(--pf-shadow)}
.pf-net:focus-visible{outline:2px solid var(--pf-ink);outline-offset:4px}
.pf-net-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--pf-paper);color:var(--pf-ink);transition:background .25s,color .25s}
.pf-white .pf-net-ic{background:#ecebe3}
.pf-net-ic .pf-ic{width:26px;height:26px}
.pf-net:hover .pf-net-ic{background:var(--pf-ink);color:#fff}
.pf-net-go{position:absolute;right:20px;top:20px;color:var(--pf-t3)}
.pf-net-go .pf-ic{width:20px;height:20px;transition:transform .3s var(--pf-out)}
.pf-net:hover .pf-net-go .pf-ic{transform:translate(2px,-2px)}
.pf-net strong{font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.pf-net-h{margin-top:1px;font-size:13px;color:var(--pf-t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-net-p{margin-top:14px;font-size:16px;line-height:1.5;color:var(--pf-t2)}

/* ---------------------------------------------------------------- the story dialog */
.pf-dialog{padding:0;border:0;margin:auto;width:min(1120px,calc(100vw - 48px));max-width:none;height:min(760px,calc(100dvh - 48px));max-height:none;border-radius:12px;
  background:#fff;color:var(--pf-ink);overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.pf-dialog::backdrop{background:rgba(12,12,14,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pf-dialog[open]{animation:pf-in .34s var(--pf-out)}
.pf-dialog[open]::backdrop{animation:pf-fade .3s ease-out}
@keyframes pf-in{from{opacity:0;transform:translateY(10px) scale(.965)}}
@keyframes pf-fade{from{opacity:0}}
html.pf-modal{overflow:hidden}
.pf-d-inner{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%}
.pf-d-scroll{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);min-height:0}
.pf-d-media{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:clamp(24px,3vw,44px);background:#141416;color:#f5f5f7}
.pf-d-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#2a2a2d}
.pf-d-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--pf-out)}
.pf-d-thumb:hover img{transform:scale(1.03)}
.pf-d-thumb .pf-play{width:72px;height:72px;margin:-36px 0 0 -36px}
.pf-d-thumb .pf-play::after{left:28px;top:22px;border-left-width:22px;border-top-width:14px;border-bottom-width:14px}
.pf-d-frame{margin:0;font-size:14px;line-height:1.55;color:rgba(255,255,255,.74);max-width:46ch}
.pf-d-frame b{display:block;margin-bottom:4px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#f5f5f7}
.pf-d-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(28px,3.4vw,48px) clamp(24px,3.4vw,48px) 28px}
.pf-d-where{margin:0 64px 0 0;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-t3)}
.pf-dialog h2{margin:10px 56px 0 0;font-size:clamp(32px,3.2vw,46px);font-weight:600;line-height:1;letter-spacing:-.05em}
.pf-d-kind{margin:12px 0 0;font-size:17px;font-weight:500;color:var(--pf-t2)}
.pf-d-cr{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 0;padding:20px 0 0;border-top:1px solid var(--pf-line)}
.pf-d-cr dt,.pf-d-spec dt,.pf-d-lbl{margin:0 0 6px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-t4)}
.pf-d-cr dd{margin:0;font-size:17px;line-height:1.5;color:var(--pf-ink)}
.pf-d-out{margin:26px 0 0;padding:20px 0 0;border-top:1px solid var(--pf-line)}
.pf-d-fig{color:var(--pf-ink);display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:6px 0 8px}
.pf-d-fig b{font-size:clamp(44px,4.4vw,64px);font-weight:600;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.pf-d-fig span{font-size:17px;font-weight:600;line-height:1.35;max-width:30ch}
.pf-d-out ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.pf-d-out li{position:relative;padding-left:20px;font-size:16px;line-height:1.5;color:var(--pf-t2)}
.pf-d-out li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:#64A932}
.pf-d-quote{margin:26px 0 0;padding:22px 0 0;border-top:1px solid var(--pf-line)}
.pf-d-quote blockquote{margin:0}
.pf-d-quote blockquote p{position:relative;color:var(--pf-ink);margin:0;font-size:clamp(19px,1.7vw,22px);font-weight:500;line-height:1.45;letter-spacing:-.015em;text-wrap:pretty}
.pf-d-quote blockquote p::before{content:"“";display:block;height:.5em;margin-bottom:10px;font:600 3.2em/1 Georgia,'Times New Roman',serif;color:#F50C0C}
.pf-d-quote figcaption{margin-top:12px;font-size:14px;line-height:1.45;color:var(--pf-t3)}
.pf-d-quote figcaption b{font-weight:600;color:var(--pf-ink)}
.pf-d-people{margin:22px 0 0;font-size:16px;line-height:1.5;color:var(--pf-t2)}
.pf-d-spec{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 0;padding:20px 0 0;border-top:1px solid var(--pf-line)}
.pf-d-spec dd{margin:0;font-size:15px;line-height:1.45;color:var(--pf-ink)}
.pf-d-actions{margin:0}

.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--pf-btn);color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:background .2s}
.pf-btn:hover{background:#000}
.pf-btn:focus-visible{outline:2px solid var(--pf-ink);outline-offset:3px}
.pf-btn .pf-ic{width:18px;height:18px}
.pf-btn.pf-btn-light{background:#fff;color:var(--pf-ink)}   /* on the dark media panel of the dialog */
.pf-btn.pf-btn-light:hover{background:#e9e9e4}
.pf-btn.pf-btn-light:focus-visible{outline-color:#fff}
.pf-d-src{margin:16px 0 0;font-size:13px;line-height:1.5;color:var(--pf-t4)}
.pf-d-close{position:absolute;z-index:2;right:16px;top:16px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#f1f1ec;color:var(--pf-ink);cursor:pointer;transition:background .2s,color .2s}
.pf-d-close:hover{background:var(--pf-ink);color:#fff}
.pf-d-close:focus-visible,.pf-d-step:focus-visible{outline:2px solid var(--pf-ink);outline-offset:2px}
.pf-d-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--pf-line);background:#fff}
.pf-d-step{display:inline-flex;align-items:center;gap:12px;min-height:52px;max-width:42%;padding:4px 14px;border:0;border-radius:14px;background:transparent;color:var(--pf-ink);font:inherit;text-align:left;cursor:pointer;transition:background .2s}
.pf-d-step.pf-next{text-align:right}
.pf-d-step:hover{background:#f3f3ee}
.pf-d-step span{display:flex;flex-direction:column;min-width:0}
.pf-d-step small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-t4)}
.pf-d-step b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-d-step[aria-disabled="true"]{opacity:.32;cursor:default;background:transparent}
.pf-d-count{margin:0;font-size:13px;font-weight:500;color:var(--pf-t3);font-variant-numeric:tabular-nums;letter-spacing:.06em}

/* ---------------------------------------------------------------- the hero link to the stories (home) */
.pf-chip{display:flex;width:fit-content;max-width:100%;align-items:center;gap:12px;margin-top:12px;padding:5px 16px 5px 6px;border-radius:999px;
  background:rgba(255,255,255,.55);border:1px solid rgba(22,24,22,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:var(--pf-ink);font-size:14px;line-height:1.35;text-decoration:none;transition:background .25s}
.pf-chip:hover{background:rgba(255,255,255,.85)}
.pf-chip:focus-visible{outline:2px solid var(--pf-ink);outline-offset:3px}
.pf-chip-faces{display:flex;flex:none}
.pf-chip-faces img{display:block;width:30px;height:30px;border-radius:50%;border:2px solid #fff;object-fit:cover;background:#ddd}
.pf-chip-faces img+img{margin-left:-10px}
.pf-chip-t{color:var(--pf-t2)}
.pf-chip u{color:var(--pf-ink);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;white-space:nowrap}

/* ---------------------------------------------------------------- footer: follow Rutherford (every page) */
.pf-ff{margin-top:6px}
.pf-ff h2{margin:0 0 10px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#5b6064}
.pf-ff ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.pf-ff a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(22,24,22,.2);color:#141416;transition:background .2s,color .2s,border-color .2s}
.pf-ff a:hover{background:#141416;border-color:#141416;color:#fff}
.pf-ff a:focus-visible{outline:2px solid #141416;outline-offset:2px}
.pf-ff .pf-ic{width:20px;height:20px}

/* ---------------------------------------------------------------- one-shot reveal (motion allowed, not paused, JS running) */
@media (prefers-reduced-motion:no-preference){
  html.pf-ready:not([data-motion="paused"]) [data-pf-reveal]{transition:opacity .6s var(--pf-out,ease) calc(var(--i,0) * 90ms),transform .7s var(--pf-out,ease) calc(var(--i,0) * 90ms)}
  html.pf-ready:not([data-motion="paused"]) [data-pf-reveal]:not(.is-in){opacity:0;transform:translateY(18px)}
  html.pf-ready:not([data-motion="paused"]) .pf-mosaic[data-pf-reveal]:not(.is-in){transform:translateY(28px)}
  html.pf-ready:not([data-motion="paused"]) .pf-n-bar{transition:transform 1.1s var(--pf-out) calc(var(--i,0) * 90ms + .25s)}
  html.pf-ready:not([data-motion="paused"]) .pf-num:not(.is-in) .pf-n-bar{transform:scaleX(0)}
  @keyframes pf-settle{from{transform:scale(var(--j))}to{transform:scale(1)}}
}
@media (prefers-reduced-motion:reduce){
  .pf-dialog[open],.pf-dialog[open]::backdrop{animation:none}
  .pf-card,.pf-card *,.pf-short *,.pf-net,.pf-net *,.pf-d-thumb img,.pf-feat *,.pf-pv,.pf-pv *{transition:none!important}
  .pf-card:hover,.pf-short:hover .pf-sthumb,.pf-net:hover,.pf-feat:hover .pf-thumb,.pf-pv:hover{transform:none}
}
html[data-motion="paused"] .pf-dialog[open],html[data-motion="paused"] .pf-dialog[open]::backdrop{animation:none}
html[data-motion="paused"] [data-pf-reveal]{opacity:1;transform:none}

/* ---------------------------------------------------------------- tablet */
@media (max-width:1023px){
  .pf-num{padding-left:clamp(16px,2.4vw,28px);padding-right:clamp(16px,2.4vw,28px)}
  .pf-shorts{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:clamp(150px,26vw,210px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    margin:0 calc(var(--pf-gut) * -1);padding:8px var(--pf-gut) 24px;scroll-padding-inline:var(--pf-gut);overscroll-behavior-x:contain}
  .pf-shorts::-webkit-scrollbar{display:none}
  .pf-shorts>li{scroll-snap-align:start}
  .pf-nets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pf-dialog{width:calc(100vw - 32px);height:calc(100dvh - 32px);border-radius:12px}
  .pf-d-scroll{display:block;overflow:auto;overscroll-behavior:contain}
  .pf-d-body{overflow:visible}
  .pf-d-media{padding:28px 28px 24px}
  .pf-d-thumb{max-width:720px}
}
@media (max-width:900px){
  .pf-head,.pf-subhead{grid-template-columns:minmax(0,1fr)}
  .pf-head h2,.pf-lead,.pf-subhead>:first-child,.pf-subhead p{grid-column:1}
  .pf-lead,.pf-subhead p{margin-top:18px}
}

/* ---------------------------------------------------------------- phone */
@media (max-width:760px){
  .pf-nums{grid-template-columns:minmax(0,1fr);border-top:0}
  .pf-num{padding:22px 0 18px;border-left:0;border-top:1px solid var(--pf-line)}
  .pf-num:first-child{padding-left:0}
  .pf-n-fig{margin-top:10px!important;font-size:60px}
  .pf-n-bar{margin:12px 0 10px}
  .pf-n-lbl{font-size:18px}
  .pf-n-src{padding-top:4px;min-height:40px}
  .pf-scale{gap:8px 24px}
  .pf-scale>.pf-lbl{flex-basis:100%}
  .pf-scale-src{margin-left:0!important;flex-basis:100%}
  .pf-rail-head{align-items:flex-end}
  .pf-rail-head p{font-size:16px}
  .pf-arrow{width:44px;height:44px}
  .pf-track{--pf-cw:min(82vw,340px);gap:14px}
  .pf-cbody{padding:20px 20px 18px}
  .pf-feat-row{grid-template-columns:minmax(0,1fr);gap:10px}
  .pf-feat .pf-thumb,.pf-feat-photo{border-radius:16px}
  .pf-feat-photo{aspect-ratio:3/2;height:auto;object-position:50% 30%}
  .pf-feat .pf-play{width:56px;height:56px;margin:-28px 0 0 -28px}
  .pf-feat .pf-play::after{left:22px;top:17px;border-left-width:17px;border-top-width:11px;border-bottom-width:11px}
  .pf-mos-row{grid-template-columns:1fr 1fr;gap:8px}
  .pf-mos-row img{border-radius:14px}
  .pf-mos-row img:first-child{grid-column:1/span 2}
  .pf-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .pf-pv{border-radius:12px}
  .pf-pv .pf-play{width:32px;height:32px;margin:-16px 0 0 -16px}
  .pf-pv .pf-play::after{left:13px;top:9px;border-left-width:10px;border-top-width:7px;border-bottom-width:7px}
  .pf-shorts{grid-auto-columns:42vw;gap:12px}
  .pf-subkick>span:last-child{display:none}
  /* phones: two compact pills per row */
  .pf-nets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pf-net{padding:9px 12px 9px 9px;gap:10px}
  .pf-net-ic{width:40px;height:40px}
  .pf-net-ic .pf-ic{width:22px;height:22px}
  .pf-net>.pf-ic:not(.pf-brand){display:none}
  .pf-net strong{font-size:15px}
  .pf-net-h{font-size:12px}
  .pf-head h2 br{display:none}
  .pf-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  .pf-d-media{padding:64px 16px 20px;gap:16px}
  .pf-d-thumb{border-radius:14px}
  .pf-d-thumb .pf-play{width:60px;height:60px;margin:-30px 0 0 -30px}
  .pf-d-thumb .pf-play::after{left:23px;top:18px;border-left-width:18px;border-top-width:12px;border-bottom-width:12px}
  .pf-d-close{right:12px;top:12px;background:#fff}
  .pf-d-body{padding:26px 20px 24px}
  .pf-d-where{margin-right:0}
  .pf-dialog h2{margin-right:0}
  .pf-d-cr,.pf-d-spec{grid-template-columns:minmax(0,1fr);gap:16px}
  .pf-d-nav{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}
  .pf-d-step{max-width:44%;padding:4px 10px;gap:8px}
  .pf-d-step b{font-size:14px}
  .pf-chip{font-size:13px;gap:10px;padding:5px 16px 5px 5px;border-radius:24px}
  .pf-chip-faces img{width:28px;height:28px}
}
@media (max-width:400px){
  .pf-n-fig{font-size:46px}
  .pf-d-step b{display:none}
  .pf-d-step small{font-size:13px;letter-spacing:.06em}
}

/* ---------------------------------------------------------------- the videos play here (9 Oct 2026): YouTube's privacy-enhanced player,
   in the story dialog's media box or in a player dialog of its own (Shorts and the Berger videos), loaded only on play */
.pf-d-thumb.is-playing img,.pf-d-thumb.is-playing .pf-play,.pf-d-thumb.is-playing .pf-dur{display:none}
.pf-d-thumb iframe,.pf-p-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.pf-d-thumb:focus-visible{outline:3px solid #fff;outline-offset:3px}
.pf-player{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#f5f5f7;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.pf-player::backdrop{background:rgba(8,8,10,.88)}
.pf-player[open]{display:grid;place-items:center}
.pf-p-inner{position:relative;display:flex;flex-direction:column;gap:14px;width:min(960px,calc(100vw - 32px))}
.pf-player[data-shape="v"] .pf-p-inner{width:min(calc((100dvh - 150px) * 9 / 16),calc(100vw - 32px))}
.pf-p-frame{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 40px 90px -30px rgba(0,0,0,.9)}
.pf-player[data-shape="v"] .pf-p-frame{aspect-ratio:9/16}
.pf-player[open] .pf-p-frame{animation:pf-p-in .45s cubic-bezier(.16,1,.3,1) both}
@keyframes pf-p-in{from{opacity:0;transform:translateY(14px) scale(.96)}}
.pf-p-close{position:fixed;z-index:2;right:max(16px,env(safe-area-inset-right,0px));top:max(16px,env(safe-area-inset-top,0px));display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:#fff;color:#141416;cursor:pointer;transition:transform .2s}
.pf-p-close:hover{transform:scale(1.06)}
.pf-p-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pf-p-bar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0;padding:0 4px;font-size:15px;line-height:1.4}
.pf-p-bar span{font-weight:600;letter-spacing:-.01em}
.pf-p-yt{flex:none;display:inline-flex;align-items:center;gap:6px;color:#f5f5f7;text-decoration:underline;text-underline-offset:4px;font-size:14px;opacity:.85}
.pf-p-yt:hover{opacity:1}
.pf-p-yt .pf-ic{width:14px;height:14px}
@media (max-width:600px){.pf-p-inner{width:calc(100vw - 20px)}.pf-player[data-shape="v"] .pf-p-inner{width:min(calc((100dvh - 120px) * 9 / 16),calc(100vw - 20px))}.pf-p-frame{border-radius:14px}.pf-p-bar{flex-direction:column;gap:6px}}
@media (prefers-reduced-motion:reduce){.pf-player[open] .pf-p-frame{animation:none}}
html[data-motion="paused"] .pf-player[open] .pf-p-frame{animation:none}

/* ---------------------------------------------------------------- join the community (9 Oct 2026): a dark panel, the Rutherford logo, the
   figures counting up once when the panel comes into view, the four networks with their official logos on white discs */
  --pf-card:#1f1f22;--pf-cardline:rgba(255,255,255,.1);--pf-t2:#c9cbce;--pf-t3:#a3a7ab;--pf-t4:#8d9195;--pf-ink:#f5f5f7}
.pf-band-follow{padding-bottom:0}
.pf-band-follow .section-kicker{margin-bottom:0}
  -webkit-mask-image:radial-gradient(circle at 60% 40%,#000 30%,transparent 72%);mask-image:radial-gradient(circle at 60% 40%,#000 30%,transparent 72%)}
@media (max-width:760px){
  .pf-stories::before{width:70vw;right:-20%;top:-2%}
}

/* ---------------------------------------------------------------- join the community (9 Oct 2026, Hugues): black, centered, graphic.
   The Rutherford logo, the title, the follower counter (proof.js lets it grow while on screen), the five characters as the dots,
   then the four networks as small one-color logos. Full width, square. */
.pf-comm{position:relative;overflow:hidden;margin:clamp(72px,9vw,128px) calc(var(--pf-gut) * -1) 0;padding:clamp(72px,8vw,120px) var(--pf-gut) clamp(56px,6vw,88px);background:#141416;color:#f5f5f7;text-align:center;
  --pf-ink:#f5f5f7;--pf-t2:rgba(255,255,255,.72);--pf-t3:rgba(255,255,255,.6);--pf-t4:rgba(255,255,255,.46)}
.pf-band-follow{padding-bottom:0}
.pf-band-follow .pf-comm{margin-top:0}
.pf-band-follow .section-kicker{margin-bottom:0}
.pf-comm::before{content:"";position:absolute;inset:auto 0 0;height:46%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.07) 1.4px,transparent 1.8px) 0 0/12px 12px;
  -webkit-mask-image:linear-gradient(to top,#000,transparent);mask-image:linear-gradient(to top,#000,transparent)}
.pf-comm>*{position:relative}
.pf-comm-head{display:flex;flex-direction:column;align-items:center;gap:0}
.pf-comm-logo{display:block;width:auto;height:clamp(28px,2.6vw,36px);margin:0 0 clamp(28px,3vw,40px)}
.pf-comm-title{margin:0;font-size:clamp(40px,5.6vw,84px);font-weight:600;line-height:.98;letter-spacing:-.055em;color:#fff;text-wrap:balance}
.pf-comm-title span{color:#FBCB05}
.pf-comm-lead{margin:16px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--pf-t2)}
.pf-counter{display:flex;flex-direction:column;align-items:center;gap:10px;margin:clamp(36px,4.5vw,64px) 0 0}
.pf-count{display:block;font-size:clamp(88px,13vw,210px);font-weight:600;line-height:.9;letter-spacing:-.065em;color:#fff;font-variant-numeric:tabular-nums}
.pf-digits{display:inline-flex}
.pf-dg{display:inline-block;min-width:.58em;text-align:center}
.pf-dg.pf-sep{min-width:.26em}
.pf-count-l{font-size:clamp(15px,1.2vw,18px);color:var(--pf-t2);letter-spacing:.01em}
.pf-agents{display:flex;align-items:flex-end;justify-content:center;gap:0;height:clamp(110px,14vw,210px);margin:clamp(28px,3.4vw,48px) auto 0;padding:0 0 6px}
.pf-plus{position:absolute;z-index:4;left:50%;top:-14px;transform:translate(-50%,0);color:#FBCB05;font-size:clamp(24px,2.2vw,34px);font-weight:800;letter-spacing:-.03em;line-height:1;opacity:0;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;
  text-shadow:0 2px 0 #9a7400,0 4px 0 rgba(0,0,0,.55),0 0 18px rgba(251,203,5,.55)}
.pf-agw{display:block;position:relative;margin:0 -2.2%}
.pf-agw:nth-child(2){z-index:2}.pf-agw:nth-child(3){z-index:3}.pf-agw:nth-child(4){z-index:2}
.pf-ag{display:block;width:auto;height:clamp(84px,11vw,172px);filter:drop-shadow(0 16px 16px rgba(0,0,0,.45));transform-origin:50% 100%;transition:transform .5s var(--pf-pop),opacity .15s}
.pf-ag-j{position:absolute;left:50%;bottom:0;transform:translateX(-50%);transform-origin:50% 100%;opacity:0;pointer-events:none}
.pf-agw.is-hop .pf-ag-j,.pf-agw:hover .pf-ag-j{opacity:1}
.pf-agw.is-hop .pf-ag-n,.pf-agw:hover .pf-ag-n{opacity:0}
.pf-agw:hover .pf-ag{transform:translateY(-14px) scale(1.04)}
.pf-agw:hover .pf-ag-j{transform:translate(-50%,-14px) scale(1.04)}
.pf-ag-rouge,.pf-ag-vert{height:clamp(72px,9.4vw,146px)}
.pf-ag-bleu{height:clamp(96px,12.4vw,196px)}
.pf-comm .pf-nets{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,1vw,14px);margin:clamp(24px,2.6vw,36px) 0 0;padding:0;border-top:0}
.pf-comm .pf-nets>li{display:flex}
.pf-comm .pf-net{display:grid;place-items:center;width:52px;height:52px;min-width:0;padding:0;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.86);text-decoration:none;transition:background .2s,color .2s,transform .3s var(--pf-pop)}
.pf-comm .pf-net:hover{color:#fff;transform:translateY(-3px)}
.pf-comm .pf-net:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pf-comm .pf-net-ic{width:auto;height:auto;background:transparent;color:#fff;border-radius:0}
.pf-comm .pf-net .pf-brand{width:26px;height:26px;margin:0}
.pf-comm .pf-net-t{align-items:center}
.pf-comm .pf-net strong{font-size:15px;font-weight:600}
.pf-comm .pf-net-h{font-size:13px;color:var(--pf-t3);white-space:nowrap}
.pf-comm-src{margin:28px 0 0;font-size:13px;color:var(--pf-t4)}
@media (max-width:760px){
  .pf-comm{padding:52px var(--pf-gut) 40px}
  .pf-count{font-size:clamp(60px,17vw,96px)}
  .pf-agents{height:auto;margin-top:28px;padding:0 0 4px}
  .pf-agw{margin:0 -2.6%}
  .pf-ag{height:16vw}.pf-ag-rouge,.pf-ag-vert{height:13.5vw}.pf-ag-bleu{height:18.5vw}
  .pf-comm .pf-nets{gap:2px}
}
/* motion: the characters pop in once with the band; a changed digit rolls up; none of it in the still modes */
@media (prefers-reduced-motion:no-preference){
  html.pf-ready:not([data-motion="paused"]) .pf-comm:not(.is-in) .pf-agw{opacity:0;transform:translateY(26px) scale(.92)}
  html.pf-ready:not([data-motion="paused"]) .pf-comm.is-in .pf-agw{animation:pf-agin .7s var(--pf-pop) calc(.25s + var(--i) * .09s) both}
  html.pf-ready:not([data-motion="paused"]) .pf-agw.is-hop .pf-ag-n{animation:pf-bob .7s var(--pf-pop) both}
  html.pf-ready:not([data-motion="paused"]) .pf-agw.is-hop .pf-ag-j{animation:pf-bob-j .7s var(--pf-pop) both}
  @keyframes pf-bob-j{0%{transform:translateX(-50%)}40%{transform:translate(-50%,-22px) scale(1.04,.96)}100%{transform:translateX(-50%)}}
  html.pf-ready:not([data-motion="paused"]) .pf-agw.is-hop .pf-plus{animation:pf-plus 1.1s var(--pf-out) both}
  @keyframes pf-plus{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}18%{opacity:1;transform:translate(-50%,-10px) scale(1.25)}32%{transform:translate(-50%,-16px) scale(1)}100%{opacity:0;transform:translate(-50%,-72px) scale(1)}}
  @keyframes pf-bob{0%{transform:none}40%{transform:translateY(-22px) scale(1.04,.96)}100%{transform:none}}
  @keyframes pf-agin{from{opacity:0;transform:translateY(26px) scale(.92)}60%{transform:translateY(-10px) scale(1.03)}to{opacity:1;transform:none}}
  html.pf-ready:not([data-motion="paused"]) .pf-dg.is-roll{animation:pf-roll .32s var(--pf-out) both}
  @keyframes pf-roll{from{transform:translateY(.45em);opacity:0}to{transform:none;opacity:1}}
}
html[data-motion="paused"] .pf-agw,html[data-motion="paused"] .pf-ag{opacity:1;transform:none;animation:none}


/* ---------------------------------------------------------------- the home, 9 Oct 2026: the community as its own section (full width), then
   04 / Your next step: four lines of type on hairlines, one ink dot each, nothing drawn */
.pf-community{padding:0;background:#141416}
.pf-community+.faq-section{border-top:0}
.pf-community .pf-comm{margin:0}
.pf-next{--pf-gut:var(--gutter,24px)}
.pf-next .pf-head{margin-bottom:clamp(28px,3.6vw,56px)}
.pf-doors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(20px,2.6vw,40px);list-style:none;margin:0;padding:0}
.pf-doors>li{display:flex;min-width:0}
.pf-door{position:relative;display:flex;flex-direction:column;width:100%;padding:clamp(20px,2vw,28px) 0 clamp(24px,2.4vw,36px);border-top:1px solid var(--pf-ink);color:var(--pf-ink);text-decoration:none}
.pf-door::after{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:var(--tint);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--pf-out)}
.pf-door:hover::after{transform:scaleX(1)}
.pf-door:focus-visible{outline:2px solid var(--pf-ink);outline-offset:6px}
.pf-door-dot{display:block;width:14px;height:14px;border-radius:50%;background:var(--tint);margin:0 0 clamp(18px,2vw,28px);transition:transform .45s var(--pf-pop)}
.pf-door:hover .pf-door-dot{transform:scale(1.35)}
.pf-door strong{font-size:clamp(26px,2.6vw,38px);font-weight:600;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.pf-door-l{margin-top:10px;font-size:clamp(15px,1.15vw,17px);line-height:1.45;color:var(--pf-t2);max-width:26ch}
.pf-door em{display:inline-flex;align-items:center;gap:6px;margin-top:clamp(18px,2vw,28px);font-style:normal;font-size:15px;font-weight:600;color:var(--pf-ink)}
.pf-door em .pf-ic{width:17px;height:17px;transition:transform .3s var(--pf-out)}
.pf-door:hover em .pf-ic{transform:translateX(4px)}
@media (max-width:1023px){.pf-doors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pf-doors{grid-template-columns:minmax(0,1fr)}.pf-door{padding:18px 0 22px}.pf-door-dot{margin-bottom:14px}.pf-door-l{max-width:none}}
@media (prefers-reduced-motion:reduce){.pf-door::after,.pf-door-dot,.pf-door em .pf-ic{transition:none!important}}

/* 21 Oct 2026 (Valentina: "does this part need to be this big?"): Join the community, more compact on the home */
.pf-community .pf-comm{padding:clamp(56px,6vw,88px) var(--pf-gut) clamp(40px,4.4vw,64px)}
.pf-community .pf-comm-logo{height:clamp(24px,2.2vw,30px);margin-bottom:clamp(18px,2vw,26px)}
.pf-community .pf-comm-title{font-size:clamp(34px,4.2vw,60px)}
.pf-community .pf-comm-lead{margin-top:12px;font-size:clamp(16px,1.25vw,18px)}
.pf-community .pf-counter{margin-top:clamp(24px,3vw,40px)}
.pf-community .pf-count{font-size:clamp(64px,8.4vw,132px)}
.pf-community .pf-agents{height:clamp(80px,9vw,132px);margin-top:clamp(18px,2.4vw,30px)}
.pf-community .pf-ag{height:clamp(64px,7vw,108px)}
.pf-community .pf-ag-rouge,.pf-community .pf-ag-vert{height:clamp(56px,6vw,92px)}
.pf-community .pf-ag-bleu{height:clamp(72px,7.8vw,122px)}
.pf-community .pf-comm .pf-nets{margin-top:clamp(16px,2vw,26px)}
.pf-community .pf-comm-src{margin-top:18px}