.metrics{padding-top:clamp(28px,3.8vw,54px);padding-bottom:clamp(25px,3vw,42px)}
.metrics .eyebrow{font-size:10px;margin:0 0 23px}
.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #4a3d2b}
.metric{position:relative;min-width:0;padding:24px clamp(12px,2.5vw,42px) 28px;overflow:hidden;background:linear-gradient(145deg,transparent,#1c160c08);cursor:default;transition:background .4s,box-shadow .4s}
.metric:first-child{padding-left:0}.metric:not(:last-child){border-right:1px solid #3a3023}
.metric:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#f6d9a4,transparent);transform:translateX(-110%);transition:transform .7s ease}
.metric:hover{background:radial-gradient(ellipse at 50% 100%,#82613330,transparent 70%);box-shadow:inset 0 0 35px #d4a96c15}
.metric:hover:before{transform:translateX(110%)}
.metric-value{display:block;width:max-content;max-width:100%;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(50px,6vw,92px);line-height:1.08;letter-spacing:-.06em;color:#f0ede7;text-shadow:0 0 0 transparent;transition:color .35s,transform .45s,text-shadow .35s,opacity .5s}
.metric:hover .metric-value{color:#f7d6a0;transform:translateY(-5px);text-shadow:0 0 28px #e1ad6a88}
.metric-value .metric-plus{color:#b99c70;font-size:.68em;vertical-align:.14em;margin-left:3px}
.metric-label{display:block;margin-top:10px;color:#a39b91;font:500 clamp(10px,.85vw,13px)/1.5 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase}
@media(prefers-reduced-motion:no-preference){.metrics.metrics-ready:not(.is-visible) .metric-value,.metrics.metrics-ready:not(.is-visible) .metric-label{opacity:0;transform:translateY(18px)}.metrics.metrics-ready.is-visible:not(.is-settled) .metric-value,.metrics.metrics-ready.is-visible:not(.is-settled) .metric-label{animation:metric-enter .85s both cubic-bezier(.2,1,.25,1);animation-delay:calc(var(--metric-index) * 110ms)}}
@keyframes metric-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:767px){.metric{padding:19px 10px 22px}.metric:first-child{padding-left:0}.metric-value{font-size:clamp(39px,8vw,64px)}.metric-label{font-size:9px;letter-spacing:.07em}}
@media(max-width:420px){.metric-value{font-size:38px}.metric-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.metric,.metric-value,.metric:before{transition:none}}