.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1fr);gap:24px;min-height:600px;padding-top:34px;padding-bottom:34px}.hero h1{font-size:clamp(58px,4.9vw,80px);letter-spacing:-3px}.hero-device{margin:0;min-width:0;width:100%;max-width:330px;justify-self:center;text-align:center}.hero-device a{display:block}.hero-device img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;background:none;filter:none;box-shadow:none}.hero-device figcaption{font-size:8px;letter-spacing:1.2px;color:#a7b5ab;margin-top:15px;line-height:1.6}.hero-faces{max-width:440px;gap:18px 14px}.hero-faces figcaption{font-size:8px;letter-spacing:.8px}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-copy{grid-column:1;grid-row:1}.hero-device{grid-column:2;grid-row:1;max-width:300px}.hero-faces{grid-column:1/-1;max-width:580px;justify-self:center;margin:24px auto 0}.hero h1{font-size:clamp(56px,6.5vw,72px)}}
@media(max-width:740px){.hero{display:flex;flex-direction:column;gap:0;padding:42px 24px 32px}.hero-copy{width:100%}.hero-device{width:min(280px,100%);margin:34px auto 0}.hero-device img{max-height:420px}.hero-faces{width:100%;max-width:480px;margin:34px auto 0;grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:64px}.hero-device figcaption{font-size:8px}}
@media(max-width:380px){.hero h1{font-size:57px}.hero{padding-inline:20px}}