.apak-contact-opening{ color: #fff; background: #1d1d1b; grid-row: 1 / 3; display: grid; grid-template-rows: subgrid; }
.apak-contact-opening > .apak-container{
  grid-row: 1 / 3;
  display: grid;
  grid-template-rows: subgrid;
  width: min(calc(100% - 200px), 1080px);
  max-inline-size: 1080px;
}
.apak-contact-opening__row{ grid-row: 1 / 3; grid-template-rows: subgrid; }
.apak-contact-opening__copy-column{ grid-column: 1 / 7; grid-row: 2; display: grid; align-content: center; padding-block: 55px 100px; padding-inline-end: 40px; }
.apak-contact-opening__copy{ max-inline-size: 459px; }
.apak-contact-opening__symbol{ padding-block: 5px 4px; }
.apak-contact-opening__symbol img{ width: 31px; height: 24px; }
.apak-contact-opening__title{ max-inline-size: 459px; margin: 13px 0 0; font-size: 24px; font-weight: 300; line-height: 33px; letter-spacing: 2.4px; text-transform: uppercase; overflow-wrap: anywhere; }
.apak-contact-opening__rule{ position: relative; margin-block-start: 23px; block-size: 1px; }
.apak-contact-opening__rule::before{ content: ""; position: absolute; inset-block: 0; inset-inline-start: calc((100% - 100cqw) / 2); inline-size: calc((100cqw - 100%) / 2 + 140px); background: var(--apak-lime); pointer-events: none; }
.apak-contact-opening__body{ max-inline-size: 450px; margin-block-start: 26px; font-size: 15px; font-weight: 300; line-height: 21px; overflow-wrap: anywhere; }
.apak-contact-opening__body p{ margin: 0; }
.apak-contact-opening__body strong{ font-weight: 700; color: var(--apak-lime); }
.apak-contact-opening__body p + p{ margin-block-start: 20px; }
.apak-contact-opening__media-column{ grid-column: 7 / 13; grid-row: 1 / 3; display: grid; contain: size; margin-inline-end: calc((100% - 100cqw / 2)); isolation: isolate; }
.apak-contact-opening__photo{ grid-area: 1 / 1; display: grid; min-block-size: 0; }
.apak-contact-opening__photo > source{ display: none; }
.apak-contact-opening__photo img{ grid-area: 1 / 1; width: 100%; height: 100%; min-block-size: 0; object-fit: cover; object-position: center; }
.apak-contact-opening__media-column::after{ content: ""; grid-area: 1 / 1; background: rgb(29 29 27 / 30%); opacity: .6; mix-blend-mode: multiply; pointer-events: none; }
@media  (max-width: 1000px) {.apak-contact-opening > .apak-container{
    width: min(calc(100% - 80px), 1300px);
    max-inline-size: 1300px;
  }
.apak-contact-opening,.apak-contact-opening > .apak-container{ display: block; }
.apak-contact-opening__row{ grid-template-rows: auto auto; }
.apak-contact-opening__copy-column{ grid-column: span 12; grid-row: 1; padding: 56px 0; }
.apak-contact-opening__copy{ max-inline-size: 624px; }
.apak-contact-opening__media-column{ grid-column: span 12; grid-row: 2; contain: none; margin-inline: calc((100% - 100cqw) / 2); }
.apak-contact-opening__photo img{ height: auto; }
}
@media  (min-width: 768px) and (max-width: 1000px) {.apak-contact-opening,.apak-contact-opening > .apak-container{ display: grid; }
.apak-contact-opening__row{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }
.apak-contact-opening__copy-column{
    grid-column: 1;
    grid-row: 1;
    padding: 56px clamp(24px, 4vw, 40px) 56px 0;
  }
.apak-contact-opening__copy{ max-inline-size: none; }
.apak-contact-opening__media-column{
    grid-column: 2;
    grid-row: 1;
    contain: size;
    margin-inline: 0 calc((min(100cqw - 80px, 1300px) - 100cqw) / 2);
  }
.apak-contact-opening__photo img{ height: 100%; }
.apak-contact-opening__title{ font-size: 22px; line-height: 30px; letter-spacing: 2.2px; }
}
@media  (max-width: 767px) {.apak-contact-opening__row{
    grid-template-columns: minmax(0, 1fr);
    inline-size: 100%;
    max-inline-size: none;
    margin-inline: 0;
  }
.apak-contact-opening__copy-column{
    grid-column: 1;
    grid-row: 1;
    min-inline-size: 0;
    padding-block: 48px;
  }
.apak-contact-opening__copy{ inline-size: 100%; max-inline-size: none; }
.apak-contact-opening__title,.apak-contact-opening__body,.apak-contact-opening__body p{ inline-size: 100%; max-inline-size: none; }
.apak-contact-opening__media-column{
    grid-column: 1;
    grid-row: 2;
  }
.apak-contact-opening__photo{ aspect-ratio: 390 / 296; overflow: hidden; }
.apak-contact-opening__photo img{ height: 100%; object-fit: cover; }
.apak-contact-opening__title{ font-size: 22px; line-height: 30px; letter-spacing: 2.2px; }
}