@font-face {
  font-family: 'Grill116 Location Oswald';
  src: url('assets/Oswald-Variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
}
.g116-location {
  --g116-ink: #072334;
  --g116-teal: #007888;
  --g116-paper: #f2efe6;
  container-type: inline-size;
  position: relative;
  width: 100%;
  max-width: 1358px;
  margin: 0 auto;
  isolation: isolate;
  overflow: hidden;
  border-radius: 10px;
  background: var(--g116-paper);
  color: var(--g116-ink);
  font: 400 16px/1.4375 'Grill116 Location Oswald', sans-serif;
  box-shadow: 0 12px 28px rgba(35, 38, 38, .055);
  -webkit-font-smoothing: antialiased;
}
.g116-location *, .g116-location *::before, .g116-location *::after { box-sizing: border-box; }
.g116-location img { max-width: none; border: 0; }
.g116-location a { color: inherit; text-decoration: none; }
.g116-hero {
  position: relative;
  aspect-ratio: 1358 / 606;
  background: var(--g116-paper) url('assets/yellow-pattern.jpg') repeat;
}
.g116-photo {
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 45%, #000e 49%, #0003 55%, transparent 60%);
  mask-image: linear-gradient(90deg, #000 0%, #000 45%, #000e 49%, #0003 55%, transparent 60%);
}
.g116-photo picture, .g116-photo picture img { display: block; width: 100%; height: 100%; }
.g116-photo picture img { object-fit: cover; object-position: center 57%; }
.g116-photo::after {
  content: '';
  position: absolute;
  inset: 40% 0 0;
  background: radial-gradient(ellipse 34% 64% at 7% 100%, #0006, transparent 90%), linear-gradient(0deg, #0002, transparent 75%);
  pointer-events: none;
}
.g116-invitation {
  position: absolute;
  z-index: 1;
  left: 1.91458%;
  bottom: 3.13531%;
  display: block;
  width: 20.1767%;
  height: auto;
  filter: drop-shadow(0 1px 1px #0008) drop-shadow(0 0 3px #0002);
}
.g116-panel { position: absolute; inset: 0; }
.g116-address {
  position: absolute;
  top: 20.462%;
  left: 61.34%;
  width: 34.83%;
  display: flex;
  align-items: flex-start;
  gap: 1.4cqw;
}
.g116-pin { display: block; flex: none; width: 6.7cqw; height: auto; }
.g116-address-text { min-width: 0; }
.g116-location .g116-eyebrow {
  margin: -2px 0 12px;
  color: #5c7280;
  font: 400 clamp(15px, 1.4cqw, 19px)/1.25 'Grill116 Location Oswald', sans-serif;
  letter-spacing: .045em;
}
.g116-location .g116-address h2 {
  margin: 0;
  color: var(--g116-ink);
  font: 600 clamp(27px, 2.651cqw, 36px)/1.18 'Grill116 Location Oswald', sans-serif;
  letter-spacing: -.015em;
  text-transform: none;
}
.g116-address h2 span { white-space: nowrap; }
.g116-location .g116-route {
  position: absolute;
  top: 55.446%;
  left: 61.34%;
  width: 34.83%;
  height: 11.88%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.4cqw;
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 1.25cqw;
  background: linear-gradient(110deg, #ff6100 0%, #ff5100 100%);
  box-shadow: 0 4px 9px #ff5b0008;
  color: #fff;
  font: 500 clamp(20px, 1.99cqw, 27px)/1 'Grill116 Location Oswald', sans-serif;
  white-space: nowrap;
  transition: background .15s ease, box-shadow .15s ease;
}
.g116-route svg { display: block; flex: none; width: 1.99cqw; height: 1.99cqw; }
.g116-route svg:last-child { width: 1.7cqw; height: 1.7cqw; margin-left: -.5cqw; }
.g116-location .g116-route:hover { background: #f25400; box-shadow: 0 5px 16px #e95b002b; }
.g116-modes {
  position: absolute;
  top: 73.1%;
  left: 61.34%;
  width: 34.83%;
  display: grid;
  grid-template-columns: 1fr 1.25fr .88fr;
}
.g116-mode {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 0;
  text-align: center;
  font: 400 clamp(14px, 1.25cqw, 17px)/1.3 'Grill116 Location Oswald', sans-serif;
}
.g116-mode + .g116-mode::before { content: ''; position: absolute; top: 5px; left: 0; height: 54px; width: 1px; background: #c7cdd0; }
.g116-mode .g116-icon { width: 34px; height: 38px; object-fit: contain; }
.g116-mode:nth-child(3) .g116-icon { height: 38px; width: 31px; }
.g116-mode .g116-chevron { display: none; }
.g116-mode:hover span { text-decoration: underline; text-underline-offset: 3px; }
.g116-location .g116-benefits {
  display: grid;
  grid-template-columns: 26% 25.5% 25.8% 22.7%;
  padding: 2.20913cqw 5.45% 1.47275cqw;
  margin: 0;
  list-style: none;
  min-height: 11.6348cqw;
  background: var(--g116-paper) url('assets/yellow-pattern.jpg') repeat;
}
.g116-benefit { display: flex; align-items: flex-start; gap: 1.77cqw; min-width: 0; }
.g116-benefit .g116-icon { width: 3.83cqw; height: 4.12cqw; flex: none; object-fit: contain; }
.g116-benefit:not(:first-child) { position: relative; }
.g116-benefit:not(:first-child)::before { content: ''; position: absolute; left: -1.77cqw; top: 0; bottom: 0; width: 1px; background: linear-gradient(transparent, #dee3e48c 20%, #dee3e48c 80%, transparent); }
.g116-location .g116-benefit h3 {
  margin: .66274cqw 0 .5891cqw;
  color: var(--g116-ink);
  font: 500 clamp(17px, 1.473cqw, 20px)/1.18 'Grill116 Location Oswald', sans-serif;
  text-transform: none;
  letter-spacing: 0;
}
.g116-location .g116-benefit p { margin: 0; color: #6f8491; font: 400 1.1782cqw/1.375 'Grill116 Location Oswald', sans-serif; }
.g116-location a:focus-visible { outline: 3px solid #007888; outline-offset: 4px; }
@media (min-width:768px) and (max-width:1050px) {
  .g116-address { top: 18%; gap: 1.1cqw; }
  .g116-location .g116-address h2 { font-size: 2.65cqw; }
  .g116-location .g116-eyebrow { font-size: 1.5cqw; margin-bottom: 8px; }
  .g116-location .g116-route { font-size: 2.05cqw; }
  .g116-mode { font-size: 1.5cqw; gap: 4px; }
  .g116-mode .g116-icon { width: 28px; height: 32px; }
  .g116-mode+.g116-mode::before { height: 42px; }
  .g116-location .g116-benefits { padding-top: 22px; padding-bottom: 22px; min-height: 140px; }
  .g116-location .g116-benefit h3 { font-size: 16px; margin-top: 4px; }
  .g116-location .g116-benefit p { font-size: 14px; line-height: 20px; }
}
@media (max-width:767px) {
  .g116-location { max-width: 440px; border-radius: 10px; }
  .g116-hero { aspect-ratio: auto; background: none; }
  .g116-photo { position: relative; width: 100%; aspect-ratio: 367/291; mask-image: none; -webkit-mask-image: none; }
  .g116-photo picture { position: absolute; inset: 0; }
  .g116-photo picture img { object-position: 39% center; }
  .g116-photo::after { inset: 48% 0 0; background: linear-gradient(0deg,#0004,transparent); }
  .g116-invitation { left: 2.4523%; top: auto; bottom: auto; width: 54.4959%; transform: translateY(calc(-100% - 5px)); }
  .g116-panel { position: relative; inset: auto; min-height: 474px; background: var(--g116-paper) url('assets/yellow-pattern.jpg') repeat; }
  .g116-address { top: 24px; left: 20px; right: 20px; width: auto; gap: 16px; }
  .g116-pin { width: 60px; height: 62px; }
  .g116-location .g116-eyebrow { margin: -1px 0 10px; font-size: 14px; line-height: 20px; letter-spacing: .025em; }
  .g116-location .g116-address h2 { font-size: 25px; line-height: 1.17; letter-spacing: -.025em; }
  .g116-location .g116-route { top: 170px; left: 20px; right: 20px; width: auto; height: 63px; border-radius: 15px; gap: 16px; font-size: 24px; }
  .g116-route svg { width: 25px; height: 25px; }
  .g116-route svg:last-child { width: 20px; height: 20px; margin-left: -6px; }
  .g116-modes { display: flex; flex-direction: column; gap: 3px; top: 248px; left: 20px; right: 20px; width: auto; }
  .g116-mode { flex-direction: row; gap: 24px; min-height: 54px; padding: 10px 20px; border-radius: 13px; text-align: left; background: #fff3; font-size: 16px; line-height: 23px; box-shadow: 0 1px 4px #302d2802; }
  .g116-mode .g116-icon, .g116-mode:nth-child(3) .g116-icon { width: 28px; height: 32px; }
  .g116-mode+.g116-mode::before { display: none; }
  .g116-mode .g116-chevron { display: block; width: 12px; height: 20px; margin-left: auto; color: #718796; flex: none; }
  .g116-location .g116-benefits { grid-template-columns: 1fr 1fr; padding: 25px 20px 28px; gap: 26px 20px; min-height: 0; }
  .g116-benefit { gap: 12px; }
  .g116-benefit .g116-icon { width: 30px; height: 33px; }
  .g116-benefit:not(:first-child)::before { display: none; }
  .g116-location .g116-benefit h3 { margin: 1px 0 8px; font-size: 18px; line-height: 23px; }
  .g116-location .g116-benefit p { font-size: 16px; line-height: 23px; }
  .g116-benefit br { display: none; }
}
@media (max-width:375px) {
  .g116-location .g116-address h2 { font-size: 23px; }
  .g116-mode { gap: 20px; }
  .g116-location .g116-route { gap: 14px; }
}
@media (prefers-reduced-motion:reduce) { .g116-route { transition: none; } }

@media(min-width:768px){.g116-benefit h3 span{white-space:nowrap}}

.g116-invitation img{display:block;width:100%;height:auto}

.g116-location-wrap--contacts { margin-top: 20px; }
@media (min-width: 768px) {
  .g116-location { width: min(100%, calc(100vw - 48px)); margin-inline: 0; }
}