html body main .site-hero{display:grid!important;grid-template-columns:44% 56%!important;position:relative;width:100%;max-width:none;height:clamp(440px,29vw,500px);min-height:0;margin:0!important;padding:0!important;background:#f7f3ed;border:0;overflow:hidden;text-align:left}
html body main .site-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;width:100%;padding:40px 48px 40px max(68px,calc((100vw - 1304px)/2));margin:0;position:relative;z-index:1}
html body main .site-hero [data-hero-role="body"]{max-width:480px;color:var(--muted)}
html body main .site-hero [data-hero-role="eyebrow"]{color:var(--gold)}
html body main .site-hero [data-hero-role="title"],html body main .site-hero [data-hero-role="subtitle"]{color:var(--ink)}
html body main .site-hero-media{position:relative;width:100%;height:100%;min-width:0;background:#fff;overflow:hidden;mask-image:none;-webkit-mask-image:none}
html body main .site-hero-media>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;mask-image:none;-webkit-mask-image:none;border-radius:0}
html body main .site-hero-media.is-product>img{object-fit:contain;padding:28px}
html body main .site-hero-collage{height:100%;width:100%;padding:36px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:28px;background:#fff}
html body main .site-hero-collage>img{width:100%;height:100%;max-height:370px;object-fit:contain}
html body main .site-hero-devices{height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:center;align-items:center}
html body main .site-hero-devices img{width:100%;height:100px;object-fit:contain}
html body main .site-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;font-size:11px;color:var(--muted);list-style:none}
html body main .site-hero-tags>*{padding:6px 10px;border:1px solid var(--gold-line);border-radius:999px;font-size:inherit}
html body main .site-hero-extras{padding-top:28px;padding-bottom:28px}
html body main .site-hero-extras .filter{margin:0;display:flex;gap:12px;flex-wrap:wrap}
@media(min-width:1101px) and (max-width:1350px){html body main .site-hero-copy{padding-left:40px;padding-right:32px}}
@media(max-width:1100px){html body main .site-hero{height:auto;grid-template-columns:1fr!important}html body main .site-hero-copy{padding:40px 24px 32px}html body main .site-hero-media{height:auto;aspect-ratio:2/1}html body main .site-hero-collage{padding:24px;gap:20px}html body main .site-hero-collage>img{max-height:300px}html body main .site-hero-devices img{height:80px}}
@media(max-width:600px){html body main .site-hero-media{aspect-ratio:16/9}html body main .site-hero-collage{padding:16px;gap:14px}html body main .site-hero-collage>img{max-height:180px}html body main .site-hero-devices{gap:10px}html body main .site-hero-devices img{height:48px}html body main .site-hero-media.is-product>img{padding:16px}}

html body main .site-hero [data-hero-role="eyebrow"]{text-transform:uppercase}
html body main .site-hero-collage{min-height:0}
html body main .site-hero-devices{grid-auto-rows:minmax(0,1fr);align-content:stretch;min-height:0}
html body main .site-hero-devices img{height:100%;max-height:100%;min-height:0}