:root {
  --bg: #f4efea;
  --surface: #fbf8f3;
  --surface-alt: #121212;
  --panel: rgba(255, 255, 255, 0.72);
  --text: #151515;
  --muted: #5b5752;
  --line: rgba(22, 22, 22, 0.12);
  --gold: #b89a5b;
  --gold-soft: #d9c69c;
  --silver: #c4c7cc;
  --silver-strong: #8f949c;
  --black: #0b0b0b;
  --white: #ffffff;
  --radius-lg: 28px;
  --radius-md: 18px;
  --shadow: 0 24px 65px rgba(16, 15, 14, 0.1);
  --container: min(1180px, calc(100vw - 40px));
  --hero-container: min(1520px, calc(100vw - 40px));
  --transition: 240ms ease;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Manrope", system-ui, sans-serif;
  background:
    radial-gradient(circle at top left, rgba(184, 154, 91, 0.08), transparent 28%),
    linear-gradient(180deg, #f8f4ee 0%, #f3eee7 100%);
  color: var(--text);
  line-height: 1.6;
}
body.intro-active { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
.container { width: var(--container); margin: 0 auto; }
.section { padding: 104px 0; position: relative; }
p { margin: 0 0 18px; color: var(--muted); }

.page-shell {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.22), transparent 18%, transparent 82%, rgba(255,255,255,0.18)),
    linear-gradient(0deg, rgba(184,154,91,0.05), transparent 18%);
  z-index: -2;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

/* ===== Intro ===== */
.brand-intro {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  background: #050505;
  overflow: hidden;
  transition: opacity 900ms ease, visibility 900ms ease;
}
.brand-intro.is-finished {
  opacity: 0;
  visibility: hidden;
}
.brand-intro__grain,
.brand-intro__glow,
.brand-intro__shine {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.brand-intro__grain {
  opacity: 0.08;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,0.4) 0 1px, transparent 1px),
    radial-gradient(circle at 80% 50%, rgba(255,255,255,0.3) 0 1px, transparent 1px),
    radial-gradient(circle at 40% 80%, rgba(255,255,255,0.25) 0 1px, transparent 1px);
  background-size: 22px 22px, 18px 18px, 25px 25px;
}
.brand-intro__glow {
  background: radial-gradient(circle at center, rgba(192,196,202,0.14), transparent 44%);
  filter: blur(30px);
  animation: introGlow 2.8s ease-out forwards;
}
.brand-intro__shine {
  inset: -20% auto -20% -40%;
  width: 24%;
  background: linear-gradient(90deg, transparent, rgba(217,198,156,0.18), rgba(255,255,255,0.45), rgba(217,198,156,0.18), transparent);
  transform: rotate(12deg) translateX(-140%);
  animation: introSweep 2.2s 0.5s ease-in-out forwards;
  filter: blur(4px);
}
.brand-intro__inner {
  position: relative;
  z-index: 1;
  width: min(520px, calc(100vw - 44px));
  text-align: center;
  animation: introAppear 1.25s ease forwards;
}
.brand-intro__logo {
  width: min(390px, 74vw);
  margin: 0 auto;
  filter:
    drop-shadow(0 0 24px rgba(255,255,255,0.05))
    drop-shadow(0 8px 22px rgba(0,0,0,0.35))
    drop-shadow(0 0 14px rgba(184,154,91,0.18));
}
.brand-intro__caption {
  margin: 18px 0 0;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.76);
  font-size: 0.74rem;
}

/* ===== Typography ===== */
.section-kicker,
.ma-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.24em;
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--gold);
  margin: 0 0 18px;
}
.display-title,
.section h2,
.service-card h3,
.timeline-item h3,
.work-card h3,
.ma-hero-copy h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  letter-spacing: -0.02em;
}
.display-title,
.ma-hero-copy h1 { line-height: 0.95; }
.display-title { font-size: clamp(2.8rem, 5vw, 5.3rem); margin: 0; }
h2 { font-size: clamp(2.4rem, 4vw, 4.15rem); line-height: 0.95; margin: 0 0 18px; }

/* ===== Hero ===== */
.ma-hero {
  position: relative;
  padding: 0;
}
.ma-hero-visual {
  position: relative;
  min-height: max(860px, 100vh);
  overflow: hidden;
}
.ma-hero-picture,
.ma-hero-picture img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.ma-hero-picture img {
  object-fit: cover;
  object-position: center center;
}
.ma-hero-wash {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.08) 28%, rgba(255,255,255,0.14) 42%, rgba(246,241,235,0.34) 58%, rgba(248,244,239,0.60) 72%, rgba(249,246,242,0.82) 84%, rgba(249,246,242,0.92) 100%);
}
.ma-hero-light {
  position: absolute;
  border-radius: 50%;
  filter: blur(44px);
  opacity: 0.28;
}
.ma-hero-light--one {
  width: 360px;
  height: 360px;
  right: 15%;
  top: 16%;
  background: radial-gradient(circle, rgba(255,255,255,0.7), transparent 70%);
}
.ma-hero-light--two {
  width: 260px;
  height: 260px;
  right: 11%;
  bottom: 18%;
  background: radial-gradient(circle, rgba(184,154,91,0.16), transparent 70%);
}
.ma-hero-header,
.ma-hero-grid,
.ma-trust-inner {
  width: var(--hero-container);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.ma-hero-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px 0 18px;
}
.ma-mobile-brand {
  display: none;
  font-size: 0.88rem;
  letter-spacing: 0.22em;
  font-weight: 800;
  text-transform: uppercase;
}
.ma-hero-nav {
  display: flex;
  align-items: center;
  gap: 54px;
}
.ma-hero-nav a {
  position: relative;
  color: var(--text);
  font-size: 0.88rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 600;
}
.ma-hero-nav a.active::after,
.ma-hero-nav a:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 100%;
  height: 2px;
  background: var(--gold);
  transform-origin: left;
}
.ma-menu-toggle {
  display: none;
  position: absolute;
  right: 0;
  top: 26px;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ma-menu-lines {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
}
.ma-menu-lines i {
  display: block;
  width: 22px;
  height: 2px;
  background: linear-gradient(90deg, var(--silver-strong), var(--gold));
  border-radius: 999px;
}
.ma-hero-grid {
  display: grid;
  grid-template-columns: 34% 36% 30%;
  min-height: calc(100vh - 86px);
  align-items: center;
}
.ma-hero-copy {
  padding: 40px 34px 110px 20px;
}
.ma-hero-copy h1 {
  margin: 0;
  color: var(--text);
  font-size: clamp(3.5rem, 5.9vw, 6.5rem);
  line-height: 0.92;
  letter-spacing: -0.03em;
  font-weight: 500;
}
.ma-hero-copy h1 em {
  font-style: italic;
  font-weight: 500;
}
.ma-hero-rule {
  display: block;
  width: 76px;
  height: 2px;
  background: linear-gradient(90deg, var(--gold), rgba(184,154,91,0.5));
  margin: 32px 0 28px;
}
.ma-hero-subtitle {
  max-width: 560px;
  font-size: 0.98rem;
  line-height: 1.9;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #4f4b46;
  margin-bottom: 34px;
}
.ma-hero-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.ma-hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  min-width: 272px;
  padding: 20px 26px;
  background: linear-gradient(135deg, var(--black), #181818);
  color: var(--gold-soft);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.92rem;
  font-weight: 700;
  box-shadow: 0 22px 38px rgba(0,0,0,0.16);
  transition: transform var(--transition), opacity var(--transition);
}
.ma-hero-cta:hover { transform: translateY(-2px); opacity: 0.96; }
.ma-hero-link {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #393631;
  font-size: 0.85rem;
  font-weight: 700;
}
.ma-hero-brand {
  display: flex;
  justify-content: center;
  padding: 30px 0 80px;
}
.ma-logo-card {
  width: min(360px, 100%);
  padding: 26px 18px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.32), rgba(244,239,234,0.08));
  border: 1px solid rgba(255,255,255,0.42);
  backdrop-filter: blur(6px);
  box-shadow:
    0 25px 60px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,0.18);
}
.ma-logo-card__image {
  width: 100%;
  filter:
    drop-shadow(0 4px 10px rgba(255,255,255,0.34))
    drop-shadow(0 10px 22px rgba(0,0,0,0.08))
    contrast(1.06);
}
.ma-trust-bar {
  background: linear-gradient(180deg, #101010 0%, #090909 100%);
  border-top: 1px solid rgba(255,255,255,0.05);
}
.ma-trust-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.ma-trust-item {
  min-height: 128px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
  padding: 20px 14px;
  border-right: 1px solid rgba(255,255,255,0.12);
}
.ma-trust-item:last-child { border-right: 0; }
.ma-trust-item svg {
  width: 28px;
  height: 28px;
  stroke: var(--gold);
  stroke-width: 1.7;
  fill: none;
}
.ma-trust-item span {
  color: rgba(255,255,255,0.92);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.84rem;
}

/* ===== General sections ===== */
.intro-grid,
.about-grid,
.testimonials-grid,
.cta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 42px;
  align-items: start;
}
.about-points {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}
.about-points article,
.quote-stack,
.contact-form,
.service-card,
.timeline-item,
.work-card {
  border-radius: var(--radius-md);
  border: 1px solid rgba(255,255,255,0.55);
  background: rgba(255,255,255,0.62);
  box-shadow: var(--shadow);
}
.about-points article { padding: 22px; }
.about-points span {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 800;
  color: var(--text);
}
.alt-surface {
  background:
    radial-gradient(circle at top right, rgba(184,154,91,0.08), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.42), rgba(255,255,255,0.14));
}
.section-heading { max-width: 760px; margin-bottom: 42px; }
.service-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.service-list--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.service-card {
  padding: 28px;
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 20px;
  min-height: 100%;
}
.service-no,
.work-type,
.timeline-item > span { color: var(--gold); }
.service-no {
  font-size: 1.08rem;
  font-weight: 800;
}
.service-card h3 {
  font-size: 1.95rem;
  margin: 0 0 10px;
}
.timeline { display: grid; gap: 18px; }
.timeline-item {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 18px;
  padding: 24px 28px;
}
.timeline-item > span {
  font-size: 1.22rem;
  font-weight: 800;
}
.timeline-item h3 {
  font-size: 2rem;
  margin: 0 0 6px;
}
.featured-work {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.work-card {
  padding: 28px;
  min-height: 100%;
}
.work-type {
  margin: 0 0 12px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.76rem;
  font-weight: 700;
}
.work-card h3 {
  font-size: 1.88rem;
  line-height: 1.03;
  margin: 0 0 16px;
}
.quote-stack,
.contact-form { padding: 28px; }
.quote-stack blockquote {
  margin: 0 0 14px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.5rem, 2.4vw, 2.15rem);
  line-height: 1.1;
  color: var(--text);
}
.quote-stack cite {
  font-style: normal;
  color: var(--muted);
}
.cta-panel { padding-bottom: 120px; }
.cta-grid {
  padding: 38px;
  border-radius: 32px;
  background: linear-gradient(135deg, rgba(11,11,11,0.96), rgba(33,33,33,0.96));
  color: var(--white);
  box-shadow: 0 32px 90px rgba(5, 5, 5, 0.24);
}
.cta-grid p,
.cta-grid .section-kicker { color: rgba(255,255,255,0.78); }
.cta-grid .section-kicker { color: var(--gold-soft); }
.contact-form {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.08);
  display: grid;
  gap: 16px;
}
.contact-form label {
  display: grid;
  gap: 8px;
  font-weight: 700;
  color: var(--white);
}
.contact-form input,
.contact-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  background: rgba(255,255,255,0.08);
  color: var(--white);
  padding: 14px 16px;
  outline: none;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: rgba(255,255,255,0.52); }
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 26px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 700;
}
.btn-primary {
  background: linear-gradient(135deg, #fff, #ece8e0);
  color: var(--black);
}
.site-footer {
  padding: 28px 0 40px;
  border-top: 1px solid rgba(0,0,0,0.08);
}
.footer-inner {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}
.footer-links {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

/* ===== Reveal ===== */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}
.delay-1 { transition-delay: 0.08s; }
.delay-2 { transition-delay: 0.16s; }
.delay-3 { transition-delay: 0.24s; }

/* ===== Animations ===== */
@keyframes introAppear {
  0% { opacity: 0; transform: translateY(20px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes introSweep {
  0% { transform: rotate(12deg) translateX(-140%); }
  100% { transform: rotate(12deg) translateX(620%); }
}
@keyframes introGlow {
  0% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 1; transform: scale(1); }
}

/* ===== Responsive ===== */
@media (max-width: 1260px) {
  .ma-hero-grid { grid-template-columns: 34% 38% 28%; }
  .ma-hero-copy { padding-right: 24px; }
  .ma-hero-copy h1 { font-size: clamp(3.2rem, 5.6vw, 5.7rem); }
}

@media (max-width: 1060px) {
  .ma-hero-visual { min-height: auto; }
  .ma-hero-grid,
  .intro-grid,
  .about-grid,
  .testimonials-grid,
  .cta-grid,
  .service-list--three,
  .featured-work {
    grid-template-columns: 1fr;
  }
  .service-list { grid-template-columns: 1fr 1fr; }
  .ma-hero-grid {
    min-height: auto;
    padding: 28px 0 64px;
  }
  .ma-hero-spacer { display: none; }
  .ma-hero-copy {
    order: 2;
    padding: 34px 0 22px;
    max-width: 650px;
  }
  .ma-hero-brand {
    order: 3;
    justify-content: flex-start;
    padding: 8px 0 0;
  }
  .ma-logo-card { width: min(300px, 72vw); }
  .ma-trust-inner { grid-template-columns: repeat(2, 1fr); }
  .ma-trust-item:nth-child(2) { border-right: 0; }
  .ma-trust-item:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,0.12); }
}

@media (max-width: 900px) {
  .ma-hero-header {
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .ma-mobile-brand {
    display: inline-flex;
    max-width: calc(100% - 80px);
  }
  .ma-menu-toggle { display: inline-flex; }
  .ma-hero-nav {
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    display: grid;
    gap: 8px;
    padding: 14px;
    border-radius: 22px;
    background: rgba(251,248,243,0.98);
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: var(--shadow);
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
    transition: transform var(--transition), opacity var(--transition);
  }
  .ma-hero-nav.is-open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .ma-hero-nav a {
    padding: 10px 12px;
    border-radius: 12px;
  }
  .ma-hero-nav a.active::after,
  .ma-hero-nav a:hover::after {
    display: none;
  }
  .ma-hero-copy h1 { font-size: clamp(3rem, 10vw, 5rem); }
}

@media (max-width: 760px) {
  .section { padding: 80px 0; }
  .ma-hero-header,
  .ma-hero-grid,
  .ma-trust-inner { width: min(100vw - 28px, var(--hero-container)); }
  .ma-hero-wash {
    background:
      linear-gradient(180deg, rgba(250,246,241,0.18) 0%, rgba(247,242,236,0.12) 33%, rgba(247,242,236,0.50) 52%, rgba(248,244,239,0.76) 67%, rgba(249,246,242,0.95) 100%);
  }
  .ma-hero-copy {
    padding-top: 300px;
    position: relative;
    z-index: 1;
  }
  .ma-hero-picture img { object-position: 22% top; }
  .ma-hero-subtitle {
    font-size: 0.83rem;
    line-height: 1.75;
    letter-spacing: 0.14em;
  }
  .ma-hero-actions { align-items: stretch; }
  .ma-hero-cta {
    width: 100%;
    min-width: 0;
  }
  .ma-hero-brand { padding-top: 6px; }
  .ma-logo-card { width: min(250px, 76vw); }
  .service-list { grid-template-columns: 1fr; }
  .service-card,
  .timeline-item { grid-template-columns: 1fr; }
  .footer-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 560px) {
  .container { width: min(100vw - 28px, var(--container)); }
  .ma-hero-copy { padding-top: 260px; }
  .ma-trust-inner { grid-template-columns: 1fr; }
  .ma-trust-item {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,0.12);
  }
  .ma-trust-item:last-child { border-bottom: 0; }
  .brand-intro__caption {
    letter-spacing: 0.24em;
    font-size: 0.66rem;
  }
}

/* ========================================================================== */
/* Multilingual navigation + chapter motion system                            */
/* ========================================================================== */

.scroll-progress {
  position: fixed;
  inset: 0 0 auto 0;
  height: 2px;
  z-index: 10000;
  pointer-events: none;
  background: rgba(255,255,255,0.05);
}
.scroll-progress span {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, var(--silver-strong), var(--gold-soft), var(--silver));
  box-shadow: 0 0 14px rgba(217,198,156,0.32);
}

.ma-language-switcher {
  position: absolute;
  right: 0;
  top: 31px;
  display: inline-flex;
  align-items: center;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid rgba(20,20,20,0.11);
  background: rgba(255,255,255,0.36);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}
.ma-language-switcher a,
.ma-nav-languages a {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 30px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: rgba(21,21,21,0.58);
  transition: color var(--transition), background var(--transition), transform var(--transition);
}
.ma-language-switcher a:hover,
.ma-language-switcher a.active {
  color: #0d0d0d;
  background: linear-gradient(135deg, rgba(216,218,222,0.82), rgba(217,198,156,0.62));
}
.ma-nav-languages { display: none; }

.chapter {
  isolation: isolate;
  overflow: hidden;
}
.chapter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, transparent, rgba(184,154,91,0.65), rgba(196,199,204,0.76), transparent);
  transition: transform 1.2s cubic-bezier(.2,.7,.1,1);
  z-index: 3;
}
.chapter.section-visible::before { transform: scaleX(1); }
.chapter::after {
  content: attr(data-chapter);
  position: absolute;
  right: clamp(18px, 4vw, 70px);
  top: clamp(36px, 6vw, 84px);
  z-index: -1;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(7rem, 18vw, 17rem);
  line-height: 0.7;
  color: rgba(20,20,20,0.025);
  pointer-events: none;
  transform: translateY(28px);
  opacity: 0;
  transition: opacity 1s ease, transform 1.2s cubic-bezier(.2,.7,.1,1);
}
.chapter.section-visible::after {
  opacity: 1;
  transform: translateY(0);
}

.chapter-orb,
.process-light {
  position: absolute;
  pointer-events: none;
  will-change: transform;
}
.chapter-orb {
  width: clamp(240px, 34vw, 560px);
  aspect-ratio: 1;
  left: -12%;
  top: 10%;
  border-radius: 50%;
  filter: blur(55px);
  opacity: 0.32;
}
.chapter-orb--gold {
  background: radial-gradient(circle at 50% 50%, rgba(184,154,91,0.25), rgba(184,154,91,0.06) 46%, transparent 72%);
}
.chapter-orb--silver {
  background: radial-gradient(circle at 50% 50%, rgba(185,190,198,0.35), rgba(185,190,198,0.06) 48%, transparent 72%);
}
.chapter-orb--right {
  left: auto;
  right: -14%;
  top: 7%;
}
.chapter-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.16;
  background-image:
    linear-gradient(rgba(17,17,17,0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,17,17,0.12) 1px, transparent 1px);
  background-size: 82px 82px;
  mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 78%, transparent);
}

.chapter--positioning {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.94), rgba(241,238,233,0.84)),
    var(--surface);
}
.chapter--positioning .intro-grid { position: relative; z-index: 1; }

.chapter--services {
  background:
    radial-gradient(circle at 100% 0%, rgba(201,204,210,0.36), transparent 36%),
    radial-gradient(circle at 0% 100%, rgba(184,154,91,0.14), transparent 30%),
    linear-gradient(150deg, #ece8e1 0%, #f9f5ef 46%, #e7e5e1 100%);
}
.chapter--services .container { position: relative; z-index: 1; }

.chapter--about {
  background: #fcfaf6;
}
.about-watermark {
  position: absolute;
  width: clamp(360px, 54vw, 850px);
  right: -9%;
  bottom: -24%;
  opacity: 0.028;
  pointer-events: none;
  filter: grayscale(1) contrast(1.25);
  will-change: transform;
}
.chapter--about .container { position: relative; z-index: 1; }

.chapter--process {
  color: rgba(255,255,255,0.94);
  background:
    radial-gradient(circle at 88% 18%, rgba(196,199,204,0.11), transparent 32%),
    radial-gradient(circle at 10% 90%, rgba(184,154,91,0.11), transparent 32%),
    linear-gradient(145deg, #101010 0%, #080808 100%);
}
.chapter--process::after { color: rgba(255,255,255,0.035); }
.chapter--process .section-heading p,
.chapter--process .timeline-item p { color: rgba(255,255,255,0.66); }
.chapter--process h2,
.chapter--process h3 { color: #fff; }
.chapter--process .timeline-item {
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,0.055);
  border-color: rgba(255,255,255,0.10);
  box-shadow: 0 22px 60px rgba(0,0,0,0.24);
}
.chapter--process .timeline-item::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(to bottom, var(--silver), var(--gold));
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .7s ease;
}
.chapter--process .timeline-item.in-view::after { transform: scaleY(1); }
.process-light {
  width: 520px;
  height: 520px;
  border-radius: 50%;
  top: 0;
  left: 44%;
  background: radial-gradient(circle, rgba(255,255,255,0.08), transparent 66%);
  filter: blur(35px);
}

.chapter--work {
  background:
    linear-gradient(115deg, rgba(255,255,255,0.75), rgba(245,239,230,0.8)),
    repeating-linear-gradient(115deg, rgba(126,126,126,0.025) 0 1px, transparent 1px 18px);
}
.chapter--work .container { position: relative; z-index: 1; }

.chapter--testimonials {
  background:
    radial-gradient(circle at 15% 20%, rgba(196,199,204,0.35), transparent 30%),
    linear-gradient(160deg, #e9e9e7 0%, #f8f5ef 52%, #e5e2dc 100%);
}

.chapter--contact {
  background: linear-gradient(180deg, #f3eee7 0%, #e8e2da 100%);
}

.reveal {
  transition-delay: var(--stagger, 0ms);
  will-change: opacity, transform;
}
.section-heading.reveal h2,
.intro-grid .display-title.reveal {
  clip-path: inset(0 0 100% 0);
  transform: translateY(38px);
  transition: clip-path .95s cubic-bezier(.2,.7,.1,1), transform .95s cubic-bezier(.2,.7,.1,1);
}
.section-heading.reveal.in-view h2,
.intro-grid .display-title.reveal.in-view {
  clip-path: inset(0 0 0 0);
  transform: translateY(0);
}

.service-card,
.work-card,
.about-points article,
.quote-stack {
  position: relative;
  overflow: hidden;
  transition: transform .38s cubic-bezier(.2,.7,.1,1), box-shadow .38s ease, border-color .38s ease;
}
.service-card::before,
.work-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,0.52), transparent 64%);
  transition: opacity .35s ease;
}
.service-card::after,
.work-card::after {
  content: "";
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--silver-strong), var(--gold), transparent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .45s cubic-bezier(.2,.7,.1,1);
}
.service-card:hover,
.work-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 30px 72px rgba(22,20,17,0.14);
  border-color: rgba(184,154,91,0.26);
}
.service-card:hover::before,
.work-card:hover::before { opacity: 1; }
.service-card:hover::after,
.work-card:hover::after { transform: scaleX(1); }

.about-points article:hover,
.quote-stack:hover { transform: translateY(-4px); }

@media (max-width: 900px) {
  .ma-language-switcher { display: none; }
  .ma-nav-languages {
    display: flex;
    gap: 6px;
    margin-top: 8px;
    padding: 10px 12px 2px;
    border-top: 1px solid rgba(20,20,20,0.08);
  }
  .ma-nav-languages a {
    background: rgba(20,20,20,0.045);
  }
  .ma-nav-languages a.active {
    color: #0d0d0d;
    background: linear-gradient(135deg, rgba(216,218,222,0.82), rgba(217,198,156,0.62));
  }
  .chapter::after {
    right: 14px;
    top: 42px;
    font-size: clamp(6rem, 27vw, 10rem);
  }
}

@media (max-width: 760px) {
  .chapter-grid { background-size: 54px 54px; }
  .chapter-orb { opacity: 0.20; }
  .about-watermark { width: 92vw; right: -24%; bottom: -6%; }
  .service-card:hover,
  .work-card:hover,
  .about-points article:hover,
  .quote-stack:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .reveal,
  .section-heading.reveal h2,
  .intro-grid .display-title.reveal {
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
  }
}

/* ========================================================================== */
/* V5 fixes: persistent intro state, useful positioning, premium mobile menu  */
/* ========================================================================== */

html.skip-intro .brand-intro { display: none !important; }
html.skip-intro body { overflow: auto !important; }
body.menu-open { overflow: hidden; }

/* Positioning is now a compact, useful manifesto instead of an empty runway. */
.chapter--positioning {
  padding: clamp(76px, 8vw, 118px) 0;
  min-height: 0;
}
.positioning-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
  gap: clamp(44px, 7vw, 100px);
  align-items: end;
}
.positioning-heading .display-title {
  max-width: 860px;
  color: var(--text);
}
.positioning-points {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(21,21,21,.16);
}
.positioning-point {
  display: grid;
  grid-template-columns: 48px 112px 1fr;
  gap: 16px;
  align-items: baseline;
  padding: 18px 0;
  border-bottom: 1px solid rgba(21,21,21,.12);
}
.positioning-point span {
  color: var(--gold);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
}
.positioning-point h3 {
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.45rem;
  line-height: 1;
  font-weight: 600;
}
.positioning-point p {
  margin: 0;
  font-size: .9rem;
  line-height: 1.55;
}

/* Override the older reveal clipping that could leave the title invisible. */
.positioning-heading.reveal {
  opacity: 1;
  transform: none;
}
.positioning-heading .display-title {
  clip-path: none !important;
  transform: none !important;
}

@media (max-width: 900px) {
  .positioning-layout {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  /* Full-screen mobile navigation: no giant white card floating over the hero. */
  .ma-hero-nav {
    position: fixed;
    inset: 0;
    z-index: 110;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    padding: 108px clamp(30px, 8vw, 64px) 54px;
    border: 0;
    border-radius: 0;
    background:
      radial-gradient(circle at 86% 12%, rgba(196,199,204,.13), transparent 32%),
      radial-gradient(circle at 10% 88%, rgba(184,154,91,.11), transparent 34%),
      rgba(7,7,7,.985);
    box-shadow: none;
    backdrop-filter: blur(18px);
    transform: translateY(-3%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .34s ease, transform .44s cubic-bezier(.2,.7,.1,1), visibility .34s ease;
  }
  .ma-hero-nav::before {
    content: "MAISON ADRIANO AGENCY";
    position: absolute;
    top: 36px;
    left: clamp(30px, 8vw, 64px);
    right: 90px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.13);
    color: rgba(255,255,255,.72);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .24em;
  }
  .ma-hero-nav.is-open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .ma-hero-nav > a {
    width: auto;
    padding: 4px 0;
    border-radius: 0;
    color: rgba(255,255,255,.93);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(2.7rem, 11vw, 4.4rem);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.02em;
    text-transform: none;
    transition: color .2s ease, transform .25s ease;
  }
  .ma-hero-nav > a.active,
  .ma-hero-nav > a:hover {
    color: var(--gold-soft);
    transform: translateX(8px);
    background: transparent;
  }
  .ma-menu-toggle {
    position: absolute;
    z-index: 130;
    right: 0;
    top: 18px;
  }
  .ma-menu-lines i {
    background: linear-gradient(90deg, var(--silver), var(--gold-soft));
    transition: transform .28s ease, opacity .2s ease;
  }
  .ma-menu-toggle.is-open .ma-menu-lines i:first-child {
    transform: translateY(4px) rotate(45deg);
  }
  .ma-menu-toggle.is-open .ma-menu-lines i:last-child {
    transform: translateY(-4px) rotate(-45deg);
  }
  .ma-nav-languages {
    position: absolute;
    left: clamp(30px, 8vw, 64px);
    right: clamp(30px, 8vw, 64px);
    bottom: 42px;
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 22px 0 0;
    border-top: 1px solid rgba(255,255,255,.13);
  }
  .ma-nav-languages a {
    min-width: 48px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(255,255,255,.055);
    color: rgba(255,255,255,.62);
  }
  .ma-nav-languages a.active {
    color: #0d0d0d;
    border-color: transparent;
    background: linear-gradient(135deg, var(--silver), var(--gold-soft));
  }
}

@media (max-width: 640px) {
  .chapter--positioning {
    padding: 72px 0;
  }
  .positioning-point {
    grid-template-columns: 36px 1fr;
    gap: 10px 14px;
  }
  .positioning-point h3 { font-size: 1.55rem; }
  .positioning-point p {
    grid-column: 2;
    font-size: .88rem;
  }
  .ma-hero-nav {
    padding-top: 100px;
    padding-bottom: 118px;
  }
  .ma-hero-nav > a {
    font-size: clamp(2.45rem, 12vw, 3.55rem);
  }
  .ma-nav-languages { bottom: 30px; }
}

/* ========================================================================== */
/* V6: dedicated opaque mobile navigation + responsive contact modal           */
/* ========================================================================== */

body.menu-open,
body.modal-open {
  overflow: hidden;
  overscroll-behavior: none;
}

/* Desktop navigation remains exactly where it was. */
.ma-desktop-nav {
  display: flex;
}

/* Dedicated mobile overlay. It is intentionally solid, not a translucent card. */
.ma-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 8000;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  padding:
    max(22px, env(safe-area-inset-top))
    clamp(22px, 6vw, 42px)
    max(24px, env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 92% 9%, rgba(196, 199, 204, 0.10), transparent 27%),
    radial-gradient(circle at 5% 92%, rgba(184, 154, 91, 0.10), transparent 29%),
    #070707;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, -18px, 0);
  transition:
    opacity 280ms ease,
    visibility 280ms ease,
    transform 420ms cubic-bezier(.2,.75,.15,1);
  overflow: hidden;
  isolation: isolate;
}

.ma-mobile-menu::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.06;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

.ma-mobile-menu.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.ma-mobile-menu__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.ma-mobile-menu__brand {
  color: rgba(255,255,255,.96);
  font-size: clamp(.78rem, 3vw, .94rem);
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.ma-mobile-menu__brand span {
  color: var(--gold-soft);
}

.ma-mobile-menu__close,
.ma-contact-modal__close {
  position: relative;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  background: rgba(255,255,255,.045);
  cursor: pointer;
}

.ma-mobile-menu__close span,
.ma-contact-modal__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1.5px;
  background: linear-gradient(90deg, var(--silver), var(--gold-soft));
}

.ma-mobile-menu__close span:first-child,
.ma-contact-modal__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}

.ma-mobile-menu__close span:last-child,
.ma-contact-modal__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.ma-mobile-menu__body {
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(24px, 6vh, 62px) 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.ma-mobile-menu__body::-webkit-scrollbar { display: none; }

.ma-mobile-menu__eyebrow {
  margin: 0 0 clamp(18px, 3.5vh, 34px);
  color: var(--gold-soft);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .27em;
  text-transform: uppercase;
}

.ma-mobile-menu__nav {
  display: grid;
}

.ma-mobile-menu__nav a {
  display: grid;
  grid-template-columns: 38px 1fr;
  align-items: baseline;
  gap: 12px;
  padding: clamp(10px, 1.8vh, 18px) 0;
  border-bottom: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.97);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.2rem, 10.7vw, 4.2rem);
  font-weight: 500;
  line-height: .93;
  letter-spacing: -.025em;
  opacity: 0;
  transform: translateY(18px);
  transition:
    color 200ms ease,
    transform 500ms cubic-bezier(.2,.75,.15,1),
    opacity 440ms ease;
}

.ma-mobile-menu__nav a span {
  color: var(--gold);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.ma-mobile-menu.is-open .ma-mobile-menu__nav a {
  opacity: 1;
  transform: translateY(0);
}
.ma-mobile-menu.is-open .ma-mobile-menu__nav a:nth-child(1) { transition-delay: 70ms; }
.ma-mobile-menu.is-open .ma-mobile-menu__nav a:nth-child(2) { transition-delay: 115ms; }
.ma-mobile-menu.is-open .ma-mobile-menu__nav a:nth-child(3) { transition-delay: 160ms; }
.ma-mobile-menu.is-open .ma-mobile-menu__nav a:nth-child(4) { transition-delay: 205ms; }
.ma-mobile-menu.is-open .ma-mobile-menu__nav a:nth-child(5) { transition-delay: 250ms; }

.ma-mobile-menu__nav a:active,
.ma-mobile-menu__nav a:focus-visible {
  color: var(--gold-soft);
  transform: translateX(6px);
}

.ma-mobile-menu__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.14);
}

.ma-mobile-menu__bottom > span {
  color: rgba(255,255,255,.38);
  font-size: .62rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: right;
}

.ma-mobile-menu__languages {
  display: flex;
  gap: 8px;
}

.ma-mobile-menu__languages a {
  min-width: 44px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 999px;
  color: rgba(255,255,255,.62);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .09em;
}

.ma-mobile-menu__languages a.active {
  border-color: transparent;
  color: #0b0b0b;
  background: linear-gradient(135deg, var(--silver), var(--gold-soft));
}

/* Contact call-to-action: the form no longer sits inside the page section. */
.contact-chapter {
  position: relative;
  overflow: hidden;
  padding: clamp(88px, 10vw, 150px) 0;
  background:
    radial-gradient(circle at 90% 5%, rgba(198,201,207,.34), transparent 30%),
    radial-gradient(circle at 6% 94%, rgba(184,154,91,.16), transparent 34%),
    linear-gradient(145deg, #ece8e1 0%, #f8f4ee 48%, #dfddd9 100%);
}

.contact-chapter__light {
  position: absolute;
  width: min(620px, 70vw);
  aspect-ratio: 1;
  right: -18%;
  top: -45%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.78), transparent 67%);
  filter: blur(30px);
  pointer-events: none;
}

.contact-cta {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  align-items: end;
  gap: clamp(40px, 8vw, 110px);
  padding: clamp(34px, 5.5vw, 72px);
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.28));
  box-shadow: 0 34px 90px rgba(25,22,18,.12);
  backdrop-filter: blur(12px);
  overflow: hidden;
}

.contact-cta::after {
  content: "07";
  position: absolute;
  right: 2%;
  top: -18%;
  color: rgba(21,21,21,.035);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(9rem, 20vw, 18rem);
  line-height: 1;
  pointer-events: none;
}

.contact-cta__copy { position: relative; z-index: 1; }
.contact-cta__copy h2 { max-width: 850px; }
.contact-cta__copy > p:last-child { max-width: 720px; }

.contact-cta__action {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
}

.contact-cta__button {
  width: 100%;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 0 28px;
  border: 0;
  background: linear-gradient(135deg, #0b0b0b, #181818);
  color: var(--gold-soft);
  cursor: pointer;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: .84rem;
  font-weight: 800;
  box-shadow: 0 22px 44px rgba(0,0,0,.17);
  transition: transform 240ms ease, box-shadow 240ms ease;
}

.contact-cta__button i {
  font-style: normal;
  font-size: 1.5rem;
}

.contact-cta__button:hover {
  transform: translateY(-3px);
  box-shadow: 0 28px 54px rgba(0,0,0,.22);
}

.contact-cta__action small {
  color: rgba(21,21,21,.54);
  font-size: .7rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Contact modal. */
.ma-contact-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  display: grid;
  place-items: center;
  padding: clamp(14px, 3vw, 36px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 260ms ease, visibility 260ms ease;
}

.ma-contact-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ma-contact-modal__backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 13% 15%, rgba(184,154,91,.10), transparent 30%),
    #060606;
}

.ma-contact-modal__shell {
  position: relative;
  z-index: 1;
  width: min(1180px, 100%);
  max-height: min(880px, calc(100dvh - clamp(28px, 6vw, 72px)));
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  background: #f7f3ed;
  box-shadow: 0 38px 120px rgba(0,0,0,.55);
  overflow: hidden;
  transform: translateY(20px) scale(.985);
  transition: transform 440ms cubic-bezier(.2,.75,.15,1);
}

.ma-contact-modal.is-open .ma-contact-modal__shell {
  transform: translateY(0) scale(1);
}

.ma-contact-modal__close {
  position: absolute;
  z-index: 5;
  top: 20px;
  right: 20px;
  border-color: rgba(16,16,16,.15);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(8px);
}

.ma-contact-modal__close span {
  background: linear-gradient(90deg, var(--silver-strong), #111, var(--gold));
}

.ma-contact-modal__aside {
  min-height: 620px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 42px;
  padding: clamp(38px, 5vw, 66px);
  background:
    radial-gradient(circle at 80% 5%, rgba(196,199,204,.13), transparent 34%),
    radial-gradient(circle at 12% 92%, rgba(184,154,91,.13), transparent 34%),
    linear-gradient(145deg, #111 0%, #070707 100%);
  color: #fff;
  overflow: hidden;
}

.ma-contact-modal__logo {
  width: min(270px, 82%);
  filter: drop-shadow(0 0 18px rgba(255,255,255,.06)) contrast(1.06);
}

.ma-contact-modal__aside p {
  margin: 0 0 16px;
  color: var(--gold-soft);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .25em;
  text-transform: uppercase;
}

.ma-contact-modal__aside h2 {
  max-width: 460px;
  margin-bottom: 18px;
  color: #fff;
  font-size: clamp(2.5rem, 4vw, 4.4rem);
}

.ma-contact-modal__aside span {
  display: block;
  max-width: 440px;
  color: rgba(255,255,255,.58);
  line-height: 1.7;
}

.ma-contact-modal__form-panel {
  min-width: 0;
  padding: clamp(42px, 5.5vw, 72px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.ma-contact-modal__heading {
  max-width: 650px;
  margin-bottom: 30px;
  padding-right: 44px;
}

.ma-contact-modal__heading h2 {
  font-size: clamp(2.7rem, 4.6vw, 4.8rem);
}

.modal-contact-form {
  display: grid;
  gap: 20px;
}

.modal-contact-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.modal-contact-form label {
  min-width: 0;
  display: grid;
  gap: 9px;
  color: #222;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.modal-contact-form input,
.modal-contact-form select,
.modal-contact-form textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(21,21,21,.13);
  border-radius: 13px;
  background: rgba(255,255,255,.72);
  color: #151515;
  padding: 15px 16px;
  outline: none;
  text-transform: none;
  letter-spacing: normal;
  font-size: .95rem;
  font-weight: 500;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.modal-contact-form textarea {
  resize: vertical;
  min-height: 140px;
  line-height: 1.6;
}

.modal-contact-form input:focus,
.modal-contact-form select:focus,
.modal-contact-form textarea:focus {
  border-color: rgba(184,154,91,.72);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(184,154,91,.10);
}

.modal-contact-form__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding-top: 4px;
}

.modal-contact-form__footer p {
  max-width: 430px;
  margin: 0;
  color: rgba(21,21,21,.5);
  font-size: .69rem;
  line-height: 1.55;
}

.modal-contact-form__footer button {
  min-width: 220px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 0 23px;
  border: 0;
  background: #0b0b0b;
  color: var(--gold-soft);
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .75rem;
  font-weight: 800;
}

.modal-contact-form__footer button i {
  font-style: normal;
  font-size: 1.3rem;
}

:where(.ma-mobile-menu, .ma-contact-modal) button:focus-visible,
:where(.ma-mobile-menu, .ma-contact-modal) a:focus-visible,
.modal-contact-form :where(input, select, textarea):focus-visible,
.contact-cta__button:focus-visible {
  outline: 2px solid var(--gold-soft);
  outline-offset: 3px;
}

@media (max-width: 900px) {
  /* The desktop nav never doubles as the mobile menu anymore. */
  .ma-desktop-nav {
    display: none !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  .ma-menu-toggle {
    display: inline-flex;
    position: relative;
    top: auto;
    right: auto;
    z-index: 30;
  }

  .ma-language-switcher { display: none !important; }
  .ma-mobile-brand { display: inline-flex; }

  .contact-cta {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .contact-cta__action {
    max-width: 520px;
  }

  .ma-contact-modal {
    padding: 0;
  }

  .ma-contact-modal__shell {
    width: 100%;
    height: 100dvh;
    max-height: none;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    border: 0;
    border-radius: 0;
  }

  .ma-contact-modal__aside {
    min-height: auto;
    display: grid;
    grid-template-columns: 120px 1fr;
    align-items: center;
    gap: 22px;
    padding:
      max(24px, env(safe-area-inset-top))
      72px
      24px
      24px;
  }

  .ma-contact-modal__logo {
    width: 110px;
  }

  .ma-contact-modal__aside p { margin-bottom: 8px; }
  .ma-contact-modal__aside h2 {
    margin: 0 0 8px;
    font-size: clamp(1.9rem, 7vw, 3rem);
  }
  .ma-contact-modal__aside span { font-size: .85rem; line-height: 1.5; }

  .ma-contact-modal__close {
    top: max(16px, env(safe-area-inset-top));
    right: 16px;
  }

  .ma-contact-modal__form-panel {
    padding: 30px 24px max(32px, env(safe-area-inset-bottom));
  }

  .ma-contact-modal__heading {
    margin-bottom: 24px;
    padding-right: 0;
  }

  .ma-contact-modal__heading h2 {
    font-size: clamp(2.5rem, 10vw, 4rem);
  }
}

@media (max-width: 620px) {
  .ma-mobile-menu {
    padding-left: 22px;
    padding-right: 22px;
  }

  .ma-mobile-menu__nav a {
    font-size: clamp(2.15rem, 11.5vw, 3.25rem);
  }

  .ma-mobile-menu__bottom {
    align-items: center;
  }

  .ma-mobile-menu__bottom > span {
    max-width: 130px;
    font-size: .56rem;
  }

  .contact-chapter {
    padding: 74px 0;
  }

  .contact-cta {
    padding: 28px 22px;
    border-radius: 24px;
  }

  .contact-cta::after {
    top: -6%;
    right: -3%;
  }

  .contact-cta__button {
    min-height: 68px;
    padding: 0 20px;
    font-size: .74rem;
  }

  .ma-contact-modal__aside {
    grid-template-columns: 82px 1fr;
    gap: 15px;
    padding-right: 66px;
  }

  .ma-contact-modal__logo {
    width: 78px;
  }

  .ma-contact-modal__aside span {
    display: none;
  }

  .ma-contact-modal__form-panel {
    padding-left: 18px;
    padding-right: 18px;
  }

  .modal-contact-form__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .modal-contact-form__footer {
    display: grid;
  }

  .modal-contact-form__footer button {
    width: 100%;
    min-width: 0;
    order: -1;
  }
}

@media (max-height: 690px) and (max-width: 900px) {
  .ma-mobile-menu__body {
    justify-content: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .ma-mobile-menu__nav a {
    padding: 8px 0;
    font-size: clamp(2rem, 9.5vh, 3.15rem);
  }

  .ma-mobile-menu__eyebrow {
    margin-bottom: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ma-mobile-menu,
  .ma-mobile-menu__nav a,
  .ma-contact-modal,
  .ma-contact-modal__shell {
    transition: none !important;
  }
}

/* Compact modal masthead on narrow phones. */
@media (max-width: 620px) {
  .ma-contact-modal__aside {
    display: block;
    padding:
      max(24px, env(safe-area-inset-top))
      68px
      24px
      18px;
  }

  .ma-contact-modal__logo {
    display: none;
  }

  .ma-contact-modal__aside p {
    margin-bottom: 9px;
  }

  .ma-contact-modal__aside h2 {
    max-width: 285px;
    margin-bottom: 0;
    font-size: clamp(1.7rem, 7.4vw, 2.15rem);
    line-height: .96;
  }
}

/* ========================================================================== 
   V7 — VIP EDITORIAL SECTIONS
   Hero and brand intro intentionally remain untouched.
   ========================================================================== */

body { overflow-x: hidden; }
.vip-section {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding: clamp(96px, 10vw, 156px) 0;
}
.vip-section::after {
  content: attr(data-chapter);
  position: absolute;
  right: clamp(20px, 5vw, 88px);
  top: clamp(22px, 4vw, 54px);
  z-index: -1;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(5rem, 12vw, 12rem);
  line-height: .7;
  color: rgba(18,18,18,.035);
  pointer-events: none;
}
.vip-section .section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.vip-section .section-kicker::before {
  content: "";
  width: 38px;
  height: 1px;
  background: currentColor;
  transform-origin: left;
  transition: transform 900ms cubic-bezier(.2,.7,.2,1);
}
.vip-section:not(.section-visible) .section-kicker::before { transform: scaleX(0); }
.vip-heading { max-width: 830px; margin-bottom: clamp(42px, 6vw, 78px); }
.vip-heading h2,
.vip-manifest h2,
.vip-about h2,
.vip-contact h2 {
  margin: 0 0 24px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(3rem, 6vw, 6.6rem);
  line-height: .92;
  letter-spacing: -.04em;
  font-weight: 500;
}
.vip-heading > p:last-child,
.vip-manifest__lead > p:last-child,
.vip-contact__inner > div > p:last-child {
  max-width: 660px;
  font-size: clamp(1rem, 1.25vw, 1.15rem);
  line-height: 1.8;
}
.vip-heading--light h2,
.vip-heading--light p { color: #f5f2ec; }
.vip-heading--dark h2 { color: #151515; }
.vip-heading--dark p { color: rgba(20,20,20,.66); }
.vip-rule {
  display: block;
  width: 88px;
  height: 2px;
  margin-top: 34px;
  background: linear-gradient(90deg, var(--gold), var(--silver), transparent);
}
.vip-metal-orb {
  position: absolute;
  width: min(36vw, 520px);
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.95) 0 4%, rgba(235,237,240,.72) 14%, rgba(132,138,148,.22) 42%, rgba(255,255,255,0) 68%),
    radial-gradient(circle at 67% 72%, rgba(184,154,91,.35), transparent 43%);
  filter: blur(.2px) drop-shadow(0 36px 70px rgba(0,0,0,.08));
  opacity: .66;
  animation: vipFloat 9s ease-in-out infinite;
}
.vip-metal-orb::after {
  content: "";
  position: absolute;
  inset: 6%;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: inherit;
  box-shadow: inset -24px -22px 44px rgba(61,64,70,.08);
}
.vip-metal-orb--left { left: -13%; top: 8%; }
.vip-metal-orb--gold {
  right: -12%;
  top: 16%;
  opacity: .22;
  background: radial-gradient(circle at 35% 30%, #f1dfb6, #9c793b 38%, rgba(184,154,91,.08) 68%, transparent 72%);
}

/* Manifest */
.vip-manifest {
  min-height: 760px;
  padding-bottom: 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,240,234,.88)),
    repeating-linear-gradient(90deg, transparent 0 119px, rgba(20,20,20,.025) 120px);
}
.vip-manifest__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  gap: clamp(60px, 9vw, 150px);
  align-items: center;
  min-height: 500px;
}
.vip-manifest__lead { position: relative; z-index: 1; }
.vip-manifest__lead h2 { max-width: 850px; }
.vip-manifest__principles {
  position: relative;
  z-index: 1;
  border-top: 1px solid rgba(20,20,20,.13);
}
.vip-principle {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 22px;
  padding: 26px 0;
  border-bottom: 1px solid rgba(20,20,20,.13);
  transition: padding 300ms ease, background 300ms ease;
}
.vip-principle:hover { padding-left: 14px; background: linear-gradient(90deg, rgba(184,154,91,.08), transparent 68%); }
.vip-principle > span { color: var(--gold); font-size: .78rem; letter-spacing: .2em; padding-top: 7px; }
.vip-principle h3 { margin: 0 0 7px; font-family: "Cormorant Garamond", serif; font-size: 2rem; font-weight: 600; }
.vip-principle p { margin: 0; font-size: .95rem; }
.vip-marquee {
  margin-top: clamp(70px, 8vw, 118px);
  overflow: hidden;
  border-top: 1px solid rgba(20,20,20,.09);
  border-bottom: 1px solid rgba(20,20,20,.09);
  background: rgba(255,255,255,.42);
}
.vip-marquee > div {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 19px 0;
  animation: vipMarquee 34s linear infinite;
}
.vip-marquee span { font-size: .77rem; font-weight: 700; letter-spacing: .29em; color: #272522; }
.vip-marquee i { color: var(--gold); font-style: normal; }

/* Services */
.vip-services {
  background:
    radial-gradient(circle at 15% 10%, rgba(184,154,91,.12), transparent 26%),
    linear-gradient(145deg, #111 0%, #080808 58%, #15120e 100%);
  color: #f5f2ec;
}
.vip-services::after { color: rgba(255,255,255,.035); }
.vip-grid-noise {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 74px 74px;
  mask-image: linear-gradient(to bottom, black, transparent 92%);
}
.vip-services__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
}
.vip-service {
  --mx: 50%; --my: 50%;
  position: relative;
  min-height: 310px;
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(145deg, rgba(255,255,255,.072), rgba(255,255,255,.025));
  backdrop-filter: blur(9px);
  transition: transform 450ms cubic-bezier(.2,.7,.2,1), border-color 350ms ease, background 350ms ease;
}
.vip-service:nth-child(1), .vip-service:nth-child(6) { grid-column: span 5; }
.vip-service:nth-child(2), .vip-service:nth-child(5) { grid-column: span 7; }
.vip-service::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(320px circle at var(--mx) var(--my), rgba(217,198,156,.18), transparent 64%);
  opacity: 0;
  transition: opacity 350ms ease;
}
.vip-service::after {
  content: "";
  position: absolute;
  left: -80%;
  top: -50%;
  width: 40%;
  height: 210%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.17), transparent);
  transform: rotate(18deg);
  transition: left 800ms cubic-bezier(.2,.7,.2,1);
}
.vip-service:hover { transform: translateY(-8px); border-color: rgba(217,198,156,.42); background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035)); }
.vip-service:hover::before { opacity: 1; }
.vip-service:hover::after { left: 150%; }
.vip-service__top { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: start; }
.vip-service__number { color: var(--gold-soft); font-size: .8rem; letter-spacing: .25em; }
.vip-service__tag { padding: 7px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 99px; color: rgba(255,255,255,.52); font-size: .66rem; letter-spacing: .18em; text-transform: uppercase; }
.vip-service__body { position: relative; z-index: 1; max-width: 640px; }
.vip-service h3 { margin: 0 0 13px; font-family: "Cormorant Garamond", serif; font-size: clamp(2rem, 3vw, 3rem); line-height: .98; font-weight: 500; }
.vip-service p { margin: 0; color: rgba(255,255,255,.62); line-height: 1.72; }
.vip-service__arrow { position: absolute; right: 25px; bottom: 19px; color: var(--gold-soft); font-size: 1.5rem; transform: translate(-6px, 6px); opacity: .35; transition: transform 300ms ease, opacity 300ms ease; }
.vip-service:hover .vip-service__arrow { transform: translate(0,0); opacity: 1; }

/* About */
.vip-about {
  min-height: 780px;
  background:
    linear-gradient(90deg, #f8f5f0 0 52%, #e8e5df 52% 100%);
}
.vip-about__watermark {
  position: absolute;
  right: 4%;
  top: 50%;
  width: min(37vw, 540px);
  transform: translateY(-50%);
  opacity: .06;
  filter: grayscale(1) contrast(1.15);
  pointer-events: none;
}
.vip-about__grid {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: clamp(70px, 10vw, 170px);
  align-items: center;
  min-height: 520px;
}
.vip-about__editorial { padding-right: 20px; }
.vip-about__copy { position: relative; z-index: 1; }
.vip-about__copy > p { font-size: clamp(1.02rem, 1.3vw, 1.18rem); line-height: 1.9; }
.vip-about__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 42px; }
.vip-stat {
  min-height: 142px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  border: 1px solid rgba(20,20,20,.11);
  background: rgba(255,255,255,.42);
  backdrop-filter: blur(8px);
}
.vip-stat strong { font-family: "Cormorant Garamond", serif; font-size: 3rem; font-weight: 500; line-height: 1; }
.vip-stat span { color: #615d58; font-size: .74rem; line-height: 1.4; text-transform: uppercase; letter-spacing: .16em; }

/* Process */
.vip-process {
  color: #171717;
  background:
    linear-gradient(125deg, #d8d5ce, #f0ede7 44%, #c8c4bc 100%);
}
.vip-process::after { color: rgba(0,0,0,.05); }
.vip-process__halo {
  position: absolute;
  inset: auto -12% -45% auto;
  width: 760px;
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 50%;
  box-shadow: 0 0 0 100px rgba(255,255,255,.05), 0 0 0 200px rgba(255,255,255,.035);
  animation: vipSpin 32s linear infinite;
}
.vip-process__layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(70px, 9vw, 145px); align-items: start; }
.vip-process__rail { position: relative; padding-left: 44px; }
.vip-process__rail::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 18px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(to bottom, var(--gold), rgba(20,20,20,.18), transparent);
  transform-origin: top;
  transform: scaleY(0);
  transition: transform 1.6s .2s cubic-bezier(.2,.7,.2,1);
}
.vip-process.section-visible .vip-process__rail::before { transform: scaleY(1); }
.vip-step {
  position: relative;
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 24px;
  padding: 25px 26px;
  margin-bottom: 14px;
  border: 1px solid rgba(20,20,20,.09);
  background: rgba(255,255,255,.38);
  backdrop-filter: blur(8px);
  transition: transform 320ms ease, background 320ms ease;
}
.vip-step:hover { transform: translateX(8px); background: rgba(255,255,255,.62); }
.vip-step__index { font-family: "Cormorant Garamond", serif; font-size: 2.1rem; color: #222; }
.vip-step h3 { margin: 0 0 7px; font-family: "Cormorant Garamond", serif; font-size: 2rem; line-height: 1; }
.vip-step p { margin: 0; }
.vip-step__dot {
  position: absolute;
  left: -39px;
  top: 37px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #191919;
  border: 3px solid #ddd9d1;
  box-shadow: 0 0 0 1px var(--gold);
}

/* Work */
.vip-work {
  background:
    radial-gradient(circle at 90% 12%, rgba(184,154,91,.13), transparent 24%),
    linear-gradient(180deg, #faf8f5 0%, #ece9e3 100%);
}
.vip-work__shine {
  position: absolute;
  right: -15%;
  top: -5%;
  width: 50%;
  height: 115%;
  transform: skewX(-14deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
  opacity: .48;
  pointer-events: none;
}
.vip-work__grid {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  grid-template-rows: 1fr 1fr;
  gap: 18px;
}
.vip-case {
  --mx: 50%; --my: 50%;
  position: relative;
  display: grid;
  grid-template-columns: 42% 58%;
  min-height: 285px;
  overflow: hidden;
  border: 1px solid rgba(20,20,20,.1);
  background: rgba(255,255,255,.62);
  box-shadow: 0 22px 65px rgba(20,20,20,.07);
  transition: transform 450ms cubic-bezier(.2,.7,.2,1), box-shadow 450ms ease;
}
.vip-case--feature { grid-row: 1 / span 2; grid-template-columns: 1fr; min-height: 588px; }
.vip-case:hover { transform: translateY(-7px); box-shadow: 0 30px 80px rgba(20,20,20,.13); }
.vip-case__visual {
  position: relative;
  min-height: 210px;
  overflow: hidden;
  background:
    radial-gradient(circle at 25% 25%, rgba(255,255,255,.9), transparent 20%),
    linear-gradient(140deg, #b6b9bf, #e6e4df 48%, #9b7b43 130%);
}
.vip-case:nth-child(2) .vip-case__visual { background: linear-gradient(145deg, #171717, #3a3835 55%, #b99b60 155%); }
.vip-case:nth-child(3) .vip-case__visual { background: linear-gradient(145deg, #d8d4cc, #f4f1eb 55%, #969ba4); }
.vip-case__visual > span { position: absolute; left: 20px; top: 18px; z-index: 2; color: rgba(20,20,20,.65); text-transform: uppercase; letter-spacing: .18em; font-size: .68rem; }
.vip-case:nth-child(2) .vip-case__visual > span { color: rgba(255,255,255,.7); }
.vip-case__visual > b { position: absolute; right: 18px; bottom: 5px; font-family: "Cormorant Garamond", serif; font-size: 6rem; line-height: 1; font-weight: 400; color: rgba(255,255,255,.35); }
.vip-case__rings { position: absolute; inset: 50% auto auto 50%; width: 190px; aspect-ratio: 1; transform: translate(-50%,-50%); }
.vip-case__rings i { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.58); border-radius: 50%; animation: vipSpin 18s linear infinite; }
.vip-case__rings i:nth-child(2) { inset: 17%; animation-direction: reverse; animation-duration: 13s; border-color: rgba(184,154,91,.62); }
.vip-case__rings i:nth-child(3) { inset: 36%; animation-duration: 9s; background: radial-gradient(circle at 35% 30%, white, #a5a8ae 45%, #6d5740 100%); border: 0; box-shadow: 0 14px 40px rgba(0,0,0,.18); }
.vip-case__content { position: relative; z-index: 1; padding: 26px; display: flex; flex-direction: column; justify-content: center; }
.vip-case__content > p { margin: 0 0 12px; color: var(--gold); text-transform: uppercase; letter-spacing: .18em; font-size: .7rem; font-weight: 700; }
.vip-case__content h3 { margin: 0 0 22px; font-family: "Cormorant Garamond", serif; font-size: clamp(1.7rem, 2.6vw, 2.9rem); line-height: 1.02; font-weight: 500; }
.vip-case__content > span { color: #69645d; font-size: .76rem; letter-spacing: .08em; }
.vip-case--feature .vip-case__visual { min-height: 320px; }

/* Testimonials */
.vip-testimonials {
  min-height: 760px;
  color: #f5f2ec;
  background:
    radial-gradient(circle at 72% 20%, rgba(184,154,91,.13), transparent 26%),
    linear-gradient(145deg, #080808, #151515 72%, #0c0b0a);
}
.vip-testimonials::after { color: rgba(255,255,255,.03); }
.vip-testimonials__grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(70px, 10vw, 150px); align-items: start; }
.vip-testimonials__quotes { display: grid; gap: 18px; }
.vip-quote {
  position: relative;
  margin: 0;
  padding: 32px 34px 30px 76px;
  border: 1px solid rgba(255,255,255,.11);
  background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  backdrop-filter: blur(9px);
  transition: transform 350ms ease, border-color 350ms ease;
}
.vip-quote:hover { transform: translateX(-8px); border-color: rgba(217,198,156,.38); }
.vip-quote__mark { position: absolute; left: 24px; top: 15px; color: var(--gold-soft); font-family: "Cormorant Garamond", serif; font-size: 4.8rem; line-height: 1; opacity: .85; }
.vip-quote blockquote { margin: 0 0 18px; color: #f5f2ec; font-family: "Cormorant Garamond", serif; font-size: clamp(1.6rem, 2.5vw, 2.5rem); line-height: 1.16; }
.vip-quote figcaption { color: rgba(255,255,255,.48); text-transform: uppercase; letter-spacing: .17em; font-size: .7rem; }
.vip-testimonials__word {
  position: absolute;
  left: 50%;
  bottom: -4vw;
  transform: translateX(-50%);
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(9rem, 24vw, 25rem);
  line-height: .65;
  letter-spacing: -.06em;
  color: rgba(255,255,255,.022);
  pointer-events: none;
}

/* Contact */
.vip-contact {
  background:
    linear-gradient(115deg, rgba(245,241,234,.96), rgba(220,215,207,.86)),
    #ece8e1;
}
.vip-contact__beam {
  position: absolute;
  left: -16%;
  top: -80%;
  width: 38%;
  height: 260%;
  transform: rotate(17deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.92), transparent);
  filter: blur(4px);
  opacity: .55;
}
.vip-contact__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: clamp(50px, 9vw, 140px);
  align-items: end;
  padding: clamp(42px, 6vw, 78px);
  border: 1px solid rgba(20,20,20,.11);
  background: rgba(255,255,255,.42);
  backdrop-filter: blur(11px);
  box-shadow: 0 34px 90px rgba(20,20,20,.09);
}
.vip-contact__action { display: flex; flex-direction: column; align-items: stretch; gap: 14px; }
.vip-contact__action button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  min-height: 76px;
  padding: 0 26px;
  overflow: hidden;
  border: 0;
  background: #0c0c0c;
  color: var(--gold-soft);
  text-transform: uppercase;
  letter-spacing: .17em;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 20px 46px rgba(0,0,0,.16);
  transition: transform 300ms ease;
}
.vip-contact__action button::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-105%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.13), transparent);
  transition: transform 650ms ease;
}
.vip-contact__action button:hover { transform: translateY(-4px); }
.vip-contact__action button:hover::before { transform: translateX(105%); }
.vip-contact__action button span,
.vip-contact__action button i { position: relative; z-index: 1; }
.vip-contact__action button i { font-style: normal; font-size: 1.4rem; }
.vip-contact__action small { color: #706b64; text-align: center; letter-spacing: .08em; }

/* Rich reveal movement */
.vip-section .reveal {
  opacity: 0;
  transform: translateY(34px);
  filter: blur(5px);
  transition:
    opacity 850ms cubic-bezier(.2,.7,.2,1) var(--stagger, 0ms),
    transform 850ms cubic-bezier(.2,.7,.2,1) var(--stagger, 0ms),
    filter 850ms ease var(--stagger, 0ms);
}
.vip-section .reveal.in-view { opacity: 1; transform: translateY(0); filter: blur(0); }

@keyframes vipFloat { 0%,100% { translate: 0 0; scale: 1; } 50% { translate: 0 -18px; scale: 1.025; } }
@keyframes vipSpin { to { transform: rotate(360deg); } }
@keyframes vipMarquee { to { transform: translateX(-50%); } }

@media (max-width: 1100px) {
  .vip-manifest__grid,
  .vip-about__grid,
  .vip-process__layout,
  .vip-testimonials__grid,
  .vip-contact__inner { grid-template-columns: 1fr; }
  .vip-manifest__grid { gap: 54px; }
  .vip-services__grid { grid-template-columns: repeat(2, 1fr); }
  .vip-service,
  .vip-service:nth-child(n) { grid-column: auto; min-height: 280px; }
  .vip-about { background: linear-gradient(180deg, #f8f5f0 0 48%, #e8e5df 48% 100%); }
  .vip-about__watermark { width: min(62vw, 480px); right: -8%; bottom: 3%; top: auto; }
  .vip-process__layout { gap: 52px; }
  .vip-work__grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .vip-case--feature { grid-column: 1 / -1; grid-row: auto; min-height: 520px; }
  .vip-contact__action { max-width: 520px; }
}

@media (max-width: 760px) {
  .vip-section { padding: 88px 0; }
  .vip-section::after { font-size: 6.8rem; right: 14px; top: 20px; }
  .vip-heading h2,
  .vip-manifest h2,
  .vip-about h2,
  .vip-contact h2 { font-size: clamp(2.8rem, 14vw, 4.4rem); }
  .vip-metal-orb { width: 74vw; opacity: .35; }
  .vip-metal-orb--left { left: -44%; top: 8%; }
  .vip-manifest { min-height: auto; }
  .vip-manifest__grid { grid-template-columns: 1fr; min-height: auto; gap: 44px; }
  .vip-principle { grid-template-columns: 42px 1fr; gap: 12px; }
  .vip-marquee { margin-top: 74px; }
  .vip-services__grid { grid-template-columns: 1fr; }
  .vip-service,
  .vip-service:nth-child(n) { min-height: 260px; padding: 24px; }
  .vip-service h3 { font-size: 2.2rem; }
  .vip-about__stats { grid-template-columns: 1fr; }
  .vip-stat { min-height: 105px; }
  .vip-process__rail { padding-left: 28px; }
  .vip-process__rail::before { left: 4px; }
  .vip-step { grid-template-columns: 1fr; padding: 22px; }
  .vip-step__dot { left: -30px; top: 29px; }
  .vip-work__grid { grid-template-columns: 1fr; }
  .vip-case,
  .vip-case--feature { grid-template-columns: 1fr; min-height: 0; }
  .vip-case--feature { grid-column: auto; }
  .vip-case__visual,
  .vip-case--feature .vip-case__visual { min-height: 260px; }
  .vip-testimonials { min-height: auto; }
  .vip-quote { padding: 28px 24px 26px 62px; }
  .vip-quote:hover { transform: none; }
  .vip-contact__inner { padding: 28px 22px; }
  .vip-contact__action button { min-height: 70px; padding: 0 20px; font-size: .78rem; }
}

@media (prefers-reduced-motion: reduce) {
  .vip-metal-orb,
  .vip-marquee > div,
  .vip-process__halo,
  .vip-case__rings i { animation: none !important; }
  .vip-section .reveal { opacity: 1; transform: none; filter: none; transition: none; }
  .vip-service::after { display: none; }
}

/* ===== V8 Maison Editorial System: all post-hero sections ===== */
:root {
  --mae-ink: #090909;
  --mae-ink-soft: #141310;
  --mae-ivory: #f5f0e8;
  --mae-paper: #ebe3d7;
  --mae-gold: #b89656;
  --mae-gold-light: #d8c18e;
  --mae-line: rgba(16, 15, 13, .16);
  --mae-white-line: rgba(255, 255, 255, .14);
  --mae-wide: min(1500px, calc(100vw - 72px));
  --mae-reading: min(1240px, calc(100vw - 72px));
}

body { overflow-x: hidden; }
.mae-section { position: relative; isolation: isolate; overflow: clip; }
.mae-section h2,
.mae-section h3,
.mae-section blockquote { font-family: "Cormorant Garamond", Georgia, serif; }
.mae-section h2 { margin: 0; font-weight: 500; letter-spacing: -.045em; }
.mae-section h2 em { color: var(--mae-gold); font-weight: 500; }
.mae-section p { text-wrap: pretty; }
.mae-gridlines {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image:
    linear-gradient(90deg, transparent calc(25% - .5px), rgba(10,10,10,.075) 25%, transparent calc(25% + .5px)),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(10,10,10,.075) 50%, transparent calc(50% + .5px)),
    linear-gradient(90deg, transparent calc(75% - .5px), rgba(10,10,10,.075) 75%, transparent calc(75% + .5px));
}
.mae-sidecode {
  position: absolute; left: 22px; top: 50%; transform: translateY(-50%) rotate(-90deg);
  transform-origin: center; font-size: .62rem; letter-spacing: .3em; font-weight: 800;
  color: rgba(14,14,14,.42); white-space: nowrap;
}

/* Manifest */
.mae-manifest {
  min-height: 1080px;
  background:
    radial-gradient(circle at 78% 28%, rgba(184,150,86,.16), transparent 24%),
    linear-gradient(135deg, #fbf7f1 0%, #efe8de 54%, #f8f4ed 100%);
  border-top: 1px solid rgba(8,8,8,.08);
  border-bottom: 1px solid rgba(8,8,8,.12);
  display: flex; flex-direction: column; justify-content: center;
  padding: 150px 0 110px;
}
.mae-manifest::before {
  content: ""; position: absolute; width: 34vw; aspect-ratio: 1; right: -11vw; top: 4%;
  border: 1px solid rgba(184,150,86,.2); border-radius: 50%; box-shadow:
    0 0 0 5vw rgba(184,150,86,.03),
    0 0 0 10vw rgba(184,150,86,.025),
    0 0 0 15vw rgba(184,150,86,.018);
  pointer-events: none;
}
.mae-manifest__inner {
  width: var(--mae-wide); margin: auto; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(330px, .55fr);
  gap: clamp(60px, 8vw, 150px); align-items: end;
}
.mae-manifest__headline { align-self: center; }
.mae-manifest__headline h2 {
  font-size: clamp(4.6rem, 8.1vw, 9.2rem); line-height: .83; max-width: 1120px;
}
.mae-manifest__headline h2 em { font-style: italic; }
.mae-manifest__aside { display: grid; gap: 46px; padding: 20px 0 14px; align-self: end; }
.mae-manifest__aside h3 { margin: 0 0 14px; font-size: clamp(2rem, 2.7vw, 3.1rem); line-height: .95; font-weight: 500; }
.mae-manifest__aside p { max-width: 430px; color: #5e584f; font-size: 1rem; line-height: 1.85; }
.mae-orbit {
  width: min(330px, 82%); aspect-ratio: 1; position: relative; display: grid; place-items: center;
  margin-left: auto; border-radius: 50%;
}
.mae-orbit::before,
.mae-orbit::after,
.mae-orbit i { content: ""; position: absolute; border-radius: 50%; }
.mae-orbit::before { inset: 0; border: 1px solid rgba(20,18,15,.32); }
.mae-orbit::after { inset: 17%; border: 1px solid rgba(184,150,86,.72); }
.mae-orbit i:nth-child(1) { inset: 5%; border: 1px solid rgba(20,18,15,.13); transform: rotate(36deg) scaleY(.56); }
.mae-orbit i:nth-child(2) { inset: 5%; border: 1px solid rgba(20,18,15,.13); transform: rotate(-36deg) scaleY(.56); }
.mae-orbit i:nth-child(3) { width: 7px; height: 7px; background: var(--mae-gold); top: 15%; left: 25%; box-shadow: 0 0 18px rgba(184,150,86,.6); animation: maeOrbitDot 7s linear infinite; }
.mae-orbit b { font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(3.2rem, 5vw, 5rem); font-weight: 500; letter-spacing: -.08em; }
.mae-wordrail {
  position: absolute; left: 0; right: 0; bottom: 0; border-top: 1px solid rgba(15,15,15,.11); border-bottom: 1px solid rgba(15,15,15,.09);
  overflow: hidden; background: rgba(255,255,255,.24); backdrop-filter: blur(8px);
}
.mae-wordrail > div { display: flex; align-items: center; width: max-content; min-width: 200%; animation: maeRail 30s linear infinite; }
.mae-wordrail span { padding: 24px 36px; font-size: .72rem; letter-spacing: .28em; font-weight: 800; }
.mae-wordrail i { color: var(--mae-gold); font-style: normal; font-size: .85rem; }

/* Services */
.mae-services {
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    var(--mae-ink);
  background-size: 80px 80px;
  color: #f7f2ea;
  padding: 0;
}
.mae-services::before {
  content: "SERVICES"; position: absolute; left: -2vw; top: 12vh; z-index: -1;
  font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(8rem, 18vw, 20rem); line-height: 1;
  color: rgba(255,255,255,.025); letter-spacing: -.07em; white-space: nowrap;
}
.mae-services__glow {
  position: absolute; width: 56vw; height: 56vw; max-width: 900px; max-height: 900px; border-radius: 50%;
  left: -24vw; top: 22%; background: radial-gradient(circle, rgba(184,150,86,.15), transparent 62%); filter: blur(18px); pointer-events: none;
}
.mae-services__layout {
  width: var(--mae-wide); margin: auto; display: grid; grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr); gap: clamp(60px, 8vw, 140px);
  align-items: start; padding: 150px 0 170px;
}
.mae-services__intro { position: sticky; top: 13vh; min-height: 72vh; display: flex; flex-direction: column; justify-content: center; }
.mae-services__intro .section-kicker { color: var(--mae-gold-light); }
.mae-services__intro h2 { font-size: clamp(4rem, 6vw, 7rem); line-height: .86; max-width: 630px; }
.mae-services__intro > p:last-of-type { color: rgba(255,255,255,.57); max-width: 570px; margin-top: 30px; line-height: 1.85; }
.mae-services__count { display: flex; align-items: center; gap: 16px; margin-top: auto; padding-top: 70px; color: rgba(255,255,255,.68); }
.mae-services__count span { font-family: "Cormorant Garamond", serif; font-size: 3.6rem; color: var(--mae-gold-light); line-height: 1; }
.mae-services__count i { height: 1px; width: min(140px, 12vw); background: linear-gradient(90deg, var(--mae-gold), rgba(255,255,255,.18)); }
.mae-services__count small { font-size: .7rem; letter-spacing: .2em; }
.mae-services__panels { border-top: 1px solid var(--mae-white-line); }
.mae-service-panel {
  min-height: 72vh; position: relative; display: grid; grid-template-columns: 112px minmax(0, 1fr); grid-template-rows: auto 1fr;
  column-gap: 46px; padding: clamp(40px, 6vw, 86px) 0; border-bottom: 1px solid var(--mae-white-line);
  overflow: hidden; isolation: isolate; transition: opacity .55s ease;
}
.mae-service-panel::before {
  content: ""; position: absolute; inset: 0; z-index: -2; opacity: 0; transition: opacity .5s ease;
  background: radial-gradient(440px circle at var(--mx, 72%) var(--my, 45%), rgba(184,150,86,.14), transparent 58%);
}
.mae-service-panel.is-active::before,
.mae-service-panel:hover::before { opacity: 1; }
.mae-service-panel__head { display: contents; }
.mae-service-panel__head > span { grid-column: 1; grid-row: 1 / span 2; font-family: "Cormorant Garamond", serif; font-size: clamp(4rem, 6vw, 7rem); line-height: .8; color: rgba(255,255,255,.12); transition: color .45s ease; }
.mae-service-panel.is-active .mae-service-panel__head > span { color: var(--mae-gold); }
.mae-service-panel__head small { grid-column: 2; text-transform: uppercase; letter-spacing: .25em; color: var(--mae-gold-light); font-size: .67rem; font-weight: 700; }
.mae-service-panel__body { grid-column: 2; align-self: center; max-width: 760px; padding: 65px 0 110px; position: relative; z-index: 1; }
.mae-service-panel__body h3 { font-size: clamp(3.3rem, 5.4vw, 6.5rem); line-height: .86; font-weight: 500; margin: 0 0 30px; letter-spacing: -.045em; }
.mae-service-panel__body p { color: rgba(255,255,255,.6); font-size: 1.03rem; line-height: 1.8; max-width: 620px; }
.mae-service-panel__arrow { position: absolute; right: 3px; top: 50%; font-size: 2.2rem; color: rgba(255,255,255,.3); transition: transform .4s ease, color .4s ease; }
.mae-service-panel:hover .mae-service-panel__arrow { color: var(--mae-gold-light); transform: translate(7px,-7px); }
.mae-service-panel__art { position: absolute; right: 4%; bottom: 10%; width: clamp(180px, 24vw, 380px); aspect-ratio: 1; opacity: .15; z-index: -1; transition: opacity .6s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.mae-service-panel.is-active .mae-service-panel__art { opacity: .33; transform: scale(1.04) rotate(3deg); }
.mae-service-panel__art i { position: absolute; inset: 0; border: 1px solid rgba(216,193,142,.7); }
.mae-service-panel__art i:nth-child(2) { inset: 18%; transform: rotate(45deg); }
.mae-service-panel__art i:nth-child(3) { inset: 36%; border-radius: 50%; }
.mae-service-panel__art--2 i:first-child,
.mae-service-panel__art--5 i:first-child { border-radius: 50%; }
.mae-service-panel__art--3 { transform: rotate(25deg); }
.mae-service-panel__art--3 i { border-radius: 50% 0 50% 0; }
.mae-service-panel__art--4 i:nth-child(1) { transform: skewX(-25deg); }
.mae-service-panel__art--4 i:nth-child(2) { transform: skewY(25deg) rotate(45deg); }
.mae-service-panel__art--6 i { border-radius: 50%; }
.mae-service-panel__art--6 i:nth-child(2) { transform: scaleY(.45); }
.mae-service-panel__art--6 i:nth-child(3) { transform: scaleX(.45); }

/* The house */
.mae-house {
  background:
    linear-gradient(90deg, #efe8de 0 48%, #faf7f2 48% 100%);
  min-height: 1120px; padding: 170px 0; border-bottom: 1px solid rgba(13,13,13,.12);
}
.mae-house__word {
  position: absolute; left: 50%; top: -2.2vw; transform: translateX(-50%); z-index: -1;
  font-family: "Cormorant Garamond", serif; font-size: clamp(10rem, 24vw, 25rem); line-height: .8;
  letter-spacing: -.08em; color: rgba(15,15,15,.036); white-space: nowrap;
}
.mae-house__layout { width: var(--mae-wide); margin: auto; display: grid; grid-template-columns: minmax(360px, .84fr) minmax(0, 1.16fr); gap: clamp(70px, 10vw, 180px); align-items: center; }
.mae-house__portrait { position: relative; padding: 42px 0 0 42px; }
.mae-house__portrait::before { content:""; position:absolute; left:0; top:0; width:45%; height:48%; border-left:1px solid var(--mae-gold); border-top:1px solid var(--mae-gold); }
.mae-house__frame {
  position: relative; aspect-ratio: .79; background:
    radial-gradient(circle at 35% 20%, rgba(216,193,142,.24), transparent 28%),
    linear-gradient(145deg, #12110f, #050505);
  display: grid; place-items: center; overflow: hidden; box-shadow: 0 45px 100px rgba(18,15,10,.17);
}
.mae-house__frame::before { content:""; position:absolute; inset:20px; border:1px solid rgba(255,255,255,.13); }
.mae-house__frame::after { content:""; position:absolute; inset:-35% auto -35% -25%; width:23%; transform: rotate(18deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.17), transparent); animation: maeShine 7s ease-in-out infinite; }
.mae-house__frame img { width: 62%; filter: drop-shadow(0 16px 30px rgba(0,0,0,.55)); opacity: .94; }
.mae-house__seal {
  position: absolute; right: -42px; bottom: 38px; width: 150px; aspect-ratio: 1; border-radius: 50%;
  background: var(--mae-ivory); border: 1px solid rgba(14,14,14,.14); box-shadow: 0 20px 50px rgba(14,12,9,.15); display: grid; place-items: center;
}
.mae-house__seal svg { position:absolute; inset:8px; width:calc(100% - 16px); height:calc(100% - 16px); animation: maeSealSpin 22s linear infinite; overflow:visible; }
.mae-house__seal text { font-family:"Manrope",sans-serif; font-size:7px; letter-spacing:1.8px; font-weight:800; fill:#38342e; }
.mae-house__seal b { color: var(--mae-gold); font-size: 1.8rem; }
.mae-house__portrait blockquote { margin: 42px 0 0; max-width: 610px; font-size: clamp(2.2rem, 3.2vw, 3.7rem); line-height: .98; font-style: italic; color: #23201c; }
.mae-house__content > header { max-width: 790px; padding-top: 110px; }
.mae-house__content h2 { font-size: clamp(4.7rem, 7vw, 8rem); line-height: .84; }
.mae-house__content > header > p:last-child { max-width: 680px; margin-top: 38px; line-height: 1.9; color: #5d574e; }
.mae-house__rules { margin-top: 82px; border-top: 1px solid var(--mae-line); }
.mae-house-rule { display: grid; grid-template-columns: 72px 1fr; gap: 28px; padding: 34px 0; border-bottom: 1px solid var(--mae-line); }
.mae-house-rule > span { color: var(--mae-gold); font-size: .72rem; letter-spacing: .2em; font-weight: 800; padding-top: 9px; }
.mae-house-rule h3 { margin: 0 0 8px; font-size: 2.15rem; font-weight: 500; line-height: 1; }
.mae-house-rule p { margin: 0; color: #676057; max-width: 580px; line-height: 1.7; }

/* Process */
.mae-process {
  background:
    radial-gradient(circle at 86% 10%, rgba(184,150,86,.22), transparent 24%),
    linear-gradient(145deg, #d8c6a5 0%, #efe4d3 42%, #d6c09a 100%);
  padding: 170px 0 190px; color: #14120f;
}
.mae-process::before { content:""; position:absolute; inset:0; background: repeating-linear-gradient(120deg, transparent 0 28px, rgba(255,255,255,.05) 29px 30px); opacity:.7; z-index:-1; }
.mae-process__arc { position:absolute; right:-13vw; top:-15vw; width:54vw; aspect-ratio:1; border-radius:50%; border:1px solid rgba(31,26,19,.14); box-shadow:0 0 0 7vw rgba(255,255,255,.035),0 0 0 14vw rgba(255,255,255,.025); }
.mae-process__layout { width: var(--mae-reading); margin:auto; display:grid; grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr); gap: clamp(60px,9vw,150px); align-items:start; }
.mae-process__intro { position: sticky; top: 16vh; }
.mae-process__intro .section-kicker { color: #69552f; }
.mae-process__intro h2 { font-size: clamp(4.4rem, 6.3vw, 7.4rem); line-height:.86; }
.mae-process__intro > p:last-child { max-width:520px; margin-top:30px; color:#5f5547; line-height:1.85; }
.mae-process__steps { padding-top: 13vh; }
.mae-process-step { min-height: 52vh; display:grid; grid-template-columns:120px 1fr; gap:38px; align-content:center; position:relative; border-top:1px solid rgba(26,22,16,.25); }
.mae-process-step:last-child { border-bottom:1px solid rgba(26,22,16,.25); }
.mae-process-step__number { font-family:"Cormorant Garamond",serif; font-size:clamp(5rem,8vw,9rem); line-height:.8; color:rgba(23,19,14,.17); transition:color .4s ease, transform .4s ease; }
.mae-process-step.in-view .mae-process-step__number { color:#5e4b2a; transform:translateX(8px); }
.mae-process-step h3 { margin:0 0 16px; font-size:clamp(3rem,4.8vw,5.4rem); line-height:.9; font-weight:500; }
.mae-process-step p { margin:0; max-width:650px; color:#5b5042; line-height:1.8; }
.mae-process-step__line { position:absolute; left:0; right:0; top:-1px; height:1px; transform:scaleX(0); transform-origin:left; background:#564526; transition:transform 1.1s cubic-bezier(.2,.7,.2,1) .1s; }
.mae-process-step.in-view .mae-process-step__line { transform:scaleX(1); }

/* Work */
.mae-work { background:#0a0a09; color:#f6f0e7; padding:170px 0 190px; }
.mae-work::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 50% 10%, rgba(184,150,86,.14), transparent 35%); z-index:-1; }
.mae-work__header { width:var(--mae-reading); margin:0 auto 110px; display:grid; grid-template-columns:1.3fr .7fr; column-gap:80px; align-items:end; }
.mae-work__header .section-kicker { grid-column:1/-1; color:var(--mae-gold-light); }
.mae-work__header h2 { font-size:clamp(4.7rem,8vw,9rem); line-height:.82; max-width:1050px; }
.mae-work__header > p:last-child { color:rgba(255,255,255,.54); max-width:470px; line-height:1.8; align-self:end; }
.mae-work__cards { width:var(--mae-wide); margin:auto; display:grid; gap:42px; }
.mae-work-card { min-height:760px; display:grid; grid-template-columns:1.2fr .8fr; border:1px solid rgba(255,255,255,.14); background:#11100e; overflow:hidden; position:relative; }
.mae-work-card:nth-child(even) { grid-template-columns:.8fr 1.2fr; }
.mae-work-card:nth-child(even) .mae-work-card__visual { order:2; }
.mae-work-card__visual { position:relative; min-height:650px; overflow:hidden; display:grid; place-items:center; background:
  linear-gradient(135deg, rgba(255,255,255,.06), transparent 46%),
  radial-gradient(circle at 50% 50%, rgba(184,150,86,.26), transparent 48%),
  #161410;
}
.mae-work-card__visual::before { content:""; position:absolute; inset:18px; border:1px solid rgba(255,255,255,.12); }
.mae-work-card__index { position:absolute; top:34px; left:38px; z-index:2; font-size:.7rem; letter-spacing:.25em; color:rgba(255,255,255,.62); }
.mae-work-card__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(52px,6vw,95px); }
.mae-work-card__copy small { text-transform:uppercase; letter-spacing:.23em; color:var(--mae-gold-light); font-size:.63rem; }
.mae-work-card__copy h3 { margin:32px 0 24px; font-size:clamp(4rem,6vw,7rem); line-height:.83; font-weight:500; letter-spacing:-.04em; }
.mae-work-card__copy p { color:rgba(255,255,255,.58); line-height:1.85; max-width:570px; }
.mae-work-card__copy > span { margin-top:40px; padding-top:22px; border-top:1px solid rgba(255,255,255,.15); font-size:.67rem; letter-spacing:.16em; color:rgba(255,255,255,.63); text-transform:uppercase; }
.mae-work-art { width:min(560px,70%); aspect-ratio:1; position:relative; display:grid; place-items:center; transition:transform 1s cubic-bezier(.2,.7,.2,1); }
.mae-work-card:hover .mae-work-art { transform:scale(1.05) rotate(2deg); }
.mae-work-art i { position:absolute; border:1px solid rgba(216,193,142,.68); }
.mae-work-art b { font-family:"Cormorant Garamond",serif; font-size:clamp(5rem,10vw,11rem); font-weight:400; letter-spacing:-.09em; color:rgba(255,255,255,.82); text-shadow:0 18px 60px rgba(0,0,0,.55); }
.mae-work-card--1 .mae-work-art i:nth-child(1) { inset:0 27%; }
.mae-work-card--1 .mae-work-art i:nth-child(2) { inset:15% 12%; transform:rotate(45deg); }
.mae-work-card--1 .mae-work-art i:nth-child(3) { inset:23%; border-radius:50%; }
.mae-work-card--2 .mae-work-card__visual { background:radial-gradient(circle at 40% 30%, rgba(216,193,142,.26), transparent 35%),linear-gradient(160deg,#171510,#080807); }
.mae-work-card--2 .mae-work-art i { border-radius:50%; }
.mae-work-card--2 .mae-work-art i:nth-child(1) { inset:0; }
.mae-work-card--2 .mae-work-art i:nth-child(2) { inset:14%; transform:scaleY(.42) rotate(25deg); }
.mae-work-card--2 .mae-work-art i:nth-child(3) { inset:14%; transform:scaleY(.42) rotate(-25deg); }
.mae-work-card--3 .mae-work-card__visual { background:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25% 75%,rgba(255,255,255,.04) 75%),radial-gradient(circle at 60% 55%,rgba(184,150,86,.22),transparent 42%),#11100e;background-size:80px 80px,auto,auto; }
.mae-work-card--3 .mae-work-art i:nth-child(1) { inset:8%; transform:rotate(45deg); }
.mae-work-card--3 .mae-work-art i:nth-child(2) { inset:24%; }
.mae-work-card--3 .mae-work-art i:nth-child(3) { inset:34% 8%; }

/* Standard */
.mae-standard { background:#f7f3ed; padding:190px 0; min-height:980px; display:flex; align-items:center; }
.mae-standard::before { content:"ADRIANO"; position:absolute; left:50%; bottom:-7vw; transform:translateX(-50%); z-index:-1; font-family:"Cormorant Garamond",serif; font-size:clamp(10rem,23vw,24rem); line-height:.75; letter-spacing:-.08em; color:rgba(15,15,15,.035); white-space:nowrap; }
.mae-standard__beam { position:absolute; width:130%; height:18%; left:-15%; top:41%; transform:rotate(-8deg); background:linear-gradient(90deg,transparent,rgba(184,150,86,.13),rgba(255,255,255,.64),rgba(184,150,86,.12),transparent); filter:blur(22px); }
.mae-standard__layout { width:var(--mae-reading); margin:auto; display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(60px,10vw,160px); align-items:start; }
.mae-standard h2 { font-size:clamp(4.4rem,6.4vw,7.5rem); line-height:.86; }
.mae-standard blockquote { margin:0; font-size:clamp(4.4rem,7.2vw,8.3rem); line-height:.82; font-weight:500; letter-spacing:-.045em; color:#171512; }
.mae-standard ul { grid-column:2; list-style:none; padding:0; margin:70px 0 0; border-top:1px solid var(--mae-line); }
.mae-standard li { display:grid; grid-template-columns:70px 1fr; padding:25px 0; border-bottom:1px solid var(--mae-line); font-size:1rem; letter-spacing:.08em; text-transform:uppercase; }
.mae-standard li span { color:var(--mae-gold); font-size:.68rem; font-weight:800; padding-top:3px; }

/* Contact */
.mae-contact { background:#090909; color:#f8f2e9; min-height:820px; display:flex; align-items:center; padding:150px 0; }
.mae-contact::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 86% 28%,rgba(184,150,86,.25),transparent 27%),linear-gradient(120deg,transparent 52%,rgba(255,255,255,.03)); z-index:-1; }
.mae-contact__monogram { position:absolute; right:-4vw; top:50%; transform:translateY(-50%); font-family:"Cormorant Garamond",serif; font-size:clamp(16rem,36vw,38rem); line-height:.7; letter-spacing:-.11em; color:rgba(255,255,255,.025); white-space:nowrap; }
.mae-contact__layout { width:var(--mae-reading); margin:auto; display:grid; grid-template-columns:1.35fr .65fr; gap:80px; align-items:end; }
.mae-contact .section-kicker { color:var(--mae-gold-light); }
.mae-contact h2 { font-size:clamp(5rem,8.8vw,10rem); line-height:.8; max-width:1100px; }
.mae-contact__layout > div:first-child > p:last-child { margin-top:38px; max-width:650px; color:rgba(255,255,255,.56); line-height:1.85; }
.mae-contact__action { display:flex; flex-direction:column; align-items:flex-start; gap:18px; padding-bottom:12px; }
.mae-contact__action button { width:100%; min-height:78px; border:1px solid rgba(216,193,142,.55); background:transparent; color:#fff; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 28px; cursor:pointer; transition:background .35s ease,color .35s ease,transform .35s ease; }
.mae-contact__action button:hover { background:var(--mae-gold-light); color:#0a0908; transform:translateY(-3px); }
.mae-contact__action button span { text-transform:uppercase; letter-spacing:.13em; font-size:.73rem; font-weight:800; }
.mae-contact__action button i { font-style:normal; font-size:1.7rem; }
.mae-contact__action small { color:rgba(255,255,255,.43); letter-spacing:.08em; }

/* Footer alignment after editorial rebuild */
.site-footer { background:#050505 !important; color:#fff; border-top:1px solid rgba(255,255,255,.1) !important; }
.site-footer p { color:rgba(255,255,255,.5) !important; }
.site-footer .footer-links a { color:rgba(255,255,255,.72); }
.site-footer .footer-links a:hover { color:var(--mae-gold-light); }

/* Reveal refinements */
.mae-section .reveal { opacity:0; transform:translateY(34px); transition:opacity .9s ease var(--stagger,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--stagger,0ms); }
.mae-section .reveal.in-view { opacity:1; transform:none; }

@keyframes maeRail { to { transform:translateX(-50%); } }
@keyframes maeOrbitDot { 0%{transform:rotate(0deg) translateX(120px) rotate(0deg)} 100%{transform:rotate(360deg) translateX(120px) rotate(-360deg)} }
@keyframes maeShine { 0%,55%{transform:rotate(18deg) translateX(-180%)} 75%,100%{transform:rotate(18deg) translateX(620%)} }
@keyframes maeSealSpin { to { transform:rotate(360deg); } }

@media (max-width: 1180px) {
  :root { --mae-wide:min(100% - 48px, 1240px); --mae-reading:min(100% - 48px, 1080px); }
  .mae-manifest { min-height:920px; }
  .mae-manifest__inner { grid-template-columns:1.25fr .75fr; gap:60px; }
  .mae-manifest__headline h2 { font-size:clamp(4.2rem,8.5vw,7.5rem); }
  .mae-services__layout { grid-template-columns:340px 1fr; gap:55px; }
  .mae-service-panel { grid-template-columns:82px 1fr; column-gap:28px; }
  .mae-house { min-height:auto; }
  .mae-house__layout { gap:70px; }
  .mae-house__seal { width:125px; right:-28px; }
  .mae-work-card { min-height:650px; }
  .mae-work-card__visual { min-height:560px; }
}

@media (max-width: 900px) {
  :root { --mae-wide:calc(100% - 36px); --mae-reading:calc(100% - 36px); }
  .mae-sidecode { display:none; }
  .mae-manifest { min-height:auto; padding:110px 0 120px; }
  .mae-manifest__inner { grid-template-columns:1fr; gap:75px; }
  .mae-manifest__headline h2 { font-size:clamp(4rem,12vw,6.6rem); max-width:850px; }
  .mae-manifest__aside { grid-template-columns:minmax(220px,.7fr) 1fr; align-items:center; gap:45px; }
  .mae-orbit { margin:0; }
  .mae-wordrail { position:relative; margin-top:90px; }
  .mae-wordrail span { padding:20px 24px; }
  .mae-services__layout { grid-template-columns:1fr; padding:115px 0 120px; }
  .mae-services__intro { position:relative; top:auto; min-height:auto; padding-bottom:70px; }
  .mae-services__intro h2 { max-width:760px; }
  .mae-services__count { display:none; }
  .mae-service-panel { min-height:520px; }
  .mae-service-panel__art { width:300px; right:0; }
  .mae-house { padding:120px 0; background:linear-gradient(180deg,#eee6da 0 47%,#faf7f2 47% 100%); }
  .mae-house__layout { grid-template-columns:1fr; }
  .mae-house__portrait { width:min(620px,92%); }
  .mae-house__content > header { padding-top:40px; }
  .mae-process { padding:120px 0 140px; }
  .mae-process__layout { grid-template-columns:1fr; }
  .mae-process__intro { position:relative; top:auto; max-width:760px; }
  .mae-process__steps { padding-top:80px; }
  .mae-process-step { min-height:390px; }
  .mae-work { padding:120px 0 140px; }
  .mae-work__header { grid-template-columns:1fr; gap:34px; margin-bottom:75px; }
  .mae-work__header h2 { max-width:900px; }
  .mae-work__header > p:last-child { max-width:680px; }
  .mae-work-card,.mae-work-card:nth-child(even) { min-height:auto; grid-template-columns:1fr; }
  .mae-work-card:nth-child(even) .mae-work-card__visual { order:0; }
  .mae-work-card__visual { min-height:520px; }
  .mae-work-card__copy { min-height:480px; }
  .mae-standard { min-height:auto; padding:140px 0; }
  .mae-standard__layout { grid-template-columns:1fr; gap:70px; }
  .mae-standard blockquote { max-width:900px; }
  .mae-standard ul { grid-column:1; margin-top:0; }
  .mae-contact { min-height:auto; padding:130px 0; }
  .mae-contact__layout { grid-template-columns:1fr; gap:70px; }
  .mae-contact__action { max-width:520px; }
}

@media (max-width: 640px) {
  :root { --mae-wide:calc(100% - 28px); --mae-reading:calc(100% - 28px); }
  .mae-section .section-kicker { font-size:.66rem; letter-spacing:.2em; }
  .mae-manifest { padding:84px 0 0; }
  .mae-manifest::before { width:85vw; right:-45vw; top:9%; }
  .mae-manifest__headline h2 { font-size:clamp(3.4rem,16vw,5.5rem); line-height:.86; }
  .mae-manifest__aside { grid-template-columns:1fr; gap:30px; }
  .mae-orbit { width:220px; margin-left:auto; margin-right:auto; }
  .mae-orbit i:nth-child(3) { display:none; }
  .mae-manifest__aside h3 { font-size:2.25rem; }
  .mae-wordrail { margin-top:70px; }
  .mae-wordrail span { padding:17px 18px; font-size:.61rem; }
  .mae-services { background-size:48px 48px; }
  .mae-services__layout { padding:88px 0 95px; gap:20px; }
  .mae-services__intro h2 { font-size:clamp(3.4rem,15vw,5.2rem); }
  .mae-services__intro > p:last-of-type { margin-top:24px; }
  .mae-service-panel { min-height:500px; display:block; padding:44px 0 58px; }
  .mae-service-panel__head { display:flex; justify-content:space-between; align-items:flex-start; }
  .mae-service-panel__head > span { display:block; font-size:4.4rem; }
  .mae-service-panel__head small { padding-top:8px; text-align:right; }
  .mae-service-panel__body { padding:60px 0 110px; max-width:100%; }
  .mae-service-panel__body h3 { font-size:clamp(3.15rem,14vw,4.7rem); }
  .mae-service-panel__arrow { right:2px; top:auto; bottom:34px; }
  .mae-service-panel__art { width:220px; bottom:4%; right:-14%; }
  .mae-house { padding:88px 0 100px; }
  .mae-house__portrait { width:100%; padding:22px 0 0 22px; }
  .mae-house__frame { aspect-ratio:.88; }
  .mae-house__seal { width:96px; right:-7px; bottom:20px; }
  .mae-house__seal svg { display:none; }
  .mae-house__portrait blockquote { font-size:2.45rem; margin-top:32px; }
  .mae-house__content h2 { font-size:clamp(3.6rem,15vw,5.5rem); }
  .mae-house__content > header { padding-top:24px; }
  .mae-house__rules { margin-top:55px; }
  .mae-house-rule { grid-template-columns:46px 1fr; gap:15px; padding:28px 0; }
  .mae-house-rule h3 { font-size:1.85rem; }
  .mae-process { padding:90px 0 105px; }
  .mae-process__intro h2 { font-size:clamp(3.6rem,15vw,5.6rem); }
  .mae-process__steps { padding-top:55px; }
  .mae-process-step { min-height:350px; grid-template-columns:1fr; gap:24px; align-content:center; }
  .mae-process-step__number { font-size:5.6rem; }
  .mae-process-step h3 { font-size:3.2rem; }
  .mae-work { padding:90px 0 105px; }
  .mae-work__header { margin-bottom:55px; }
  .mae-work__header h2 { font-size:clamp(3.6rem,15vw,5.6rem); }
  .mae-work__cards { gap:24px; }
  .mae-work-card__visual { min-height:390px; }
  .mae-work-card__copy { min-height:auto; padding:48px 26px 54px; }
  .mae-work-card__copy h3 { font-size:clamp(3.5rem,15vw,5.2rem); }
  .mae-work-art { width:76%; }
  .mae-standard { padding:100px 0 115px; }
  .mae-standard__layout { gap:55px; }
  .mae-standard h2 { font-size:clamp(3.6rem,15vw,5.4rem); }
  .mae-standard blockquote { font-size:clamp(3.5rem,14vw,5rem); }
  .mae-standard li { grid-template-columns:48px 1fr; font-size:.8rem; }
  .mae-contact { padding:100px 0; }
  .mae-contact h2 { font-size:clamp(3.8rem,16vw,5.8rem); }
  .mae-contact__layout { gap:55px; }
  .mae-contact__action button { min-height:70px; padding:0 20px; }
  .mae-contact__action button span { font-size:.66rem; }
}

@media (prefers-reduced-motion: reduce) {
  .mae-wordrail > div,
  .mae-orbit i:nth-child(3),
  .mae-house__frame::after,
  .mae-house__seal svg { animation:none !important; }
  .mae-section .reveal { opacity:1; transform:none; transition:none; }
}


/* === V9 refined sections === */
.vip-section{position:relative;overflow:clip}.vip-section h2,.vip-section h3,.vip-section blockquote{font-family:"Cormorant Garamond",Georgia,serif;letter-spacing:-.04em}.vip-manifest{padding:118px 0 132px;background:linear-gradient(180deg,#f6f2ec 0%,#efe8dd 100%)}.vip-manifest__inner,.vip-services__inner,.vip-about__inner,.vip-collaboration__inner,.vip-standard__inner,.vip-cta__inner{width:min(1320px,calc(100vw - 48px));margin:0 auto}.vip-manifest__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(34px,6vw,110px);align-items:end}.vip-manifest__headline h2{font-size:clamp(4rem,7vw,7.4rem);line-height:.88;margin:0 0 22px}.vip-manifest__headline h2 em{color:var(--gold);font-style:italic;font-weight:500}.vip-manifest__headline p:last-child{max-width:720px;font-size:1.04rem;line-height:1.9;color:#5c554a}.vip-manifest__aside{display:grid;gap:20px;align-self:center}.vip-manifest__quote{padding:34px;border-radius:24px;background:rgba(255,255,255,.56);border:1px solid rgba(19,16,12,.08);box-shadow:0 28px 55px rgba(23,20,16,.08);font-size:clamp(2rem,3.1vw,3rem);line-height:.95}.vip-manifest__aside p{margin:0;padding-left:18px;border-left:1px solid rgba(19,16,12,.14);color:#665f55;line-height:1.9}
.vip-services{padding:0;background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(8,8,8,1));color:#f8f1e7}.vip-services::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/56px 56px;opacity:.45;pointer-events:none}.vip-services__inner{display:grid;grid-template-columns:minmax(310px,.88fr) minmax(0,1.12fr);gap:clamp(36px,6vw,96px);padding:130px 0;position:relative;z-index:1}.vip-services__intro{position:sticky;top:14vh;align-self:start}.vip-services__intro .section-kicker{color:var(--gold-soft)}.vip-services__intro h2{font-size:clamp(4rem,6.3vw,7.2rem);line-height:.86;margin:0 0 24px;max-width:570px}.vip-services__intro p{max-width:480px;color:rgba(255,255,255,.6);line-height:1.85}.vip-services__list{display:grid;gap:20px}.vip-service-card{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) 120px;gap:28px;align-items:center;padding:32px;min-height:220px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.vip-service-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(216,193,142,.14),transparent 42%);opacity:0;transition:opacity .35s ease;pointer-events:none}.vip-service-card:hover::before{opacity:1}.vip-service-card__meta span{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:3.7rem;line-height:.9;color:var(--gold-soft)}.vip-service-card__meta small{display:block;margin-top:8px;color:rgba(255,255,255,.48);text-transform:uppercase;letter-spacing:.2em;font-size:.64rem}.vip-service-card__main h3{font-size:clamp(2.4rem,4vw,4rem);line-height:.92;margin:0 0 14px}.vip-service-card__main p{max-width:620px;color:rgba(255,255,255,.62);line-height:1.76;margin-bottom:18px}.vip-tag-list{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:10px}.vip-tag-list li{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.14em;font-size:.64rem}.vip-link-button,.vip-primary-button{appearance:none;border:0;cursor:pointer}.vip-link-button{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(216,193,142,.28);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700;transition:transform .26s ease,background .26s ease,border-color .26s ease}.vip-link-button:hover{transform:translateY(-2px);background:rgba(216,193,142,.12);border-color:rgba(216,193,142,.5)}.vip-service-card__mark{justify-self:end;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3rem,6vw,5.6rem);line-height:.8;color:rgba(255,255,255,.08);letter-spacing:-.08em}
.vip-about{padding:128px 0;background:linear-gradient(180deg,#f4eee4 0%,#faf8f3 100%)}.vip-about__inner{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,100px);align-items:center}.vip-about__photo-wrap{position:relative;border-radius:28px;overflow:hidden;background:#0f0f0f;box-shadow:0 32px 70px rgba(0,0,0,.16)}.vip-about__photo{width:100%;aspect-ratio:.78;object-fit:cover;object-position:center 18%}.vip-about__photo-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.18) 100%)}.vip-about__floating-card{position:absolute;left:22px;bottom:22px;z-index:1;display:grid;gap:4px;padding:16px 18px;min-width:220px;border-radius:18px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);color:#f7f1e9;border:1px solid rgba(255,255,255,.13)}.vip-about__floating-card strong{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem}.vip-about__floating-card span{color:rgba(255,255,255,.7);font-size:.77rem;letter-spacing:.08em}.vip-about__content h2{font-size:clamp(4.1rem,6.6vw,7rem);line-height:.86;margin:0 0 28px}.vip-about__content h2 em{color:var(--gold);font-style:italic;font-weight:500}.vip-about__content>p{max-width:690px;line-height:1.9;color:#5a5247}.vip-about__note{margin-top:8px;color:#71685c}.vip-about__principles{display:grid;gap:16px;margin-top:40px}.vip-about__principles article{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px 0;border-top:1px solid rgba(21,18,13,.1)}.vip-about__principles article:last-child{border-bottom:1px solid rgba(21,18,13,.1)}.vip-about__principles span{color:var(--gold);font-size:.74rem;letter-spacing:.2em;font-weight:800;padding-top:8px}.vip-about__principles h3{margin:0 0 8px;font-size:2.1rem;line-height:.96}.vip-about__principles p{margin:0;color:#675f54;line-height:1.75}
.vip-collaboration{padding:126px 0 134px;background:linear-gradient(180deg,#efe6d9 0%,#f7f2e9 32%,#111111 32%,#080808 100%)}.vip-collaboration__inner{display:grid;gap:48px}.vip-collaboration__header{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:end}.vip-collaboration__header h2{font-size:clamp(3.6rem,6vw,6.4rem);line-height:.88;margin:0;max-width:760px}.vip-collaboration__header p:last-child{max-width:560px;line-height:1.9;color:#60584c}.vip-collaboration__process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.vip-process-card{min-height:250px;padding:26px 24px 24px;border-radius:24px;background:rgba(255,255,255,.62);border:1px solid rgba(18,16,12,.08);box-shadow:0 24px 40px rgba(17,14,10,.08)}.vip-process-card span{display:block;color:var(--gold);font-size:.72rem;letter-spacing:.22em;font-weight:800;margin-bottom:24px}.vip-process-card h3{font-size:2.2rem;line-height:.96;margin:0 0 12px}.vip-process-card p{margin:0;color:#61594d;line-height:1.72}.vip-clients{padding:34px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.1);color:#f8f1e9}.vip-clients__intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;margin-bottom:26px;align-items:end}.vip-clients__intro .section-kicker{color:var(--gold-soft)}.vip-clients__intro h3{margin:0;font-size:clamp(3rem,4.6vw,4.7rem);line-height:.9}.vip-clients__intro p{color:rgba(255,255,255,.58);line-height:1.82;margin:0}.vip-clients__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.vip-logo-tile{appearance:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);min-height:138px;border-radius:22px;padding:18px;text-align:left;color:#fff;display:grid;align-content:space-between;gap:20px;cursor:pointer;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}.vip-logo-tile:hover{transform:translateY(-3px);border-color:rgba(216,193,142,.4);background:rgba(216,193,142,.06);box-shadow:0 16px 28px rgba(0,0,0,.16)}.vip-logo-tile__mark{display:block;line-height:.92}.vip-logo-tile--serif .vip-logo-tile__mark{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.8rem;letter-spacing:-.05em}.vip-logo-tile--sans .vip-logo-tile__mark{font-size:1.55rem;letter-spacing:.22em;font-weight:800}.vip-logo-tile--wide .vip-logo-tile__mark{font-size:1.18rem;letter-spacing:.34em;font-weight:700}.vip-logo-tile--thin .vip-logo-tile__mark{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.4rem;letter-spacing:.06em}.vip-logo-tile__meta{display:block;color:rgba(255,255,255,.54);text-transform:uppercase;letter-spacing:.14em;font-size:.64rem}.vip-clients__note{display:block;margin-top:18px;color:rgba(255,255,255,.34);font-size:.72rem;letter-spacing:.06em}
.vip-standard{padding:134px 0;background:#090909;color:#f6efe5}.vip-standard__inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:36px 70px;align-items:start}.vip-standard .section-kicker{color:var(--gold-soft)}.vip-standard h2{font-size:clamp(3.7rem,6vw,6.2rem);line-height:.88;margin:0}.vip-standard h2 em{color:var(--gold-soft);font-style:italic;font-weight:500}.vip-standard blockquote{margin:0;font-size:clamp(3rem,5vw,5.5rem);line-height:.88}.vip-standard ul{grid-column:2;list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.1)}.vip-standard li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}.vip-standard li span{color:var(--gold-soft);font-size:.67rem;font-weight:800;padding-top:4px}
.vip-cta{padding:118px 0 132px;background:linear-gradient(180deg,#121212 0%,#050505 100%);color:#f7f1e9}.vip-cta__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end}.vip-cta .section-kicker{color:var(--gold-soft)}.vip-cta h2{font-size:clamp(4rem,7vw,7rem);line-height:.86;margin:0 0 22px;max-width:860px}.vip-cta p{max-width:620px;color:rgba(255,255,255,.56);line-height:1.85}.vip-cta__action{justify-self:end;width:min(460px,100%);display:grid;gap:16px}.vip-cta__action button,.vip-info-actions .vip-primary-button{min-height:64px;width:100%;padding:0 24px;border-radius:999px;background:linear-gradient(135deg,#f6f0e7,#ddd0b1);color:#111;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;transition:transform .25s ease,filter .25s ease}.vip-cta__action button:hover,.vip-info-actions .vip-primary-button:hover{transform:translateY(-2px);filter:brightness(1.02)}.vip-cta__action small{color:rgba(255,255,255,.4);letter-spacing:.08em}
.vip-info-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.vip-info-modal.is-open{opacity:1;visibility:visible}.vip-info-modal__backdrop{position:absolute;inset:0;background:rgba(4,4,4,.72);backdrop-filter:blur(10px)}.vip-info-modal__shell{position:relative;z-index:1;width:min(960px,calc(100vw - 28px));max-height:min(88vh,920px);overflow:auto;background:linear-gradient(180deg,#faf5ed 0%,#f3ece0 100%);border-radius:30px;box-shadow:0 30px 100px rgba(0,0,0,.34)}.vip-info-modal__close{position:sticky;top:18px;margin-left:auto;margin-right:18px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(18,18,18,.08);background:rgba(255,255,255,.7);cursor:pointer;z-index:2}.vip-info-modal__close span{position:absolute;width:18px;height:1.6px;background:#121212}.vip-info-modal__close span:first-child{transform:rotate(45deg)}.vip-info-modal__close span:last-child{transform:rotate(-45deg)}.vip-info-modal__content{padding:16px 28px 34px}.vip-info-card{padding:8px 8px 6px}.vip-info-kicker{margin:0 0 10px;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:800}.vip-info-card h3{margin:0 0 16px;font-size:clamp(3.2rem,5vw,5rem);line-height:.88}.vip-info-intro{max-width:780px;color:#5f584d;font-size:1.03rem;line-height:1.85}.vip-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.vip-info-grid--client{grid-template-columns:.85fr 1.15fr}.vip-info-grid>div{padding:20px;border-radius:20px;background:rgba(255,255,255,.6);border:1px solid rgba(19,16,12,.08)}.vip-info-grid h4{margin:0 0 14px;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;color:#736247}.vip-info-grid ul{margin:0;padding-left:18px;display:grid;gap:10px;color:#534b40}.vip-info-grid p{margin:0;color:#534b40;line-height:1.8}.vip-info-actions{display:flex;justify-content:flex-start;margin-top:24px}
@media (max-width:1100px){.vip-services__inner,.vip-about__inner,.vip-standard__inner,.vip-cta__inner,.vip-collaboration__header,.vip-manifest__inner{grid-template-columns:1fr}.vip-services__intro{position:static}.vip-collaboration{background:linear-gradient(180deg,#efe6d9 0%,#f7f2e9 40%,#111111 40%,#080808 100%)}.vip-collaboration__process{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-clients__intro,.vip-standard__inner{grid-template-columns:1fr}.vip-standard ul{grid-column:1}.vip-cta__action{justify-self:start}}
@media (max-width:900px){.vip-service-card{grid-template-columns:72px 1fr;padding:26px 24px}.vip-service-card__mark{grid-column:2;justify-self:start;margin-top:12px}.vip-services__inner{padding:100px 0}.vip-about,.vip-collaboration,.vip-standard,.vip-cta,.vip-manifest{padding-top:92px;padding-bottom:96px}.vip-clients__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-info-grid,.vip-info-grid--client{grid-template-columns:1fr}}
@media (max-width:640px){.vip-manifest__inner,.vip-services__inner,.vip-about__inner,.vip-collaboration__inner,.vip-standard__inner,.vip-cta__inner{width:min(100vw - 28px,1320px)}.vip-manifest{padding:74px 0 84px}.vip-manifest__headline h2,.vip-services__intro h2,.vip-about__content h2,.vip-collaboration__header h2,.vip-standard h2,.vip-cta h2{font-size:clamp(3.2rem,14vw,4.9rem)}.vip-manifest__quote{padding:26px;font-size:1.9rem}.vip-service-card{grid-template-columns:1fr;gap:16px;min-height:auto}.vip-service-card__meta{display:flex;align-items:center;justify-content:space-between;gap:18px}.vip-service-card__meta span{font-size:3.1rem}.vip-service-card__main h3{font-size:clamp(2.4rem,12vw,3.7rem)}.vip-service-card__mark{display:none}.vip-about__photo{aspect-ratio:.82;object-position:center 20%}.vip-about__floating-card{left:14px;right:14px;bottom:14px;min-width:0}.vip-about__principles article{grid-template-columns:1fr;gap:10px}.vip-about__principles span{padding-top:0}.vip-collaboration{background:linear-gradient(180deg,#efe6d9 0%,#f7f2e9 34%,#111111 34%,#080808 100%)}.vip-collaboration__process{grid-template-columns:1fr}.vip-process-card{min-height:auto}.vip-clients{padding:20px;border-radius:24px}.vip-clients__grid{grid-template-columns:1fr}.vip-logo-tile{min-height:118px}.vip-standard blockquote{font-size:clamp(2.4rem,12vw,4.2rem)}.vip-standard li{grid-template-columns:42px 1fr;font-size:.72rem}.vip-cta__action button,.vip-info-actions .vip-primary-button{min-height:58px}.vip-info-modal__shell{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:24px}.vip-info-modal__content{padding:10px 16px 22px}.vip-info-card h3{font-size:clamp(2.7rem,13vw,4rem)}}


/* === V10 surgical refinements === */
.vip-manifest__quote {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  letter-spacing: -.035em;
  font-size: clamp(2.45rem, 3.5vw, 3.75rem);
  line-height: .88;
  padding: 36px 38px 40px;
}

.vip-collaboration {
  padding: 0 0 124px;
  background: #090909;
}
.vip-collaboration::after { display: none; }
.vip-collaboration__inner { gap: 42px; }
.vip-collaboration__header {
  grid-template-columns: 180px minmax(0, 1.3fr) minmax(300px, .75fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: end;
  padding: 86px 0 74px;
  background: #f3ede4;
  box-shadow: 0 0 0 100vmax #f3ede4;
  clip-path: inset(0 -100vmax);
}
.vip-collaboration__header .section-kicker {
  margin: 0 0 10px;
  align-self: end;
}
.vip-collaboration__header h2 {
  max-width: 760px;
  font-size: clamp(3.6rem, 5.2vw, 5.8rem);
  line-height: .86;
}
.vip-collaboration__header h2 em {
  color: var(--gold);
  font-style: italic;
  font-weight: 500;
}
.vip-collaboration__header p:last-child {
  margin: 0 0 8px;
  max-width: 500px;
  color: #625a4f;
}
.vip-collaboration__process { margin-top: 10px; }
.vip-clients__intro { grid-template-columns: .9fr 1.1fr; }
.vip-clients__note { display: none; }

.vip-all-logos {
  padding: 104px 0 116px;
  background: linear-gradient(180deg, #f7f2eb 0%, #eee6da 100%);
  color: #151515;
}
.vip-all-logos::after { display: none; }
.vip-all-logos__inner {
  width: min(1320px, calc(100vw - 48px));
  margin: 0 auto;
}
.vip-all-logos__header {
  display: grid;
  grid-template-columns: 1fr minmax(320px, .58fr);
  gap: 60px;
  align-items: end;
  margin-bottom: 46px;
}
.vip-all-logos__header h2 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(3.8rem, 6vw, 6.4rem);
  line-height: .88;
}
.vip-all-logos__header > p {
  margin: 0 0 8px;
  color: #625b51;
  line-height: 1.85;
}
.vip-all-logos__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(18, 16, 13, .16);
  border-left: 1px solid rgba(18, 16, 13, .16);
}
.vip-all-logos__item {
  min-height: 154px;
  display: grid;
  place-items: center;
  padding: 24px;
  border-right: 1px solid rgba(18, 16, 13, .16);
  border-bottom: 1px solid rgba(18, 16, 13, .16);
  background: rgba(255,255,255,.18);
  text-align: center;
  transition: background .3s ease, color .3s ease;
}
.vip-all-logos__item:hover {
  background: rgba(255,255,255,.58);
  color: #8d703c;
}
.vip-all-logos__item span { display: block; line-height: .92; }
.vip-all-logos__item--serif span {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2.8rem;
  letter-spacing: -.04em;
}
.vip-all-logos__item--sans span {
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: .24em;
}
.vip-all-logos__item--wide span {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: .32em;
}
.vip-all-logos__item--thin span {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2.35rem;
  letter-spacing: .05em;
}

@media (max-width: 1100px) {
  .vip-collaboration__header {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 76px 0 66px;
  }
  .vip-collaboration__header .section-kicker { margin-bottom: 0; }
  .vip-collaboration__header p:last-child { max-width: 700px; }
  .vip-all-logos__header { grid-template-columns: 1fr; gap: 22px; }
}

@media (max-width: 760px) {
  .vip-manifest__quote {
    font-size: clamp(2.2rem, 10vw, 3.2rem);
    padding: 28px;
  }
  .vip-collaboration { padding-bottom: 92px; }
  .vip-collaboration__header { padding: 66px 0 56px; }
  .vip-collaboration__header h2 { font-size: clamp(3.2rem, 13vw, 4.8rem); }
  .vip-all-logos { padding: 82px 0 92px; }
  .vip-all-logos__inner { width: calc(100vw - 28px); }
  .vip-all-logos__header h2 { font-size: clamp(3.1rem, 13vw, 4.8rem); }
  .vip-all-logos__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vip-all-logos__item { min-height: 116px; padding: 16px 10px; }
  .vip-all-logos__item--serif span { font-size: 2rem; }
  .vip-all-logos__item--thin span { font-size: 1.75rem; }
  .vip-all-logos__item--sans span { font-size: .95rem; letter-spacing: .18em; }
  .vip-all-logos__item--wide span { font-size: .82rem; letter-spacing: .22em; }
}


/* === V11 scenario services + clear collaboration hierarchy === */
.scenario-services{background:#080808;color:#f7f0e7;padding:118px 0 0}.scenario-services::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 10%,rgba(184,154,91,.15),transparent 30%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/72px 72px;pointer-events:none}.scenario-services__header{position:relative;z-index:2;width:min(1320px,calc(100vw - 48px));margin:0 auto 72px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}.scenario-services__header .section-kicker{color:var(--gold-soft)}.scenario-services__header h2{font-size:clamp(4.2rem,7vw,7.6rem);line-height:.84;margin:0;max-width:940px}.scenario-services__header>p{max-width:560px;margin:0 0 8px;color:rgba(255,255,255,.58);line-height:1.88}.scenario-services__deck{position:relative}.scenario-services__sticky{position:sticky;top:0;height:100vh;min-height:760px;display:grid;grid-template-rows:auto 1fr auto auto;padding:28px max(24px,calc((100vw - 1320px)/2)) 24px;background:#080808;z-index:2;overflow:hidden}.scenario-services__topbar{display:flex;justify-content:space-between;gap:20px;padding:0 0 20px;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.18em;font-size:.67rem}.scenario-services__topbar b{color:var(--gold-soft);font-size:.82rem}.scenario-services__viewport{position:relative;min-height:0}.scenario-service{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(36px,6vw,100px);align-items:center;opacity:0;visibility:hidden;transform:translateY(22px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.75,.2,1),visibility .55s ease}.scenario-service.is-active{opacity:1;visibility:visible;transform:none}.scenario-service__visual{position:relative;min-height:min(65vh,650px);border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#171612 0%,#0b0b0a 58%,#15120d 100%);box-shadow:0 34px 90px rgba(0,0,0,.35)}.scenario-service__visual::before{content:"";position:absolute;inset:22px;border:1px solid rgba(216,193,142,.18);border-radius:22px}.scenario-service__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 35%,rgba(216,193,142,.08) 50%,transparent 66%);transform:translateX(-100%);animation:scenarioSweep 7s ease-in-out infinite}.scenario-service__index{position:absolute;top:38px;left:42px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(4.5rem,8vw,9rem);line-height:.78;color:var(--gold-soft);z-index:1}.scenario-service__word{position:absolute;left:6%;right:6%;bottom:8%;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(7rem,16vw,18rem);font-weight:500;line-height:.62;letter-spacing:-.09em;color:rgba(255,255,255,.09);white-space:nowrap;z-index:1}.scenario-service__vertical{position:absolute;right:32px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.28em;font-size:.68rem;z-index:1}.scenario-service__visual i{position:absolute;display:block;background:rgba(216,193,142,.28);z-index:1}.scenario-service__visual i:nth-of-type(1){width:1px;height:58%;left:36%;top:22%}.scenario-service__visual i:nth-of-type(2){height:1px;width:62%;left:18%;top:52%}.scenario-service__visual i:nth-of-type(3){width:10px;height:10px;border-radius:50%;left:calc(36% - 5px);top:calc(52% - 5px);background:var(--gold-soft);box-shadow:0 0 24px rgba(216,193,142,.48)}.scenario-service__copy{max-width:650px;padding-right:20px}.scenario-service__category{margin:0 0 20px;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.24em;font-size:.68rem;font-weight:800}.scenario-service__copy h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(4rem,7vw,7.2rem);line-height:.82;letter-spacing:-.05em;margin:0 0 26px}.scenario-service__copy>p:not(.scenario-service__category){max-width:610px;color:rgba(255,255,255,.62);line-height:1.85}.scenario-service__copy ul{list-style:none;padding:0;margin:30px 0 34px;display:flex;flex-wrap:wrap;gap:10px}.scenario-service__copy li{padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:rgba(255,255,255,.68);text-transform:uppercase;letter-spacing:.13em;font-size:.63rem}.scenario-service__detail{display:inline-flex;align-items:center;gap:18px;min-height:58px;padding:0 22px;border-radius:999px;border:1px solid rgba(216,193,142,.42);background:rgba(255,255,255,.03);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:800;transition:background .3s ease,color .3s ease,transform .3s ease}.scenario-service__detail:hover{background:var(--gold-soft);color:#0a0908;transform:translateY(-2px)}.scenario-service__detail svg,.scenario-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.scenario-services__controls{display:grid;grid-template-columns:150px 1fr 150px;gap:24px;align-items:center;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.scenario-tabs{display:flex;align-items:center;justify-content:center;gap:8px}.scenario-tab{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.48);cursor:pointer;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.05rem;transition:background .3s ease,color .3s ease,border-color .3s ease}.scenario-tab.is-active{background:var(--gold-soft);color:#0a0908;border-color:var(--gold-soft)}.scenario-nav{display:flex;align-items:center;gap:10px;border:0;background:none;color:rgba(255,255,255,.55);cursor:pointer;text-transform:uppercase;letter-spacing:.14em;font-size:.63rem}.scenario-nav--next{justify-content:flex-end}.scenario-nav:hover{color:#fff}.scenario-services__hint{text-align:center;color:rgba(255,255,255,.32);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;margin:12px 0 0}.scenario-services__triggers{position:relative;z-index:1;margin-top:-100vh;pointer-events:none}.scenario-trigger{height:76vh;min-height:620px}
.scenario-service[data-scene-key="social"] .scenario-service__visual{background:linear-gradient(160deg,#181512,#080808 62%,#12100d)}.scenario-service[data-scene-key="production"] .scenario-service__visual{background:linear-gradient(135deg,#0d0d0d,#1a1711 55%,#070707)}.scenario-service[data-scene-key="pr"] .scenario-service__visual{background:linear-gradient(145deg,#15110c,#090909 52%,#17130d)}.scenario-service[data-scene-key="web"] .scenario-service__visual{background:linear-gradient(160deg,#090909,#171717 55%,#0d0b08)}.scenario-service[data-scene-key="audit"] .scenario-service__visual{background:linear-gradient(145deg,#121212,#080808 48%,#16130d)}
.vip-collaboration{padding-bottom:118px}.vip-collaboration__process{margin-bottom:6px}.vip-exclusives{padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));color:#f7f0e7}.vip-exclusives__header{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:end;margin-bottom:30px}.vip-exclusives__header .section-kicker{color:var(--gold-soft)}.vip-exclusives__header h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3.2rem,5vw,5.2rem);line-height:.86;letter-spacing:-.045em;margin:0}.vip-exclusives__header>p{margin:0;color:rgba(255,255,255,.55);line-height:1.85}.vip-exclusives__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}.vip-exclusive-card{position:relative;min-height:340px;padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:#111;color:#f7f0e7;text-align:left;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .32s ease,border-color .32s ease,background .32s ease}.vip-exclusive-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;bottom:-100px;border:1px solid rgba(216,193,142,.2);box-shadow:0 0 0 38px rgba(216,193,142,.025),0 0 0 78px rgba(216,193,142,.018)}.vip-exclusive-card:hover{transform:translateY(-4px);border-color:rgba(216,193,142,.42);background:#15130f}.vip-exclusive-card>span{color:var(--gold-soft);font-size:.7rem;letter-spacing:.2em;font-weight:800}.vip-exclusive-card small{margin-top:34px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.15em;font-size:.62rem}.vip-exclusive-card h4{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3rem,5vw,5.5rem);line-height:.72;letter-spacing:-.06em;margin:20px 0 20px;position:relative;z-index:1}.vip-exclusive-card p{max-width:600px;color:rgba(255,255,255,.56);line-height:1.72;position:relative;z-index:1}.vip-exclusive-card b{margin-top:auto;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;position:relative;z-index:1}.vip-primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 24px;border-radius:999px;background:linear-gradient(135deg,#1a1917,#050505);color:#f7efe4;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:800}
.vip-logo-flow{padding:100px 0 110px;background:linear-gradient(180deg,#f7f2eb,#eee6da);color:#151515}.vip-logo-flow__header{width:min(1320px,calc(100vw - 48px));margin:0 auto 52px;display:flex;align-items:end;justify-content:space-between;gap:40px}.vip-logo-flow__header h2{font-size:clamp(3.8rem,6vw,6.5rem);line-height:.86;margin:0;max-width:900px}.vip-logo-flow__rows{display:grid;gap:26px}.logo-flow{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.logo-flow__track{display:flex;align-items:center;gap:clamp(54px,7vw,118px);width:max-content;padding:12px 0;animation:logoFlow 32s linear infinite}.logo-flow__track--reverse{animation-direction:reverse;animation-duration:38s}.logo-flow:hover .logo-flow__track{animation-play-state:paused}.logo-flow__item{flex:0 0 auto;display:grid;place-items:center;min-width:180px;min-height:82px;color:#25211b;opacity:.56;transition:opacity .28s ease,color .28s ease,transform .28s ease}.logo-flow__item:hover{opacity:1;color:#8c6d37;transform:scale(1.03)}.logo-flow__item span{display:block;white-space:nowrap}.logo-flow__item--serif span{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.5rem;letter-spacing:-.03em}.logo-flow__item--sans span,.logo-flow__item--sigel span{font-size:1.22rem;font-weight:800;letter-spacing:.24em}.logo-flow__item--wide span,.logo-flow__item--tank span{font-size:1.02rem;font-weight:700;letter-spacing:.28em}
@keyframes scenarioSweep{0%,15%{transform:translateX(-110%)}50%,100%{transform:translateX(110%)}}@keyframes logoFlow{to{transform:translateX(-50%)}}
@media(max-width:1050px){.scenario-services__header{grid-template-columns:1fr;gap:22px}.scenario-services__sticky{min-height:720px}.scenario-service{grid-template-columns:.9fr 1.1fr;gap:36px}.scenario-service__visual{min-height:520px}.scenario-services__controls{grid-template-columns:110px 1fr 110px}.vip-exclusives__header{grid-template-columns:1fr;gap:18px}}
@media(max-width:760px){.scenario-services{padding-top:82px}.scenario-services__header{width:calc(100vw - 28px);margin-bottom:48px}.scenario-services__header h2{font-size:clamp(3.4rem,15vw,5.2rem)}.scenario-services__deck{width:calc(100vw - 20px);margin:0 auto;padding-bottom:88px}.scenario-services__sticky{position:relative;top:auto;height:auto;min-height:0;padding:18px 10px 22px;border-radius:30px;background:#0b0b0b}.scenario-services__viewport{height:auto;min-height:770px}.scenario-service{inset:0;grid-template-columns:1fr;align-content:start;gap:24px;padding:0 2px}.scenario-service__visual{min-height:330px;border-radius:24px}.scenario-service__index{top:28px;left:28px;font-size:4.8rem}.scenario-service__word{font-size:clamp(6.5rem,32vw,9rem);bottom:10%}.scenario-service__vertical{right:20px;font-size:.58rem}.scenario-service__copy{padding:0 12px 18px}.scenario-service__copy h3{font-size:clamp(3.2rem,15vw,5rem);margin-bottom:20px}.scenario-service__copy ul{margin:24px 0}.scenario-services__controls{grid-template-columns:46px 1fr 46px;gap:8px}.scenario-nav{width:46px;height:46px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center}.scenario-nav span{display:none}.scenario-tabs{gap:5px}.scenario-tab{width:34px;height:34px;font-size:.88rem}.scenario-services__hint{display:none}.scenario-services__triggers{display:none}.vip-exclusives{padding:20px;border-radius:24px}.vip-exclusive-card{min-height:300px}.vip-logo-flow{padding:82px 0 90px}.vip-logo-flow__header{width:calc(100vw - 28px);margin-bottom:36px}.vip-logo-flow__header h2{font-size:clamp(3.2rem,14vw,5rem)}.vip-logo-flow__rows{gap:16px}.logo-flow__track{gap:44px;animation-duration:26s}.logo-flow__track--reverse{animation-duration:31s}.logo-flow__item{min-width:150px;min-height:68px}.logo-flow__item--serif span{font-size:2rem}.logo-flow__item--sans span,.logo-flow__item--sigel span{font-size:.9rem}.logo-flow__item--wide span,.logo-flow__item--tank span{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.scenario-service__visual::after,.logo-flow__track{animation:none!important}.logo-flow__track{flex-wrap:wrap;width:auto;justify-content:center}.logo-flow{mask-image:none;-webkit-mask-image:none}}


/* === V12 service visuals and real client logos === */
.scenario-service__visual{isolation:isolate;padding:24px;background-color:#0d0c0a}
.scenario-service__visual::before{inset:14px;border-radius:24px;border:1px solid rgba(216,193,142,.16);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.005));}
.scenario-service__visual::after{background:linear-gradient(125deg,transparent 18%,rgba(216,193,142,.1) 40%,rgba(216,193,142,.18) 50%,transparent 72%);animation-duration:8.5s;opacity:.8}
.scenario-service__visual-orb{position:absolute;inset:auto auto 18% 14%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(216,193,142,.16),rgba(216,193,142,.04) 42%,transparent 70%);filter:blur(2px);opacity:.85}
.scenario-service__visual-grid{position:absolute;right:6.5%;top:14%;width:31%;height:42%;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.scenario-service__visual-grid::before,.scenario-service__visual-grid::after{content:"";position:absolute;inset:16px;border-radius:16px;border:1px solid rgba(216,193,142,.11)}
.scenario-service__visual-grid::after{inset:30px;border-color:rgba(255,255,255,.06)}
.scenario-service__visual-chip{position:absolute;top:32px;right:34px;z-index:2;display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(216,193,142,.18);color:rgba(255,255,255,.82);text-transform:uppercase;letter-spacing:.18em;font-size:.58rem;font-weight:700;backdrop-filter:blur(12px)}
.scenario-service__visual-panel{position:absolute;left:30px;bottom:30px;z-index:2;max-width:52%;padding:16px 18px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(8,8,8,.74),rgba(18,18,18,.52));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:0 16px 30px rgba(0,0,0,.22)}
.scenario-service__visual-panel small{display:block;margin-bottom:8px;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.2em;font-size:.56rem;font-weight:800}
.scenario-service__visual-panel strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.55rem;line-height:.95;font-weight:600;letter-spacing:-.03em;color:#fff;margin-bottom:8px}
.scenario-service__visual-panel p{margin:0;color:rgba(255,255,255,.54);font-size:.76rem;line-height:1.55;text-transform:uppercase;letter-spacing:.09em}
.scenario-service__word{left:7%;right:auto;bottom:5%;max-width:88%;font-size:clamp(7rem,15vw,15rem);color:rgba(255,255,255,.11);letter-spacing:-.06em}
.scenario-service__index{top:32px;left:34px;font-size:clamp(4.6rem,8vw,7.5rem)}
.scenario-service__vertical{right:28px;font-size:.58rem;color:rgba(255,255,255,.42)}
.scenario-service[data-scene-key="strategy"] .scenario-service__visual{background:radial-gradient(circle at 18% 22%,rgba(188,161,109,.20),transparent 28%),radial-gradient(circle at 78% 76%,rgba(255,255,255,.06),transparent 22%),linear-gradient(145deg,#12110f 0%,#070707 52%,#15120c 100%)}
.scenario-service[data-scene-key="social"] .scenario-service__visual{background:radial-gradient(circle at 78% 18%,rgba(188,161,109,.18),transparent 26%),radial-gradient(circle at 18% 82%,rgba(255,255,255,.05),transparent 24%),linear-gradient(160deg,#0e0e0d 0%,#090909 58%,#16130f 100%)}
.scenario-service[data-scene-key="production"] .scenario-service__visual{background:radial-gradient(circle at 22% 72%,rgba(188,161,109,.19),transparent 28%),radial-gradient(circle at 82% 24%,rgba(255,255,255,.07),transparent 18%),linear-gradient(150deg,#0a0a0a 0%,#181613 52%,#090909 100%)}
.scenario-service[data-scene-key="pr"] .scenario-service__visual{background:radial-gradient(circle at 75% 24%,rgba(188,161,109,.18),transparent 26%),radial-gradient(circle at 24% 68%,rgba(255,255,255,.05),transparent 24%),linear-gradient(145deg,#120f0c 0%,#080808 54%,#17140e 100%)}
.scenario-service[data-scene-key="web"] .scenario-service__visual{background:radial-gradient(circle at 80% 70%,rgba(188,161,109,.17),transparent 28%),radial-gradient(circle at 18% 24%,rgba(255,255,255,.05),transparent 22%),linear-gradient(160deg,#070707 0%,#141414 58%,#0d0b08 100%)}
.scenario-service[data-scene-key="audit"] .scenario-service__visual{background:radial-gradient(circle at 22% 24%,rgba(188,161,109,.17),transparent 24%),radial-gradient(circle at 78% 70%,rgba(255,255,255,.06),transparent 24%),linear-gradient(145deg,#111111 0%,#070707 56%,#16120d 100%)}
.vip-exclusives__header h3{max-width:800px}.vip-exclusives__header p:last-child{max-width:680px}
.vip-logo-flow{position:relative;padding:112px 0 116px;background:linear-gradient(180deg,#f7f2ea 0%,#f2ece2 100%);overflow:hidden}.vip-logo-flow__header{width:min(1320px,calc(100vw - 48px));margin:0 auto 34px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,.88fr);gap:28px;align-items:end}.vip-logo-flow__header h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(4rem,6.6vw,7rem);line-height:.88;letter-spacing:-.05em;margin:0;max-width:760px}.vip-logo-flow__header p:last-child{margin:0;color:#675f53;line-height:1.8;max-width:520px}.vip-logo-flow__rows{display:grid;gap:24px}.logo-flow{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.logo-flow__track{display:flex;align-items:center;gap:34px;width:max-content;animation:logoMarquee 42s linear infinite}.logo-flow__track--reverse{animation-direction:reverse;animation-duration:46s}.logo-flow:hover .logo-flow__track{animation-play-state:paused}.logo-flow__item{display:flex;align-items:center;justify-content:center;min-width:184px;min-height:92px;padding:18px 24px;border-radius:24px;background:rgba(255,255,255,.38);border:1px solid rgba(18,16,12,.08);box-shadow:0 16px 28px rgba(20,18,14,.05);transition:transform .28s ease,box-shadow .28s ease,background .28s ease}.logo-flow__item:hover{transform:translateY(-3px);box-shadow:0 22px 38px rgba(20,18,14,.08);background:rgba(255,255,255,.58)}.logo-flow__item.is-static{pointer-events:none}.logo-flow__item img{display:block;max-width:160px;max-height:48px;width:auto;height:auto;object-fit:contain;filter:saturate(.95) contrast(1.02)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes logoMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 17px))}}
@media (max-width:1100px){.vip-logo-flow__header{grid-template-columns:1fr;gap:16px}.scenario-service__visual-panel{max-width:58%}}
@media (max-width:760px){.scenario-service__visual-grid{width:34%;height:34%;top:18%;right:8%}.scenario-service__visual-panel{left:16px;right:16px;bottom:16px;max-width:none;padding:14px 16px}.scenario-service__visual-chip{top:18px;right:18px}.scenario-service__word{font-size:clamp(5.8rem,29vw,8.2rem);bottom:12%}.logo-flow__track{gap:18px;animation-duration:28s}.logo-flow__track--reverse{animation-duration:31s}.logo-flow__item{min-width:136px;min-height:72px;padding:14px 16px;border-radius:18px}.logo-flow__item img{max-width:118px;max-height:34px}.vip-logo-flow{padding:86px 0 90px}}


/* === V13: service section with real background imagery + tighter logo wall + mobile polish === */
.scenario-services__sticky{padding-top:34px}
.scenario-service{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(32px,4.8vw,72px)}
.scenario-service__visual{position:relative;min-height:min(68vh,690px);border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background-color:#0b0b0b;background-size:cover;background-position:center center;box-shadow:0 34px 90px rgba(0,0,0,.42);isolation:isolate}
.scenario-service__visual::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.22) 0%,rgba(5,5,5,.08) 26%,rgba(5,5,5,.42) 60%,rgba(5,5,5,.84) 100%),linear-gradient(90deg,rgba(5,5,5,.78) 0%,rgba(5,5,5,.28) 46%,rgba(5,5,5,.45) 100%);z-index:0}
.scenario-service__visual::after{content:"";position:absolute;inset:16px;border-radius:24px;border:1px solid rgba(216,193,142,.16);background:linear-gradient(125deg,transparent 0%,transparent 65%,rgba(216,193,142,.08) 78%,transparent 90%);pointer-events:none;z-index:1}
.scenario-service__visual > *{z-index:2}
.scenario-service__visual-orb{display:none}
.scenario-service__visual-grid{position:absolute;right:24px;top:24px;width:34%;height:36%;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.scenario-service__visual-grid::before,.scenario-service__visual-grid::after{content:"";position:absolute;border:1px solid rgba(216,193,142,.16);border-radius:16px}
.scenario-service__visual-grid::before{inset:16px}
.scenario-service__visual-grid::after{inset:34px;border-color:rgba(255,255,255,.06)}
.scenario-service__visual-chip{top:24px;right:24px;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(10,10,10,.52);border:1px solid rgba(216,193,142,.22);color:rgba(255,255,255,.84);font-size:.54rem;backdrop-filter:blur(12px)}
.scenario-service__visual-panel{position:absolute;left:24px;right:24px;bottom:24px;max-width:440px;padding:18px 18px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(7,7,7,.6),rgba(7,7,7,.44));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);box-shadow:0 14px 36px rgba(0,0,0,.24)}
.scenario-service__visual-panel small{display:block;margin-bottom:6px;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.18em;font-size:.54rem;font-weight:800}
.scenario-service__visual-panel strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.5rem;line-height:.98;letter-spacing:-.02em;color:#fff;margin-bottom:8px}
.scenario-service__visual-panel p{margin:0;color:rgba(255,255,255,.62);font-size:.74rem;line-height:1.5;text-transform:uppercase;letter-spacing:.12em}
.scenario-service__index{top:26px;left:28px;font-size:clamp(4rem,6vw,6rem);color:rgba(255,245,230,.92);text-shadow:0 4px 24px rgba(0,0,0,.28)}
.scenario-service__word{left:24px;right:24px;bottom:14px;max-width:none;font-size:clamp(6rem,12vw,10.5rem);line-height:.8;color:rgba(255,255,255,.12);letter-spacing:-.06em;text-transform:uppercase}
.scenario-service__vertical{right:20px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;color:rgba(255,255,255,.52);font-size:.58rem;letter-spacing:.22em;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.scenario-service__visual i:nth-of-type(1),.scenario-service__visual i:nth-of-type(2){background:rgba(216,193,142,.18)}
.scenario-service__visual i:nth-of-type(3){background:var(--gold-soft);box-shadow:0 0 16px rgba(216,193,142,.4)}
.scenario-service[data-scene-key="strategy"] .scenario-service__visual{background-image:url('assets/service-backgrounds/strategy.png')}
.scenario-service[data-scene-key="social"] .scenario-service__visual{background-image:url('assets/service-backgrounds/social.png')}
.scenario-service[data-scene-key="production"] .scenario-service__visual{background-image:url('assets/service-backgrounds/production.png')}
.scenario-service[data-scene-key="pr"] .scenario-service__visual{background-image:url('assets/service-backgrounds/pr.png')}
.scenario-service[data-scene-key="web"] .scenario-service__visual{background-image:url('assets/service-backgrounds/web.png')}
.scenario-service[data-scene-key="audit"] .scenario-service__visual{background-image:url('assets/service-backgrounds/audit.png')}
.scenario-service__copy{padding-right:0;max-width:620px}.scenario-service__copy h3{font-size:clamp(3.8rem,6vw,6.6rem);line-height:.86}.scenario-service__copy > p:not(.scenario-service__category){max-width:560px;color:rgba(255,255,255,.66)}.scenario-service__detail{min-height:56px}
.vip-logo-flow__header{margin-bottom:28px}.logo-flow__track{gap:22px;animation-duration:36s}.logo-flow__track--reverse{animation-duration:40s}.logo-flow__item{min-width:144px;min-height:74px;padding:12px 16px;border-radius:20px}.logo-flow__item img{max-width:116px;max-height:34px}
@media (max-width:1200px){.scenario-service{grid-template-columns:minmax(0,1fr) minmax(320px,.94fr);gap:30px}.scenario-service__visual{min-height:600px}}
@media (max-width:900px){.scenario-services__sticky{padding-left:16px;padding-right:16px}.scenario-service{grid-template-columns:1fr;gap:24px;align-content:start}.scenario-service__visual{min-height:520px}.scenario-service__copy h3{font-size:clamp(3.2rem,8vw,5rem)}.scenario-service__visual-grid{width:38%;height:34%}}
@media (max-width:760px){.scenario-services{padding-top:72px}.scenario-services__deck{width:calc(100vw - 12px);padding-bottom:54px}.scenario-services__sticky{padding:16px 6px 18px;border-radius:24px}.scenario-services__topbar{padding:0 8px 16px;font-size:.6rem}.scenario-services__viewport{min-height:760px}.scenario-service{padding:0;gap:18px}.scenario-service__visual{min-height:360px;border-radius:22px}.scenario-service__visual::after{inset:10px;border-radius:16px}.scenario-service__index{top:18px;left:20px;font-size:3.8rem}.scenario-service__word{left:18px;right:18px;bottom:10px;font-size:clamp(4.8rem,27vw,7.2rem)}.scenario-service__vertical{right:12px;font-size:.5rem;letter-spacing:.16em}.scenario-service__visual-grid{top:18px;right:18px;width:38%;height:32%;border-radius:18px}.scenario-service__visual-grid::before{inset:10px}.scenario-service__visual-grid::after{inset:22px}.scenario-service__visual-chip{top:18px;right:18px;min-height:28px;font-size:.48rem;padding:0 10px}.scenario-service__visual-panel{left:16px;right:16px;bottom:16px;max-width:none;padding:14px 14px 13px;border-radius:14px}.scenario-service__visual-panel strong{font-size:1.1rem}.scenario-service__visual-panel p{font-size:.62rem;letter-spacing:.08em}.scenario-service__copy{padding:0 10px 4px}.scenario-service__copy h3{font-size:clamp(2.8rem,12.5vw,4.2rem);margin-bottom:16px}.scenario-service__copy > p:not(.scenario-service__category){font-size:.95rem;line-height:1.7}.scenario-service__copy ul{gap:8px;margin:18px 0 22px}.scenario-service__copy li{font-size:.56rem;padding:8px 11px}.scenario-service__detail{width:100%;justify-content:space-between;padding:0 18px;min-height:54px}.scenario-services__controls{margin-top:8px;padding:14px 6px 0;grid-template-columns:44px 1fr 44px}.scenario-tab{width:30px;height:30px;font-size:.8rem}.vip-logo-flow{padding:76px 0 82px}.vip-logo-flow__header{width:calc(100vw - 28px)}.vip-logo-flow__header h2{font-size:clamp(2.9rem,13vw,4.4rem)}.vip-logo-flow__header p:last-child{font-size:.92rem;line-height:1.7}.vip-logo-flow__rows{gap:14px}.logo-flow{mask-image:none;-webkit-mask-image:none}.logo-flow__track{gap:14px;animation-duration:26s}.logo-flow__track--reverse{animation-duration:29s}.logo-flow__item{min-width:112px;min-height:60px;padding:10px 12px;border-radius:16px}.logo-flow__item img{max-width:88px;max-height:28px}}
@media (max-width:420px){.scenario-services__viewport{min-height:720px}.scenario-service__visual{min-height:332px}.scenario-service__copy h3{font-size:2.6rem}.scenario-service__word{font-size:4.2rem}.logo-flow__item{min-width:104px;min-height:56px}.logo-flow__item img{max-width:82px;max-height:24px}}


/* === V14: final service backgrounds + mobile responsiveness fix === */
.scenario-services__viewport{transition:min-height .28s ease,height .28s ease}
.scenario-service__visual{background-repeat:no-repeat;background-position:center center;background-size:cover}
.scenario-service__visual::before{background:linear-gradient(180deg,rgba(4,4,4,.16) 0%,rgba(4,4,4,.18) 22%,rgba(4,4,4,.44) 62%,rgba(4,4,4,.82) 100%),linear-gradient(90deg,rgba(4,4,4,.72) 0%,rgba(4,4,4,.16) 48%,rgba(4,4,4,.34) 100%)}
.scenario-service__visual::after{background:linear-gradient(125deg,transparent 0%,transparent 68%,rgba(216,193,142,.08) 82%,transparent 100%)}
.scenario-service__visual-panel{max-width:430px}
.scenario-service__copy{display:flex;flex-direction:column;justify-content:center}
.scenario-service__detail{align-self:flex-start}
.scenario-service[data-scene-key="strategy"] .scenario-service__visual{background-image:url('assets/service-backgrounds/strategy.png')}
.scenario-service[data-scene-key="social"] .scenario-service__visual{background-image:url('assets/service-backgrounds/social.png')}
.scenario-service[data-scene-key="production"] .scenario-service__visual{background-image:url('assets/service-backgrounds/production.png')}
.scenario-service[data-scene-key="pr"] .scenario-service__visual{background-image:url('assets/service-backgrounds/pr.png')}
.scenario-service[data-scene-key="web"] .scenario-service__visual{background-image:url('assets/service-backgrounds/web.png')}
.scenario-service[data-scene-key="audit"] .scenario-service__visual{background-image:url('assets/service-backgrounds/audit.png')}
@media (max-width:980px){
  .scenario-service{grid-template-columns:1fr;gap:22px;align-content:start}
  .scenario-service__visual{min-height:520px}
  .scenario-service__copy{max-width:none}
}
@media (max-width:760px){
  .scenario-services{padding-top:68px}
  .scenario-services__header{margin-bottom:34px}
  .scenario-services__header h2{font-size:clamp(2.9rem,12vw,4.2rem);line-height:.92}
  .scenario-services__header>p{font-size:.95rem;line-height:1.72}
  .scenario-services__deck{width:min(calc(100vw - 12px),620px);padding-bottom:36px}
  .scenario-services__sticky{padding:14px 8px 16px;border-radius:24px}
  .scenario-services__topbar{padding:0 8px 14px;font-size:.58rem;letter-spacing:.15em}
  .scenario-services__viewport{position:relative;min-height:0;height:auto;overflow:visible}
  .scenario-service{position:absolute;left:0;right:0;top:0;inset:auto 0 auto 0;padding:0;gap:16px;transform:translateY(14px)}
  .scenario-service.is-active{transform:none}
  .scenario-service__visual{min-height:342px;border-radius:20px}
  .scenario-service__visual::after{inset:10px;border-radius:14px}
  .scenario-service__index{top:16px;left:18px;font-size:3.4rem}
  .scenario-service__word{left:16px;right:16px;bottom:8px;font-size:clamp(4.3rem,24vw,6.1rem);line-height:.78}
  .scenario-service__vertical{right:8px;font-size:.46rem;letter-spacing:.14em}
  .scenario-service__visual-grid{top:16px;right:16px;width:34%;height:28%;border-radius:16px}
  .scenario-service__visual-grid::before{inset:8px;border-radius:12px}
  .scenario-service__visual-grid::after{inset:18px;border-radius:10px}
  .scenario-service__visual-chip{top:16px;right:16px;min-height:26px;padding:0 9px;font-size:.46rem}
  .scenario-service__visual-panel{left:14px;right:14px;bottom:14px;max-width:none;padding:13px 13px 12px;border-radius:14px}
  .scenario-service__visual-panel small{font-size:.5rem;letter-spacing:.16em}
  .scenario-service__visual-panel strong{font-size:1.02rem;margin-bottom:6px}
  .scenario-service__visual-panel p{font-size:.58rem;letter-spacing:.06em;line-height:1.42}
  .scenario-service__copy{padding:0 8px 4px}
  .scenario-service__category{margin-bottom:12px;font-size:.58rem}
  .scenario-service__copy h3{font-size:clamp(2.45rem,11vw,3.6rem);line-height:.9;margin-bottom:14px}
  .scenario-service__copy>p:not(.scenario-service__category){font-size:.93rem;line-height:1.68}
  .scenario-service__copy ul{margin:16px 0 18px;gap:7px}
  .scenario-service__copy li{font-size:.54rem;padding:7px 10px;letter-spacing:.1em}
  .scenario-service__detail{width:100%;min-height:52px;padding:0 16px;font-size:.64rem;justify-content:space-between}
  .scenario-services__controls{margin-top:14px;grid-template-columns:44px 1fr 44px;gap:8px;padding:14px 4px 0}
  .scenario-nav{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12)}
  .scenario-nav span{display:none}
  .scenario-tab{width:28px;height:28px;font-size:.74rem}
}
@media (max-width:420px){
  .scenario-services__deck{width:min(calc(100vw - 10px),420px)}
  .scenario-services__viewport{overflow:visible}
  .scenario-service__visual{min-height:320px}
  .scenario-service__word{font-size:clamp(3.9rem,22vw,5.1rem)}
  .scenario-service__copy h3{font-size:2.2rem}
  .scenario-service__copy>p:not(.scenario-service__category){font-size:.9rem}
  .scenario-service__visual-grid{width:36%;height:27%}
}


/* === V15: services visual full-bleed background like Party Tank scenario === */
.scenario-service{
  align-items:center;
}
.scenario-service__visual{
  padding:0 !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center center !important;
  min-height:min(70vh,720px) !important;
  border-radius:34px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 36px 90px rgba(0,0,0,.42) !important;
}
.scenario-service__visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(4,4,4,.58) 0%, rgba(4,4,4,.24) 42%, rgba(4,4,4,.44) 100%),
    linear-gradient(180deg, rgba(6,6,6,.12) 0%, rgba(6,6,6,.16) 26%, rgba(6,6,6,.36) 62%, rgba(6,6,6,.78) 100%) !important;
  z-index:0;
}
.scenario-service__visual::after{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:26px;
  border:1px solid rgba(216,193,142,.18);
  background:transparent !important;
  pointer-events:none;
  z-index:1;
}
.scenario-service__visual-grid,
.scenario-service__visual-orb{
  display:none !important;
}
.scenario-service__index{
  top:28px !important;
  left:30px !important;
  z-index:2;
  color:rgba(255,248,238,.96) !important;
}
.scenario-service__word{
  left:26px !important;
  right:26px !important;
  bottom:22px !important;
  font-size:clamp(6.4rem,13vw,11.5rem) !important;
  color:rgba(255,255,255,.14) !important;
  text-shadow:0 6px 32px rgba(0,0,0,.28);
  z-index:2;
}
.scenario-service__vertical{
  right:18px !important;
  top:50% !important;
  color:rgba(255,255,255,.66) !important;
  z-index:2;
}
.scenario-service__visual i:nth-of-type(1),
.scenario-service__visual i:nth-of-type(2){
  background:rgba(216,193,142,.14) !important;
  z-index:2;
}
.scenario-service__visual i:nth-of-type(3){
  z-index:2;
}
.scenario-service__visual-chip{
  top:22px !important;
  right:22px !important;
  background:rgba(8,8,8,.42) !important;
  border:1px solid rgba(216,193,142,.22) !important;
  color:rgba(255,255,255,.92) !important;
  z-index:3;
}
.scenario-service__visual-panel{
  left:22px !important;
  right:auto !important;
  bottom:22px !important;
  max-width:min(72%,430px) !important;
  padding:16px 16px 14px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(8,8,8,.60), rgba(8,8,8,.34)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(10px);
  z-index:3;
}
.scenario-service__visual-panel small,
.scenario-service__visual-panel strong,
.scenario-service__visual-panel p{
  position:relative;
  z-index:3;
}
.scenario-service__copy{
  max-width:620px;
}
.scenario-service__copy > p:not(.scenario-service__category){
  max-width:540px;
}
@media (max-width:1100px){
  .scenario-service__visual{min-height:620px !important;}
}
@media (max-width:900px){
  .scenario-service{grid-template-columns:1fr !important;gap:24px !important;}
  .scenario-service__visual{min-height:520px !important;}
}
@media (max-width:760px){
  .scenario-services__viewport{overflow:visible !important;}
  .scenario-service__visual{
    min-height:380px !important;
    border-radius:22px !important;
  }
  .scenario-service__visual::after{
    inset:10px !important;
    border-radius:16px !important;
  }
  .scenario-service__index{
    top:18px !important;
    left:18px !important;
    font-size:3.8rem !important;
  }
  .scenario-service__word{
    left:16px !important;
    right:16px !important;
    bottom:14px !important;
    font-size:clamp(4.8rem,25vw,6.8rem) !important;
    line-height:.8 !important;
  }
  .scenario-service__vertical{
    right:8px !important;
    font-size:.46rem !important;
    letter-spacing:.14em !important;
  }
  .scenario-service__visual-chip{
    top:16px !important;
    right:16px !important;
    min-height:26px !important;
    padding:0 9px !important;
    font-size:.45rem !important;
  }
  .scenario-service__visual-panel{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    max-width:none !important;
    padding:12px 12px 11px !important;
    border-radius:14px !important;
  }
  .scenario-service__visual-panel strong{
    font-size:1rem !important;
  }
  .scenario-service__visual-panel p{
    font-size:.58rem !important;
    letter-spacing:.05em !important;
  }
}
@media (max-width:420px){
  .scenario-service__visual{min-height:344px !important;}
  .scenario-service__word{font-size:clamp(4.1rem,22vw,5.8rem) !important;}
}


/* =========================================================
   FINAL SERVICES OVERRIDE
   Full-section active image background, Party Tank style
   ========================================================= */

/* Default active image fallback */
.scenario-services {
  --service-bg: url('assets/service-backgrounds/strategy.png');
}

/* Change the full scene background according to the active service */
.scenario-services:has(.scenario-service[data-scene-key="strategy"].is-active) {
  --service-bg: url('assets/service-backgrounds/strategy.png');
}
.scenario-services:has(.scenario-service[data-scene-key="social"].is-active) {
  --service-bg: url('assets/service-backgrounds/social.png');
}
.scenario-services:has(.scenario-service[data-scene-key="production"].is-active) {
  --service-bg: url('assets/service-backgrounds/production.png');
}
.scenario-services:has(.scenario-service[data-scene-key="pr"].is-active) {
  --service-bg: url('assets/service-backgrounds/pr.png');
}
.scenario-services:has(.scenario-service[data-scene-key="web"].is-active) {
  --service-bg: url('assets/service-backgrounds/web.png');
}
.scenario-services:has(.scenario-service[data-scene-key="audit"].is-active) {
  --service-bg: url('assets/service-backgrounds/audit.png');
}

/* The image now fills the whole sticky scenario, not a foreground card */
.scenario-services__sticky {
  isolation: isolate;
  background-color: #070707 !important;
  background-image:
    linear-gradient(90deg,
      rgba(5, 5, 5, .24) 0%,
      rgba(5, 5, 5, .34) 38%,
      rgba(5, 5, 5, .74) 66%,
      rgba(5, 5, 5, .96) 100%),
    linear-gradient(180deg,
      rgba(5, 5, 5, .42) 0%,
      rgba(5, 5, 5, .08) 22%,
      rgba(5, 5, 5, .10) 68%,
      rgba(5, 5, 5, .72) 100%),
    var(--service-bg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  transition: background-image .55s ease, background-position .55s ease;
}

/* Soft editorial grain and edge treatment */
.scenario-services__sticky::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 24% 46%, transparent 0%, transparent 26%, rgba(0,0,0,.22) 70%, rgba(0,0,0,.42) 100%),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px) 0 0 / 84px 84px;
  mix-blend-mode: normal;
}

.scenario-services__topbar,
.scenario-services__viewport,
.scenario-services__controls,
.scenario-services__hint {
  position: relative;
  z-index: 2;
}

/* Remove the small foreground image card completely */
.scenario-service__visual {
  display: none !important;
}

/* Text now sits directly over the full background */
.scenario-service {
  grid-template-columns: 1fr !important;
  align-items: center !important;
  padding: 0 !important;
}

.scenario-service__copy {
  width: min(620px, 45vw) !important;
  max-width: 620px !important;
  margin-left: auto !important;
  padding: 28px 0 28px 40px !important;
  position: relative;
}

.scenario-service__copy::before {
  content: "";
  position: absolute;
  inset: -40px -70px -40px -90px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 78% 50%, rgba(0,0,0,.62), rgba(0,0,0,.28) 46%, transparent 74%);
  filter: blur(6px);
}

.scenario-service__copy h3 {
  max-width: 620px;
  font-size: clamp(4.4rem, 7vw, 7.6rem) !important;
  line-height: .82 !important;
  text-shadow: 0 5px 34px rgba(0,0,0,.62);
}

.scenario-service__copy > p:not(.scenario-service__category) {
  max-width: 540px !important;
  color: rgba(255,255,255,.76) !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.72);
}

.scenario-service__category,
.scenario-service__copy li,
.scenario-service__detail {
  text-shadow: 0 2px 16px rgba(0,0,0,.52);
}

.scenario-service__copy li {
  background: rgba(5,5,5,.28);
  backdrop-filter: blur(8px);
}

.scenario-service__detail {
  background: rgba(5,5,5,.34) !important;
  backdrop-filter: blur(10px);
}

/* Tablet */
@media (max-width: 1050px) {
  .scenario-services__sticky {
    background-position: 42% center !important;
  }

  .scenario-service__copy {
    width: min(600px, 54vw) !important;
    padding-left: 28px !important;
  }

  .scenario-service__copy h3 {
    font-size: clamp(3.8rem, 7.8vw, 6.1rem) !important;
  }
}

/* Mobile: full photo remains the scene background, content sits at the bottom */
@media (max-width: 760px) {
  .scenario-services__deck {
    width: calc(100vw - 12px) !important;
    padding-bottom: 44px !important;
  }

  .scenario-services__sticky {
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 8px 16px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background-position: center center !important;
    background-image:
      linear-gradient(180deg,
        rgba(5,5,5,.22) 0%,
        rgba(5,5,5,.08) 24%,
        rgba(5,5,5,.26) 52%,
        rgba(5,5,5,.90) 78%,
        rgba(5,5,5,.98) 100%),
      var(--service-bg) !important;
  }

  .scenario-services__sticky::before {
    background: linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.18));
  }

  .scenario-services__viewport {
    min-height: 650px !important;
    height: 650px !important;
    overflow: visible !important;
  }

  .scenario-service {
    min-height: 650px !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 260px 8px 18px !important;
  }

  .scenario-service__copy {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 6px 0 !important;
  }

  .scenario-service__copy::before {
    inset: -70px -24px -28px -24px;
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.36) 32%, rgba(0,0,0,.80) 100%);
    filter: none;
  }

  .scenario-service__category {
    margin-bottom: 11px !important;
  }

  .scenario-service__copy h3 {
    font-size: clamp(2.75rem, 12vw, 4.15rem) !important;
    line-height: .90 !important;
    margin-bottom: 14px !important;
  }

  .scenario-service__copy > p:not(.scenario-service__category) {
    font-size: .94rem !important;
    line-height: 1.65 !important;
  }

  .scenario-service__copy ul {
    margin: 16px 0 18px !important;
    gap: 7px !important;
  }

  .scenario-service__copy li {
    padding: 7px 10px !important;
    font-size: .53rem !important;
  }

  .scenario-service__detail {
    width: 100% !important;
    min-height: 52px !important;
    justify-content: space-between !important;
    padding: 0 16px !important;
  }

  .scenario-services__controls {
    margin-top: 4px !important;
    padding-top: 14px !important;
  }
}

@media (max-width: 420px) {
  .scenario-services__viewport,
  .scenario-service {
    min-height: 620px !important;
    height: 620px !important;
  }

  .scenario-service {
    padding-top: 235px !important;
  }

  .scenario-service__copy h3 {
    font-size: 2.45rem !important;
  }
}


/* ==========================================================
   MAISON ADRIANO — FINAL VIP CHAPTER + CLOSING SCENE
   Scope: only the page ending after the existing logo wall.
   ========================================================== */

.vip-private,
.vip-closing {
  --closing-ivory: #f4ecdf;
  --closing-muted: rgba(244,236,223,.63);
  --closing-gold: #c9a363;
  --closing-gold-soft: #e0c086;
  color: var(--closing-ivory);
}

/* VIP editorial chapter */
.vip-private {
  position: relative;
  isolation: isolate;
  padding: clamp(92px, 9vw, 154px) 0;
  background:
    radial-gradient(circle at 72% 42%, rgba(188,145,79,.12), transparent 28%),
    radial-gradient(circle at 10% 88%, rgba(130,91,42,.08), transparent 32%),
    linear-gradient(135deg, #10100f 0%, #090a09 52%, #050606 100%);
  border-top: 1px solid rgba(201,163,99,.28);
  overflow: hidden;
}

.vip-private::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .42;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, #000, transparent 48%, #000);
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 48%, #000);
}

.vip-private__inner {
  width: min(1320px, calc(100vw - 64px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, .84fr);
  gap: clamp(56px, 7vw, 112px);
  align-items: center;
}

.vip-private__media {
  position: relative;
  min-width: 0;
}

.vip-private__media::before,
.vip-private__media::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.vip-private__media::before {
  width: 42%;
  aspect-ratio: 1;
  left: -8%;
  bottom: -8%;
  border-radius: 50%;
  background: rgba(199,159,93,.18);
  filter: blur(72px);
}

.vip-private__media::after {
  inset: 24px -18px -22px 24px;
  z-index: -1;
  border: 1px solid rgba(201,163,99,.16);
}

.vip-private__frame {
  position: relative;
  margin: 0;
  padding: clamp(8px, .75vw, 12px);
  background: linear-gradient(145deg, rgba(227,197,144,.92), rgba(120,82,34,.4) 34%, rgba(228,193,130,.8) 70%, rgba(91,64,31,.4));
  box-shadow: 0 42px 90px rgba(0,0,0,.42), 0 0 0 1px rgba(255,239,205,.1);
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px);
}

.vip-private__frame::after {
  content: "";
  position: absolute;
  inset: clamp(13px, 1.15vw, 18px);
  pointer-events: none;
  border: 1px solid rgba(249,224,178,.34);
  box-shadow: inset 0 0 38px rgba(0,0,0,.18);
  clip-path: inherit;
}

.vip-private__photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1630 / 2048;
  object-fit: cover;
  object-position: center;
  filter: saturate(.92) contrast(1.035) brightness(.92) sepia(.035);
}

.vip-private__content {
  position: relative;
  max-width: 590px;
}

.vip-private .section-kicker,
.vip-closing .section-kicker {
  color: var(--closing-gold-soft);
  letter-spacing: .26em;
}

.vip-private__content h2 {
  margin: 20px 0 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(4.5rem, 6.7vw, 7.7rem);
  line-height: .82;
  letter-spacing: -.055em;
  font-weight: 500;
  text-wrap: balance;
}

.vip-private__content h2 em {
  color: var(--closing-gold-soft);
  font-style: normal;
  font-weight: 500;
}

.vip-private__ornament {
  width: min(100%, 310px);
  display: grid;
  grid-template-columns: 1fr 8px 1fr;
  align-items: center;
  gap: 12px;
  margin: clamp(34px, 4vw, 58px) 0 30px;
}

.vip-private__ornament span {
  height: 1px;
  background: linear-gradient(90deg, rgba(201,163,99,.06), rgba(201,163,99,.72));
}

.vip-private__ornament span:last-child {
  transform: scaleX(-1);
}

.vip-private__ornament i {
  width: 7px;
  height: 7px;
  border: 1px solid var(--closing-gold);
  transform: rotate(45deg);
}

.vip-private__lead {
  max-width: 530px;
  margin: 0;
  color: var(--closing-muted);
  font-size: clamp(1rem, 1.3vw, 1.12rem);
  line-height: 1.86;
}

.vip-private blockquote {
  position: relative;
  margin: clamp(32px, 4vw, 52px) 0 0;
  padding: 0 0 0 32px;
  border-left: 1px solid rgba(201,163,99,.62);
  color: #eadcc8;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.85rem, 2.6vw, 2.75rem);
  font-style: italic;
  line-height: 1.08;
  letter-spacing: -.025em;
}

/* One monumental final CTA. The existing footer visually continues it. */
.vip-closing {
  position: relative;
  isolation: isolate;
  min-height: clamp(620px, 75vh, 900px);
  display: grid;
  place-items: center;
  padding: clamp(98px, 11vw, 176px) 0 clamp(92px, 10vw, 150px);
  overflow: hidden;
  text-align: center;
  background:
    linear-gradient(180deg, rgba(6,7,7,.25), rgba(5,5,5,.94)),
    radial-gradient(ellipse at 50% 40%, rgba(191,148,83,.17), transparent 42%),
    linear-gradient(135deg, #11110f 0%, #060707 52%, #0c0b09 100%);
  border-top: 1px solid rgba(201,163,99,.22);
  border-bottom: 1px solid rgba(201,163,99,.25);
}

.vip-closing::before,
.vip-closing::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

.vip-closing::before {
  inset: 0;
  opacity: .46;
  background:
    linear-gradient(115deg, transparent 0 19%, rgba(255,255,255,.025) 19.15% 19.35%, transparent 19.5% 100%),
    linear-gradient(65deg, transparent 0 78%, rgba(255,255,255,.022) 78.15% 78.35%, transparent 78.5% 100%),
    repeating-linear-gradient(90deg, transparent 0 119px, rgba(255,255,255,.018) 120px, transparent 121px);
  mask-image: linear-gradient(180deg, transparent, #000 22%, #000 78%, transparent);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 22%, #000 78%, transparent);
}

.vip-closing::after {
  width: min(780px, 82vw);
  aspect-ratio: 1;
  left: 50%;
  top: 44%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(201,163,99,.075);
  border-radius: 50%;
  box-shadow:
    0 0 0 92px rgba(201,163,99,.025),
    0 0 0 184px rgba(201,163,99,.012);
}

.vip-closing__ambient {
  position: absolute;
  inset: auto 0 0;
  height: 42%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.42));
}

.vip-closing__inner {
  position: relative;
  z-index: 1;
  width: min(1080px, calc(100vw - 48px));
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.vip-closing__inner::before {
  content: "MA";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -50%);
  color: rgba(223,188,127,.035);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(15rem, 31vw, 31rem);
  line-height: .7;
  letter-spacing: -.14em;
  white-space: nowrap;
  pointer-events: none;
}

.vip-closing h2 {
  margin: 18px auto 28px;
  max-width: 1050px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(4.6rem, 8.3vw, 9rem);
  line-height: .82;
  letter-spacing: -.06em;
  font-weight: 500;
  text-wrap: balance;
}

.vip-closing h2 em {
  color: var(--closing-gold-soft);
  font-style: normal;
  font-weight: 500;
  position: relative;
  white-space: nowrap;
}

.vip-closing h2 em::after {
  content: "";
  position: absolute;
  left: 4%;
  right: 1%;
  bottom: -.04em;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(224,192,134,.8) 18%, rgba(224,192,134,.32) 86%, transparent);
  transform: rotate(-1deg);
}

.vip-closing__inner > p:not(.section-kicker) {
  max-width: 620px;
  margin: 0;
  color: var(--closing-muted);
  font-size: clamp(.98rem, 1.3vw, 1.12rem);
  line-height: 1.82;
}

.vip-closing__action {
  width: min(420px, 100%);
  display: grid;
  justify-items: center;
  gap: 16px;
  margin-top: clamp(34px, 4vw, 50px);
}

.vip-closing__action button {
  width: 100%;
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 27px 0 30px;
  border: 1px solid rgba(255,245,221,.28);
  border-radius: 0;
  background: linear-gradient(135deg, #e7c98f 0%, #c89e5d 58%, #efd7a8 100%);
  color: #13110d;
  box-shadow: 0 16px 46px rgba(142,99,43,.18);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .68rem;
  font-weight: 850;
  transition: transform .28s ease, filter .28s ease, box-shadow .28s ease;
}

.vip-closing__action button i {
  font-style: normal;
  font-size: 1rem;
  transition: transform .28s ease;
}

.vip-closing__action button:hover {
  transform: translateY(-3px);
  filter: brightness(1.045);
  box-shadow: 0 22px 58px rgba(142,99,43,.27);
}

.vip-closing__action button:hover i {
  transform: translateX(4px);
}

.vip-closing__action button:focus-visible {
  outline: 2px solid #fff0cf;
  outline-offset: 5px;
}

.vip-closing__action small {
  color: rgba(244,236,223,.42);
  font-size: .69rem;
  letter-spacing: .09em;
}

/* Existing footer, visually integrated without changing its content or branding. */
.vip-closing + .site-footer,
.site-footer {
  background: #050606 !important;
  border-top: 0 !important;
}

.site-footer {
  padding: 0 !important;
  color: #f2e9dc;
}

.site-footer .footer-inner {
  width: min(1320px, calc(100vw - 64px));
  min-height: 154px;
  margin: 0 auto;
  padding: 38px 0 40px;
  border-top: 1px solid rgba(201,163,99,.22);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 44px;
}

.site-footer .footer-inner strong {
  display: block;
  color: #f0e4d2;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.55rem, 2.4vw, 2.2rem);
  font-weight: 500;
  letter-spacing: .02em;
}

.site-footer .footer-inner p {
  margin: 7px 0 0;
  color: rgba(244,236,223,.4) !important;
  font-size: .78rem;
  letter-spacing: .06em;
}

.site-footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 26px;
}

.site-footer .footer-links a {
  position: relative;
  color: rgba(244,236,223,.58) !important;
  font-size: .67rem;
  text-transform: uppercase;
  letter-spacing: .16em;
}

.site-footer .footer-links a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -7px;
  height: 1px;
  background: var(--closing-gold);
  transition: right .25s ease;
}

.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible {
  color: #f2dfbd !important;
}

.site-footer .footer-links a:hover::after,
.site-footer .footer-links a:focus-visible::after {
  right: 0;
}

@media (max-width: 1050px) {
  .vip-private__inner {
    width: min(100vw - 48px, 1000px);
    grid-template-columns: minmax(0, .96fr) minmax(320px, .84fr);
    gap: 48px;
  }

  .vip-private__content h2 {
    font-size: clamp(4rem, 7.4vw, 6.2rem);
  }
}

@media (max-width: 820px) {
  .vip-private {
    padding: 90px 0 104px;
  }

  .vip-private__inner {
    width: min(100vw - 40px, 690px);
    grid-template-columns: 1fr;
    gap: 62px;
  }

  .vip-private__media {
    width: min(100%, 620px);
    margin: 0 auto;
  }

  .vip-private__content {
    max-width: 650px;
  }

  .vip-private__content h2 {
    font-size: clamp(4.1rem, 12vw, 6.4rem);
  }

  .vip-private__ornament {
    margin-top: 38px;
  }

  .vip-closing {
    min-height: 680px;
  }

  .site-footer .footer-inner {
    width: min(100vw - 40px, 690px);
    min-height: 0;
    padding: 38px 0 44px;
    align-items: flex-start;
    flex-direction: column;
  }

  .site-footer .footer-links {
    justify-content: flex-start;
  }
}

@media (max-width: 560px) {
  .vip-private {
    padding: 72px 0 82px;
  }

  .vip-private__inner {
    width: calc(100vw - 24px);
    gap: 44px;
  }

  .vip-private__media::after {
    inset: 12px -6px -10px 12px;
  }

  .vip-private__frame {
    padding: 6px;
    clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
  }

  .vip-private__frame::after {
    inset: 10px;
  }

  .vip-private__content {
    padding: 0 8px;
  }

  .vip-private__content h2 {
    margin-top: 14px;
    font-size: clamp(3.35rem, 15.5vw, 5.1rem);
    line-height: .86;
  }

  .vip-private__ornament {
    width: 220px;
    margin: 31px 0 25px;
  }

  .vip-private__lead {
    font-size: .94rem;
    line-height: 1.76;
  }

  .vip-private blockquote {
    margin-top: 29px;
    padding-left: 22px;
    font-size: clamp(1.7rem, 8.2vw, 2.35rem);
  }

  .vip-closing {
    min-height: 620px;
    padding: 88px 0 86px;
  }

  .vip-closing__inner {
    width: calc(100vw - 28px);
  }

  .vip-closing__inner::before {
    font-size: 66vw;
    top: 45%;
  }

  .vip-closing h2 {
    margin: 15px 0 24px;
    font-size: clamp(3.3rem, 15.5vw, 5rem);
    line-height: .85;
  }

  .vip-closing h2 br {
    display: none;
  }

  .vip-closing h2 em {
    white-space: normal;
  }

  .vip-closing__inner > p:not(.section-kicker) {
    max-width: 380px;
    font-size: .94rem;
    line-height: 1.72;
  }

  .vip-closing__action {
    width: 100%;
    margin-top: 34px;
  }

  .vip-closing__action button {
    min-height: 62px;
    padding: 0 21px 0 23px;
    font-size: .62rem;
  }

  .vip-closing__action small {
    max-width: 290px;
    line-height: 1.5;
  }

  .site-footer .footer-inner {
    width: calc(100vw - 32px);
    padding: 32px 0 38px;
    gap: 28px;
  }

  .site-footer .footer-links {
    gap: 16px 20px;
  }
}

@media (max-width: 380px) {
  .vip-private__content h2,
  .vip-closing h2 {
    font-size: 3.05rem;
  }

  .vip-closing__action button {
    letter-spacing: .12em;
  }

  .site-footer .footer-links a {
    font-size: .62rem;
  }
}

@media (max-height: 620px) and (orientation: landscape) {
  .vip-closing {
    min-height: auto;
    padding: 84px 0 72px;
  }

  .vip-closing h2 {
    font-size: clamp(3.4rem, 8vw, 5.5rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .vip-closing__action button,
  .vip-closing__action button i,
  .site-footer .footer-links a::after {
    transition: none;
  }
}

/* === Collaboration chapter: final contrast and editorial hierarchy === */
.vip-collaboration {
  padding: 0;
  background: linear-gradient(180deg, #f4eee5 0%, #eee5d8 100%);
  color: #171512;
}

.vip-collaboration::before,
.vip-collaboration::after {
  display: none !important;
}

.vip-collaboration__inner {
  width: min(1320px, calc(100vw - 48px));
  margin: 0 auto;
  gap: 0;
}

.vip-collaboration__header {
  grid-template-columns: 180px minmax(0, 1.25fr) minmax(300px, .72fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: end;
  padding: clamp(82px, 9vw, 124px) 0 58px;
  background: transparent;
  box-shadow: none;
  clip-path: none;
}

.vip-collaboration__header .section-kicker {
  margin: 0 0 10px;
  color: #9a7a42;
}

.vip-collaboration__header h2 {
  color: #171512;
  max-width: 760px;
  font-size: clamp(3.9rem, 5.6vw, 6.25rem);
  line-height: .86;
}

.vip-collaboration__header h2 em {
  color: #a8864a;
}

.vip-collaboration__header p:last-child {
  color: #645c51;
  margin: 0 0 8px;
  max-width: 500px;
}

.vip-collaboration__process {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0 0 clamp(78px, 8vw, 112px);
  border-top: 1px solid rgba(28, 24, 18, .18);
}

.vip-process-card {
  position: relative;
  min-height: 250px;
  padding: 30px clamp(22px, 2.2vw, 34px) 32px;
  border: 0;
  border-right: 1px solid rgba(28, 24, 18, .13);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #191713;
  transition: background .3s ease, transform .3s ease;
}

.vip-process-card:first-child {
  border-left: 1px solid rgba(28, 24, 18, .13);
}

.vip-process-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #a78243, #d7bb83);
  transition: width .42s cubic-bezier(.2,.75,.2,1);
}

.vip-process-card:hover {
  transform: translateY(-3px);
  background: rgba(255,255,255,.25);
}

.vip-process-card:hover::before {
  width: 100%;
}

.vip-process-card span {
  display: block;
  margin: 0 0 38px;
  color: #a17c3c;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2.35rem;
  font-weight: 500;
  line-height: .8;
  letter-spacing: -.035em;
}

.vip-process-card h3 {
  margin: 0 0 14px;
  color: #171512;
  font-size: clamp(2.2rem, 2.8vw, 3rem);
  line-height: .92;
}

.vip-process-card p {
  margin: 0;
  max-width: 260px;
  color: #675f54;
  line-height: 1.72;
}

.vip-exclusives {
  position: relative;
  margin: 0;
  padding: clamp(86px, 9vw, 126px) 0 clamp(94px, 10vw, 140px);
  border: 0;
  border-radius: 0;
  background: #090909;
  color: #f7f0e7;
  box-shadow: 0 0 0 100vmax #090909;
  clip-path: inset(0 -100vmax);
}

.vip-exclusives::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: min(1320px, calc(100vw - 48px));
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(216,193,142,.58), transparent);
}

.vip-exclusives::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 14%, rgba(184,154,91,.12), transparent 29%),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px) 0 0 / 72px 72px;
  opacity: .65;
}

.vip-exclusives__header,
.vip-exclusives__grid {
  position: relative;
  z-index: 1;
}

.vip-exclusives__header {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  grid-template-rows: auto auto;
  gap: 18px clamp(50px, 7vw, 120px);
  align-items: start;
  margin-bottom: clamp(46px, 5vw, 72px);
}

.vip-exclusives__header .section-kicker {
  grid-column: 1;
  grid-row: 1;
  margin: 7px 0 0;
  color: #d8c18e;
}

.vip-exclusives__header > p {
  grid-column: 1;
  grid-row: 2;
  max-width: 420px;
  margin: 0;
  color: rgba(255,255,255,.54);
  line-height: 1.82;
}

.vip-exclusives__header h3 {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  margin: 0;
  color: #f7f0e7;
  font-size: clamp(4.2rem, 6.8vw, 7.4rem);
  line-height: .78;
  max-width: 760px;
}

.vip-exclusives__grid {
  gap: 18px;
}

.vip-exclusive-card {
  min-height: 380px;
  padding: clamp(28px, 3vw, 42px);
  border-radius: 18px;
  border-color: rgba(255,255,255,.11);
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.vip-exclusive-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(120deg, transparent 24%, rgba(216,193,142,.06) 52%, transparent 78%);
  opacity: 0;
  transition: opacity .32s ease;
  pointer-events: none;
}

.vip-exclusive-card:hover {
  transform: translateY(-5px);
  border-color: rgba(216,193,142,.38);
  background: linear-gradient(145deg, rgba(216,193,142,.075), rgba(255,255,255,.016));
}

.vip-exclusive-card:hover::before {
  opacity: 1;
}

.vip-exclusive-card h4 {
  font-size: clamp(3.7rem, 5.7vw, 6.2rem);
  line-height: .7;
}

.vip-exclusive-card p {
  max-width: 560px;
  color: rgba(255,255,255,.59);
}

@media (max-width: 1100px) {
  .vip-collaboration__header {
    grid-template-columns: 1fr;
    gap: 18px;
    padding-bottom: 48px;
  }

  .vip-collaboration__header p:last-child {
    max-width: 720px;
  }

  .vip-collaboration__process {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vip-process-card:nth-child(2) {
    border-right: 1px solid rgba(28, 24, 18, .13);
  }

  .vip-process-card:nth-child(3),
  .vip-process-card:nth-child(4) {
    border-top: 1px solid rgba(28, 24, 18, .13);
  }

  .vip-process-card:nth-child(3) {
    border-left: 1px solid rgba(28, 24, 18, .13);
  }
}

@media (max-width: 820px) {
  .vip-collaboration__inner {
    width: min(100vw - 40px, 690px);
  }

  .vip-exclusives::before {
    width: min(100vw - 40px, 690px);
  }

  .vip-exclusives__header {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 18px;
  }

  .vip-exclusives__header .section-kicker,
  .vip-exclusives__header > p,
  .vip-exclusives__header h3 {
    grid-column: 1;
    grid-row: auto;
  }

  .vip-exclusives__header h3 {
    order: 2;
    font-size: clamp(4.2rem, 13vw, 6.4rem);
  }

  .vip-exclusives__header > p {
    order: 3;
    max-width: 620px;
  }
}

@media (max-width: 560px) {
  .vip-collaboration__inner {
    width: calc(100vw - 24px);
  }

  .vip-collaboration__header {
    padding: 72px 4px 40px;
  }

  .vip-collaboration__header h2 {
    font-size: clamp(3.35rem, 15vw, 5rem);
  }

  .vip-collaboration__process {
    grid-template-columns: 1fr;
    padding-bottom: 72px;
  }

  .vip-process-card,
  .vip-process-card:first-child,
  .vip-process-card:nth-child(2),
  .vip-process-card:nth-child(3),
  .vip-process-card:nth-child(4) {
    min-height: auto;
    padding: 28px 18px 30px;
    border-left: 1px solid rgba(28, 24, 18, .13);
    border-right: 1px solid rgba(28, 24, 18, .13);
    border-top: 1px solid rgba(28, 24, 18, .13);
  }

  .vip-process-card:last-child {
    border-bottom: 1px solid rgba(28, 24, 18, .13);
  }

  .vip-process-card span {
    margin-bottom: 24px;
    font-size: 2rem;
  }

  .vip-process-card h3 {
    font-size: 2.35rem;
  }

  .vip-process-card p {
    max-width: none;
  }

  .vip-exclusives {
    padding: 76px 0 84px;
  }

  .vip-exclusives::before {
    width: calc(100vw - 24px);
  }

  .vip-exclusives__header h3 {
    font-size: clamp(3.65rem, 16vw, 5rem);
  }

  .vip-exclusive-card {
    min-height: 340px;
    padding: 26px 22px 28px;
    border-radius: 14px;
  }

  .vip-exclusive-card h4 {
    font-size: clamp(3.25rem, 15vw, 4.8rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .vip-process-card,
  .vip-process-card::before,
  .vip-exclusive-card,
  .vip-exclusive-card::before {
    transition: none !important;
  }
}