.smartphone-promo { display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;overflow:hidden;background:#000;color:#f5f5f7;border:0;border-radius:0;margin:0;width:100%;scroll-margin-top:180px; }
.smartphone-promo[hidden] { display:none; }
.smartphone-promo__copy { position:relative;z-index:1;padding:44px 0 44px 48px; }
.smartphone-promo__eyebrow { color:#b5b5bc;font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:22px; }
.smartphone-promo h2 { font-size:clamp(34px,4vw,62px);line-height:1.04;letter-spacing:-.045em;font-weight:600;margin:0 0 12px;color:#fff; }
.smartphone-promo__tagline { font-size:clamp(23px,2.8vw,40px);line-height:1.15;letter-spacing:-.03em;color:#c5c5cb;margin:0 0 30px; }
.smartphone-promo .btn { display:inline-flex;gap:24px;align-items:center; }
.smartphone-promo__source { display:block;width:fit-content;color:#a9a9af;font-size:11px;margin-top:24px;text-underline-offset:4px; }
.smartphone-promo__product { display:block;width:fit-content;color:#f5f5f7;font-size:12px;margin-top:22px;text-underline-offset:4px; }
#catalog-grid { scroll-margin-top:200px; }
.smartphone-promo__media { position:relative;min-width:0; }
.smartphone-promo__media img { display:block;width:100%;height:clamp(350px,38vw,520px);object-fit:contain; }
.smartphone-promo__pause { position:absolute;bottom:20px;right:20px;background:#252528;color:#fff;border:1px solid #48484d;border-radius:24px;padding:10px 16px;min-height:44px;font:inherit;font-size:12px;cursor:pointer; }
.smartphone-promo__pause:disabled { opacity:.6;cursor:default; }
.smartphone-promo a:focus-visible,.smartphone-promo button:focus-visible { outline:3px solid var(--lime);outline-offset:4px; }
@media(max-width:767px){
  .smartphone-promo { grid-template-columns:1fr;scroll-margin-top:120px; }
  .smartphone-promo__copy { padding:30px 24px 0;text-align:center; }
  .smartphone-promo h2 { font-size:40px; }
  .smartphone-promo__eyebrow { margin-bottom:16px; }
  .smartphone-promo__tagline { margin-bottom:20px; }
  .smartphone-promo__source { margin:18px auto 0; }
  .smartphone-promo__product { margin:20px auto 0; }
  .smartphone-promo__media img { height:auto;aspect-ratio:1068/900; }
  .smartphone-promo__pause { bottom:12px;right:12px; }
}