@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap");

:root {
  --gold: #e6bd61;
  --gold-light: #f4d98c;
  --ink: #0a0a09;
  --white: #fff;
  --muted: rgba(255,255,255,.74);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { margin: 0; padding: 0; background: var(--ink); }
body {
  color: var(--white);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button, a { font: inherit; }

.hero {
  position: relative;
  height: 100svh;
  min-height: 720px;
  overflow: hidden;
  background: #090908;
  isolation: isolate;
}

.heroSlides,
.heroSlide {
  position: absolute;
  inset: 0;
}

.heroSlide {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 1.45s cubic-bezier(.22,.61,.36,1),
    visibility 1.45s ease;
}

.heroSlide.isActive {
  opacity: 1;
  visibility: visible;
}

.heroImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.025);
  transition: transform 7s cubic-bezier(.2,.65,.25,1);
  will-change: transform;
}

.heroSlide.isActive .heroImage {
  transform: scale(1.08);
}

.heroOverlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.heroOverlay--left {
  background:
    linear-gradient(90deg, rgba(5,5,5,.82) 0%, rgba(5,5,5,.55) 28%, rgba(5,5,5,.15) 58%, rgba(5,5,5,.06) 100%),
    linear-gradient(180deg, rgba(0,0,0,.38) 0%, rgba(0,0,0,.04) 48%, rgba(0,0,0,.56) 100%);
}

.heroOverlay--right {
  background:
    linear-gradient(270deg, rgba(5,5,5,.79) 0%, rgba(5,5,5,.53) 30%, rgba(5,5,5,.12) 58%, rgba(5,5,5,.04) 100%),
    linear-gradient(180deg, rgba(0,0,0,.24) 0%, rgba(0,0,0,.03) 48%, rgba(0,0,0,.55) 100%);
}

.heroOverlay--bottom {
  background:
    linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.04) 40%, rgba(0,0,0,.78) 100%),
    linear-gradient(90deg, rgba(0,0,0,.18), transparent 65%);
}

.heroHeader {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 36px;
  padding: 26px clamp(24px, 4.5vw, 78px);
  background: linear-gradient(180deg, rgba(0,0,0,.34), rgba(0,0,0,0));
}

.brand {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  flex-shrink: 0;
}

.brandImage {
  display: block;
  width: clamp(210px, 20vw, 340px);
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.34));
}

.heroNav {
  justify-self: center;
  display: flex;
  align-items: center;
  gap: clamp(22px, 2.8vw, 48px);
}

.heroNav a {
  position: relative;
  color: rgba(255,255,255,.88);
  text-decoration: none;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .01em;
  transition: color .25s ease;
}

.heroNav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 1px;
  background: var(--gold);
  transition: width .25s ease;
}

.heroNav a:hover { color: var(--gold-light); }
.heroNav a:hover::after { width: 100%; }

.talkButton {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 14px 22px;
  border-radius: 13px;
  text-decoration: none;
  color: #17130a;
  background: linear-gradient(135deg, #f3d786 0%, #d2a33d 100%);
  box-shadow: 0 12px 32px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.48);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 19px;
  font-weight: 700;
  transition: transform .25s ease, box-shadow .25s ease;
}

.talkButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.48);
}

.heroIdentity {
  position: absolute;
  top: 108px;
  right: clamp(24px, 4.5vw, 78px);
  z-index: 16;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  padding-right: 4px;
  text-shadow: 0 2px 18px rgba(0,0,0,.55);
}

.heroIdentity strong {
  font-size: 11px;
  letter-spacing: .22em;
  font-weight: 600;
}

.heroIdentity span {
  color: rgba(255,255,255,.7);
  font-size: 12px;
}

.heroContent {
  position: absolute;
  z-index: 12;
  width: min(740px, 48vw);
  text-shadow: 0 4px 28px rgba(0,0,0,.42);
}

.heroContent--left {
  left: clamp(24px, 7vw, 118px);
  top: 50%;
  transform: translateY(-40%);
}

.heroContent--right {
  right: clamp(24px, 6.5vw, 108px);
  top: 50%;
  transform: translateY(-40%);
  width: min(690px, 45vw);
}

.heroContent--bottom {
  left: clamp(24px, 7vw, 118px);
  bottom: 15%;
  width: min(830px, 58vw);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--gold-light);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.eyebrow::before {
  content: "";
  width: 36px;
  height: 1px;
  background: var(--gold);
  box-shadow: 0 0 18px rgba(230,189,97,.5);
}

.heroTitle {
  margin: 0;
  display: flex;
  flex-direction: column;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(56px, 6.3vw, 108px);
  line-height: .9;
  font-weight: 600;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.heroTitle em {
  color: var(--gold-light);
  font-style: italic;
  font-weight: 500;
}

.heroBody {
  margin: 25px 0 30px;
  max-width: 650px;
  color: rgba(255,255,255,.82);
  font-size: clamp(15px, 1vw, 18px);
  line-height: 1.72;
}

.heroCta {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  border: 1px solid rgba(241,207,121,.7);
  border-radius: 999px;
  color: #17130b;
  background: linear-gradient(135deg, #f6dc92, #d4a43e);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 12px 32px rgba(0,0,0,.24);
  transition: transform .25s ease, box-shadow .25s ease;
}

.heroCta:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 38px rgba(0,0,0,.34);
}

.heroCtaArrow {
  font-size: 17px;
  line-height: 1;
}

.heroControls {
  position: absolute;
  z-index: 22;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: auto minmax(180px, 390px) auto;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 27px clamp(24px, 4.5vw, 78px);
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.58));
}

.counter {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 105px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 19px;
  color: rgba(255,255,255,.9);
}

.counter i {
  width: 28px;
  height: 1px;
  background: rgba(255,255,255,.42);
}

.progressTrack {
  display: flex;
  gap: 8px;
}

.progressItem {
  position: relative;
  width: 60px;
  height: 12px;
  padding: 5px 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.progressItem::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  height: 2px;
  background: rgba(255,255,255,.28);
}

.progressItem span {
  position: absolute;
  left: 0;
  top: 5px;
  width: 0;
  height: 2px;
  background: var(--gold-light);
}

.progressItem.isActive span {
  animation: progressFill linear forwards;
}

@keyframes progressFill {
  from { width: 0; }
  to { width: 100%; }
}

.arrowControls {
  display: flex;
  gap: 10px;
}

.arrowControls button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.5);
  color: #fff;
  background: rgba(0,0,0,.2);
  backdrop-filter: blur(10px);
  cursor: pointer;
  font-size: 20px;
  transition: border-color .25s ease, color .25s ease, transform .25s ease;
}

.arrowControls button:hover {
  border-color: var(--gold-light);
  color: var(--gold-light);
  transform: translateY(-1px);
}

.scrollCue {
  position: absolute;
  z-index: 18;
  right: clamp(24px, 4.5vw, 78px);
  bottom: 91px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.45);
  font-size: 8px;
  letter-spacing: .26em;
  transform: rotate(90deg);
  transform-origin: right center;
}

.scrollCue i {
  display: block;
  width: 34px;
  height: 1px;
  background: rgba(255,255,255,.35);
}

@media (max-width: 1100px) {
  .heroNav { gap: 22px; }
  .heroNav a { font-size: 16px; }
  .talkButton { padding: 12px 17px; font-size: 17px; }
}

@media (max-width: 900px) {
  .hero {
    height: 86svh;
    min-height: 680px;
  }

  .heroHeader {
    grid-template-columns: 1fr auto;
    padding: 22px 24px;
  }

  .heroNav { display: none; }
  .talkButton { justify-self: end; }
  .heroIdentity { display: none; }

  .heroContent,
  .heroContent--left,
  .heroContent--right,
  .heroContent--bottom {
    left: 24px;
    right: 24px;
    top: auto;
    bottom: 122px;
    width: auto;
    transform: none;
  }

  .heroOverlay--left,
  .heroOverlay--right,
  .heroOverlay--bottom {
    background:
      linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.05) 35%, rgba(0,0,0,.82) 100%);
  }

  .heroTitle {
    font-size: clamp(50px, 8vw, 78px);
  }

  .heroControls {
    grid-template-columns: auto 1fr auto;
    padding: 20px 24px;
  }

  .scrollCue { display: none; }
}

@media (max-width: 900px) {
  .hero {
    height: 82svh;
    min-height: 650px;
    max-height: 850px;
  }

  .heroHeader {
    padding: 18px 18px;
  }

  .brandImage {
    width: clamp(180px, 24vw, 260px);
  }

  .talkButton {
    padding: 10px 13px;
    font-size: 15px;
    border-radius: 11px;
  }

  .heroSlide:nth-child(1) .heroImage { object-position: 28% center !important; }
  .heroSlide:nth-child(2) .heroImage { object-position: 67% center !important; }
  .heroSlide:nth-child(3) .heroImage { object-position: 52% center !important; }
  .heroSlide:nth-child(4) .heroImage { object-position: 28% center !important; }
  .heroSlide:nth-child(5) .heroImage { object-position: 66% center !important; }

  .heroContent,
  .heroContent--left,
  .heroContent--right,
  .heroContent--bottom {
    left: 18px;
    right: 18px;
    bottom: 104px;
  }

  .eyebrow {
    font-size: 8px;
    letter-spacing: .17em;
    margin-bottom: 13px;
  }

  .eyebrow::before {
    width: 25px;
  }

  .heroTitle {
    font-size: clamp(41px, 12vw, 59px);
    line-height: .94;
  }

  .heroBody {
    max-width: 96%;
    margin: 15px 0 19px;
    font-size: 13px;
    line-height: 1.55;
  }

  .heroCta {
    padding: 11px 15px;
    gap: 12px;
    font-size: 11px;
  }

  .heroControls {
    gap: 12px;
    padding: 16px 18px;
  }

  .counter {
    min-width: auto;
    gap: 7px;
    font-size: 15px;
  }

  .counter i { width: 14px; }

  .progressTrack { gap: 5px; }

  .progressItem {
    width: 28px;
  }

  .arrowControls { gap: 6px; }

  .arrowControls button {
    width: 35px;
    height: 35px;
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .heroSlide,
  .heroImage {
    transition: none;
  }
  .progressItem.isActive span {
    animation: none;
    width: 100%;
  }
}


/* Slide 01 — premium founder statement */
.heroActions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.heroCtaSecondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 20px;
  min-height: 47px;
  border: 1px solid rgba(230,189,97,.78);
  border-radius: 999px;
  color: var(--gold-light);
  background: rgba(6,6,6,.18);
  backdrop-filter: blur(8px);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}

.heroCtaSecondary:hover {
  background: rgba(230,189,97,.12);
  color: #fff1c6;
  transform: translateY(-2px);
}

.slideOneDetails {
  margin-top: 22px;
}

.founderLine {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255,255,255,.82);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 18px;
  font-style: italic;
}

.founderLine strong {
  color: var(--gold-light);
  font-style: normal;
  font-weight: 600;
}

.founderDash {
  display: inline-block;
  width: 28px;
  height: 1px;
  background: var(--gold);
}

.signatureLine {
  margin-top: 12px;
  color: rgba(244,217,140,.84);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 17px;
  font-style: italic;
  letter-spacing: .02em;
}

@media (max-width: 900px) {
  .heroActions { gap: 10px; }
  .heroCtaSecondary {
    min-height: 42px;
    padding: 10px 14px;
    font-size: 11px;
  }
  .slideOneDetails { margin-top: 14px; }
  .founderLine { font-size: 14px; gap: 8px; }
  .founderDash { width: 20px; }
  .signatureLine { font-size: 14px; margin-top: 8px; }
}


/* Slide 02 — reflection / clarity / strategy */
.slideTwoDetails {
  margin-top: 22px;
}

.strategyLine {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--gold-light);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .01em;
}

.reflectionQuote {
  margin-top: 12px;
  max-width: 620px;
  color: rgba(255,255,255,.72);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 17px;
  font-style: italic;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .slideTwoDetails { margin-top: 14px; }
  .strategyLine { font-size: 14px; gap: 8px; }
  .reflectionQuote {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.4;
  }
}


/* V4 composition correction — keeps the portrait clear and gives the copy its own stage */
.heroSlide--1 .heroImage {
  width: 112%;
  max-width: none;
  transform: translateX(5.5%) scale(1.02);
  transform-origin: center center;
}

.heroSlide--1.isActive .heroImage {
  transform: translateX(5.5%) scale(1.055);
}

.heroSlide--1 .heroOverlay--left {
  background:
    linear-gradient(90deg, rgba(4,6,8,.94) 0%, rgba(4,6,8,.83) 23%, rgba(4,6,8,.56) 39%, rgba(4,6,8,.15) 57%, rgba(4,6,8,.02) 76%),
    linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.02) 48%, rgba(0,0,0,.58));
}

.heroSlide--1 .heroContent--left {
  left: clamp(54px, 4.7vw, 82px);
  width: min(690px, 43vw);
  top: 49%;
  transform: translateY(-42%);
}

.heroSlide--1 .heroTitle {
  font-size: clamp(54px, 4.65vw, 78px);
  line-height: .96;
  letter-spacing: -.042em;
}

.heroSlide--1 .heroTitle span,
.heroSlide--1 .heroTitle em {
  white-space: nowrap;
}

.heroSlide--1 .heroBody {
  max-width: 650px;
  margin-top: 22px;
  margin-bottom: 24px;
}

.counterWrap {
  display: flex;
  align-items: center;
  gap: 22px;
}

.slideRole {
  padding-left: 20px;
  border-left: 1px solid rgba(230,189,97,.56);
  color: rgba(255,255,255,.76);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .22em;
}

.heroIntelligence {
  position: absolute;
  z-index: 23;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 78px;
  padding: 14px clamp(24px,4.5vw,78px);
  display: grid;
  grid-template-columns: .8fr 1.8fr 1.55fr 1fr;
  align-items: center;
  gap: 0;
  background: rgba(4,10,14,.92);
  border-top: 1px solid rgba(230,189,97,.22);
  backdrop-filter: blur(16px);
}

.heroControls {
  bottom: 78px;
}

.scrollCue {
  bottom: 174px;
}

.intelItem {
  display: grid;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 0 22px;
  border-right: 1px solid rgba(230,189,97,.23);
}

.intelItem:first-child { padding-left: 0; }
.intelItem:last-child { border-right: 0; }

.intelIcon {
  color: var(--gold);
  font-size: 26px;
  line-height: 1;
}

.intelItem div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.intelItem strong {
  color: var(--gold-light);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 16px;
  line-height: 1;
}

.intelItem small {
  color: rgba(255,255,255,.68);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 12px;
  line-height: 1.25;
}

@media (max-width: 1100px) {
  .heroSlide--1 .heroContent--left {
    width: min(620px, 48vw);
  }
  .heroSlide--1 .heroTitle {
    font-size: clamp(48px, 5.3vw, 70px);
  }
  .heroIntelligence {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .intelItem {
    padding: 0 12px;
    grid-template-columns: 26px 1fr;
  }
  .intelIcon { font-size: 21px; }
  .intelItem small { font-size: 10px; }
}

@media (max-width: 900px) {
  .hero {
    min-height: 720px;
  }
  .heroIntelligence {
    display: none;
  }
  .heroControls {
    bottom: 0;
  }
  .heroSlide--1 .heroImage {
    width: 100%;
    transform: scale(1.02);
  }
  .heroSlide--1.isActive .heroImage {
    transform: scale(1.055);
  }
  .heroSlide--1 .heroContent--left {
    left: 24px;
    right: 24px;
    width: auto;
    top: auto;
    bottom: 122px;
    transform: none;
  }
  .heroSlide--1 .heroTitle span,
  .heroSlide--1 .heroTitle em {
    white-space: normal;
  }
  .slideRole { display: none; }
}

@media (max-width: 900px) {
  .heroSlide--1 .heroContent--left {
    left: 18px;
    right: 18px;
    bottom: 104px;
  }
  .heroSlide--1 .heroTitle {
    font-size: clamp(40px, 11.4vw, 55px);
  }
}


/* Slide 03 — philosophy / patient observation */
.slideThreeDetails {
  margin-top: 22px;
}

.heroSlide--3 .heroContent--right {
  right: clamp(44px, 5.8vw, 96px);
  width: min(690px, 44vw);
}

.heroSlide--3 .heroTitle {
  font-size: clamp(48px, 4.7vw, 80px);
  line-height: .95;
}

.heroSlide--3 .heroBody {
  max-width: 620px;
}

.heroSlide--3 .heroOverlay--right {
  background:
    linear-gradient(270deg, rgba(4,6,8,.92) 0%, rgba(4,6,8,.72) 28%, rgba(4,6,8,.42) 46%, rgba(4,6,8,.08) 67%, rgba(4,6,8,.01) 100%),
    linear-gradient(180deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,.02) 48%, rgba(0,0,0,.55) 100%);
}

@media (max-width: 900px) {
  .heroSlide--3 .heroContent--right {
    left: 24px;
    right: 24px;
    width: auto;
    top: auto;
    bottom: 122px;
    transform: none;
  }
}

@media (max-width: 900px) {
  .slideThreeDetails { margin-top: 14px; }
  .heroSlide--3 .heroTitle {
    font-size: clamp(39px, 10.8vw, 53px);
  }
}


/* V6 — Slide 01 refined message hierarchy */
.heroPositioning {
  margin-top: 18px;
  color: rgba(255,255,255,.88);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(20px, 1.65vw, 28px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.01em;
}

.heroPositioning span {
  color: var(--gold-light);
  font-style: italic;
  font-weight: 500;
}

.heroSlide--1 .heroBody {
  margin-top: 14px;
}

.heroSlide--1 .heroTitle {
  font-size: clamp(58px, 5vw, 84px);
  line-height: .94;
}

@media (max-width: 900px) {
  .heroPositioning {
    font-size: clamp(18px, 3.4vw, 24px);
    margin-top: 14px;
  }
}

@media (max-width: 900px) {
  .heroPositioning {
    font-size: 17px;
    margin-top: 10px;
  }
  .heroSlide--1 .heroBody {
    margin-top: 10px;
  }
}


/* Slide 04 — vision / transformation */
.slideFourDetails {
  margin-top: 22px;
}

.heroSlide--4 .heroContent--left {
  left: clamp(44px, 6.2vw, 104px);
  width: min(720px, 45vw);
}

.heroSlide--4 .heroTitle {
  font-size: clamp(50px, 4.9vw, 82px);
  line-height: .94;
}

.heroSlide--4 .heroBody {
  max-width: 650px;
}

.heroSlide--4 .heroOverlay--left {
  background:
    linear-gradient(90deg, rgba(4,6,8,.88) 0%, rgba(4,6,8,.68) 27%, rgba(4,6,8,.38) 44%, rgba(4,6,8,.10) 64%, rgba(4,6,8,.01) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.01) 48%, rgba(0,0,0,.52) 100%);
}

@media (max-width: 900px) {
  .heroSlide--4 .heroContent--left {
    left: 24px;
    right: 24px;
    width: auto;
    top: auto;
    bottom: 122px;
    transform: none;
  }
}

@media (max-width: 900px) {
  .slideFourDetails { margin-top: 14px; }
  .heroSlide--4 .heroTitle {
    font-size: clamp(39px, 10.6vw, 52px);
  }
}


/* Slide 05 — perspective / clarity / direction */
.slideFiveDetails {
  margin-top: 22px;
}

.heroSlide--5 .heroContent--right {
  right: clamp(44px, 5.8vw, 96px);
  width: min(720px, 45vw);
}

.heroSlide--5 .heroTitle {
  font-size: clamp(48px, 4.7vw, 80px);
  line-height: .94;
}

.heroSlide--5 .heroBody {
  max-width: 610px;
}

.heroSlide--5 .heroOverlay--right {
  background:
    linear-gradient(270deg, rgba(4,6,8,.91) 0%, rgba(4,6,8,.72) 29%, rgba(4,6,8,.44) 46%, rgba(4,6,8,.10) 65%, rgba(4,6,8,.01) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.01) 48%, rgba(0,0,0,.50) 100%);
}

@media (max-width: 900px) {
  .heroSlide--5 .heroContent--right {
    left: 24px;
    right: 24px;
    width: auto;
    top: auto;
    bottom: 122px;
    transform: none;
  }
}

@media (max-width: 900px) {
  .slideFiveDetails { margin-top: 14px; }
  .heroSlide--5 .heroTitle {
    font-size: clamp(39px, 10.6vw, 52px);
  }
}


/* V9 — text visibility and line-balance fixes */

/* Slide 1: keep supporting copy balanced across exactly two desktop lines */
.heroBody--slide1 {
  max-width: 660px;
  line-height: 1.65;
}

.desktopBreak {
  display: inline;
}

/* Slide 5: lift quote and detail content safely above the slider controls */
.heroSlide--5 .heroContent--right {
  top: 46%;
  transform: translateY(-42%);
}

.heroSlide--5 .slideFiveDetails {
  margin-top: 16px;
  padding-bottom: 18px;
}

.heroSlide--5 .reflectionQuote {
  display: block;
  position: relative;
  z-index: 2;
  margin-top: 10px;
  max-width: 640px;
  padding-bottom: 4px;
  color: rgba(255,255,255,.78);
}

/* make sure controls don't visually cover slide 5 text */
.heroSlide--5 .heroBody,
.heroSlide--5 .heroActions,
.heroSlide--5 .slideFiveDetails {
  position: relative;
  z-index: 3;
}

@media (max-width: 1100px) {
  .heroBody--slide1 {
    max-width: 600px;
  }

  .heroSlide--5 .heroContent--right {
    top: 45%;
  }
}

@media (max-width: 900px) {
  .desktopBreak {
    display: none;
  }

  .heroBody--slide1 {
    max-width: 94%;
  }

  .heroSlide--5 .heroContent--right {
    top: auto;
    transform: none;
    bottom: 132px;
  }

  .heroSlide--5 .slideFiveDetails {
    padding-bottom: 0;
  }
}

@media (max-width: 900px) {
  .heroSlide--5 .heroContent--right {
    bottom: 112px;
  }

  .heroSlide--5 .reflectionQuote {
    font-size: 12.5px;
    line-height: 1.38;
  }
}


/* V10 — premium mobile hero composition + always-visible nav strip */

.mobileNavStrip {
  display: none;
}

/* Mobile-specific cinematic treatment: person remains visible behind copy */
@media (max-width: 900px) {
  .hero {
    height: 100svh;
    min-height: 760px;
  }

  .heroHeader {
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 16px 18px 12px;
    background: linear-gradient(180deg, rgba(0,0,0,.48), rgba(0,0,0,.16) 70%, transparent);
  }

  .brand {
    font-size: clamp(27px, 7vw, 34px);
  }

  .talkButton {
    padding: 11px 15px;
    font-size: 15px;
    border-radius: 12px;
  }

  .heroNav {
    display: none !important;
  }

  .mobileNavStrip {
    position: absolute;
    z-index: 21;
    display: flex;
    align-items: center;
    gap: 24px;
    top: 74px;
    left: 0;
    right: 0;
    height: 44px;
    padding: 0 18px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
    background: rgba(8,11,14,.24);
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(230,189,97,.18);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .mobileNavStrip::-webkit-scrollbar {
    display: none;
  }

  .mobileNavStrip a {
    flex: 0 0 auto;
    text-decoration: none;
    color: rgba(255,255,255,.86);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .01em;
  }

  .mobileNavStrip a:first-child {
    color: var(--gold-light);
  }

  .heroSlide .heroOverlay--left,
  .heroSlide .heroOverlay--right,
  .heroSlide .heroOverlay--bottom {
    background:
      linear-gradient(180deg,
        rgba(0,0,0,.20) 0%,
        rgba(0,0,0,.08) 22%,
        rgba(0,0,0,.08) 38%,
        rgba(0,0,0,.52) 58%,
        rgba(0,0,0,.82) 100%);
  }

  .heroContent,
  .heroContent--left,
  .heroContent--right,
  .heroContent--bottom {
    left: 18px;
    right: 18px;
    top: auto;
    bottom: 118px;
    width: auto;
    transform: none;
    text-shadow: 0 3px 24px rgba(0,0,0,.7);
  }

  .heroTitle {
    font-size: clamp(42px, 10.8vw, 58px);
    line-height: .93;
    letter-spacing: -.04em;
  }

  .heroBody {
    max-width: 95%;
    font-size: 14px;
    line-height: 1.52;
    margin: 14px 0 17px;
  }

  .heroActions {
    gap: 9px;
  }

  .heroCta,
  .heroCtaSecondary {
    min-height: 42px;
    padding: 10px 14px;
    font-size: 11px;
  }

  .strategyLine,
  .founderLine {
    font-size: 14px;
  }

  .reflectionQuote,
  .signatureLine {
    font-size: 13px;
  }

  .heroControls {
    bottom: 0;
    padding: 15px 18px 18px;
    grid-template-columns: auto 1fr auto;
  }

  .progressTrack {
    justify-content: center;
  }

  .progressItem {
    width: 34px;
  }

  .counter {
    font-size: 15px;
  }

  .arrowControls button {
    width: 38px;
    height: 38px;
  }

  /* Per-slide mobile crops to keep the person visible behind/near the copy */
  .heroSlide--1 .heroImage {
    width: 100%;
    transform: scale(1.02);
    object-position: 58% center !important;
  }
  .heroSlide--1.isActive .heroImage {
    transform: scale(1.055);
  }

  .heroSlide--2 .heroImage {
    object-position: 67% center !important;
  }

  .heroSlide--3 .heroImage {
    object-position: 28% center !important;
  }

  .heroSlide--4 .heroImage {
    object-position: 67% center !important;
  }

  .heroSlide--5 .heroImage {
    object-position: 24% center !important;
  }

  /* Each slide gets a slightly different content stage to respect the person */
  .heroSlide--1 .heroContent--left {
    bottom: 120px;
  }

  .heroSlide--2 .heroContent--left {
    bottom: 116px;
  }

  .heroSlide--3 .heroContent--right {
    left: 18px;
    right: 18px;
    bottom: 116px;
  }

  .heroSlide--4 .heroContent--left {
    bottom: 116px;
  }

  .heroSlide--5 .heroContent--right {
    left: 18px;
    right: 18px;
    bottom: 116px;
  }

  .heroSlide--1 .heroTitle span,
  .heroSlide--1 .heroTitle em {
    white-space: normal;
  }

  .heroIdentity,
  .scrollCue,
  .heroIntelligence,
  .slideRole {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .hero {
    min-height: 760px;
  }

  .heroHeader {
    padding: 15px 14px 10px;
  }

  .brand {
    font-size: 28px;
  }

  .talkButton {
    padding: 10px 13px;
    font-size: 14px;
  }

  .mobileNavStrip {
    top: 68px;
    height: 42px;
    padding: 0 14px;
    gap: 20px;
  }

  .mobileNavStrip a {
    font-size: 14px;
  }

  .heroContent,
  .heroContent--left,
  .heroContent--right,
  .heroContent--bottom {
    left: 15px;
    right: 15px;
    bottom: 108px;
  }

  .eyebrow {
    font-size: 8px;
    letter-spacing: .16em;
    margin-bottom: 12px;
  }

  .heroTitle {
    font-size: clamp(39px, 10.6vw, 50px);
    line-height: .94;
  }

  .heroBody {
    font-size: 13px;
    line-height: 1.48;
  }

  .heroPositioning {
    font-size: 16px;
    margin-top: 9px;
  }

  .slideOneDetails,
  .slideTwoDetails,
  .slideThreeDetails,
  .slideFourDetails,
  .slideFiveDetails {
    margin-top: 12px;
  }

  .heroSlide--3 .heroContent--right,
  .heroSlide--5 .heroContent--right {
    bottom: 108px;
  }

  .heroControls {
    padding: 14px 15px 16px;
  }

  .progressItem {
    width: 28px;
  }
}


/* V11 — dedicated portrait assets for mobile/tablet only */
.heroPicture {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.heroPicture .heroImage {
  display: block;
}

@media (max-width: 900px) {
  /* Portrait files are already composed for phone screens.
     Keep them centered and avoid the aggressive desktop crop offsets. */
  .heroSlide--1 .heroImage,
  .heroSlide--2 .heroImage,
  .heroSlide--3 .heroImage,
  .heroSlide--4 .heroImage,
  .heroSlide--5 .heroImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center !important;
    transform: scale(1.005) !important;
  }

  .heroSlide--1.isActive .heroImage,
  .heroSlide--2.isActive .heroImage,
  .heroSlide--3.isActive .heroImage,
  .heroSlide--4.isActive .heroImage,
  .heroSlide--5.isActive .heroImage {
    transform: scale(1.02) !important;
  }
}


/* V13 — integrated approved site logo */
@media (max-width: 900px) {
  .brandImage {
    width: 200px;
  }
}

@media (max-width: 900px) {
  .brandImage {
    width: 180px;
  }
}


/* V15 — smaller, cleaner header logo to keep navbar elegant */
.brand--compact {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px;
  width: auto !important;
  max-width: none !important;
  text-decoration: none;
  flex-shrink: 0;
}

.brandMark {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex: 0 0 34px;
  display: block;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,.24));
}

.brandText {
  display: flex;
  flex-direction: column;
  gap: 0;
  line-height: 1;
}

.brandName {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(18px, 1.35vw, 23px);
  font-weight: 700;
  letter-spacing: -.03em;
  color: #f3d98f;
  white-space: nowrap;
  text-shadow: 0 2px 12px rgba(0,0,0,.38);
}

.brandOp {
  color: #e6bd61;
}

.brandTagline {
  display: none;
}

.brandImage {
  display: none !important;
}

@media (max-width: 900px) {
  .brand--compact {
    gap: 7px;
  }
  .brandMark {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }
  .brandName {
    font-size: 20px;
  }
}

@media (max-width: 900px) {
  .brandMark {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
  }
  .brandName {
    font-size: 17px;
  }
}


/* V15 small navbar refinement */
.headerInner {
  min-height: 78px;
}

@media (max-width: 900px) {
  .headerInner {
    min-height: 66px;
  }
}


/* V17 — authoritative mobile navigation fix
   Keep ONLY the compact top header (logo + Let's Talk) and the horizontal nav strip below it.
   Hide the desktop nav row completely on mobile so no duplicate links sit on the picture. */
@media (max-width: 900px) {
  .heroHeader {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 40 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px 10px !important;
    min-height: 64px !important;
    background: linear-gradient(180deg, rgba(4,6,8,.50), rgba(4,6,8,.16) 72%, transparent) !important;
  }

  /* This is the duplicate desktop navigation visible in the screenshot — remove it on mobile. */
  .heroHeader .heroNav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* Keep compact logo + CTA in the first row */
  .brand--compact {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .brandMark {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
  }

  .brandName {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .brandTagline {
    display: none !important;
  }

  .talkButton {
    justify-self: end !important;
    padding: 10px 14px !important;
    min-height: 42px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  /* Horizontal transparent strip stays visible below the header */
  .mobileNavStrip {
    position: absolute !important;
    z-index: 39 !important;
    top: 64px !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    gap: 22px !important;
    height: 44px !important;
    padding: 0 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
    background: rgba(7,10,13,.34) !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    border-bottom: 1px solid rgba(230,189,97,.18) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  .mobileNavStrip::-webkit-scrollbar {
    display: none !important;
  }

  .mobileNavStrip a {
    display: inline-block !important;
    flex: 0 0 auto !important;
    color: rgba(255,255,255,.90) !important;
    text-decoration: none !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  .mobileNavStrip a:first-child {
    color: var(--gold-light) !important;
  }
}

@media (max-width: 900px) {
  .heroHeader {
    min-height: 60px !important;
    padding: 10px 12px 8px !important;
  }

  .brandMark {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
  }

  .brandName {
    font-size: 17px !important;
  }

  .talkButton {
    padding: 9px 12px !important;
    min-height: 40px !important;
    font-size: 13px !important;
  }

  .mobileNavStrip {
    top: 60px !important;
    height: 42px !important;
    gap: 18px !important;
    padding: 0 12px !important;
  }

  .mobileNavStrip a {
    font-size: 13.5px !important;
  }
}


/* V19 — LET'S TALK / CONNECT PAGE */
.connectPage {
  min-height: 100vh;
  background:
    radial-gradient(circle at 84% 12%, rgba(230,189,97,.09), transparent 28%),
    linear-gradient(180deg, #090a09 0%, #0d0e0d 48%, #070807 100%);
  color: #fff;
}
.connectHeader {
  min-height: 82px;
  padding: 16px clamp(22px, 5vw, 78px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(230,189,97,.15);
  background: rgba(6,7,7,.78);
  backdrop-filter: blur(16px);
}
.connectBrand { display:inline-flex; align-items:center; gap:9px; text-decoration:none; }
.connectBrand img { width:34px; height:34px; object-fit:contain; }
.connectBrand > span { font-family:"Cormorant Garamond", Georgia, serif; font-size:27px; font-weight:700; color:#f2d98e; }
.connectBrand > span span { color:#e6bd61; }
.connectBack { text-decoration:none; color:rgba(255,255,255,.78); font-family:"Cormorant Garamond", Georgia, serif; font-size:17px; display:inline-flex; gap:10px; }
.connectHero { min-height:650px; display:grid; grid-template-columns:1.08fr .92fr; border-bottom:1px solid rgba(230,189,97,.16); }
.connectIntro { padding:clamp(70px,8vw,120px) clamp(30px,7vw,115px); display:flex; flex-direction:column; justify-content:center; }
.connectEyebrow, .sectionHeading > span, .contactStatement > span { color:#e6bd61; font-size:10px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; }
.connectIntro h1 { margin:22px 0 26px; max-width:780px; font-family:"Cormorant Garamond", Georgia, serif; font-size:clamp(58px,6vw,96px); font-weight:600; line-height:.9; letter-spacing:-.045em; }
.connectIntro h1 em { display:block; margin-top:8px; color:#f0cf78; font-weight:500; }
.connectLead { max-width:700px; margin:0; color:rgba(255,255,255,.74); font-size:17px; line-height:1.7; }
.connectSignature { margin-top:34px; display:flex; align-items:center; gap:14px; color:#e6bd61; font-family:"Cormorant Garamond", Georgia, serif; font-size:20px; font-style:italic; }
.connectSignature > span { width:36px; height:1px; background:#e6bd61; }
.connectSignature p { margin:0; }
.connectPortrait { position:relative; min-height:650px; overflow:hidden; }
.connectPortrait img { width:100%; height:100%; object-fit:cover; object-position:center 30%; position:absolute; inset:0; }
.connectPortraitShade { position:absolute; inset:0; z-index:2; background:linear-gradient(90deg, rgba(9,10,9,.82), rgba(9,10,9,.05) 30%), linear-gradient(180deg, transparent 50%, rgba(0,0,0,.68)); }
.connectPortraitNote { position:absolute; z-index:3; right:28px; bottom:28px; display:flex; flex-direction:column; align-items:flex-end; gap:4px; }
.connectPortraitNote strong { font-size:11px; letter-spacing:.22em; }
.connectPortraitNote span { color:rgba(255,255,255,.68); font-size:12px; }

.conversationSection, .contactSection { padding:clamp(70px,8vw,120px) clamp(24px,6vw,96px); }
.sectionHeading { max-width:760px; margin-bottom:44px; }
.sectionHeading h2, .contactStatement h2 { margin:12px 0; font-family:"Cormorant Garamond", Georgia, serif; font-size:clamp(42px,4.5vw,68px); line-height:.98; letter-spacing:-.035em; font-weight:600; }
.sectionHeading p, .contactStatement p { margin:0; color:rgba(255,255,255,.66); line-height:1.65; }
.conversationGrid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.conversationCard { position:relative; min-height:290px; padding:24px 22px; display:flex; flex-direction:column; border:1px solid rgba(230,189,97,.18); background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); cursor:pointer; transition:.25s ease; }
.conversationCard:hover { transform:translateY(-5px); border-color:rgba(230,189,97,.55); background:linear-gradient(180deg,rgba(230,189,97,.09),rgba(255,255,255,.018)); }
.conversationCard input { position:absolute; opacity:0; pointer-events:none; }
.conversationCard:has(input:checked) { border-color:#e6bd61; box-shadow:inset 0 0 0 1px rgba(230,189,97,.24); background:linear-gradient(180deg,rgba(230,189,97,.12),rgba(255,255,255,.02)); }
.conversationNumber { color:rgba(255,255,255,.35); font-size:10px; letter-spacing:.16em; }
.conversationIcon { margin:32px 0 24px; color:#e6bd61; font-family:Georgia,serif; font-size:34px; }
.conversationCard strong { min-height:48px; color:#f0d58c; font-family:"Cormorant Garamond",Georgia,serif; font-size:21px; line-height:1.05; }
.conversationCard p { color:rgba(255,255,255,.58); font-size:12px; line-height:1.55; }
.conversationSelect { margin-top:auto; color:rgba(255,255,255,.72); font-size:11px; }

.contactSection { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(40px,7vw,110px); border-top:1px solid rgba(230,189,97,.14); border-bottom:1px solid rgba(230,189,97,.14); background:rgba(255,255,255,.012); }
.contactStatement { align-self:start; position:sticky; top:40px; }
.contactPrinciples { margin-top:34px; display:flex; flex-wrap:wrap; gap:8px; }
.contactPrinciples span { padding:8px 12px; border:1px solid rgba(230,189,97,.22); border-radius:999px; color:#e9cf83; font-size:11px; }
.premiumForm { display:flex; flex-direction:column; gap:18px; }
.formRow { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.premiumForm label { display:flex; flex-direction:column; gap:8px; }
.premiumForm label > span { color:rgba(255,255,255,.68); font-size:11px; letter-spacing:.08em; }
.premiumForm input, .premiumForm textarea { width:100%; border:1px solid rgba(230,189,97,.20); border-radius:0; outline:none; background:rgba(255,255,255,.025); color:#fff; padding:15px 16px; font:inherit; transition:.2s ease; }
.premiumForm textarea { resize:vertical; min-height:170px; }
.premiumForm input:focus, .premiumForm textarea:focus { border-color:rgba(230,189,97,.72); background:rgba(230,189,97,.035); }
.conversationSubmit { align-self:flex-start; min-height:52px; padding:0 24px; border:0; border-radius:14px; display:inline-flex; align-items:center; gap:18px; cursor:pointer; color:#17130a; background:linear-gradient(135deg,#f3d786 0%,#d2a33d 100%); font-family:"Cormorant Garamond",Georgia,serif; font-size:18px; font-weight:700; }
.formNote { max-width:640px; margin:0; color:rgba(255,255,255,.48); font-family:"Cormorant Garamond",Georgia,serif; font-size:16px; font-style:italic; line-height:1.5; }
.connectFooter { padding:28px clamp(24px,6vw,96px); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.connectFooter > div { display:flex; flex-direction:column; gap:3px; }
.connectFooter strong { color:#e9cf83; font-family:"Cormorant Garamond",Georgia,serif; font-size:18px; }
.connectFooter span, .connectFooter p { color:rgba(255,255,255,.48); font-size:11px; }
.connectFooter p { margin:0; }

@media (max-width:1100px) {
  .conversationGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .conversationCard:last-child { grid-column:span 2; }
}
@media (max-width:900px) {
  .connectHeader { min-height:68px; padding:12px 16px; }
  .connectBrand img { width:28px; height:28px; }
  .connectBrand > span { font-size:22px; }
  .connectBack { font-size:14px; }
  .connectHero { min-height:auto; grid-template-columns:1fr; }
  .connectIntro { order:2; padding:56px 20px 64px; }
  .connectPortrait { order:1; min-height:420px; }
  .connectPortraitShade { background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72)); }
  .connectIntro h1 { font-size:clamp(52px,12vw,76px); }
  .connectLead { font-size:15px; }
  .conversationSection, .contactSection { padding:62px 18px; }
  .contactSection { grid-template-columns:1fr; gap:44px; }
  .contactStatement { position:static; }
}
@media (max-width:640px) {
  .conversationGrid { grid-template-columns:1fr; }
  .conversationCard:last-child { grid-column:auto; }
  .conversationCard { min-height:245px; }
  .formRow { grid-template-columns:1fr; }
  .connectPortrait { min-height:360px; }
  .connectPortraitNote { right:16px; bottom:16px; }
  .connectFooter { align-items:flex-start; flex-direction:column; }
  .connectFooter p { line-height:1.5; }
}


/* V20 — active direct contact details on /connect */
.directContact {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-width: 720px;
}

.directContactItem {
  min-height: 78px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 14px;
  text-decoration: none;
  border: 1px solid rgba(230,189,97,.22);
  background: rgba(255,255,255,.025);
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.directContactItem:hover {
  transform: translateY(-3px);
  border-color: rgba(230,189,97,.62);
  background: rgba(230,189,97,.055);
}

.directContactLabel {
  grid-column: 1;
  color: rgba(255,255,255,.48);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.directContactItem strong {
  grid-column: 1;
  color: #f0d58c;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 18px;
  font-weight: 600;
}

.directContactArrow {
  grid-column: 2;
  grid-row: 1 / span 2;
  color: #e6bd61;
  font-size: 18px;
}

.connectFooterContacts {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end;
  gap: 4px !important;
}

.connectFooterContacts a {
  color: #e9cf83;
  text-decoration: none;
  font-size: 11px;
  transition: color .2s ease;
}

.connectFooterContacts a:hover {
  color: #fff;
}

@media (max-width: 900px) {
  .directContact {
    grid-template-columns: 1fr;
  }

  .connectFooterContacts {
    align-items: flex-start;
  }
}


/* V22 — PREMIUM CORPORATE EDITORIAL PAGES */
.brandPage{min-height:100vh;background:#090a09;color:#fff}.corporateHeader{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;min-height:78px;padding:12px clamp(20px,5vw,76px);background:rgba(6,7,7,.90);border-bottom:1px solid rgba(230,189,97,.15);backdrop-filter:blur(18px)}.corporateBrand{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.corporateBrand img{width:32px;height:32px;object-fit:contain}.corporateBrand>span{font-family:"Cormorant Garamond",Georgia,serif;color:#f0d484;font-size:25px;font-weight:700}.corporateBrand>span span{color:#e6bd61}.corporateNav{justify-self:center;display:flex;gap:clamp(20px,2.5vw,42px)}.corporateNav a,.corporateMobileStrip a{position:relative;color:rgba(255,255,255,.74);text-decoration:none;font-family:"Cormorant Garamond",Georgia,serif;font-size:17px;font-weight:600}.corporateNav a.isActive,.corporateNav a:hover,.corporateMobileStrip a.isActive{color:#f0d484}.corporateNav a.isActive:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:#e6bd61}.corporateTalk{justify-self:end;display:inline-flex;gap:14px;align-items:center;padding:11px 17px;border-radius:12px;background:linear-gradient(135deg,#f3d786,#d2a33d);color:#17130a;text-decoration:none;font-family:"Cormorant Garamond",Georgia,serif;font-size:16px;font-weight:700}.corporateMobileStrip{display:none}
.editorialHero{position:relative;min-height:670px;display:flex;align-items:center;overflow:hidden;background-size:cover;background-position:center}.editorialHero--vision{background-image:url('/images/hero-05.png')}.editorialHero--philosophy{background-image:url('/images/hero-04.png')}.editorialHero--ventures{background-image:url('/images/hero-03.png')}.editorialHero--insights{background-image:url('/images/hero-02.png')}.editorialHero--story{background-image:url('/images/hero-01.png')}.editorialShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.93) 0%,rgba(5,7,8,.70) 42%,rgba(5,7,8,.15) 72%),linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.54))}.editorialHero--philosophy .editorialShade,.editorialHero--insights .editorialShade{background:linear-gradient(270deg,rgba(5,7,8,.93) 0%,rgba(5,7,8,.70) 42%,rgba(5,7,8,.14) 72%),linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.52))}.editorialHeroContent{position:relative;z-index:2;width:min(820px,56vw);margin-left:clamp(30px,7vw,118px)}.editorialHeroContent.rightAligned{margin-left:auto;margin-right:clamp(30px,7vw,118px)}.editorialEyebrow,.sectionHeadingSmall{color:#e6bd61;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.editorialHero h1{margin:20px 0 24px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(62px,6.3vw,104px);line-height:.87;font-weight:600;letter-spacing:-.05em}.editorialHero h1 em{display:block;color:#f0d17c;font-weight:500}.editorialHero p{max-width:690px;margin:0;color:rgba(255,255,255,.76);font-size:17px;line-height:1.7}.editorialQuote{margin-top:28px;color:#e8ca76;font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;font-style:italic}.manifestoBand{min-height:66px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(230,189,97,.18);border-bottom:1px solid rgba(230,189,97,.16);background:#0c0e0e;color:#d7b95f;font-size:9px;font-weight:600;letter-spacing:.18em}.pageSection{padding:clamp(70px,8vw,120px) clamp(24px,7vw,110px);border-bottom:1px solid rgba(230,189,97,.11)}.splitEditorial,.philosophyIntro,.venturesIntro,.insightIntro,.storyIntro{display:grid;grid-template-columns:.28fr 1fr;gap:50px}.sectionIndex{color:#c8a64f;font-size:10px;letter-spacing:.18em}.pageSection h2,.statementPanel h2,.legacyPanel h2{margin:0 0 24px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(46px,5vw,76px);line-height:.92;font-weight:600;letter-spacing:-.04em}.pageSection h2 em,.legacyPanel h2 em{color:#edcf7a;font-weight:500}.leadCopy{max-width:840px;color:rgba(255,255,255,.65);font-size:18px;line-height:1.75}.principleGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(230,189,97,.13);padding-top:1px;padding-bottom:1px}.principleGrid article{background:#0a0b0b;padding:36px 28px;min-height:250px}.principleGrid article>span,.philosophyCards article>span,.insightList article>span{color:#d6b45b;font-size:10px;letter-spacing:.16em}.principleGrid h3,.philosophyCards h3,.insightList h3{font-family:"Cormorant Garamond",Georgia,serif;color:#f1d58a;font-size:26px;line-height:1.05}.principleGrid p,.philosophyCards p,.insightList p{color:rgba(255,255,255,.58);font-size:13px;line-height:1.65}.visionArchitecture{text-align:center}.visionArchitecture h2{margin-top:12px}.architectureRow{display:flex;align-items:center;justify-content:center;gap:18px;margin:48px auto 28px;flex-wrap:wrap}.architectureRow a{min-width:190px;padding:24px;border:1px solid rgba(230,189,97,.24);text-decoration:none;background:rgba(255,255,255,.02)}.architectureRow a strong{display:block;color:#edcf7a;font-family:"Cormorant Garamond",Georgia,serif;font-size:24px}.architectureRow a span{color:rgba(255,255,255,.48);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.architectureRow i{color:#e6bd61}.centerCopy{color:rgba(255,255,255,.55)}.futureGrid{display:grid;grid-template-columns:.2fr .9fr 1fr;gap:42px}.futureStatement p{color:rgba(255,255,255,.60);line-height:1.7}.futureList{display:grid;gap:1px;background:rgba(230,189,97,.13)}.futureList div{background:#0a0b0b;padding:24px}.futureList strong{display:block;color:#e9cd79;font-family:"Cormorant Garamond",Georgia,serif;font-size:21px}.futureList span{color:rgba(255,255,255,.48);font-size:12px}.editorialCta{display:inline-flex;margin-top:24px;padding:13px 18px;border:1px solid #d5ad4e;color:#eccd75;text-decoration:none}.editorialFooter{padding:28px clamp(24px,6vw,96px);display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:#050606}.editorialFooter span{color:#d7b85f;font-size:9px;letter-spacing:.2em}.editorialFooter strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:18px;font-weight:500;color:rgba(255,255,255,.72)}.editorialFooter a{color:#e6bd61;text-decoration:none;font-size:11px}.philosophyCards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.philosophyCards article{padding:34px 28px;border:1px solid rgba(230,189,97,.18);background:linear-gradient(180deg,rgba(230,189,97,.04),transparent);min-height:330px}.philosophyCards h3{font-size:30px}.beliefSection{display:grid;grid-template-columns:1fr .85fr;gap:70px}.beliefList{display:grid;gap:1px;background:rgba(230,189,97,.12)}.beliefList p{margin:0;padding:20px;background:#0a0b0b;color:rgba(255,255,255,.60)}.beliefList strong{color:#e7c872}.statementPanel{padding:clamp(80px,10vw,150px) clamp(24px,9vw,150px);text-align:center;background:radial-gradient(circle at center,rgba(230,189,97,.09),transparent 42%),#070808}.statementPanel>span{color:#d4b258;font-size:9px;letter-spacing:.22em}.statementPanel blockquote{max-width:1000px;margin:28px auto;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(42px,5vw,72px);line-height:1;font-style:italic;color:#f2d78d}.statementPanel a,.integrationStatement a{color:#e6bd61;text-decoration:none}.ventureStack{padding-top:0}.ventureFeature{display:grid;grid-template-columns:.15fr .55fr 1fr;gap:34px;padding:48px 0;border-bottom:1px solid rgba(230,189,97,.15)}.ventureNo{color:#c9a650;font-size:11px;letter-spacing:.2em}.ventureName>span{color:rgba(255,255,255,.45);font-size:9px;letter-spacing:.16em}.ventureName h2{margin:6px 0 5px;font-size:54px}.ventureName em{color:#e7c86f;font-family:"Cormorant Garamond",Georgia,serif;font-size:18px}.ventureDesc p{color:rgba(255,255,255,.62);line-height:1.7}.venturePillars{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.venturePillars span{padding:7px 10px;border:1px solid rgba(230,189,97,.19);color:#d9bd6b;font-size:10px}.integrationStatement{padding:clamp(80px,10vw,150px) clamp(24px,8vw,130px);text-align:center;background:#0d1010}.integrationStatement>span{color:#caa94f;font-size:9px;letter-spacing:.2em}.integrationStatement h2{max-width:1100px;margin:22px auto;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(48px,5vw,78px);line-height:.95;color:#f1d485}.integrationStatement p{color:rgba(255,255,255,.52)}.insightList{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(230,189,97,.12);padding-top:1px;padding-bottom:1px}.insightList article{background:#090a09;padding:36px;min-height:250px}.insightList h3{font-size:31px;max-width:600px}.strategyFramework{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.frameworkSteps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(230,189,97,.12)}.frameworkSteps div{padding:30px;background:#0a0b0b}.frameworkSteps strong{display:block;color:#e9ce7b;font-family:"Cormorant Garamond",Georgia,serif;font-size:26px}.frameworkSteps span{color:rgba(255,255,255,.48);font-size:12px}.timeline{padding-top:30px}.timeline article{display:grid;grid-template-columns:.26fr 1fr;gap:40px;padding:28px 0;border-bottom:1px solid rgba(230,189,97,.13)}.timelineYear{font-family:"Cormorant Garamond",Georgia,serif;color:#e6c871;font-size:34px}.timeline article span{display:block;color:#e8ca75;font-family:"Cormorant Garamond",Georgia,serif;font-size:25px}.timeline article p{max-width:850px;color:rgba(255,255,255,.57);line-height:1.65}.founderLearning{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.learningGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(230,189,97,.13)}.learningGrid p{margin:0;padding:26px;background:#090a09;color:rgba(255,255,255,.63);line-height:1.55}.legacyPanel{display:grid;grid-template-columns:.8fr 1.2fr;min-height:640px;background:#0c0e0e}.legacyPhoto{position:relative;overflow:hidden}.legacyPhoto img{width:100%;height:100%;object-fit:cover}.legacyPanel>div:last-child{padding:clamp(60px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.legacyPanel>div:last-child>span{color:#d0ad51;font-size:9px;letter-spacing:.2em}.legacyPanel p{color:rgba(255,255,255,.58);line-height:1.7}
@media(max-width:900px){.corporateHeader{grid-template-columns:1fr auto;padding:10px 14px 54px;min-height:102px}.corporateNav{display:none}.corporateBrand img{width:26px;height:26px}.corporateBrand>span{font-size:20px}.corporateTalk{padding:9px 12px;font-size:14px}.corporateMobileStrip{position:absolute;left:0;right:0;bottom:0;height:42px;display:flex;align-items:center;gap:20px;padding:0 14px;overflow-x:auto;white-space:nowrap;background:rgba(14,16,17,.58);border-top:1px solid rgba(255,255,255,.05);scrollbar-width:none}.corporateMobileStrip::-webkit-scrollbar{display:none}.corporateMobileStrip a{font-size:14px;flex:0 0 auto}.editorialHero{min-height:720px;background-image:none!important}.editorialHero:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center}.editorialHero--vision:before{background-image:url('/images/mobile-hero-04.png')}.editorialHero--philosophy:before{background-image:url('/images/mobile-hero-03.png')}.editorialHero--ventures:before{background-image:url('/images/mobile-hero-01.png')}.editorialHero--insights:before{background-image:url('/images/mobile-hero-02.png')}.editorialHero--story:before{background-image:url('/images/mobile-hero-05.png')}.editorialShade,.editorialHero--philosophy .editorialShade,.editorialHero--insights .editorialShade{background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.25) 38%,rgba(0,0,0,.91) 100%)}.editorialHeroContent,.editorialHeroContent.rightAligned{width:auto;margin:0;align-self:flex-end;padding:42px 20px 54px}.editorialHero h1{font-size:clamp(52px,13vw,72px)}.editorialHero p{font-size:14px}.manifestoBand{overflow-x:auto;justify-content:flex-start;white-space:nowrap}.splitEditorial,.philosophyIntro,.venturesIntro,.insightIntro,.storyIntro,.futureGrid,.beliefSection,.strategyFramework,.founderLearning,.legacyPanel{grid-template-columns:1fr}.principleGrid,.philosophyCards{grid-template-columns:1fr 1fr}.ventureFeature{grid-template-columns:.14fr 1fr}.ventureDesc{grid-column:2}.insightList{grid-template-columns:1fr}.editorialFooter{grid-template-columns:1fr;gap:9px}.pageSection{padding:64px 20px}.architectureRow i{display:none}.timeline article{grid-template-columns:1fr}.legacyPhoto{min-height:500px}}
@media(max-width:600px){.principleGrid,.philosophyCards,.frameworkSteps,.learningGrid{grid-template-columns:1fr}.philosophyCards article{min-height:auto}.ventureFeature{grid-template-columns:1fr}.ventureDesc{grid-column:auto}.ventureName h2{font-size:46px}.editorialHero{min-height:680px}.editorialHeroContent,.editorialHeroContent.rightAligned{padding:34px 16px 44px}.editorialHero h1{font-size:clamp(46px,12vw,62px)}.leadCopy{font-size:16px}.legacyPhoto{min-height:420px}}

/* V23 — premium editorial inner-page system */
.corporateHeader{
  min-height:72px;
  padding-top:9px;
  padding-bottom:9px;
}
.corporateBrand img{width:28px;height:28px}
.corporateBrand>span{font-size:23px}
.corporateNav{gap:clamp(18px,2.2vw,36px)}
.corporateNav a{font-size:16px}
.corporateTalk{padding:10px 16px;font-size:15px;border-radius:11px}

.editorialHero{
  min-height:590px;
  height:72vh;
  max-height:720px;
  align-items:center;
  border-bottom:1px solid rgba(230,189,97,.14);
}
.editorialHeroContent{
  width:min(700px,47vw);
  margin-left:clamp(42px,6.6vw,108px);
  transform:translateY(-2%);
}
.editorialHeroContent.rightAligned{
  margin-left:auto;
  margin-right:clamp(42px,6.6vw,108px);
}
.editorialHero h1{
  margin:17px 0 20px;
  font-size:clamp(52px,5.15vw,82px);
  line-height:.91;
  letter-spacing:-.044em;
}
.editorialHero p{
  max-width:630px;
  font-size:15px;
  line-height:1.62;
}
.editorialQuote{margin-top:20px;font-size:19px}

/* Distinct visual character for each page */
.editorialHero--vision{background-position:18% center}
.editorialHero--vision .editorialShade{
  background:linear-gradient(270deg,rgba(5,7,8,.94) 0%,rgba(5,7,8,.70) 40%,rgba(5,7,8,.13) 70%),linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.50));
}
.editorialHero--philosophy{background-position:22% center}
.editorialHero--philosophy .editorialShade{
  background:linear-gradient(270deg,rgba(5,7,8,.94) 0%,rgba(5,7,8,.68) 41%,rgba(5,7,8,.10) 71%),linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.50));
}
.editorialHero--ventures{background-position:63% center}
.editorialHero--ventures .editorialShade{
  background:linear-gradient(90deg,rgba(5,7,8,.95) 0%,rgba(5,7,8,.72) 38%,rgba(5,7,8,.12) 67%),linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.52));
}
.editorialHero--insights{background-position:72% center}
.editorialHero--insights .editorialShade{
  background:linear-gradient(90deg,rgba(5,7,8,.95) 0%,rgba(5,7,8,.72) 39%,rgba(5,7,8,.14) 68%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.50));
}
.editorialHero--story{background-position:17% center}
.editorialHero--story .editorialShade{
  background:linear-gradient(270deg,rgba(5,7,8,.95) 0%,rgba(5,7,8,.70) 42%,rgba(5,7,8,.11) 71%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.52));
}

/* Page-specific lower hero rails: editorial cues that invite scrolling */
.heroMetaRail,.heroInsightRail,.storyTimelineRail,.heroArchitectureRail{
  position:absolute;
  z-index:4;
  left:clamp(42px,6.6vw,108px);
  right:clamp(42px,6.6vw,108px);
  bottom:22px;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:22px;
  padding-top:14px;
  border-top:1px solid rgba(230,189,97,.26);
  color:rgba(255,255,255,.66);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.heroMetaRail span,.heroInsightRail span{display:flex;align-items:center;gap:8px}
.heroMetaRail b,.heroInsightRail b{color:#e6bd61;font-weight:600}
.heroMetaRail--vision{justify-content:flex-end}
.heroMetaRail--philosophy{justify-content:flex-end}
.heroMetaRail--philosophy span+span:before{content:'·';color:#e6bd61;margin-right:14px}

.heroArchitectureRail{gap:14px}
.heroArchitectureRail a{
  min-width:130px;
  display:flex;
  flex-direction:column;
  gap:2px;
  color:#fff;
  text-decoration:none;
  text-transform:none;
  letter-spacing:0;
}
.heroArchitectureRail a b{font-family:"Cormorant Garamond",Georgia,serif;color:#efd17b;font-size:17px;font-weight:600}
.heroArchitectureRail a span{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.48)}
.heroArchitectureRail i,.storyTimelineRail i{color:#e6bd61;font-style:normal}

.heroInsightRail span{padding-right:24px;border-right:1px solid rgba(255,255,255,.13)}
.heroInsightRail span:last-child{border-right:0}

.storyTimelineRail{justify-content:flex-end;gap:13px}
.storyTimelineRail span{display:flex;flex-direction:column;color:#e8ca75;font-family:"Cormorant Garamond",Georgia,serif;font-size:16px;letter-spacing:0;text-transform:none}
.storyTimelineRail small{margin-top:2px;color:rgba(255,255,255,.48);font-family:Inter,system-ui,sans-serif;font-size:7px;letter-spacing:.1em;text-transform:uppercase}

/* Let the next section appear sooner and keep pages editorial, not slide-like */
.manifestoBand{min-height:54px}
.pageSection{padding-top:clamp(62px,6.7vw,96px);padding-bottom:clamp(62px,6.7vw,96px)}
.splitEditorial,.philosophyIntro,.venturesIntro,.insightIntro,.storyIntro{gap:40px}
.pageSection h2,.statementPanel h2,.legacyPanel h2{font-size:clamp(42px,4.3vw,68px)}

@media(max-width:1100px){
  .editorialHeroContent{width:min(650px,53vw)}
  .editorialHero h1{font-size:clamp(48px,5.5vw,72px)}
}

@media(max-width:900px){
  .corporateHeader{min-height:98px;padding:9px 14px 50px}
  .corporateBrand img{width:25px;height:25px}
  .corporateBrand>span{font-size:19px}
  .editorialHero{
    height:auto;
    min-height:680px;
    max-height:none;
  }
  .editorialHeroContent,.editorialHeroContent.rightAligned{
    width:auto;
    margin:0;
    align-self:flex-end;
    padding:38px 20px 96px;
    transform:none;
  }
  .editorialHero h1{font-size:clamp(48px,12vw,66px)}
  .editorialHero p{font-size:14px}
  .heroMetaRail,.heroInsightRail,.storyTimelineRail,.heroArchitectureRail{
    left:20px;right:20px;bottom:18px;
    min-height:54px;
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;
    justify-content:flex-start;
  }
  .heroMetaRail::-webkit-scrollbar,.heroInsightRail::-webkit-scrollbar,.storyTimelineRail::-webkit-scrollbar,.heroArchitectureRail::-webkit-scrollbar{display:none}
  .heroArchitectureRail a{min-width:116px}
  .storyTimelineRail{gap:10px}
  .editorialHero--vision:before{background-position:center}
  .editorialHero--philosophy:before{background-position:center}
  .editorialHero--ventures:before{background-position:center}
  .editorialHero--insights:before{background-position:center}
  .editorialHero--story:before{background-position:center}
}

@media(max-width:600px){
  .editorialHero{min-height:650px}
  .editorialHeroContent,.editorialHeroContent.rightAligned{padding:30px 16px 92px}
  .editorialHero h1{font-size:clamp(44px,11.6vw,58px)}
  .heroMetaRail,.heroInsightRail,.storyTimelineRail,.heroArchitectureRail{left:16px;right:16px;gap:14px}
  .heroInsightRail span{padding-right:14px}
}


/* V25 — text-only founder philosophies, no supplied poster images */

/* Keep Vision hero copy off the person */
.editorialHero--vision {
  background-position: 74% center !important;
}
.editorialHero--vision .editorialShade {
  background:
    linear-gradient(90deg, rgba(5,7,8,.95) 0%, rgba(5,7,8,.76) 38%, rgba(5,7,8,.18) 66%, rgba(5,7,8,.05) 100%),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.48)) !important;
}
.editorialHero--vision .editorialHeroContent {
  margin-left: clamp(42px,6.6vw,108px) !important;
  margin-right: auto !important;
  width: min(650px, 43vw) !important;
}
.editorialHero--vision .editorialHeroContent h1 {
  max-width: 640px;
}
.editorialHero--vision .editorialHeroContent p {
  max-width: 590px;
}

/* Premium statement system */
.founderStatementSection {
  display: grid;
  grid-template-columns: .22fr 1fr;
  gap: 44px 60px;
  background:
    radial-gradient(circle at 88% 12%, rgba(230,189,97,.055), transparent 30%),
    #0a0b0b;
}

.founderStatementLead {
  max-width: 950px;
}
.founderStatementLead h2 {
  margin-bottom: 20px;
}
.founderStatementLead p {
  max-width: 860px;
  margin: 0;
  color: rgba(255,255,255,.62);
  line-height: 1.72;
  font-size: 16px;
}

.founderStatementGrid {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}

.founderStatementGrid--three {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

.founderStatementGrid article {
  position: relative;
  min-height: 260px;
  padding: 30px 28px 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(230,189,97,.18);
  background:
    linear-gradient(180deg, rgba(230,189,97,.05), rgba(255,255,255,.012));
}

.founderStatementGrid article::before {
  content: "“";
  position: absolute;
  top: 14px;
  right: 22px;
  color: rgba(230,189,97,.18);
  font-family: Georgia, serif;
  font-size: 72px;
  line-height: 1;
}

.founderStatementGrid article > span {
  color: #d6b45b;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .18em;
}

.founderStatementGrid blockquote {
  position: relative;
  z-index: 1;
  margin: 30px 0 0;
  color: rgba(255,255,255,.82);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 25px;
  line-height: 1.14;
  font-style: italic;
}

/* Ventures: customer outcome, no image */
.customerOutcomeSection {
  display: grid;
  grid-template-columns: .22fr 1fr;
  gap: 36px 60px;
  background: #0d1010;
}

.customerOutcomeCopy {
  max-width: 1000px;
}

.customerOutcomeCopy h2 {
  max-width: 1000px;
}

.customerPromiseRail {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 1px;
  background: rgba(230,189,97,.12);
}

.customerPromiseRail span {
  min-height: 130px;
  padding: 24px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  background: #090a09;
}

.customerPromiseRail strong {
  color: #ebcf79;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 24px;
}

.customerPromiseRail small {
  color: rgba(255,255,255,.48);
  font-size: 11px;
  line-height: 1.5;
}

/* Insights value principle */
.valuePrinciple {
  grid-column: 2;
  margin-top: 4px;
  padding: 34px 38px;
  border-left: 2px solid #e6bd61;
  background: linear-gradient(90deg, rgba(230,189,97,.07), transparent);
}

.valuePrinciple > span {
  color: #d2ae50;
  font-size: 9px;
  letter-spacing: .2em;
}

.valuePrinciple blockquote {
  margin: 14px 0 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(38px,4vw,62px);
  line-height: .98;
  color: #fff;
}

.valuePrinciple blockquote em {
  color: #edcf78;
  font-weight: 500;
}

/* Story: remove left picture entirely */
.legacyPanel--textOnly {
  display: block !important;
  min-height: auto !important;
  padding: clamp(86px,9vw,135px) clamp(24px,9vw,145px);
  background:
    radial-gradient(circle at 80% 15%, rgba(230,189,97,.08), transparent 32%),
    #0c0e0e;
}

.legacyPanel--textOnly > div {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 !important;
  display: block !important;
}

.legacyMissionQuote {
  margin: 32px 0;
  max-width: 820px;
  color: #edcf78;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(30px,3.5vw,52px);
  line-height: 1.05;
  font-style: italic;
}

.missionProgression {
  margin: 36px 0 8px;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 24px 0;
  border-top: 1px solid rgba(230,189,97,.18);
  border-bottom: 1px solid rgba(230,189,97,.18);
}

.missionProgression span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255,255,255,.66);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.missionProgression b {
  color: #e6bd61;
  font-size: 9px;
}

.missionProgression i {
  color: #e6bd61;
  font-style: normal;
}

/* Keep every hero's text and face visually separated on desktop */
@media (min-width: 901px) {
  .editorialHero--philosophy .editorialHeroContent.rightAligned {
    width: min(660px, 42vw);
  }
  .editorialHero--ventures .editorialHeroContent,
  .editorialHero--insights .editorialHeroContent {
    width: min(650px, 42vw);
  }
  .editorialHero--story .editorialHeroContent.rightAligned {
    width: min(650px, 42vw);
  }
}

@media (max-width: 1100px) {
  .founderStatementGrid--three {
    grid-template-columns: 1fr;
  }
  .customerPromiseRail {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 900px) {
  .editorialHero--vision:before {
    background-position: center !important;
  }
  .editorialHero--vision .editorialHeroContent {
    width: auto !important;
    margin: 0 !important;
  }

  .founderStatementSection,
  .customerOutcomeSection {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .founderStatementGrid,
  .customerPromiseRail,
  .valuePrinciple {
    grid-column: 1;
  }

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

  .legacyPanel--textOnly {
    padding: 64px 20px;
  }
}

@media (max-width: 600px) {
  .customerPromiseRail {
    grid-template-columns: 1fr;
  }

  .founderStatementGrid article {
    min-height: auto;
  }

  .founderStatementGrid blockquote {
    font-size: 22px;
  }

  .missionProgression {
    gap: 10px;
  }
}


/* V26 — reliable contact submission, enquiry console and WhatsApp */
.conversationCard {
  appearance: none;
  text-align: left;
  color: inherit;
  font: inherit;
}
.conversationCard.isSelected {
  border-color: #e6bd61 !important;
  background: linear-gradient(180deg, rgba(230,189,97,.13), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(230,189,97,.20);
}
.conversationCard.isSelected .conversationSelect {
  color: #efd77f;
}

.directContact {
  grid-template-columns: repeat(3, minmax(0,1fr));
}
.directContactItem--whatsapp {
  border-color: rgba(106, 201, 129, .32);
}
.directContactItem--whatsapp strong {
  color: #a7e5b3;
}

.selectedConversation {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border-left: 2px solid #e6bd61;
  background: rgba(230,189,97,.045);
}
.selectedConversation span {
  color: rgba(255,255,255,.42);
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.selectedConversation strong {
  color: #edd27c;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 18px;
  font-weight: 600;
}

.contactHoneypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.contactFormActions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.conversationSubmit:disabled {
  opacity: .68;
  cursor: wait;
}
.whatsappSecondary {
  min-height: 52px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(110, 210, 133, .38);
  border-radius: 14px;
  color: #b5eabf;
  text-decoration: none;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 17px;
  transition: .2s ease;
}
.whatsappSecondary:hover {
  background: rgba(92, 190, 115, .08);
  border-color: rgba(110, 210, 133, .68);
}


.contactFormError,
.enquiryError {
  padding: 12px 14px;
  border: 1px solid rgba(218, 94, 94, .35);
  background: rgba(218, 94, 94, .07);
  color: #efb0b0;
  font-size: 12px;
}

.contactSuccess {
  align-self: center;
  padding: clamp(28px,4vw,52px);
  border: 1px solid rgba(230,189,97,.24);
  background:
    radial-gradient(circle at 86% 10%, rgba(230,189,97,.09), transparent 38%),
    rgba(255,255,255,.018);
}
.contactSuccessKicker {
  color: #e6bd61;
  font-size: 9px;
  letter-spacing: .18em;
}
.contactSuccess h2 {
  margin: 12px 0 16px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(42px,5vw,66px);
  line-height: .95;
}
.contactSuccess h2 em {
  color: #e9c96e;
  font-weight: 500;
}
.contactSuccess p {
  max-width: 590px;
  color: rgba(255,255,255,.62);
  line-height: 1.65;
}
.contactReference {
  margin: 20px 0;
  padding: 10px 12px;
  display: inline-block;
  border: 1px solid rgba(230,189,97,.18);
  color: #e7cb79;
  font-size: 11px;
  letter-spacing: .08em;
}
.contactSuccessActions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.contactSuccessActions button,
.contactSuccessActions a {
  min-height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(230,189,97,.28);
  background: transparent;
  color: #efd477;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
}
.contactSuccessActions a {
  border-color: rgba(103,196,124,.35);
  color: #b9e8c2;
}

/* Private enquiry console */
.enquiryConsole {
  min-height: 100vh;
  padding: clamp(26px,4vw,54px);
  background:
    radial-gradient(circle at 85% 8%, rgba(230,189,97,.07), transparent 30%),
    #090b0b;
  color: #fff;
}
.enquiryConsole--login {
  display: grid;
  place-items: center;
}
.enquiryLoginCard {
  width: min(520px, 100%);
  padding: 34px;
  border: 1px solid rgba(230,189,97,.20);
  background: rgba(255,255,255,.018);
}
.enquiryKicker {
  display: block;
  margin-top: 36px;
  color: #d7b85e;
  font-size: 9px;
  letter-spacing: .18em;
}
.enquiryLoginCard h1,
.enquiryConsoleHeader h1 {
  margin: 10px 0 8px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(42px,5vw,68px);
  line-height: .95;
}
.enquiryLoginCard p,
.enquiryConsoleHeader p {
  color: rgba(255,255,255,.52);
  line-height: 1.6;
}
.enquiryLoginForm {
  margin-top: 26px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.enquiryLoginForm label {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.enquiryLoginForm label span {
  color: rgba(255,255,255,.60);
  font-size: 11px;
}
.enquiryLoginForm input {
  padding: 14px;
  border: 1px solid rgba(230,189,97,.22);
  background: rgba(255,255,255,.025);
  color: #fff;
  outline: none;
}
.enquiryLoginForm button {
  min-height: 48px;
  border: 0;
  background: linear-gradient(135deg,#f1d27a,#d2a13a);
  color: #17130a;
  font-weight: 700;
  cursor: pointer;
}

.enquiryConsoleHeader {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(230,189,97,.16);
}
.enquiryConsoleHeader .enquiryKicker {
  margin: 0;
}
.enquiryConsoleActions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.enquiryConsoleActions a,
.enquiryConsoleActions button {
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(230,189,97,.22);
  background: transparent;
  color: #e8cc76;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
}

.enquiryList {
  width: min(1180px, 100%);
  margin: 32px auto 0;
  display: grid;
  gap: 14px;
}
.enquiryEmpty {
  padding: 42px;
  text-align: center;
  border: 1px solid rgba(230,189,97,.14);
  color: rgba(255,255,255,.48);
}
.enquiryCard {
  padding: 24px;
  border: 1px solid rgba(230,189,97,.16);
  background: rgba(255,255,255,.016);
}
.enquiryCardTop {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.enquiryCardTop h2 {
  margin: 5px 0 3px;
  font-family: "Cormorant Garamond", Georgia, serif;
  color: #efd37d;
  font-size: 30px;
}
.enquiryCardTop p {
  margin: 0;
  color: rgba(255,255,255,.44);
  font-size: 11px;
}
.enquiryCardTop time,
.enquiryRef {
  color: rgba(255,255,255,.38);
  font-size: 9px;
  letter-spacing: .08em;
}
.enquiryMeta {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}
.enquiryMeta a,
.enquiryMeta span {
  color: rgba(255,255,255,.64);
  text-decoration: none;
  font-size: 11px;
}
.enquiryTopic {
  margin-top: 18px;
  padding: 13px 15px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  border-left: 2px solid #e6bd61;
  background: rgba(230,189,97,.04);
}
.enquiryTopic span {
  color: #e7c86f;
  font-size: 11px;
}
.enquiryTopic strong {
  color: rgba(255,255,255,.72);
  font-size: 11px;
}
.enquiryMessage {
  white-space: pre-wrap;
  margin: 20px 0;
  color: rgba(255,255,255,.72);
  line-height: 1.65;
}
.enquiryQuickActions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}
.enquiryQuickActions a {
  padding: 9px 12px;
  border: 1px solid rgba(230,189,97,.18);
  color: #e7cb79;
  text-decoration: none;
  font-size: 10px;
}
.enquiryQuickActions a + a {
  border-color: rgba(103,196,124,.28);
  color: #b7e6c0;
}

@media (max-width: 900px) {
  .directContact {
    grid-template-columns: 1fr;
  }
  .enquiryConsoleHeader {
    align-items: flex-start;
    flex-direction: column;
  }
  .enquiryCardTop {
    flex-direction: column;
  }
}


/* V29 — Site Visitor Intelligence Dashboard */
.visitorConsole {
  min-height: 100vh;
  padding: clamp(26px,4vw,56px);
  background:
    radial-gradient(circle at 84% 6%, rgba(230,189,97,.075), transparent 30%),
    #090b0b;
  color: #fff;
}
.visitorConsole--login {
  display: grid;
  place-items: center;
}
.visitorLoginCard {
  width: min(540px,100%);
  padding: 36px;
  border: 1px solid rgba(230,189,97,.20);
  background: rgba(255,255,255,.018);
}
.visitorLoginCard h1,
.visitorConsoleHeader h1 {
  margin: 10px 0 8px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(44px,5vw,70px);
  line-height: .95;
}
.visitorLoginCard p,
.visitorConsoleHeader p {
  color: rgba(255,255,255,.50);
  line-height: 1.6;
}
.visitorConsoleHeader {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(230,189,97,.16);
}
.visitorConsoleHeader .enquiryKicker { margin: 0; }
.visitorConsoleActions {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.visitorConsoleActions a,
.visitorConsoleActions button {
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(230,189,97,.20);
  background: transparent;
  color: #e7ca74;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
}

.visitorMetricGrid {
  margin: 30px 0;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}
.visitorMetricGrid article {
  min-height: 180px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(230,189,97,.15);
  background: linear-gradient(180deg,rgba(230,189,97,.045),rgba(255,255,255,.012));
}
.visitorMetricGrid article > span,
.visitorInsightCard > span,
.recentVisitorHeading > span {
  color: #d2af52;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .17em;
}
.visitorMetricGrid strong {
  margin-top: auto;
  color: #f0d27b;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 58px;
  line-height: .8;
}
.visitorMetricGrid small {
  margin-top: 12px;
  color: rgba(255,255,255,.45);
  font-size: 10px;
}
.visitorMetricGrid b {
  margin-top: 10px;
  color: rgba(255,255,255,.70);
  font-size: 11px;
  font-weight: 500;
}

.visitorInsightGrid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.visitorInsightCard {
  padding: 24px;
  border: 1px solid rgba(230,189,97,.14);
  background: rgba(255,255,255,.014);
}
.visitorInsightCard > p {
  color: rgba(255,255,255,.40);
}
.visitorRankRow {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid rgba(255,255,255,.055);
}
.visitorRankRow strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255,255,255,.70);
  font-size: 11px;
  font-weight: 500;
}
.visitorRankRow b {
  color: #e2c367;
  font-size: 11px;
}

.recentVisitorSection {
  margin-top: 36px;
  padding-top: 30px;
  border-top: 1px solid rgba(230,189,97,.15);
}
.recentVisitorHeading {
  max-width: 820px;
  margin-bottom: 22px;
}
.recentVisitorHeading h2 {
  margin: 7px 0 8px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 42px;
}
.recentVisitorHeading p {
  color: rgba(255,255,255,.43);
  line-height: 1.6;
  font-size: 11px;
}
.recentVisitorTableWrap {
  overflow-x: auto;
  border: 1px solid rgba(230,189,97,.13);
}
.recentVisitorTable {
  width: 100%;
  min-width: 880px;
  border-collapse: collapse;
}
.recentVisitorTable th,
.recentVisitorTable td {
  padding: 12px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(255,255,255,.05);
  font-size: 10px;
}
.recentVisitorTable th {
  color: #d1b15a;
  font-weight: 600;
  letter-spacing: .08em;
}
.recentVisitorTable td {
  color: rgba(255,255,255,.58);
}
.recentVisitorTable tbody tr:hover td {
  background: rgba(230,189,97,.025);
}

@media (max-width: 980px) {
  .visitorMetricGrid { grid-template-columns: 1fr 1fr; }
  .visitorConsoleHeader { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 900px) {
  .visitorMetricGrid,
  .visitorInsightGrid { grid-template-columns:1fr; }
  .visitorConsole { padding:20px 14px 36px; }
}


/* V30 — private dashboard links in contact page footer */
.privateAccessLinks {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;
}

.privateAccessLinks a {
  color: rgba(233, 207, 131, .58);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: color .2s ease;
}

.privateAccessLinks a:hover {
  color: #f0d58c;
}

.privateAccessLinks span {
  color: rgba(255,255,255,.20);
  font-size: 9px;
}

@media (max-width: 900px) {
  .privateAccessLinks {
    justify-content: flex-start;
  }
}


/* V31 — private admin password settings */
.settingsConsole {
  min-height: 100vh;
  padding: clamp(28px,4vw,58px);
  background:
    radial-gradient(circle at 82% 8%, rgba(230,189,97,.07), transparent 30%),
    #090b0b;
  color: #fff;
}

.settingsConsole--login {
  display: grid;
  place-items: center;
}

.settingsLoginCard {
  width: min(540px,100%);
  padding: 36px;
  border: 1px solid rgba(230,189,97,.20);
  background: rgba(255,255,255,.018);
}

.settingsLoginCard h1,
.settingsHeader h1 {
  margin: 10px 0 8px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(44px,5vw,70px);
  line-height: .95;
}

.settingsLoginCard p,
.settingsHeader p,
.passwordSettingsCard > p {
  color: rgba(255,255,255,.50);
  line-height: 1.6;
}

.settingsHeader {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(230,189,97,.16);
}

.settingsHeader .enquiryKicker {
  margin: 0;
}

.settingsNav {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

.settingsNav a,
.settingsNav button {
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(230,189,97,.20);
  background: transparent;
  color: #e7ca74;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
}

.passwordSettingsCard {
  width: min(760px,100%);
  margin: clamp(36px,5vw,70px) auto 0;
  padding: clamp(28px,4vw,48px);
  border: 1px solid rgba(230,189,97,.18);
  background:
    linear-gradient(180deg, rgba(230,189,97,.04), rgba(255,255,255,.012));
}

.settingsLabel {
  color: #d6b55d;
  font-size: 9px;
  letter-spacing: .18em;
}

.passwordSettingsCard h2 {
  margin: 9px 0 10px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(38px,4vw,58px);
  line-height: 1;
}

.passwordSettingsForm {
  margin-top: 30px;
  display: grid;
  gap: 16px;
}

.passwordSettingsForm label {
  display: grid;
  gap: 8px;
}

.passwordSettingsForm label span {
  color: rgba(255,255,255,.60);
  font-size: 11px;
}

.passwordSettingsForm input {
  min-height: 50px;
  padding: 0 14px;
  border: 1px solid rgba(230,189,97,.20);
  background: rgba(255,255,255,.025);
  color: #fff;
  outline: none;
}

.passwordSettingsForm input:focus {
  border-color: rgba(230,189,97,.60);
}

.passwordSettingsForm button {
  min-height: 50px;
  margin-top: 4px;
  border: 0;
  background: linear-gradient(135deg,#f1d27a,#d2a13a);
  color: #17130a;
  font-weight: 700;
  cursor: pointer;
}

.settingsSuccess,
.settingsError {
  margin-top: 22px;
  padding: 13px 14px;
  font-size: 11px;
}

.settingsSuccess {
  border: 1px solid rgba(92,188,111,.35);
  background: rgba(92,188,111,.07);
  color: #bce7c4;
}

.settingsError {
  border: 1px solid rgba(218,94,94,.35);
  background: rgba(218,94,94,.07);
  color: #efb0b0;
}

.settingsNote {
  margin-top: 24px;
  padding-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-top: 1px solid rgba(230,189,97,.12);
}

.settingsNote strong {
  color: #e6c86c;
  font-size: 11px;
}

.settingsNote span {
  color: rgba(255,255,255,.42);
  font-size: 10px;
}

@media (max-width: 760px) {
  .settingsHeader {
    align-items: flex-start;
    flex-direction: column;
  }

  .settingsConsole {
    padding: 20px 14px 36px;
  }
}


/* V33 — Story milestone dates */
.timelineDate{display:block;margin-top:6px;color:rgba(230,200,113,.68);font-family:Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.3}
@media(max-width:900px){.timelineDate{margin-top:4px;font-size:9px}}


/* V-PATCH — Tablet view intentionally uses the exact mobile composition.
   All former <=640px mobile refinements now apply through <=900px.
   Desktop (>900px) is unchanged. */


/* Tablet hero image correction: use the same portrait/mobile slide assets on tablets, including landscape tablets. */
@media (min-width: 901px) and (max-width: 1366px) {
  .heroPicture { position:absolute; inset:0; }
  .heroPicture .heroImage { width:100%; height:100%; object-fit:cover; }
}