/* Preserve the full-viewport reference camera, without a rectangular map crop. */
@font-face {
  font-family: 'ABC Monument Grotesk';
  src: url('/archi-assets/fonts/ABCMonumentGrotesk_Regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
[data-map-stage] { background: #11181c url('/archi-assets/container-interior.jpg') center/cover no-repeat !important; }
[data-map-stage]::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(90deg, rgba(8,13,16,.22), rgba(8,13,16,.18) 48%, rgba(8,13,16,.54) 72%, rgba(8,13,16,.76)), linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.30));
}
[data-map-stage].archi-map-reference [data-map-wrap] {
  left: 1.4vw !important;
  top: 25.56svh !important;
  width: 57.57vw !important;
  height: auto !important;
  transform-origin: 85.3% 59.5% !important;
  overflow: visible !important;
}
[data-map-stage].archi-map-reference [data-map-wrap] svg {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1151 / 574;
  overflow: visible !important;
}
[data-map-stage] text {
  font-family: 'ABC Monument Grotesk', Arial, sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0 !important;
}
[data-map-stage].archi-map-reference [data-map-city-label] { font-size: 18px !important; }
[data-map-stage].archi-map-reference [data-map-country-label] { font-size: 18px !important; }
[data-map-stage].archi-map-reference [data-map-country-label='europe'] { font-size: 42px !important; }
[data-map-stage].archi-map-reference [data-map-country-label='sea'] { font-size: 17px !important; }
[data-map-stage].archi-map-reference [data-map-final-label] { font-size: 48px !important; letter-spacing: -0.02em !important; }
[data-map-stage].archi-map-reference [data-map-coast] { opacity: 1 !important; }
[data-map-stage].archi-map-reference [data-map-outline-detail] { opacity: .6; }
[data-map-stage].archi-map-reference > div:not([data-map-wrap]) {
  left: calc(66.666% + 7px) !important;
  right: auto !important;
  top: calc(50% - 108px) !important;
  bottom: auto !important;
  width: 335px !important;
  max-width: 29vw !important;
}
[data-map-stage].archi-map-reference [data-map-description] { max-width: none !important; font-size: 20px !important; line-height: 1.35 !important; }
@media (min-width: 1920px) {
  [data-map-stage].archi-map-reference > div:not([data-map-wrap]) { width: 446px !important; }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  [data-map-stage].archi-map-reference [data-map-wrap] { left: 9.47vw !important; top: 27.45svh !important; width: 80.96vw !important; }
  [data-map-stage].archi-map-reference > div:not([data-map-wrap]) { top: auto !important; bottom: 11vh !important; width: 315px !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-map-stage].archi-map-reference [data-map-wrap] { left: 4.47vw !important; top: 22svh !important; width: 90.96vw !important; }
  [data-map-stage].archi-map-reference > div:not([data-map-wrap]) { top: auto !important; bottom: 60px !important; width: 234px !important; }
}
@media (max-width: 767px) {
  [data-map-stage].archi-map-reference [data-map-wrap] { left: 20px !important; top: 196px !important; width: calc(100vw - 40px) !important; }
  [data-map-stage].archi-map-reference > div:not([data-map-wrap]) {
    left: 20px !important;
    right: auto !important;
    top: auto !important;
    bottom: max(112px, calc(env(safe-area-inset-bottom) + 100px)) !important;
    width: calc(100vw - 40px) !important;
    max-width: none !important;
  }
  [data-map-stage].archi-map-reference [data-map-description] { font-size: 16px !important; }
}