/* ─── Fonts ──────────────────────────────────────── */
      @font-face {
         font-family: 'Otama';
         src: url('../Font/Otama-SemiBoldItalic.woff2') format('woff2'),
            url('../Font/Otama-SemiBoldItalic.woff') format('woff');
         font-weight: 600;
         font-style: italic;
         font-display: swap;
      }

      @font-face {
         font-family: 'Objective';
         src: url('../Font/subset-Objective-Light.woff2') format('woff2'),
            url('../Font/subset-Objective-Light.woff') format('woff');
         font-weight: 300;
         font-display: swap;
      }

      @font-face {
         font-family: 'Objective';
         src: url('../Font/subset-Objective-Regular.woff2') format('woff2'),
            url('../Font/subset-Objective-Regular.woff') format('woff');
         font-weight: 400;
         font-display: swap;
      }

      @font-face {
         font-family: 'Objective';
         src: url('../Font/subset-Objective-Medium.woff2') format('woff2'),
            url('../Font/subset-Objective-Medium.woff') format('woff');
         font-weight: 500;
         font-display: swap;
      }

      /* ─── Reset & Base ────────────────────────────────── */
      *,
      *::before,
      *::after {
         box-sizing: border-box;
      }

      html {
         scroll-behavior: smooth;
      }

      body {
         font-family: 'Objective', sans-serif;
         font-weight: 300;
         color: #141617;
         background: #fff;
         overflow-x: hidden;
         /* style.min.css'den gelebilecek header offset'ini sıfırla */
         margin-top: 0 !important;
         padding-top: 0 !important;
      }

      body.nav-open,
      body.form-open {
         overflow: hidden;
      }

      /* Hero görsel başlangıcı — header üste fixed, hero viewport dolduruyor */
      .v-hero {
         margin-top: 0;
         padding-top: 0;
      }

      a {
         text-decoration: none;
      }

      img {
         display: block;
         max-width: 100%;
      }

      h1,
      h2,
      h3,
      h4 {
         font-weight: inherit;
      }

      /* ─── CSS Variables ───────────────────────────────── */
      :root {
         --accent: #c8926d;
         --dark: #141617;
         --cream: #f0f1e6;
         --warm: #faf7f4;
         --font-display: 'Otama', Georgia, serif;
         --font-body: 'Objective', sans-serif;
         --section-h: 90svh;
         --header-h: 76px;
      }

      /* ─── Header ──────────────────────────────────────── */
      #v-header {
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         z-index: 900;
         height: var(--header-h);
         display: flex;
         align-items: center;
         background: transparent !important;
         border-bottom: 1px solid transparent !important;
         box-shadow: none !important;
         transition: background 0.4s ease, border-color 0.4s ease;
      }

      #v-header.is-scrolled {
         background: rgba(255, 255, 255, 0.97) !important;
         border-bottom: 1px solid rgba(20, 22, 23, 0.09) !important;
      }

      #v-header.menu-open {
         background: transparent !important;
         border-bottom-color: transparent !important;
         box-shadow: none !important;
      }

      .v-header__inner {
         width: 100%;
         padding: 0 clamp(1.5rem, 4vw, 3.5rem);
         display: grid;
         grid-template-columns: 1fr auto 1fr;
         align-items: center;
      }

      /* ── Hamburger ── */
      .v-hamburger {
         background: none;
         border: none;
         padding: 4px 0;
         cursor: pointer;
         display: flex;
         flex-direction: column;
         gap: 6px;
         width: 34px;
         justify-self: start;
      }

      .v-hamburger__line {
         display: block;
         height: 1px;
         background: #fff;
         transition: transform 0.42s ease, opacity 0.3s ease,
            background 0.3s ease, width 0.3s ease;
         transform-origin: left center;
      }

      .v-hamburger__line:nth-child(1) {
         width: 100%;
      }

      .v-hamburger__line:nth-child(2) {
         width: 65%;
      }

      .v-hamburger__line:nth-child(3) {
         width: 82%;
      }

      /* scrolled → dark lines */
      #v-header.is-scrolled:not(.menu-open) .v-hamburger__line {
         background: #141617;
      }

      /* menu open → X animation */
      #v-header.menu-open .v-hamburger__line:nth-child(1) {
         transform: rotate(45deg);
         width: 100%;
         background: #fff;
      }

      #v-header.menu-open .v-hamburger__line:nth-child(2) {
         opacity: 0;
         background: #fff;
      }

      #v-header.menu-open .v-hamburger__line:nth-child(3) {
         transform: rotate(-45deg);
         width: 100%;
         background: #fff;
      }

      /* ── Logo (center) ── */
      .v-header__logo {
         display: flex;
         justify-content: center;
         transition: opacity 0.35s ease;
      }

      @media (max-width: 640px) {
         .v-header__inner {
            /*grid-template-columns: auto 1fr auto;*/
             padding-left:15px; padding-right: 15px;
         }
         .v-header__logo {
            justify-content: flex-start;
            padding-left: 1rem;
         }
      }

      /* Over hero → logo beyaz */
      .v-header__logo svg {
         filter: brightness(0) invert(1);
         transition: filter 0.4s ease;
      }

      /* Scroll sonrası → logo renkli (gradient) */
      #v-header.is-scrolled:not(.menu-open) .v-header__logo svg {
         filter: none;
      }

      /* Menü açıkken logo gizli */
      #v-header.menu-open .v-header__logo {
         opacity: 0;
         pointer-events: none;
      }

      /* ── Right CTA ── */
      .v-header__right {
         display: flex;
         justify-content: flex-end;
      }

      .v-header__enquire {
         font-family: var(--font-body);
         font-size: 0.62rem;
         letter-spacing: 0.2em;
         text-transform: uppercase;
         color: #fff;
         background: transparent;
         border: 1px solid rgba(255, 255, 255, 0.6);
         cursor: pointer;
         padding: 0.55rem 1.3rem;
         position: relative;
         overflow: hidden;
         transition: color 0.38s ease, border-color 0.38s ease;
      }

      .v-header__enquire::before {
         content: '';
         position: absolute;
         inset: 0;
         background: #fff;
         transform: translateX(-101%);
         transition: transform 0.38s ease;
         z-index: 0;
      }

      .v-header__enquire span {
         position: relative;
         z-index: 1;
      }

      .v-header__enquire:hover::before {
         transform: translateX(0);
      }

      .v-header__enquire:hover {
         color: var(--dark);
         border-color: #fff;
      }

      /* Scroll sonrası → koyu outlined */
      #v-header.is-scrolled:not(.menu-open) .v-header__enquire {
         color: var(--dark);
         border-color: rgba(20, 22, 23, 0.35);
      }

      #v-header.is-scrolled:not(.menu-open) .v-header__enquire::before {
         background: var(--dark);
      }

      #v-header.is-scrolled:not(.menu-open) .v-header__enquire:hover {
         color: #fff;
         border-color: var(--dark);
      }

      /* Menü açıkken → beyaz outlined */
      #v-header.menu-open .v-header__enquire {
         color: rgba(255, 255, 255, 0.75);
         border-color: rgba(255, 255, 255, 0.3);
      }

      /* ─── Full-screen Nav Overlay ─────────────────────── */
      #v-nav-overlay {
         position: fixed;
         inset: 0;
         z-index: 850;
         background: var(--dark);
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding: calc(var(--header-h) + 2rem) clamp(1.5rem, 8vw, 7rem) 4rem;
         opacity: 0;
         pointer-events: none;
         transition: opacity 0.48s cubic-bezier(0.4, 0, 0.2, 1);
         overflow-y: auto;
      }

      #v-nav-overlay.is-open {
         opacity: 1;
         pointer-events: all;
      }

      .v-nav-overlay__media {
         position: absolute;
         inset: 0;
         overflow: hidden;
         pointer-events: none;
      }

      .v-nav-overlay__media::after {
         content: '';
         position: absolute;
         inset: 0;
         background:
            linear-gradient(90deg, rgba(20, 22, 23, 0.92) 0%, rgba(20, 22, 23, 0.78) 38%, rgba(20, 22, 23, 0.72) 100%),
            radial-gradient(circle at 78% 20%, rgba(200, 146, 109, 0.16) 0%, rgba(200, 146, 109, 0) 34%);
      }

      .v-nav-overlay__video {
         width: 100%;
         height: 100%;
         object-fit: cover;
         opacity: 0;
         transform: scale(1.04);
         transition: opacity 0.45s ease, transform 0.8s ease;
         filter: saturate(0.72) contrast(1.02) brightness(0.72);
      }

      #v-nav-overlay.is-open .v-nav-overlay__video.is-ready {
         opacity: 1;
         transform: scale(1);
      }

      #v-nav-overlay nav,
      .v-nav-overlay__footer {
         position: relative;
         z-index: 1;
      }

      .v-nav-overlay__menu {
         list-style: none;
         padding: 0;
         margin: 0;
      }

      .v-nav-overlay__item {
         border-top: 1px solid rgba(240, 241, 230, 0.08);
         overflow: hidden;
      }

      .v-nav-overlay__item:last-child {
         border-bottom: 1px solid rgba(240, 241, 230, 0.08);
      }

      .v-nav-overlay__menu a,
      .v-nav-overlay__menu button {
         display: flex;
         align-items: center;
         position: relative;
         width: 100%;
         padding: clamp(0.55rem, 1.4vh, 0.95rem) 4rem clamp(0.55rem, 1.4vh, 0.95rem) 0;
         font-family: var(--font-display);
         font-size: clamp(1.6rem, 4.2vw, 3.4rem);
         font-style: italic;
         line-height: 1.05;
         color: rgba(240, 241, 230, 0.75);
         text-decoration: none;
         text-align: left;
         background: transparent;
         border: 0;
         cursor: pointer;
         transition: color 0.3s, padding-left 0.35s;
      }

      .v-nav-overlay__menu a:hover,
      .v-nav-overlay__menu button:hover {
         color: var(--accent);
         padding-left: 0.6rem;
      }

      .v-nav-overlay__label {
         flex: 0 0 auto;
      }

      .v-nav-overlay__chevron {
         display: inline-block;
         margin-left: 0.9rem;
         color: var(--accent);
         flex-shrink: 0;
         opacity: 0.7;
         transform: translateX(0);
         transition: transform 0.35s ease, opacity 0.3s;
         pointer-events: none;
      }

      .v-nav-overlay__menu button:hover .v-nav-overlay__chevron {
         transform: translateX(6px);
         opacity: 1;
      }

      .v-nav-overlay__num {
         position: absolute;
         right: 0;
         top: 50%;
         transform: translateY(-50%);
         font-family: var(--font-body);
         font-style: normal;
         font-size: 0.58rem;
         line-height: 1;
         letter-spacing: 0.2em;
         color: rgba(240, 241, 230, 0.25);
         transition: color 0.3s;
         pointer-events: none;
      }

      .v-nav-overlay__menu a:hover .v-nav-overlay__num,
      .v-nav-overlay__menu button:hover .v-nav-overlay__num {
         color: var(--accent);
      }

      .v-nav-overlay__footer {
         margin-top: clamp(2rem, 5vh, 4rem);
         display: flex;
         gap: 2rem;
         flex-wrap: wrap;
         align-items: center;
      }

      .v-nav-overlay__footer a {
         font-size: 0.62rem;
         letter-spacing: 0.2em;
         text-transform: uppercase;
         color: rgba(240, 241, 230, 0.28);
         transition: color 0.3s;
      }

      .v-nav-overlay__footer a:hover {
         color: rgba(240, 241, 230, 0.8);
      }

      .v-nav-overlay__footer-sep {
         color: rgba(240, 241, 230, 0.15);
         font-size: 0.8rem;
      }

      /* ─── Form Side Panel ─────────────────────────────── */
      #v-form-backdrop {
         position: fixed;
         inset: 0;
         z-index: 960;
         background: rgba(0, 0, 0, 0.35);
         opacity: 0;
         pointer-events: none;
         transition: opacity 0.4s ease;
      }

      #v-form-backdrop.is-open {
         opacity: 1;
         pointer-events: all;
      }

      #v-form-panel {
         position: fixed;
         top: 0;
         right: 0;
         bottom: 0;
         z-index: 970;
         width: min(460px, 100vw);
         background: var(--warm);
         transform: translateX(100%);
         transition: transform 0.52s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         overflow-y: auto;
         display: flex;
         flex-direction: column;
      }

      #v-form-panel.is-open {
         transform: translateX(0);
      }

      .v-form__head {
         position: sticky;
         top: 0;
         background: var(--warm);
         z-index: 1;
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 1.6rem 2rem;
         border-bottom: 1px solid rgba(20, 22, 23, 0.07);
      }

      .v-form__head-label {
         font-family: var(--font-body);
         font-size: 0.6rem;
         letter-spacing: 0.3em;
         text-transform: uppercase;
         color: rgba(20, 22, 23, 0.5);
      }

      .v-form__close {
         background: none;
         border: none;
         cursor: pointer;
         padding: 4px;
         color: rgba(20, 22, 23, 0.4);
         transition: color 0.3s;
         line-height: 1;
         display: flex;
      }

      .v-form__close:hover {
         color: #141617;
      }

      .v-form__body {
         flex: 1;
         padding: 2.2rem 2rem 3rem;
      }

      .v-form__display {
         font-family: var(--font-display);
         font-size: clamp(1.7rem, 4vw, 2.4rem);
         font-style: italic;
         line-height: 1.15;
         color: var(--dark);
         margin-bottom: 0.5rem;
      }

      .v-form__sub {
         font-size: 0.8rem;
         color: rgba(20, 22, 23, 0.45);
         line-height: 1.75;
         margin-bottom: 2rem;
      }

      .v-form__field {
         margin-bottom: 0.75rem;
      }

      .v-form__input {
         width: 100%;
         background: #fff;
         border: 1px solid rgba(20, 22, 23, 0.1);
         border-radius: 0;
         padding: 0.85rem 1rem;
         font-family: var(--font-body);
         font-size: 0.82rem;
         color: #141617;
         transition: border-color 0.3s;
         -webkit-appearance: none;
         appearance: none;
      }

      .v-form__input::placeholder {
         color: rgba(20, 22, 23, 0.32);
      }

      .v-form__input:focus {
         outline: none;
         border-color: var(--accent);
         box-shadow: none;
      }

      .v-form__checks {
         margin: 1.2rem 0 0;
      }

      .v-form__check {
         display: flex;
         gap: 0.7rem;
         align-items: flex-start;
         margin-bottom: 0.85rem;
      }

      .v-form__check input[type="checkbox"] {
         flex-shrink: 0;
         margin-top: 3px;
         width: 14px;
         height: 14px;
         accent-color: var(--accent);
         cursor: pointer;
      }

      .v-form__check-text {
         font-size: 0.72rem;
         color: rgba(20, 22, 23, 0.48);
         line-height: 1.65;
      }

      .v-form__check-text a {
         color: var(--accent);
      }

      .v-form__submit {
         width: 100%;
         margin-top: 1.5rem;
         background: var(--dark);
         color: var(--cream);
         border: none;
         padding: 1rem 1.5rem;
         font-family: var(--font-body);
         font-size: 0.68rem;
         letter-spacing: 0.24em;
         text-transform: uppercase;
         cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: space-between;
         transition: background 0.35s;
      }

      .v-form__submit:hover {
         background: var(--accent);
      }

      /* ─── Shared Button ─────────────────────────────────── */
      .v-btn {
         display: inline-flex;
         align-items: center;
         gap: 0.75rem;
         font-family: var(--font-body);
         font-size: 0.68rem;
         letter-spacing: 0.22em;
         text-transform: uppercase;
         padding: 0.9rem 2.2rem;
         border: 1px solid rgba(255, 255, 255, 0.65);
         color: #fff;
         /* <button> default UA stillerini ez (gri bg + sistem fontu butonu okunmaz yapıyordu) */
         background: transparent;
         cursor: pointer;
         -webkit-appearance: none;
         appearance: none;
         position: relative;
         overflow: hidden;
         isolation: isolate;
         transition: color 0.4s, border-color 0.4s;
      }

      .v-btn::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: rgba(255, 255, 255, 0.14);
         transition: left 0.38s ease;
         z-index: -1;
      }

      .v-btn:hover::before {
         left: 0;
      }

      .v-btn:hover {
         color: #fff;
      }

      .v-btn:hover svg,
      .v-btn:hover path {
         stroke: currentColor;
      }

      .v-btn svg {
         flex-shrink: 0;
         transition: transform 0.3s ease;
      }

      .v-btn:hover svg {
         transform: translateX(4px);
      }

      .v-btn--accent {
         border-color: var(--accent);
         color: var(--accent);
      }

      .v-btn--accent::before {
         background: var(--accent);
      }

      .v-btn--accent:hover {
         color: #fff;
      }

      .v-btn--dark {
         border-color: rgba(20, 22, 23, 0.35);
         color: var(--dark);
      }

      .v-btn--dark::before {
         background: var(--dark);
      }

      .v-btn--dark:hover {
         color: #fff;
         border-color: var(--dark);
      }

      /* ─── Label badge ───────────────────────────────────── */
      .v-label {
         display: inline-block;
         font-family: var(--font-body);
         font-size: 0.6rem;
         letter-spacing: 0.28em;
         text-transform: uppercase;
         color: #FFF;
         border: 1px solid #FFF;
         padding: 0.3rem 0.8rem;
         margin-bottom: 2.4rem;
      }

      /* ─── Hero ──────────────────────────────────────────── */
      .v-hero {
         position: relative;
         height: 100svh;
         min-height: 620px;
         overflow: hidden;
      }

      .v-hero__slider,
      .v-hero__slider .swiper-wrapper,
      .v-hero__slide {
         height: 100%;
      }

      .v-hero__slider {
         width: 100%;
      }

      .v-hero__slider .swiper-wrapper {
         align-items: stretch;
      }

      .v-hero__slide {
         position: relative;
         display: flex;
         align-items: flex-end;
         justify-content: center;
         overflow: hidden;
      }

      .v-hero__media,
      .v-hero__bg {
         position: absolute;
         inset: 0;
         width: 100%;
         height: 100%;
      }

      .v-hero__bg {
         background-image: url('../Img/slider/vr_slider.webp');
         background-size: cover;
         background-position: center 30%;
         animation: heroZoom 8s ease forwards;
      }

      .v-hero__video {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
         transform: scale(1.03);
      }

      /* Tanıtım filmi Fancybox modal — padding yok, tam ratio */
      .v-film-modal .fancybox__content {
         padding: 0 !important;
         background: #000;
         width: min(90vw, calc(90vh * 16 / 9));
         aspect-ratio: 16/9;
      }

      .v-film-modal .fancybox__content video {
         width: 100%;
         height: 100%;
         display: block;
      }

      @keyframes heroZoom {
         from {
            transform: scale(1.06);
         }

         to {
            transform: scale(1.0);
         }
      }

      .v-hero__overlay {
         position: absolute;
         inset: 0;
         background: linear-gradient(to bottom,
               rgba(0, 0, 0, 0.18) 0%,
               rgba(0, 0, 0, 0.50) 100%);
      }

      .v-hero__content {
         position: relative;
         z-index: 1;
         text-align: center;
         color: #fff;
         width: 100%;
         padding: 0 1.5rem 130px;
         max-width: 820px;
         animation: fadeUp 1.2s ease 0.4s both;
      }

      @keyframes fadeUp {
         from {
            opacity: 0;
            transform: translateY(28px);
         }

         to {
            opacity: 1;
            transform: translateY(0);
         }
      }

      .v-hero__eyebrow {
         font-family: var(--font-body);
         font-size: 0.65rem;
         letter-spacing: 0.32em;
         text-transform: uppercase;
         color: rgba(255, 255, 255, 0.7);
         margin-bottom: 1.8rem;
      }

      .v-hero__heading {
         font-family: var(--font-display);
         font-size: clamp(3.2rem, 8vw, 7.5rem);
         font-weight: 600;
         font-style: italic;
         line-height: 1.02;
         color: #fff;
         margin-bottom: 1.6rem;
      }

      .v-hero__sub {
         font-family: var(--font-body);
         font-size: clamp(0.85rem, 1.2vw, 1rem);
         line-height: 1.85;
         color: rgba(255, 255, 255, 0.78);
         max-width: 460px;
         margin: 0 auto 2.8rem;
      }

      /* Scroll indicator */
      .v-hero__scroll {
         position: absolute;
         bottom: 2.8rem;
         left: 50%;
         transform: translateX(-50%);
         z-index: 4;
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 0.8rem;
         color: rgba(255, 255, 255, 0.55);
         font-size: 0.58rem;
         letter-spacing: 0.26em;
         text-transform: uppercase;
         animation: fadeUp 1.2s ease 1s both;
      }

      .v-hero__pagination {
         position: absolute;
         left: 0;
         right: 0;
         bottom: 50px !important;
         z-index: 4;
         display: flex;
         justify-content: center;
         gap: 0.5rem;
         width: 100% !important;
      }

      .v-hero__pagination .swiper-pagination-bullet {
         width: 26px;
         height: 2px;
         border-radius: 999px;
         background: rgba(255, 255, 255, 0.34);
         opacity: 1;
         margin: 0 !important;
         transition: background 0.3s ease, transform 0.3s ease;
      }

      .v-hero__pagination .swiper-pagination-bullet-active {
         background: #fff;
         transform: scaleX(1.15);
      }

      .v-hero__scroll::after {
         content: '';
         display: block;
         width: 1px;
         height: 48px;
         background: rgba(255, 255, 255, 0.35);
         animation: scrollPulse 2s ease infinite;
      }

      @keyframes scrollPulse {
         0% {
            opacity: 0;
            transform: scaleY(0);
            transform-origin: top;
         }

         40% {
            opacity: 1;
            transform: scaleY(1);
            transform-origin: top;
         }

         60% {
            opacity: 1;
            transform: scaleY(1);
            transform-origin: bottom;
         }

         100% {
            opacity: 0;
            transform: scaleY(0);
            transform-origin: bottom;
         }
      }

      /* ─── Project Sections ──────────────────────────────── */
      .v-project {
         position: relative;
         z-index: 5;
         height: var(--section-h);
         min-height: 540px;
         display: flex;
         align-items: flex-end;
         overflow: hidden;
      }

      .v-project__bg {
         position: absolute;
         inset: 0;
         background-size: cover;
         background-position: center;
         transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         will-change: transform;
      }

      .v-project:hover .v-project__bg {
         transform: scale(1.04);
      }

      .v-project__overlay {
         position: absolute;
         inset: 0;
         background: linear-gradient(to top,
               rgba(0, 0, 0, 0.86) 0%,
               rgba(0, 0, 0, 0.38) 48%,
               rgba(0, 0, 0, 0.16) 100%);
      }

      .v-project__content {
         position: relative;
         z-index: 1;
         padding-bottom: clamp(2.5rem, 5vh, 4.5rem);
         color: #fff;
      }

      .v-project__logo {
         height: 28px;
         width: auto;
         display: block;
         margin-right: auto;
         margin-bottom: 1.2rem;
         filter: brightness(0) invert(1);
         opacity: 0.92;
      }

      .v-project__desc {
         font-family: var(--font-body);
         font-size: clamp(0.82rem, 1.1vw, 0.95rem);
         line-height: 1.85;
         color: rgba(255, 255, 255, 0.72);
         max-width: 500px;
         margin-bottom: 2.2rem;
      }

      .v-project__heading {
         font-family: var(--font-display);
         font-style: italic;
         font-weight: 600;
         font-size: clamp(2rem, 4.2vw, 3.4rem);
         line-height: 1.12;
         margin: 0 0 1.4rem;
         color: rgba(255, 255, 255, 0.96);
         max-width: 670px;
      }

      .v-project--page {
         height: auto;
         min-height: auto;
      }

      .v-project--page .v-project__content {
         /* Üst diagonal kesimden ve etiketin tepeye yapışmaması için yeterli üst boşluk */
         padding-top: calc(clamp(5.5rem, 13vh, 9rem) + 100px);
         padding-bottom: clamp(2rem, 4vh, 3rem);
      }

      .v-project--light {
         background: #f6efea;
      }

      .v-project--light .v-project__overlay {
         background: linear-gradient(to top,
               rgba(255, 255, 255, 0.78) 0%,
               rgba(255, 255, 255, 0.45) 48%,
               rgba(255, 255, 255, 0.2) 100%);
      }

      .v-project--light .v-project__content,
      .v-project--light .v-project__heading {
         color: var(--dark);
      }

      .v-project--light .v-project__desc {
         color: rgba(20, 22, 23, 0.72);
      }

      /* Mimar bloğu — beyaz zemin, siyah metin */
      .v-project--clean {
         background: #fff;
         /* Mimar alıntısı uzun olabilir, sabit yükseklikten taşmasın diye içerikle büyüsün */
         height: auto;
         min-height: 68svh;
      }

      /* Beyaz zeminde kicker etiketi — diğer section'larla aynı görsel ama açık zemine uyumlu */
      .v-project--clean .v-label {
         color: var(--accent);
         border-color: var(--accent);
      }

      .v-project--clean .v-project__desc,
      .v-project--clean .v-project__quote {
         color: rgba(20, 22, 23, 0.82);
         max-width: 640px;
         font-size: clamp(0.9rem, 1.15vw, 1.02rem);
         line-height: 1.85;
         margin-bottom: 1.1rem;
      }

      .v-project__signature {
         display: flex;
         flex-direction: column;
         gap: 0.15rem;
         margin-top: 1.4rem;
         font-family: var(--font-display);
      }

      .v-project__signature span:first-child {
         font-style: italic;
         font-size: clamp(1.1rem, 1.6vw, 1.45rem);
         color: var(--dark);
      }

      .v-project__signature span:last-child {
         font-family: var(--font-body);
         font-size: 0.62rem;
         letter-spacing: 0.3em;
         text-transform: uppercase;
         color: var(--accent);
      }

      /* Mimari galeri — açık zemin */
      .v-mimar-gallery {
         margin-top: clamp(3rem, 7vw, 5.5rem);
      }

      .v-mimar-gallery__grid {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 0.5rem;
      }

      @media (max-width: 900px) {
         .v-mimar-gallery__grid {
            grid-template-columns: repeat(3, 1fr);
         }
      }

      .v-mimar-gallery__item {
         display: block;
         position: relative;
         aspect-ratio: 4 / 3;
         overflow: hidden;
         background: rgba(20, 22, 23, 0.04);
         cursor: zoom-in;
      }

      .v-mimar-gallery__item img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
         transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
      }

      .v-mimar-gallery__item:hover img {
         transform: scale(1.06);
      }

      .v-mimar-gallery__item::after {
         content: '';
         position: absolute;
         inset: 0;
         background: linear-gradient(180deg, rgba(20, 22, 23, 0) 60%, rgba(20, 22, 23, 0.3) 100%);
         opacity: 0;
         transition: opacity 0.4s ease;
         pointer-events: none;
      }

      .v-mimar-gallery__item:hover::after {
         opacity: 1;
      }

      @media (max-width: 600px) {
          .v-nav-overlay__footer{ flex-wrap: nowrap; gap: 10px; justify-content: center; }
         .v-mimar-gallery__grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.4rem;
         }
          .v-header__logo svg{ max-height: 25px; }
      }

      /* Mimar bölümü — 2 kolonlu yapı (yazı + portre) */
      .v-mimar-grid {
         display: grid;
         grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.78fr);
         gap: clamp(2rem, 5vw, 4.5rem);
         align-items: center;
      }

      .v-mimar-grid__photo {
         margin: 0;
         max-width: 320px;
         justify-self: end;
      }

      .v-mimar-grid__photo img {
         width: 100%;
         height: auto;
         display: block;
      }

      @media (max-width: 768px) {
         .v-mimar-grid {
            grid-template-columns: 1fr;
            gap: 80px;
         }

         .v-mimar-grid__photo {
            justify-self: center;
            max-width: 220px;
            order: -1;
         }
      }

      /* Diagonal kesim olmayan v-project varyantı */
      .v-project--no-clip {
         clip-path: none !important;
         margin-top: 0 !important;
         will-change: auto;
      }

      .v-project--no-clip::before {
         display: none;
      }

      /* Divider line above each project section */
      .v-project::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 1px;
         background: rgba(255, 255, 255, 0.12);
         z-index: 2;
      }

      /* ─── Ayrıcalıklar ──────────────────────────────────── */
      .v-privileges {
         position: relative;
         z-index: 5;
         background: var(--dark);
         min-height: auto;
         display: block;
         overflow: hidden;
         padding: clamp(4.5rem, 9vh, 7rem) 0;
      }

      .v-privileges__bg {
         position: absolute;
         inset: 0;
         display: block;
         background-size: cover;
         background-position: center;
         transition: transform 0.9s ease;
      }

      .v-privileges:hover .v-privileges__bg {
         transform: scale(1.03);
      }

      .v-privileges__overlay {
         position: absolute;
         inset: 0;
         display: block;
         background: rgba(0, 0, 0, .3);
      }

      .v-privileges__content {
         position: relative;
         z-index: 1;
         color: #fff;
         width: min(1180px, calc(100% - 3rem));
         padding: clamp(1rem, 2.5vh, 2rem) clamp(1.5rem, 5vw, 5rem) 0;
         margin: 0 auto;
      }

      .v-privileges__panel {
         display: grid;
         grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
         gap: clamp(2rem, 5vw, 5rem);
         align-items: center;
      }

      .v-privileges__lead {
         text-align: left;
         max-width: 760px;
      }

      .v-privileges__content h2 {
         font-family: var(--font-display);
         font-size: clamp(2.1rem, 4.8vw, 4.4rem);
         font-weight: 600;
         font-style: italic;
         line-height: 1.05;
         letter-spacing: -0.025em;
         color: #fff;
         margin: 0;
      }

      .v-privileges__aside {
         display: grid;
         gap: 1.5rem;
         justify-items: start;
         text-align: left;
         padding: 1.75rem 0 1.75rem 2rem;
         border-left: 1px solid rgba(240, 241, 230, 0.24);
      }

      .v-privileges__line {
         width: 72px;
         height: 1px;
         background: rgba(240, 241, 230, 0.4);
      }

      .v-privileges__text {
         max-width: 360px;
         margin: 0;
         font-size: 0.9rem;
         line-height: 1.9;
         color: rgba(240, 241, 230, 1);
      }

      .v-privileges .v-btn {
         border-color: rgba(240, 241, 230, 0.32);
         color: #fff;
      }

      .v-privileges .v-btn::before {
         background: #fff;
      }

      .v-privileges .v-btn:hover {
         color: var(--dark);
         border-color: #fff;
      }

      /* ─── Contact ───────────────────────────────────────── */
      .v-contact {
         background: var(--dark);
         padding: clamp(5rem, 10vh, 8rem) 0;
         text-align: center;
      }

      .v-contact h2 {
         font-family: var(--font-display);
         font-size: clamp(2rem, 4.5vw, 4rem);
         font-style: italic;
         color: var(--cream);
         margin-bottom: 1rem;
      }

      .v-contact p {
         font-size: 0.9rem;
         color: rgba(240, 241, 230, 0.55);
         max-width: none;
         margin: 0 auto 3rem;
         line-height: 1.7;
      }

      .v-contact__actions {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 1.2rem;
         flex-wrap: wrap;
      }

      .v-contact .v-btn--dark {
         border-color: rgba(240, 241, 230, 0.3);
         color: var(--cream);
      }

      .v-contact .v-btn--dark::before {
         background: var(--cream);
      }

      .v-contact .v-btn--dark:hover {
         color: var(--dark) !important;
         border-color: var(--cream);
      }

      .v-contact .v-btn--dark:hover svg,
      .v-contact .v-btn--dark:hover path {
         stroke: var(--dark);
      }

      /* ─── Footer ────────────────────────────────────────── */
      .v-footer {
         background: var(--dark);
         border-top: 1px solid rgba(240, 241, 230, 0.08);
         padding: 4.5rem 0 2rem;
      }

      .v-footer .container {
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 0;
      }

      /* Footer blokları arasında ince yatay çizgi (logo dışında her bloğun üstünde) */
      .v-footer .container > * + * {
         width: 100%;
         padding-top: clamp(2rem, 4vw, 3rem);
         margin-top: clamp(2rem, 4vw, 3rem);
         border-top: 1px solid rgba(240, 241, 230, 0.08);
      }

      .v-footer__brand {
         display: inline-flex;
         opacity: 0.95;
         transition: opacity 0.3s;
      }

      .v-footer__brand:hover {
         opacity: 1;
      }

      /* Bilgi Alın CTA — footer içinde, logo'nun altında */
      .v-footer__cta {
         width: 100%;
         text-align: center;
         padding-top: 0.5rem;
         padding-bottom: 1rem;
      }

      .v-footer__cta-title {
         font-family: var(--font-display);
         font-style: italic;
         font-weight: 600;
         font-size: clamp(2rem, 4.5vw, 3.6rem);
         color: var(--cream);
         margin: 0 0 1rem;
      }

      .v-footer__cta-text {
         font-family: var(--font-body);
         font-size: 0.9rem;
         color: rgba(240, 241, 230, 0.55);
         line-height: 1.7;
         max-width: none;
         margin: 0 auto 2.2rem;
      }

      .v-footer__cta-actions {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 1.2rem;
         flex-wrap: wrap;
      }

      /* Footer içindeki v-btn--dark — footer dark bg ile uyumlu (krem text + hover dark) */
      .v-footer__cta .v-btn--dark {
         border-color: rgba(240, 241, 230, 0.3);
         color: var(--cream);
      }

      .v-footer__cta .v-btn--dark::before {
         background: var(--cream);
      }

      .v-footer__cta .v-btn--dark:hover {
         color: var(--dark);
         border-color: var(--cream);
      }

      .v-footer__cta .v-btn--dark:hover svg,
      .v-footer__cta .v-btn--dark:hover path {
         stroke: var(--dark);
      }

      /* Yatay site haritası (linkler yan yana, aralarda · ayracı) */
      .v-footer__nav {
         display: flex;
         align-items: center;
         justify-content: center;
         flex-wrap: wrap;
         gap: 0.6rem 1.4rem;
      }

      .v-footer__nav a {
         font-family: var(--font-body);
         font-size: 0.66rem;
         letter-spacing: 0.22em;
         text-transform: uppercase;
         color: rgba(240, 241, 230, 0.55);
         text-decoration: none;
         transition: color 0.3s;
      }

      .v-footer__nav a:hover,
      .v-footer__nav a.is-current {
         color: var(--accent);
      }

      .v-footer__nav-sep {
         color: rgba(240, 241, 230, 0.15);
         font-size: 0.7rem;
         line-height: 1;
      }

      /* Bizi Takip Edin — sosyal medya bloğu (footer'ın en altında) */
      .v-footer__follow {
         width: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 1.1rem;
         padding-top: 1.6rem;
         margin-top: 0.4rem;
         border-top: 1px solid rgba(240, 241, 230, 0.06);
      }

      .v-footer__follow-title {
         font-family: var(--font-body);
         font-size: 0.62rem;
         letter-spacing: 0.28em;
         text-transform: uppercase;
         color: rgba(240, 241, 230, 0.42);
      }

      /* Sosyal medya — tasarımsal pill butonlar */
      .v-footer__social {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         gap: 0.9rem;
      }

      .v-footer__social-btn {
         display: inline-flex;
         align-items: center;
         gap: 0.7rem;
         padding: 0.85rem 1.6rem;
         border: 1px solid rgba(240, 241, 230, 0.18);
         border-radius: 999px;
         color: rgba(240, 241, 230, 0.78);
         text-decoration: none;
         font-family: var(--font-body);
         font-size: 0.7rem;
         letter-spacing: 0.18em;
         text-transform: uppercase;
         background: rgba(240, 241, 230, 0.02);
         transition: color 0.3s, background 0.3s, border-color 0.3s, transform 0.3s;
      }

      .v-footer__social-btn:hover {
         color: var(--accent);
         border-color: rgba(200, 146, 109, 0.55);
         background: rgba(200, 146, 109, 0.08);
         transform: translateY(-1px);
      }

      .v-footer__social-icon {
         display: inline-flex;
         align-items: center;
         color: rgba(240, 241, 230, 0.6);
         transition: color 0.3s;
      }

      .v-footer__social-btn:hover .v-footer__social-icon {
         color: var(--accent);
      }

      .v-footer__social-label {
         line-height: 1;
      }

      .v-footer__bottom {
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 1rem;
      }

      .v-footer__legal {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 1rem;
         flex-wrap: wrap;
         margin: 0;
      }

      .v-footer__legal a {
         font-family: var(--font-body);
         font-size: 0.6rem;
         letter-spacing: 0.12em;
         color: rgba(240, 241, 230, 0.34);
         text-decoration: none;
         transition: color 0.3s;
      }

      .v-footer__legal a:hover {
         color: rgba(240, 241, 230, 0.75);
      }

      .v-footer__legal span {
         color: rgba(240, 241, 230, 0.15);
         font-size: 0.7rem;
      }

      .v-footer__copy {
         text-align: center;
         font-size: 0.62rem;
         letter-spacing: 0.14em;
         color: rgba(240, 241, 230, 0.32);
         margin: 0;
      }

      .v-footer__copy a {
         color: rgba(240, 241, 230, 0.5);
         text-decoration: none;
         border-bottom: 1px solid rgba(240, 241, 230, 0.18);
         transition: color +0.3s, border-color 0.3s;
      }

      .v-footer__copy a:hover {
         color: var(--accent);
         border-color: var(--accent);
      }

      @media (max-width: 720px) {
          .v-contact .v-btn--dark{ padding: 8px 16px; font-size: 7px;}
          .v-project--page .v-project__content{ padding-top: 50px; }
          .v-footer__cta .v-btn--dark{ padding: 8px 16px; font-size: 8px; }
          .v-footer__nav-sep{ display: none; }
          .v-header__enquire{
              padding: 5px 10px;
          }
         .v-footer {
            padding: 3rem 0 1.6rem;
         }

         .v-footer__nav {
            gap: 0.4rem 1rem;
             justify-content: center;
             max-width: 80%;
         }

         .v-footer__nav a {
            font-size: 0.6rem;
            letter-spacing: 0.18em;
         }

         .v-footer__social-btn {
            padding: 0.75rem 1.3rem;
            font-size: 0.62rem;
         }

         .v-footer__legal {
            gap: 0.6rem;
         }
      }

      .v-footer__hasanoglu {
         display: flex;
         justify-content: center;
         margin-bottom: 1.5rem;
      }

      .v-footer__hasanoglu a {
         opacity: 0.3;
         transition: opacity 0.3s;
      }

      .v-footer__hasanoglu a:hover {
         opacity: 0.6;
      }

      /* ─── Back to top ───────────────────────────────────── */
      .v-go-up {
         position: fixed;
         bottom: 3.5rem;
         right: 2rem;
         z-index: 500;
         width: 44px;
         height: 44px;
         background: var(--accent);
         display: flex;
         align-items: center;
         justify-content: center;
         opacity: 0;
         pointer-events: none;
         transition: opacity 0.3s, transform 0.3s;
         transform: translateY(8px);
         cursor: pointer;
         border: none;
          border-radius: 3px;
      }

      .v-go-up.visible {
         opacity: 1;
         pointer-events: all;
         transform: translateY(0);
      }

      /* ─── Diagonal transitions ───────────────────────── */
      :root {
         --cut: 2.6vw;
         --content-max: 1040px;
      }

      /* İç sayfalarda diagonal kesimi neredeyse düz tut */
      body:has(.v-page-hero) {
         --cut: 0.9vw;
      }

      /* Hero → alt köşe diagonal */
      .v-hero {
         --hero-cut: var(--cut);
         clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--hero-cut)));
         will-change: clip-path;
      }

      /* Motto → beyaz, üst-alt diagonal */
      .v-motto {
         --diag-top: var(--cut);
         --diag-bottom: var(--cut);
         position: relative;
         z-index: 10;
         background: #fff;
         margin-top: calc(-1 * var(--cut));
         padding: calc(var(--cut) + clamp(3.5rem, 8vh, 6rem)) clamp(1.5rem, 8vw, 10rem) calc(var(--cut) + clamp(3rem, 7vh, 5rem));
         clip-path: polygon(0 var(--diag-top), 100% 0, 100% 100%, 0 calc(100% - var(--diag-bottom)));
         overflow: hidden;
         will-change: clip-path;
      }

      .v-motto::before {
         content: '';
         position: absolute;
         inset: auto auto 12% -6%;
         width: 240px;
         height: 240px;
         border-radius: 50%;
         background: radial-gradient(circle, rgba(200, 146, 109, 0.14) 0%, rgba(200, 146, 109, 0) 72%);
         pointer-events: none;
      }

      .v-motto::after {
         content: '';
         position: absolute;
         top: 14%;
         right: -5%;
         width: 220px;
         height: 220px;
         border-radius: 50%;
         background: radial-gradient(circle, rgba(20, 22, 23, 0.06) 0%, rgba(20, 22, 23, 0) 74%);
         pointer-events: none;
      }

      .v-motto__inner {
         position: relative;
         z-index: 1;
         align-items: center;
         max-width: var(--content-max);
         margin: 0 auto;
         display: grid;
         grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
         gap: clamp(2rem, 6vw, 6rem);
      }

      .v-motto__lead {
         text-align: left;
      }

      .v-motto__eyebrow {
         font-family: var(--font-body);
         font-size: 0.6rem;
         letter-spacing: 0.32em;
         text-transform: uppercase;
         color: rgba(20, 22, 23, 0.45);
         margin-bottom: 1.25rem;
      }

      .v-motto__text {
         font-family: var(--font-display);
         font-size: clamp(2.2rem, 5vw, 4.9rem);
         font-style: italic;
         line-height: 1.03;
         letter-spacing: -0.02em;
         color: var(--dark);
         max-width: 720px;
         margin: 0;
      }

      .v-motto__meta {
         display: grid;
         gap: 1.25rem;
         padding: 1.75rem 0 0 2rem;
         border-left: 1px solid rgba(20, 22, 23, 0.1);
         text-align: left;
      }

      .v-motto__line {
         width: 72px;
         height: 1px;
         background: rgba(20, 22, 23, 0.2);
      }

      .v-motto__sub {
         font-size: 0.92rem;
         color: rgba(20, 22, 23, 0.52);
         line-height: 1.95;
         max-width: 420px;
         margin: 0;
      }

      .v-motto__note {
         font-size: 0.68rem;
         letter-spacing: 0.24em;
         text-transform: uppercase;
         color: var(--accent);
      }

      /* Project sections → üst diagonal + overlap */
      .v-project {
         margin-top: calc(-1 * var(--cut));
      }

      /* v-privileges de aynı */
      .v-privileges {
         margin-top: calc(-1 * var(--cut));
      }

      /* ─── Project separators (beyaz ara bölümler) ─────── */
      .v-sep {
         --diag-top: var(--cut);
         --diag-bottom: var(--cut);
         position: relative;
         z-index: 10;
         background: #fff;
         margin-top: calc(-1 * var(--cut));
         /* Görünür alanda JS diagonal kesimi ~3-7vw arası kalır; yazı kesilmesin diye
            üst-alt padding'i ona göre buffer ile veriyoruz. */
         padding: calc(7vw + clamp(2.5rem, 6vh, 4.5rem)) 1.5rem;
         clip-path: polygon(0 var(--diag-top), 100% 0, 100% 100%, 0 calc(100% - var(--diag-bottom)));
         will-change: clip-path;
      }

      .v-sep__inner {
         width: min(var(--content-max), 100%);
         margin: 0 auto;
         /* Sağdaki metin solun (sloganın) altında olsun — iki kolon değil üst-alt */
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         gap: 1.25rem;
      }

      .v-project,
      .v-privileges {
         --diag-top: var(--cut);
         clip-path: polygon(0 var(--diag-top), 100% 0, 100% 100%, 0 100%);
         will-change: clip-path;
      }

      .v-sep__left {
         display: flex;
         flex-direction: column;
         gap: 0.6rem;
      }

      .v-sep__num {
         font-family: var(--font-body);
         font-size: 0.58rem;
         letter-spacing: 0.3em;
         text-transform: uppercase;
         color: var(--accent);
      }

      .v-sep__title {
         font-family: var(--font-display);
         font-size: clamp(1.6rem, 3.5vw, 3rem);
         font-style: italic;
         line-height: 1.1;
         color: var(--dark);
         margin: 0;
      }

      .v-sep__right {
         font-family: var(--font-body);
         font-size: 0.82rem;
         color: rgba(20, 22, 23, 0.45);
         line-height: 1.8;
         max-width: 640px;
      }

      /* Sağda fotoğraflı v-sep varyantı */
      .v-sep--photo .v-sep__inner {
         flex-direction: row;
         align-items: center;
         gap: clamp(2rem, 5vw, 4.5rem);
      }

      .v-sep--photo .v-sep__text {
         flex: 1;
         display: flex;
         flex-direction: column;
         gap: 1.25rem;
         min-width: 0;
      }

      .v-sep__photo {
         flex: 0 0 auto;
         width: clamp(280px, 38%, 460px);
         margin: 0;
      }

      .v-sep__photo img {
         width: 100%;
         height: auto;
         display: block;
      }

      @media (max-width: 768px) {
         .v-sep--photo .v-sep__inner {
            flex-direction: column;
            align-items: flex-start;
         }

         .v-sep__photo {
            width: 100%;
            max-width: 480px;
         }
      }

      /* ─── Responsive ─────────────────────────────────── */
      @media (max-width: 991px) {
         .v-privileges__panel {
            grid-template-columns: 1fr;
            gap: 1.75rem;
         }

         .v-privileges__lead,
         .v-privileges__aside {
            text-align: center;
         }

         .v-privileges__aside {
            border-left: 0;
            border-top: 1px solid rgba(20, 22, 23, 0.12);
            padding: 1.5rem 0 0;
            max-width: 520px;
            margin: 0 auto;
            justify-items: center;
         }

         .v-motto__inner {
            grid-template-columns: 1fr;
            gap: 1.75rem;
         }

         .v-motto__lead,
         .v-motto__meta {
            text-align: center;
         }

         .v-motto__meta {
            border-left: 0;
            border-top: 1px solid rgba(20, 22, 23, 0.1);
            padding: 1.5rem 0 0;
            max-width: 520px;
            margin: 0 auto;
            justify-items: center;
         }

      }

      @media (max-width: 767px) {
         :root {
            --section-h: 72svh;
            --header-h: 64px;
         }

         .v-hero {
            min-height: 580px;
         }

         .v-hero__heading {
            font-size: clamp(2.8rem, 12vw, 5rem);
         }

         .v-project {
            min-height: 480px;
         }

         .v-privileges {
            padding: 4rem 0;
         }

         #v-form-panel {
            width: 100vw;
         }

         .v-nav-overlay__menu a,
         .v-nav-overlay__menu button {
            font-size: clamp(1.5rem, 7vw, 2.4rem);
            padding: 0.45rem 3.2rem 0.45rem 0;
             line-height: 1.8;
         }

         .v-nav-overlay__chevron {
            margin-left: 0.6rem;
         }
      }

      /* ─── Animate on scroll ─────────────────────────────── */
      .v-reveal {
         --reveal-x: 0px;
         --reveal-y: 28px;
         --reveal-scale: 0.985;
         opacity: 0;
         transform: translate3d(var(--reveal-x), var(--reveal-y), 0) scale(var(--reveal-scale));
         transform-origin: center center;
         filter: blur(6px);
         transition:
            opacity 0.95s cubic-bezier(0.22, 1, 0.36, 1),
            transform 1.05s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.9s cubic-bezier(0.22, 1, 0.36, 1);
      }

      .v-reveal.is-visible {
         opacity: 1;
         transform: translate3d(0, 0, 0) scale(1);
         filter: blur(0);
      }

      .v-reveal--up {
         --reveal-y: 34px;
      }

      .v-reveal--left {
         --reveal-x: -34px;
         --reveal-y: 0px;
      }

      .v-reveal--right {
         --reveal-x: 34px;
         --reveal-y: 0px;
      }

      .v-reveal--soft {
         --reveal-y: 18px;
         --reveal-scale: 0.992;
      }

      .v-reveal--delay-1 {
         transition-delay: 0.12s;
      }

      .v-reveal--delay-2 {
         transition-delay: 0.24s;
      }

      .v-reveal--delay-3 {
         transition-delay: 0.36s;
      }

      /* ─── Nav drilldown panels ─────────────────────────── */
      #v-nav-overlay {
         justify-content: flex-start;
      }

      .v-nav-panels {
         position: relative;
         flex: 1;
         width: 100%;
         min-height: 0;
         margin-top: clamp(1rem, 4vh, 2.5rem);
      }

      .v-nav-panel {
         position: absolute;
         inset: 0;
         overflow: hidden;
         transform: translateX(8%);
         opacity: 0;
         pointer-events: none;
         transition: transform 0.55s cubic-bezier(0.6, 0, 0.2, 1), opacity 0.35s ease;
         padding-right: 0.5rem;
         display: flex;
         flex-direction: column;
         justify-content: center;
      }

      /* Tıklama: yalnızca overlay açıkken (.is-open) ve panel aktifken */
      #v-nav-overlay.is-open .v-nav-panel.is-active {
         transform: translateX(0);
         opacity: 1;
         pointer-events: auto;
         transition-delay: 0.05s;
      }

      /* Açıkken pasif paneller (geçiş animasyonu için) */
      #v-nav-overlay.is-open .v-nav-panel--root:not(.is-active) {
         transform: translateX(-12%);
      }


      .v-nav-back {
         display: inline-flex;
         align-items: center;
         gap: 0.5rem;
         background: none;
         border: 0;
         padding: 0.4rem 0;
         margin-bottom: clamp(1rem, 3vh, 2rem);
         color: rgba(240, 241, 230, 0.55);
         font-family: var(--font-body);
         font-size: 0.62rem;
         letter-spacing: 0.22em;
         text-transform: uppercase;
         cursor: pointer;
         transition: color 0.3s, transform 0.3s;
      }

      .v-nav-back:hover {
         color: var(--accent);
         transform: translateX(-3px);
      }

      .v-nav-back svg {
         flex-shrink: 0;
      }

      .v-nav-panel__title {
         font-family: var(--font-display);
         font-style: italic;
         font-weight: 600;
         font-size: clamp(2.2rem, 5.5vw, 4rem);
         line-height: 1.1;
         color: rgba(240, 241, 230, 0.92);
         margin: 0 0 clamp(1.5rem, 4vh, 2.5rem);
      }

      .v-nav-panel__title-link {
         color: inherit;
         text-decoration: none;
         border-bottom: 1px solid transparent;
         transition: color 0.3s, border-color 0.3s;
      }

      .v-nav-panel__title-link:hover {
         color: var(--accent);
         border-color: rgba(200, 146, 109, 0.5);
      }

      .v-nav-groups {
         display: flex;
         flex-direction: column;
         gap: clamp(1.5rem, 3.5vh, 2.5rem);
      }

      .v-nav-group__title {
         font-family: var(--font-body);
         font-weight: 400;
         font-size: 0.62rem;
         letter-spacing: 0.22em;
         text-transform: uppercase;
         color: rgba(240, 241, 230, 0.42);
         margin: 0 0 0.9rem;
         padding-bottom: 0.6rem;
         border-bottom: 1px solid rgba(240, 241, 230, 0.08);
      }

      .v-nav-group__list {
         list-style: none;
         margin: 0;
         padding: 0;
         display: flex;
         flex-direction: column;
         gap: 0.2rem;
      }

      .v-nav-group__link {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 1rem;
         width: 100%;
         padding: 0.7rem 0;
         background: none;
         border: 0;
         text-align: left;
         cursor: pointer;
         font-family: var(--font-display);
         font-style: italic;
         font-weight: 600;
         font-size: clamp(1.3rem, 2.6vw, 1.85rem);
         line-height: 1.18;
         color: rgba(240, 241, 230, 0.78);
         text-decoration: none;
         transition: color 0.3s, padding-left 0.3s;
      }

      .v-nav-group__link:hover:not(.is-soon) {
         color: var(--accent);
         padding-left: 0.4rem;
      }

      .v-nav-group__link.is-soon {
         color: rgba(240, 241, 230, 0.32);
         cursor: default;
         pointer-events: none;
      }

      .v-nav-group__link svg {
         color: rgba(240, 241, 230, 0.4);
         transition: color 0.3s, transform 0.3s;
         flex-shrink: 0;
      }

      .v-nav-group__link:hover svg {
         color: var(--accent);
         transform: translateX(4px);
      }

      .v-nav-group__badge {
         font-family: var(--font-body);
         font-style: normal;
         font-size: 0.56rem;
         letter-spacing: 0.22em;
         text-transform: uppercase;
         color: rgba(240, 241, 230, 0.32);
         padding: 0.25rem 0.55rem;
         border: 1px solid rgba(240, 241, 230, 0.18);
         border-radius: 999px;
      }

      .v-nav-group__empty {
         font-family: var(--font-body);
         font-size: 0.85rem;
         color: rgba(240, 241, 230, 0.32);
         padding: 0.7rem 0;
         margin: 0;
      }

      /* Level 3 — Card panel */
      .v-nav-cta {
         display: inline-flex;
         align-items: center;
         gap: 0.6rem;
         margin-bottom: clamp(1.5rem, 4vh, 2.5rem);
         padding: 0.45rem 0;
         color: rgba(240, 241, 230, 0.7);
         font-family: var(--font-body);
         font-size: 0.66rem;
         letter-spacing: 0.22em;
         text-transform: uppercase;
         text-decoration: none;
         border-bottom: 1px solid rgba(240, 241, 230, 0.18);
         transition: color 0.3s, border-color 0.3s;
      }

      .v-nav-cta:hover {
         color: var(--accent);
         border-color: var(--accent);
      }

      .v-nav-cards {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
         gap: 1rem;
         max-width: 720px;
      }

      /* Level-2 panel içinde, sub-link altında inline 2 küçük kart */
      .v-nav-cards--inline {
         margin: 0.6rem 0 0.4rem 0;
         gap: 0.6rem;
         grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
         max-width: 560px;
      }

      .v-nav-cards--inline .v-nav-card {
         padding: 0.85rem 1rem;
         background: rgba(240, 241, 230, 0.03);
         border-color: rgba(240, 241, 230, 0.09);
      }

      .v-nav-cards--inline .v-nav-card__label {
         font-size: 0.78rem;
         line-height: 1.3;
         font-weight: 400;
         color: rgba(240, 241, 230, 0.78);
      }

      .v-nav-cards--inline .v-nav-card:hover .v-nav-card__label {
         color: rgba(240, 241, 230, 0.96);
      }

      .v-nav-card {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 1rem;
         width: 100%;
         padding: 1.4rem 1.5rem;
         background: rgba(240, 241, 230, 0.04);
         border: 1px solid rgba(240, 241, 230, 0.12);
         border-radius: 4px;
         color: rgba(240, 241, 230, 0.88);
         text-align: left;
         text-decoration: none;
         font-family: var(--font-body);
         cursor: pointer;
         transition: background 0.3s, border-color 0.3s, transform 0.3s;
      }

      .v-nav-card:hover {
         background: rgba(200, 146, 109, 0.12);
         border-color: rgba(200, 146, 109, 0.5);
         transform: translateY(-2px);
      }

      .v-nav-card__label {
         font-size: 0.92rem;
         font-weight: 500;
         line-height: 1.35;
      }

      .v-nav-card__icon {
         display: flex;
         align-items: center;
         color: rgba(240, 241, 230, 0.45);
         transition: color 0.3s, transform 0.3s;
         flex-shrink: 0;
      }

      .v-nav-card:hover .v-nav-card__icon {
         color: var(--accent);
         transform: translateX(4px);
      }

      @media (max-width: 640px) {
         .v-nav-panel__title {
            font-size: 2rem;
         }

         .v-nav-group__link {
            font-size: 1.25rem;
            padding: 0.6rem 0;
         }

         .v-nav-cards {
            grid-template-columns: 1fr;
         }

         .v-nav-card {
            padding: 1.1rem 1.2rem;
         }
      }

      /* ─── Sayfa hero (anasayfa konseptinde, bg media destekli) ─── */
      .v-page-hero {
         position: relative;
         min-height: 78svh;
         padding: calc(var(--header-h) + 6rem) 0 5rem;
         background: var(--dark);
         color: rgba(240, 241, 230, 0.9);
         overflow: hidden;
         display: flex;
         align-items: center;
      }

      .v-page-hero--compact {
         min-height: 0;
      }

      .v-page-hero__bg {
         position: absolute;
         inset: 0;
         background-size: cover;
         background-position: center;
         z-index: 0;
          object-fit: cover;
          object-position: bottom;
          width: 100%; height: 100%;
      }

      .v-page-hero.is-loaded .v-page-hero__bg {
         transform: scale(1);
      }

      .v-page-hero__overlay {
         position: absolute;
         inset: 0;
         background: linear-gradient(180deg, rgba(20, 22, 23, 0.55) 0%, rgba(20, 22, 23, 0.42) 45%, rgba(20, 22, 23, 0.88) 100%);
         z-index: 1;
      }

      .v-page-hero::after {
         content: '';
         position: absolute;
         inset: auto 0 0 0;
         height: 1px;
         background: linear-gradient(90deg, transparent, rgba(200, 146, 109, 0.4), transparent);
         z-index: 2;
      }

      .v-page-hero__inner {
         position: relative;
         z-index: 2;
         width: 100%;
         max-width: 980px;
         padding: 0 clamp(1.5rem, 6vw, 4rem);
         margin: 0 auto;
      }

      .v-page-hero__eyebrow {
         display: inline-block;
         font-family: var(--font-body);
         font-size: 0.62rem;
         letter-spacing: 0.28em;
         text-transform: uppercase;
         color: var(--accent);
         margin-bottom: 1.5rem;
      }

      .v-page-hero__title {
         font-family: var(--font-display);
         font-style: italic;
         font-weight: 600;
         font-size: clamp(2.5rem, 6vw, 4.8rem);
         line-height: 1.05;
         color: rgba(240, 241, 230, 0.96);
         margin: 0 0 1.5rem;
      }

      .v-page-hero__lead {
         font-family: var(--font-body);
         font-size: clamp(1rem, 1.4vw, 1.18rem);
         line-height: 1.7;
         color: rgba(240, 241, 230, 0.7);
         max-width: 680px;
         margin: 0;
      }

      /* ─── Sayfa içerik bölümü (placeholder) ─────────────── */
      .v-page-content {
         padding: clamp(3rem, 8vw, 6rem) 0;
         background: #fff;
      }

      .v-page-content__inner {
         max-width: 880px;
         padding: 0 clamp(1.5rem, 6vw, 4rem);
         margin: 0 auto;
         font-family: var(--font-body);
         color: var(--dark);
      }

      .v-page-content__inner p {
         font-size: 1rem;
         line-height: 1.85;
         margin: 0 0 1.4rem;
         color: rgba(20, 22, 23, 0.78);
      }

      .v-page-content__inner h2 {
         font-family: var(--font-display);
         font-style: italic;
         font-weight: 600;
         font-size: clamp(1.6rem, 2.5vw, 2.2rem);
         margin: 2.5rem 0 1rem;
         color: var(--dark);
      }

      .v-page-content__inner h3 {
         font-family: var(--font-display);
         font-style: italic;
         font-weight: 600;
         font-size: clamp(1.15rem, 1.6vw, 1.4rem);
         margin: 1.8rem 0 0.8rem;
         color: var(--dark);
      }

      .v-page-content__inner ul,
      .v-page-content__inner ol {
         margin: 0 0 1.4rem 1.4rem;
         padding: 0;
         color: rgba(20, 22, 23, 0.78);
         line-height: 1.85;
      }

      .v-page-content__inner ul li,
      .v-page-content__inner ol li {
         margin-bottom: 0.5rem;
      }

      .v-page-content__inner a {
         color: var(--accent);
         text-decoration: underline;
         text-underline-offset: 3px;
         transition: color 0.3s;
      }

      .v-page-content__inner a:hover {
         color: #b07f5b;
      }

      .v-page-content__inner > .v-legal-meta {
         font-size: 0.78rem;
         color: rgba(20, 22, 23, 0.5);
         margin-bottom: 2rem;
         padding-bottom: 1.4rem;
         border-bottom: 1px solid rgba(20, 22, 23, 0.08);
      }

      .v-page-content__cta {
         margin-top: 2.5rem;
         display: inline-flex;
         align-items: center;
         gap: 0.6rem;
         padding: 1rem 1.8rem;
         border: 1px solid var(--dark);
         color: var(--dark);
         font-family: var(--font-body);
         font-size: 0.7rem;
         letter-spacing: 0.22em;
         text-transform: uppercase;
         text-decoration: none;
         background: none;
         cursor: pointer;
         transition: background 0.3s, color 0.3s;
      }

      .v-page-content__cta:hover {
         background: var(--dark);
         color: rgba(240, 241, 230, 0.92);
      }

      /* ─── Coming soon kartlar (Rezidanslar listesi) ─────── */
      .v-residences {
         display: flex;
         flex-direction: column;
         gap: clamp(2rem, 4vw, 3rem);
      }

      .v-residence-group__title {
         font-family: var(--font-body);
         font-size: 0.66rem;
         letter-spacing: 0.24em;
         text-transform: uppercase;
         color: rgba(20, 22, 23, 0.5);
         margin: 0 0 1.2rem;
         padding-bottom: 0.7rem;
         border-bottom: 1px solid rgba(20, 22, 23, 0.1);
      }

      .v-residence-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 1.2rem;
      }

      .v-residence-card {
         display: block;
         padding: 1.8rem 1.6rem;
         border: 1px solid rgba(20, 22, 23, 0.12);
         text-decoration: none;
         color: var(--dark);
         transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
      }

      .v-residence-card:hover:not(.is-soon) {
         border-color: var(--accent);
         transform: translateY(-3px);
         box-shadow: 0 12px 32px -16px rgba(20, 22, 23, 0.18);
      }

      .v-residence-card.is-soon {
         color: rgba(20, 22, 23, 0.45);
         cursor: default;
         pointer-events: none;
      }

      .v-residence-card__name {
         font-family: var(--font-display);
         font-style: italic;
         font-weight: 600;
         font-size: 1.6rem;
         line-height: 1.2;
         margin: 0 0 0.4rem;
      }

      .v-residence-card__meta {
         font-family: var(--font-body);
         font-size: 0.62rem;
         letter-spacing: 0.22em;
         text-transform: uppercase;
         color: rgba(20, 22, 23, 0.5);
      }

      .v-residence-card.is-soon .v-residence-card__meta {
         color: rgba(20, 22, 23, 0.35);
      }

      /* ─── Vera Bitez sayfa içi sticky alt-nav ───────────── */
      .v-subnav {
         position: sticky;
         top: var(--header-h);
         z-index: 80;
         background: rgba(20, 22, 23, 0.96);
         backdrop-filter: blur(8px);
         border-bottom: 1px solid rgba(240, 241, 230, 0.08);
      }

      .v-subnav__inner {
         display: flex;
         align-items: center;
         gap: 1rem;
         /* Header ile aynı yatay padding — alt-üst kenarlar hizalı olsun */
         padding: 0.75rem clamp(1.5rem, 4vw, 3.5rem);
         width: 100%;
         margin: 0;
      }

      .v-subnav__list {
         display: flex;
         flex: 1;
         gap: 0.2rem;
         list-style: none;
         margin: 0;
         padding: 0;
         overflow-x: auto;
         scroll-behavior: smooth;
         scrollbar-width: none;
      }

      .v-subnav__list::-webkit-scrollbar {
         display: none;
      }

      .v-subnav__link {
         display: inline-block;
         padding: 0.55rem 0.9rem;
         font-family: var(--font-body);
         font-size: 0.66rem;
         letter-spacing: 0.18em;
         text-transform: uppercase;
         color: rgba(240, 241, 230, 0.55);
         text-decoration: none;
         white-space: nowrap;
         border-radius: 2px;
         transition: color 0.3s, background 0.3s;
      }

      .v-subnav__link:hover {
         color: rgba(240, 241, 230, 0.95);
      }

      .v-subnav__link.is-active {
         color: var(--accent);
      }

      .v-subnav__cta {
         flex-shrink: 0;
         display: inline-flex;
         align-items: center;
         gap: 0.5rem;
         padding: 0.6rem 1.1rem;
         background: var(--accent);
         color: rgba(20, 22, 23, 0.98);
         font-family: var(--font-body);
         font-size: 0.66rem;
         font-weight: 500;
         letter-spacing: 0.16em;
         text-transform: uppercase;
         text-decoration: none;
         border: 0;
         border-radius: 2px;
         cursor: pointer;
         transition: background 0.3s;
      }

      .v-subnav__cta:hover {
         background: #b07f5b;
      }

      .v-subnav__cta--ghost {
         background: transparent;
         color: rgba(240, 241, 230, 0.85);
         border: 1px solid rgba(240, 241, 230, 0.32);
      }

      .v-subnav__cta--ghost:hover {
         background: rgba(240, 241, 230, 0.08);
         color: rgba(240, 241, 230, 0.96);
         border-color: rgba(240, 241, 230, 0.55);
      }

      @media (max-width: 720px) {
         .v-subnav__inner {
            padding: 0.6rem 1rem;
            gap: 0.6rem;
         }

         .v-subnav__cta {
            padding: 0.55rem 0.9rem;
            font-size: 0.6rem;
         }
      }

      /* ─── Vera Bitez sayfa bölümleri ──────────────────────── */
      .v-vb-section {
         padding: clamp(4rem, 9vw, 7rem) 0;
         background: #fff;
      }

      .v-vb-section--dark {
         background: var(--dark);
         color: rgba(240, 241, 230, 0.85);
      }

      .v-vb-section__inner {
         max-width: 1100px;
         padding: 0 clamp(1.5rem, 6vw, 4rem);
         margin: 0 auto;
      }

      .v-vb-section__eyebrow {
         font-family: var(--font-body);
         font-size: 0.62rem;
         letter-spacing: 0.28em;
         text-transform: uppercase;
         color: var(--accent);
         margin-bottom: 1rem;
      }

      .v-vb-section__title {
         font-family: var(--font-display);
         font-style: italic;
         font-weight: 600;
         font-size: clamp(2rem, 4.5vw, 3.4rem);
         line-height: 1.1;
         margin: 0 0 1.5rem;
      }

      .v-vb-section__lead {
         font-family: var(--font-body);
         font-size: clamp(1rem, 1.3vw, 1.1rem);
         line-height: 1.8;
         max-width: 720px;
         margin: 0;
      }

      .v-vb-section--dark .v-vb-section__title {
         color: rgba(240, 241, 230, 0.96);
      }

      /* Tab navigation (Fiziki / Yaşam Senaryosu) */
      .v-tabs {
         margin-top: clamp(2rem, 4vw, 3rem);
      }

      .v-tabs__list {
         display: flex;
         gap: 0.5rem;
         margin-bottom: 2rem;
         border-bottom: 1px solid rgba(240, 241, 230, 0.12);
      }

      .v-tabs__btn {
         padding: 0.9rem 1.4rem;
         background: none;
         border: 0;
         border-bottom: 2px solid transparent;
         margin-bottom: -1px;
         color: rgba(240, 241, 230, 0.5);
         font-family: var(--font-body);
         font-size: 0.7rem;
         letter-spacing: 0.18em;
         text-transform: uppercase;
         cursor: pointer;
         transition: color 0.3s, border-color 0.3s;
      }

      .v-tabs__btn:hover {
         color: rgba(240, 241, 230, 0.85);
      }

      .v-tabs__btn.is-active {
         color: var(--accent);
         border-color: var(--accent);
      }

      .v-tabs__panel {
         display: none;
      }

      .v-tabs__panel.is-active {
         display: block;
      }

      /* Ayrıcalıklar kategorileri grid */
      .v-priv-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 1.5rem;
      }

      .v-priv-card {
         padding: 1.8rem;
         background: rgba(240, 241, 230, 0.04);
         border: 1px solid rgba(240, 241, 230, 0.1);
         border-radius: 4px;
         transition: border-color 0.3s, background 0.3s;
      }

      .v-priv-card:hover {
         border-color: rgba(200, 146, 109, 0.5);
         background: rgba(240, 241, 230, 0.06);
      }

      .v-priv-card__title {
         font-family: var(--font-display);
         font-style: italic;
         font-weight: 600;
         font-size: 1.35rem;
         line-height: 1.25;
         margin: 0 0 1rem;
         padding-bottom: 0.8rem;
         color: rgba(240, 241, 230, 0.96);
         border-bottom: 1px solid rgba(200, 146, 109, 0.3);
      }

      .v-priv-card__list {
         list-style: none;
         padding: 0;
         margin: 0;
         display: flex;
         flex-direction: column;
         gap: 0.55rem;
      }

      .v-priv-card__list li {
         position: relative;
         padding-left: 1.2rem;
         font-family: var(--font-body);
         font-size: 0.92rem;
         line-height: 1.55;
         color: rgba(240, 241, 230, 0.72);
      }

      .v-priv-card__list li::before {
         content: '';
         position: absolute;
         left: 0;
         top: 0.7rem;
         width: 0.5rem;
         height: 1px;
         background: var(--accent);
      }

      /* Tab içlerinde uzun metinler için tipografi */
      .v-priv-prose {
         max-width: 760px;
         font-family: var(--font-body);
         font-size: 0.95rem;
         line-height: 1.85;
         color: rgba(240, 241, 230, 0.78);
         display: flex;
         flex-direction: column;
         gap: 1rem;
         margin-bottom: 2.4rem;
      }

      .v-priv-prose p {
         margin: 0;
      }

      /* Lifestyle galeri (Özellikler ve Ayrıcalıklar tab altında) */
      .v-lifestyle {
         margin-top: clamp(3rem, 6vw, 5rem);
      }

      .v-lifestyle__grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
         gap: 0.5rem;
      }

      .v-lifestyle__item {
         display: block;
         position: relative;
         aspect-ratio: 4 / 3;
         overflow: hidden;
         background: rgba(240, 241, 230, 0.04);
         cursor: zoom-in;
      }

      .v-lifestyle__item img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
         transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;
      }
      #basin .v-lifestyle__item img{
          background: #FFF; object-fit: contain !important; object-position: center center !important;
      }
      #basin .v-lifestyle__item{
          cursor: pointer !important;
      }
      .v-lifestyle__item:hover img {
         transform: scale(1.06);
      }

      .v-lifestyle__item::after {
         content: '';
         position: absolute;
         inset: 0;
         background: linear-gradient(180deg, rgba(20, 22, 23, 0) 60%, rgba(20, 22, 23, 0.35) 100%);
         opacity: 0;
         transition: opacity 0.4s ease;
         pointer-events: none;
      }

      .v-lifestyle__item:hover::after {
         opacity: 1;
      }

      @media (max-width: 600px) {
          .v-tabs__btn{
              padding: 8px;
          }
         .v-lifestyle__grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.4rem;
         }
      }

      /* Yaşam başlık özetleri (pill listesi) */
      .v-priv-pills {
         list-style: none;
         padding: 0;
         margin: 0;
         display: flex;
         flex-wrap: wrap;
         gap: 0.6rem;
      }

      .v-priv-pills li {
         font-family: var(--font-body);
         font-size: 0.78rem;
         line-height: 1.4;
         color: rgba(240, 241, 230, 0.88);
         padding: 0.55rem 0.95rem;
         border: 1px solid rgba(200, 146, 109, 0.35);
         border-radius: 2px;
         background: rgba(240, 241, 230, 0.03);
      }

      /* ── Preloader logo animasyonu ── */
      @keyframes v-preloader-in {
         0%   { opacity: 0; transform: scale(0.78) translateY(8px); }
         100% { opacity: 1; transform: scale(1)    translateY(0);   }
      }

      @keyframes v-preloader-shimmer {
         0%, 100% { opacity: 1;    }
         50%       { opacity: 0.55; }
      }

      .preloader svg {
         animation:
            v-preloader-in      0.55s cubic-bezier(.22,.61,.36,1) both,
            v-preloader-shimmer 1.1s  ease-in-out 0.55s 1;
         transform-origin: center center;
      }

      /* ── Kat planları galeri ── */
      .v-plans-grid {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 1rem;
         margin-top: 2.5rem;
      }

      .v-plans-grid__item {
         display: flex;
         flex-direction: column;
         gap: 0.75rem;
         text-decoration: none;
         cursor: pointer;
      }

      .v-plans-grid__img {
         margin: 0;
         overflow: hidden;
         border: 1px solid rgba(240, 241, 230, 0.12);
         background: rgba(240, 241, 230, 0.04);
         aspect-ratio: 4/3;
      }

      .v-plans-grid__img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
         transition: transform 0.6s cubic-bezier(.25,.46,.45,.94);
         filter: brightness(0.92);
      }

      .v-plans-grid__item:hover .v-plans-grid__img img {
         transform: scale(1.04);
         filter: brightness(1);
      }

      .v-plans-grid__label {
         font-family: var(--font-body);
         font-size: 0.72rem;
         letter-spacing: 0.18em;
         text-transform: uppercase;
         color: rgba(240, 241, 230, 0.7);
         transition: color 0.3s;
      }

      .v-plans-grid__item:hover .v-plans-grid__label {
         color: var(--accent);
      }

      @media (max-width: 720px) {
         .v-plans-grid {
            grid-template-columns: repeat(2, 1fr);
         }
      }

      /* ── Home üçlü görsel blok ── */
      .v-home-trio {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 3px;
         height: clamp(240px, 36vw, 520px);
         background: var(--dark);
         overflow: hidden;
      }

      .v-home-trio__item {
         margin: 0;
         overflow: hidden;
      }

      .v-home-trio__item img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
         transition: transform 0.8s cubic-bezier(.25,.46,.45,.94);
      }

      .v-home-trio__item:hover img {
         transform: scale(1.04);
      }

      /* ── Basın galerisi ── */
      .v-basin-grid {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 1.5rem 1.25rem;
         margin-top: 2.5rem;
      }

      .v-basin-grid__item {
         display: flex;
         flex-direction: column;
         gap: 0.75rem;
      }

      .v-basin-grid__img {
         display: block;
         overflow: hidden;
         aspect-ratio: 3/4;
         border: 1px solid rgba(240, 241, 230, 0.1);
      }

      .v-basin-grid__img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: top;
         display: block;
         transition: transform 0.6s cubic-bezier(.25,.46,.45,.94);
      }

      .v-basin-grid__img:hover img {
         transform: scale(1.04);
      }

      .v-basin-grid__meta {
         display: flex;
         align-items: center;
         gap: 0.6rem;
      }

      .v-basin-grid__num {
         font-family: var(--font-body);
         font-size: 0.6rem;
         letter-spacing: 0.18em;
         color: var(--accent);
      }

      .v-basin-grid__label {
         font-family: var(--font-body);
         font-size: 0.7rem;
         letter-spacing: 0.14em;
         text-transform: uppercase;
         color: rgba(240, 241, 230, 0.65);
         flex: 1;
      }

      .v-basin-grid__pdf {
         display: flex;
         align-items: center;
         gap: 0.3rem;
         font-family: var(--font-body);
         font-size: 0.6rem;
         letter-spacing: 0.18em;
         text-transform: uppercase;
         color: rgba(240, 241, 230, 0.4);
         text-decoration: none;
         transition: color 0.25s;
         flex-shrink: 0;
      }

      .v-basin-grid__pdf:hover {
         color: var(--accent);
      }

      @media (max-width: 900px) {
         .v-basin-grid {
            grid-template-columns: repeat(3, 1fr);
         }
      }

      @media (max-width: 600px) {
         .v-basin-grid {
            grid-template-columns: repeat(2, 1fr);
         }
      }

      @media (max-width: 640px) {
         .v-home-trio {
            grid-template-columns: 1fr;
            height: auto;
         }

         .v-home-trio__item {
            aspect-ratio: 4/3;
         }
      }
      .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content{
          padding: 0px !important;
      }