.vip{--p:0;position:relative;isolation:isolate;overflow:clip;min-height:140vh;background:var(--taban)}
.vip-foto{position:absolute;left:0;right:0;top:-12%;height:124%;z-index:-2;will-change:transform}
.vip-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.vip-golge{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(to bottom,var(--taban) 0,rgba(5,9,16,.2) 18%,rgba(5,9,16,.15) 70%,var(--taban) 100%),
  radial-gradient(80% 45% at 40% 50%,rgba(5,9,16,.3),transparent 70%)}
.vip-sabit{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center}
.vip-ic{display:grid;gap:clamp(24px,4vh,44px);justify-items:start}
.vip-baslik{display:grid;font-size:clamp(40px,7.5vw,116px);line-height:1.02;letter-spacing:.01em}
.vip-metin{grid-area:1/1;display:block}
.vip-satir{display:inline-block;margin-right:.25em}
.vip-metin:not(.vip-metin--duz){color:transparent;-webkit-background-clip:text;background-clip:text;
  background-image:url("/assets/img/vip-salon-1600.webp");background-size:130% auto;
  background-position:50% calc(30% + var(--p)*35%);filter:brightness(2.7) contrast(1.15) saturate(1.2)}
.vip-metin--duz{position:relative;z-index:1;color:#fff;opacity:var(--p);padding-bottom:.04em}
.vip-alt{display:flex;align-items:center;gap:clamp(18px,3vw,40px);flex-wrap:wrap}
.vip-ozet{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-weight:600;font-size:clamp(12px,1.1vw,14px);letter-spacing:.18em;text-transform:uppercase;color:var(--metin-9)}
.vip-ozet i{width:6px;height:6px;border-radius:50%;background:var(--kirmizi);box-shadow:0 0 8px var(--kirmizi-a8)}
.vip-etiket{color:var(--metin-7)}

.vip-kamera{position:absolute;right:var(--kenar);bottom:clamp(36px,9vh,96px);width:clamp(150px,17vw,250px);aspect-ratio:3/2;perspective:700px;pointer-events:none}
.vip-kamera-ic{position:relative;width:100%;height:100%;border-radius:var(--r-m);overflow:hidden;border:1px solid var(--cizgi);
  transform:rotateX(var(--rx,4deg)) rotateY(var(--ry,-12deg));transform-style:preserve-3d;
  box-shadow:0 2px 4px rgba(0,0,0,.5),0 16px 32px rgba(0,0,0,.5),0 40px 70px rgba(0,0,0,.45)}
.vip-kamera img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:scale(1.35)}
.vip-kamera-ic::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(5,9,16,.35),transparent 30%,transparent 65%,rgba(5,9,16,.6));pointer-events:none}
.vip-rec{position:absolute;left:10px;top:9px;z-index:1;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.vip-rec i{width:7px;height:7px;border-radius:50%;background:var(--kirmizi);box-shadow:0 0 6px var(--kirmizi);animation:vip-rec 1.6s steps(2) infinite}
@keyframes vip-rec{50%{opacity:.25}}

@media (max-width:700px){
  .vip-baslik{font-size:clamp(38px,12.4vw,64px)}
  .vip-ozet{gap:10px}
  .vip-kamera{bottom:auto;top:calc(var(--ust-h) + 20px);width:132px}
}
@media (prefers-reduced-motion:reduce){
  .vip{min-height:100vh}
  .vip-foto{top:0;height:100%}
  .vip-metin:not(.vip-metin--duz){display:none}
  .vip-metin--duz{opacity:1}
  .vip-kamera-ic{transform:rotateX(4deg) rotateY(-12deg)}
  .vip-rec i{animation:none}
}