/* Sales tile: Sales Master ring (preview, scoped to #sales) */
#sales.t-forty{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;column-gap:clamp(20px,2.4vw,36px);row-gap:18px;align-content:stretch}
#sales .tile-label{grid-column:1;grid-row:1;padding-right:0}
#sales .num{grid-column:1;grid-row:2;align-self:end}
#sales .tile-copy{grid-column:1;grid-row:3}
#sales .ring-proof{--ring-w:clamp(164px,13vw,188px);grid-column:2;grid-row:1/4;align-self:end;justify-self:end;width:var(--ring-w);margin:calc(96px + clamp(16px,1.8vw,26px) - clamp(22px,2.4vw,34px) + 20px) 0 0;position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
#sales .ring-proof picture{display:block;width:100%;position:relative}
#sales .ring-proof picture::before{content:"";position:absolute;inset:8% 4% -4%;z-index:-1;background:radial-gradient(closest-side,rgba(98,227,255,.07),transparent 72%);pointer-events:none}
#sales .ring-proof img{display:block;width:100%;height:auto;aspect-ratio:480/405}
#sales .ring-proof figcaption{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.45;letter-spacing:.02em;font-weight:500;color:var(--dim);white-space:nowrap}
#sales .ring-proof figcaption::before{content:"";width:14px;height:1px;background:#FF9A3D;opacity:.85}
@media (max-width:620px){
  #sales.t-forty{grid-template-rows:auto auto auto;row-gap:14px}
  #sales .tile-label{grid-column:1/-1}
  #sales .num{align-self:center}
  #sales .tile-copy{grid-column:1/-1}
  #sales .ring-proof{--ring-w:clamp(118px,36vw,150px);grid-row:2;align-self:center;margin:0;gap:8px}
}
