@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Manrope:wght@400;500;600;700;800&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --black: #070707;
  --ink: #141414;
  --gray: #6f6f6f;
  --soft-gray: #f5f2ee;
  --cream: #fbfaf7;
  --stone: #e7ded5;
  --nude: #d7c5b4;
  --white: #ffffff;
  --line: rgba(0, 0, 0, 0.11);
  --soft-line: rgba(0, 0, 0, 0.07);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  background: var(--white);
  color: var(--black);
  line-height: 1.6;
  overflow-x: hidden;
}

body.menu-open {
  overflow: hidden;
}

a {
  text-decoration: none;
  color: inherit;
}

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

.container {
  width: min(1220px, calc(100% - 48px));
  margin: 0 auto;
}

/* HEADER */

.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(24px);
  border-bottom: 1px solid var(--soft-line);
  transition: 0.25s ease;
}

.site-header.scrolled {
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.06);
}

.header-inner {
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.brand-logo {
  width: 230px;
  height: 82px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  overflow: hidden;
  background: transparent !important;
  isolation: isolate;
}

.brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  transform: scale(3.1);
  transform-origin: center center;
  background: transparent !important;
  mix-blend-mode: normal;
  opacity: 1;
  filter: none;
}

.main-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
}

.main-nav a {
  position: relative;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--ink);
  opacity: 0.72;
  transition: 0.25s ease;
  white-space: nowrap;
}

.main-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 1px;
  background: var(--black);
  transition: 0.25s ease;
}

.main-nav a:hover,
.main-nav a.active {
  opacity: 1;
}

.main-nav a:hover::after,
.main-nav a.active::after {
  width: 100%;
}

.header-cta {
  min-height: 42px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid var(--black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  white-space: nowrap;
  transition: 0.25s ease;
  margin-left: auto;
  flex-shrink: 0;
}

.header-cta:hover {
  background: var(--black);
  color: var(--white);
}

.menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border: 1px solid var(--black);
  border-radius: 999px;
  background: var(--black);
  cursor: pointer;
  flex-shrink: 0;
}

.menu-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--white);
  margin: 5px auto;
  border-radius: 999px;
  transition: 0.25s ease;
}

.menu-toggle.active span:first-child {
  transform: translateY(3.5px) rotate(45deg);
}

.menu-toggle.active span:last-child {
  transform: translateY(-3.5px) rotate(-45deg);
}

/* GLOBAL */

.section {
  padding: 118px 0;
}

.eyebrow,
.section-kicker {
  display: inline-flex;
  margin-bottom: 22px;
  color: var(--gray);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2.8px;
  text-transform: uppercase;
}

.btn {
  min-height: 54px;
  padding: 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  transition: 0.25s ease;
  white-space: nowrap;
}

.btn-dark {
  background: var(--black);
  color: var(--white);
  border: 1px solid var(--black);
}

.btn-dark:hover {
  background: transparent;
  color: var(--black);
}

.btn-outline {
  background: transparent;
  color: var(--black);
  border: 1px solid var(--line);
}

.btn-outline:hover {
  border-color: var(--black);
}

.btn-light {
  background: var(--white);
  color: var(--black);
  border: 1px solid var(--white);
}

.btn-light:hover {
  background: transparent;
  color: var(--white);
}

.btn-outline-light {
  background: transparent;
  color: var(--white);
  border: 1px solid rgba(255, 255, 255, 0.26);
}

.btn-outline-light:hover {
  border-color: var(--white);
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--black);
}

.text-link::after {
  content: "→";
  font-size: 15px;
}

/* HERO */

.home-hero {
  position: relative;
  min-height: 100vh;
  padding: 150px 0 90px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 14%, rgba(215,197,180,0.26), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
}

.hero-line-art {
  position: absolute;
  pointer-events: none;
  opacity: 0.42;
}

.hero-line-art-one {
  width: 420px;
  height: 420px;
  right: -150px;
  top: 130px;
  border: 1px solid rgba(0,0,0,0.11);
  border-radius: 50%;
}

.hero-line-art-one::before,
.hero-line-art-one::after,
.hero-line-art-two::before,
.hero-line-art-two::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 50%;
}

.hero-line-art-one::before {
  inset: 54px;
}

.hero-line-art-one::after {
  inset: 112px;
}

.hero-line-art-two {
  left: -130px;
  bottom: 90px;
  width: 360px;
  height: 210px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 50%;
  transform: rotate(-22deg);
}

.home-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 92px;
  align-items: center;
}

.home-hero-copy h1 {
  max-width: 680px;
  font-size: clamp(48px, 5.4vw, 82px);
  line-height: 0.98;
  letter-spacing: -3.8px;
  font-weight: 800;
  margin-bottom: 28px;
}

.home-hero-copy h1 em {
  display: inline-block;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  font-style: italic;
  letter-spacing: -2.4px;
}

.home-hero-copy p {
  max-width: 620px;
  font-size: 17px;
  line-height: 1.78;
  color: #4f4f4f;
  margin-bottom: 36px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* HERO SLIDER */

.hero-editorial {
  position: relative;
  min-height: 650px;
}

.hero-slider {
  position: absolute;
  right: 0;
  top: 0;
  width: 78%;
  height: 620px;
  overflow: hidden;
  border-radius: 48px 48px 8px 48px;
  border: 1px solid rgba(0,0,0,0.10);
  background: var(--soft-gray);
  box-shadow: 0 42px 120px rgba(0,0,0,0.11);
}

.hero-slider::before {
  content: "";
  position: absolute;
  inset: 16px;
  z-index: 5;
  border: 1px solid rgba(255,255,255,0.66);
  pointer-events: none;
}

.hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(1.04);
  transition: opacity 0.8s ease, transform 1.8s ease;
}

.hero-slide.active {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}

.hero-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-slider-dots {
  position: absolute;
  z-index: 6;
  right: 46px;
  bottom: 108px;
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.76);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(0,0,0,0.08);
}

.hero-slider-dots button {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 50%;
  background: rgba(0,0,0,0.25);
  cursor: pointer;
  transition: 0.25s ease;
}

.hero-slider-dots button.active {
  width: 24px;
  border-radius: 999px;
  background: var(--black);
}

.editorial-stamp {
  position: absolute;
  z-index: 4;
  left: 4px;
  top: 86px;
  width: 220px;
  min-height: 220px;
  border-radius: 50%;
  background: var(--black);
  color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 34px;
  box-shadow: 0 30px 90px rgba(0,0,0,0.18);
}

.editorial-stamp span {
  color: rgba(255,255,255,0.55);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.editorial-stamp strong {
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -1px;
}

.editorial-note {
  position: absolute;
  z-index: 4;
  right: 44px;
  bottom: 24px;
  width: 190px;
  padding: 22px;
  border-radius: 24px;
  background: rgba(255,255,255,0.86);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(0,0,0,0.08);
}

.editorial-note span {
  display: block;
  font-size: 42px;
  line-height: 1;
  letter-spacing: -2px;
  font-weight: 800;
}

.editorial-note p {
  color: #555;
  font-size: 13px;
  line-height: 1.35;
  margin-top: 8px;
}

.sketch-card {
  position: absolute;
  z-index: 1;
  left: 40px;
  bottom: 70px;
  width: 260px;
  height: 180px;
  border-radius: 36px;
  border: 1px solid rgba(0,0,0,0.10);
  background:
    linear-gradient(120deg, transparent 48%, rgba(0,0,0,0.10) 49%, transparent 50%),
    radial-gradient(circle at 28% 42%, transparent 0 13px, rgba(0,0,0,0.22) 14px, transparent 15px),
    radial-gradient(circle at 54% 58%, transparent 0 9px, rgba(0,0,0,0.18) 10px, transparent 11px),
    rgba(255,255,255,0.42);
}

/* ARRIVAL BANNER */

.arrival-banner {
  padding: 34px 0;
  background: var(--black);
  color: var(--white);
  overflow: hidden;
}

.arrival-inner {
  display: grid;
  grid-template-columns: 0.75fr 1.1fr auto;
  gap: 34px;
  align-items: center;
}

.arrival-inner span {
  color: rgba(255,255,255,0.58);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.arrival-inner strong {
  font-size: clamp(30px, 4vw, 58px);
  line-height: 0.98;
  letter-spacing: -2.2px;
}

.direction-link {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 0 24px;
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 999px;
  color: var(--white);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  transition: 0.25s ease;
}

.direction-link:hover {
  background: var(--white);
  color: var(--black);
}

.direction-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  font-size: 15px;
  line-height: 1;
}

/* BRAND SECTION */

.brand-section {
  background: #fff;
  padding: 128px 0 126px;
}

.brand-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 92px;
  align-items: center;
}

.brand-heading {
  max-width: 640px;
}

.brand-heading .section-kicker {
  margin-bottom: 28px;
  font-size: 11px;
  letter-spacing: 4px;
  font-weight: 800;
  color: rgba(0,0,0,0.52);
}

.brand-heading h2 {
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-size: clamp(46px, 4.8vw, 76px);
  line-height: 0.98;
  letter-spacing: -4px;
  font-weight: 800;
  max-width: 650px;
}

.brand-copy {
  width: 100%;
  max-width: 640px;
  justify-self: end;
  padding-top: 54px;
  border-top: 2px solid var(--black);
}

.brand-copy p {
  max-width: 610px;
  font-size: 18px;
  line-height: 1.85;
  color: rgba(0,0,0,0.68);
  font-weight: 500;
  letter-spacing: -0.25px;
  margin-bottom: 30px;
}

.brand-copy p:last-child {
  margin-bottom: 0;
}

/* SIGNATURE CARDS */

.signature-section {
  background: #fff;
  padding: 0 0 118px;
}

.signature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: transparent;
  border: 1px solid rgba(0,0,0,0.12);
}

.signature-card {
  position: relative;
  min-height: 390px;
  padding: 34px 30px 32px;
  background: #fff;
  border-right: 1px solid rgba(0,0,0,0.12);
  overflow: hidden;
  transition: 0.35s ease;
}

.signature-card:last-child {
  border-right: 0;
}

.signature-card span {
  position: absolute;
  top: 34px;
  left: 30px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  color: rgba(0,0,0,0.44);
  transition: 0.35s ease;
}

.signature-card::before {
  content: "";
  display: block;
  width: 58px;
  height: 58px;
  margin-top: 58px;
  margin-bottom: 64px;
  background: currentColor;
  opacity: 0.18;
  transition: 0.35s ease;
}

.signature-card:nth-child(1)::before {
  border-radius: 50%;
  box-shadow: inset 0 0 0 15px #fff, 0 0 0 1px currentColor;
}

.signature-card:nth-child(2)::before {
  clip-path: polygon(50% 0%, 60% 34%, 96% 34%, 67% 55%, 78% 90%, 50% 69%, 22% 90%, 33% 55%, 4% 34%, 40% 34%);
}

.signature-card:nth-child(3)::before {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.signature-card:nth-child(4)::before {
  clip-path: polygon(50% 0%, 94% 18%, 100% 65%, 50% 100%, 0% 65%, 6% 18%);
}

.signature-card h3 {
  max-width: 260px;
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -1px;
  font-weight: 800;
  margin-bottom: 18px;
  transition: 0.35s ease;
}

.signature-card p {
  max-width: 280px;
  color: rgba(0,0,0,0.58);
  font-size: 15px;
  line-height: 1.72;
  font-weight: 500;
  transition: 0.35s ease;
}

.signature-card-dark {
  background: #fff;
  color: var(--black);
}

.signature-card-dark p,
.signature-card-dark span {
  color: rgba(0,0,0,0.58);
}

.signature-card:hover,
.signature-card-dark:hover {
  background: var(--black);
  color: #fff;
}

.signature-card:hover::before {
  opacity: 0.92;
  color: #fff;
  transform: translateY(-4px) scale(1.05);
}

.signature-card:hover span,
.signature-card:hover p,
.signature-card-dark:hover p,
.signature-card-dark:hover span {
  color: rgba(255,255,255,0.68);
}

.signature-card:hover h3 {
  color: #fff;
}

/* SHOWCASE */

.editorial-showcase {
  background: var(--white);
}

.showcase-grid {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 84px;
  align-items: center;
}

.showcase-copy h2,
.services-title h2,
.vip-content h2,
.location-grid h2,
.final-cta h2 {
  font-size: clamp(36px, 4.5vw, 66px);
  line-height: 1.02;
  letter-spacing: -2.5px;
  font-weight: 800;
}

.showcase-copy p {
  margin-top: 24px;
  color: #555;
  font-size: 17px;
  line-height: 1.75;
}

.showcase-visuals {
  position: relative;
  min-height: 720px;
}

.work-frame {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.12);
  background: var(--soft-gray);
  box-shadow: 0 28px 100px rgba(0,0,0,0.10);
}

.work-frame img {
  height: 100%;
  object-fit: cover;
}

.work-frame span {
  position: absolute;
  left: 18px;
  bottom: 18px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.86);
  backdrop-filter: blur(14px);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.work-frame-large {
  width: 58%;
  height: 560px;
  right: 0;
  top: 0;
  border-radius: 12px 42px 42px 42px;
}

.work-frame-small {
  width: 38%;
  height: 320px;
  left: 0;
  top: 82px;
  border-radius: 42px 42px 42px 8px;
}

.work-frame-wide {
  width: 55%;
  height: 260px;
  left: 80px;
  bottom: 0;
  border-radius: 42px 8px 42px 42px;
}

/* SERVICES PREVIEW */

.services-preview {
  background: var(--cream);
}

.services-preview-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 84px;
  align-items: start;
}

.services-title p {
  color: #555;
  font-size: 17px;
  line-height: 1.75;
  margin: 22px 0 32px;
}

.services-list-preview {
  border-top: 1px solid var(--black);
}

.service-preview-row {
  display: grid;
  grid-template-columns: 0.82fr 1fr;
  gap: 34px;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
  transition: 0.25s ease;
}

.service-preview-row:hover {
  padding-left: 14px;
}

.service-preview-row span {
  font-size: 23px;
  line-height: 1.14;
  font-weight: 800;
  letter-spacing: -0.7px;
}

.service-preview-row strong {
  color: #555;
  font-size: 15.5px;
  font-weight: 600;
}

/* VIP */

.vip-section {
  background: var(--white);
}

.vip-card {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 72px;
  align-items: center;
  padding: 72px;
  border-radius: 54px;
  background:
    radial-gradient(circle at 90% 8%, rgba(215,197,180,0.26), transparent 28%),
    var(--black);
  color: var(--white);
}

.vip-content .section-kicker {
  color: rgba(255,255,255,0.55);
}

.vip-content p {
  max-width: 660px;
  margin-top: 24px;
  color: rgba(255,255,255,0.70);
  font-size: 17px;
  line-height: 1.78;
}

.vip-points {
  margin-top: 34px;
  display: grid;
  gap: 16px;
}

.vip-points div {
  display: grid;
  grid-template-columns: 0.55fr 1fr;
  gap: 26px;
  padding-top: 17px;
  border-top: 1px solid rgba(255,255,255,0.14);
}

.vip-points strong {
  font-size: 15px;
}

.vip-points span {
  color: rgba(255,255,255,0.65);
  font-size: 14.5px;
}

.vip-image-card {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 38px;
  border: 1px solid rgba(255,255,255,0.16);
}

.vip-image-card img {
  height: 100%;
  object-fit: cover;
}

/* LOCATION */

.location-preview {
  background: var(--cream);
}

.location-grid {
  display: grid;
  grid-template-columns: 1fr 0.82fr;
  gap: 80px;
  align-items: center;
}

.location-info-card {
  padding: 44px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 34px;
}

.location-info-card p {
  font-size: 23px;
  line-height: 1.45;
  letter-spacing: -0.5px;
}

/* FINAL CTA */

.final-cta {
  padding: 96px 0;
  background: var(--black);
  color: var(--white);
}

.final-cta-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 50px;
  align-items: center;
}

.final-cta span {
  display: inline-flex;
  color: rgba(255,255,255,0.55);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.final-cta h2 {
  max-width: 760px;
}

.final-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* FOOTER */

.site-footer {
  background: var(--cream);
  padding: 76px 0 28px;
  border-top: 1px solid var(--line);
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.7fr 0.9fr;
  gap: 72px;
  padding-bottom: 54px;
}

.footer-brand img {
  width: 260px;
  margin-bottom: 26px;
  height: auto;
  background: transparent !important;
  mix-blend-mode: normal;
  opacity: 1;
  filter: none;
}

.footer-brand p {
  max-width: 430px;
  color: #555;
  font-size: 15.5px;
  line-height: 1.75;
}

.footer-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-column h4 {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.footer-column a,
.footer-column span {
  color: #555;
  font-size: 15px;
  margin-bottom: 12px;
  line-height: 1.5;
}

.footer-column a:hover {
  color: var(--black);
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.footer-bottom p {
  color: #777;
  font-size: 13px;
}

/* RESPONSIVE */

@media (max-width: 1120px) {
  .header-inner {
    display: flex;
    justify-content: space-between;
  }

  .brand-logo {
    width: 210px;
    height: 76px;
  }

  .brand-logo img {
    transform: scale(3);
  }

  .main-nav {
    position: fixed;
    top: 92px;
    left: 22px;
    right: 22px;
    transform: none;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: 30px;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(22px);
    box-shadow: 0 32px 90px rgba(0,0,0,0.12);
  }

  .main-nav.active {
    display: flex;
  }

  .header-cta {
    justify-self: end;
  }

  .menu-toggle {
    display: block;
  }

  .home-hero-grid,
  .brand-grid,
  .showcase-grid,
  .services-preview-grid,
  .vip-card,
  .location-grid,
  .final-cta-inner {
    grid-template-columns: 1fr;
  }

  .brand-grid {
    gap: 54px;
  }

  .brand-copy {
    justify-self: start;
    max-width: 760px;
  }

  .hero-editorial {
    min-height: 640px;
  }

  .signature-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .signature-card:nth-child(2) {
    border-right: 0;
  }

  .signature-card:nth-child(1),
  .signature-card:nth-child(2) {
    border-bottom: 1px solid rgba(0,0,0,0.12);
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .container {
    width: min(100% - 30px, 1220px);
  }

  .header-inner {
    height: 78px;
    gap: 16px;
  }

  .brand-logo {
    width: 190px;
    height: 64px;
  }

  .brand-logo img {
    transform: scale(3);
  }

  .header-cta {
    display: none;
  }

  .main-nav {
    top: 78px;
    left: 15px;
    right: 15px;
  }

  .home-hero {
    padding: 116px 0 64px;
    min-height: auto;
  }

  .home-hero-copy h1 {
    font-size: 42px;
    line-height: 1.03;
    letter-spacing: -1.8px;
  }

  .home-hero-copy h1 em {
    letter-spacing: -1.3px;
  }

  .home-hero-copy p {
    font-size: 15.8px;
  }

  .hero-actions {
    flex-direction: column;
  }

  .btn {
    width: 100%;
  }

  .hero-editorial {
    min-height: auto;
    padding-bottom: 0;
  }

  .hero-slider {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    border-radius: 34px;
  }

  .hero-slider-dots {
    right: 20px;
    bottom: 20px;
  }

  .editorial-stamp,
  .editorial-note,
  .sketch-card {
    display: none;
  }

  .arrival-inner {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .arrival-inner strong {
    font-size: 38px;
  }

  .direction-link {
    justify-self: start;
    margin-top: 12px;
  }

  .section {
    padding: 76px 0;
  }

  .brand-section {
    padding: 82px 0 76px;
  }

  .brand-heading h2,
  .showcase-copy h2,
  .services-title h2,
  .vip-content h2,
  .location-grid h2,
  .final-cta h2 {
    font-size: 34px;
    letter-spacing: -1.3px;
  }

  .brand-heading h2 {
    font-size: 38px;
    line-height: 1.04;
    letter-spacing: -1.8px;
  }

  .brand-copy {
    padding-top: 28px;
  }

  .brand-copy p {
    font-size: 16px;
    line-height: 1.75;
  }

  .signature-section {
    padding-bottom: 82px;
  }

  .signature-grid {
    grid-template-columns: 1fr;
  }

  .signature-card {
    min-height: 310px;
    gap: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.12);
  }

  .signature-card:last-child {
    border-bottom: 0;
  }

  .signature-card:nth-child(2) {
    border-bottom: 1px solid rgba(0,0,0,0.12);
  }

  .showcase-visuals {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .work-frame,
  .work-frame-large,
  .work-frame-small,
  .work-frame-wide {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-radius: 30px;
  }

  .service-preview-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .vip-card {
    padding: 32px 24px;
    border-radius: 34px;
  }

  .vip-points div {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .location-info-card {
    padding: 28px;
    border-radius: 28px;
  }

  .location-info-card p {
    font-size: 19px;
  }

  .final-actions {
    flex-direction: column;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .footer-bottom {
    flex-direction: column;
  }
}

@media (max-width: 390px) {
  .brand-logo {
    width: 175px;
    height: 58px;
  }

  .brand-logo img {
    transform: scale(3);
  }

  .home-hero-copy h1 {
    font-size: 36px;
  }

  .arrival-inner strong {
    font-size: 32px;
  }

  .brand-heading h2,
  .showcase-copy h2,
  .services-title h2,
  .vip-content h2,
  .location-grid h2,
  .final-cta h2 {
    font-size: 30px;
  }
}/* REVIZE: 2. BÖLÜM TAM EKRAN / FONT KOMBINASYONU / ESKIZ IKONLAR */

.brand-section {
  background: #fff;
  padding: 92px 0 46px;
}

.brand-grid {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 96px;
  align-items: center;
}

.brand-heading {
  max-width: 660px;
}

.brand-heading .section-kicker {
  margin-bottom: 24px;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 4px;
  font-weight: 800;
  color: rgba(0,0,0,0.48);
}

.brand-heading h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(54px, 5vw, 82px);
  line-height: 0.93;
  letter-spacing: -2.4px;
  font-weight: 600;
  max-width: 650px;
}

.brand-copy {
  width: 100%;
  max-width: 620px;
  justify-self: end;
  align-self: center;
  padding-top: 42px;
  border-top: 2px solid var(--black);
}

.brand-copy p {
  max-width: 590px;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.82;
  color: rgba(0,0,0,0.66);
  font-weight: 500;
  letter-spacing: -0.25px;
  margin-bottom: 28px;
}

.brand-copy p:last-child {
  margin-bottom: 0;
}

/* KART ALANI TEK EKRANA DAHA DENGELI OTURSUN */

.signature-section {
  background: #fff;
  padding: 0 0 72px;
}

.signature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: transparent;
  border: 1px solid rgba(0,0,0,0.12);
}

.signature-card {
  position: relative;
  min-height: 345px;
  padding: 34px 30px 30px;
  background: #fff;
  color: var(--black);
  border-right: 1px solid rgba(0,0,0,0.12);
  overflow: hidden;
  transition: 0.35s ease;
}

.signature-card:last-child {
  border-right: 0;
}

.signature-card-dark {
  background: #fff;
  color: var(--black);
}

.signature-card span {
  position: absolute;
  top: 34px;
  left: 30px;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  color: rgba(0,0,0,0.42);
  transition: 0.35s ease;
}

.signature-card::before {
  content: "";
  display: block;
  width: 86px;
  height: 86px;
  margin-top: 56px;
  margin-bottom: 42px;
  background: currentColor;
  color: rgba(0,0,0,0.28);
  transition: 0.35s ease;
  clip-path: none !important;
  box-shadow: none !important;
}

/* 01 - Tek kişilik özel studio: koltuk / özel alan çizimi */
.signature-card:nth-child(1)::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M24 48 C24 35 33 26 50 26 C67 26 76 35 76 48 V62 C76 70 70 76 62 76 H38 C30 76 24 70 24 62 Z' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M34 76 V88 M66 76 V88 M32 58 H68' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M20 26 H34 M66 26 H80' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M24 48 C24 35 33 26 50 26 C67 26 76 35 76 48 V62 C76 70 70 76 62 76 H38 C30 76 24 70 24 62 Z' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M34 76 V88 M66 76 V88 M32 58 H68' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M20 26 H34 M66 26 H80' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 02 - 20 yıllık uzmanlık: sertifika / rozet çizimi */
.signature-card:nth-child(2)::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='24' y='16' width='52' height='62' rx='6' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M36 34 H64 M36 46 H58 M36 58 H52' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M58 78 L66 92 L72 78' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='24' y='16' width='52' height='62' rx='6' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M36 34 H64 M36 46 H58 M36 58 H52' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M58 78 L66 92 L72 78' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 03 - Avrupa marka ürünler: profesyonel ürün şişesi çizimi */
.signature-card:nth-child(3)::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M42 12 H58 V28 L68 40 V84 C68 89 64 92 59 92 H41 C36 92 32 89 32 84 V40 L42 28 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M40 54 H60 M40 68 H60 M42 28 H58' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M42 12 H58 V28 L68 40 V84 C68 89 64 92 59 92 H41 C36 92 32 89 32 84 V40 L42 28 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M40 54 H60 M40 68 H60 M42 28 H58' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 04 - Steril hijyenik alan: kalkan / sparkle çizimi */
.signature-card:nth-child(4)::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 10 L76 22 V44 C76 64 66 80 50 90 C34 80 24 64 24 44 V22 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M42 50 L48 56 L62 40' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M76 12 V24 M70 18 H82' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 10 L76 22 V44 C76 64 66 80 50 90 C34 80 24 64 24 44 V22 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M42 50 L48 56 L62 40' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M76 12 V24 M70 18 H82' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.signature-card h3 {
  max-width: 270px;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: -1px;
  font-weight: 800;
  margin-bottom: 16px;
  transition: 0.35s ease;
}

.signature-card p {
  max-width: 280px;
  color: rgba(0,0,0,0.58);
  font-size: 14.5px;
  line-height: 1.68;
  font-weight: 500;
  transition: 0.35s ease;
}

.signature-card-dark p,
.signature-card-dark span {
  color: rgba(0,0,0,0.58);
}

.signature-card:hover,
.signature-card-dark:hover {
  background: var(--black);
  color: #fff;
}

.signature-card:hover::before {
  color: #fff;
  opacity: 0.92;
  transform: translateY(-4px) scale(1.04);
}

.signature-card:hover span,
.signature-card:hover p,
.signature-card-dark:hover p,
.signature-card-dark:hover span {
  color: rgba(255,255,255,0.68);
}

.signature-card:hover h3 {
  color: #fff;
}

/* SHOWCASE */

.editorial-showcase {
  background: var(--white);
}

.showcase-grid {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 84px;
  align-items: center;
}

.showcase-copy h2,
.services-title h2,
.vip-content h2,
.location-grid h2,
.final-cta h2 {
  font-size: clamp(36px, 4.5vw, 66px);
  line-height: 1.02;
  letter-spacing: -2.5px;
  font-weight: 800;
}

.showcase-copy p {
  margin-top: 24px;
  color: #555;
  font-size: 17px;
  line-height: 1.75;
}

.showcase-visuals {
  position: relative;
  min-height: 720px;
}

.work-frame {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.12);
  background: var(--soft-gray);
  box-shadow: 0 28px 100px rgba(0,0,0,0.10);
}

.work-frame img {
  height: 100%;
  object-fit: cover;
}

.work-frame span {
  position: absolute;
  left: 18px;
  bottom: 18px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.86);
  backdrop-filter: blur(14px);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.work-frame-large {
  width: 58%;
  height: 560px;
  right: 0;
  top: 0;
  border-radius: 12px 42px 42px 42px;
}

.work-frame-small {
  width: 38%;
  height: 320px;
  left: 0;
  top: 82px;
  border-radius: 42px 42px 42px 8px;
}

.work-frame-wide {
  width: 55%;
  height: 260px;
  left: 80px;
  bottom: 0;
  border-radius: 42px 8px 42px 42px;
}

/* SERVICES PREVIEW */

.services-preview {
  background: var(--cream);
}

.services-preview-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 84px;
  align-items: start;
}

.services-title p {
  color: #555;
  font-size: 17px;
  line-height: 1.75;
  margin: 22px 0 32px;
}

.services-list-preview {
  border-top: 1px solid var(--black);
}

.service-preview-row {
  display: grid;
  grid-template-columns: 0.82fr 1fr;
  gap: 34px;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
  transition: 0.25s ease;
}

.service-preview-row:hover {
  padding-left: 14px;
}

.service-preview-row span {
  font-size: 23px;
  line-height: 1.14;
  font-weight: 800;
  letter-spacing: -0.7px;
}

.service-preview-row strong {
  color: #555;
  font-size: 15.5px;
  font-weight: 600;
}

/* VIP */

.vip-section {
  background: var(--white);
}

.vip-card {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 72px;
  align-items: center;
  padding: 72px;
  border-radius: 54px;
  background:
    radial-gradient(circle at 90% 8%, rgba(215,197,180,0.26), transparent 28%),
    var(--black);
  color: var(--white);
}

.vip-content .section-kicker {
  color: rgba(255,255,255,0.55);
}

.vip-content p {
  max-width: 660px;
  margin-top: 24px;
  color: rgba(255,255,255,0.70);
  font-size: 17px;
  line-height: 1.78;
}

.vip-points {
  margin-top: 34px;
  display: grid;
  gap: 16px;
}

.vip-points div {
  display: grid;
  grid-template-columns: 0.55fr 1fr;
  gap: 26px;
  padding-top: 17px;
  border-top: 1px solid rgba(255,255,255,0.14);
}

.vip-points strong {
  font-size: 15px;
}

.vip-points span {
  color: rgba(255,255,255,0.65);
  font-size: 14.5px;
}

.vip-image-card {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 38px;
  border: 1px solid rgba(255,255,255,0.16);
}

.vip-image-card img {
  height: 100%;
  object-fit: cover;
}

/* LOCATION */

.location-preview {
  background: var(--cream);
}

.location-grid {
  display: grid;
  grid-template-columns: 1fr 0.82fr;
  gap: 80px;
  align-items: center;
}

.location-info-card {
  padding: 44px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 34px;
}

.location-info-card p {
  font-size: 23px;
  line-height: 1.45;
  letter-spacing: -0.5px;
}

/* FINAL CTA */

.final-cta {
  padding: 96px 0;
  background: var(--black);
  color: var(--white);
}

.final-cta-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 50px;
  align-items: center;
}

.final-cta span {
  display: inline-flex;
  color: rgba(255,255,255,0.55);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.final-cta h2 {
  max-width: 760px;
}

.final-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* FOOTER */

.site-footer {
  background: var(--cream);
  padding: 76px 0 28px;
  border-top: 1px solid var(--line);
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.7fr 0.9fr;
  gap: 72px;
  padding-bottom: 54px;
}

.footer-brand img {
  width: 260px;
  margin-bottom: 26px;
  height: auto;
  background: transparent !important;
  mix-blend-mode: normal;
  opacity: 1;
  filter: none;
}

.footer-brand p {
  max-width: 430px;
  color: #555;
  font-size: 15.5px;
  line-height: 1.75;
}

.footer-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-column h4 {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.footer-column a,
.footer-column span {
  color: #555;
  font-size: 15px;
  margin-bottom: 12px;
  line-height: 1.5;
}

.footer-column a:hover {
  color: var(--black);
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.footer-bottom p {
  color: #777;
  font-size: 13px;
}

/* RESPONSIVE */

@media (max-width: 1120px) {
  .header-inner {
    display: flex;
    justify-content: space-between;
  }

  .brand-logo {
    width: 210px;
    height: 76px;
  }

  .brand-logo img {
    transform: scale(3);
  }

  .main-nav {
    position: fixed;
    top: 92px;
    left: 22px;
    right: 22px;
    transform: none;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: 30px;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(22px);
    box-shadow: 0 32px 90px rgba(0,0,0,0.12);
  }

  .main-nav.active {
    display: flex;
  }

  .header-cta {
    justify-self: end;
  }

  .menu-toggle {
    display: block;
  }

  .home-hero-grid,
  .brand-grid,
  .showcase-grid,
  .services-preview-grid,
  .vip-card,
  .location-grid,
  .final-cta-inner {
    grid-template-columns: 1fr;
  }

  .brand-grid {
    gap: 54px;
  }

  .brand-copy {
    justify-self: start;
    max-width: 760px;
  }

  .hero-editorial {
    min-height: 640px;
  }

  .signature-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .signature-card:nth-child(2) {
    border-right: 0;
  }

  .signature-card:nth-child(1),
  .signature-card:nth-child(2) {
    border-bottom: 1px solid rgba(0,0,0,0.12);
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .container {
    width: min(100% - 30px, 1220px);
  }

  .header-inner {
    height: 78px;
    gap: 16px;
  }

  .brand-logo {
    width: 190px;
    height: 64px;
  }

  .brand-logo img {
    transform: scale(3);
  }

  .header-cta {
    display: none;
  }

  .main-nav {
    top: 78px;
    left: 15px;
    right: 15px;
  }

  .home-hero {
    padding: 116px 0 64px;
    min-height: auto;
  }

  .home-hero-copy h1 {
    font-size: 42px;
    line-height: 1.03;
    letter-spacing: -1.8px;
  }

  .home-hero-copy h1 em {
    letter-spacing: -1.3px;
  }

  .home-hero-copy p {
    font-size: 15.8px;
  }

  .hero-actions {
    flex-direction: column;
  }

  .btn {
    width: 100%;
  }

  .hero-editorial {
    min-height: auto;
    padding-bottom: 0;
  }

  .hero-slider {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    border-radius: 34px;
  }

  .hero-slider-dots {
    right: 20px;
    bottom: 20px;
  }

  .editorial-stamp,
  .editorial-note,
  .sketch-card {
    display: none;
  }

  .arrival-inner {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .arrival-inner strong {
    font-size: 38px;
  }

  .direction-link {
    justify-self: start;
    margin-top: 12px;
  }

  .section {
    padding: 76px 0;
  }

  .brand-section {
    padding: 82px 0 76px;
  }

  .brand-heading h2,
  .showcase-copy h2,
  .services-title h2,
  .vip-content h2,
  .location-grid h2,
  .final-cta h2 {
    font-size: 34px;
    letter-spacing: -1.3px;
  }

  .brand-heading h2 {
    font-size: 38px;
    line-height: 1.04;
    letter-spacing: -1.8px;
  }

  .brand-copy {
    padding-top: 28px;
  }

  .brand-copy p {
    font-size: 16px;
    line-height: 1.75;
  }

  .signature-section {
    padding-bottom: 82px;
  }

  .signature-grid {
    grid-template-columns: 1fr;
  }

  .signature-card {
    min-height: 310px;
    gap: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.12);
  }

  .signature-card:last-child {
    border-bottom: 0;
  }

  .signature-card:nth-child(2) {
    border-bottom: 1px solid rgba(0,0,0,0.12);
  }

  .showcase-visuals {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .work-frame,
  .work-frame-large,
  .work-frame-small,
  .work-frame-wide {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-radius: 30px;
  }

  .service-preview-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .vip-card {
    padding: 32px 24px;
    border-radius: 34px;
  }

  .vip-points div {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .location-info-card {
    padding: 28px;
    border-radius: 28px;
  }

  .location-info-card p {
    font-size: 19px;
  }

  .final-actions {
    flex-direction: column;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .footer-bottom {
    flex-direction: column;
  }
}

@media (max-width: 390px) {
  .brand-logo {
    width: 175px;
    height: 58px;
  }

  .brand-logo img {
    transform: scale(3);
  }

  .home-hero-copy h1 {
    font-size: 36px;
  }

  .arrival-inner strong {
    font-size: 32px;
  }

  .brand-heading h2,
  .showcase-copy h2,
  .services-title h2,
  .vip-content h2,
  .location-grid h2,
  .final-cta h2 {
    font-size: 30px;
  }
}/* FINAL REVIZE: ESTETIK YAZI / GERCEK ANLAMLI ESKIZ IKONLAR / ARKA PLAN CIZIMLERI */

.brand-section {
  position: relative;
  background: #fff;
  padding: 108px 0 52px;
  overflow: hidden;
}

/* Arka planda çok hafif tırnak / el hissi veren çizgisel illüstrasyonlar */
.brand-section::before {
  content: "";
  position: absolute;
  right: -120px;
  top: 78px;
  width: 420px;
  height: 420px;
  opacity: 0.055;
  background: var(--black);
  pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110 275 C80 220 86 160 125 112 C168 60 238 62 282 112 C326 162 318 230 278 278 C232 334 144 334 110 275 Z' fill='none' stroke='black' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M156 120 C182 96 220 96 246 120 C272 144 276 184 252 216 C226 252 174 252 148 216 C124 184 130 144 156 120 Z' fill='none' stroke='black' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M90 310 C142 354 250 356 316 302' fill='none' stroke='black' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110 275 C80 220 86 160 125 112 C168 60 238 62 282 112 C326 162 318 230 278 278 C232 334 144 334 110 275 Z' fill='none' stroke='black' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M156 120 C182 96 220 96 246 120 C272 144 276 184 252 216 C226 252 174 252 148 216 C124 184 130 144 156 120 Z' fill='none' stroke='black' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M90 310 C142 354 250 356 316 302' fill='none' stroke='black' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.brand-section::after {
  content: "";
  position: absolute;
  left: -90px;
  bottom: -70px;
  width: 360px;
  height: 360px;
  opacity: 0.045;
  background: var(--black);
  pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M90 260 C120 190 160 115 210 80 C246 55 288 72 300 112 C320 178 260 252 202 298 C158 334 98 320 90 260 Z' fill='none' stroke='black' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M142 248 C170 196 196 150 234 118' fill='none' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M118 304 C160 338 242 330 300 268' fill='none' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M90 260 C120 190 160 115 210 80 C246 55 288 72 300 112 C320 178 260 252 202 298 C158 334 98 320 90 260 Z' fill='none' stroke='black' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M142 248 C170 196 196 150 234 118' fill='none' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M118 304 C160 338 242 330 300 268' fill='none' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.brand-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 96px;
  align-items: center;
}

.brand-heading {
  max-width: 680px;
}

.brand-heading .section-kicker {
  margin-bottom: 26px;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 4px;
  font-weight: 800;
  color: rgba(0,0,0,0.46);
}

/* Sol büyük başlık: daha sakin, karışık değil, tasarımcı işi serif */
.brand-heading h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  max-width: 700px;
  font-size: clamp(52px, 4.9vw, 78px);
  line-height: 0.98;
  letter-spacing: -2.1px;
  font-weight: 600;
  color: var(--black);
}

/* Başlıktaki virgül ve satır geçişleri daha doğal dursun */
.brand-heading h2::first-letter {
  letter-spacing: -1px;
}

.brand-copy {
  width: 100%;
  max-width: 620px;
  justify-self: end;
  align-self: center;
  padding-top: 42px;
  border-top: 2px solid rgba(0,0,0,0.86);
}

.brand-copy p {
  max-width: 595px;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-size: 17.5px;
  line-height: 1.86;
  color: rgba(0,0,0,0.66);
  font-weight: 500;
  letter-spacing: -0.28px;
  margin-bottom: 30px;
}

.brand-copy p:last-child {
  margin-bottom: 0;
}

/* Kart alanı tek ekrana daha iyi otursun */
.signature-section {
  background: #fff;
  padding: 0 0 76px;
}

.signature-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: transparent;
  border: 1px solid rgba(0,0,0,0.12);
}

.signature-card {
  position: relative;
  min-height: 350px;
  padding: 34px 30px 32px;
  background: rgba(255,255,255,0.92);
  color: var(--black);
  border-right: 1px solid rgba(0,0,0,0.12);
  overflow: hidden;
  transition: 0.35s ease;
}

.signature-card:last-child {
  border-right: 0;
}

.signature-card-dark {
  background: rgba(255,255,255,0.92);
  color: var(--black);
}

.signature-card span {
  position: absolute;
  top: 34px;
  left: 30px;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  color: rgba(0,0,0,0.40);
  transition: 0.35s ease;
}

/* Genel ikon alanı */
.signature-card::before {
  content: "";
  display: block;
  width: 96px;
  height: 96px;
  margin-top: 54px;
  margin-bottom: 36px;
  color: rgba(0,0,0,0.20);
  background: currentColor;
  transition: 0.35s ease;
  clip-path: none !important;
  box-shadow: none !important;
}

/* 01: VIP / tek kişilik özel hizmet — tek koltuk + kişi hissi */
.signature-card:nth-child(1)::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='60' cy='24' r='10' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M42 54 C42 42 49 36 60 36 C71 36 78 42 78 54' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M32 62 C32 50 40 44 52 44 H68 C80 44 88 50 88 62 V74 C88 84 81 92 71 92 H49 C39 92 32 84 32 74 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M44 92 V106 M76 92 V106 M42 74 H78' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='60' cy='24' r='10' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M42 54 C42 42 49 36 60 36 C71 36 78 42 78 54' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M32 62 C32 50 40 44 52 44 H68 C80 44 88 50 88 62 V74 C88 84 81 92 71 92 H49 C39 92 32 84 32 74 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M44 92 V106 M76 92 V106 M42 74 H78' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 02: 20 yıllık uzmanlık — sertifika / eğitim belgesi */
.signature-card:nth-child(2)::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='30' y='16' width='60' height='76' rx='7' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M44 36 H76 M44 50 H72 M44 64 H64' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='76' cy='74' r='9' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M70 84 L64 106 L76 98 L88 106 L82 84' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='30' y='16' width='60' height='76' rx='7' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M44 36 H76 M44 50 H72 M44 64 H64' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='76' cy='74' r='9' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M70 84 L64 106 L76 98 L88 106 L82 84' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 03: Avrupa marka ürünler — onay mühür + ürün kalitesi */
.signature-card:nth-child(3)::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='60' cy='58' r='34' fill='none' stroke='black' stroke-width='5'/%3E%3Ccircle cx='60' cy='58' r='22' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath d='M48 59 L56 67 L74 47' fill='none' stroke='black' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42 88 L34 108 L56 98 M78 88 L86 108 L64 98' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='60' cy='58' r='34' fill='none' stroke='black' stroke-width='5'/%3E%3Ccircle cx='60' cy='58' r='22' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath d='M48 59 L56 67 L74 47' fill='none' stroke='black' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42 88 L34 108 L56 98 M78 88 L86 108 L64 98' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 04: Steril hijyenik alan — kalkan + temizlik parıltısı */
.signature-card:nth-child(4)::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 12 L90 26 V52 C90 76 77 94 60 106 C43 94 30 76 30 52 V26 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M48 58 L56 66 L74 45' fill='none' stroke='black' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 10 V24 M81 17 H95 M24 82 V92 M19 87 H29' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 12 L90 26 V52 C90 76 77 94 60 106 C43 94 30 76 30 52 V26 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M48 58 L56 66 L74 45' fill='none' stroke='black' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 10 V24 M81 17 H95 M24 82 V92 M19 87 H29' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.signature-card h3 {
  max-width: 270px;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-size: 23px;
  line-height: 1.1;
  letter-spacing: -0.9px;
  font-weight: 800;
  margin-bottom: 14px;
  transition: 0.35s ease;
}

.signature-card p {
  max-width: 280px;
  color: rgba(0,0,0,0.58);
  font-size: 14.5px;
  line-height: 1.68;
  font-weight: 500;
  transition: 0.35s ease;
}

.signature-card-dark p,
.signature-card-dark span {
  color: rgba(0,0,0,0.58);
}

/* Kartlar hoverda siyah olur */
.signature-card:hover,
.signature-card-dark:hover {
  background: var(--black);
  color: #fff;
}

.signature-card:hover::before {
  color: #fff;
  opacity: 0.92;
  transform: translateY(-4px) scale(1.04);
}

.signature-card:hover span,
.signature-card:hover p,
.signature-card-dark:hover p,
.signature-card-dark:hover span {
  color: rgba(255,255,255,0.68);
}

.signature-card:hover h3 {
  color: #fff;
}/* HIZMETLER BOLUMU - PREMIUM KARTLI TASARIM */

.services-preview {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 24%, rgba(215,197,180,0.20), transparent 30%),
    radial-gradient(circle at 92% 78%, rgba(0,0,0,0.045), transparent 28%),
    #fbfaf7;
  padding: 118px 0 126px;
}

.services-preview-grid,
.services-list-preview,
.services-title {
  display: initial;
}

.services-art {
  position: absolute;
  pointer-events: none;
  background: var(--black);
  opacity: 0.045;
}

.services-art-one {
  right: -110px;
  top: 78px;
  width: 430px;
  height: 430px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M112 286 C78 226 86 156 132 106 C178 56 248 62 288 114 C330 168 314 244 264 294 C220 338 144 342 112 286 Z' fill='none' stroke='black' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M152 126 C178 94 224 96 250 126 C278 158 270 204 238 232 C206 260 162 252 140 218 C118 184 124 154 152 126 Z' fill='none' stroke='black' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M92 318 C148 356 248 356 316 292' fill='none' stroke='black' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M112 286 C78 226 86 156 132 106 C178 56 248 62 288 114 C330 168 314 244 264 294 C220 338 144 342 112 286 Z' fill='none' stroke='black' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M152 126 C178 94 224 96 250 126 C278 158 270 204 238 232 C206 260 162 252 140 218 C118 184 124 154 152 126 Z' fill='none' stroke='black' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M92 318 C148 356 248 356 316 292' fill='none' stroke='black' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.services-art-two {
  left: -90px;
  bottom: -110px;
  width: 380px;
  height: 380px;
  opacity: 0.04;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M96 264 C124 190 160 118 212 82 C250 56 290 72 304 112 C328 180 260 260 202 306 C158 340 100 324 96 264 Z' fill='none' stroke='black' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M140 252 C170 196 198 150 236 118' fill='none' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M118 308 C162 340 244 330 306 264' fill='none' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M96 264 C124 190 160 118 212 82 C250 56 290 72 304 112 C328 180 260 260 202 306 C158 340 100 324 96 264 Z' fill='none' stroke='black' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M140 252 C170 196 198 150 236 118' fill='none' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M118 308 C162 340 244 330 306 264' fill='none' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.services-premium-grid {
  position: relative;
  z-index: 2;
  display: grid !important;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 82px;
  align-items: center;
}

.services-premium-copy {
  max-width: 520px;
}

.services-premium-copy .section-kicker {
  margin-bottom: 24px;
  letter-spacing: 4px;
}

.services-premium-copy h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(54px, 4.8vw, 82px);
  line-height: 0.94;
  letter-spacing: -2.3px;
  font-weight: 600;
  margin-bottom: 28px;
}

.services-premium-copy p {
  font-size: 17px;
  line-height: 1.84;
  color: rgba(0,0,0,0.66);
  font-weight: 500;
  letter-spacing: -0.25px;
  margin-bottom: 34px;
}

.services-premium-board {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(18px);
  box-shadow: 0 34px 100px rgba(0,0,0,0.055);
}

.service-showcase-card {
  position: relative;
  display: block;
  min-height: 275px;
  padding: 32px 30px 30px;
  border-right: 1px solid rgba(0,0,0,0.11);
  border-bottom: 1px solid rgba(0,0,0,0.11);
  overflow: hidden;
  transition: 0.35s ease;
  color: var(--black);
}

.service-showcase-card:nth-child(2n) {
  border-right: 0;
}

.service-showcase-card:nth-child(5),
.service-showcase-card:nth-child(6) {
  border-bottom: 0;
}

.service-showcase-card span {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2.4px;
  color: rgba(0,0,0,0.38);
  margin-bottom: 28px;
  transition: 0.35s ease;
}

.service-showcase-card h3 {
  max-width: 270px;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: -0.9px;
  font-weight: 800;
  margin-bottom: 14px;
  transition: 0.35s ease;
}

.service-showcase-card p {
  max-width: 310px;
  font-size: 14.5px;
  line-height: 1.68;
  color: rgba(0,0,0,0.58);
  font-weight: 500;
  transition: 0.35s ease;
}

.service-sketch {
  width: 86px;
  height: 86px;
  margin-bottom: 28px;
  color: rgba(0,0,0,0.20);
  background: currentColor;
  transition: 0.35s ease;
}

.sketch-manicure {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34 78 C28 58 33 38 48 28 C61 19 78 24 85 38 C96 61 78 91 56 101 C46 106 38 96 34 78 Z' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M49 72 C50 56 56 43 66 34' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M30 96 C46 108 74 106 92 84' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34 78 C28 58 33 38 48 28 C61 19 78 24 85 38 C96 61 78 91 56 101 C46 106 38 96 34 78 Z' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M49 72 C50 56 56 43 66 34' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M30 96 C46 108 74 106 92 84' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sketch-gel {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 12 H72 V34 H48 Z' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M54 34 H66 V78 C66 88 60 98 60 98 C60 98 54 88 54 78 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M40 84 C52 92 68 92 80 84' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M84 28 L98 14' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 12 H72 V34 H48 Z' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M54 34 H66 V78 C66 88 60 98 60 98 C60 98 54 88 54 78 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M40 84 C52 92 68 92 80 84' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M84 28 L98 14' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sketch-extension {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42 98 C34 64 42 26 60 14 C78 26 86 64 78 98 C68 106 52 106 42 98 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M48 76 C54 82 66 82 72 76' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M60 16 V62' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42 98 C34 64 42 26 60 14 C78 26 86 64 78 98 C68 106 52 106 42 98 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M48 76 C54 82 66 82 72 76' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M60 16 V62' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sketch-strength {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 70 L60 50 L90 70 L60 92 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M30 52 L60 32 L90 52 M38 82 L60 98 L82 82' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 20 V10 M48 24 L42 16 M72 24 L78 16' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 70 L60 50 L90 70 L60 92 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M30 52 L60 32 L90 52 M38 82 L60 98 L82 82' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 20 V10 M48 24 L42 16 M72 24 L78 16' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sketch-men {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 84 L36 44 C36 38 42 38 42 44 V66 M50 72 V34 C50 28 58 28 58 34 V70 M66 72 V40 C66 34 74 34 74 40 V76 M82 78 V52 C82 46 90 46 90 52 V82 C90 100 76 108 60 108 C46 108 34 100 28 88 L20 72 C18 66 26 62 30 68 Z' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 84 L36 44 C36 38 42 38 42 44 V66 M50 72 V34 C50 28 58 28 58 34 V70 M66 72 V40 C66 34 74 34 74 40 V76 M82 78 V52 C82 46 90 46 90 52 V82 C90 100 76 108 60 108 C46 108 34 100 28 88 L20 72 C18 66 26 62 30 68 Z' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sketch-art {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58 12 L66 40 L94 48 L66 56 L58 84 L50 56 L22 48 L50 40 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M86 76 L91 91 L106 96 L91 101 L86 116 L81 101 L66 96 L81 91 Z' fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M28 82 C38 72 48 70 60 76' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58 12 L66 40 L94 48 L66 56 L58 84 L50 56 L22 48 L50 40 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M86 76 L91 91 L106 96 L91 101 L86 116 L81 101 L66 96 L81 91 Z' fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M28 82 C38 72 48 70 60 76' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.service-showcase-card:hover {
  background: var(--black);
  color: #fff;
}

.service-showcase-card:hover span,
.service-showcase-card:hover p {
  color: rgba(255,255,255,0.68);
}

.service-showcase-card:hover .service-sketch {
  color: #fff;
  transform: translateY(-4px) scale(1.04);
}

@media (max-width: 1120px) {
  .services-premium-grid {
    grid-template-columns: 1fr;
    gap: 56px;
  }

  .services-premium-copy {
    max-width: 760px;
  }
}

@media (max-width: 760px) {
  .services-preview {
    padding: 82px 0 88px;
  }

  .services-premium-copy h2 {
    font-size: 40px;
    line-height: 1.03;
    letter-spacing: -1.5px;
  }

  .services-premium-copy p {
    font-size: 16px;
  }

  .services-premium-board {
    grid-template-columns: 1fr;
  }

  .service-showcase-card {
    min-height: 245px;
    border-right: 0;
  }

  .service-showcase-card:nth-child(5) {
    border-bottom: 1px solid rgba(0,0,0,0.11);
  }
} /* HİZMETLER BÖLÜMÜ - TEK EKRANA SIĞAN COMPACT PREMIUM DÜZEN */

.services-preview {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 92px 0 88px;
}

.services-premium-grid {
  display: grid !important;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 72px;
  align-items: center;
}

.services-premium-copy {
  max-width: 500px;
}

.services-premium-copy .section-kicker {
  margin-bottom: 20px;
}

.services-premium-copy h2 {
  font-size: clamp(46px, 4vw, 68px);
  line-height: 0.96;
  letter-spacing: -2px;
  margin-bottom: 24px;
}

.services-premium-copy p {
  font-size: 16px;
  line-height: 1.72;
  margin-bottom: 28px;
}

.services-premium-copy .btn {
  min-height: 50px;
  padding: 0 24px;
  font-size: 11.5px;
}

/* Sağdaki kartlar artık 3 kolon x 2 satır */
.services-premium-board {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.78);
  backdrop-filter: blur(18px);
  box-shadow: 0 30px 90px rgba(0,0,0,0.05);
}

/* Kart yüksekliği düşürüldü */
.service-showcase-card {
  min-height: 255px;
  padding: 26px 24px 24px;
  border-right: 1px solid rgba(0,0,0,0.11);
  border-bottom: 1px solid rgba(0,0,0,0.11);
}

/* 3 kolon çizgi sistemi */
.service-showcase-card:nth-child(2n) {
  border-right: 1px solid rgba(0,0,0,0.11);
}

.service-showcase-card:nth-child(3n) {
  border-right: 0;
}

.service-showcase-card:nth-child(4),
.service-showcase-card:nth-child(5),
.service-showcase-card:nth-child(6) {
  border-bottom: 0;
}

.service-showcase-card span {
  font-size: 10.5px;
  margin-bottom: 18px;
}

.service-showcase-card h3 {
  font-size: 20px;
  line-height: 1.08;
  letter-spacing: -0.7px;
  margin-bottom: 12px;
}

.service-showcase-card p {
  font-size: 13.5px;
  line-height: 1.58;
  max-width: 240px;
}

/* İkonları küçült */
.service-sketch {
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  color: rgba(0,0,0,0.18);
}

/* Arka plan çizimleri daha geride kalsın */
.services-art-one {
  right: -160px;
  top: 90px;
  width: 390px;
  height: 390px;
  opacity: 0.035;
}

.services-art-two {
  left: -130px;
  bottom: -130px;
  width: 340px;
  height: 340px;
  opacity: 0.035;
}

/* Laptop küçük ekranlarda daha da sıkılaştır */
@media (max-width: 1366px) {
  .services-preview {
    padding: 78px 0 72px;
  }

  .services-premium-grid {
    grid-template-columns: 0.68fr 1.32fr;
    gap: 56px;
  }

  .services-premium-copy h2 {
    font-size: clamp(42px, 3.8vw, 60px);
  }

  .services-premium-copy p {
    font-size: 15.5px;
    line-height: 1.66;
  }

  .service-showcase-card {
    min-height: 230px;
    padding: 24px 22px 22px;
  }

  .service-sketch {
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
  }

  .service-showcase-card h3 {
    font-size: 19px;
  }

  .service-showcase-card p {
    font-size: 13px;
    line-height: 1.52;
  }
}

/* Tablet */
@media (max-width: 1120px) {
  .services-preview {
    min-height: auto;
    padding: 86px 0 88px;
  }

  .services-premium-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .services-premium-copy {
    max-width: 760px;
  }

  .services-premium-board {
    grid-template-columns: repeat(2, 1fr);
  }

  .service-showcase-card {
    min-height: 245px;
  }

  .service-showcase-card:nth-child(3n) {
    border-right: 1px solid rgba(0,0,0,0.11);
  }

  .service-showcase-card:nth-child(2n) {
    border-right: 0;
  }

  .service-showcase-card:nth-child(4) {
    border-bottom: 1px solid rgba(0,0,0,0.11);
  }
}

/* Mobil */
@media (max-width: 760px) {
  .services-preview {
    padding: 78px 0 82px;
  }

  .services-premium-copy h2 {
    font-size: 38px;
  }

  .services-premium-board {
    grid-template-columns: 1fr;
  }

  .service-showcase-card {
    min-height: 230px;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.11) !important;
  }

  .service-showcase-card:last-child {
    border-bottom: 0 !important;
  }
}/* VIP PRIVATE STUDIO REVIZE */

.vip-private-card {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 10%, rgba(255,255,255,0.10), transparent 30%),
    linear-gradient(135deg, #050505 0%, #101010 58%, #1b1815 100%);
}

.vip-private-card::before {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -140px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 50%;
  pointer-events: none;
}

.vip-private-card::after {
  content: "";
  position: absolute;
  left: 44px;
  top: 44px;
  width: 92px;
  height: 92px;
  opacity: 0.16;
  background: #fff;
  pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='60' cy='24' r='10' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M42 54 C42 42 49 36 60 36 C71 36 78 42 78 54' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M32 62 C32 50 40 44 52 44 H68 C80 44 88 50 88 62 V74 C88 84 81 92 71 92 H49 C39 92 32 84 32 74 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M44 92 V106 M76 92 V106 M42 74 H78' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='60' cy='24' r='10' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M42 54 C42 42 49 36 60 36 C71 36 78 42 78 54' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M32 62 C32 50 40 44 52 44 H68 C80 44 88 50 88 62 V74 C88 84 81 92 71 92 H49 C39 92 32 84 32 74 Z' fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M44 92 V106 M76 92 V106 M42 74 H78' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.vip-private-card .vip-content {
  position: relative;
  z-index: 2;
}

.vip-private-card .section-kicker {
  color: rgba(255,255,255,0.48);
  letter-spacing: 3px;
}

.vip-private-card h2 {
  max-width: 720px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(54px, 5vw, 86px);
  line-height: 0.94;
  letter-spacing: -2.2px;
  font-weight: 600;
}

.vip-private-card .vip-content p {
  max-width: 710px;
  color: rgba(255,255,255,0.68);
  font-size: 16.5px;
  line-height: 1.78;
  margin-top: 24px;
}

.vip-private-points {
  margin-top: 38px;
}

.vip-private-points div {
  grid-template-columns: 0.48fr 1fr;
  padding: 18px 0;
  border-top: 1px solid rgba(255,255,255,0.13);
}

.vip-private-points div:last-child {
  border-bottom: 1px solid rgba(255,255,255,0.13);
}

.vip-private-points strong {
  color: #fff;
  font-size: 15px;
  letter-spacing: -0.2px;
}

.vip-private-points span {
  color: rgba(255,255,255,0.62);
  font-size: 14.5px;
  line-height: 1.55;
}

.vip-private-image {
  position: relative;
  z-index: 2;
  border-radius: 42px;
  box-shadow: 0 34px 100px rgba(0,0,0,0.34);
}

.vip-private-image::before {
  content: "";
  position: absolute;
  inset: 16px;
  z-index: 2;
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 30px;
  pointer-events: none;
}

.vip-image-label {
  position: absolute;
  left: 24px;
  bottom: 24px;
  z-index: 3;
  max-width: 300px;
  padding: 18px 20px;
  border-radius: 22px;
  background: rgba(0,0,0,0.62);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.16);
}

.vip-image-label span {
  display: block;
  margin-bottom: 7px;
  color: rgba(255,255,255,0.58);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.vip-image-label strong {
  display: block;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

@media (max-width: 1120px) {
  .vip-private-card h2 {
    font-size: 58px;
  }

  .vip-private-points div {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

@media (max-width: 760px) {
  .vip-private-card h2 {
    font-size: 42px;
    line-height: 1.02;
  }

  .vip-private-card .vip-content p {
    font-size: 15.5px;
  }

  .vip-image-label {
    left: 18px;
    right: 18px;
    bottom: 18px;
    max-width: none;
  }
}/* VIP BÖLÜMÜ FINAL REVİZE - TAM EKRAN / LOGO FONT HİSSİ / İKON ÇAKIŞMA DÜZELTME */

.vip-section {
  padding: 0 0 72px;
  background: #fff;
}

.vip-private-card {
  min-height: calc(100vh - 92px);
  max-height: 860px;
  display: grid;
  grid-template-columns: 1.03fr 0.97fr;
  align-items: center;
  gap: 64px;
  padding: 64px 70px;
  border-radius: 0 0 34px 34px;
}

/* Arkadaki ikon artık yazının üstüne binmez */
.vip-private-card::after {
  left: auto;
  right: 46px;
  top: 42px;
  width: 128px;
  height: 128px;
  opacity: 0.08;
}

.vip-private-card::before {
  right: -160px;
  bottom: -170px;
  width: 470px;
  height: 470px;
  opacity: 0.8;
}

.vip-private-card .vip-content {
  max-width: 760px;
}

/* Üst küçük başlık */
.vip-private-card .section-kicker {
  margin-bottom: 22px;
  font-size: 11px;
  letter-spacing: 3.4px;
  color: rgba(255,255,255,0.46);
}

/* Ana başlık daha ekrana oturan, daha sakin */
.vip-private-title {
  max-width: 760px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(54px, 4.9vw, 78px);
  line-height: 0.94;
  letter-spacing: -2px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 28px;
}

/* Studio S kısmı logo hissinde ayrışır */
.vip-private-title span {
  display: inline-block;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-weight: 600;
  letter-spacing: -1.6px;
  transform: translateY(2px);
  margin: 0 6px;
  position: relative;
}

.vip-private-title span::after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: -5px;
  height: 1px;
  background: rgba(255,255,255,0.34);
}

/* Metinler daha kısa ve ekrana sığacak şekilde */
.vip-private-card .vip-content p {
  max-width: 680px;
  margin-top: 0;
  margin-bottom: 20px;
  color: rgba(255,255,255,0.68);
  font-size: 15.8px;
  line-height: 1.68;
  letter-spacing: -0.2px;
}

.vip-private-points {
  margin-top: 28px;
}

.vip-private-points div {
  grid-template-columns: 0.42fr 1fr;
  padding: 15px 0;
}

.vip-private-points strong {
  font-size: 14.5px;
}

.vip-private-points span {
  font-size: 14px;
  line-height: 1.48;
}

/* Sağ görsel daha kompakt ve ekrana sığar */
.vip-private-image {
  aspect-ratio: 4 / 4.75;
  max-height: 650px;
  border-radius: 38px;
}

.vip-private-image img {
  height: 100%;
  object-fit: cover;
}

.vip-image-label {
  left: 22px;
  right: 22px;
  bottom: 22px;
  max-width: 340px;
  padding: 16px 18px;
}

.vip-image-label span {
  font-size: 9.5px;
  letter-spacing: 2px;
}

.vip-image-label strong {
  font-size: 16px;
}

/* Büyük ekranlarda daha rafine */
@media (min-width: 1500px) {
  .vip-private-card {
    min-height: 820px;
  }
}

/* Laptoplarda tek ekrana daha iyi oturur */
@media (max-width: 1366px) {
  .vip-private-card {
    min-height: calc(100vh - 92px);
    padding: 56px 62px;
    gap: 52px;
  }

  .vip-private-title {
    font-size: clamp(48px, 4.5vw, 68px);
    line-height: 0.95;
    margin-bottom: 22px;
  }

  .vip-private-card .vip-content p {
    font-size: 15px;
    line-height: 1.62;
    margin-bottom: 16px;
  }

  .vip-private-points {
    margin-top: 22px;
  }

  .vip-private-points div {
    padding: 13px 0;
  }

  .vip-private-image {
    max-height: 590px;
  }
}

/* Tablet */
@media (max-width: 1120px) {
  .vip-private-card {
    min-height: auto;
    max-height: none;
    grid-template-columns: 1fr;
    padding: 52px 34px;
    gap: 42px;
    border-radius: 34px;
  }

  .vip-private-card::after {
    right: 34px;
    top: 34px;
    width: 100px;
    height: 100px;
    opacity: 0.06;
  }

  .vip-private-title {
    font-size: 56px;
  }

  .vip-private-points div {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .vip-private-image {
    max-height: none;
  }
}

/* Mobil */
@media (max-width: 760px) {
  .vip-section {
    padding: 0 0 54px;
  }

  .vip-private-card {
    padding: 36px 24px;
    border-radius: 28px;
  }

  .vip-private-card::after {
    display: none;
  }

  .vip-private-title {
    font-size: 42px;
    line-height: 1.02;
    letter-spacing: -1.2px;
  }

  .vip-private-title span {
    margin: 0 3px;
  }

  .vip-private-card .vip-content p {
    font-size: 15px;
    line-height: 1.65;
  }

  .vip-image-label {
    left: 16px;
    right: 16px;
    bottom: 16px;
  }
}/* VIP BÖLÜMÜ - TAŞMA DÜZELTME / TEK EKRANA SIĞAN COMPACT HAL */

.vip-section {
  padding: 0 0 54px !important;
  background: #fff;
}

.vip-private-card {
  min-height: calc(100vh - 92px) !important;
  max-height: calc(100vh - 92px) !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: 1fr 0.92fr !important;
  align-items: center !important;
  gap: 50px !important;
  padding: 44px 64px !important;
  border-radius: 0 0 34px 34px !important;
}

/* arka ikon daha yukarıda ama yazıya binmez */
.vip-private-card::after {
  right: 56px !important;
  top: 34px !important;
  left: auto !important;
  width: 96px !important;
  height: 96px !important;
  opacity: 0.055 !important;
}

.vip-private-card .vip-content {
  max-width: 720px !important;
}

.vip-private-card .section-kicker {
  margin-bottom: 14px !important;
  font-size: 10px !important;
  letter-spacing: 3px !important;
}

/* Başlığı küçültüp tek ekrana oturtuyoruz */
.vip-private-title {
  max-width: 650px !important;
  font-size: clamp(42px, 4.1vw, 62px) !important;
  line-height: 0.92 !important;
  letter-spacing: -1.8px !important;
  margin-bottom: 22px !important;
}

/* Studio S ayrışması kalsın ama taşırmasın */
.vip-private-title span {
  margin: 0 4px !important;
  transform: translateY(1px) !important;
}

.vip-private-title span::after {
  bottom: -3px !important;
}

/* Paragraflar kısaltılmış hissiyle daha sıkı */
.vip-private-card .vip-content p {
  max-width: 660px !important;
  font-size: 14.5px !important;
  line-height: 1.56 !important;
  margin-bottom: 13px !important;
}

/* Alt 3 bilgi satırını daha kompakt yap */
.vip-private-points {
  margin-top: 18px !important;
}

.vip-private-points div {
  grid-template-columns: 0.36fr 1fr !important;
  gap: 22px !important;
  padding: 10px 0 !important;
}

.vip-private-points strong {
  font-size: 13.5px !important;
}

.vip-private-points span {
  font-size: 13.2px !important;
  line-height: 1.38 !important;
}

/* Sağ görsel taşmasın */
.vip-private-image {
  max-height: 560px !important;
  aspect-ratio: 4 / 4.45 !important;
  border-radius: 34px !important;
}

.vip-private-image img {
  height: 100% !important;
  object-fit: cover !important;
}

/* Görsel içindeki label daha küçük */
.vip-image-label {
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  max-width: 330px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
}

.vip-image-label span {
  font-size: 9px !important;
  letter-spacing: 1.8px !important;
}

.vip-image-label strong {
  font-size: 15px !important;
  line-height: 1.18 !important;
}

/* 1366 ve altı laptoplarda daha da sıkı */
@media (max-width: 1366px) {
  .vip-private-card {
    padding: 36px 56px !important;
    gap: 44px !important;
  }

  .vip-private-title {
    font-size: clamp(38px, 3.8vw, 56px) !important;
    margin-bottom: 18px !important;
  }

  .vip-private-card .vip-content p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 11px !important;
  }

  .vip-private-points {
    margin-top: 14px !important;
  }

  .vip-private-points div {
    padding: 9px 0 !important;
  }

  .vip-private-image {
    max-height: 520px !important;
  }
}

/* Çok kısa ekranlarda taşmayı engelle */
@media (max-height: 760px) and (min-width: 1121px) {
  .vip-private-card {
    padding: 28px 56px !important;
  }

  .vip-private-title {
    font-size: 46px !important;
    line-height: 0.94 !important;
    margin-bottom: 14px !important;
  }

  .vip-private-card .vip-content p {
    font-size: 13.5px !important;
    line-height: 1.42 !important;
    margin-bottom: 9px !important;
  }

  .vip-private-points div {
    padding: 7px 0 !important;
  }

  .vip-private-image {
    max-height: 460px !important;
  }
}

/* Tablet ve mobilde yüksekliği serbest bırak */
@media (max-width: 1120px) {
  .vip-private-card {
    min-height: auto !important;
    max-height: none !important;
    grid-template-columns: 1fr !important;
    padding: 44px 32px !important;
    gap: 36px !important;
    border-radius: 34px !important;
  }

  .vip-private-title {
    font-size: 52px !important;
  }

  .vip-private-points div {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .vip-private-image {
    max-height: none !important;
  }
}

@media (max-width: 760px) {
  .vip-private-card {
    padding: 34px 22px !important;
    border-radius: 28px !important;
  }

  .vip-private-title {
    font-size: 40px !important;
    line-height: 1.02 !important;
  }

  .vip-private-card .vip-content p {
    font-size: 15px !important;
    line-height: 1.62 !important;
  }
}/* STUDIO STANDARDI - TEK EKRANA SIĞAN PREMIUM ŞERİT REVİZE */

.brand-section {
  position: relative;
  background: #fff;
  padding: 72px 0 30px !important;
  overflow: hidden;
}

.brand-grid {
  display: grid !important;
  grid-template-columns: 0.95fr 1.05fr !important;
  gap: 78px !important;
  align-items: center !important;
}

.brand-heading {
  max-width: 650px !important;
}

.brand-heading .section-kicker {
  margin-bottom: 18px !important;
  font-size: 10px !important;
  letter-spacing: 4px !important;
  color: rgba(0,0,0,0.44) !important;
}

.brand-heading h2 {
  max-width: 650px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(46px, 4.4vw, 70px) !important;
  line-height: 0.94 !important;
  letter-spacing: -1.8px !important;
  font-weight: 600 !important;
}

.brand-copy {
  max-width: 620px !important;
  padding-top: 34px !important;
  border-top: 2px solid rgba(0,0,0,0.84) !important;
}

.brand-copy p {
  font-size: 16px !important;
  line-height: 1.72 !important;
  color: rgba(0,0,0,0.64) !important;
  margin-bottom: 22px !important;
}

/* arka çizimler daha geride ve daha kontrollü */
.brand-section::before {
  right: -180px !important;
  top: 70px !important;
  width: 360px !important;
  height: 360px !important;
  opacity: 0.04 !important;
}

.brand-section::after {
  left: -170px !important;
  bottom: -70px !important;
  width: 320px !important;
  height: 320px !important;
  opacity: 0.035 !important;
}

/* ALTAKİ ALAN ARTIK KART DEĞİL PREMIUM ŞERİT */

.signature-section {
  background: #fff !important;
  padding: 0 0 54px !important;
}

.signature-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  border: 1px solid rgba(0,0,0,0.13) !important;
  background: #fff !important;
}

/* Şerit mantığı: daha kısa, daha net, tıklanacak kart gibi değil */
.signature-card {
  position: relative !important;
  min-height: 255px !important;
  padding: 30px 30px 28px !important;
  background: #fff !important;
  color: var(--black) !important;
  border-right: 1px solid rgba(0,0,0,0.12) !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
  cursor: default !important;
  transition: none !important;
}

.signature-card:last-child {
  border-right: 0 !important;
}

.signature-card-dark {
  background: #fff !important;
  color: var(--black) !important;
}

/* numara üstte sade */
.signature-card span {
  position: static !important;
  display: block !important;
  margin-bottom: 28px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 2.4px !important;
  color: rgba(0,0,0,0.44) !important;
}

/* ikonlar artık soluk değil, şerit içinde premium görünüyor */
.signature-card::before {
  position: absolute !important;
  right: 28px !important;
  top: 26px !important;
  width: 76px !important;
  height: 76px !important;
  margin: 0 !important;
  color: rgba(0,0,0,0.16) !important;
  background: currentColor !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* başlık/metin hizası */
.signature-card h3 {
  max-width: 260px !important;
  font-family: "Manrope", Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.8px !important;
  font-weight: 800 !important;
  margin: 0 0 14px !important;
  color: var(--black) !important;
}

.signature-card p {
  max-width: 285px !important;
  font-size: 14.2px !important;
  line-height: 1.58 !important;
  font-weight: 500 !important;
  color: rgba(0,0,0,0.58) !important;
  margin: 0 !important;
}

/* Mouse üstüne gelince siyaha dönme yok; çiğ hover kaldırıldı */
.signature-card:hover,
.signature-card-dark:hover {
  background: #fff !important;
  color: var(--black) !important;
}

.signature-card:hover::before {
  color: rgba(0,0,0,0.16) !important;
  opacity: 1 !important;
  transform: none !important;
}

.signature-card:hover h3 {
  color: var(--black) !important;
}

.signature-card:hover span,
.signature-card:hover p,
.signature-card-dark:hover span,
.signature-card-dark:hover p {
  color: inherit !important;
}

.signature-card:hover span {
  color: rgba(0,0,0,0.44) !important;
}

.signature-card:hover p {
  color: rgba(0,0,0,0.58) !important;
}

/* Daha kaliteli şerit etkisi için üst çizgi */
.signature-card::after {
  content: "";
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  height: 3px;
  background: var(--black);
  opacity: 0;
}

/* Her blokta çok hafif vurgu çizgisi */
.signature-card:nth-child(1)::after {
  opacity: 0.16;
}

.signature-card:nth-child(2)::after {
  opacity: 0.12;
}

.signature-card:nth-child(3)::after {
  opacity: 0.12;
}

.signature-card:nth-child(4)::after {
  opacity: 0.12;
}

/* 1366 ekran için tam oturma */
@media (max-width: 1366px) {
  .brand-section {
    padding: 58px 0 26px !important;
  }

  .brand-grid {
    gap: 64px !important;
  }

  .brand-heading h2 {
    font-size: clamp(42px, 4vw, 60px) !important;
  }

  .brand-copy p {
    font-size: 15px !important;
    line-height: 1.62 !important;
    margin-bottom: 18px !important;
  }

  .signature-card {
    min-height: 230px !important;
    padding: 26px 26px 24px !important;
  }

  .signature-card::before {
    width: 62px !important;
    height: 62px !important;
    right: 24px !important;
    top: 24px !important;
  }

  .signature-card h3 {
    font-size: 20px !important;
  }

  .signature-card p {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }
}

/* Tablet */
@media (max-width: 1120px) {
  .brand-grid {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }

  .brand-copy {
    justify-self: start !important;
  }

  .signature-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .signature-card {
    border-bottom: 1px solid rgba(0,0,0,0.12) !important;
  }

  .signature-card:nth-child(2) {
    border-right: 0 !important;
  }

  .signature-card:nth-child(3),
  .signature-card:nth-child(4) {
    border-bottom: 0 !important;
  }
}

/* Mobil */
@media (max-width: 760px) {
  .brand-section {
    padding: 72px 0 34px !important;
  }

  .brand-heading h2 {
    font-size: 38px !important;
    line-height: 1.02 !important;
  }

  .signature-grid {
    grid-template-columns: 1fr !important;
  }

  .signature-card {
    min-height: 220px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.12) !important;
  }

  .signature-card:last-child {
    border-bottom: 0 !important;
  }
}/* STUDIO STANDARDI - İKON YAZI ÇAKIŞMA DÜZELTME */

.signature-card {
  min-height: 245px !important;
  padding: 28px 26px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* İkon artık absolute değil, yazının üstüne binmez */
.signature-card::before {
  position: static !important;
  display: block !important;
  width: 58px !important;
  height: 58px !important;
  margin: 8px 0 28px 0 !important;
  color: rgba(0,0,0,0.16) !important;
  background: currentColor !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Numara yukarıda kalsın ama ikonla düzenli dursun */
.signature-card span {
  position: static !important;
  display: block !important;
  margin-bottom: 18px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 2.4px !important;
  color: rgba(0,0,0,0.42) !important;
}

/* Başlıklar ikonun altına düzgün otursun */
.signature-card h3 {
  max-width: 260px !important;
  font-size: 20px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.7px !important;
  margin: 0 0 12px 0 !important;
  color: var(--black) !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Açıklama daha kompakt */
.signature-card p {
  max-width: 275px !important;
  font-size: 13.5px !important;
  line-height: 1.52 !important;
  color: rgba(0,0,0,0.58) !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Alttaki gri çizgi daha sade */
.signature-card::after {
  left: 26px !important;
  right: 26px !important;
  bottom: 0 !important;
  height: 2px !important;
  opacity: 0.12 !important;
}

/* Hover tamamen pasif kalsın */
.signature-card:hover,
.signature-card-dark:hover {
  background: #fff !important;
  color: var(--black) !important;
}

.signature-card:hover::before {
  color: rgba(0,0,0,0.16) !important;
  transform: none !important;
}

.signature-card:hover h3 {
  color: var(--black) !important;
}

.signature-card:hover p {
  color: rgba(0,0,0,0.58) !important;
}

/* Küçük laptoplarda daha da sıkı */
@media (max-width: 1366px) {
  .signature-card {
    min-height: 220px !important;
    padding: 24px 24px 22px !important;
  }

  .signature-card span {
    margin-bottom: 14px !important;
  }

  .signature-card::before {
    width: 50px !important;
    height: 50px !important;
    margin: 6px 0 24px 0 !important;
  }

  .signature-card h3 {
    font-size: 19px !important;
  }

  .signature-card p {
    font-size: 13px !important;
    line-height: 1.48 !important;
  }
}/* LOCATION SHOWCASE - PREMIUM MEKAN TASARIMI */

.location-showcase {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 24%, rgba(215,197,180,0.18), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
  padding: 112px 0 124px !important;
}

.location-showcase::before {
  content: "";
  position: absolute;
  right: -170px;
  top: 70px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 50%;
}

.location-showcase::after {
  content: "";
  position: absolute;
  right: -90px;
  top: 150px;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(0,0,0,0.07);
  border-radius: 50%;
}

.location-showcase-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 86px;
  align-items: center;
}

.location-showcase-copy {
  max-width: 560px;
}

.location-showcase-copy .section-kicker {
  margin-bottom: 24px;
  letter-spacing: 4px;
}

.location-showcase-copy h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(54px, 4.8vw, 82px);
  line-height: 0.94;
  letter-spacing: -2.2px;
  font-weight: 600;
  margin-bottom: 28px;
}

.location-showcase-copy p {
  font-size: 17px;
  line-height: 1.82;
  color: rgba(0,0,0,0.66);
  font-weight: 500;
  letter-spacing: -0.25px;
  margin-bottom: 34px;
}

.location-address-card {
  padding: 30px;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 28px;
  background: rgba(255,255,255,0.78);
  backdrop-filter: blur(18px);
}

.location-address-card span {
  display: block;
  margin-bottom: 12px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: rgba(0,0,0,0.42);
}

.location-address-card strong {
  display: block;
  font-size: 20px;
  line-height: 1.42;
  letter-spacing: -0.5px;
  font-weight: 700;
  margin-bottom: 24px;
}

.location-direction-btn {
  min-height: 50px;
  padding: 0 24px;
  font-size: 11.5px;
}

/* GÖRSEL VİTRİN */

.location-visual-board {
  position: relative;
  min-height: 720px;
}

.location-photo {
  position: absolute;
  overflow: hidden;
  background: #f3f0eb;
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 34px 110px rgba(0,0,0,0.12);
}

.location-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.location-photo-main {
  right: 0;
  top: 0;
  width: 66%;
  height: 680px;
  border-radius: 48px 48px 8px 48px;
}

.location-photo-main::before {
  content: "";
  position: absolute;
  inset: 18px;
  z-index: 2;
  border: 1px solid rgba(255,255,255,0.55);
  border-radius: 34px 34px 4px 34px;
  pointer-events: none;
}

.location-photo-side {
  left: 0;
  bottom: 52px;
  width: 42%;
  height: 420px;
  border-radius: 42px 8px 42px 42px;
  z-index: 3;
}

.location-photo-side::before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 2;
  border: 1px solid rgba(255,255,255,0.48);
  border-radius: 30px 4px 30px 30px;
  pointer-events: none;
}

.location-photo-label {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 4;
  padding: 18px 20px;
  border-radius: 22px;
  background: rgba(0,0,0,0.62);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.16);
}

.location-photo-label span {
  display: block;
  margin-bottom: 7px;
  color: rgba(255,255,255,0.58);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.location-photo-label strong {
  display: block;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

.location-map-note {
  position: absolute;
  left: 34px;
  top: 36px;
  z-index: 4;
  width: 220px;
  padding: 22px;
  border-radius: 24px;
  background: rgba(255,255,255,0.86);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(0,0,0,0.10);
  box-shadow: 0 24px 70px rgba(0,0,0,0.08);
}

.location-map-note span {
  display: block;
  margin-bottom: 8px;
  color: rgba(0,0,0,0.48);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.location-map-note strong {
  display: block;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -0.8px;
  margin-bottom: 10px;
}

.location-map-note p {
  font-size: 13.5px;
  line-height: 1.48;
  color: rgba(0,0,0,0.58);
}

/* RESPONSIVE */

@media (max-width: 1120px) {
  .location-showcase-grid {
    grid-template-columns: 1fr;
    gap: 52px;
  }

  .location-showcase-copy {
    max-width: 760px;
  }

  .location-visual-board {
    min-height: 680px;
  }
}

@media (max-width: 760px) {
  .location-showcase {
    padding: 82px 0 88px !important;
  }

  .location-showcase-copy h2 {
    font-size: 40px;
    line-height: 1.03;
    letter-spacing: -1.5px;
  }

  .location-showcase-copy p {
    font-size: 16px;
  }

  .location-address-card {
    padding: 24px;
  }

  .location-address-card strong {
    font-size: 17px;
  }

  .location-visual-board {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .location-photo,
  .location-photo-main,
  .location-photo-side {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-radius: 30px;
  }

  .location-map-note {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    box-shadow: none;
  }
}.location-map-card {
  position: relative;
  height: 260px;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #f4f1ed;
  box-shadow: 0 24px 70px rgba(0,0,0,0.07);
}

.location-map-card iframe {
  width: 100%;
  height: 100%;
  filter: grayscale(1) contrast(1.05) brightness(1.03);
}

.location-map-card .location-direction-btn {
  position: absolute;
  left: 18px;
  bottom: 18px;
  z-index: 3;
}/* FINAL CTA - SVETLANA UZMANLIK / EGITMEN VURGUSU */

.mentor-cta {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 16%, rgba(255,255,255,0.11), transparent 28%),
    linear-gradient(135deg, #050505 0%, #111111 58%, #1b1815 100%);
  color: #fff;
  padding: 92px 0 !important;
}

.mentor-cta::before {
  content: "";
  position: absolute;
  right: -150px;
  bottom: -180px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 50%;
  pointer-events: none;
}

.mentor-cta::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -90px;
  width: 340px;
  height: 340px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 50%;
  pointer-events: none;
}

.mentor-cta-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.05fr 0.75fr;
  gap: 82px;
  align-items: center;
}

.mentor-cta-content span {
  display: inline-flex;
  margin-bottom: 24px;
  color: rgba(255,255,255,0.50);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.mentor-cta-content h2 {
  max-width: 820px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(54px, 5vw, 84px);
  line-height: 0.94;
  letter-spacing: -2.2px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 30px;
}

.mentor-cta-content p {
  max-width: 760px;
  color: rgba(255,255,255,0.68);
  font-size: 17px;
  line-height: 1.78;
  font-weight: 500;
  letter-spacing: -0.25px;
  margin-bottom: 38px;
}

.mentor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.mentor-portrait-card {
  position: relative;
  height: 620px;
  overflow: hidden;
  border-radius: 48px 48px 8px 48px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.04);
  box-shadow: 0 38px 110px rgba(0,0,0,0.38);
}

.mentor-portrait-card::before {
  content: "";
  position: absolute;
  inset: 18px;
  z-index: 2;
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 34px 34px 4px 34px;
  pointer-events: none;
}

.mentor-portrait-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.mentor-portrait-label {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 3;
  padding: 18px 20px;
  border-radius: 22px;
  background: rgba(0,0,0,0.62);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.16);
}

.mentor-portrait-label span {
  display: block;
  margin-bottom: 7px;
  color: rgba(255,255,255,0.58);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.mentor-portrait-label strong {
  display: block;
  color: #fff;
  font-size: 22px;
  line-height: 1.18;
  letter-spacing: -0.5px;
}

/* RESPONSIVE */

@media (max-width: 1120px) {
  .mentor-cta-inner {
    grid-template-columns: 1fr;
    gap: 54px;
  }

  .mentor-portrait-card {
    height: auto;
    aspect-ratio: 4 / 5;
    max-width: 560px;
  }
}

@media (max-width: 760px) {
  .mentor-cta {
    padding: 76px 0 !important;
  }

  .mentor-cta-content h2 {
    font-size: 40px;
    line-height: 1.02;
    letter-spacing: -1.4px;
  }

  .mentor-cta-content p {
    font-size: 15.5px;
    line-height: 1.68;
  }

  .mentor-actions {
    flex-direction: column;
  }

  .mentor-actions .btn {
    width: 100%;
  }

  .mentor-portrait-card {
    border-radius: 30px;
  }

  .mentor-portrait-card::before {
    border-radius: 22px;
  }
}/* SVETLANA PORTRE KADRAJ DÜZELTME */

.mentor-portrait-card {
  height: 620px !important;
  max-height: 620px !important;
  overflow: hidden !important;
}

.mentor-portrait-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;

  /* Kadını öne alır, perdeyi azaltır */
  object-position: center 42% !important;
  transform: scale(1.22) translateY(-2%) !important;
  transform-origin: center center !important;
}

/* Etiket kadının yüzünü kapatmasın */
.mentor-portrait-label {
  left: 24px !important;
  right: 24px !important;
  bottom: 22px !important;
  padding: 16px 18px !important;
}

/* Küçük ekranlarda daha doğal kadraj */
@media (max-width: 1120px) {
  .mentor-portrait-card img {
    object-position: center 40% !important;
    transform: scale(1.16) translateY(-1%) !important;
  }
}

@media (max-width: 760px) {
  .mentor-portrait-card img {
    object-position: center 38% !important;
    transform: scale(1.12) !important;
  }
}/* PREMIUM SCROLL GEÇİŞ SİSTEMİ */

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* Tüm ana bölümler için sahne efekti */
main > section {
  position: relative;
  will-change: transform, opacity, filter;
}

/* Scroll ile gelen elemanlar */
.reveal-up,
.reveal-fade,
.reveal-scale,
.reveal-left,
.reveal-right {
  opacity: 0;
  filter: blur(14px);
  transition:
    opacity 1s cubic-bezier(.19, 1, .22, 1),
    transform 1.15s cubic-bezier(.19, 1, .22, 1),
    filter 1.15s cubic-bezier(.19, 1, .22, 1);
  will-change: opacity, transform, filter;
}

.reveal-up {
  transform: translateY(58px);
}

.reveal-fade {
  transform: translateY(22px);
}

.reveal-scale {
  transform: scale(0.94);
}

.reveal-left {
  transform: translateX(-58px);
}

.reveal-right {
  transform: translateX(58px);
}

.reveal-up.is-visible,
.reveal-fade.is-visible,
.reveal-scale.is-visible,
.reveal-left.is-visible,
.reveal-right.is-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate(0, 0) scale(1);
}

/* Bölüm değişirken premium perde hissi */
.scroll-scene {
  transition:
    opacity 0.9s cubic-bezier(.19, 1, .22, 1),
    transform 1s cubic-bezier(.19, 1, .22, 1),
    filter 1s cubic-bezier(.19, 1, .22, 1);
  will-change: opacity, transform, filter;
}

.scroll-scene.scene-muted {
  opacity: 0.34;
  transform: translateY(-22px) scale(0.985);
  filter: blur(4px);
}

/* Hero ve büyük görseller için yavaş parallax */
.parallax-soft {
  will-change: transform;
  transition: transform 0.18s linear;
}

/* Kartlar sırayla gelsin */
.reveal-delay-1 { transition-delay: 0.08s; }
.reveal-delay-2 { transition-delay: 0.16s; }
.reveal-delay-3 { transition-delay: 0.24s; }
.reveal-delay-4 { transition-delay: 0.32s; }
.reveal-delay-5 { transition-delay: 0.40s; }
.reveal-delay-6 { transition-delay: 0.48s; }

/* Görsellerde editorial açılış */
.work-frame,
.hero-slider,
.vip-private-image,
.location-photo,
.mentor-portrait-card {
  overflow: hidden;
}

.work-frame img,
.hero-slide img,
.vip-private-image img,
.location-photo img,
.mentor-portrait-card img {
  transition:
    transform 1.4s cubic-bezier(.19, 1, .22, 1),
    filter 1.2s cubic-bezier(.19, 1, .22, 1);
  will-change: transform, filter;
}

.is-visible img {
  filter: blur(0);
}

/* Hover değil, scroll premium hissi */
.reveal-scale.is-visible img,
.reveal-right.is-visible img,
.reveal-left.is-visible img {
  transform: scale(1.02);
}

/* Siyah alanlarda daha sinematik giriş */
.vip-section,
.mentor-cta,
.final-cta {
  transform-origin: center center;
}

/* Kullanıcı hareket azaltmayı seçtiyse animasyonu kapat */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .reveal-up,
  .reveal-fade,
  .reveal-scale,
  .reveal-left,
  .reveal-right,
  .scroll-scene {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}/* NET GÖRÜNEN PREMIUM SCROLL GEÇİŞ */

html {
  scroll-behavior: smooth;
}

/* JS aktif olunca animasyon çalışır */
html.js-animations main > section {
  opacity: 0;
  transform: translateY(90px) scale(0.985);
  filter: blur(18px);
  transition:
    opacity 1s cubic-bezier(.19, 1, .22, 1),
    transform 1.15s cubic-bezier(.19, 1, .22, 1),
    filter 1.15s cubic-bezier(.19, 1, .22, 1);
  will-change: opacity, transform, filter;
}

html.js-animations main > section.section-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

/* Ekrandan çıkan bölüm hafif geri çekilsin */
html.js-animations main > section.section-passed {
  opacity: 0.42;
  transform: translateY(-50px) scale(0.975);
  filter: blur(8px);
}

/* Bölüm içi elemanlar sırayla gelsin */
html.js-animations .scroll-item {
  opacity: 0;
  transform: translateY(44px);
  filter: blur(10px);
  transition:
    opacity 0.9s cubic-bezier(.19, 1, .22, 1),
    transform 1s cubic-bezier(.19, 1, .22, 1),
    filter 1s cubic-bezier(.19, 1, .22, 1);
}

html.js-animations .section-visible .scroll-item {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

html.js-animations .scroll-item:nth-child(1) { transition-delay: .05s; }
html.js-animations .scroll-item:nth-child(2) { transition-delay: .14s; }
html.js-animations .scroll-item:nth-child(3) { transition-delay: .23s; }
html.js-animations .scroll-item:nth-child(4) { transition-delay: .32s; }
html.js-animations .scroll-item:nth-child(5) { transition-delay: .41s; }
html.js-animations .scroll-item:nth-child(6) { transition-delay: .50s; }

/* Görsellerde premium zoom/parallax hissi */
html.js-animations .section-visible img {
  transition: transform 1.25s cubic-bezier(.19, 1, .22, 1);
}

html.js-animations .section-visible .hero-slider img,
html.js-animations .section-visible .work-frame img,
html.js-animations .section-visible .location-photo img,
html.js-animations .section-visible .mentor-portrait-card img,
html.js-animations .section-visible .vip-private-image img {
  transform: scale(1.035);
}

/* Siyah bölümlerde geçiş daha sinematik */
html.js-animations .vip-section.section-visible,
html.js-animations .mentor-cta.section-visible,
html.js-animations .final-cta.section-visible {
  box-shadow: 0 -40px 120px rgba(0,0,0,0.12);
}

/* Hareket azaltma seçiliyse kapat */
@media (prefers-reduced-motion: reduce) {
  html.js-animations main > section,
  html.js-animations .scroll-item {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}/* PREMIUM FOOTER - TIRNAK TÖRPÜSÜ ANİMASYONLU KAPANIŞ */

.premium-footer {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 12%, rgba(215,197,180,0.24), transparent 28%),
    linear-gradient(180deg, #fbfaf7 0%, #ffffff 100%);
  padding: 104px 0 34px !important;
  border-top: 1px solid rgba(0,0,0,0.09);
}

.footer-file-animation {
  position: absolute;
  right: -30px;
  top: 34px;
  width: 520px;
  height: 220px;
  opacity: 0.22;
  pointer-events: none;
}

.footer-file-animation svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.file-line,
.nail-shape,
.file-stick,
.spark {
  fill: none;
  stroke: #070707;
  stroke-width: 3.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 900;
  stroke-dashoffset: 900;
  animation: footerDraw 4.8s cubic-bezier(.19, 1, .22, 1) infinite;
}

.file-line-2 {
  animation-delay: 0.35s;
  opacity: 0.55;
}

.nail-shape {
  stroke-width: 3.8;
  animation-delay: 0.7s;
}

.file-stick {
  stroke-width: 5;
  opacity: 0.45;
  animation-delay: 1s;
}

.spark {
  stroke-width: 2.6;
  animation: footerSpark 3.6s ease-in-out infinite;
}

.spark-2 {
  animation-delay: 0.65s;
}

@keyframes footerDraw {
  0% {
    stroke-dashoffset: 900;
    opacity: 0;
    transform: translateX(18px);
  }
  18% {
    opacity: 1;
  }
  58% {
    stroke-dashoffset: 0;
    opacity: 1;
    transform: translateX(0);
  }
  82% {
    opacity: 0.4;
  }
  100% {
    stroke-dashoffset: -900;
    opacity: 0;
    transform: translateX(-18px);
  }
}

@keyframes footerSpark {
  0%, 100% {
    opacity: 0;
    transform: scale(0.78) rotate(0deg);
  }
  45% {
    opacity: 1;
    transform: scale(1) rotate(8deg);
  }
}

.premium-footer-inner {
  position: relative;
  z-index: 2;
}

.footer-hero {
  display: grid;
  grid-template-columns: 0.55fr 1.45fr;
  gap: 84px;
  align-items: end;
  padding-bottom: 72px;
}

.footer-brand-block img {
  width: 260px;
  margin-bottom: 32px;
}

.footer-brand-block p {
  max-width: 390px;
  color: rgba(0,0,0,0.56);
  font-size: 16px;
  line-height: 1.74;
}

.footer-big-copy span {
  display: inline-flex;
  margin-bottom: 22px;
  color: rgba(0,0,0,0.46);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.footer-big-copy h2 {
  max-width: 920px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(48px, 5vw, 86px);
  line-height: 0.94;
  letter-spacing: -2.2px;
  font-weight: 600;
  color: var(--black);
}

.footer-action-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(18px);
  margin-bottom: 70px;
}

.footer-action {
  min-height: 132px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid rgba(0,0,0,0.11);
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.7px;
  font-weight: 800;
  transition: 0.35s ease;
}

.footer-action:last-child {
  border-right: 0;
}

.footer-action span {
  display: block;
  margin-bottom: 12px;
  color: rgba(0,0,0,0.43);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  transition: 0.35s ease;
}

.footer-action:hover,
.footer-action-primary {
  background: var(--black);
  color: #fff;
}

.footer-action:hover span,
.footer-action-primary span {
  color: rgba(255,255,255,0.56);
}

.footer-bottom-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.15fr;
  gap: 72px;
  padding-bottom: 52px;
}

.premium-footer .footer-column h4 {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.premium-footer .footer-column a,
.premium-footer .footer-column span {
  display: block;
  color: rgba(0,0,0,0.58);
  font-size: 15.5px;
  line-height: 1.55;
  margin-bottom: 12px;
}

.premium-footer .footer-column a:hover {
  color: var(--black);
}

.footer-legal {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  padding-top: 26px;
  border-top: 1px solid rgba(0,0,0,0.10);
}

.footer-legal p {
  color: rgba(0,0,0,0.45);
  font-size: 13px;
}

/* Mobil */
@media (max-width: 1120px) {
  .footer-hero {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .footer-action-strip {
    grid-template-columns: 1fr;
  }

  .footer-action {
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.11);
  }

  .footer-action:last-child {
    border-bottom: 0;
  }

  .footer-bottom-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .premium-footer {
    padding: 76px 0 28px !important;
  }

  .footer-file-animation {
    right: -170px;
    top: 20px;
    opacity: 0.14;
  }

  .footer-big-copy h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .footer-brand-block img {
    width: 220px;
  }

  .footer-action {
    min-height: 112px;
    padding: 24px;
    font-size: 20px;
  }

  .footer-bottom-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .footer-legal {
    flex-direction: column;
  }
}/* FINAL SCREEN FIT FIX - TÜM BÜYÜK SAHNELERİ EKRANA SIĞDIRMA */

/* Header yüksekliği hesaba katılsın */
:root {
  --header-height: 92px;
}

/* Büyük sectionlar ekrana daha kontrollü otursun */
.home-hero,
.brand-section,
.services-preview,
.vip-section,
.location-showcase,
.mentor-cta,
.premium-footer {
  scroll-margin-top: var(--header-height);
}

/* Hero çok uzamasın */
.home-hero {
  min-height: calc(100vh - var(--header-height)) !important;
  padding-top: 128px !important;
  padding-bottom: 58px !important;
}

.home-hero-grid {
  gap: 64px !important;
}

.home-hero-copy h1 {
  font-size: clamp(44px, 4.8vw, 74px) !important;
}

.hero-editorial {
  min-height: 560px !important;
}

.hero-slider {
  height: min(560px, calc(100vh - 190px)) !important;
}

/* Studio standardı tek ekrana daha iyi otursun */
.brand-section {
  min-height: auto !important;
  padding: 58px 0 24px !important;
}

.brand-heading h2 {
  font-size: clamp(42px, 4vw, 62px) !important;
  line-height: 0.95 !important;
}

.brand-copy p {
  font-size: 15px !important;
  line-height: 1.62 !important;
}

.signature-section {
  padding: 0 0 44px !important;
}

.signature-card {
  min-height: 215px !important;
}

/* Hizmetler bölümü tek ekrana daha iyi otursun */
.services-preview {
  min-height: calc(100vh - var(--header-height)) !important;
  padding: 62px 0 58px !important;
}

.services-premium-grid {
  gap: 54px !important;
}

.services-premium-copy h2 {
  font-size: clamp(40px, 3.7vw, 58px) !important;
  line-height: 0.98 !important;
}

.services-premium-copy p {
  font-size: 14.8px !important;
  line-height: 1.6 !important;
}

.service-showcase-card {
  min-height: 215px !important;
  padding: 22px 22px 20px !important;
}

.service-sketch {
  width: 50px !important;
  height: 50px !important;
  margin-bottom: 14px !important;
}

.service-showcase-card h3 {
  font-size: 18px !important;
}

.service-showcase-card p {
  font-size: 12.8px !important;
  line-height: 1.45 !important;
}

/* VIP özel studio bölümü taşmasın */
.vip-private-card {
  min-height: calc(100vh - var(--header-height)) !important;
  max-height: none !important;
  padding: 38px 56px !important;
  gap: 44px !important;
  overflow: hidden !important;
}

.vip-private-title {
  font-size: clamp(38px, 3.7vw, 56px) !important;
  line-height: 0.95 !important;
  margin-bottom: 18px !important;
}

.vip-private-card .vip-content p {
  font-size: 13.8px !important;
  line-height: 1.48 !important;
  margin-bottom: 10px !important;
}

.vip-private-points {
  margin-top: 14px !important;
}

.vip-private-points div {
  padding: 8px 0 !important;
}

.vip-private-image {
  max-height: calc(100vh - 190px) !important;
}

/* Konum bölümü çok uzamasın */
.location-showcase {
  min-height: calc(100vh - var(--header-height)) !important;
  padding: 62px 0 66px !important;
}

.location-showcase-grid {
  gap: 58px !important;
}

.location-showcase-copy h2 {
  font-size: clamp(40px, 3.8vw, 62px) !important;
  line-height: 0.98 !important;
}

.location-showcase-copy p {
  font-size: 15px !important;
  line-height: 1.62 !important;
}

.location-map-card {
  height: 230px !important;
}

.location-visual-board {
  min-height: 600px !important;
}

.location-photo-main {
  height: min(590px, calc(100vh - 190px)) !important;
}

.location-photo-side {
  height: 340px !important;
}

/* Svetlana uzmanlık bölümü ekrana otursun */
.mentor-cta {
  min-height: calc(100vh - var(--header-height)) !important;
  padding: 58px 0 62px !important;
}

.mentor-cta-inner {
  gap: 58px !important;
}

.mentor-cta-content h2 {
  font-size: clamp(42px, 4.2vw, 68px) !important;
  line-height: 0.96 !important;
  margin-bottom: 22px !important;
}

.mentor-cta-content p {
  font-size: 15px !important;
  line-height: 1.62 !important;
  margin-bottom: 28px !important;
}

.mentor-portrait-card {
  height: min(560px, calc(100vh - 180px)) !important;
}

.mentor-portrait-card img {
  object-position: center 42% !important;
}

/* Footer çok uzun kalmasın */
.premium-footer {
  padding: 72px 0 28px !important;
}

.footer-hero {
  gap: 56px !important;
  padding-bottom: 46px !important;
}

.footer-big-copy h2 {
  font-size: clamp(40px, 4.2vw, 68px) !important;
  line-height: 0.96 !important;
}

.footer-action-strip {
  margin-bottom: 46px !important;
}

.footer-action {
  min-height: 104px !important;
  padding: 24px !important;
}

.footer-bottom-grid {
  padding-bottom: 36px !important;
}

/* Kısa laptop ekranları için ekstra sıkıştırma */
@media (max-height: 820px) and (min-width: 1121px) {
  .home-hero,
  .services-preview,
  .location-showcase,
  .mentor-cta {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .home-hero {
    padding-top: 118px !important;
  }

  .hero-slider {
    height: 500px !important;
  }

  .vip-private-card {
    padding: 30px 52px !important;
  }

  .vip-private-title {
    font-size: 48px !important;
  }

  .vip-private-card .vip-content p {
    font-size: 13.2px !important;
    line-height: 1.42 !important;
  }

  .vip-private-image {
    max-height: 470px !important;
  }

  .location-photo-main {
    height: 500px !important;
  }

  .location-photo-side {
    height: 300px !important;
  }

  .mentor-portrait-card {
    height: 500px !important;
  }

  .mentor-cta-content h2 {
    font-size: 52px !important;
  }

  .premium-footer {
    padding-top: 58px !important;
  }
}

/* Tablet ve mobilde ekran sığdırma yerine doğal akış */
@media (max-width: 1120px) {
  .home-hero,
  .brand-section,
  .services-preview,
  .vip-section,
  .location-showcase,
  .mentor-cta,
  .premium-footer {
    min-height: auto !important;
  }

  .home-hero-grid,
  .services-premium-grid,
  .location-showcase-grid,
  .mentor-cta-inner {
    grid-template-columns: 1fr !important;
  }

  .hero-slider,
  .location-photo-main,
  .mentor-portrait-card,
  .vip-private-image {
    height: auto !important;
    max-height: none !important;
  }

  .location-visual-board {
    min-height: auto !important;
  }
}

@media (max-width: 760px) {
  .home-hero {
    padding-top: 112px !important;
  }

  .home-hero-copy h1,
  .brand-heading h2,
  .services-premium-copy h2,
  .location-showcase-copy h2,
  .mentor-cta-content h2,
  .footer-big-copy h2 {
    font-size: 38px !important;
    line-height: 1.02 !important;
  }
}/* HIZMETLER SAYFASI */

.services-page-hero {
  position: relative;
  overflow: hidden;
  padding: 160px 0 104px;
  background:
    radial-gradient(circle at 12% 22%, rgba(215,197,180,0.22), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
}

.services-page-hero-grid {
  display: grid;
  grid-template-columns: 0.86fr 1.14fr;
  gap: 86px;
  align-items: center;
}

.services-page-copy h1 {
  max-width: 760px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(58px, 6vw, 98px);
  line-height: 0.9;
  letter-spacing: -2.8px;
  font-weight: 600;
  margin-bottom: 30px;
}

.services-page-copy p {
  max-width: 640px;
  color: rgba(0,0,0,0.64);
  font-size: 17px;
  line-height: 1.82;
  margin-bottom: 36px;
}

.services-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.services-page-visual {
  position: relative;
  min-height: 680px;
}

.services-visual-main {
  position: absolute;
  right: 0;
  top: 0;
  width: 74%;
  height: 650px;
  overflow: hidden;
  border-radius: 52px 52px 8px 52px;
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 42px 120px rgba(0,0,0,0.12);
}

.services-visual-main::before {
  content: "";
  position: absolute;
  inset: 18px;
  z-index: 2;
  border: 1px solid rgba(255,255,255,0.55);
  border-radius: 38px 38px 4px 38px;
  pointer-events: none;
}

.services-visual-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.services-visual-card {
  position: absolute;
  left: 24px;
  top: 96px;
  z-index: 4;
  width: 190px;
  padding: 24px;
  border-radius: 26px;
  background: rgba(255,255,255,0.88);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(0,0,0,0.10);
  box-shadow: 0 24px 80px rgba(0,0,0,0.08);
}

.services-visual-card span {
  display: block;
  font-size: 48px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -2px;
}

.services-visual-card p {
  margin-top: 8px;
  color: rgba(0,0,0,0.58);
  font-size: 13px;
  line-height: 1.42;
}

.services-visual-note {
  position: absolute;
  left: 0;
  bottom: 64px;
  z-index: 4;
  width: 320px;
  padding: 24px;
  border-radius: 28px;
  background: var(--black);
  color: #fff;
  box-shadow: 0 28px 90px rgba(0,0,0,0.22);
}

.services-visual-note strong {
  display: block;
  font-size: 22px;
  line-height: 1.12;
  letter-spacing: -0.7px;
  margin-bottom: 10px;
}

.services-visual-note span {
  color: rgba(255,255,255,0.64);
  font-size: 14px;
  line-height: 1.5;
}

/* INTRO STRIP */

.services-intro-strip {
  background: var(--black);
  color: #fff;
}

.services-intro-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-left: 1px solid rgba(255,255,255,0.12);
}

.services-intro-grid div {
  min-height: 220px;
  padding: 34px 30px;
  border-right: 1px solid rgba(255,255,255,0.12);
}

.services-intro-grid span {
  display: block;
  margin-bottom: 34px;
  color: rgba(255,255,255,0.44);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.4px;
}

.services-intro-grid strong {
  display: block;
  font-size: 23px;
  line-height: 1.12;
  letter-spacing: -0.7px;
  margin-bottom: 14px;
}

.services-intro-grid p {
  color: rgba(255,255,255,0.62);
  font-size: 14.5px;
  line-height: 1.58;
}

/* PRICE SECTION */

.services-price-section {
  position: relative;
  background: #fff;
}

.services-price-heading {
  max-width: 860px;
  margin-bottom: 58px;
}

.services-price-heading h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(56px, 5.6vw, 96px);
  line-height: 0.92;
  letter-spacing: -2.6px;
  font-weight: 600;
  margin-bottom: 24px;
}

.services-price-heading p {
  max-width: 720px;
  color: rgba(0,0,0,0.62);
  font-size: 16.5px;
  line-height: 1.78;
}

.price-board {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.72);
}

.price-category {
  padding: 34px;
  min-height: 290px;
  border-right: 1px solid rgba(0,0,0,0.11);
  border-bottom: 1px solid rgba(0,0,0,0.11);
  background: #fff;
}

.price-category:nth-child(2n) {
  border-right: 0;
}

.price-category:nth-last-child(1),
.price-category:nth-last-child(2) {
  border-bottom: 0;
}

.featured-category {
  background:
    radial-gradient(circle at 92% 12%, rgba(215,197,180,0.22), transparent 32%),
    #fbfaf7;
}

.category-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 30px;
}

.category-head span {
  color: rgba(0,0,0,0.38);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.4px;
}

.category-head h3 {
  max-width: 390px;
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: -1.1px;
  font-weight: 800;
  text-align: right;
}

.price-list {
  border-top: 1px solid rgba(0,0,0,0.14);
}

.price-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.price-row:last-child {
  border-bottom: 0;
}

.price-row p {
  color: rgba(0,0,0,0.68);
  font-size: 15.5px;
  line-height: 1.45;
}

.price-row strong {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.3px;
}

.note-row p,
.note-row strong {
  color: rgba(0,0,0,0.46);
  font-size: 14px;
}

.price-info-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 42px;
  border: 1px solid rgba(0,0,0,0.12);
}

.price-info-strip div {
  padding: 28px;
  border-right: 1px solid rgba(0,0,0,0.10);
}

.price-info-strip div:last-child {
  border-right: 0;
}

.price-info-strip span {
  display: block;
  margin-bottom: 10px;
  color: rgba(0,0,0,0.44);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}

.price-info-strip strong {
  display: block;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: -0.5px;
}

/* EXPERIENCE */

.services-experience-section {
  padding: 118px 0;
  background: #fbfaf7;
}

.services-experience-grid {
  display: grid;
  grid-template-columns: 0.88fr 1.12fr;
  gap: 84px;
  align-items: center;
}

.services-experience-image {
  height: 620px;
  overflow: hidden;
  border-radius: 48px 48px 8px 48px;
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 34px 110px rgba(0,0,0,0.10);
}

.services-experience-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.services-experience-copy h2 {
  max-width: 760px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(50px, 5vw, 84px);
  line-height: 0.94;
  letter-spacing: -2.2px;
  font-weight: 600;
  margin-bottom: 28px;
}

.services-experience-copy p {
  max-width: 700px;
  color: rgba(0,0,0,0.64);
  font-size: 16.5px;
  line-height: 1.78;
  margin-bottom: 22px;
}

.services-experience-copy .btn {
  margin-top: 16px;
}

/* FINAL */

.services-final-cta {
  padding: 96px 0;
  background: var(--black);
  color: #fff;
}

.services-final-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 64px;
  align-items: center;
}

.services-final-inner span {
  display: inline-flex;
  margin-bottom: 20px;
  color: rgba(255,255,255,0.50);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.services-final-inner h2 {
  max-width: 820px;
  font-size: clamp(42px, 4.6vw, 72px);
  line-height: 0.98;
  letter-spacing: -2px;
  font-weight: 800;
}

.services-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* RESPONSIVE */

@media (max-width: 1120px) {
  .services-page-hero-grid,
  .services-experience-grid,
  .services-final-inner {
    grid-template-columns: 1fr;
  }

  .services-page-visual {
    min-height: 640px;
  }

  .services-intro-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .price-board {
    grid-template-columns: 1fr;
  }

  .price-category,
  .price-category:nth-child(2n) {
    border-right: 0;
  }

  .price-category:nth-last-child(2) {
    border-bottom: 1px solid rgba(0,0,0,0.11);
  }

  .price-info-strip {
    grid-template-columns: 1fr;
  }

  .price-info-strip div {
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.10);
  }

  .price-info-strip div:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 760px) {
  .services-page-hero {
    padding: 122px 0 78px;
  }

  .services-page-copy h1,
  .services-price-heading h2,
  .services-experience-copy h2 {
    font-size: 40px;
    line-height: 1.02;
    letter-spacing: -1.4px;
  }

  .services-hero-actions,
  .services-final-actions {
    flex-direction: column;
  }

  .services-hero-actions .btn,
  .services-final-actions .btn {
    width: 100%;
  }

  .services-page-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .services-visual-main,
  .services-visual-card,
  .services-visual-note {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
  }

  .services-visual-main {
    height: auto;
    aspect-ratio: 4 / 5;
    border-radius: 32px;
  }

  .services-intro-grid {
    grid-template-columns: 1fr;
  }

  .price-category {
    padding: 26px 22px;
  }

  .category-head {
    display: block;
  }

  .category-head h3 {
    text-align: left;
    font-size: 26px;
    margin-top: 12px;
  }

  .price-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .services-experience-section {
    padding: 78px 0;
  }

  .services-experience-image {
    height: auto;
    aspect-ratio: 4 / 5;
    border-radius: 32px;
  }
}/* HIZMETLER SAYFASI - BUTON YERİNE BİLGİLENDİRME ALANLARI */

.service-info-pill {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-height: 54px;
  max-width: 360px;
  padding: 13px 18px;
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(14px);
}

.service-info-pill span {
  display: block;
  margin-bottom: 5px;
  color: rgba(0,0,0,0.42);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.service-info-pill strong {
  display: block;
  color: rgba(0,0,0,0.72);
  font-size: 12.5px;
  line-height: 1.42;
  font-weight: 700;
  letter-spacing: -0.2px;
}

.service-experience-note {
  margin-top: 28px;
  max-width: 560px;
  padding: 24px 28px;
  border-left: 3px solid var(--black);
  background:
    linear-gradient(90deg, rgba(0,0,0,0.045), transparent);
}

.service-experience-note span {
  display: block;
  margin-bottom: 9px;
  color: rgba(0,0,0,0.46);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}

.service-experience-note strong {
  display: block;
  color: rgba(0,0,0,0.76);
  font-size: 18px;
  line-height: 1.48;
  font-weight: 700;
  letter-spacing: -0.4px;
}

@media (max-width: 760px) {
  .service-info-pill {
    width: 100%;
    max-width: none;
  }

  .service-experience-note {
    padding: 20px;
  }

  .service-experience-note strong {
    font-size: 16px;
  }
}/* GALERI SAYFASI */

.gallery-page-hero {
  position: relative;
  overflow: hidden;
  padding: 160px 0 96px;
  background:
    radial-gradient(circle at 88% 18%, rgba(215,197,180,0.22), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
}

.gallery-hero-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 84px;
  align-items: end;
}

.gallery-hero-copy h1 {
  max-width: 850px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(58px, 6vw, 104px);
  line-height: 0.9;
  letter-spacing: -2.9px;
  font-weight: 600;
  margin-bottom: 30px;
}

.gallery-hero-copy p {
  max-width: 690px;
  color: rgba(0,0,0,0.64);
  font-size: 17px;
  line-height: 1.82;
}

.gallery-hero-note {
  padding: 34px;
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(18px);
}

.gallery-hero-note span {
  display: block;
  margin-bottom: 14px;
  color: rgba(0,0,0,0.46);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

.gallery-hero-note strong {
  display: block;
  color: rgba(0,0,0,0.76);
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: -0.6px;
}

/* CATEGORY */

.gallery-category-section {
  background: #fff;
}

.gallery-category-heading {
  max-width: 780px;
  margin-bottom: 58px;
}

.gallery-category-heading h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(54px, 5vw, 88px);
  line-height: 0.92;
  letter-spacing: -2.5px;
  font-weight: 600;
}

.gallery-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(0,0,0,0.12);
}

.gallery-category-card {
  position: relative;
  display: block;
  width: 100%;
  min-height: 540px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-right: 1px solid rgba(0,0,0,0.11);
  border-bottom: 1px solid rgba(0,0,0,0.11);
  background: #fbfaf7;
  cursor: pointer;
  text-align: left;
}

.gallery-category-card:nth-child(3n) {
  border-right: 0;
}

.gallery-category-card:nth-last-child(1),
.gallery-category-card:nth-last-child(2),
.gallery-category-card:nth-last-child(3) {
  border-bottom: 0;
}

.gallery-category-image {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.gallery-category-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.30) 50%, rgba(0,0,0,0.78) 100%);
  z-index: 2;
}

.gallery-category-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
}

.gallery-category-card:hover .gallery-category-image img {
  transform: scale(1.08);
}

.gallery-category-content {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 28px;
  z-index: 4;
  color: #fff;
}

.gallery-category-content span {
  display: block;
  margin-bottom: 24px;
  color: rgba(255,255,255,0.58);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.8px;
}

.gallery-category-content h3 {
  font-size: 34px;
  line-height: 1;
  letter-spacing: -1.3px;
  font-weight: 800;
  margin-bottom: 14px;
}

.gallery-category-content p {
  max-width: 330px;
  color: rgba(255,255,255,0.68);
  font-size: 14px;
  line-height: 1.55;
  margin-bottom: 24px;
}

.gallery-category-content strong {
  display: inline-flex;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,0.45);
  padding-bottom: 8px;
}

.gallery-category-card-dark .gallery-category-image::after {
  background:
    linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.40) 48%, rgba(0,0,0,0.88) 100%);
}

/* INFO */

.gallery-info-section {
  background: var(--black);
  color: #fff;
}

.gallery-info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-left: 1px solid rgba(255,255,255,0.12);
}

.gallery-info-grid div {
  min-height: 220px;
  padding: 34px 30px;
  border-right: 1px solid rgba(255,255,255,0.12);
}

.gallery-info-grid span {
  display: block;
  margin-bottom: 32px;
  color: rgba(255,255,255,0.44);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.4px;
}

.gallery-info-grid strong {
  display: block;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -0.8px;
  margin-bottom: 14px;
}

.gallery-info-grid p {
  color: rgba(255,255,255,0.62);
  font-size: 14.5px;
  line-height: 1.58;
}

/* LIGHTBOX SLIDER */

.gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 34px;
}

.gallery-lightbox.active {
  display: flex;
}

.gallery-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.72);
  backdrop-filter: blur(18px);
}

.gallery-lightbox-panel {
  position: relative;
  z-index: 2;
  width: min(1180px, 100%);
  max-height: 92vh;
  padding: 28px;
  overflow: hidden;
  background: #fbfaf7;
  border-radius: 38px;
  box-shadow: 0 40px 160px rgba(0,0,0,0.42);
}

.gallery-lightbox-close {
  position: absolute;
  right: 24px;
  top: 22px;
  z-index: 5;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  background: var(--black);
  color: #fff;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.gallery-lightbox-header {
  max-width: 760px;
  padding: 8px 72px 24px 4px;
}

.gallery-lightbox-header span {
  display: block;
  margin-bottom: 10px;
  color: rgba(0,0,0,0.42);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.2px;
}

.gallery-lightbox-header h3 {
  font-size: clamp(34px, 4vw, 58px);
  line-height: 0.98;
  letter-spacing: -1.7px;
  font-weight: 800;
  margin-bottom: 12px;
}

.gallery-lightbox-header p {
  color: rgba(0,0,0,0.58);
  font-size: 15px;
  line-height: 1.55;
}

.gallery-slider-frame {
  position: relative;
  display: grid;
  grid-template-columns: 64px 1fr 64px;
  gap: 18px;
  align-items: center;
}

.gallery-slider-image-wrap {
  height: min(62vh, 660px);
  overflow: hidden;
  border-radius: 28px;
  background: #eee;
}

.gallery-slider-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: galleryImageIn 0.55s cubic-bezier(.19, 1, .22, 1);
}

@keyframes galleryImageIn {
  from {
    opacity: 0;
    transform: scale(1.035);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}

.gallery-slider-arrow {
  width: 64px;
  height: 64px;
  border: 1px solid rgba(0,0,0,0.14);
  border-radius: 50%;
  background: #fff;
  color: var(--black);
  font-size: 46px;
  line-height: 1;
  cursor: pointer;
  transition: 0.3s ease;
}

.gallery-slider-arrow:hover {
  background: var(--black);
  color: #fff;
}

.gallery-slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 22px;
}

.gallery-slider-dots button {
  width: 34px;
  height: 4px;
  border: 0;
  background: rgba(0,0,0,0.18);
  cursor: pointer;
  transition: 0.3s ease;
}

.gallery-slider-dots button.active {
  background: var(--black);
  width: 58px;
}

/* RESPONSIVE */

@media (max-width: 1120px) {
  .gallery-hero-inner {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .gallery-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-category-card:nth-child(3n) {
    border-right: 1px solid rgba(0,0,0,0.11);
  }

  .gallery-category-card:nth-child(2n) {
    border-right: 0;
  }

  .gallery-category-card:nth-last-child(3) {
    border-bottom: 1px solid rgba(0,0,0,0.11);
  }

  .gallery-info-grid {
    grid-template-columns: 1fr;
  }

  .gallery-info-grid div {
    border-bottom: 1px solid rgba(255,255,255,0.12);
  }
}

@media (max-width: 760px) {
  .gallery-page-hero {
    padding: 122px 0 76px;
  }

  .gallery-hero-copy h1,
  .gallery-category-heading h2 {
    font-size: 40px;
    line-height: 1.02;
    letter-spacing: -1.4px;
  }

  .gallery-category-grid {
    grid-template-columns: 1fr;
  }

  .gallery-category-card,
  .gallery-category-card:nth-child(2n),
  .gallery-category-card:nth-child(3n) {
    min-height: 470px;
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.11);
  }

  .gallery-category-card:last-child {
    border-bottom: 0;
  }

  .gallery-lightbox {
    padding: 14px;
  }

  .gallery-lightbox-panel {
    padding: 18px;
    border-radius: 24px;
  }

  .gallery-lightbox-header {
    padding-right: 54px;
  }

  .gallery-slider-frame {
    grid-template-columns: 1fr;
  }

  .gallery-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 48px;
    height: 48px;
    font-size: 36px;
    transform: translateY(-50%);
  }

  .gallery-slider-prev {
    left: 12px;
  }

  .gallery-slider-next {
    right: 12px;
  }

  .gallery-slider-image-wrap {
    height: 58vh;
    border-radius: 20px;
  }
}.gallery-premium-hero {
  position: relative;
  overflow: hidden;
  padding: 150px 0 0;
  background:
    radial-gradient(circle at 84% 14%, rgba(215,197,180,0.26), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
}

.gallery-premium-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 74px;
  align-items: center;
  min-height: 690px;
}

.gallery-premium-copy h1 {
  max-width: 840px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(56px, 5.8vw, 96px);
  line-height: 0.9;
  letter-spacing: -2.8px;
  font-weight: 600;
  margin-bottom: 30px;
}

.gallery-premium-copy p {
  max-width: 700px;
  color: rgba(0,0,0,0.64);
  font-size: 17px;
  line-height: 1.82;
  margin-bottom: 38px;
}

.gallery-premium-actions {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 14px;
}

.gallery-premium-note {
  max-width: 390px;
  padding: 14px 18px;
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.74);
  backdrop-filter: blur(16px);
}

.gallery-premium-note span {
  display: block;
  margin-bottom: 6px;
  color: rgba(0,0,0,0.42);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.gallery-premium-note strong {
  display: block;
  color: rgba(0,0,0,0.72);
  font-size: 12.5px;
  line-height: 1.44;
}

.gallery-showcase-stage {
  position: relative;
  height: 650px;
}

.gallery-showcase-card {
  position: absolute;
  overflow: hidden;
  background: #eee;
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 36px 120px rgba(0,0,0,0.13);
}

.gallery-showcase-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-showcase-main {
  right: 5%;
  top: 0;
  width: 62%;
  height: 560px;
  border-radius: 50px 50px 10px 50px;
  z-index: 3;
  animation: galleryFloatMain 7s ease-in-out infinite;
}

.gallery-showcase-portrait {
  left: 0;
  top: 86px;
  width: 34%;
  height: 480px;
  border-radius: 34px;
  z-index: 2;
  animation: galleryFloatSide 7s ease-in-out infinite;
}

.gallery-showcase-landscape {
  right: 0;
  bottom: 12px;
  width: 52%;
  height: 210px;
  border-radius: 30px;
  z-index: 4;
  animation: galleryFloatWide 7s ease-in-out infinite;
}

.gallery-floating-badge {
  position: absolute;
  left: 50px;
  bottom: 34px;
  z-index: 5;
  width: 310px;
  padding: 22px 24px;
  border-radius: 26px;
  background: rgba(0,0,0,0.78);
  color: #fff;
  backdrop-filter: blur(18px);
}

.gallery-floating-badge span {
  display: block;
  margin-bottom: 8px;
  color: rgba(255,255,255,0.52);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.gallery-floating-badge strong {
  display: block;
  font-size: 18px;
  line-height: 1.28;
}

@keyframes galleryFloatMain {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-14px) rotate(-1deg); }
}

@keyframes galleryFloatSide {
  0%, 100% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(16px) rotate(1deg); }
}

@keyframes galleryFloatWide {
  0%, 100% { transform: translateY(0) rotate(1deg); }
  50% { transform: translateY(-12px) rotate(-1deg); }
}

.gallery-moving-strip {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  padding: 34px 0 44px;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.gallery-moving-track {
  display: flex;
  gap: 22px;
  width: max-content;
  animation: galleryMarquee 28s linear infinite;
}

.gallery-moving-track div {
  width: 250px;
  height: 150px;
  overflow: hidden;
  border-radius: 26px;
  background: #eee;
}

.gallery-moving-track div:nth-child(2n) {
  width: 130px;
  height: 180px;
}

.gallery-moving-track img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes galleryMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.gallery-ambient-lines span {
  position: absolute;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 50%;
  pointer-events: none;
}

.gallery-ambient-lines span:nth-child(1) {
  width: 640px;
  height: 640px;
  right: -180px;
  top: 130px;
}

.gallery-ambient-lines span:nth-child(2) {
  width: 420px;
  height: 420px;
  right: 100px;
  bottom: 50px;
}

.gallery-ambient-lines span:nth-child(3) {
  width: 260px;
  height: 260px;
  left: -90px;
  top: 220px;
}

.gallery-category-heading-premium p {
  max-width: 680px;
  margin-top: 22px;
  color: rgba(0,0,0,0.62);
  font-size: 16px;
  line-height: 1.7;
}

.gallery-whatsapp-card {
  position: relative;
  min-height: 540px;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background:
    radial-gradient(circle at 82% 12%, rgba(255,255,255,0.16), transparent 30%),
    linear-gradient(135deg, #050505 0%, #181513 100%);
  color: #fff;
  overflow: hidden;
}

.gallery-whatsapp-card::before {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 50%;
}

.gallery-whatsapp-card span {
  color: rgba(255,255,255,0.52);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.gallery-whatsapp-card h3 {
  max-width: 360px;
  font-size: 38px;
  line-height: 0.98;
  letter-spacing: -1.4px;
  margin-bottom: 18px;
}

.gallery-whatsapp-card p {
  max-width: 340px;
  color: rgba(255,255,255,0.66);
  font-size: 14px;
  line-height: 1.58;
  margin-bottom: 28px;
}

.gallery-whatsapp-card strong {
  display: inline-flex;
  width: fit-content;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.45);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}

.gallery-model-send-section {
  padding: 92px 0;
  background: var(--black);
  color: #fff;
}

.gallery-model-send-inner {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 70px;
  align-items: end;
}

.gallery-model-send-inner h2 {
  max-width: 720px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(46px, 5vw, 82px);
  line-height: 0.94;
  letter-spacing: -2.3px;
  font-weight: 600;
}

.gallery-model-send-inner p {
  max-width: 760px;
  color: rgba(255,255,255,0.66);
  font-size: 17px;
  line-height: 1.82;
}

/* LIGHTBOX DİKEY / YATAY FOTO UYUMLU */

.gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 34px;
}

.gallery-lightbox.active {
  display: flex;
}

.gallery-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.78);
  backdrop-filter: blur(20px);
}

.gallery-lightbox-panel {
  position: relative;
  z-index: 2;
  width: min(1180px, 100%);
  max-height: 94vh;
  padding: 28px;
  overflow: hidden;
  background: #fbfaf7;
  border-radius: 38px;
  box-shadow: 0 40px 160px rgba(0,0,0,0.42);
}

.gallery-lightbox-close {
  position: absolute;
  right: 24px;
  top: 22px;
  z-index: 5;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  background: var(--black);
  color: #fff;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.gallery-lightbox-header {
  max-width: 760px;
  padding: 8px 72px 22px 4px;
}

.gallery-lightbox-header span {
  display: block;
  margin-bottom: 10px;
  color: rgba(0,0,0,0.42);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.2px;
}

.gallery-lightbox-header h3 {
  font-size: clamp(34px, 4vw, 58px);
  line-height: 0.98;
  letter-spacing: -1.7px;
  font-weight: 800;
  margin-bottom: 10px;
}

.gallery-lightbox-header p {
  color: rgba(0,0,0,0.58);
  font-size: 15px;
  line-height: 1.55;
}

.gallery-slider-frame {
  position: relative;
  display: grid;
  grid-template-columns: 64px 1fr 64px;
  gap: 18px;
  align-items: center;
}

.gallery-slider-image-wrap {
  height: min(62vh, 660px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.09), transparent 34%),
    #111;
}

.gallery-slider-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: galleryImageIn 0.55s cubic-bezier(.19, 1, .22, 1);
}

@keyframes galleryImageIn {
  from {
    opacity: 0;
    transform: scale(1.035);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}

.gallery-slider-arrow {
  width: 64px;
  height: 64px;
  border: 1px solid rgba(0,0,0,0.14);
  border-radius: 50%;
  background: #fff;
  color: var(--black);
  font-size: 46px;
  line-height: 1;
  cursor: pointer;
  transition: 0.3s ease;
}

.gallery-slider-arrow:hover {
  background: var(--black);
  color: #fff;
}

.gallery-slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

.gallery-slider-dots button {
  width: 34px;
  height: 4px;
  border: 0;
  background: rgba(0,0,0,0.18);
  cursor: pointer;
  transition: 0.3s ease;
}

.gallery-slider-dots button.active {
  background: var(--black);
  width: 58px;
}

.gallery-lightbox-whatsapp {
  margin: 22px auto 0;
  width: fit-content;
  display: flex;
  padding: 15px 24px;
  border-radius: 999px;
  background: var(--black);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

/* RESPONSIVE */

@media (max-width: 1120px) {
  .gallery-premium-grid,
  .gallery-model-send-inner {
    grid-template-columns: 1fr;
  }

  .gallery-showcase-stage {
    height: 620px;
  }

  .gallery-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-category-card:nth-child(3n) {
    border-right: 1px solid rgba(0,0,0,0.11);
  }

  .gallery-category-card:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width: 760px) {
  .gallery-premium-hero {
    padding-top: 118px;
  }

  .gallery-premium-grid {
    min-height: auto;
    gap: 54px;
  }

  .gallery-premium-copy h1,
  .gallery-model-send-inner h2,
  .gallery-category-heading h2 {
    font-size: 40px;
    line-height: 1.02;
    letter-spacing: -1.4px;
  }

  .gallery-premium-actions {
    flex-direction: column;
  }

  .gallery-premium-actions .btn,
  .gallery-premium-note {
    width: 100%;
    max-width: none;
  }

  .gallery-showcase-stage {
    height: auto;
    display: grid;
    gap: 16px;
  }

  .gallery-showcase-card,
  .gallery-showcase-main,
  .gallery-showcase-portrait,
  .gallery-showcase-landscape,
  .gallery-floating-badge {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    animation: none;
  }

  .gallery-showcase-main,
  .gallery-showcase-portrait {
    aspect-ratio: 4 / 5;
    border-radius: 30px;
  }

  .gallery-showcase-landscape {
    aspect-ratio: 16 / 10;
    border-radius: 24px;
  }

  .gallery-category-grid {
    grid-template-columns: 1fr;
  }

  .gallery-category-card,
  .gallery-whatsapp-card {
    min-height: 470px;
    border-right: 0 !important;
  }

  .gallery-lightbox {
    padding: 14px;
  }

  .gallery-lightbox-panel {
    padding: 18px;
    border-radius: 24px;
  }

  .gallery-slider-frame {
    grid-template-columns: 1fr;
  }

  .gallery-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 48px;
    height: 48px;
    font-size: 36px;
    transform: translateY(-50%);
  }

  .gallery-slider-prev {
    left: 12px;
  }

  .gallery-slider-next {
    right: 12px;
  }

  .gallery-slider-image-wrap {
    height: 58vh;
    border-radius: 20px;
  }
}/* GALERI LIGHTBOX - TAM EKRAN PREMIUM ANIMASYON */

.gallery-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.55s cubic-bezier(.19, 1, .22, 1),
    visibility 0.55s cubic-bezier(.19, 1, .22, 1);
}

.gallery-lightbox.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gallery-lightbox-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(255,255,255,0.12), transparent 28%),
    rgba(0,0,0,0.92) !important;
  backdrop-filter: blur(24px);
  opacity: 0;
  transition: opacity 0.65s cubic-bezier(.19, 1, .22, 1);
}

.gallery-lightbox.active .gallery-lightbox-backdrop {
  opacity: 1;
}

.gallery-lightbox-panel {
  position: relative !important;
  z-index: 2 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-height: none !important;
  padding: 34px 42px 36px !important;
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transform: scale(0.96) translateY(34px);
  opacity: 0;
  transition:
    transform 0.72s cubic-bezier(.19, 1, .22, 1),
    opacity 0.72s cubic-bezier(.19, 1, .22, 1);
}

.gallery-lightbox.active .gallery-lightbox-panel {
  transform: scale(1) translateY(0);
  opacity: 1;
}

/* Kapanış animasyonu */
.gallery-lightbox.closing {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
}

.gallery-lightbox.closing .gallery-lightbox-panel {
  transform: scale(0.965) translateY(28px);
  opacity: 0;
}

.gallery-lightbox.closing .gallery-lightbox-backdrop {
  opacity: 0;
}

.gallery-lightbox-close {
  position: fixed !important;
  right: 34px !important;
  top: 30px !important;
  z-index: 20 !important;
  width: 56px !important;
  height: 56px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.10) !important;
  color: #fff !important;
  backdrop-filter: blur(18px);
  font-size: 34px !important;
  cursor: pointer;
  transition: 0.35s ease;
}

.gallery-lightbox-close:hover {
  background: #fff !important;
  color: #000 !important;
  transform: rotate(90deg);
}

.gallery-lightbox-header {
  position: relative;
  z-index: 5;
  max-width: 860px !important;
  padding: 0 90px 24px 0 !important;
  color: #fff;
}

.gallery-lightbox-header span {
  color: rgba(255,255,255,0.48) !important;
}

.gallery-lightbox-header h3 {
  color: #fff !important;
  font-size: clamp(34px, 4vw, 68px) !important;
}

.gallery-lightbox-header p {
  max-width: 680px;
  color: rgba(255,255,255,0.62) !important;
}

/* Tam ekran görsel alanı */
.gallery-slider-frame {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 78px 1fr 78px !important;
  gap: 24px !important;
  align-items: center !important;
  min-height: 0 !important;
}

.gallery-slider-image-wrap {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08), transparent 34%),
    rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.12);
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hem dikey hem yatay foto sorunsuz */
.gallery-slider-image-wrap img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: scale(1);
  opacity: 1;
  filter: blur(0);
}

/* Görsel değişim animasyonu */
.gallery-slider-image-wrap img.image-changing-out {
  animation: galleryImageOut 0.34s cubic-bezier(.55, .06, .68, .19) forwards;
}

.gallery-slider-image-wrap img.image-changing-in {
  animation: galleryImageInPremium 0.62s cubic-bezier(.19, 1, .22, 1) forwards;
}

@keyframes galleryImageOut {
  from {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform: scale(0.985) translateY(18px);
    filter: blur(12px);
  }
}

@keyframes galleryImageInPremium {
  from {
    opacity: 0;
    transform: scale(1.035) translateY(-18px);
    filter: blur(14px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: blur(0);
  }
}

.gallery-slider-arrow {
  width: 78px !important;
  height: 78px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  backdrop-filter: blur(18px);
  font-size: 54px !important;
  transition: 0.35s ease;
}

.gallery-slider-arrow:hover {
  background: #fff !important;
  color: #000 !important;
  transform: scale(1.06);
}

.gallery-slider-dots {
  margin-top: 24px !important;
}

.gallery-slider-dots button {
  background: rgba(255,255,255,0.22) !important;
}

.gallery-slider-dots button.active {
  background: #fff !important;
}

.gallery-lightbox-whatsapp {
  position: fixed;
  right: 34px;
  bottom: 32px;
  z-index: 20;
  margin: 0 !important;
  background: #fff !important;
  color: #000 !important;
  box-shadow: 0 18px 60px rgba(0,0,0,0.28);
  transition: 0.35s ease;
}

.gallery-lightbox-whatsapp:hover {
  transform: translateY(-4px);
}

/* Mobil tam ekran */
@media (max-width: 760px) {
  .gallery-lightbox-panel {
    padding: 22px 16px 26px !important;
  }

  .gallery-lightbox-close {
    right: 16px !important;
    top: 16px !important;
    width: 48px !important;
    height: 48px !important;
  }

  .gallery-lightbox-header {
    padding-right: 58px !important;
    padding-bottom: 16px !important;
  }

  .gallery-lightbox-header h3 {
    font-size: 30px !important;
  }

  .gallery-lightbox-header p {
    font-size: 13px !important;
  }

  .gallery-slider-frame {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .gallery-slider-image-wrap {
    height: 68vh !important;
    border-radius: 22px !important;
  }

  .gallery-slider-arrow {
    position: fixed !important;
    top: 58% !important;
    z-index: 30 !important;
    width: 48px !important;
    height: 48px !important;
    font-size: 36px !important;
    transform: translateY(-50%);
  }

  .gallery-slider-prev {
    left: 18px !important;
  }

  .gallery-slider-next {
    right: 18px !important;
  }

  .gallery-lightbox-whatsapp {
    left: 16px;
    right: 16px;
    bottom: 18px;
    justify-content: center;
    width: auto !important;
    text-align: center;
  }
}/* GALERI LIGHTBOX - TAM EKRAN PREMIUM ANIMASYON */

.gallery-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.55s cubic-bezier(.19, 1, .22, 1),
    visibility 0.55s cubic-bezier(.19, 1, .22, 1);
}

.gallery-lightbox.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gallery-lightbox-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(255,255,255,0.12), transparent 28%),
    rgba(0,0,0,0.92) !important;
  backdrop-filter: blur(24px);
  opacity: 0;
  transition: opacity 0.65s cubic-bezier(.19, 1, .22, 1);
}

.gallery-lightbox.active .gallery-lightbox-backdrop {
  opacity: 1;
}

.gallery-lightbox-panel {
  position: relative !important;
  z-index: 2 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-height: none !important;
  padding: 34px 42px 36px !important;
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transform: scale(0.96) translateY(34px);
  opacity: 0;
  transition:
    transform 0.72s cubic-bezier(.19, 1, .22, 1),
    opacity 0.72s cubic-bezier(.19, 1, .22, 1);
}

.gallery-lightbox.active .gallery-lightbox-panel {
  transform: scale(1) translateY(0);
  opacity: 1;
}

/* KAPANIŞ ANİMASYONU */

.gallery-lightbox.closing {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
}

.gallery-lightbox.closing .gallery-lightbox-panel {
  transform: scale(0.965) translateY(28px);
  opacity: 0;
}

.gallery-lightbox.closing .gallery-lightbox-backdrop {
  opacity: 0;
}

/* KAPAT BUTONU */

.gallery-lightbox-close {
  position: fixed !important;
  right: 34px !important;
  top: 30px !important;
  z-index: 20 !important;
  width: 56px !important;
  height: 56px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.10) !important;
  color: #fff !important;
  backdrop-filter: blur(18px);
  font-size: 34px !important;
  line-height: 1 !important;
  cursor: pointer;
  transition: 0.35s ease;
}

.gallery-lightbox-close:hover {
  background: #fff !important;
  color: #000 !important;
  transform: rotate(90deg);
}

/* BAŞLIK ALANI */

.gallery-lightbox-header {
  position: relative;
  z-index: 5;
  max-width: 860px !important;
  padding: 0 90px 24px 0 !important;
  color: #fff;
}

.gallery-lightbox-header span {
  color: rgba(255,255,255,0.48) !important;
}

.gallery-lightbox-header h3 {
  color: #fff !important;
  font-size: clamp(34px, 4vw, 68px) !important;
}

.gallery-lightbox-header p {
  max-width: 680px;
  color: rgba(255,255,255,0.62) !important;
}

/* TAM EKRAN GÖRSEL ALANI */

.gallery-slider-frame {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 78px 1fr 78px !important;
  gap: 24px !important;
  align-items: center !important;
  min-height: 0 !important;
}

.gallery-slider-image-wrap {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08), transparent 34%),
    rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.12);
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* DİKEY VE YATAY FOTOĞRAFLAR KIRPILMADAN GÖRÜNSÜN */

.gallery-slider-image-wrap img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: scale(1);
  opacity: 1;
  filter: blur(0);
}

/* GÖRSEL DEĞİŞİM ANİMASYONU */

.gallery-slider-image-wrap img.image-changing-out {
  animation: galleryImageOut 0.34s cubic-bezier(.55, .06, .68, .19) forwards;
}

.gallery-slider-image-wrap img.image-changing-in {
  animation: galleryImageInPremium 0.62s cubic-bezier(.19, 1, .22, 1) forwards;
}

@keyframes galleryImageOut {
  from {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: blur(0);
  }

  to {
    opacity: 0;
    transform: scale(0.985) translateY(18px);
    filter: blur(12px);
  }
}

@keyframes galleryImageInPremium {
  from {
    opacity: 0;
    transform: scale(1.035) translateY(-18px);
    filter: blur(14px);
  }

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

/* OKLAR */

.gallery-slider-arrow {
  width: 78px !important;
  height: 78px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  backdrop-filter: blur(18px);
  font-size: 54px !important;
  line-height: 1 !important;
  transition: 0.35s ease;
}

.gallery-slider-arrow:hover {
  background: #fff !important;
  color: #000 !important;
  transform: scale(1.06);
}

/* DOTS */

.gallery-slider-dots {
  margin-top: 24px !important;
}

.gallery-slider-dots button {
  background: rgba(255,255,255,0.22) !important;
}

.gallery-slider-dots button.active {
  background: #fff !important;
}

/* WHATSAPP BUTONU */

.gallery-lightbox-whatsapp {
  position: fixed;
  right: 34px;
  bottom: 32px;
  z-index: 20;
  margin: 0 !important;
  background: #fff !important;
  color: #000 !important;
  box-shadow: 0 18px 60px rgba(0,0,0,0.28);
  transition: 0.35s ease;
}

.gallery-lightbox-whatsapp:hover {
  transform: translateY(-4px);
}

/* MOBIL */

@media (max-width: 760px) {
  .gallery-lightbox-panel {
    padding: 22px 16px 26px !important;
  }

  .gallery-lightbox-close {
    right: 16px !important;
    top: 16px !important;
    width: 48px !important;
    height: 48px !important;
  }

  .gallery-lightbox-header {
    padding-right: 58px !important;
    padding-bottom: 16px !important;
  }

  .gallery-lightbox-header h3 {
    font-size: 30px !important;
  }

  .gallery-lightbox-header p {
    font-size: 13px !important;
  }

  .gallery-slider-frame {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .gallery-slider-image-wrap {
    height: 68vh !important;
    border-radius: 22px !important;
  }

  .gallery-slider-arrow {
    position: fixed !important;
    top: 58% !important;
    z-index: 30 !important;
    width: 48px !important;
    height: 48px !important;
    font-size: 36px !important;
    transform: translateY(-50%);
  }

  .gallery-slider-prev {
    left: 18px !important;
  }

  .gallery-slider-next {
    right: 18px !important;
  }

  .gallery-lightbox-whatsapp {
    left: 16px;
    right: 16px;
    bottom: 18px;
    justify-content: center;
    width: auto !important;
    text-align: center;
  }
}/* ILETISIM SAYFASI - FRESH KONUM ODAKLI TASARIM */

.contact-hero-fresh {
  position: relative;
  min-height: 100vh;
  padding: 150px 0 74px;
  overflow: hidden;
  background: #fbfaf7;
}

.contact-map-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  filter: grayscale(1) contrast(1.05) brightness(0.92);
}

.contact-map-bg iframe {
  width: 100%;
  height: 100%;
}

.contact-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    radial-gradient(circle at 78% 18%, rgba(255,255,255,0.10), transparent 28%),
    linear-gradient(90deg, rgba(251,250,247,0.96) 0%, rgba(251,250,247,0.88) 42%, rgba(251,250,247,0.30) 100%);
}

.contact-hero-inner {
  position: relative;
  z-index: 4;
  min-height: calc(100vh - 224px);
  display: grid;
  grid-template-columns: 0.9fr 0.48fr;
  gap: 72px;
  align-items: end;
}

.contact-location-card {
  max-width: 760px;
  padding: 42px;
  background: rgba(255,255,255,0.82);
  backdrop-filter: blur(24px);
  border: 1px solid rgba(0,0,0,0.11);
  box-shadow: 0 34px 120px rgba(0,0,0,0.13);
}

.contact-location-card h1 {
  max-width: 720px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(54px, 5.5vw, 92px);
  line-height: 0.9;
  letter-spacing: -2.7px;
  font-weight: 600;
  margin-bottom: 28px;
}

.contact-location-card p {
  max-width: 620px;
  color: rgba(0,0,0,0.64);
  font-size: 16.5px;
  line-height: 1.78;
  margin-bottom: 30px;
}

.contact-address-box {
  padding: 28px;
  margin-bottom: 30px;
  background: #050505;
  color: #fff;
}

.contact-address-box span {
  display: block;
  margin-bottom: 14px;
  color: rgba(255,255,255,0.46);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

.contact-address-box strong {
  display: block;
  font-size: clamp(22px, 2vw, 32px);
  line-height: 1.28;
  letter-spacing: -0.8px;
}

.contact-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.contact-floating-info {
  align-self: end;
  display: grid;
  gap: 14px;
}

.contact-floating-info div {
  padding: 24px;
  background: rgba(255,255,255,0.80);
  backdrop-filter: blur(22px);
  border: 1px solid rgba(0,0,0,0.11);
  box-shadow: 0 20px 80px rgba(0,0,0,0.10);
}

.contact-floating-info span {
  display: block;
  margin-bottom: 9px;
  color: rgba(0,0,0,0.42);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}

.contact-floating-info a,
.contact-floating-info strong {
  display: block;
  color: var(--black);
  font-size: 19px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: -0.5px;
}

/* ROUTE SECTION */

.contact-route-section {
  padding: 106px 0;
  background: #fff;
}

.contact-route-grid {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 84px;
  align-items: center;
}

.contact-route-copy h2 {
  max-width: 640px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(48px, 5vw, 82px);
  line-height: 0.94;
  letter-spacing: -2.2px;
  font-weight: 600;
  margin-bottom: 26px;
}

.contact-route-copy p {
  max-width: 560px;
  color: rgba(0,0,0,0.62);
  font-size: 16.5px;
  line-height: 1.78;
}

.contact-route-panel {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  min-height: 560px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fbfaf7;
}

.route-mini-map {
  min-height: 560px;
  overflow: hidden;
  filter: grayscale(1) contrast(1.04) brightness(1.02);
}

.route-mini-map iframe {
  width: 100%;
  height: 100%;
}

.route-detail-list {
  display: grid;
  background: #050505;
  color: #fff;
}

.route-detail-list div {
  padding: 34px;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.route-detail-list div:last-child {
  border-bottom: 0;
}

.route-detail-list span {
  display: block;
  margin-bottom: 26px;
  color: rgba(255,255,255,0.42);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.3px;
}

.route-detail-list strong {
  display: block;
  font-size: 25px;
  line-height: 1.08;
  letter-spacing: -0.8px;
  margin-bottom: 12px;
}

.route-detail-list p {
  color: rgba(255,255,255,0.62);
  font-size: 14px;
  line-height: 1.55;
}

/* DIRECT CONTACT */

.contact-direct-section {
  padding: 0 0 96px;
  background: #fff;
}

.contact-direct-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(0,0,0,0.12);
}

.contact-direct-card {
  min-height: 310px;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fbfaf7;
  border-right: 1px solid rgba(0,0,0,0.11);
  transition: 0.35s ease;
}

.contact-direct-card:last-child {
  border-right: 0;
}

.contact-direct-card span {
  color: rgba(0,0,0,0.42);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

.contact-direct-card h3 {
  max-width: 380px;
  font-size: 30px;
  line-height: 1.03;
  letter-spacing: -1.1px;
}

.contact-direct-card strong {
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: -0.3px;
}

.contact-direct-card:hover {
  background: #fff;
  transform: translateY(-6px);
  box-shadow: 0 24px 80px rgba(0,0,0,0.09);
}

.contact-direct-dark {
  background: var(--black);
  color: #fff;
}

.contact-direct-dark span {
  color: rgba(255,255,255,0.48);
}

.contact-direct-dark:hover {
  background: #111;
}

/* SIMPLE FOOTER */

.contact-simple-footer {
  padding: 28px 0;
  background: #fbfaf7;
  border-top: 1px solid rgba(0,0,0,0.10);
}

.contact-simple-footer-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 42px;
  align-items: center;
}

.contact-simple-footer img {
  width: 150px;
}

.contact-simple-footer p {
  color: var(--black);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.2px;
  margin-bottom: 5px;
}

.contact-simple-footer span {
  color: rgba(0,0,0,0.48);
  font-size: 13px;
}

.contact-simple-footer-inner > div:last-child {
  display: flex;
  gap: 22px;
}

.contact-simple-footer a {
  color: rgba(0,0,0,0.56);
  font-size: 13px;
  font-weight: 700;
}

.contact-simple-footer a:hover {
  color: var(--black);
}

/* RESPONSIVE */

@media (max-width: 1120px) {
  .contact-hero-inner,
  .contact-route-grid,
  .contact-route-panel {
    grid-template-columns: 1fr;
  }

  .contact-hero-overlay {
    background: rgba(251,250,247,0.88);
  }

  .contact-route-panel,
  .route-mini-map {
    min-height: auto;
  }

  .route-mini-map {
    height: 420px;
  }

  .contact-direct-grid {
    grid-template-columns: 1fr;
  }

  .contact-direct-card {
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.11);
  }

  .contact-direct-card:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 760px) {
  .contact-hero-fresh {
    padding: 122px 0 62px;
  }

  .contact-hero-inner {
    min-height: auto;
    gap: 32px;
  }

  .contact-location-card {
    padding: 28px 22px;
  }

  .contact-location-card h1,
  .contact-route-copy h2 {
    font-size: 40px;
    line-height: 1.02;
    letter-spacing: -1.4px;
  }

  .contact-address-box {
    padding: 22px;
  }

  .contact-address-box strong {
    font-size: 22px;
  }

  .contact-hero-actions {
    flex-direction: column;
  }

  .contact-hero-actions .btn {
    width: 100%;
  }

  .contact-route-section {
    padding: 74px 0;
  }

  .route-mini-map {
    height: 360px;
  }

  .contact-direct-card {
    min-height: 260px;
    padding: 26px;
  }

  .contact-direct-card h3 {
    font-size: 26px;
  }

  .contact-simple-footer-inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .contact-simple-footer-inner > div:last-child {
    flex-wrap: wrap;
  }
}.studio-opening-hero {
  position: relative;
  min-height: 100vh;
  padding: 150px 0 72px;
  overflow: hidden;
  background: #050505;
  color: #fff;
}

.studio-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.studio-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.08);
  animation: studioHeroZoom 9s cubic-bezier(.19, 1, .22, 1) forwards;
}

@keyframes studioHeroZoom {
  from {
    transform: scale(1.16);
    filter: blur(6px);
  }

  to {
    transform: scale(1.04);
    filter: blur(0);
  }
}

.studio-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    radial-gradient(circle at 82% 20%, rgba(255,255,255,0.12), transparent 25%),
    linear-gradient(90deg, rgba(0,0,0,0.86) 0%, rgba(0,0,0,0.62) 44%, rgba(0,0,0,0.18) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.20), rgba(0,0,0,0.88));
}

.studio-hero-inner {
  position: relative;
  z-index: 4;
  min-height: calc(100vh - 222px);
  display: grid;
  grid-template-columns: 1fr 0.48fr;
  gap: 80px;
  align-items: end;
}

.studio-hero-copy {
  animation: studioCopyIn 1s cubic-bezier(.19, 1, .22, 1) forwards;
}

@keyframes studioCopyIn {
  from {
    opacity: 0;
    transform: translateY(42px);
    filter: blur(12px);
  }

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

.studio-hero-copy .section-kicker {
  color: rgba(255,255,255,0.56);
}

.studio-hero-copy h1 {
  max-width: 920px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(58px, 6.2vw, 108px);
  line-height: 0.88;
  letter-spacing: -3px;
  font-weight: 600;
  margin-bottom: 30px;
}

.studio-hero-copy p {
  max-width: 720px;
  color: rgba(255,255,255,0.70);
  font-size: 17px;
  line-height: 1.82;
  margin-bottom: 38px;
}

.studio-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: stretch;
}

.studio-hero-mini-note {
  max-width: 380px;
  padding: 14px 18px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(18px);
}

.studio-hero-mini-note span {
  display: block;
  margin-bottom: 6px;
  color: rgba(255,255,255,0.50);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.studio-hero-mini-note strong {
  display: block;
  color: rgba(255,255,255,0.82);
  font-size: 12.5px;
  line-height: 1.44;
}

.studio-hero-proof {
  display: grid;
  gap: 14px;
}

.studio-hero-proof div {
  padding: 24px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.14);
  backdrop-filter: blur(18px);
}

.studio-hero-proof span {
  display: block;
  font-size: 34px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -1.4px;
  margin-bottom: 12px;
}

.studio-hero-proof strong {
  display: block;
  color: rgba(255,255,255,0.68);
  font-size: 14px;
  line-height: 1.45;
}

.studio-scroll-hook {
  position: absolute;
  left: 50%;
  bottom: 28px;
  z-index: 5;
  transform: translateX(-50%);
  color: rgba(255,255,255,0.55);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.6px;
  text-transform: uppercase;
}

.studio-scroll-hook::after {
  content: "";
  display: block;
  width: 1px;
  height: 42px;
  margin: 12px auto 0;
  background: rgba(255,255,255,0.36);
  animation: studioScrollLine 1.6s ease-in-out infinite;
}

@keyframes studioScrollLine {
  0%, 100% {
    transform: scaleY(0.45);
    opacity: 0.35;
  }

  50% {
    transform: scaleY(1);
    opacity: 1;
  }
}

/* HEALTH */

.studio-health-section {
  padding: 118px 0;
  background: #fbfaf7;
}

.studio-health-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 86px;
  align-items: center;
}

.studio-health-copy h2,
.studio-certificate-heading h2,
.studio-private-copy h2,
.studio-flow-heading h2,
.studio-final-grid h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(50px, 5vw, 86px);
  line-height: 0.93;
  letter-spacing: -2.4px;
  font-weight: 600;
  margin-bottom: 28px;
}

.studio-health-copy p,
.studio-certificate-heading p,
.studio-private-copy p,
.studio-final-grid p {
  max-width: 720px;
  color: rgba(0,0,0,0.64);
  font-size: 16.5px;
  line-height: 1.78;
}

.studio-health-points {
  margin-top: 38px;
  display: grid;
  gap: 12px;
}

.studio-health-points div {
  padding: 22px 0;
  border-bottom: 1px solid rgba(0,0,0,0.10);
}

.studio-health-points strong {
  display: block;
  font-size: 22px;
  letter-spacing: -0.7px;
  margin-bottom: 8px;
}

.studio-health-points span {
  color: rgba(0,0,0,0.58);
  font-size: 14.5px;
  line-height: 1.5;
}

.studio-health-visual {
  position: relative;
}

.studio-health-main-img {
  height: 690px;
  overflow: hidden;
  border-radius: 52px 52px 8px 52px;
  box-shadow: 0 40px 120px rgba(0,0,0,0.13);
}

.studio-health-main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.studio-health-floating-card {
  position: absolute;
  left: -34px;
  bottom: 38px;
  width: 310px;
  padding: 24px;
  background: #050505;
  color: #fff;
  box-shadow: 0 26px 80px rgba(0,0,0,0.26);
}

.studio-health-floating-card span,
.studio-certificate-card span,
.studio-private-label span {
  display: block;
  margin-bottom: 9px;
  color: rgba(255,255,255,0.50);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}

.studio-health-floating-card strong,
.studio-certificate-card strong,
.studio-private-label strong {
  display: block;
  font-size: 20px;
  line-height: 1.3;
}

/* CERTIFICATE */

.studio-certificate-section {
  padding: 118px 0;
  background: #fff;
  overflow: hidden;
}

.studio-certificate-heading {
  max-width: 920px;
}

.studio-certificate-marquee {
  margin: 56px 0;
  overflow: hidden;
  border-top: 1px solid rgba(0,0,0,0.10);
  border-bottom: 1px solid rgba(0,0,0,0.10);
}

.studio-certificate-track {
  display: flex;
  gap: 44px;
  width: max-content;
  padding: 22px 0;
  animation: studioCertMove 30s linear infinite;
}

.studio-certificate-track span {
  color: rgba(0,0,0,0.38);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 3px;
  text-transform: uppercase;
}

@keyframes studioCertMove {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.studio-certificate-visual-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 24px;
  align-items: stretch;
}

.studio-certificate-image {
  overflow: hidden;
  background: #eee;
}

.studio-certificate-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.studio-certificate-image.large {
  height: 720px;
  border-radius: 44px 8px 44px 44px;
}

.studio-certificate-image.small-top {
  height: 420px;
  border-radius: 8px 44px 44px 8px;
}

.studio-certificate-card {
  padding: 32px;
  background: #050505;
  color: #fff;
  border-radius: 34px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

/* PRIVATE */

.studio-private-section {
  padding: 118px 0;
  background: #fbfaf7;
}

.studio-private-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 88px;
  align-items: center;
}

.studio-private-stage {
  position: relative;
  min-height: 720px;
}

.studio-private-img {
  position: absolute;
  overflow: hidden;
  box-shadow: 0 38px 110px rgba(0,0,0,0.12);
}

.studio-private-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.studio-private-img-one {
  left: 0;
  top: 0;
  width: 68%;
  height: 650px;
  border-radius: 52px 52px 8px 52px;
}

.studio-private-img-two {
  right: 0;
  bottom: 0;
  width: 46%;
  height: 420px;
  border-radius: 34px;
  border: 12px solid #fbfaf7;
}

.studio-private-label {
  position: absolute;
  left: 34px;
  bottom: 34px;
  z-index: 4;
  width: 330px;
  padding: 24px;
  background: rgba(0,0,0,0.78);
  color: #fff;
  backdrop-filter: blur(18px);
  border-radius: 28px;
}

.studio-private-list {
  margin-top: 38px;
  display: grid;
  gap: 14px;
}

.studio-private-list div {
  padding: 24px;
  border: 1px solid rgba(0,0,0,0.11);
  background: #fff;
}

.studio-private-list span {
  display: block;
  margin-bottom: 20px;
  color: rgba(0,0,0,0.38);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.2px;
}

.studio-private-list strong {
  display: block;
  font-size: 24px;
  letter-spacing: -0.8px;
  margin-bottom: 10px;
}

.studio-private-list p {
  color: rgba(0,0,0,0.58);
  font-size: 14.5px;
  line-height: 1.55;
}

/* FLOW */

.studio-flow-section {
  padding: 110px 0;
  background: #050505;
  color: #fff;
}

.studio-flow-heading {
  max-width: 820px;
  margin-bottom: 58px;
}

.studio-flow-heading .section-kicker {
  color: rgba(255,255,255,0.50);
}

.studio-flow-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-left: 1px solid rgba(255,255,255,0.13);
}

.studio-flow-step {
  min-height: 300px;
  padding: 32px;
  border-right: 1px solid rgba(255,255,255,0.13);
}

.studio-flow-step span {
  display: block;
  margin-bottom: 70px;
  color: rgba(255,255,255,0.42);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2.4px;
}

.studio-flow-step h3 {
  font-size: 30px;
  letter-spacing: -1px;
  margin-bottom: 14px;
}

.studio-flow-step p {
  color: rgba(255,255,255,0.62);
  font-size: 14.5px;
  line-height: 1.58;
}

/* FINAL */

.studio-final-experience {
  padding: 104px 0;
  background:
    radial-gradient(circle at 84% 16%, rgba(255,255,255,0.12), transparent 28%),
    linear-gradient(135deg, #050505 0%, #171513 100%);
  color: #fff;
}

.studio-final-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 78px;
  align-items: end;
}

.studio-final-grid .section-kicker {
  color: rgba(255,255,255,0.50);
}

.studio-final-grid p {
  color: rgba(255,255,255,0.68);
  margin-bottom: 30px;
}

/* RESPONSIVE */

@media (max-width: 1120px) {
  .studio-hero-inner,
  .studio-health-grid,
  .studio-certificate-visual-grid,
  .studio-private-grid,
  .studio-final-grid {
    grid-template-columns: 1fr;
  }

  .studio-hero-proof {
    grid-template-columns: repeat(3, 1fr);
  }

  .studio-private-stage {
    min-height: 680px;
  }

  .studio-flow-steps {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .studio-opening-hero {
    padding: 122px 0 70px;
  }

  .studio-hero-inner {
    min-height: auto;
    gap: 42px;
  }

  .studio-hero-copy h1,
  .studio-health-copy h2,
  .studio-certificate-heading h2,
  .studio-private-copy h2,
  .studio-flow-heading h2,
  .studio-final-grid h2 {
    font-size: 40px;
    line-height: 1.02;
    letter-spacing: -1.4px;
  }

  .studio-hero-actions {
    flex-direction: column;
  }

  .studio-hero-actions .btn,
  .studio-hero-mini-note {
    width: 100%;
    max-width: none;
  }

  .studio-hero-proof {
    grid-template-columns: 1fr;
  }

  .studio-health-section,
  .studio-certificate-section,
  .studio-private-section,
  .studio-flow-section,
  .studio-final-experience {
    padding: 76px 0;
  }

  .studio-health-main-img,
  .studio-certificate-image.large,
  .studio-certificate-image.small-top {
    height: auto;
    aspect-ratio: 4 / 5;
    border-radius: 30px;
  }

  .studio-health-floating-card {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 16px;
  }

  .studio-private-stage {
    min-height: auto;
    display: grid;
    gap: 16px;
  }

  .studio-private-img,
  .studio-private-img-one,
  .studio-private-img-two,
  .studio-private-label {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    height: auto;
  }

  .studio-private-img-one,
  .studio-private-img-two {
    aspect-ratio: 4 / 5;
    border-radius: 30px;
    border: 0;
  }

  .studio-flow-steps {
    grid-template-columns: 1fr;
  }

  .studio-flow-step {
    min-height: auto;
  }

  .studio-flow-step span {
    margin-bottom: 34px;
  }
} /* GALERI MOBIL GORUNURLUK FIX */

@media (max-width: 760px) {
  .gallery-category-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 68px 0 !important;
    background: #fff !important;
    overflow: visible !important;
  }

  .gallery-category-section .container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .gallery-category-heading,
  .gallery-category-heading-premium {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 34px !important;
  }

  .gallery-category-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    border: 1px solid rgba(0,0,0,0.10) !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  .gallery-category-card,
  .gallery-whatsapp-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 460px !important;
    height: 460px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    overflow: hidden !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.10) !important;
  }

  .gallery-category-card:last-child,
  .gallery-whatsapp-card:last-child {
    border-bottom: 0 !important;
  }

  .gallery-category-image {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .gallery-category-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .gallery-category-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,0.02) 0%,
        rgba(0,0,0,0.26) 42%,
        rgba(0,0,0,0.82) 100%
      ) !important;
  }

  .gallery-category-content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 5 !important;
    display: block !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
  }

  .gallery-category-content h3 {
    font-size: 31px !important;
    line-height: 1 !important;
    color: #fff !important;
  }

  .gallery-category-content p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,0.72) !important;
  }

  .gallery-category-content span,
  .gallery-category-content strong {
    color: #fff !important;
  }

  /* Scroll animasyonu mobilde bu bölümü gizlemesin */
  html.js-animations .gallery-category-section,
  html.js-animations .gallery-category-section .scroll-item,
  html.js-animations .gallery-category-card,
  html.js-animations .gallery-whatsapp-card {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
  }
}/* SVETLANA HAKKINDA - EKRANA SIĞDIRMA FIX */

.svetlana-about-section {
  padding: 82px 0 !important;
  overflow: hidden !important;
}

.svetlana-about-grid {
  grid-template-columns: 0.72fr 1.28fr !important;
  gap: 62px !important;
  align-items: center !important;
}

.svetlana-about-portrait {
  height: 560px !important;
  max-height: calc(100vh - 180px) !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 42px 42px 8px 42px !important;
}

.svetlana-about-portrait img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;

  /* yüzü ve üst gövdeyi düzgün kadraja alır */
  object-position: center 28% !important;

  /* aşırı zoomu iptal eder */
  transform: scale(1.01) !important;
}

.svetlana-about-copy h2 {
  font-size: clamp(42px, 4.1vw, 68px) !important;
  line-height: 0.96 !important;
  letter-spacing: -2px !important;
  margin-bottom: 24px !important;
}

.svetlana-about-copy p {
  font-size: 15.2px !important;
  line-height: 1.62 !important;
  margin-bottom: 16px !important;
}

.svetlana-about-points {
  margin-top: 28px !important;
}

.svetlana-about-points div {
  padding: 22px !important;
}

.svetlana-about-points strong {
  font-size: 19px !important;
}

.svetlana-about-points p {
  font-size: 13.5px !important;
  line-height: 1.48 !important;
}

/* Laptop kısa ekranlarda ekstra sıkıştırma */
@media (max-height: 820px) and (min-width: 1121px) {
  .svetlana-about-section {
    padding: 62px 0 !important;
  }

  .svetlana-about-portrait {
    height: 500px !important;
  }

  .svetlana-about-copy h2 {
    font-size: 54px !important;
  }

  .svetlana-about-copy p {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }

  .svetlana-about-points div {
    padding: 18px !important;
  }
}

/* Tablet / mobil doğal akış */
@media (max-width: 1120px) {
  .svetlana-about-grid {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .svetlana-about-portrait {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 4 / 5 !important;
    max-width: 560px !important;
  }

  .svetlana-about-portrait img {
    object-position: center 30% !important;
    transform: scale(1.02) !important;
  }
}

@media (max-width: 760px) {
  .svetlana-about-section {
    padding: 68px 0 !important;
  }

  .svetlana-about-portrait {
    max-width: none !important;
    border-radius: 30px !important;
  }

  .svetlana-about-copy h2 {
    font-size: 38px !important;
    line-height: 1.02 !important;
    letter-spacing: -1.3px !important;
  }

  .svetlana-about-copy p {
    font-size: 14.8px !important;
    line-height: 1.62 !important;
  }
}/* SVETLANA MINI BOLUM - TEK EKRANA SIGAN MINIMAL TASARIM */

.svetlana-mini-section {
  position: relative;
  overflow: hidden;
  padding: 86px 0 !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(215,197,180,0.18), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
  scroll-margin-top: 110px;
}

.svetlana-mini-section::before {
  content: "";
  position: absolute;
  right: -180px;
  top: -220px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(0,0,0,0.055);
  border-radius: 50%;
  pointer-events: none;
}

.svetlana-mini-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.56fr 1.44fr;
  gap: 64px;
  align-items: center;
}

/* FOTOĞRAF KÜÇÜK / KONTROLLÜ */

.svetlana-mini-photo {
  position: relative;
  height: 420px;
  max-height: calc(100vh - 220px);
  overflow: hidden;
  border-radius: 36px 36px 8px 36px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #eee;
  box-shadow: 0 30px 95px rgba(0,0,0,0.12);
}

.svetlana-mini-photo::before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 2;
  border: 1px solid rgba(255,255,255,0.42);
  border-radius: 24px 24px 4px 24px;
  pointer-events: none;
}

.svetlana-mini-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 34%;
  transform: scale(1.03);
}

.svetlana-mini-photo-label {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 3;
  padding: 15px 17px;
  border-radius: 18px;
  background: rgba(0,0,0,0.68);
  color: #fff;
  backdrop-filter: blur(16px);
}

.svetlana-mini-photo-label span {
  display: block;
  margin-bottom: 6px;
  color: rgba(255,255,255,0.56);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.svetlana-mini-photo-label strong {
  display: block;
  font-size: 20px;
  line-height: 1.12;
  letter-spacing: -0.5px;
}

/* METİN */

.svetlana-mini-copy {
  max-width: 980px;
}

.svetlana-mini-copy h2 {
  max-width: 880px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(44px, 4.8vw, 78px);
  line-height: 0.94;
  letter-spacing: -2.4px;
  font-weight: 600;
  margin-bottom: 24px;
}

.svetlana-mini-copy p {
  max-width: 780px;
  color: rgba(0,0,0,0.64);
  font-size: 15.8px;
  line-height: 1.68;
  margin-bottom: 16px;
}

/* ALT MINI BILGI BLOKLARI */

.svetlana-mini-stats {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.68);
  backdrop-filter: blur(14px);
}

.svetlana-mini-stats div {
  padding: 24px 22px;
  border-right: 1px solid rgba(0,0,0,0.10);
}

.svetlana-mini-stats div:last-child {
  border-right: 0;
}

.svetlana-mini-stats strong {
  display: block;
  margin-bottom: 8px;
  color: var(--black);
  font-size: 23px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.8px;
}

.svetlana-mini-stats span {
  display: block;
  color: rgba(0,0,0,0.54);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 600;
}

/* ESKI SVETLANA ABOUT CSS VARSA EZ */

.svetlana-about-section,
.svetlana-about-grid,
.svetlana-about-portrait,
.svetlana-about-copy,
.svetlana-about-points {
  max-height: none !important;
}

/* KISA LAPTOP EKRANLARI */

@media (max-height: 820px) and (min-width: 1121px) {
  .svetlana-mini-section {
    padding: 62px 0 !important;
  }

  .svetlana-mini-photo {
    height: 360px;
  }

  .svetlana-mini-copy h2 {
    font-size: 58px;
    margin-bottom: 18px;
  }

  .svetlana-mini-copy p {
    font-size: 14.8px;
    line-height: 1.58;
    margin-bottom: 12px;
  }

  .svetlana-mini-stats {
    margin-top: 22px;
  }

  .svetlana-mini-stats div {
    padding: 18px;
  }
}

/* TABLET */

@media (max-width: 1120px) {
  .svetlana-mini-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .svetlana-mini-photo {
    height: auto;
    aspect-ratio: 4 / 5;
    max-width: 520px;
    max-height: none;
  }

  .svetlana-mini-stats {
    grid-template-columns: 1fr;
  }

  .svetlana-mini-stats div {
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.10);
  }

  .svetlana-mini-stats div:last-child {
    border-bottom: 0;
  }
}

/* MOBIL */

@media (max-width: 760px) {
  .svetlana-mini-section {
    padding: 68px 0 !important;
  }

  .svetlana-mini-grid {
    gap: 30px;
  }

  .svetlana-mini-photo {
    max-width: none;
    border-radius: 28px;
  }

  .svetlana-mini-photo::before {
    border-radius: 18px;
  }

  .svetlana-mini-copy h2 {
    font-size: 38px;
    line-height: 1.02;
    letter-spacing: -1.3px;
  }

  .svetlana-mini-copy p {
    font-size: 14.8px;
    line-height: 1.62;
  }

  .svetlana-mini-stats strong {
    font-size: 21px;
  }
}