.contact-us__container{container:contactUs / inline-size}.contact-us{--img-max-width: 320px;--img-min-width: 200px;background-color:var(--brand-yellow);display:grid;align-items:center;grid-template-columns:repeat(12,1fr);container:contactUs / inline-size;.images-wrapper {grid-column: 1 / 4; display: flex; align-items: center; min-width: var(--img-min-width); overflow-x: hidden; justify-content: flex-end; img {max-width: var(--img-max-width); max-height: var(--img-max-width); object-fit: cover; aspect-ratio: 1 / 1; width: clamp(var(--img-min-width),100%,var(--img-max-width)); height: fit-content;}} .contact-us-wrapper {grid-column: 4 / -2; padding: var(--spacing-md) var(--spacing-xl); display: flex; gap: var(--spacing-2xl); h2,h3 {margin-top: 0; margin-bottom: 0;} .address-wrapper {display: flex; flex-direction: column; gap: var(--spacing-sm); h3 {text-wrap: nowrap;} address {font-style: normal; display: flex; flex-direction: column; gap: var(--spacing-sm);}}}}.contact-us.alternate{background-color:transparent}@container contactUs (max-width: 1024px){.contact-us{.contact-us-wrapper {grid-column: 2 / -2; grid-row: unset; gap: var(--spacing-lg); flex-direction: column; padding: var(--spacing-lg) 0;} .images-wrapper {grid-column: 1 / -1; grid-row: unset; justify-content: flex-end; order: 1; img {max-width: 50%;}}}}