:root{--banner-left-offset: 1rem}.client-banner{display:grid;--profile-image-size: clamp(3.5rem, -.192rem + 18.462vw, 5rem);grid-template-rows:auto var(--profile-image-size) var(--profile-image-size);grid-template-columns:1fr}.banner{grid-row:1 / 3;grid-column:1 / -1}.banner img{width:100%;object-fit:cover}.logo-link{grid-row:1 / 2;grid-column:1 / -1;margin-top:1rem;margin-left:var(--banner-left-offset);width:min-content;height:min-content}.logo{width:9rem;cursor:pointer}.socials{grid-row:2 / 3;grid-column:1 / -1;margin-left:var(--banner-left-offset);align-self:center;font-size:clamp(.6rem,.354rem + 1.231vw,.7rem);letter-spacing:.025rem}.socials-icons{display:flex;gap:.8rem}.client-logo{grid-row:2 / 4;grid-column:1 / -1;margin-inline:auto;display:grid;place-items:center;background-color:var(--profile-image-bg, var(--main-text-color));aspect-ratio:1;border-radius:100vw;width:calc(var(--profile-image-size)*2);overflow:clip;padding:.35rem}.client-logo img{object-fit:cover;border-radius:50%;aspect-ratio:1}@media (min-width:45em){:root{--banner-left-offset: 2rem}.client-banner{--profile-image-size: 7rem}.banner img{object-fit:cover;object-position:center;height:40vh}.logo-link{margin-top:2rem}.logo{width:15rem}.socials-icons{gap:1.5rem;margin-top:1rem}.socials>p{font-size:clamp(1.25rem,1.143rem + .223vw,1.5rem)}.socials-icons img{width:1.5rem}}