.apple-media{display:block;overflow:hidden;width:100%;background:linear-gradient(135deg,var(--apple-surface-alt),#fff);border-radius:18px;object-fit:cover;object-position:var(--apple-media-focal,center);box-shadow:var(--apple-shadow)}
.apple-media--square{aspect-ratio:1/1}.apple-media--portrait{aspect-ratio:4/5}.apple-media--portrait-tall{aspect-ratio:2/3}.apple-media--landscape{aspect-ratio:3/2}.apple-media--standard{aspect-ratio:4/3}.apple-media--hero{aspect-ratio:16/9}.apple-media--hero-wide{aspect-ratio:21/9}.apple-media--cinematic{aspect-ratio:12/5}.apple-media--banner-wide{aspect-ratio:7/2}
.apple-media--contain{object-fit:contain;background:#fff}
.apple-media--placeholder{position:relative;display:grid;place-items:center;min-height:0;max-height:4.75rem;aspect-ratio:auto;border:1px solid var(--apple-border);box-shadow:none;color:var(--apple-gray);text-align:center}
.apple-media--placeholder-compact{min-height:0;max-height:4.75rem;aspect-ratio:auto}
.apple-media--placeholder span{position:absolute;inset:12%;border:2px solid rgba(201,54,56,.16);border-radius:42% 58% 48% 52%;transform:rotate(-9deg)}
.apple-media--placeholder::after{content:"";position:absolute;width:40%;height:55%;border-left:8px solid rgba(35,31,32,.08);border-bottom:8px solid rgba(35,31,32,.08);transform:skewY(-15deg) rotate(-8deg)}
.apple-media--placeholder small{position:relative;z-index:2;max-width:70%;padding:.45rem .7rem;background:rgba(255,255,255,.88);border-radius:999px;font-weight:750}
.apple-media--placeholder-florida-field span{border-radius:60% 40% 64% 36%}.apple-media--placeholder-archive-frame span{border-radius:2px}.apple-media--placeholder-logo-stage span{border-radius:50%}
.apple-hero__background .apple-media{border-radius:0;box-shadow:none}
.apple-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:2rem 0}.apple-swatch{padding:1rem;border:1px solid var(--apple-border);border-radius:12px}.apple-swatch span{display:block;height:80px;margin-bottom:.7rem;border-radius:8px}.apple-swatch strong,.apple-swatch code{display:block}
@media(max-width:782px){.apple-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}