:root {
  color-scheme: dark;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: #000;
  color: #fff;
  font-family: Inter, Arial, sans-serif;
}

.main-buttons-link{
  display: flex;
  flex-wrap: wrap;       /* Дозволяє кнопкам перестрибувати на новий рядок */
  gap: 10px;
}
.main-buttons-link>*{
  display: block;
  text-align: center;
  width: 195px;
}
@media (max-width: 480px) {
  .main-buttons-link{
    justify-content: center;
  }
  .main-buttons-link>*{
    width: 100%;
  }
}

.dubai-hero { position:relative; min-height:100vh; overflow:hidden; border-bottom:1px solid #222; }
.dubai-hero > img { position:absolute; inset:0 0 0 auto; width:50%; height:100%; object-fit:cover; object-position:center; opacity:.92; }
.dubai-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.76) 36%,rgba(0,0,0,.08) 75%); }
.dubai-hero__content { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; min-height:100vh; width:min(1320px,calc(100% - 3rem)); margin:0 auto; padding-top:76px; }
.dubai-hero__content > p:first-child { color:#d7b46a; font-size:.75rem; letter-spacing:.22em; }
.dubai-hero h1 { max-width:760px; margin:.7rem 0 1.4rem; font-size:clamp(3.5rem,7vw,7rem); line-height:.9; letter-spacing:-.04em; text-transform:uppercase; }
.dubai-hero__intro { max-width:510px; color:#aaa; font-size:1rem; line-height:1.7; }
.dubai-contact { display:flex; flex-direction:column; align-items:center; max-width:900px; margin:1rem auto 1rem; padding:5rem 2rem; text-align:center; border:1px solid #242424; }
.dubai-contact > p:first-child { color:#d7b46a; font-size:.72rem; letter-spacing:.2em; }
.dubai-contact h2 { margin:.8rem 0 1rem; font-size:clamp(2.3rem,5vw,4.5rem); line-height:1; }
.dubai-contact > p:not(:first-child) { max-width:560px; color:#999; }
.site-footer { padding:5rem max(1.5rem,5vw) 2rem; border-top:1px solid #222; background:#050505; }
.site-footer__inner { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:2rem; max-width:1320px; margin:0 auto; }
.site-footer__inner nav { display:flex; gap:2rem; }
.site-footer__inner p { color:#777; text-align:right; }
.site-footer__bottom { display:flex; justify-content:space-between; max-width:1320px; margin:4rem auto 0; padding-top:1.5rem; color:#555; font-size:.75rem; border-top:1px solid #1c1c1c; }
.manager-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.manager-actions--center { justify-content:center; }
.manager-action { display:inline-flex; align-items:center; justify-content:center; min-width:145px; padding:1rem 1.25rem; color:#fff; font-weight:700; text-transform:uppercase; border:1px solid #333; transition:.2s ease; }
.manager-action--telegram { background:#229ed9; border-color:#229ed9; }
.manager-action--whatsapp { background:#25d366; border-color:#25d366; color:#061b0d; }
.manager-action:hover { transform:translateY(-2px); filter:brightness(1.08); }
.manager-popup-trigger {
  align-self:flex-start;
  padding:1rem 1.8rem;
  overflow:hidden;
  color:#fff;
  background:#790710 url("/img/new/bg-btn.webp") center/cover;
  border-radius:999px;
  font-size:.78rem;
  font-weight:700;
  text-transform:uppercase;
  transition:transform .25s ease,filter .25s ease;
}
.manager-popup-trigger:hover { transform:scale(1.04); filter:brightness(1.12); }
.dubai-contact .manager-popup-trigger { align-self:center; }
.manager-popup { position:fixed; inset:0; z-index:2147483647; display:none; place-items:center; padding:1rem; overflow-y:auto; }
.manager-popup.is-open { display:grid; }
.manager-popup__backdrop { position:fixed; inset:0; background:rgba(0,0,0,.82); backdrop-filter:blur(6px); }
.manager-popup__dialog { position:relative; z-index:1; width:min(360px,100%); margin:auto; padding:1.45rem 1.6rem 1.7rem; color:#111; background:#fff; border-radius:18px; box-shadow:0 25px 80px #000; text-align:center; }
.manager-popup__dialog h2 { margin:0 2rem 1rem; font-size:1.2rem; line-height:1.2; }
.manager-popup__close { position:absolute; top:1rem; right:1.1rem; color:#a40012; font-size:1.6rem; font-weight:300; line-height:1; }
.manager-popup__choices { display:grid; grid-template-columns:1fr; gap:.65rem; margin:0 auto 1rem; }
.manager-popup__choice { display:flex; align-items:center; justify-content:center; gap:.8rem; min-height:40px; padding:.65rem 1rem; color:#fff; background:#aa0009; border-radius:999px; font-size:.78rem; font-weight:600; transition:.2s ease; }
.manager-popup__choice span { flex:1; padding-left:1.25rem; }
.manager-popup__choice b { display:grid; flex:0 0 1.45rem; place-items:center; width:1.45rem; height:1.45rem; color:#aa0009; background:#fff; border-radius:50%; font-size:.72rem; }
.manager-popup__choice:hover { transform:translateY(-2px); filter:brightness(1.08); }
.manager-popup__steps { margin:0; padding:0; list-style:none; }
.manager-popup__steps li { position:relative; z-index:0; padding:.15rem 0 .8rem; }
.manager-popup__steps li > span { position:absolute; inset:.2rem 0 auto; z-index:-1; color:#f1f1f1; font-size:3rem; line-height:1; }
.manager-popup__steps h3 { position:relative; margin:.7rem 0 .4rem; font-size:.9rem; font-weight:500; }
.manager-popup__steps p { position:relative; margin:0 auto; max-width:18rem; color:#444; font-size:.7rem; line-height:1.45; }
.manager-popup-open { overflow:hidden; }
.legal-page { min-height:100vh; padding:6rem max(1.5rem,6vw) 7rem; background:#080808; }
.legal-page > article { max-width:900px; margin:0 auto; }
.legal-page h1 { margin:.5rem 0 1rem; font-size:clamp(3rem,7vw,6rem); line-height:1; }
.legal-page__updated { margin-bottom:4rem; color:#777; }
.legal-page h2 { margin:2.5rem 0 .8rem; color:#d7b46a; font-size:1.35rem; }
.legal-page p,.legal-page li { color:#aaa; line-height:1.8; }
.legal-page ul { padding-left:1.2rem; list-style:disc; }
.legal-page a { color:#d7b46a; text-decoration:underline; }

/* Stable desktop header over the original Nuxt export. */
.header {
  display: block !important;
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 1000 !important;
  height: 76px !important;
  background: rgba(0, 0, 0, .94) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  backdrop-filter: blur(12px);
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.header__container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: min(1320px, calc(100% - 3rem)) !important;
  height: 76px !important;
  margin: 0 auto !important;
}

.header__logo,
.header__logo a,
.header__menu,
.menu__list,
.menu__item {
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.site-header__logo {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .16em;
}

.site-header__logo span {
  display: block;
  width: 10px;
  height: 25px;
  background: #8d0a0a;
  border-radius: 100% 0 0 100%;
}

.site-header__nav {
  display: flex;
  align-items: center;
  gap: clamp(1.4rem, 2.5vw, 2.8rem);
}

.site-header__nav a {
  position: relative;
  color: #fff;
  font-size: 15px;
}

.site-header__nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -.55rem;
  left: 0;
  height: 1px;
  background: #bf9a7f;
  transform: scaleX(0);
  transition: transform .25s ease;
}

.site-header__nav a:hover::after {
  transform: scaleX(1);
}

.codex-site-header {
  display: block;
  position: fixed;
  inset: 0 0 auto;
  z-index: 2147483647;
  height: 76px;
  color: #fff;
  background: rgba(0, 0, 0, .96);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  opacity: 1;
  visibility: visible;
}

.codex-site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(1320px, calc(100% - 3rem));
  height: 100%;
  margin: 0 auto;
}

.codex-site-header__logo {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .08em;
  opacity: 1 !important;
  visibility: visible !important;
}

.codex-site-header__logo span {
  width: 10px;
  height: 25px;
  background: #8d0a0a;
  border-radius: 100% 0 0 100%;
}

.codex-site-header__nav {
  display: flex;
  align-items: center;
  gap: clamp(1.4rem, 2.5vw, 2.8rem);
}

.codex-site-header__nav a {
  color: #fff;
  font-size: 15px;
}

.mobile-menu-toggle,
.mobile-menu,
.mobile-menu-backdrop { display:none; }

.header__menu {
  display: flex !important;
  width: auto !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  transform: none !important;
}

.menu__list {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: clamp(1.25rem, 2.2vw, 2.5rem) !important;
  margin: 0 !important;
}

.menu__item,
.menu__item > a,
.select-city__title > div {
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  white-space: nowrap;
}

.front-section .fadeTitleScroll {
  max-width: min(760px, 58vw) !important;
  margin-top: 0 !important;
  padding-top: 76px;
}

.front-section .titleone {
  max-width: 760px;
  margin: 0 0 1.25rem !important;
  font-size: clamp(3.4rem, 6.1vw, 6.8rem) !important;
  line-height: .94 !important;
  letter-spacing: -.035em !important;
}

.front-section .sub {
  font-size: clamp(.95rem, 1.15vw, 1.12rem) !important;
  line-height: 1.6 !important;
}

.models-section__section-name h3,
.casting-section__section-name h3,
.services-section__section-name h3 {
  font-size: clamp(3rem, 7vw, 7rem) !important;
  line-height: 1 !important;
}

.dynamic-message {
  min-height: 60vh;
  display: grid;
  place-content: center;
  gap: 1rem;
  padding: 8rem 1.5rem;
  color: #fff;
  text-align: center;
}

.dynamic-message h1 {
  font-size: clamp(2rem, 5vw, 4rem);
}

.dynamic-message a {
  color: #d6b36a;
  text-decoration: underline;
}

.api-models {
  min-height: 100vh;
  padding: 9rem max(4.5vw, 1.25rem) 6rem;
  overflow-x: clip;
  color: #fff;
  background: #000;
}

.api-breadcrumbs {
  display: flex;
  gap: .75rem;
  align-items: center;
  margin: 0 auto 3rem;
  max-width: 1320px;
  color: #999;
  font-size: .9rem;
}

.api-breadcrumbs a { color: #d7b46a; }
.api-catalog-heading { max-width: 1320px; margin: 0 auto 3rem; }
.api-catalog-heading h1 { margin: .2rem 0 1rem; font-size: clamp(3rem, 7vw, 6rem); line-height: .95; }
.api-catalog-heading > p:last-child { max-width: 42rem; color: #aaa; }
.api-eyebrow { color: #d7b46a; letter-spacing: .22em; font-size: .72rem; }

.api-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3rem 1.5rem;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.api-card { min-width: 0; max-width: 100%; overflow: hidden; }
.api-card a { text-decoration: none; }
.api-card__image { position: relative; display: block; overflow: hidden; aspect-ratio: 4/5; background: #111; border-radius: .25rem; }
.api-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.api-card__image:hover img { transform: scale(1.025); }
.api-card__status, .api-card__vip {
  position: absolute; top: .8rem; padding: .35rem .6rem; color: #080808; background: #d7b46a;
  border-radius: 999px; font-size: .68rem; font-weight: 700; text-transform: uppercase;
}
.api-card__status { left: .8rem; }
.api-card__vip { right: .8rem; background: #fff; }
.api-card__body { padding-top: 1rem; }
.api-card__body h2 { margin: 0 0 .35rem; color: #c20b22; font-size: 1.35rem; }
.api-card__body h2 a { color: #c20b22; }
.api-card__body p { color: #999; }
.api-card__body p span { padding: 0 .35rem; color: #d7b46a; }
.api-card__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.35rem; margin:.65rem 0 0; }
.api-card__stats div { min-width:0; }
.api-card__stats dt { color:#666; font-size:.58rem; line-height:1; text-transform:uppercase; letter-spacing:.05em; }
.api-card__stats dd { margin:.25rem 0 0; overflow:hidden; color:#b7b7b7; font-size:.72rem; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.api-card__price { display:flex; align-items:baseline; justify-content:space-between; gap:.5rem; margin:.7rem 0 0; color:#fff !important; font-size:.82rem; font-weight:600; }
.api-card__price span { padding:0 !important; color:#777 !important; font-size:.62rem; font-weight:400; text-transform:uppercase; letter-spacing:.06em; }
.api-card__more { display: inline-block; margin-top: .7rem; color: #d7b46a; border-bottom: 1px solid currentColor; }

.api-profile { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr); gap: 4rem; max-width: 1220px; margin: 0 auto; }
.api-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.api-gallery img { width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: .35rem; background: #111; }
.api-gallery img:first-child { grid-column: 1 / -1; aspect-ratio: 4/5; }
.api-profile__info { position: sticky; top: 7rem; align-self: start; }
.api-profile__heading { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.api-profile h1 { font-size: clamp(2.7rem, 5vw, 5rem); line-height: 1; }
.api-status { color: #73d58a; font-size: .8rem; white-space: nowrap; }
.api-status::before { content: ""; display: inline-block; width: .55rem; height: .55rem; margin-right: .4rem; background: currentColor; border-radius: 50%; }
.api-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 2rem 0; }
.api-stats div { padding: 1rem; border: 1px solid #242424; }
.api-stats dt { color: #777; font-size: .75rem; text-transform: uppercase; }
.api-stats dd { margin: .3rem 0 0; font-size: 1.1rem; }
.api-description { color: #bbb; line-height: 1.7; }
.api-order { display: inline-block; margin-top: 2rem; padding: 1rem 1.4rem; color: #090909; background: #d7b46a; text-transform: uppercase; font-weight: 700; }

.home-api-models {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0rem max(1.25rem, 4vw);
  color: #fff;
}
.home-api-models__heading { position: relative; margin-bottom: 3rem; }
.home-api-models__heading p { color: #d7b46a; font-size: .75rem; letter-spacing: .2em; }
.home-api-models__heading h2 { margin: .2rem 0; font-size: clamp(3rem, 7vw, 6.5rem); line-height: 1; }
.home-api-models__heading > a { position: absolute; right: 0; bottom: .5rem; color: #d7b46a; border-bottom: 1px solid; }
.models-pagination { display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; gap:.35rem; width:100%; max-width:360px; margin:4rem auto 0; }
.models-pagination a { display:grid; flex:0 0 2.25rem; place-items:center; width:2.25rem; height:2.25rem; padding:0; color:#fff; border:1px solid #292929; text-decoration:none; transition:.2s ease; }
.models-pagination__ellipsis { display:grid; flex:0 0 1.25rem; place-items:center; width:1.25rem; height:2.25rem; color:#777; }
.models-pagination a:hover,.models-pagination a.is-current { color:#fff; background:#8d0016; border-color:#8d0016; }

.contacts-page {
  min-height: 100vh;
  padding: 10rem max(1.5rem, 6vw) 7rem;
  color: #fff;
  background: #090909;
}
.contacts-page > header, .contacts-page__grid { max-width: 1320px; margin-right: auto; margin-left: auto; }
.contacts-page > header > p:first-child { color: #d7b46a; font-size: .75rem; letter-spacing: .2em; }
.contacts-page h1 { margin: .35rem 0 1rem; font-size: clamp(3.2rem, 7vw, 6.5rem); line-height: 1; }
.contacts-page > header > p:last-child { max-width: 42rem; color: #aaa; font-size: 1.05rem; }
.contacts-page__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 4rem; }
.contact-card { display: flex; flex-direction: column; min-height: 190px; padding: 1.6rem; color: #fff; border: 1px solid #272727; transition: .25s ease; }
.contact-card--manager { width:100%; text-align:left; }
.contact-card:hover { color: #090909; background: #d7b46a; border-color: #d7b46a; transform: translateY(-3px); }
.contact-card span { color: #999; font-size: .75rem; text-transform: uppercase; }
.contact-card strong { margin-top: auto; font-size: clamp(1.05rem, 1.5vw, 1.35rem); overflow-wrap: anywhere; }
.contact-card:hover span { color: #333; }

.model-reference-profile { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); gap:2.25rem; width:100%; max-width:1040px; margin:0 auto; }
.model-reference-profile > * { min-width:0; }
.model-reference-gallery__main { width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:.35rem; background:#111; }
.model-reference-gallery__thumbs { display:grid; grid-template-columns:repeat(4,minmax(0,82px)); gap:.75rem; width:100%; margin-top:.8rem; }
.model-reference-gallery__thumbs button { width:100%; aspect-ratio:82/105; height:auto; padding:0; overflow:hidden; border:1px solid transparent; border-radius:.2rem; opacity:.62; transition:.2s ease; }
.model-reference-gallery__thumbs button.is-active { border-color:#d7b46a; opacity:1; }
.model-reference-gallery__thumbs img { width:100%; height:100%; object-fit:cover; }
.model-reference-info { align-self:start; padding-top:.25rem; }
.model-reference-info__heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.model-reference-info h1 { font-size:clamp(2.4rem,4vw,4.3rem); line-height:1; }
.model-reference-stats { display:flex; flex-wrap:wrap; gap:.35rem 1.15rem; margin:1rem 0 2rem; }
.model-reference-stats div { display:flex; gap:.35rem; }
.model-reference-stats dt { color:#8d8d8d; }
.model-reference-stats dd { margin:0; color:#fff; }
.model-reference-prices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; margin:-.75rem 0 2rem; }
.model-reference-prices div { padding:1rem; border:1px solid #292929; }
.model-reference-prices dt { color:#888; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; }
.model-reference-prices dd { margin:.35rem 0 0; color:#fff; font-size:1.15rem; font-weight:600; }
.model-reference-about { margin-bottom:.65rem; font-size:1.15rem; font-weight:600; }
.model-reference-info .api-description { max-width:34rem; font-size:.95rem; line-height:1.75; }
.model-reference-related { max-width:920px; margin:9rem auto 0; }
.model-reference-related__heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:2rem; }
.model-reference-related__heading h2 { font-size:clamp(1.7rem,3vw,2.8rem); text-transform:uppercase; }
.model-reference-related__heading a { color:#d7b46a; border-bottom:1px solid; }
.model-reference-related__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3rem 1.1rem; }
.model-reference-related .api-card__image { aspect-ratio:3/4.25; }
.model-reference-related .api-card__body h2 { font-size:1.05rem; }
.model-reference-related .api-card__body p,.model-reference-related .api-card__more { font-size:.78rem; }

@media (max-width: 980px) {
  .codex-site-header__inner { width: calc(100% - 2rem); }
  .codex-site-header__nav { gap: 1rem; }
  .codex-site-header__nav a { font-size: 13px; }
  .header__container { width: min(100% - 2rem, 1320px) !important; }
  .header__menu { display: none !important; }
  .header__btn-mobile-menu { display: block !important; position: relative !important; }
  .site-header__nav { gap: 1rem; }
  .site-header__nav a { font-size: 13px; }
  .front-section .fadeTitleScroll { max-width: 72vw !important; }
  .front-section .titleone { font-size: clamp(3rem, 10vw, 5.5rem) !important; }
  .api-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .api-profile { grid-template-columns: 1fr; }
  .api-profile__info { position: static; }
  .contacts-page__grid { grid-template-columns: 1fr; }
  .model-reference-profile { grid-template-columns:1fr; max-width:680px; }
  .model-reference-related { margin-top:6rem; }
}

@media (max-width: 560px) {
  .dubai-hero { min-height:100svh; }
  .dubai-hero > img { width:87%; height:60%; object-position:0% top; opacity:1; }
  .dubai-hero::after {
    background:
      linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.08) 38%,rgba(0,0,0,.78) 58%,#000 82%),
      linear-gradient(90deg,rgba(0,0,0,.18),transparent 55%);
  }
  .dubai-hero__content {
    justify-content:flex-end;
    min-height:100svh;
    width:calc(100% - 2rem);
    padding:0 0 4rem;
  }
  .dubai-hero__content > p:first-child { font-size:.62rem; }
  .dubai-hero h1 {
    max-width:19rem;
    margin:.55rem 0 .85rem;
    font-size:2.25rem;
    line-height:.96;
    letter-spacing:-.025em;
  }
  .dubai-hero__intro { max-width:19rem; font-size:.75rem; line-height:1.65; }
  .models-pagination { gap:.2rem; max-width:100%; }
  .models-pagination a { flex-basis:2rem; width:2rem; height:2rem; font-size:.78rem; }
  .models-pagination__ellipsis { flex-basis:.8rem; width:.8rem; height:2rem; }
  .codex-site-header__nav { display: none; }
  .mobile-menu-toggle {
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    width:42px;
    height:42px;
    padding:9px;
    color:#fff;
  }
  .mobile-menu-toggle span {
    display:block;
    width:100%;
    height:1px;
    background:currentColor;
    transition:transform .25s ease,opacity .2s ease;
  }
  .mobile-menu-toggle.is-open span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
  .mobile-menu-toggle.is-open span:nth-child(2) { opacity:0; }
  .mobile-menu-toggle.is-open span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
  .mobile-menu-backdrop {
    position:fixed;
    inset:76px 0 0;
    z-index:1;
    width:100%;
    background:rgba(0,0,0,.68);
    border:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease,visibility .25s ease;
  }
  .mobile-menu {
    position:fixed;
    top:76px;
    right:0;
    bottom:0;
    z-index:2;
    display:flex;
    flex-direction:column;
    width:min(82vw,320px);
    padding:2.5rem 1.5rem;
    background:#080808;
    border-left:1px solid #242424;
    transform:translateX(100%);
    transition:transform .28s ease;
  }
  .mobile-menu a {
    padding:1.15rem 0;
    color:#fff;
    font-size:1.15rem;
    border-bottom:1px solid #242424;
  }
  .mobile-menu.is-open { transform:translateX(0); }
  .mobile-menu-backdrop.is-open { display:block; opacity:1; visibility:visible; }
  body.mobile-menu-open { overflow:hidden; }
  .dubai-hero__content { width:calc(100% - 2rem); }
  .dubai-hero h1 { font-size:clamp(2.8rem,15vw,4.2rem); }
  .site-footer__inner { grid-template-columns:1fr; }
  .site-footer__inner p { text-align:left; }
  .site-footer__bottom { flex-direction:column; gap:.5rem; }
  .codex-site-header__nav a:nth-child(2),
  .codex-site-header__nav a:nth-child(4) { display: none; }
  .site-header__nav a:nth-child(2),
  .site-header__nav a:nth-child(4) { display: none; }
  .site-header__nav { gap: .9rem; }
  .front-section .fadeTitleScroll { max-width: 92vw !important; padding-top: 76px; }
  .front-section .titleone { font-size: clamp(2.5rem, 13vw, 4rem) !important; }
  .api-models { padding-top: 7rem; }
  .api-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.1rem .55rem; }
  .api-card__image { border-radius: .2rem; }
  .api-card__body { padding-top: .55rem; }
  .api-card__body h2 { margin-bottom: .2rem; font-size: 1rem; line-height: 1.15; }
  .api-card__stats { gap:.18rem; margin-top:.5rem; }
  .api-card__stats dt { font-size:.5rem; }
  .api-card__stats dd { font-size:.61rem; }
  .api-card__more { margin-top: .45rem; color: #8f8f8f; font-size: .72rem; border-bottom: 0; }
  .api-card__price { margin-top:.5rem; font-size:.68rem; }
  .api-card__price span { font-size:.5rem; }
  .api-card__status,.api-card__vip { top: .45rem; padding: .25rem .42rem; font-size: .55rem; }
  .api-card__status { left: .45rem; }
  .api-card__vip { right: .45rem; }
  .home-api-models { padding-right: .75rem; padding-left: .75rem; }
  .home-api-models__heading { margin-bottom: 2rem; }
  .home-api-models__heading > a { position: static; display: inline-block; margin-top: .6rem; }
  .api-gallery { grid-template-columns: 1fr; }
  .api-gallery img:first-child { grid-column: auto; }
  .model-reference-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .model-reference-info__heading { flex-wrap:wrap; }
  .model-reference-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
  .model-reference-stats div { min-width:0; }
  .model-reference-stats dd { overflow-wrap:anywhere; }
  .model-reference-gallery__thumbs { grid-template-columns:repeat(4,minmax(0,1fr)); gap:.45rem; }
  .model-reference-related { width:100%; }
}