/* =========================================================
   VIDARTICO 1.3.1 — Identity Portal
   The portal is part of normal document flow. It is intentionally not a
   fixed modal/interstitial so the existing homepage remains directly
   accessible to users and crawlers below it.
   ========================================================= */

.identity-portal{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  isolation:isolate;
  background:#06070a;
  color:#fff;
}

html.vid-portal-active body.vid-shell-home .site-header{
  position:absolute!important;
  inset:0 0 auto 0;
  opacity:0!important;
  transform:translateY(-100%)!important;
  pointer-events:none!important;
}

.identity-portal__eyebrow,
.identity-portal__bridge{
  position:absolute;
  z-index:8;
  left:50%;
  margin:0;
  transform:translateX(-50%);
  pointer-events:none;
  white-space:nowrap;
}

.identity-portal__eyebrow{
  top:clamp(1.15rem,3vh,2rem);
  font:600 .66rem/1.1 Inter,system-ui,sans-serif;
  letter-spacing:.28em;
  color:rgba(255,255,255,.68);
}
.identity-portal__bridge{
  bottom:clamp(1rem,2.8vh,1.8rem);
  font:500 .68rem/1.1 Inter,system-ui,sans-serif;
  letter-spacing:.12em;
  color:rgba(255,255,255,.62);
}

.identity-portal__split{
  min-height:100svh;
  display:grid;
  grid-template-columns:1fr 1fr;
  transition:grid-template-columns .7s cubic-bezier(.2,.75,.2,1);
}

@media (hover:hover) and (min-width:821px){
  .identity-portal__split:has(.identity-choice--mk:hover),
  .identity-portal__split:has(.identity-choice--mk:focus-visible){grid-template-columns:1.08fr .92fr}
  .identity-portal__split:has(.identity-choice--merted:hover),
  .identity-portal__split:has(.identity-choice--merted:focus-visible){grid-template-columns:.92fr 1.08fr}
}

.identity-choice{
  position:relative;
  min-width:0;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(5.5rem,11vh,8.5rem) clamp(2rem,5vw,6.5rem);
  overflow:hidden;
  text-decoration:none!important;
  color:inherit;
  outline:none;
}

.identity-choice::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  transition:opacity .45s ease,background .45s ease;
}
.identity-choice:focus-visible{box-shadow:inset 0 0 0 3px currentColor}

/* ---------------- MERT KARATAŞ / OLD MONEY ---------------- */
.identity-choice--mk{
  --mk-gold:#c8a96c;
  color:#f5efe4;
  background:
    radial-gradient(circle at 14% 8%,rgba(200,169,108,.10),transparent 34%),
    linear-gradient(145deg,#15111a 0%,#20151c 44%,#0d1119 100%);
  border-right:1px solid rgba(255,255,255,.13);
}
html[data-vid-theme="light"] .identity-choice--mk{
  color:#241b18;
  background:
    radial-gradient(circle at 16% 10%,rgba(113,25,39,.08),transparent 35%),
    linear-gradient(145deg,#f5f0e7 0%,#eae1d3 56%,#f7f3eb 100%);
  border-right-color:rgba(74,48,36,.18);
}
.identity-choice--mk::before{
  content:"";
  position:absolute;
  inset:clamp(1.15rem,2.4vw,2rem);
  border:1px solid color-mix(in srgb,var(--mk-gold) 54%,transparent);
  pointer-events:none;
}
.identity-choice--mk::after{
  background:linear-gradient(115deg,transparent 0 54%,rgba(200,169,108,.05) 54.2% 54.8%,transparent 55%);
}
.identity-choice--mk:hover::after{background:linear-gradient(115deg,rgba(200,169,108,.035),transparent 52%,rgba(200,169,108,.09) 52.2% 52.6%,transparent 53%)}

.identity-choice__ornament{
  position:absolute;
  top:clamp(4.2rem,10vh,7.5rem);
  left:clamp(2rem,5vw,6.5rem);
  width:54px;
  color:var(--mk-gold);
  opacity:.82;
}
.identity-choice__ornament svg{display:block;width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:1.35}

.identity-choice__meta{
  position:relative;
  z-index:2;
  display:block;
  max-width:38rem;
  margin-bottom:1.15rem;
  font:600 .68rem/1.2 Inter,system-ui,sans-serif;
  letter-spacing:.22em;
  text-transform:uppercase;
  opacity:.7;
}
.identity-choice--mk .identity-choice__meta{color:var(--mk-gold)}
.identity-choice__roman{
  position:absolute;
  right:clamp(2.3rem,4vw,4.5rem);
  top:50%;
  z-index:1;
  transform:translateY(-50%) rotate(90deg);
  transform-origin:center;
  font:600 .62rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.35em;
  color:var(--mk-gold);
  opacity:.45;
}
.identity-choice__title{
  position:relative;
  z-index:2;
  display:block;
  max-width:10ch;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(3rem,6.4vw,7.5rem);
  font-weight:700;
  line-height:.84;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.identity-choice--mk .identity-choice__title::after{
  content:"";
  display:block;
  width:min(9rem,32%);
  height:1px;
  margin:1.35rem 0 1.15rem;
  background:var(--mk-gold);
  transition:width .45s ease;
}
.identity-choice--mk:hover .identity-choice__title::after{width:min(15rem,56%)}
.identity-choice__desc{
  position:relative;
  z-index:2;
  display:block;
  max-width:31rem;
  font:400 clamp(.9rem,1.15vw,1.08rem)/1.65 Inter,system-ui,sans-serif;
  opacity:.72;
}
.identity-choice__action{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:.75rem;
  width:max-content;
  max-width:100%;
  margin-top:2.1rem;
  font:600 .68rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.identity-choice--mk .identity-choice__action{color:var(--mk-gold)}
.identity-choice--mk .identity-choice__action i{width:2.5rem;height:1px;background:currentColor;transition:width .35s ease}
.identity-choice--mk:hover .identity-choice__action i{width:4.5rem}
.identity-choice__action b{font-size:1.1rem;font-weight:400;transition:transform .3s ease}
.identity-choice:hover .identity-choice__action b{transform:translate(3px,-3px)}
.identity-choice--mk:hover .identity-choice__action b{transform:translate(3px,3px)}

.identity-choice__ghost{
  position:absolute;
  left:-.05em;
  bottom:-.12em;
  z-index:0;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(5rem,13vw,14rem);
  font-weight:700;
  line-height:.68;
  letter-spacing:-.07em;
  color:currentColor;
  opacity:.025;
  pointer-events:none;
  user-select:none;
}

/* ---------------- MERTED / PERFORMANCE ---------------- */
.identity-choice--merted{
  --md-acid:#d8ff3e;
  --md-cyan:#72efff;
  --md-pink:#ff3d9a;
  background:#050606;
  color:#f7f9f4;
}
.identity-choice--merted::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(114,239,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(114,239,255,.04) 1px,transparent 1px),
    radial-gradient(circle at 78% 28%,rgba(255,61,154,.10),transparent 25%),
    radial-gradient(circle at 45% 72%,rgba(216,255,62,.07),transparent 32%);
  background-size:42px 42px,42px 42px,auto,auto;
  pointer-events:none;
  transform:perspective(700px) rotateX(3deg) scale(1.04);
}
.identity-choice--merted::after{background:linear-gradient(120deg,transparent 0 48%,rgba(114,239,255,.05) 48.2% 48.5%,transparent 48.7%)}
.identity-choice--merted:hover::after{background:linear-gradient(120deg,rgba(216,255,62,.035),transparent 45%,rgba(114,239,255,.085) 45.2% 45.5%,transparent 45.7%)}
.identity-choice--merted .identity-choice__meta{color:var(--md-cyan);text-shadow:0 0 18px rgba(114,239,255,.18)}
.identity-choice--merted .identity-choice__title{
  max-width:none;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(4.8rem,10vw,12rem);
  font-weight:800;
  line-height:.78;
  letter-spacing:-.075em;
  text-transform:uppercase;
  text-shadow:-2px 0 0 rgba(255,61,154,.20),2px 0 0 rgba(114,239,255,.18);
}
.identity-choice--merted .identity-choice__desc{
  margin-top:1.8rem;
  font-size:clamp(.92rem,1.25vw,1.12rem);
  color:rgba(247,249,244,.72);
}
.identity-choice--merted .identity-choice__action{
  min-height:42px;
  padding:.8rem 1rem;
  border:1px solid rgba(216,255,62,.48);
  color:var(--md-acid);
  background:rgba(216,255,62,.025);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
  transition:background .28s ease,color .28s ease,box-shadow .28s ease;
}
.identity-choice--merted:hover .identity-choice__action{
  color:#050606;
  background:var(--md-acid);
  box-shadow:0 0 35px rgba(216,255,62,.13);
}
.identity-choice__grid{position:absolute;inset:0;pointer-events:none}
.identity-choice__ghost--merted{
  inset:auto auto 1rem -1rem;
  width:150%;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(3.5rem,8.5vw,9rem);
  line-height:.78;
  white-space:nowrap;
  color:var(--md-cyan);
  opacity:.025;
  transform:rotate(-7deg);
}

.merted-ignition{
  position:absolute;
  z-index:2;
  top:clamp(4.8rem,10vh,8rem);
  right:clamp(1.5rem,4vw,4.8rem);
  display:grid;
  justify-items:end;
  gap:.25rem;
  font-family:Inter,Arial,sans-serif;
  text-transform:uppercase;
  pointer-events:none;
}
.merted-ignition__chant,
.merted-ignition__come,
.merted-ignition__get{opacity:0;transform:translate3d(14px,0,0)}
.merted-ignition__chant{
  max-width:28vw;
  overflow:hidden;
  color:var(--md-cyan);
  font-size:clamp(.54rem,.8vw,.72rem);
  font-weight:700;
  letter-spacing:.14em;
  white-space:nowrap;
  animation:vidMertedChant 5.4s ease-in-out infinite;
}
.merted-ignition__come{
  color:#fff;
  font-size:clamp(.88rem,1.8vw,1.55rem);
  font-weight:900;
  letter-spacing:.08em;
  animation:vidMertedCome 5.4s ease-in-out infinite;
}
.merted-ignition__get{
  display:flex;
  align-items:center;
  gap:.5rem;
  color:var(--md-acid);
  font-size:clamp(.62rem,1vw,.82rem);
  letter-spacing:.14em;
  animation:vidMertedGet 5.4s ease-in-out infinite;
}
.merted-ignition__get i{display:block;width:clamp(1.5rem,3vw,3rem);height:1px;background:currentColor;box-shadow:0 0 8px currentColor}
.merted-ignition__get b{font-weight:800}

@keyframes vidMertedChant{
  0%,7%{opacity:0;transform:translateX(16px)}
  11%,28%{opacity:.85;transform:none}
  34%,100%{opacity:0;transform:translateX(-12px)}
}
@keyframes vidMertedCome{
  0%,24%{opacity:0;transform:translateX(14px)}
  31%,43%{opacity:1;transform:none}
  50%,100%{opacity:0;transform:translateX(-8px)}
}
@keyframes vidMertedGet{
  0%,42%{opacity:0;transform:translateX(10px)}
  50%,83%{opacity:1;transform:none}
  92%,100%{opacity:0;transform:translateX(-8px)}
}

.front-page__mert-karatas{scroll-margin-top:72px}

@media (max-width:820px){
  .identity-portal{min-height:100svh}
  .identity-portal__split{min-height:100svh;grid-template-columns:1fr;grid-template-rows:1fr 1fr}
  .identity-choice{min-height:50svh;padding:3.6rem 1.4rem 2.3rem;justify-content:center}
  .identity-choice--mk{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .identity-choice--mk::before{inset:.8rem}
  .identity-choice__ornament{top:2.4rem;left:1.4rem;width:34px}
  .identity-choice__roman{right:1.25rem;font-size:.52rem}
  .identity-choice__title{font-size:clamp(2.4rem,12vw,4.2rem)}
  .identity-choice--merted .identity-choice__title{font-size:clamp(3.7rem,18vw,6.8rem)}
  .identity-choice__desc{font-size:.78rem;line-height:1.45;max-width:26rem}
  .identity-choice__action{margin-top:1.1rem;font-size:.58rem}
  .identity-choice__ghost{font-size:clamp(4rem,26vw,8rem)}
  .identity-portal__eyebrow{top:.9rem;font-size:.52rem;letter-spacing:.18em}
  .identity-portal__bridge{bottom:.7rem;font-size:.52rem;letter-spacing:.08em}
  .merted-ignition{top:2.4rem;right:1.2rem}
  .merted-ignition__chant{max-width:48vw}
}

@media (max-width:430px){
  .identity-choice{padding-left:1.15rem;padding-right:1.15rem}
  .identity-choice__meta{font-size:.54rem;letter-spacing:.16em;margin-bottom:.7rem}
  .identity-choice__desc{max-width:82%;font-size:.72rem}
  .identity-choice--merted .identity-choice__desc{margin-top:.85rem}
  .identity-choice--merted .identity-choice__action{padding:.6rem .75rem;min-height:34px}
  .identity-portal__bridge{display:none}
}

@media (prefers-reduced-motion:reduce){
  .identity-portal__split,
  .identity-choice::after,
  .identity-choice__title::after,
  .identity-choice__action,
  .identity-choice__action i,
  .identity-choice__action b{transition:none!important}
  .merted-ignition__chant,
  .merted-ignition__come,
  .merted-ignition__get{animation:none!important;opacity:1!important;transform:none!important}
  .merted-ignition__come{display:none}
}

/* =========================================================
   VIDARTICO 1.3.1 — portal transition / language / Retro 80's
   ========================================================= */
.identity-portal{
  transform:translateZ(0);
  transition:opacity .24s ease,transform .34s cubic-bezier(.22,.75,.2,1),filter .34s ease;
}
.identity-portal.is-exiting{opacity:0;transform:translate3d(0,-2.2rem,0) scale(.995);filter:blur(2px)}

.identity-portal__languages{
  position:absolute;
  z-index:12;
  top:clamp(1rem,2.5vh,1.7rem);
  right:clamp(1rem,2.4vw,2rem);
  display:flex;
  align-items:center;
  gap:.25rem;
  padding:.28rem;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(4,5,8,.42);
  backdrop-filter:blur(10px);
}
.identity-portal__languages a{
  min-width:34px;
  padding:.42rem .48rem;
  color:rgba(255,255,255,.55);
  font:800 .58rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.12em;
  text-align:center;
  text-decoration:none!important;
  transition:color .2s ease,background .2s ease,box-shadow .2s ease;
}
.identity-portal__languages a:hover,.identity-portal__languages a:focus-visible{color:#fff;background:rgba(255,255,255,.06)}
.identity-portal__languages a.is-current{color:#72efff;background:rgba(114,239,255,.07);box-shadow:inset 0 0 0 1px rgba(114,239,255,.25)}

/* Glitch belongs to the MERTED wordmark, not the whole UI. */
.identity-choice--merted .identity-choice__title{isolation:isolate}
.identity-choice--merted .identity-choice__title::before,
.identity-choice--merted .identity-choice__title::after{
  content:attr(data-glitch-text);
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
}
.identity-choice--merted .identity-choice__title::before{color:var(--md-pink);clip-path:inset(10% 0 65% 0);animation:portalGlitchA 5.8s steps(1,end) infinite}
.identity-choice--merted .identity-choice__title::after{color:var(--md-cyan);clip-path:inset(62% 0 12% 0);animation:portalGlitchB 5.8s steps(1,end) infinite}
@keyframes portalGlitchA{0%,68%,71%,100%{opacity:0;transform:none}69%{opacity:.65;transform:translateX(-8px)}70%{opacity:.38;transform:translateX(4px)}}
@keyframes portalGlitchB{0%,69%,73%,100%{opacity:0;transform:none}70%{opacity:.62;transform:translateX(8px)}72%{opacity:.34;transform:translateX(-4px)}}

/* Retro 80's preset. No additional asset request: gradients, scanlines and glow only. */
.merted-preset-retro-80s .identity-choice--merted{
  --md-acid:#ff4fb3;
  --md-cyan:#43ddff;
  --md-pink:#ff4fb3;
  background:linear-gradient(155deg,#18031b 0%,#0d0613 52%,#020608 100%);
}
.merted-preset-retro-80s .identity-choice--merted::before{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),
    linear-gradient(rgba(67,221,255,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(67,221,255,.055) 1px,transparent 1px),
    radial-gradient(circle at 78% 24%,rgba(255,79,179,.20),transparent 28%),
    radial-gradient(circle at 38% 74%,rgba(67,221,255,.12),transparent 32%);
  background-size:auto,48px 48px,48px 48px,auto,auto;
}
.merted-preset-retro-80s .identity-choice--merted .identity-choice__action{
  border-color:rgba(255,79,179,.58);
  color:#ff72c3;
  background:rgba(255,79,179,.03);
  clip-path:none;
  box-shadow:inset 0 -1px 0 rgba(67,221,255,.18);
}
.merted-preset-retro-80s .identity-choice--merted:hover .identity-choice__action{
  color:#fff;
  background:rgba(255,79,179,.15);
  box-shadow:0 0 28px rgba(255,79,179,.14),inset 0 -2px 0 rgba(67,221,255,.5);
}

.merted-ignition__come{text-shadow:2px 0 rgba(255,79,179,.34),-2px 0 rgba(67,221,255,.28)}
.merted-ignition__get{
  display:grid;
  justify-items:end;
  gap:.28rem;
  color:var(--md-pink);
  font-size:clamp(.72rem,1.15vw,.98rem);
  text-shadow:0 0 18px rgba(255,79,179,.38);
}
.merted-ignition__get b{font-weight:900}
.merted-ignition .merted-spray-lines{display:grid;gap:4px;width:clamp(5.8rem,9vw,8.5rem)}
.merted-ignition .merted-spray-lines i{display:block;height:2px;background:var(--md-cyan);box-shadow:0 0 9px rgba(67,221,255,.85),0 0 20px rgba(67,221,255,.35);transform-origin:left center}
.merted-ignition .merted-spray-lines i:first-child{width:100%;transform:translateX(-8%) rotate(-1.7deg)}
.merted-ignition .merted-spray-lines i:last-child{width:72%;transform:translateX(18%) rotate(1deg);opacity:.82;filter:blur(.3px)}

@media (max-width:820px){
  .identity-portal__languages{top:.65rem;right:.65rem}
  .identity-portal__languages a{min-width:30px;padding:.36rem;font-size:.52rem}
}
@media (prefers-reduced-motion:reduce){
  .identity-portal{transition:none!important}
  .identity-choice--merted .identity-choice__title::before,
  .identity-choice--merted .identity-choice__title::after{display:none!important;animation:none!important}
}

/* =========================================================
   VIDARTICO 1.3.2 — portal lock / full-bleed / identity motion
   ========================================================= */
:root{
  --merted-glitch-alpha:.56;
  --merted-glitch-shift:6px;
  --merted-glitch-shift-neg:-6px;
  --merted-glitch-shift-half:3.3px;
  --merted-glitch-shift-half-neg:-3.3px;
  --merted-glitch-core-shift:.54px;
  --merted-glitch-core-shift-neg:-.54px;
  --merted-glitch-shadow:2.1px;
  --merted-glitch-shadow-neg:-2.1px;
  --merted-glitch-duration:.95s;
  --mk-luxe-alpha:.62;
  --mk-luxe-duration:8.1s;
}

/* Selection is a real first section, but the user cannot accidentally scroll
   past it before choosing an identity. The homepage HTML remains in the DOM. */
html.vid-portal-active{
  overflow:hidden!important;
  overscroll-behavior:none;
  scroll-behavior:auto!important;
  scrollbar-gutter:stable;
}
html.vid-portal-active body.vid-shell-home{
  overflow:hidden!important;
  overscroll-behavior:none;
  touch-action:manipulation;
}
html.vid-portal-bypass .identity-portal,
.identity-portal[hidden]{display:none!important}

.identity-portal{
  width:100vw;
  height:100dvh;
  min-height:100svh;
  max-height:100dvh;
  margin-left:calc(50% - 50vw);
  transform:none!important;
  filter:none!important;
  transition:opacity .22s ease!important;
  background:#06070a;
}
body.admin-bar .identity-portal{
  height:calc(100dvh - 32px);
  min-height:calc(100svh - 32px);
  max-height:calc(100dvh - 32px);
}
.identity-portal.is-exiting{
  opacity:0!important;
  transform:none!important;
  filter:none!important;
  pointer-events:none;
}
.identity-portal__split{
  width:100%;
  height:100%;
  min-height:0!important;
}
.identity-choice{
  height:100%;
  min-height:0!important;
}

/* Explicitly tells visitors that this is a choice screen. */
.identity-portal__stage{
  position:absolute;
  z-index:16;
  top:clamp(.9rem,2.4vh,1.6rem);
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:.72rem;
  min-width:max-content;
  padding:.48rem .72rem .48rem .52rem;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(5,6,9,.58);
  box-shadow:0 10px 35px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  pointer-events:none;
}
.identity-portal__stage>span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(200,169,108,.58);
  color:#d5ba82;
  font:800 .56rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.08em;
}
.identity-portal__stage>div{display:grid;gap:.12rem}
.identity-portal__stage strong{
  color:#fff;
  font:800 .58rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.identity-portal__stage small{
  color:rgba(255,255,255,.58);
  font:500 .55rem/1.2 Inter,system-ui,sans-serif;
  letter-spacing:.04em;
}
.identity-portal__eyebrow{top:clamp(4.8rem,10vh,6.7rem)}

/* MERTED: persistent RGB split + sliced jitter, tunable from Customizer. */
.identity-choice--merted .identity-choice__title{
  animation:portalMertedCore var(--merted-glitch-duration) steps(2,end) infinite;
}
.identity-choice--merted .identity-choice__title::before,
.identity-choice--merted .identity-choice__title::after{
  opacity:var(--merted-glitch-alpha)!important;
  will-change:transform,clip-path;
}
.identity-choice--merted .identity-choice__title::before{
  animation:portalGlitchA var(--merted-glitch-duration) steps(2,end) infinite!important;
}
.identity-choice--merted .identity-choice__title::after{
  animation:portalGlitchB var(--merted-glitch-duration) steps(2,end) infinite!important;
}
@keyframes portalMertedCore{
  0%,100%{transform:translate(0,0);text-shadow:var(--merted-glitch-shift-half-neg) 0 rgba(255,79,179,.34),var(--merted-glitch-shift-half) 0 rgba(67,221,255,.3)}
  18%{transform:translate(var(--merted-glitch-core-shift),0)}
  39%{transform:translate(var(--merted-glitch-core-shift-neg),var(--merted-glitch-core-shift))}
  61%{transform:translate(var(--merted-glitch-core-shift),0)}
  82%{transform:translate(var(--merted-glitch-core-shift-neg),0)}
}
@keyframes portalGlitchA{
  0%{transform:translateX(var(--merted-glitch-shift-half-neg));clip-path:inset(8% 0 68% 0)}
  18%{transform:translateX(var(--merted-glitch-shift));clip-path:inset(54% 0 18% 0)}
  39%{transform:translateX(var(--merted-glitch-shift-neg));clip-path:inset(28% 0 46% 0)}
  61%{transform:translateX(var(--merted-glitch-shift-half));clip-path:inset(70% 0 7% 0)}
  82%{transform:translateX(var(--merted-glitch-shift-half-neg));clip-path:inset(16% 0 60% 0)}
  100%{transform:translateX(var(--merted-glitch-shift-half-neg));clip-path:inset(8% 0 68% 0)}
}
@keyframes portalGlitchB{
  0%{transform:translateX(var(--merted-glitch-shift-half));clip-path:inset(65% 0 8% 0)}
  21%{transform:translateX(var(--merted-glitch-shift-half-neg));clip-path:inset(20% 0 56% 0)}
  43%{transform:translateX(var(--merted-glitch-shift));clip-path:inset(46% 0 28% 0)}
  67%{transform:translateX(var(--merted-glitch-shift-half-neg));clip-path:inset(10% 0 72% 0)}
  86%{transform:translateX(var(--merted-glitch-shift-half));clip-path:inset(73% 0 5% 0)}
  100%{transform:translateX(var(--merted-glitch-shift-half));clip-path:inset(65% 0 8% 0)}
}

/* Mert Karataş: an old-money foil sweep rather than a tech glitch. */
.identity-choice--mk .identity-choice__title[data-luxe-text]{
  isolation:isolate;
  text-shadow:0 1px 0 rgba(255,255,255,.03),0 14px 40px rgba(0,0,0,.16);
}
.identity-choice--mk .identity-choice__title[data-luxe-text]::before,
.front-page__mert-karatas .hero-title[data-luxe-text]::after{
  content:attr(data-luxe-text);
  position:absolute;
  inset:0;
  pointer-events:none;
  color:transparent;
  opacity:var(--mk-luxe-alpha);
  background:linear-gradient(105deg,transparent 0 37%,rgba(255,248,223,.12) 43%,#f2d896 49%,#fff3c4 52%,#b9873f 56%,transparent 64%);
  background-size:280% 100%;
  background-position:135% 0;
  -webkit-background-clip:text;
  background-clip:text;
  animation:mkLuxeSweep var(--mk-luxe-duration) cubic-bezier(.3,.75,.2,1) infinite;
}
.identity-choice--mk .identity-choice__title::after{
  background:linear-gradient(90deg,rgba(200,169,108,.22),var(--mk-gold) 45%,rgba(255,242,204,.95) 52%,var(--mk-gold) 59%,rgba(200,169,108,.22));
  background-size:240% 100%;
  animation:mkLuxeLine var(--mk-luxe-duration) ease-in-out infinite;
}
.front-page__mert-karatas .hero-title[data-luxe-text]{
  position:relative;
  display:inline-block;
  isolation:isolate;
}
.front-page__mert-karatas .hero-title[data-luxe-text]::after{
  z-index:1;
}
@keyframes mkLuxeSweep{
  0%,18%{background-position:135% 0;opacity:0}
  27%{opacity:var(--mk-luxe-alpha)}
  45%{background-position:-45% 0;opacity:var(--mk-luxe-alpha)}
  55%,100%{background-position:-45% 0;opacity:0}
}
@keyframes mkLuxeLine{
  0%,20%{background-position:130% 0}
  48%{background-position:-35% 0}
  100%{background-position:-35% 0}
}

@media (max-width:820px){
  .identity-portal__stage{top:.62rem;padding:.4rem .55rem;gap:.5rem}
  .identity-portal__stage>span{width:26px;height:26px;font-size:.5rem}
  .identity-portal__stage strong{font-size:.5rem;letter-spacing:.14em}
  .identity-portal__stage small{font-size:.48rem}
  .identity-portal__eyebrow{top:3.8rem}
  .identity-portal__split{grid-template-rows:1fr 1fr;height:100%}
  .identity-choice{height:auto;min-height:0!important}
}
@media (max-width:560px){
  .identity-portal__stage small{display:none}
}
@media (max-width:782px){
  body.admin-bar .identity-portal{
    height:calc(100dvh - 46px);
    min-height:calc(100svh - 46px);
    max-height:calc(100dvh - 46px);
  }
}
@media (prefers-reduced-motion:reduce){
  .identity-choice--merted .identity-choice__title,
  .identity-choice--merted .identity-choice__title::before,
  .identity-choice--merted .identity-choice__title::after,
  .identity-choice--mk .identity-choice__title[data-luxe-text]::before,
  .identity-choice--mk .identity-choice__title::after,
  .front-page__mert-karatas .hero-title[data-luxe-text]::after{
    animation:none!important;
  }
  .identity-choice--merted .identity-choice__title::before,
  .identity-choice--merted .identity-choice__title::after{display:none!important}
}


/* =========================================================
   VIDARTICO 1.3.4 — Mert Karataş continuous luxe motion
   Keep the original portal design; only the wordmark motion is refined.
   ========================================================= */
.identity-choice--mk .identity-choice__title[data-luxe-text],
.front-page__mert-karatas .hero-title[data-luxe-text]{
  animation:mkLuxePresence calc(var(--mk-luxe-duration) * 1.18) ease-in-out infinite;
}
.identity-choice--mk .identity-choice__title[data-luxe-text]::before,
.front-page__mert-karatas .hero-title[data-luxe-text]::after{
  opacity:calc(var(--mk-luxe-alpha) * .9);
  background:linear-gradient(104deg,
    transparent 0 26%,
    rgba(255,247,225,.08) 31%,
    rgba(255,236,181,.55) 38%,
    rgba(255,247,223,.98) 43%,
    rgba(191,142,72,.72) 49%,
    rgba(255,244,214,.64) 55%,
    transparent 63%
  );
  background-size:320% 100%;
  animation:mkLuxeSweepSlow var(--mk-luxe-duration) cubic-bezier(.24,.75,.22,1) infinite;
}
.identity-choice--mk .identity-choice__title::after{
  background:linear-gradient(90deg,
    rgba(200,169,108,.18),
    rgba(200,169,108,.76) 24%,
    rgba(255,245,212,.96) 48%,
    rgba(200,169,108,.76) 72%,
    rgba(200,169,108,.18)
  );
  background-size:260% 100%;
  animation:mkLuxeLineSlow calc(var(--mk-luxe-duration) * 1.1) ease-in-out infinite;
}
@keyframes mkLuxePresence{
  0%,100%{transform:translateY(0);filter:drop-shadow(0 0 0 rgba(255,241,204,0));}
  35%{transform:translateY(-1px);filter:drop-shadow(0 0 8px rgba(255,241,204,.05));}
  65%{transform:translateY(0);filter:drop-shadow(0 0 14px rgba(255,241,204,.08));}
}
@keyframes mkLuxeSweepSlow{
  0%{background-position:135% 0;opacity:.12}
  24%{background-position:78% 0;opacity:calc(var(--mk-luxe-alpha) * .55)}
  48%{background-position:18% 0;opacity:calc(var(--mk-luxe-alpha) * .95)}
  72%{background-position:-38% 0;opacity:calc(var(--mk-luxe-alpha) * .55)}
  100%{background-position:-90% 0;opacity:.12}
}
@keyframes mkLuxeLineSlow{
  0%{background-position:125% 0;opacity:.34}
  50%{background-position:0 0;opacity:.82}
  100%{background-position:-125% 0;opacity:.34}
}
@media (prefers-reduced-motion:reduce){
  .identity-choice--mk .identity-choice__title[data-luxe-text],
  .front-page__mert-karatas .hero-title[data-luxe-text],
  .identity-choice--mk .identity-choice__title[data-luxe-text]::before,
  .front-page__mert-karatas .hero-title[data-luxe-text]::after{
    animation:none!important;
  }
}