/* =========================================================
   /atleti · page layout only (DESIGN-SPEC §5.3, §7.2)
   Tokens only: no new colours, fonts, shadows or glows.
   ========================================================= */

/* 3 · Film on phones: the timer card shows the live timer framed like the other crops
   (ring, time and label), so the four cards of the rail have the same rhythm */
.at-timer{aspect-ratio:4/3}
.at-timer video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%}

/* 5 · Pro: heading left, price block right, then the two Pro cells */
.at-pro-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,96px);align-items:end;margin-bottom:clamp(44px,5vw,80px)}
.at-pro-head .body-lg{margin-top:22px;max-width:30em}
.at-price{justify-self:end;min-width:0}
.at-pro-links{margin-top:clamp(28px,3vw,40px)}

@media (max-width:1023px){
  .at-pro-top{grid-template-columns:1fr;align-items:start}
  .at-price{justify-self:start}
}