/* JOY'S BOX V25 — restore original archive + refined metrics */
:root{
  --v25-paper:#f1ede4;
  --v25-card:#f7f4ec;
  --v25-ink:#17140f;
  --v25-muted:#6f685f;
  --v25-line:rgba(23,20,15,.12);
  --v25-gold:#a9852b;
  --v25-shadow:0 20px 40px rgba(26,22,16,.06);
  --v25-ease:cubic-bezier(.16,1,.3,1);
}

/* at a glance numbers */
.intro-v25__stats{
  margin-top:clamp(48px,5vw,76px)!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(14px,1.2vw,18px)!important;
  border:0!important;
}
.intro-v25__stats article{
  position:relative!important;
  min-height:clamp(156px,14vw,204px)!important;
  padding:clamp(20px,1.8vw,26px) clamp(18px,1.8vw,24px)!important;
  border:1px solid var(--v25-line)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,255,255,.42))!important;
  box-shadow:var(--v25-shadow)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:14px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transition:transform .38s var(--v25-ease), border-color .38s ease, box-shadow .38s ease, background .38s ease!important;
}
.intro-v25__stats article::before{
  content:"";position:absolute;left:20px;right:20px;top:18px;height:1px;background:rgba(169,133,43,.22);transform-origin:left center;transform:scaleX(.5);transition:transform .42s var(--v25-ease), background .35s ease;
}
.intro-v25__stats article::after{
  content:"";position:absolute;left:20px;top:20px;width:9px;height:9px;border-radius:50%;background:transparent;border:1px solid rgba(169,133,43,.55);transition:transform .38s var(--v25-ease), background .35s ease, border-color .35s ease;
}
.intro-v25__stats article>*{position:relative;z-index:1}
.intro-v25__stats strong{
  margin:0!important;
  color:var(--v25-ink)!important;
  font:600 clamp(64px,6.5vw,108px)/.84 var(--cond)!important;
  letter-spacing:-.05em!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  transform:none!important;
  transition:transform .4s var(--v25-ease), color .35s ease!important;
}
.intro-v25__stats span{
  margin:0!important;
  color:var(--v25-muted)!important;
  font:700 clamp(8px,.64vw,9px)/1.25 var(--sans)!important;
  letter-spacing:.16em!important;
  max-width:14ch!important;
  transition:color .35s ease, transform .4s var(--v25-ease)!important;
}
.intro-v25__stats i{display:none!important}
.intro-v25__stats article:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(169,133,43,.35)!important;
  box-shadow:0 26px 48px rgba(26,22,16,.09)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.56))!important;
}
.intro-v25__stats article:hover::before{transform:scaleX(1);background:rgba(169,133,43,.48)}
.intro-v25__stats article:hover::after{background:rgba(169,133,43,.9);border-color:rgba(169,133,43,.9);transform:scale(1.15)}
.intro-v25__stats article:hover strong{transform:translateY(-2px)!important}
.intro-v25__stats article:hover span{transform:translateY(-1px)!important;color:#4e473e!important}

@media (max-width:980px){
  .intro-v25__stats{grid-template-columns:1fr 1fr!important}
}
@media (max-width:720px){
  .intro-v25__stats{margin-top:40px!important;gap:12px!important}
  .intro-v25__stats article{min-height:130px!important;padding:18px 16px!important;border-radius:18px!important;gap:10px!important}
  .intro-v25__stats strong{font-size:54px!important}
  .intro-v25__stats span{font-size:7px!important;letter-spacing:.14em!important;max-width:12ch!important}
}
@media (prefers-reduced-motion:reduce){
  .intro-v25__stats article,.intro-v25__stats strong,.intro-v25__stats span{transition:none!important}
}