.agency-site .hero-matte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:40px;padding:140px max(40px,calc((100% - 1280px)/2)) 64px;background:var(--purple)}
.hero-pattern{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.agency-site .hero-matte .hero-inner{grid-column:1;grid-row:1;max-width:600px;width:100%;padding:0;margin:0;min-width:0;align-self:center}
.agency-site .hero-matte .hero-visual{grid-column:2;grid-row:1;position:relative;left:auto;top:auto;width:100%;max-width:560px;max-height:100%;min-height:0;aspect-ratio:1;margin:0;align-self:center}
.agency-site .hero-matte .hero-art{max-height:100%;object-fit:contain;animation:matte-ascension-float 8s ease-in-out infinite}
@keyframes matte-ascension-float{0%,100%{transform:translateY(4px) rotate(-.6deg)}50%{transform:translateY(-6px) rotate(.6deg)}}
@media(max-width:1250px) and (min-width:761px){.agency-site .hero-matte{gap:28px;padding-inline:32px}.agency-site .hero-matte h1{font-size:50px}.agency-site .hero-matte h2{font-size:27px}}
@media(max-width:1000px) and (min-width:761px){.agency-site .hero-matte{gap:24px;padding-inline:28px}.agency-site .hero-matte h1{font-size:42px}.agency-site .hero-matte h2{font-size:25px}.agency-site .hero-matte .hero-description{font-size:14px}}
@media(max-width:760px){
 .agency-site .hero-matte{height:auto;min-height:0;max-height:none;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:12px;padding:108px 20px 40px}
 .agency-site .hero-matte .hero-visual{grid-column:1;grid-row:1;max-width:300px;max-height:none;margin:0 auto;transform:none}
 .agency-site .hero-matte .hero-inner{grid-column:1;grid-row:2;max-width:520px;margin:0 auto;text-align:center}
 .agency-site .hero-matte :is(h1,h2,.hero-description){max-width:100%;margin-inline:auto}
 .agency-site .hero-matte h1{font-size:36px}.agency-site .hero-matte h2{font-size:24px}
 .agency-site .hero-matte .eyebrow,.agency-site .hero-matte .hero-actions{justify-content:center}
 .agency-site .hero-matte .hero-actions{gap:16px}
}
@media(max-width:350px){.agency-site .hero-matte{padding-inline:16px}.agency-site .hero-matte .hero-visual{max-width:250px}.agency-site .hero-matte h1{font-size:32px}.agency-site .hero-matte h2{font-size:22px}}
@media(max-height:740px) and (max-width:760px){.agency-site .hero-matte .hero-visual{max-width:210px}.agency-site .hero-matte h1{font-size:30px}.agency-site .hero-matte h2{font-size:21px}.agency-site .hero-matte .hero-description{font-size:12px}.agency-site .hero-matte{padding-bottom:32px;gap:8px}}
@media(prefers-reduced-motion:reduce){.agency-site .hero-matte .hero-art{animation:none}}
@media(max-height:650px) and (max-width:760px){.agency-site .hero-matte .hero-visual{max-width:140px}.agency-site .hero-matte .eyebrow{display:none}.agency-site .hero-matte h1{font-size:28px}.agency-site .hero-matte{padding-bottom:24px}}