.contact-location[data-contact-directions="illustrated"] {
 position: relative;
 isolation: isolate;
 overflow: hidden;
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 justify-items: start;
 align-content: center;
 gap: 25px;
 min-height: 330px;
 padding: clamp(26px, 4vw, 52px);
 color: #fffaf4;
 background: #211c18;
 border: 1px solid #65513e;
 border-radius: 16px;
 box-shadow: 0 16px 40px rgb(38 30 23 / 12%);
 box-sizing: border-box;
}
.contact-location[data-contact-directions] > .contact-directions-illustration {
 position: absolute;
 inset: 0;
 z-index: -2;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center 35%;
 pointer-events: none;
}
.contact-location[data-contact-directions]::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: -1;
 background: linear-gradient(90deg, rgb(22 19 17 / 86%) 0%, rgb(22 19 17 / 70%) 42%, rgb(22 19 17 / 20%) 75%);
 pointer-events: none;
}
.contact-location[data-contact-directions] > div { max-width: min(64%, 680px); }
.contact-location[data-contact-directions] .eyebrow { color: #f0bd7d; }
.contact-location[data-contact-directions] h2 { color: #fffaf4; margin-block: 10px 14px; }
.contact-location[data-contact-directions] :is(p, address) { color: #f1e9de; line-height: 1.65; }
.contact-location[data-contact-directions] address { font-style: normal; }
.contact-location[data-contact-directions] .button.contact-map-link {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 max-width: 100%;
 min-height: 48px;
 padding: 13px 22px;
 color: #241a11;
 background: #edc38b;
 border: 1px solid #f8d6a4;
 border-radius: 6px;
 text-decoration: none;
 font-weight: 600;
 box-shadow: 0 6px 20px rgb(0 0 0 / 16%);
}
.contact-location[data-contact-directions] .button.contact-map-link:hover { background: #ffdeb2; }
.contact-location[data-contact-directions] .button.contact-map-link:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
html[dir="rtl"] .contact-location[data-contact-directions] > .contact-directions-illustration { transform: scaleX(-1); }
html[dir="rtl"] .contact-location[data-contact-directions]::before { background: linear-gradient(270deg, rgb(22 19 17 / 86%) 0%, rgb(22 19 17 / 70%) 42%, rgb(22 19 17 / 20%) 75%); }
@media (max-width: 700px) {
 .contact-location[data-contact-directions="illustrated"] { min-height: 430px; gap: 20px; padding: 170px 25px 28px; align-content: end; }
 .contact-location[data-contact-directions] > div { max-width: none; }
 .contact-location[data-contact-directions] > .contact-directions-illustration { object-position: 78% top; }
 .contact-location[data-contact-directions]::before,
 html[dir="rtl"] .contact-location[data-contact-directions]::before { background: linear-gradient(180deg, rgb(22 19 17 / 8%) 0%, rgb(22 19 17 / 26%) 25%, rgb(22 19 17 / 92%) 53%, #161311 100%); }
 .contact-location[data-contact-directions] h2 { font-size: clamp(24px, 6vw, 32px); }
 .contact-location[data-contact-directions] :is(p, address) { font-size: 14px; }
}