.mac-hero-device{z-index:1;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(0 18px 16px #0000006b);width:88%;height:46%;position:absolute;bottom:3%;left:6%}.mac-hero-scrim{z-index:1;pointer-events:none;background:linear-gradient(#050810c7 0%,#05081057 36%,#0000 54%);position:absolute;inset:0}.mac-hero .iphone-hero-copy{z-index:2}.mac-hero .iphone-hero-rule{background:#d6dee8eb}@media (max-width:360px){.mac-hero .iphone-hero-lead{font-size:.82rem;line-height:1.35}.mac-hero .iphone-hero-detail{font-size:.68rem;line-height:1.45}}@media (min-width:768px){.mac-hero-device{object-position:left bottom;width:48%;height:90%;bottom:1%;left:2%}.mac-hero-scrim{background:linear-gradient(90deg,#0000 0 40%,#05081047 58%,#050810b8 100%)}.mac-hero .iphone-hero-copy{width:min(46%,28rem)}.mac-hero .iphone-hero-lead{font-size:1.05rem;font-weight:700;line-height:1.45}}@media (min-width:1100px){.mac-hero .iphone-hero-copy{width:min(44%,32rem)}.mac-hero .iphone-hero-lead{font-size:1.55rem;line-height:1.35}.mac-hero .iphone-hero-detail{max-width:28rem;font-size:.92rem}}@media (prefers-reduced-motion:no-preference){.mac-hero .iphone-hero-sky:after{background:linear-gradient(102deg,#0000 32%,#bacee047 50%,#0000 68%)}.mac-hero-device{animation:.9s cubic-bezier(.22,1,.36,1) both iphone-plate-fade}}@media (prefers-reduced-motion:reduce){.mac-hero-device,.mac-hero-scrim{animation:none}}