@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/instrument-sans-latin-ext.c4fcfea41f2c.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/instrument-sans-latin.2ee17598a98d.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url("/assets/fonts/jost-latin-ext.312ef2b80cef.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url("/assets/fonts/jost-latin.7726a5cd6f3c.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}.act-aungmar {
  left: 53.12%;
  top: 26.84%;
}.act-bouropheia {
  left: 59.83%;
  top: 30.63%;
}.act-hiwotsukeru {
  left: 76.04%;
  top: 46.67%;
}.act-hykiramaie {
  left: 65.00%;
  top: 58.93%;
}.act-norkinia {
  left: 67.50%;
  top: 34.13%;
}.asset-availability-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--display-font);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--accent);
}.body-copy {
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(236,231,220,0.78);
  text-align: left;
}.caption-muted {
  font-size: 14px;
  color: #8e97a0;
}.compact-section-title {
  margin: 0;
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(24px, 2.78vw, 40px);
  line-height: 1.08;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: left;
  color: var(--foreground);
}.contact-address {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}.contact-addresses {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px clamp(22px, 4.44vw, 64px);
  margin-top: 4px;
}.contact-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 6px;
}.contact-email {
  font-family: var(--display-font);
  font-size: 18px;
  letter-spacing: 0.06em;
  color: var(--foreground);
}.contact-label {
  font-family: var(--display-font);
  font-size: 11px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #8e97a0;
}.contact-section {
  padding: clamp(65px, 9.03vw, 130px) clamp(20px, 8.3vw, 120px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}.contact-title {
  margin: 0;
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(28px, 3.47vw, 50px);
  line-height: 1.08;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
  color: var(--foreground);
}.content-stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
}.content-stack-spacious {
  display: flex;
  flex-direction: column;
  gap: 22px;
}.copy-large {
  margin: 0;
  font-size: 18px;
  line-height: 1.75;
  color: rgba(236,231,220,0.78);
  text-align: left;
}.copy-muted {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: #8e97a0;
  text-align: left;
}.copy-small {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(236,231,220,0.78);
  text-align: left;
}.copy-small-centered {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(236,231,220,0.7);
  text-align: center;
}.error-copy {
  margin: 0;
  max-width: 520px;
  font-size: 17px;
  line-height: 1.7;
  color: rgba(236,231,220,0.78);
}.error-crest {
  width: 64px;
  height: auto;
}.error-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
  padding: 40px 24px;
  text-align: center;
  box-sizing: border-box;
}.error-title {
  margin: 0;
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(32px, 5vw, 64px);
  line-height: 1.08;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}.eyebrow {
  font-family: var(--display-font);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--accent);
}.eyebrow-muted {
  font-family: var(--display-font);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: #8e97a0;
}.fact-label {
  font-size: 15px;
  color: #8e97a0;
}.fact-list {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(236,231,220,0.12);
}.fact-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 15px 0;
  border-top: 1px solid rgba(236,231,220,0.12);
}.fact-value {
  font-size: 15px;
  text-align: right;
}.facts-stack {
  display: flex;
  flex-direction: column;
  gap: 26px;
}.feature-caption {
  position: absolute;
  left: 20px;
  bottom: 16px;
  font-family: var(--display-font);
  font-size: 11px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--foreground);
  text-shadow: 0 1px 6px rgba(0,0,0,0.7);
}.feature-image-frame {
  position: relative;
  height: 420px;
  overflow: hidden;
}.gallery-heading {
  padding: 0 clamp(20px, 8.33vw, 120px) clamp(28px, 3.89vw, 56px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
}.gallery-section {
  margin-bottom: clamp(80px, 11.11vw, 160px);
}.game-divider {
  height: 28px;
  background-size: auto 100%;
  background-repeat: repeat-x;
  background-position: center;
  opacity: 0.45;
}.game-hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
  padding-top: 30px;
}.game-hero-copy {
  margin: 0;
  font-size: 18px;
  line-height: 1.75;
  color: rgba(236,231,220,0.88);
  text-align: center;
  max-width: 540px;
}.game-hero-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}.game-hero-frame {
  position: relative;
  height: min(820px, 92svh);
  overflow: hidden;
}.game-hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11,16,23,0.4) 0%, rgba(11,16,23,0.08) 30%, rgba(11,16,23,0.3) 62%, rgba(11,16,23,1) 100%);
}.game-intro-copy {
  margin: 0;
  font-size: 18px;
  line-height: 1.75;
  color: rgba(236,231,220,0.78);
  text-align: center;
  max-width: 720px;
}.game-intro-section {
  padding: clamp(20px, 8.33vw, 120px) clamp(20px, 8.33vw, 120px) clamp(55px, 7.64vw, 110px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}.game-intro-title {
  margin: 0;
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(34px, 4.31vw, 62px);
  line-height: 1.08;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  max-width: 1080px;
  color: var(--foreground);
}.game-logo {
  width: min(640px, 82vw);
  height: auto;
  filter: drop-shadow(0 10px 40px rgba(0,0,0,0.5));
}.game-photo-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center 30%;
}.history-heading {
  display: flex;
  align-items: flex-end;
  gap: 44px;
}.history-intro-copy {
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(236,231,220,0.78);
  text-align: left;
  max-width: 600px;
}.history-year {
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(110px, 13.89vw, 200px);
  line-height: 0.85;
  letter-spacing: -0.02em;
  color: transparent;
  -webkit-text-stroke: 1px rgba(236,231,220,0.16);
  user-select: none;
  flex-shrink: 0;
}.image-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.image-frame {
  overflow: hidden;
}.image-landscape {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}.image-overscan {
  position: absolute;
  left: 0;
  top: -10%;
  width: 100%;
  height: 120%;
  object-fit: cover;
}.intro-stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 10px;
}.link-spacing {
  margin-top: 6px;
}.link-spacing-large {
  margin-top: 8px;
}.location-card {
  position: relative;
  height: 250px;
  overflow: hidden;
}.location-card-caption {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}.location-card-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11,16,23,0) 55%, rgba(11,16,23,0.92) 100%);
}.location-card-title {
  font-family: var(--display-font);
  font-weight: 300;
  font-size: 20px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: 1.15;
}.location-region {
  font-family: var(--display-font);
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8e97a0;
}.locations-grid {
  padding: 0 clamp(20px, 8.33vw, 120px) clamp(70px, 9.72vw, 140px);
  display: grid;
  gap: 16px;
}.map-act-label {
  font-family: var(--display-font);
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 6px;
}.map-act-summary {
  font-size: 13px;
  line-height: 1.5;
  color: rgba(236,231,220,0.95);
  margin-bottom: 8px;
}.map-bottom-shade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 14%;
  background: linear-gradient(0deg, #0b1017 0%, rgba(11,16,23,0) 100%);
  pointer-events: none;
  z-index: 1;
}.map-image {
  width: 100%;
  height: auto;
  display: block;
}.map-instruction-position {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
  display: flex;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
}.map-instructions {
  margin: 0;
  font-size: 13px;
  line-height: 1.75;
  color: #8e97a0;
  text-align: left;
}.map-intro {
  position: absolute;
  left: clamp(20px, 8.3vw, 120px);
  top: 56px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 560px;
  z-index: 3;
  pointer-events: none;
}.map-intro-copy {
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(236,231,220,0.82);
  text-align: left;
  max-width: 480px;
}.map-region-title {
  font-family: var(--display-font);
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 6px;
}.map-route {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}.map-route-line {
  opacity: 0.9;
}.map-section {
  position: relative;
  width: 100%;
}.map-section-spacer {
  height: 120px;
}.map-surface {
  position: relative;
  width: 100%;
  margin: 0 auto;
}.map-tip-copy {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(236,231,220,0.8);
}.map-tip-image {
  width: 100%;
  height: 150px;
  object-fit: cover;
  margin-bottom: 12px;
  display: block;
}.map-title {
  margin: 0;
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(30px, 3.75vw, 54px);
  line-height: 1.08;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: left;
  color: var(--foreground);
}.map-top-shade {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 36%;
  background: linear-gradient(180deg, #0b1017 0%, rgba(11,16,23,0.6) 40%, rgba(11,16,23,0) 100%);
  pointer-events: none;
  z-index: 1;
}.map-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(11,16,23,0) 45%, rgba(11,16,23,0.55) 100%);
  pointer-events: none;
}.outlined-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  border-radius: 999px;
  font-family: var(--display-font);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid rgba(236,231,220,0.5);
  color: var(--foreground);
  backdrop-filter: blur(6px);
}.page-hero {
  position: relative;
  height: min(640px, 92svh);
  overflow: hidden;
}.photo-layer-overscan {
  position: absolute;
  left: 0;
  right: 0;
  top: -10%;
  height: 120%;
  background-size: cover;
  background-position: center;
}.press-asset {
  display: flex;
  flex-direction: column;
  gap: 16px;
}.press-asset-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
}.press-asset-title {
  font-family: var(--display-font);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.08em;
}.press-assets-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 32px;
}.press-assets-section {
  padding: 0 clamp(20px, 8.33vw, 120px) clamp(75px, 10.42vw, 150px);
  display: flex;
  flex-direction: column;
  gap: 52px;
}.press-facts-section {
  padding: 0 clamp(20px, 8.33vw, 120px) clamp(65px, 9.03vw, 130px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr));
  gap: clamp(34px, 6.67vw, 96px);
  align-items: start;
}.press-intro {
  padding: clamp(90px, 12.50vw, 180px) clamp(20px, 8.33vw, 120px) clamp(45px, 6.25vw, 90px);
  display: flex;
  align-items: flex-end;
  gap: 44px;
}.press-intro-copy {
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(236,231,220,0.78);
  text-align: left;
  max-width: 680px;
}.press-logo {
  width: 70%;
  height: auto;
}.press-preview {
  aspect-ratio: 4 / 3;
  background: #111823;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}.press-title {
  margin: 0;
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(46px, 5.83vw, 84px);
  line-height: 1.0;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.primary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  border-radius: 999px;
  font-family: var(--display-font);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  white-space: nowrap;
  background: #d8a03e;
  color: #0b1017;
}.region-entry {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 26px 0;
  border-top: 1px solid rgba(236,231,220,0.12);
}.region-heading {
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(21px, 1.81vw, 26px);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}.region-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr));
  gap: 0 64px;
  border-bottom: 1px solid rgba(236,231,220,0.12);
}.regions-section {
  padding: 0 clamp(20px, 8.33vw, 120px) clamp(70px, 9.72vw, 140px);
}.release-date {
  font-family: var(--display-font);
  font-size: 12px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--foreground);
}.renatus-section {
  padding: clamp(65px, 9.03vw, 130px) clamp(20px, 8.3vw, 120px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: clamp(25px, 5.00vw, 72px);
  align-items: center;
}.return-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  border-radius: 999px;
  font-family: var(--display-font);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  background: #d8a03e;
  color: #0b1017;
}.section-heading-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px 48px;
}.section-spacer {
  height: 130px;
}.section-title {
  margin: 0;
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(28px, 3.47vw, 50px);
  line-height: 1.08;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: left;
  color: var(--foreground);
}.story-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 clamp(20px, 8.33vw, 120px) clamp(48px, 6.67vw, 96px);
  box-sizing: border-box;
}.story-copy {
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(236,231,220,0.85);
  text-align: left;
}.story-copy-stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 700px;
  padding-bottom: 10px;
}.story-photo-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: -10%;
  height: 120%;
  background-size: cover;
  background-position: center 55%;
}.story-section {
  position: relative;
  height: min(760px, 92svh);
  overflow: hidden;
}.story-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11,16,23,0.35) 0%, rgba(11,16,23,0) 35%, rgba(11,16,23,0.95) 100%);
}.studio-feature-grid {
  padding: 0 clamp(20px, 8.33vw, 120px) clamp(75px, 10.42vw, 150px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: clamp(28px, 5.56vw, 80px);
  align-items: center;
}.studio-hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  padding-top: 30px;
}.studio-hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11,16,23,0.55) 0%, rgba(11,16,23,0.3) 45%, rgba(11,16,23,1) 100%);
}.studio-intro-copy {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-top: 40px;
}.studio-intro-grid {
  padding: clamp(65px, 9.03vw, 130px) clamp(20px, 8.33vw, 120px) clamp(65px, 9.03vw, 130px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: clamp(28px, 5.56vw, 80px);
  align-items: start;
}.studio-logo {
  width: min(520px, 72vw);
  height: auto;
  filter: drop-shadow(0 10px 40px rgba(0,0,0,0.5));
}.studio-photo-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: 30% 45%;
}.studio-promo-section {
  padding: 0 clamp(20px, 8.33vw, 120px) clamp(65px, 9.03vw, 130px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: clamp(34px, 6.67vw, 96px);
  align-items: center;
}.studio-promo-title {
  margin: 0;
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(24px, 3.06vw, 44px);
  line-height: 1.08;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: left;
  color: var(--foreground);
}.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 24px;
}.team-member {
  display: flex;
  flex-direction: column;
  gap: 16px;
}.team-member-caption {
  display: flex;
  flex-direction: column;
  gap: 6px;
}.team-portrait {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  filter: grayscale(100%) contrast(1.05);
}.team-preview-card {
  overflow: hidden;
}.team-preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 12px;
}.team-section {
  padding: 0 clamp(20px, 8.33vw, 120px) clamp(100px, 13.89vw, 200px);
  display: flex;
  flex-direction: column;
  gap: 52px;
}.text-accent {
  color: var(--accent);
}.text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--display-font);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--accent);
}.timeline-date {
  font-family: var(--display-font);
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8e97a0;
}.timeline-dot {
  position: absolute;
  left: 0;
  top: -4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d8a03e;
}.timeline-entry {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 26px;
  border-top: 1px solid rgba(236,231,220,0.12);
  position: relative;
}.timeline-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 40px 32px;
}.timeline-project {
  font-family: var(--display-font);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.04em;
  line-height: 1.3;
}.updates-content {
  position: relative;
  padding: clamp(55px, 7.64vw, 110px) clamp(20px, 8.3vw, 120px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}.updates-cta {
  display: flex;
  align-items: center;
  gap: 24px;
  width: min(600px, 100%);
  margin-top: 6px;
  flex-wrap: wrap;
  justify-content: center;
}.updates-section {
  position: relative;
  overflow: hidden;
}.updates-shade {
  position: absolute;
  inset: 0;
  background: rgba(11,16,23,0.8);
}.updates-title {
  margin: 0;
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(24px, 2.64vw, 38px);
  line-height: 1.08;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
  color: var(--foreground);
}.world-explore-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  border-radius: 999px;
  font-family: var(--display-font);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgba(11,16,23,0.62);
  border: 1px solid rgba(236,231,220,0.5);
  color: var(--foreground);
  backdrop-filter: blur(6px);
}.world-hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding-top: 30px;
}.world-hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11,16,23,0.6) 0%, rgba(11,16,23,0.45) 45%, rgba(11,16,23,1) 100%);
}.world-hero-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(11,16,23,0.5) 0%, rgba(11,16,23,0) 60%);
  pointer-events: none;
}.world-photo-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: -10%;
  height: 120%;
  background-size: cover;
  background-position: center 45%;
}.world-promo-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
}.world-promo-section {
  position: relative;
  height: min(720px, 92svh);
  overflow: hidden;
  margin-top: 130px;
}.world-promo-shade {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(11,16,23,0.62) 0%, rgba(11,16,23,0.42) 38%, rgba(11,16,23,0.88) 100%), linear-gradient(180deg, #0b1017 0%, rgba(11,16,23,0) 22%, rgba(11,16,23,0) 78%, #0b1017 100%);
}.world-promo-title {
  margin: 0;
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(40px, 5.00vw, 72px);
  line-height: 1.05;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-align: center;
  color: var(--foreground);
  text-shadow: 0 2px 24px rgba(0,0,0,0.75), 0 0 70px rgba(11,16,23,0.95);
}.world-title {
  margin: 0;
  font-family: var(--display-font);
  font-weight: 300;
  font-size: clamp(40px, 5.00vw, 72px);
  line-height: 1.0;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-align: center;
}:root {
  color-scheme: dark;
  --background: #0b1017;
  --foreground: #ece7dc;
  --accent: #d8a03e;
  --muted: #a7adb3;
  --display-font: "Jost", "Segoe UI", system-ui, sans-serif;
}body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}a { color: var(--foreground); text-decoration: none; }a:hover { color: #e8b660; }img { display: block; height: auto; }button { color: inherit; font: inherit; cursor: pointer; }button, summary { -webkit-tap-highlight-color: transparent; }:focus-visible { outline: 3px solid #f1c77d; outline-offset: 5px; }main:focus { outline: none; }.site-shell { position: relative; width: 100%; overflow: clip; }.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 200;
  padding: 10px 18px;
  color: var(--background);
  background: var(--accent);
  border-radius: 4px;
  transform: translateY(-180%);
}.skip-link:focus { transform: none; color: var(--background); }.site-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 84px;
  padding: 0 clamp(16px, 3.9vw, 56px);
  background: linear-gradient(180deg, rgba(11,16,23,.8), transparent);
}.site-brand { display: inline-flex; align-items: center; gap: 14px; }.site-brand img { width: 34px; height: auto; }.site-brand span {
  font-family: var(--display-font);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: .3em;
  text-transform: uppercase;
}.site-nav { display: flex; align-items: center; gap: clamp(20px, 3vw, 40px); }.site-nav a, .footer-links a {
  font-family: var(--display-font);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #c2c1bc;
}.site-nav a[aria-current="page"], .site-nav a:hover, .footer-links a:hover { color: var(--foreground); }.site-nav a[aria-current="page"]::after { transform: scaleX(1); }.nav-toggle { display: none; }.icon-close { display: none; }.nav-toggle[aria-expanded="true"] .icon-open { display: none; }.nav-toggle[aria-expanded="true"] .icon-close { display: block; }.menu-open { overflow: hidden; }.btn { transition: transform .25s ease, filter .25s ease; }.btn:hover { transform: translateY(-2px); filter: brightness(1.08); }.button-outline, .button-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border: 1px solid rgba(236,231,220,.5);
  border-radius: 999px;
  font-family: var(--display-font);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .24em;
  line-height: 1.5;
  text-transform: uppercase;
  background: transparent;
}.button-primary { border-color: var(--accent); background: var(--accent); color: var(--background); }.site-nav .button-outline { padding: 10px 20px; }.nl { position: relative; }.nl::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 1px;
  background: var(--accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}.nl:hover::after, .nl:focus-visible::after { transform: scaleX(1); }.bg-knot { background-image: url("/assets/images/1058w/knot.381423dcf43a9e77.webp"); }.card img, .card .ph { transition: transform .5s ease; }.card:hover img, .card:hover .ph { transform: scale(1.04); }.mcgrid { grid-template-columns: repeat(3, 1fr); }.game-hero { min-height: 620px; }.game-hero > div:last-child { padding-inline: 20px; box-sizing: border-box; }.world-explore-link, .primary-link { max-width: 100%; box-sizing: border-box; white-space: normal; text-align: center; }.world-explore-link { max-width: calc(100vw - 40px); }.contact-email { overflow-wrap: anywhere; text-align: center; }.team-avatar { position: relative; overflow: hidden; background: linear-gradient(145deg, #222c36, #111820); }.team-avatar svg { position: absolute; inset: 0; width: 100%; height: 100%; }.team-avatar circle, .team-avatar path { fill: #555e67; }.team-avatar text { fill: var(--foreground); font-family: var(--display-font); font-size: 76px; font-weight: 300; }.person-portrait-frame, .person-name, .person-roles { margin: 0; }.person-description { margin: 4px 0 0; font-size: 14px; line-height: 1.6; color: #b9bcbf; }.person-portrait-credit { padding: 6px; font-size: 12px; line-height: 1.5; color: var(--muted); }.person-detail-label { margin: 8px 0 6px; font-family: var(--display-font); font-size: 12px; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; }.person-attributions { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.6; color: #b9bcbf; }.person-attributions li + li { margin-top: 4px; }.person-links { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 8px 0 0; padding: 0; list-style: none; font-size: 14px; }.person-attributions a, .person-links a, .person-portrait-credit a { color: #efbf6e; text-decoration: underline; overflow-wrap: anywhere; }.person-portrait-credit a:focus-visible { outline-offset: 2px; }.hs { position: absolute; z-index: 4; pointer-events: none; }.map-location > summary { list-style: none; cursor: pointer; }.map-route-line { stroke-dashoffset: 0; }@keyframes map-route-draw {
  from { stroke-dashoffset: 1589; }
  to { stroke-dashoffset: 0; }
}@media (prefers-reduced-motion: no-preference) {
  .map-route-line { animation: map-route-draw 5s ease-out .5s backwards; }
}.map-location > summary::-webkit-details-marker { display: none; }.hs > summary { width: 100%; height: 100%; pointer-events: auto; }.hs > summary:focus-visible { outline: none; }.hs > .tip { pointer-events: auto; }.map-clip-definitions { position: absolute; width: 0; height: 0; pointer-events: none; }.map-region-shape { display: block; width: 100%; height: 100%; overflow: visible; pointer-events: none; filter: drop-shadow(0 0 2px #191914); }.map-region-shape use { fill: transparent; stroke: transparent; stroke-width: 4px; stroke-linejoin: round; }.hs {
  --map-highlight-fill: rgba(41,40,35,.18);
  --map-highlight-stroke: #e6deca;
  --map-focus-fill: rgba(41,40,35,.26);
  --map-focus-stroke: #fff9e9;
}.hs > summary:hover .map-region-shape use, .hs[open] > summary .map-region-shape use {
  fill: var(--map-highlight-fill);
  stroke: var(--map-highlight-stroke);
}.hs > summary:focus-visible .map-region-shape use {
  fill: var(--map-focus-fill);
  stroke: var(--map-focus-stroke);
  stroke-width: 6px;
}.map-location[open] { z-index: 25; }.tip {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -10px);
  width: 300px;
  max-height: min(560px, 80svh);
  overflow-y: auto;
  padding: 14px;
  box-sizing: border-box;
  background: #101720;
  border: 1px solid rgba(216,160,62,.65);
  color: var(--foreground);
  z-index: 30;
  box-shadow: 0 12px 40px rgba(0,0,0,.45);
}.hs.dn .tip { bottom: auto; top: 100%; transform: translate(-50%, 10px); }.mk { position: absolute; width: 0; height: 0; z-index: 6; }.mk > summary { position: absolute; left: -22px; top: -22px; width: 44px; height: 44px; }.mk .dot {
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  border-radius: 50%;
  background: var(--background);
  border: 2px solid var(--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--display-font);
  font-size: 19px;
  color: var(--foreground);
}.mk .ring { display: none; }.mk .lab {
  pointer-events: none;
  position: absolute;
  top: 50px;
  left: 22px;
  transform: translateX(-50%);
  white-space: nowrap;
  font-family: var(--display-font);
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--foreground);
  text-shadow: 0 0 6px #0b1017, 0 0 12px #0b1017, 0 1px 2px #0b1017;
}.mk .tip { left: 0; transform: translate(-50%, -34px); }.mk.dn .tip { bottom: auto; top: 100%; transform: translate(-50%, 58px); }.mk > summary:hover .dot, .mk[open] .dot { background: var(--accent); color: var(--background); }.mk > summary:focus-visible { outline: none; }.mk > summary:focus-visible .dot { outline: 3px solid #f1c77d; outline-offset: 5px; }.map-tip-title { font-family: var(--display-font); color: var(--accent); }.map-close {
  display: block;
  margin: 14px 0 0 auto;
  padding: 8px 16px;
  border: 1px solid var(--accent);
  border-radius: 4px;
  background: transparent;
  color: var(--foreground);
  font-size: 14px;
}.maphint p { max-width: 780px; padding-inline: 20px; text-align: center; }.world-gallery { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-color: var(--accent) var(--background); }.world-gallery .track { display: flex; gap: 16px; width: max-content; padding: 4px 20px 20px; }.world-gallery { scrollbar-width: auto; scrollbar-color: var(--accent) #26313c; }.world-gallery::-webkit-scrollbar { height: 12px; }.world-gallery::-webkit-scrollbar-track { background: #26313c; }.world-gallery::-webkit-scrollbar-thumb { background: var(--accent); border: 3px solid #26313c; border-radius: 6px; }.gallery-controls { display: flex; justify-content: flex-end; gap: 12px; padding: 0 clamp(20px, 8.33vw, 120px) 20px; }.gallery-controls[hidden] { display: none; }.gallery-control { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; padding: 8px 16px; border: 1px solid var(--accent); border-radius: 4px; background: #141d27; color: var(--foreground); font-size: 14px; }.gallery-control:hover:enabled { background: #26313c; }.gallery-control:disabled { opacity: .45; cursor: default; }.gallery-card { position: relative; width: min(440px, 78vw); aspect-ratio: 440 / 270; flex: 0 0 auto; overflow: hidden; margin: 0; }.gallery-card img { width: 100%; height: 100%; object-fit: cover; }.gallery-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,16,23,0) 55%, rgba(11,16,23,.9) 100%); }.gallery-caption { position: absolute; left: 18px; right: 18px; bottom: 16px; display: flex; flex-direction: column; gap: 4px; }.gallery-title { font-family: var(--display-font); font-size: 18px; font-weight: 300; line-height: 1.2; letter-spacing: .1em; text-transform: uppercase; }.gallery-region { font-family: var(--display-font); font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: #a7adb3; }.gallery-hint { margin: 0; color: var(--muted); font-size: 14px; }.mocap-player { position: relative; width: 100%; aspect-ratio: 16 / 9; }.mocap-player > summary { position: absolute; inset: 0; list-style: none; cursor: pointer; z-index: 2; }.mocap-player > summary::-webkit-details-marker { display: none; }.mocap-player > summary:focus-visible { outline-offset: -5px; }.mocap-poster, .mocap-clip { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.mocap-control { position: absolute; left: 16px; top: 16px; padding: 10px 16px; border: 1px solid rgba(236,231,220,.7); border-radius: 999px; background: rgba(11,16,23,.9); color: var(--foreground); font-size: 13px; }.mocap-close-label { display: none; }.mocap-player[open] .mocap-close-label { display: inline; }.mocap-player[open] .mocap-play-label, .mocap-player[open] .mocap-poster { display: none; }.mocap-player + .feature-caption { z-index: 3; pointer-events: none; }[data-press-notice] { display: none; }.press-ready [data-press-notice] { display: inline-flex; }button[data-press-notice] { border: 0; background: transparent; padding: 0; }button.btn[data-press-notice] { padding: 16px 32px; background: var(--accent); }.press-availability {
  margin: 0;
  max-width: 850px;
  padding: 20px 24px;
  border-left: 2px solid var(--accent);
  background: rgba(216,160,62,.07);
  color: #d4d4ce;
}.press-availability a, .press-dialog a { color: #efbf6e; text-decoration: underline; overflow-wrap: anywhere; }.press-dialog {
  width: min(520px, calc(100% - 40px));
  padding: clamp(24px, 5vw, 40px);
  border: 1px solid var(--accent);
  border-radius: 8px;
  box-sizing: border-box;
  background: #101720;
  color: var(--foreground);
  box-shadow: 0 20px 80px rgba(0,0,0,.5);
}.press-dialog::backdrop { background: rgba(0,0,0,.72); }.press-dialog h2 { margin: 0 0 16px; font: 400 28px/1.2 var(--display-font); }.press-dialog p { margin: 16px 0; }.press-dialog form { margin-top: 24px; }.minecraft-hero {
  position: relative;
  display: grid;
  place-items: center;
  min-height: min(760px, 94svh);
  padding: 150px 20px 96px;
  box-sizing: border-box;
  overflow: hidden;
}.minecraft-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }.minecraft-hero-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,16,23,.55), rgba(11,16,23,.56) 45%, #0b1017); }.minecraft-hero-content { position: relative; display: flex; flex-direction: column; align-items: center; gap: 24px; width: min(1000px, 100%); text-align: center; }.minecraft-hero .eyebrow, .minecraft-section .eyebrow { margin: 0; }.minecraft-title { margin: 0; font-family: var(--display-font); font-size: clamp(46px, 7vw, 96px); font-weight: 300; line-height: 1.05; letter-spacing: .08em; text-transform: uppercase; }.minecraft-title span { color: var(--accent); }.minecraft-hero-copy { max-width: 620px; margin: 0; font-size: 18px; line-height: 1.75; color: #e2e0d9; }.minecraft-launch { margin: 0; font-family: var(--display-font); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: #e8b660; }.minecraft-section { padding: clamp(60px, 8.33vw, 120px) clamp(20px, 8.33vw, 120px); }.minecraft-intro, .minecraft-launch-section { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); align-items: center; gap: clamp(36px, 6vw, 88px); }.minecraft-launch-section { background: #101720; }.minecraft-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 8px; }.minecraft-actions a { box-sizing: border-box; max-width: 100%; white-space: normal; text-align: center; }.minecraft-address-card { padding: clamp(24px, 4vw, 48px); border: 1px solid rgba(216,160,62,.35); background: rgba(11,16,23,.65); }.minecraft-address-card h3 { margin-top: 0; }.minecraft-address-card .caption-muted { margin-bottom: 0; }.minecraft-address { margin: 20px 0; color: var(--foreground); font-size: clamp(20px, 2.5vw, 28px); overflow-wrap: anywhere; }.minecraft-address code { font-family: ui-monospace, "Cascadia Code", Consolas, monospace; }.minecraft-section-heading { display: flex; flex-direction: column; gap: 20px; max-width: 780px; margin-bottom: 40px; }.minecraft-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }.minecraft-gallery-card { margin: 0; overflow: hidden; }.minecraft-gallery-card img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }.minecraft-gallery-card figcaption { padding-top: 14px; font-family: var(--display-font); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--muted); }.minecraft-credits-section { padding-top: 0; }.minecraft-credits { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px 64px; margin: 40px 0 0; }.minecraft-credits > div { border-top: 1px solid rgba(236,231,220,.18); padding-top: 24px; }.minecraft-credits dt { font-family: var(--display-font); font-size: 13px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }.minecraft-credits dd { margin: 12px 0 0; color: #b9bcbf; }.minecraft-credits a { color: #efbf6e; text-decoration: underline; }.minecraft-alias { color: var(--muted); }@media (max-width: 700px) {
  .minecraft-gallery { grid-template-columns: 1fr; }
}.footer-divider { height: 22px; background-size: auto 100%; background-repeat: repeat-x; background-position: center; opacity: .3; }.footer-content { display: flex; flex-direction: column; align-items: center; gap: 36px; padding: clamp(36px, 5vw, 72px) clamp(28px, 3.89vw, 56px) clamp(28px, 3.89vw, 56px); }.footer-wordmark { width: min(260px, 100%); height: auto; }.footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px 40px; }.social-links { gap: 18px 32px; }.copyright { margin: 0; font-size: 13px; color: var(--muted); text-align: center; }@media (min-width: 1700px) { .mcgrid { grid-template-columns: repeat(4, 1fr); } }@media (min-width: 2400px) { .mcgrid { grid-template-columns: repeat(6, 1fr); } }@media (max-width: 900px) {
  .site-header { position: relative; flex-wrap: wrap; gap: 22px; padding-block: 20px; box-sizing: border-box; }
  .site-nav { justify-content: center; flex-wrap: wrap; gap: 20px 28px; width: 100%; }
  .nav-ready .site-header { position: absolute; flex-wrap: nowrap; height: 84px; padding-block: 0; }
  .nav-ready .nav-toggle { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; border: 0; background: transparent; position: relative; z-index: 101; }
  .nav-ready .site-nav { display: none; }
  .nav-ready .site-nav[data-open] { display: flex; flex-direction: column; flex-wrap: nowrap; position: fixed; inset: 0; background: rgba(11,16,23,.98); align-items: center; justify-content: center; gap: 30px; z-index: 100; padding: 84px 20px 30px; box-sizing: border-box; overflow-y: auto; }
  .nav-ready .site-nav[data-open] a { font-size: 16px; }
  .mcgrid { grid-template-columns: repeat(2, 1fr); }
  .mapwrap { overflow-x: auto; overscroll-behavior-x: contain; }
  .mapwrap > div { width: 900px !important; }
  .maphero { display: flex; flex-direction: column; }
  .maphead { order: -1; position: relative !important; left: 0 !important; top: 0 !important; max-width: none !important; padding: 28px clamp(20px, 8.3vw, 120px) 18px; }
  .maphint { position: relative !important; bottom: auto !important; padding: 14px 0 0; }
  .mk .lab { font-size: 8.5px; letter-spacing: .16em; }
  .tip { position: fixed !important; left: 50% !important; right: auto !important; top: auto !important; bottom: 14px !important; transform: translateX(-50%) !important; width: min(340px, 92vw) !important; max-height: 65svh; padding: 12px !important; z-index: 60 !important; }
  .tip img { height: 110px !important; margin-bottom: 10px !important; }
  .band { height: auto !important; min-height: 70svh; }
  .band .bandc { position: relative !important; padding-top: 44svh !important; }
}@media (max-width: 480px) {
  .mcgrid { grid-template-columns: 1fr; }
  .site-brand { gap: 10px; }
  .site-brand span { font-size: 11px; letter-spacing: .2em; }
  .game-hero { min-height: 580px; }
}@media (max-width: 600px) {
  .history-heading { flex-direction: column; align-items: flex-start; gap: 28px; }
  .history-year { font-size: 110px; }
}@media (max-height: 520px) and (max-width: 900px) {
  .nav-ready .site-nav[data-open] { gap: 14px; justify-content: flex-start; }
}@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .btn:hover, .card:hover img, .card:hover .ph { transform: none; }
}.hero-backdrop { width: 100%; height: 100%; object-fit: cover; }.position-center-30 { object-position: center 30%; }.position-center-55 { object-position: center 55%; }.position-center { object-position: center; }.position-30-45 { object-position: 30% 45%; }.position-center-45 { object-position: center 45%; }.region-olzhar { left: 10.125000%; top: 24.679113%; width: 17.083333%; height: 41.890315%; }.region-olzhar > summary { clip-path: url(#map-clip-olzhar); }.region-mekanis { left: 27.291667%; top: 28.588098%; width: 11.333333%; height: 25.729288%; }.region-mekanis > summary { clip-path: url(#map-clip-mekanis); }.region-senkaria { left: 25.041667%; top: 31.446908%; width: 23.250000%; height: 34.714119%; }.region-senkaria > summary { clip-path: url(#map-clip-senkaria); }.region-aungmar { left: 36.875000%; top: 18.903151%; width: 18.250000%; height: 18.261377%; }.region-aungmar > summary { clip-path: url(#map-clip-aungmar); }.region-ketan { left: 38.250000%; top: 37.806301%; width: 13.125000%; height: 11.960327%; }.region-ketan > summary { clip-path: url(#map-clip-ketan); }.region-northern-kallonia { left: 54.000000%; top: 27.946324%; width: 11.041667%; height: 22.053676%; }.region-northern-kallonia > summary { clip-path: url(#map-clip-northern-kallonia); }.region-southern-kallonia { left: 47.166667%; top: 45.390898%; width: 9.791667%; height: 19.778296%; }.region-southern-kallonia > summary { clip-path: url(#map-clip-southern-kallonia); }.region-aeloen { left: 61.708333%; top: 40.548425%; width: 10.666667%; height: 14.760793%; }.region-aeloen > summary { clip-path: url(#map-clip-aeloen); }.region-norkinia { left: 64.333333%; top: 22.287048%; width: 15.000000%; height: 21.353559%; }.region-norkinia > summary { clip-path: url(#map-clip-norkinia); }.region-watol { left: 69.125000%; top: 44.982497%; width: 11.958333%; height: 17.736289%; }.region-watol > summary { clip-path: url(#map-clip-watol); }.region-taienmar { left: 58.875000%; top: 56.534422%; width: 8.458333%; height: 10.735123%; }.region-taienmar > summary { clip-path: url(#map-clip-taienmar); }.region-vurkia { left: 47.625000%; top: 68.844807%; width: 51.375000%; height: 30.863477%; }.region-vurkia > summary { clip-path: url(#map-clip-vurkia); }