/* MART project overrides — keeps Azurio layout/animation system intact */

.mart-logo-mark {
  display: inline-grid;
  place-items: center;
  width: 3.6rem;
  height: 3.6rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-family: var(--_font-accent);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -.08em;
}

.mxd-logo__text span:first-child,
.menu-logo__text span:first-child { font-weight: 760; letter-spacing: -.06em; }
.mxd-logo__text span:last-child,
.menu-logo__text span:last-child { opacity: .56; }

body.mart-digital,
body.mart-dijital {
  --accent: #4f35d7;
  --highlight: #a493ff;
}
body.mart-industrial,
body.mart-endustriyel {
  --accent: #c76632;
  --highlight: #e0946c;
}

body.mart-industrial .mxd-menu__media,
body.mart-endustriyel .mxd-menu__media,
body.mart-industrial .mxd-hero-01,
body.mart-endustriyel .mxd-hero-01,
body.mart-industrial .mxd-footer,
body.mart-endustriyel .mxd-footer { --accent: #c76632; }

.mart-media-note {
  position: absolute;
  z-index: 4;
  left: 2.4rem;
  bottom: 2.4rem;
  padding: .8rem 1rem;
  border: 1px solid rgba(255,255,255,.2);
  font-family: var(--_font-accent);
  font-size: 1rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: rgba(15,15,15,.45);
  color: #fff;
  backdrop-filter: blur(10px);
}

/* Main entry / dual portal */
.mart-portal {
  min-height: 100svh;
  overflow: hidden;
  margin: 0;
  background: #111;
  color: #111;
}
.mart-portal * { box-sizing: border-box; }
.mart-portal__header {
  position: fixed;
  z-index: 20;
  inset: 0 0 auto;
  height: 8.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(2.2rem, 3.5vw, 6.4rem);
  color: #f4f1eb;
  mix-blend-mode: difference;
  pointer-events: none;
}
.mart-portal__brand {
  display: inline-flex;
  align-items: center;
  gap: 1.4rem;
  font-family: var(--_font-default);
  font-size: 2.4rem;
  font-weight: 760;
  letter-spacing: -.07em;
}
.mart-portal__meta {
  font-family: var(--_font-accent);
  font-size: 1rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.mart-portal__grid {
  display: flex;
  min-height: 100svh;
}
.mart-portal__side {
  position: relative;
  flex: 1 1 50%;
  min-width: 0;
  overflow: hidden;
  transition: flex-basis .8s cubic-bezier(.22,1,.36,1), filter .7s ease;
}
.mart-portal__side:hover { flex-basis: 58%; }
.mart-portal__grid:has(.mart-portal__side:hover) .mart-portal__side:not(:hover) { flex-basis: 42%; filter: saturate(.72); }
.mart-portal__side--digital {
  background: #efede8;
  color: #121212;
}
.mart-portal__side--industrial {
  background: #101010;
  color: #f1eee7;
}
.mart-portal__link {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(10rem, 13vh, 15rem) clamp(2.2rem, 3.5vw, 6.4rem) clamp(2.8rem, 4vw, 5.6rem);
  color: inherit;
}
.mart-portal__eyebrow {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  font-family: var(--_font-accent);
  font-size: clamp(.9rem, .75vw, 1.15rem);
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .66;
}
.mart-portal__title {
  max-width: 8ch;
  margin: auto 0 0;
  font-size: clamp(6.4rem, 8.5vw, 15rem);
  font-weight: 420;
  line-height: .82;
  letter-spacing: -.08em;
}
.mart-portal__description {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 3rem;
  margin-top: clamp(4rem, 8vh, 8rem);
  padding-top: 2rem;
  border-top: 1px solid currentColor;
}
.mart-portal__description p {
  max-width: 39rem;
  margin: 0;
  font-size: clamp(1.4rem, 1.2vw, 1.8rem);
  line-height: 1.55;
  opacity: .7;
}
.mart-portal__arrow {
  display: grid;
  place-items: center;
  width: 6.2rem;
  height: 6.2rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 2.2rem;
  transition: transform .45s cubic-bezier(.22,1,.36,1), background .35s ease, color .35s ease;
}
.mart-portal__side:hover .mart-portal__arrow { transform: rotate(45deg); }
.mart-portal__side--digital:hover .mart-portal__arrow { background: #121212; color: #efede8; }
.mart-portal__side--industrial:hover .mart-portal__arrow { background: #c76632; color: #101010; border-color: #c76632; }
.mart-portal__shape {
  position: absolute;
  width: min(38vw, 54rem);
  aspect-ratio: 1;
  top: 50%;
  right: clamp(-16rem, -8vw, -6rem);
  transform: translateY(-58%);
  pointer-events: none;
  opacity: .82;
}
.mart-portal__shape i { position: absolute; inset: 0; border: 1px solid currentColor; opacity: .17; }
.mart-portal__side--digital .mart-portal__shape i:first-child { border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgba(164,147,255,.62), rgba(164,147,255,0) 62%); }
.mart-portal__side--digital .mart-portal__shape i:nth-child(2) { inset: 20%; background: rgba(255,255,255,.42); backdrop-filter: blur(16px); }
.mart-portal__side--industrial .mart-portal__shape { right: clamp(-8rem, -4vw, -2rem); }
.mart-portal__side--industrial .mart-portal__shape i:first-child { transform: rotate(10deg); }
.mart-portal__side--industrial .mart-portal__shape i:nth-child(2) { inset: 19%; transform: rotate(-8deg); border-color: #c76632; opacity: .55; }
.mart-portal__side--industrial::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .22;
  background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 7rem 7rem;
}
.mart-portal__cursor {
  position: fixed;
  z-index: 50;
  left: 0;
  top: 0;
  width: 7.2rem;
  height: 7.2rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #111;
  font-family: var(--_font-accent);
  font-size: 1rem;
  letter-spacing: .12em;
  pointer-events: none;
  transform: translate(-50%,-50%) scale(0);
  mix-blend-mode: difference;
}

@media (max-width: 900px) {
  .mart-portal { overflow: auto; }
  .mart-portal__grid { flex-direction: column; }
  .mart-portal__side { min-height: 52svh; flex-basis: auto !important; }
  .mart-portal__side:hover { flex-basis: auto; }
  .mart-portal__link { padding: 9rem 2.2rem 2.8rem; }
  .mart-portal__title { font-size: clamp(5.6rem, 16vw, 9rem); }
  .mart-portal__shape { width: 52vw; opacity: .5; }
  .mart-portal__cursor { display: none; }
}


/* MART empty-media stage: real media will be added after content approval. */
.mart-digital video source:not([src]),
.mart-industrial video source:not([src]) { display: none; }
.mart-digital video,
.mart-industrial video { background: var(--base); }
.mart-digital .menu-media__wrapper,
.mart-industrial .menu-media__wrapper {
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.012));
}
.mart-digital .mxd-project-item__media img,
.mart-industrial .mxd-project-item__media img { object-fit: cover; }

/* Digital menu media is light; keep the temporary MART wordmark readable. */
.mart-digital .mxd-menu__logo,
.mart-dijital .mxd-menu__logo,
.mart-digital .mxd-menu__logo a,
.mart-dijital .mxd-menu__logo a {
  color: #111111;
}