/* One physical mockup size and one caption format for both product series. */
.hero-matched .hero-device{width:100%;max-width:330px;min-width:0;margin:0;justify-self:center;text-align:center}
.hero-matched .hero-device>a{display:block;position:relative;width:100%;aspect-ratio:2/3}
.hero-matched .hero-device>a>img:not(.atlas-device-face){display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.hero-matched .hero-device figcaption{margin-top:15px;font-size:8px;letter-spacing:1.2px;line-height:1.6;color:#a7b5ab}
.hero-device-caption>span{display:block}
.hero-matched .hero-faces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:440px;align-self:center;justify-self:end;padding:0 0 44px;gap:18px 14px}
.hero-matched .hero-faces:before{display:none}
.hero-matched .hero-faces figcaption,.hero-matched .hero-faces .atlas-face-link>span{display:block;margin:10px 0 0;text-align:center;font-size:8px;letter-spacing:.8px;line-height:1.6;color:#a7b5ab}
.hero-matched .hero-annotation{width:100%;bottom:0;text-align:center;white-space:normal;font-size:8px;letter-spacing:.6px;line-height:1.6;color:#748f7b}
@media(max-width:1000px){.hero-matched .hero-device{max-width:300px}.hero-matched .hero-faces{max-width:580px;justify-self:center}}
@media(max-width:740px){.hero-matched{min-height:0}.hero-matched .hero-device{width:min(280px,100%);margin:34px auto 0}.hero-matched .hero-faces{max-width:480px;margin:34px auto 0}}