.hero{grid-template-columns:.95fr 1.05fr;min-height:600px;padding-top:48px;gap:40px}.hero-faces{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;max-width:480px;width:100%;padding:0 0 34px;margin-left:auto}.hero-faces figure{grid-row:auto;transform:none;z-index:auto;min-width:0}.hero-faces figure img{transform:none;filter:none;border-radius:8px;aspect-ratio:1}.hero-faces figcaption{font-size:8px;letter-spacing:1.2px;margin-top:10px}.hero-faces figure a{display:block}.hero-faces figure a:focus-visible{outline:2px solid #efb987;border-radius:8px}.hero-annotation{font-size:7px;letter-spacing:1px}.surface-picker{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:15px}.surface-picker button{border:1px solid #607064;background:#19211d;color:#e9e8dd;border-radius:3px;padding:12px 18px;cursor:pointer;font-size:12px}.surface-picker button[aria-pressed=true]{background:#e9e5d5;color:#1b2820;border-color:#e9e5d5}.surface-note{font-size:11px;color:#a5b0aa;margin:0 0 35px;max-width:700px}.face-card img{border-radius:6px}.hero-faces img{object-fit:contain}@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr;gap:24px}.hero-faces{max-width:450px}.hero-annotation{font-size:6px;letter-spacing:.7px}}@media(max-width:740px){.hero{display:block;padding:42px 24px 32px;min-height:0}.hero-faces{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px;margin:32px auto 0;gap:22px 14px;padding:0 0 34px}.hero-faces figure{transform:none;grid-row:auto}.hero-faces figure img{transform:none}.hero-faces figcaption{font-size:8px;letter-spacing:1px}.hero-annotation{font-size:6px;letter-spacing:.5px}.surface-picker button{padding:11px 14px}.surface-note{font-size:11px}}
