/* ════════════════════════════════════════════════════════════════
   MOIRA · LANDING v4 — THE VALUE (no-film)
   A short cinematic interstitial that replaces the film moment.
   Dark ink beat between Belief and How-it-works. One statement,
   no triad — keeps the rhythm, none of the redundancy.
   Contextual vars resolve from .inkblock (and the all-light tweak).
   ════════════════════════════════════════════════════════════════ */

.vprop{padding:clamp(100px,14vw,184px) 0;text-align:center}
.vprop .regframe{inset:30px}
.vprop .shell{position:relative;z-index:1}

.vp-kicker{
  display:block;font-family:var(--mono);font-size:10.5px;font-weight:400;
  letter-spacing:.26em;text-transform:uppercase;color:var(--c-faint);
  margin-bottom:clamp(22px,2.6vw,34px);
}

.vp-h{
  font-family:var(--sans);font-stretch:var(--wdth);font-variation-settings:'wdth' 115;
  font-weight:560;font-size:clamp(31px,4.9vw,66px);line-height:1.04;letter-spacing:-.036em;
  color:var(--c-text);text-wrap:balance;max-width:20ch;margin:0 auto;
}
@supports (font-stretch:115%){.vp-h{font-variation-settings:normal}}
.vp-h .serif-i{font-stretch:normal;font-variation-settings:normal}
.vp-soft{color:var(--c-mute)}

.vp-sub{
  font-family:var(--text);font-size:clamp(16px,1.7vw,19.5px);line-height:1.56;
  color:var(--c-mute);max-width:48ch;margin:clamp(22px,2.5vw,32px) auto 0;text-wrap:pretty;
}

/* ── responsive ── */
@media(max-width:820px){
  .vprop{padding:clamp(80px,18vw,120px) 0}
  .vprop .regframe{inset:18px}
  .vp-sub{max-width:42ch}
}
@media(max-width:480px){
  .vp-h{font-size:clamp(27px,8.2vw,37px);line-height:1.1;max-width:18ch}
}