/* S10 Pop — big friendly type, the page colour changes as each section scrolls in, spinning badge */
.s10{--br:999px;--cr:24px;--fr:14px;--lr:50%}
.s10 h1,.s10 h2{letter-spacing:-.03em;font-weight:800}
.s10 body,.s10 .hd,.s10 .ft{transition:background-color .6s,color .6s}
.s10 .hd{background:var(--bg)}
.s10-hero{padding:clamp(36px,7vw,90px) 0}
.s10-hg{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center}
.s10-k{display:inline-block;font-size:14px;font-weight:700;padding:8px 14px;border-radius:999px;border:2px solid var(--ink);margin:0 0 20px}
.s10-hero h1{font-size:clamp(46px,7.8vw,108px);line-height:.95;max-width:11ch}
.s10-sub{font-size:19px;color:var(--mute);margin:20px 0 26px;max-width:32em}
.s10-act{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.s10-im{position:relative;border-radius:40px;overflow:visible}
.s10-im img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:40px}
.s10-badge{position:absolute;left:-20px;top:24px;width:110px;height:110px;border-radius:50%;background:var(--acc);color:var(--on);display:grid;place-items:center;font:800 24px/1 var(--hf);box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
@media (max-width:860px){.s10-hg{grid-template-columns:minmax(0,1fr)}.s10-badge{left:10px;width:90px;height:90px;font-size:20px}.s10-im img{aspect-ratio:1}}
.s10 .pc-im{border-radius:24px}
.s10 .pc-n{font-weight:700}
.s10 .qa{border:2px solid var(--ink)}
.s10 .ct-i{border-radius:24px}
.s10-pg{text-align:center;display:grid;justify-items:center;gap:16px}
.s10-pg h2{font-size:clamp(40px,7vw,96px);max-width:14ch;line-height:.95}
.s10-pg p{color:var(--mute);max-width:34em;margin:0}
.s10 .prom{margin-bottom:clamp(48px,7vw,90px)}
.s10 .prom li,.s10 .rv-g figure{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.s10-nl{margin-top:clamp(48px,7vw,90px);display:grid;gap:14px}
.s10-nl h2{font-size:clamp(30px,4.4vw,54px)}