body[data-page="home"] {
  --editorial-ivory: #f4ecde;
  --editorial-paper: #fffaf1;
  --editorial-forest: #22392f;
  --editorial-deep: #14271e;
  --editorial-brown: #493126;
  --editorial-muted: #79695c;
  --editorial-gold: #b38a4d;
  --editorial-terracotta: #a65035;
  --editorial-serif: "Cormorant Garamond", Georgia, serif;
}

.cinematic-bridge {
  position: relative;
  min-height: 100svh;
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  color: #fff8ec;
  background: var(--editorial-deep);
}

.cinematic-bridge__media,
.cinematic-bridge__media::after,
.cinematic-bridge__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.cinematic-bridge__media {
  z-index: -2;
}

.cinematic-bridge__media img {
  object-fit: cover;
  object-position: center;
  transform: scale(1.05);
  transition: transform 2.4s cubic-bezier(.2, .65, .2, 1);
}

.cinematic-bridge.is-in .cinematic-bridge__media img {
  transform: scale(1);
}

.cinematic-bridge__media::after {
  content: "";
  background:
    linear-gradient(180deg, rgba(15, 25, 20, .38), rgba(15, 25, 20, .64)),
    linear-gradient(90deg, rgba(23, 16, 11, .2), transparent 45%, rgba(23, 16, 11, .18));
}

.cinematic-bridge__frame {
  position: absolute;
  inset: clamp(22px, 3vw, 48px);
  border: 1px solid rgba(225, 195, 139, .38);
  pointer-events: none;
}

.cinematic-bridge__content {
  width: min(880px, calc(100% - 48px));
  text-align: center;
}

.cinematic-bridge__kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0 0 26px;
  color: #e2c794;
  font: 700 10px/1 Inter, sans-serif;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.cinematic-bridge__kicker::before,
.cinematic-bridge__kicker::after {
  content: "";
  width: 46px;
  height: 1px;
  background: currentColor;
  opacity: .7;
}

.cinematic-bridge h2 {
  margin: 0;
  font: 400 clamp(52px, 7vw, 104px)/.94 var(--editorial-serif);
  letter-spacing: -.045em;
  text-wrap: balance;
}

.cinematic-bridge h2 em {
  color: #ebd3a4;
  font-weight: 400;
}

.cinematic-bridge__scroll {
  position: absolute;
  bottom: clamp(32px, 5vh, 62px);
  left: 50%;
  display: grid;
  place-items: center;
  gap: 12px;
  color: rgba(255, 248, 236, .72);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .24em;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.cinematic-bridge__scroll::after {
  content: "";
  width: 1px;
  height: 48px;
  background: linear-gradient(#e2c794, transparent);
}

.home-journey {
  --journey-progress: 0;
  position: relative;
  padding: clamp(92px, 11vw, 178px) clamp(24px, 6vw, 96px);
  overflow: hidden;
  color: var(--editorial-brown);
  background:
    radial-gradient(circle at 7% 18%, rgba(179, 138, 77, .09), transparent 23rem),
    radial-gradient(circle at 94% 70%, rgba(34, 57, 47, .07), transparent 29rem),
    var(--editorial-ivory);
}

.home-journey::before {
  content: "";
  position: absolute;
  right: -8vw;
  top: 10%;
  width: 38vw;
  height: 62vw;
  min-width: 430px;
  opacity: .035;
  border-radius: 100% 0;
  background:
    repeating-linear-gradient(84deg, transparent 0 19px, var(--editorial-forest) 20px 21px),
    linear-gradient(135deg, var(--editorial-forest), transparent 65%);
  transform: rotate(-14deg);
  pointer-events: none;
}

.journey-ornament {
  position: absolute;
  pointer-events: none;
}

.journey-ornament--lamp {
  top: 124px;
  right: 8%;
  width: 28px;
  height: 66px;
  opacity: .18;
  border-bottom: 1px solid var(--editorial-gold);
}

.journey-ornament--lamp::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 17px;
  width: 2px;
  height: 42px;
  background: var(--editorial-gold);
  box-shadow: -7px 38px 0 2px var(--editorial-gold), 7px 38px 0 2px var(--editorial-gold);
}

.journey-ornament--lamp::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 10px;
  width: 20px;
  height: 10px;
  border: 1px solid var(--editorial-gold);
  border-radius: 50% 50% 70% 70%;
  box-shadow: 0 -7px 13px rgba(179, 138, 77, .55);
}

.journey-ornament--spice {
  left: 3.5%;
  top: 45%;
  width: 86px;
  height: 120px;
  opacity: .13;
  background:
    radial-gradient(circle at 10px 15px, var(--editorial-brown) 0 2px, transparent 3px),
    radial-gradient(circle at 46px 8px, var(--editorial-brown) 0 2px, transparent 3px),
    radial-gradient(circle at 75px 40px, var(--editorial-brown) 0 2px, transparent 3px),
    radial-gradient(circle at 24px 68px, var(--editorial-brown) 0 2px, transparent 3px),
    radial-gradient(circle at 64px 96px, var(--editorial-brown) 0 2px, transparent 3px);
}

.journey-ornament--temple {
  right: 4%;
  bottom: 4%;
  width: 155px;
  height: 195px;
  opacity: .045;
  background: var(--editorial-forest);
  clip-path: polygon(46% 0, 54% 0, 56% 8%, 62% 8%, 65% 18%, 71% 18%, 74% 30%, 80% 30%, 83% 43%, 89% 43%, 92% 58%, 97% 58%, 100% 100%, 0 100%, 3% 58%, 8% 58%, 11% 43%, 17% 43%, 20% 30%, 26% 30%, 29% 18%, 35% 18%, 38% 8%, 44% 8%);
}

.home-journey__intro {
  position: relative;
  z-index: 1;
  width: min(850px, 100%);
  margin: 0 auto clamp(80px, 10vw, 150px);
  text-align: center;
}

.home-journey__eyebrow,
.founder-editorial__eyebrow,
.home-gallery__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0 0 24px;
  color: var(--editorial-terracotta);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .26em;
  text-transform: uppercase;
}

.home-journey__eyebrow::before,
.home-journey__eyebrow::after,
.home-gallery__eyebrow::before,
.home-gallery__eyebrow::after {
  content: "";
  width: 36px;
  height: 1px;
  background: var(--editorial-gold);
}

.home-journey__intro h2 {
  margin: 0;
  color: var(--editorial-forest);
  font: 500 clamp(58px, 7.5vw, 112px)/.86 var(--editorial-serif);
  letter-spacing: -.055em;
}

.home-journey__intro h2 em {
  color: var(--editorial-terracotta);
  font-weight: 400;
}

.home-journey__intro p:last-child {
  max-width: 50ch;
  margin: 30px auto 0;
  color: var(--editorial-muted);
  font-size: 14px;
  line-height: 1.8;
}

.journey-stories {
  position: relative;
  width: min(1260px, 100%);
  margin: 0 auto;
}

.journey-thread,
.journey-thread__fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
}

.journey-thread {
  background: rgba(73, 49, 38, .14);
}

.journey-thread__fill {
  left: 0;
  background: linear-gradient(var(--editorial-gold), var(--editorial-terracotta), var(--editorial-gold));
  transform: scaleY(var(--journey-progress));
  transform-origin: top;
}

.story-chapter {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(68px, 10vw, 150px);
  align-items: center;
  min-height: 650px;
  padding: clamp(52px, 7vw, 104px) 0;
}

.story-chapter::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 11px;
  height: 11px;
  border: 7px solid var(--editorial-ivory);
  border-radius: 50%;
  background: var(--editorial-gold);
  box-shadow: 0 0 0 1px var(--editorial-gold);
  transform: translate(-50%, -50%);
}

.story-chapter__copy,
.story-chapter__media {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity .9s ease, transform .9s cubic-bezier(.2, .7, .2, 1);
}

.story-chapter:nth-child(even) .story-chapter__copy {
  transform: translate(24px, 50px);
}

.story-chapter:nth-child(odd) .story-chapter__media {
  transform: translate(-24px, 50px);
}

.story-chapter.is-in .story-chapter__copy,
.story-chapter.is-in .story-chapter__media {
  opacity: 1;
  transform: none;
}

.story-chapter__copy {
  max-width: 500px;
}

.story-chapter--reverse .story-chapter__media {
  order: -1;
}

.story-chapter__year {
  display: block;
  margin-bottom: 18px;
  color: var(--editorial-terracotta);
  font: 700 13px/1 Inter, sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.story-chapter h3 {
  margin: 0 0 22px;
  color: var(--editorial-forest);
  font: 500 clamp(46px, 5vw, 77px)/.9 var(--editorial-serif);
  letter-spacing: -.045em;
}

.story-chapter p {
  max-width: 42ch;
  margin: 0;
  color: var(--editorial-muted);
  font-size: 14px;
  line-height: 1.85;
}

.story-chapter__rule {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 30px;
}

.story-chapter__rule::before {
  content: "";
  width: 64px;
  height: 1px;
  background: var(--editorial-gold);
}

.story-chapter__rule i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--editorial-gold);
  box-shadow: 10px 3px 0 rgba(73, 49, 38, .38), 18px -2px 0 rgba(73, 49, 38, .22);
}

.story-chapter__media {
  position: relative;
  margin: 0;
}

.story-chapter__media::before {
  content: "";
  position: absolute;
  inset: -13px 13px 13px -13px;
  z-index: -1;
  border: 1px solid rgba(179, 138, 77, .55);
}

.story-chapter__media img {
  display: block;
  width: 100%;
  height: clamp(380px, 46vw, 590px);
  object-fit: cover;
  filter: saturate(.86) sepia(.05);
  transform: scale(1.05);
  transition: transform 1.5s cubic-bezier(.2, .65, .2, 1);
}

.story-chapter.is-in .story-chapter__media img {
  transform: scale(1);
}

.story-chapter__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 68%, rgba(20, 39, 30, .25));
  pointer-events: none;
}

.story-chapter--future::before {
  background: var(--editorial-forest);
  box-shadow: 0 0 0 1px var(--editorial-forest);
}

.founder-editorial {
  position: relative;
  padding: clamp(94px, 11vw, 178px) clamp(24px, 6vw, 96px);
  overflow: hidden;
  color: var(--editorial-brown);
  background:
    linear-gradient(90deg, rgba(34, 57, 47, .035) 1px, transparent 1px) 0 0 / 92px 100%,
    var(--editorial-paper);
}

.founder-editorial::before {
  content: "";
  position: absolute;
  left: -120px;
  bottom: -170px;
  width: 460px;
  height: 460px;
  opacity: .045;
  border: 1px solid var(--editorial-gold);
  border-radius: 50%;
  box-shadow: 0 0 0 34px var(--editorial-paper), 0 0 0 35px var(--editorial-gold), 0 0 0 70px var(--editorial-paper), 0 0 0 71px var(--editorial-gold);
}

.founder-editorial__inner {
  position: relative;
  width: min(1280px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(380px, .92fr) minmax(460px, 1.08fr);
  gap: clamp(60px, 9vw, 140px);
  align-items: center;
}

.founder-editorial__photo {
  position: relative;
  min-height: 700px;
  margin: 0;
  overflow: hidden;
  background: var(--editorial-forest);
}

.founder-editorial__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 250, 241, .22);
  box-shadow: inset 0 0 0 18px rgba(20, 39, 30, .08);
  pointer-events: none;
}

.founder-editorial__photo img {
  width: 100%;
  height: 100%;
  min-height: 700px;
  display: block;
  object-fit: cover;
  filter: saturate(.78) sepia(.08);
  transform: scale(1.05);
  transition: transform 1.7s cubic-bezier(.2, .65, .2, 1);
}

.founder-editorial__photo.is-in img {
  transform: scale(1);
}

.founder-editorial__letter {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity .9s ease, transform .9s cubic-bezier(.2, .7, .2, 1);
}

.founder-editorial__letter.is-in {
  opacity: 1;
  transform: none;
}

.founder-editorial__eyebrow {
  justify-content: flex-start;
}

.founder-editorial__eyebrow::before {
  content: "";
  width: 36px;
  height: 1px;
  background: var(--editorial-gold);
}

.founder-editorial h2 {
  max-width: 9ch;
  margin: 0 0 36px;
  color: var(--editorial-forest);
  font: 500 clamp(56px, 6vw, 92px)/.86 var(--editorial-serif);
  letter-spacing: -.055em;
}

.founder-editorial__copy {
  max-width: 47ch;
  color: #5d4b3f;
  font: 500 clamp(19px, 1.7vw, 24px)/1.55 var(--editorial-serif);
}

.founder-editorial__copy p {
  margin: 0 0 18px;
}

.founder-editorial__copy p:first-child::first-letter {
  float: left;
  margin: 5px 9px 0 0;
  color: var(--editorial-terracotta);
  font: 600 62px/.7 var(--editorial-serif);
}

.founder-editorial__credit {
  margin-top: 38px;
  padding-top: 26px;
  border-top: 1px solid rgba(73, 49, 38, .2);
}

.founder-editorial__credit strong {
  display: block;
  color: var(--editorial-forest);
  font: 600 30px/1 var(--editorial-serif);
}

.founder-editorial__credit span {
  display: block;
  margin-top: 8px;
  color: var(--editorial-terracotta);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.home-gallery {
  padding: clamp(88px, 10vw, 156px) clamp(18px, 4vw, 64px);
  background: var(--editorial-deep);
  color: #fff8ec;
}

.home-gallery__head {
  width: min(820px, calc(100% - 24px));
  margin: 0 auto 60px;
  text-align: center;
}

.home-gallery__eyebrow {
  color: #d9bc85;
}

.home-gallery__head h2 {
  margin: 0;
  font: 500 clamp(54px, 6.5vw, 94px)/.9 var(--editorial-serif);
  letter-spacing: -.05em;
}

.home-gallery__grid {
  width: min(1400px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr .9fr .9fr;
  grid-template-rows: 310px 310px;
  gap: 14px;
}

.home-gallery__item {
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity .8s ease, transform .8s cubic-bezier(.2, .7, .2, 1);
}

.home-gallery__item.is-in {
  opacity: 1;
  transform: none;
}

.home-gallery__item:first-child {
  grid-row: 1 / 3;
}

.home-gallery__item:last-child {
  grid-column: 2 / 4;
}

.home-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.04);
  transition: transform .8s ease;
}

.home-gallery__item:hover img {
  transform: scale(1);
}

.home-gallery__link {
  width: min(1400px, 100%);
  margin: 28px auto 0;
  display: flex;
  justify-content: flex-end;
}

.home-gallery__link a {
  color: #e3c88f;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .2em;
  text-decoration: none;
  text-transform: uppercase;
}

.home-gallery__link a::after {
  content: " →";
}

.editorial-reveal {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity .9s ease, transform .9s cubic-bezier(.2, .7, .2, 1);
}

.editorial-reveal.is-in {
  opacity: 1;
  transform: none;
}

@media (max-width: 980px) {
  .story-chapter {
    min-height: 560px;
    gap: 72px;
  }

  .founder-editorial__inner {
    grid-template-columns: 1fr;
  }

  .founder-editorial__photo {
    width: min(700px, 86%);
    min-height: 620px;
  }

  .founder-editorial__photo img {
    min-height: 620px;
  }

  .founder-editorial__letter {
    width: min(700px, 100%);
    margin-left: auto;
  }
}

@media (max-width: 720px) {
  .cinematic-bridge__frame {
    inset: 18px;
  }

  .cinematic-bridge h2 {
    font-size: clamp(50px, 15vw, 70px);
  }

  .cinematic-bridge__kicker {
    font-size: 8px;
  }

  .home-journey {
    padding-inline: 22px;
  }

  .home-journey__intro {
    text-align: left;
  }

  .home-journey__eyebrow,
  .home-gallery__eyebrow {
    justify-content: flex-start;
  }

  .home-journey__eyebrow::after,
  .home-gallery__eyebrow::after {
    display: none;
  }

  .home-journey__intro h2 {
    font-size: clamp(58px, 19vw, 78px);
  }

  .home-journey__intro p:last-child {
    margin-left: 0;
  }

  .journey-stories {
    padding-left: 26px;
  }

  .journey-thread,
  .journey-thread__fill {
    left: 0;
  }

  .story-chapter,
  .story-chapter--reverse {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: 36px;
    align-items: stretch;
    padding: 55px 0 72px 20px;
  }

  .story-chapter::before {
    left: 0;
    top: 69px;
    transform: translate(-50%, -50%);
  }

  .story-chapter--reverse .story-chapter__media {
    order: initial;
  }

  .story-chapter h3 {
    font-size: clamp(45px, 14vw, 62px);
  }

  .story-chapter__media img {
    height: min(112vw, 500px);
  }

  .journey-ornament--lamp {
    top: 60px;
    right: 11%;
  }

  .founder-editorial {
    padding-inline: 22px;
  }

  .founder-editorial__photo {
    width: 100%;
    min-height: 118vw;
  }

  .founder-editorial__photo img {
    min-height: 118vw;
  }

  .founder-editorial h2 {
    max-width: 10ch;
    font-size: clamp(52px, 16vw, 70px);
  }

  .home-gallery {
    padding-inline: 12px;
  }

  .home-gallery__head {
    text-align: left;
  }

  .home-gallery__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 390px 230px 230px;
  }

  .home-gallery__item:first-child {
    grid-column: 1 / 3;
    grid-row: auto;
  }

  .home-gallery__item:last-child {
    grid-column: 1 / 3;
  }
}

/* Clean, consistent Journey image system using the physically cropped WebP assets. */
.journey-image-frame {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #ece3d4;
}

.journey-image-frame img {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: block;
  object-fit: cover;
  object-position: center 42%;
  filter: contrast(1.03) brightness(1.02) saturate(.96);
  transform: scale(1.03);
  image-rendering: auto;
  backface-visibility: hidden;
}

.story-chapter.is-in .journey-image-frame img {
  transform: scale(1.01);
}

.story-chapter:nth-of-type(1) .journey-image-frame img {
  object-position: center 46%;
}

.story-chapter:nth-of-type(2) .journey-image-frame img {
  object-position: center 49%;
}

.story-chapter:nth-of-type(3) .journey-image-frame img {
  object-position: center 38%;
}

.story-chapter:nth-of-type(4) .journey-image-frame img {
  object-position: center 33%;
}

.story-chapter:nth-of-type(5) .journey-image-frame img {
  object-position: center 38%;
}

@media (min-width: 721px) {
  .journey-stories {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: stretch;
  }

  .story-chapter,
  .story-chapter--reverse,
  .story-chapter--future {
    grid-column: span 3;
    display: flex;
    min-height: 0;
    flex-direction: column;
  }

  .story-chapter__media,
  .story-chapter--reverse .story-chapter__media,
  .story-chapter--future .story-chapter__media {
    order: 1;
    height: auto;
    min-height: 0;
  }

  .story-chapter__copy,
  .story-chapter--reverse .story-chapter__copy,
  .story-chapter--future .story-chapter__copy {
    order: 2;
    max-width: none;
  }

  .story-chapter::before {
    display: none;
  }
}

@media (min-width: 1100px) {
  .story-chapter,
  .story-chapter--reverse,
  .story-chapter--future {
    grid-column: span 2;
  }

  .story-chapter:nth-of-type(4) {
    grid-column: 2 / span 2;
  }

  .story-chapter--future {
    grid-column: 4 / span 2;
  }
}

@media (max-width: 720px) {
  .journey-image-frame,
  .story-chapter__media.journey-image-frame,
  .story-chapter--reverse .story-chapter__media.journey-image-frame {
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .journey-image-frame img,
  .story-chapter__media.journey-image-frame img {
    height: 100%;
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cinematic-bridge__media img,
  .story-chapter__copy,
  .story-chapter__media,
  .story-chapter__media img,
  .founder-editorial__photo img,
  .founder-editorial__letter,
  .home-gallery__item,
  .editorial-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Compact founder editorial — designed to fit a common laptop viewport. */
.founder-editorial {
  --nav-h: var(--sm-header-height);
  min-height: calc(100svh - var(--nav-h));
  height: auto;
  display: flex;
  align-items: center;
  padding: clamp(28px, 4vw, 52px) clamp(28px, 5vw, 76px);
  background:
    linear-gradient(
      90deg,
      #f7efe2 0%,
      #f7efe2 46%,
      #efe6d5 46%,
      #efe6d5 100%
    );
}

.founder-editorial::before {
  display: none;
}

.founder-editorial__inner {
  width: min(1240px, 100%);
  grid-template-columns: minmax(0, 46fr) minmax(0, 54fr);
  gap: clamp(38px, 5vw, 76px);
  align-items: center;
}

.founder-editorial__photo {
  width: 100%;
  height: min(680px, calc(100svh - var(--nav-h) - 64px));
  min-height: 500px;
  max-height: 680px;
  overflow: visible;
  border: 1px solid rgba(179, 138, 77, .72);
  background: #d8c5a6;
  box-shadow: 0 22px 55px rgba(61, 40, 27, .14);
}

.founder-editorial__photo::after {
  inset: 10px;
  border-color: rgba(255, 250, 241, .5);
  box-shadow: none;
}

.founder-editorial__photo img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center 48%;
}

.founder-editorial__photo figcaption {
  position: absolute;
  left: -14px;
  bottom: 24px;
  z-index: 2;
  max-width: 250px;
  padding: 13px 18px;
  background: #a65035;
  color: #fff8ec;
  font: italic 600 15px/1.3 var(--editorial-serif);
  letter-spacing: .01em;
  box-shadow: 0 10px 28px rgba(73, 49, 38, .18);
}

.founder-editorial__letter {
  position: relative;
  z-index: 0;
  padding: clamp(22px, 2.7vw, 38px) clamp(22px, 3vw, 42px);
}

.founder-editorial__letter::before {
  content: "";
  position: absolute;
  right: 0;
  top: 12%;
  z-index: -1;
  width: 34%;
  height: 68%;
  background: rgba(156, 74, 50, .08);
  border-right: 3px solid rgba(156, 74, 50, .28);
}

.founder-editorial__eyebrow {
  margin: 0 0 12px;
  color: var(--editorial-terracotta);
  font-size: 9px;
  letter-spacing: .22em;
}

.founder-editorial h2 {
  max-width: 8ch;
  margin: 0 0 16px;
  color: var(--editorial-forest);
  font-size: clamp(2.8rem, 4.4vw, 4.8rem);
  line-height: .98;
  letter-spacing: -.045em;
}

.founder-editorial__credit {
  width: fit-content;
  margin: 0 0 15px;
  padding: 11px 18px 10px;
  border-left: 2px solid var(--editorial-gold);
  background: rgba(175, 190, 148, .28);
}

.founder-editorial__credit strong {
  color: var(--editorial-forest);
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1;
}

.founder-editorial__credit span {
  margin-top: 5px;
  color: #76513d;
  font-size: 8px;
  letter-spacing: .15em;
}

.founder-editorial__quote {
  max-width: 47ch;
  margin: 14px 0 16px;
  padding: 14px 18px;
  border: 0;
  border-left: 3px solid var(--editorial-terracotta);
  background: rgba(194, 207, 170, .34);
  color: #3f5548;
  font: italic 600 clamp(1.05rem, 1.45vw, 1.28rem)/1.32 var(--editorial-serif);
}

.founder-editorial__copy {
  max-width: 48ch;
  color: #59483c;
  font: 450 clamp(1rem, 1.15vw, 1.12rem)/1.65 Inter, Arial, sans-serif;
}

.founder-editorial__copy p {
  margin: 0 0 .7em;
}

.founder-editorial__copy p:last-child {
  margin-bottom: 0;
}

.founder-editorial__copy p:first-child::first-letter {
  float: none;
  margin: 0;
  color: inherit;
  font: inherit;
}

@media (min-width: 1024px) and (max-height: 820px) {
  .founder-editorial {
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .founder-editorial__inner {
    gap: 34px;
  }

  .founder-editorial__photo {
    min-height: 0;
    height: calc(100svh - var(--nav-h) - 44px);
    max-height: calc(100svh - var(--nav-h) - 44px);
  }

  .founder-editorial__letter {
    padding: 16px 24px;
  }

  .founder-editorial__eyebrow {
    margin-bottom: 8px;
  }

  .founder-editorial h2 {
    margin-bottom: 11px;
    font-size: clamp(2.5rem, 3.7vw, 3.5rem);
  }

  .founder-editorial__credit {
    margin-bottom: 10px;
    padding: 8px 14px;
  }

  .founder-editorial__quote {
    margin: 10px 0;
    padding: 11px 16px;
    font-size: 1rem;
    line-height: 1.25;
  }

  .founder-editorial__copy {
    font-size: .94rem;
    line-height: 1.5;
  }

  .founder-editorial__copy p {
    margin-bottom: .52em;
  }
}

@media (max-width: 1023px) {
  .founder-editorial {
    min-height: 0;
    padding: 72px clamp(22px, 6vw, 58px);
    background: #f2e9d9;
  }

  .founder-editorial__inner {
    grid-template-columns: 1fr;
    gap: 52px;
  }

  .founder-editorial__photo {
    width: min(720px, 100%);
    height: min(74vw, 620px);
    min-height: 460px;
  }

  .founder-editorial__letter {
    width: min(720px, 100%);
    margin-left: auto;
    padding: 10px 18px 24px;
  }
}

@media (max-width: 640px) {
  .founder-editorial {
    padding: 54px 20px 64px;
  }

  .founder-editorial__inner {
    gap: 42px;
  }

  .founder-editorial__photo {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 4 / 3;
  }

  .founder-editorial__photo figcaption {
    left: -7px;
    bottom: 14px;
    max-width: 210px;
    padding: 10px 13px;
    font-size: 13px;
  }

  .founder-editorial__letter {
    padding: 0 4px;
  }

  .founder-editorial__letter::before {
    top: 8%;
    width: 40%;
    height: 74%;
  }

  .founder-editorial h2 {
    max-width: 8ch;
    font-size: clamp(2.8rem, 14vw, 4rem);
  }

  .founder-editorial__quote {
    padding: 14px 15px;
  }

  .founder-editorial__copy {
    font-size: 1rem;
    line-height: 1.62;
  }
}

/* Compact journey mosaic: preserve the editorial rhythm with far less scrolling. */
@media (min-width: 721px) {
  .home-journey {
    padding-top: clamp(76px, 7vw, 112px);
    padding-bottom: clamp(78px, 7vw, 116px);
  }

  .home-journey__intro {
    margin-bottom: clamp(62px, 6vw, 88px);
  }

  .journey-stories {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
  }

  .journey-thread {
    top: -28px;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px;
  }

  .journey-thread__fill {
    inset: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(var(--journey-progress));
    transform-origin: left;
  }

  .story-chapter,
  .story-chapter--reverse {
    display: grid;
    grid-template-columns: minmax(0, 52fr) minmax(0, 48fr);
    gap: 0;
    min-height: 350px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(179, 138, 77, .28);
    background: rgba(255, 250, 241, .82);
    box-shadow: 0 18px 48px rgba(67, 44, 32, .07);
  }

  .story-chapter::before {
    left: 52%;
    top: 28px;
    width: 8px;
    height: 8px;
    border-width: 5px;
    transform: translateX(-50%);
  }

  .story-chapter__copy {
    align-self: center;
    padding: clamp(25px, 3vw, 42px);
  }

  .story-chapter--reverse .story-chapter__copy {
    order: 2;
  }

  .story-chapter--reverse .story-chapter__media {
    order: 1;
  }

  .story-chapter__year {
    margin-bottom: 12px;
    font-size: 10px;
  }

  .story-chapter h3 {
    margin-bottom: 15px;
    font-size: clamp(34px, 3.4vw, 50px);
    line-height: .94;
  }

  .story-chapter p {
    font-size: 12.5px;
    line-height: 1.68;
  }

  .story-chapter__rule {
    margin-top: 20px;
  }

  .story-chapter__media {
    height: 100%;
    min-height: 350px;
  }

  .story-chapter__media::before {
    display: none;
  }

  .story-chapter__media img {
    height: 100%;
    min-height: 350px;
  }

  .story-chapter--future {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 58fr) minmax(0, 42fr);
    min-height: 315px;
  }

  .story-chapter--future::before {
    left: 58%;
  }

  .story-chapter--future .story-chapter__copy {
    max-width: 680px;
  }

  .story-chapter--future .story-chapter__media,
  .story-chapter--future .story-chapter__media img {
    min-height: 315px;
  }
}

@media (max-width: 720px) {
  .home-journey {
    padding: 68px 18px 74px;
  }

  .home-journey__intro {
    margin-bottom: 52px;
  }

  .journey-stories {
    display: block;
    padding-left: 0;
  }

  .journey-thread {
    top: -22px;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px;
  }

  .journey-thread__fill {
    inset: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(var(--journey-progress));
    transform-origin: left;
  }

  .story-chapter,
  .story-chapter--reverse {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    min-height: 0;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(179, 138, 77, .28);
    background: rgba(255, 250, 241, .86);
    box-shadow: 0 15px 38px rgba(67, 44, 32, .06);
  }

  .story-chapter::before {
    display: none;
  }

  .story-chapter__copy,
  .story-chapter--reverse .story-chapter__copy {
    order: 2;
    max-width: none;
    padding: 25px 24px 28px;
  }

  .story-chapter__media,
  .story-chapter--reverse .story-chapter__media {
    order: 1;
    height: 230px;
    min-height: 0;
  }

  .story-chapter__media::before {
    display: none;
  }

  .story-chapter__media img {
    height: 230px;
    min-height: 0;
  }

  .story-chapter__year {
    margin-bottom: 10px;
    font-size: 10px;
  }

  .story-chapter h3 {
    margin-bottom: 13px;
    font-size: clamp(39px, 12vw, 52px);
  }

  .story-chapter p {
    font-size: 13px;
    line-height: 1.65;
  }

  .story-chapter__rule {
    margin-top: 18px;
  }
}