@layer components{.public-site .ag-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""people""copy";row-gap:26px;padding-bottom:44px;display:grid}.public-site .ag-hero .page-intro-row,.public-site .ag-hero .page-intro-copy{display:contents}.public-site .ag-hero h1{grid-area:title;font-size:clamp(2.125rem,9vw,2.875rem)}@media (min-width:761px){.public-site .ag-hero{grid-template:"title people""copy people"1fr/minmax(0,1fr) minmax(0,1.25fr);gap:0 40px;padding-bottom:72px}.public-site .ag-hero h1{font-size:clamp(2.5rem,4.6vw,4.125rem)}}@media (min-width:1101px){.public-site .ag-hero{grid-template-columns:minmax(0,1fr) minmax(0,700px);column-gap:72px}}.public-site .ag-work h2{letter-spacing:-.04em;font-size:clamp(1.4375rem,2.4vw,2rem);line-height:1.25}.public-site .ag-frame .device-body{border-color:color-mix(in srgb, var(--p-fg) 10%, transparent);transition:border-color .2s}.public-site .ag-strip a:hover .ag-frame .device-body{border-color:color-mix(in srgb, var(--p-fg) 35%, transparent)}.public-site .ag-frame .bar{background:var(--p-surface-raised);border-bottom:0;height:auto;min-height:0;padding:6px 7px}.public-site .ag-frame .dots{gap:4px}.public-site .ag-frame .dots i{width:5px;height:5px}}