/* --- štúdio --- */
.nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px;margin-top:56px}
.num-n{display:flex;align-items:flex-end;gap:.08em;height:1em;font-size:clamp(54px,15.6vw,160px);font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.num-p{align-self:flex-start;margin-top:.1em;color:var(--mute);font-size:.3em;font-weight:500;letter-spacing:0}
.num-w{font-size:clamp(40px,11.2vw,118px)}
.num-t{display:grid;gap:4px;margin-top:14px}
.num-t b{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.02em}
.num-t span{max-width:20ch;color:var(--mute);font-size:var(--fs-sm);line-height:1.4}
.odo{display:inline-flex;flex:none;height:1em;overflow:hidden}
.odo-c{display:block;height:1em;overflow:hidden}
.odo-s{display:block;will-change:transform}
.odo-s span{display:block;height:1em;line-height:1}
.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:80px}
.person img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-2);background:var(--surface)}
.person figcaption{display:grid;gap:0;margin-top:14px}
.person b{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.02em}
.person figcaption span{color:var(--mute);font-size:var(--fs-sm)}
.person .mail-link{margin-top:2px;font-size:var(--fs-md);word-break:break-word}
.princ{margin-top:88px}
.princ-l{display:grid;gap:26px;margin-top:32px}
.princ-l li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;row-gap:4px}
.princ-n{grid-row:1/span 2;padding-top:.45em;color:var(--mute);font-size:var(--fs-sm)}
.princ-t{font-size:clamp(22px,5.6vw,34px);font-weight:600;letter-spacing:-.03em;line-height:1.15}
.princ-d{color:var(--mute);font-size:var(--fs-md);line-height:1.45;max-width:44ch}
.proof{margin-top:96px}
.proof h3{max-width:20ch}
.proof .lead{max-width:36ch}

/* merania: pred a po, jedna veta jedno číslo */
.meas{display:grid;gap:44px;margin-top:40px}
.meas-l{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:var(--fs-lg);font-weight:500;letter-spacing:-.015em}
.meas-l .mono{color:var(--mute);font-size:var(--fs-xs);font-weight:400;letter-spacing:.04em}
.meas-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.meas-c{display:grid;gap:6px;align-content:start}
.meas-k{color:var(--mute);font-size:var(--fs-sm);line-height:1.3}
.meas-v{font-size:clamp(44px,13vw,84px);font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.meas-b{display:block;height:14px;border-radius:2px;transform-origin:0 50%;transform:scaleX(0);transition:transform 1.2s var(--ease-io)}
.meas-a{width:calc(var(--w) * 100%);background:var(--outline)}
.meas-n{width:calc(var(--w) * 100%);background:var(--fg)}
.proof.in .meas-b{transform:scaleX(1)}
.proof.in .meas-n{transition-delay:.3s}
.meas-note{color:var(--mute);font-size:var(--fs-sm);line-height:1.5;max-width:56ch}
.pg-studio section{margin-top:88px}
.pg-studio .nums{margin-top:0}
.pg-studio .st-end{margin-bottom:20px}
.rm .meas-b,html:not(.js) .meas-b{transform:none}
@media (min-width:900px){
  .nums{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px}
  .num-w{font-size:clamp(40px,4.4vw,72px)}
  .num-n{font-size:clamp(54px,6.6vw,110px)}
  .people{max-width:880px}
  .princ-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px}
  .meas{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
  .meas-note{grid-column:1/-1}
}

.person .mail-link{font-size:var(--fs-sm);letter-spacing:-.03em}