body.viante-about-page #main {
  max-width: none !important;
  padding: 0 !important;
}

body.viante-about-page #content,
body.viante-about-page .post-content {
  width: 100% !important;
}

.viante-about { overflow: hidden; }
.viante-about p { margin: 0; }
.viante-about a:focus-visible { outline: 2px solid var(--viante-gold); outline-offset: 4px; }
.viante-about-section { padding-block: var(--viante-space-section); }
.viante-about-prose { color: var(--viante-muted); }
.viante-about-prose p + p { margin-top: 20px; }
.viante-about-link { color: var(--viante-copper); display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.viante-about-link:hover { color: var(--viante-ink); }

.viante-about-hero {
  background: var(--viante-paper);
  border-bottom: 1px solid var(--viante-line);
  min-height: min(760px, calc(100vh - 92px));
}

.viante-about-hero__grid {
  align-items: stretch;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(430px, 1.08fr);
  min-height: inherit;
}

.viante-about-hero__copy {
  align-self: center;
  max-width: 650px;
  padding: clamp(72px, 8vw, 120px) clamp(44px, 6vw, 90px) clamp(72px, 8vw, 120px) 0;
  position: relative;
  z-index: 3;
}

.viante-about-hero h1 { font-size: clamp(45px, 4.7vw, 66px) !important; max-width: 640px; }
.viante-about-hero h1 span { display: block; }
.viante-about-hero__copy > p:not(.viante-eyebrow) { color: var(--viante-muted); font-size: clamp(17px, 1.35vw, 19px); line-height: 1.72; margin-top: 25px; max-width: 620px; }
.viante-about-hero__copy .viante-about-link { margin-top: 34px; }
.viante-about-hero__visual {
  isolation: isolate;
  margin: 0 calc(-1 * (max(0px, (100vw - var(--viante-container)) / 2) + clamp(22px, 4vw, 54px) - 8px)) 0 0;
  min-height: 590px;
  overflow: hidden;
  position: relative;
}
.viante-about-hero__visual img { height: 100%; object-fit: cover; width: 100%; }
.viante-about-hero__visual::after {
  background: linear-gradient(90deg, var(--viante-paper) 0%, rgba(251,247,239,.82) 14%, rgba(251,247,239,.12) 39%, rgba(251,247,239,0) 62%);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.viante-about-origin { background: var(--viante-paper); }
.viante-about-origin__grid {
  display: grid;
  gap: clamp(42px, 7vw, 92px);
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
}
.viante-about-origin__intro h2 { max-width: 560px; }
.viante-about-origin__copy { color: var(--viante-muted); max-width: 700px; }
.viante-about-origin__copy p + p { margin-top: 20px; }
.viante-about-origin blockquote {
  border: 0;
  border-top: 1px solid var(--viante-line);
  grid-column: 1 / -1;
  margin: clamp(30px, 4vw, 54px) 0 0;
  padding: clamp(38px, 6vw, 70px) 0 0 clamp(80px, 12vw, 180px);
}
.viante-about-origin blockquote span { color: var(--viante-copper); display: block; font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.viante-about-origin blockquote strong { color: var(--viante-ink); display: block; font-family: var(--viante-serif); font-size: clamp(35px, 4.1vw, 56px); font-weight: 500; line-height: 1.05; margin-top: 18px; max-width: 900px; }

.viante-about-observation { background: var(--viante-cream); }
.viante-about-observation__grid { display: grid; gap: clamp(48px, 8vw, 120px); grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); }
.viante-about-observation h2 { max-width: 620px; }

.viante-about-routes { background: var(--viante-sand); color: var(--viante-ink); padding-block: clamp(72px, 8vw, 104px); }
body.viante-about-page #main .viante-about-routes h2,
body.viante-about-page #main .viante-about-routes h3 { color: var(--viante-ink) !important; }
.viante-about-routes .viante-eyebrow,
.viante-about-routes .viante-about-question { color: var(--viante-copper) !important; }
.viante-about-routes__heading { margin: 0 auto; max-width: 830px; text-align: center; }
.viante-about-routes__heading > p:last-child { color: var(--viante-muted); font-size: 18px; margin: 25px auto 0; max-width: 720px; }
.viante-about-branch { margin: 54px auto 0; max-width: 900px; position: relative; text-align: center; }
.viante-about-branch span { background: var(--viante-sand); color: var(--viante-ink); font-size: 11px; font-weight: 700; letter-spacing: .14em; padding: 0 24px; position: relative; text-transform: uppercase; z-index: 2; }
.viante-about-branch i { border-left: 1px solid var(--viante-line); border-right: 1px solid var(--viante-line); border-top: 1px solid var(--viante-line); display: block; height: 34px; margin-top: 22px; }
.viante-about-routes__grid { display: grid; grid-template-columns: 1fr 1fr; margin: 0 auto; max-width: 1120px; }
.viante-about-routes__grid article { padding: 48px clamp(34px, 5vw, 72px) 0 0; }
.viante-about-routes__grid article + article { border-left: 1px solid var(--viante-line); padding-left: clamp(34px, 5vw, 72px); padding-right: 0; }
.viante-about-question { font-size: 12px; font-weight: 700; letter-spacing: .08em; min-height: 40px; text-transform: uppercase; }
.viante-about-routes h3 { font-size: clamp(32px, 3.3vw, 43px) !important; margin-top: 13px; }
.viante-about-routes article > p:not(.viante-about-question):not(.viante-about-flow):not(.viante-about-small) { color: var(--viante-muted); margin-top: 20px; }
.viante-about-flow { color: var(--viante-copper); font-size: 12px; font-weight: 700; letter-spacing: .12em; margin-top: 28px !important; text-transform: uppercase; }
.viante-about-flow span { margin-inline: 10px; }
.viante-about-small { border-top: 1px solid var(--viante-line); color: var(--viante-muted); font-size: 13px; line-height: 1.65; margin-top: 27px !important; padding-top: 20px; }
.viante-about-routes .viante-button { background: var(--viante-ink) !important; border-color: var(--viante-ink) !important; color: var(--viante-gold) !important; margin-top: 28px; }
.viante-about-routes .viante-button:hover { background: #332a23 !important; }

.viante-about-method { background: var(--viante-paper); }
.viante-about-method__copy { display: grid; gap: 44px clamp(60px, 9vw, 130px); grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.viante-about-method__copy > .viante-eyebrow { grid-column: 1; }
.viante-about-method__copy > h2 { grid-column: 1; margin-top: -36px; }
.viante-about-method__copy > .viante-about-prose { grid-column: 2; grid-row: 1 / span 2; }
.viante-about-elements { display: grid; gap: 12px; grid-template-columns: repeat(5, 1fr); margin-top: clamp(58px, 8vw, 92px); }
.viante-about-elements figure { aspect-ratio: 3 / 4; margin: 0; overflow: hidden; position: relative; }
.viante-about-elements figure::after { background: linear-gradient(0deg, rgba(10,20,17,.85), rgba(10,20,17,0) 52%); content: ''; inset: 0; position: absolute; }
.viante-about-elements img { height: 100%; object-fit: cover; transition: transform 500ms ease; width: 100%; }
.viante-about-elements figure:hover img { transform: scale(1.025); }
.viante-about-elements figcaption { align-items: flex-end; bottom: 18px; color: #fffaf1; display: flex; justify-content: space-between; left: 18px; position: absolute; right: 18px; z-index: 2; }
.viante-about-elements figcaption strong { font-size: 11px; letter-spacing: .14em; }
.viante-about-elements figcaption span { color: var(--viante-gold); font-family: var(--viante-serif); font-size: 27px; }
.viante-about-method__note { border-top: 1px solid var(--viante-line); color: var(--viante-muted); font-size: 14px; margin-top: 31px !important; padding-top: 22px; }

.viante-about-today { background: var(--viante-cream); }
.viante-about-section-heading { max-width: 760px; }
.viante-about-principles { border-top: 1px solid var(--viante-line); margin-top: clamp(52px, 7vw, 82px); }
.viante-about-principles article { align-items: start; border-bottom: 1px solid var(--viante-line); display: grid; gap: 35px; grid-template-columns: 55px minmax(260px, .72fr) minmax(0, 1fr); padding: 31px 0; }
.viante-about-principles article > span { color: var(--viante-copper); font-size: 12px; font-weight: 700; letter-spacing: .15em; }
.viante-about-principles h3 { font-size: clamp(26px, 2.5vw, 34px) !important; }
.viante-about-principles p { color: var(--viante-muted); margin-top: 10px; max-width: 680px; }

.viante-about-people { background: var(--viante-paper); }
.viante-about-people__grid { align-items: center; display: grid; gap: clamp(60px, 10vw, 150px); grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); }
.viante-about-people__mark { align-items: center; aspect-ratio: 1; border: 1px solid var(--viante-line); border-radius: 50%; display: flex; justify-content: center; max-width: 440px; position: relative; }
.viante-about-people__mark::before,
.viante-about-people__mark::after { border: 1px solid rgba(153,96,43,.13); border-radius: 48% 52% 44% 56%; content: ''; inset: 13%; position: absolute; transform: rotate(23deg); }
.viante-about-people__mark::after { inset: 25%; transform: rotate(-19deg); }
.viante-about-people__mark span { color: var(--viante-copper); font-family: var(--viante-serif); font-size: clamp(62px, 8vw, 104px); position: relative; z-index: 2; }
.viante-about-people__mark i { background: var(--viante-gold); height: 1px; margin-inline: 20px; width: 48px; }
.viante-about-people__copy { max-width: 730px; }
.viante-about-people__copy > p:not(.viante-eyebrow) { color: var(--viante-muted); margin-top: 20px; }
.viante-about-people__copy aside { border-left: 2px solid var(--viante-gold); margin-top: 38px; padding: 4px 0 4px 28px; }
.viante-about-people__copy aside h3 { font-size: 27px !important; }
.viante-about-people__copy aside p { color: var(--viante-muted); margin-top: 11px; }

.viante-about-choice { background: #f2e9dc; }
.viante-about-choice__grid { border-bottom: 1px solid var(--viante-line); border-top: 1px solid var(--viante-line); display: grid; grid-template-columns: 1fr 1fr; margin-top: clamp(50px, 7vw, 78px); }
.viante-about-choice__grid article { padding: clamp(38px, 5vw, 62px) clamp(38px, 6vw, 80px) clamp(44px, 6vw, 72px) 0; }
.viante-about-choice__grid article + article { border-left: 1px solid var(--viante-line); padding-left: clamp(38px, 6vw, 80px); padding-right: 0; }
.viante-about-choice h3 { font-size: clamp(29px, 3vw, 39px) !important; }
.viante-about-choice article > p { color: var(--viante-muted); margin-top: 18px; max-width: 520px; }
.viante-about-choice article > div { align-items: flex-start; display: flex; flex-direction: column; gap: 22px; margin-top: 30px; }

@media (max-width: 1040px) {
  .viante-about-hero { min-height: 0; }
  .viante-about-hero__grid { grid-template-columns: 1fr; }
  .viante-about-hero__copy { max-width: 780px; padding-right: 0; }
  .viante-about-hero__visual { margin: 0 calc((100vw - 100%) / -2); min-height: 500px; }
  .viante-about-hero__visual::after { background: linear-gradient(180deg, var(--viante-paper) 0%, rgba(251,247,239,.38) 18%, rgba(251,247,239,0) 42%), linear-gradient(0deg, rgba(251,247,239,.75) 0%, rgba(251,247,239,0) 18%); }
  .viante-about-origin__grid,
  .viante-about-observation__grid,
  .viante-about-method__copy,
  .viante-about-people__grid { grid-template-columns: 1fr; }
  .viante-about-method__copy > .viante-eyebrow,
  .viante-about-method__copy > h2,
  .viante-about-method__copy > .viante-about-prose { grid-column: 1; grid-row: auto; }
  .viante-about-method__copy > h2 { margin-top: -34px; }
  .viante-about-people__mark { max-width: 360px; }
}

@media (max-width: 760px) {
  .viante-about-hero__copy { padding-block: 58px 54px; }
  .viante-about-hero h1 { font-size: clamp(40px, 12vw, 52px) !important; }
  .viante-about-hero__visual { min-height: 380px; }
  .viante-about-origin blockquote { padding-left: 0; }
  .viante-about-routes__grid { grid-template-columns: 1fr; }
  .viante-about-branch i { border-right: 0; margin-inline: auto; width: 50%; }
  .viante-about-routes__grid article { padding: 42px 0; }
  .viante-about-routes__grid article + article { border-left: 0; border-top: 1px solid rgba(216,173,99,.3); padding-left: 0; }
  .viante-about-question { min-height: 0; }
  .viante-about-elements { margin-inline: calc((100vw - 100%) / -2); overflow-x: auto; padding: 0 24px 14px; scroll-snap-type: x mandatory; }
  .viante-about-elements figure { min-width: 190px; scroll-snap-align: start; }
  .viante-about-principles article { grid-template-columns: 42px 1fr; }
  .viante-about-choice__grid { grid-template-columns: 1fr; }
  .viante-about-choice__grid article { padding: 36px 0; }
  .viante-about-choice__grid article + article { border-left: 0; border-top: 1px solid var(--viante-line); padding-left: 0; }
  .viante-about-people__mark { max-width: 280px; }
}

@media (max-width: 400px) {
  .viante-about-origin blockquote strong { font-size: 34px; }
  .viante-about-routes .viante-button,
  .viante-about-choice .viante-button { width: 100%; }
  .viante-about-principles article { gap: 17px; grid-template-columns: 30px 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .viante-about *,
  .viante-about *::before,
  .viante-about *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}