.hero{
  min-height:auto;
  padding:calc(var(--nav) + clamp(64px,7vw,104px)) 0 clamp(72px,8vw,112px);
}
.hero-grid{
  display:block;
  min-width:0;
}
.hero-grid>div{
  width:100%;
  max-width:none;
  min-width:0;
}
.hero h1{
  max-width:none;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:.84;
}
.hero-title-main{
  display:block;
  font:700 clamp(56px,8.2vw,126px)/.86 var(--sans);
  letter-spacing:-.065em;
  text-transform:uppercase;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
.hero-title-intention{
  display:block;
  margin:-.03em 0 0;
  font:italic 400 clamp(66px,10.8vw,164px)/.82 Georgia,'Times New Roman',serif;
  letter-spacing:-.065em;
  text-transform:none;
}
.hero-copy{
  margin-top:clamp(40px,5vw,68px);
  max-width:780px;
}
.hero-copy .lead{
  max-width:31ch;
  font-size:clamp(24px,2.5vw,38px);
  line-height:1.28;
}
.hero-copy .body{
  max-width:65ch;
}
.hero-actions{
  max-width:780px;
}
.hero-actions .button{
  width:100%;
  justify-content:center;
}
@media(max-width:600px){
  .hero{padding:calc(var(--nav) + 48px) 0 64px}
  .hero-title-main{font-size:clamp(46px,14.2vw,66px)}
  .hero-title-intention{margin-left:0;font-size:clamp(62px,19vw,86px)}
  .hero-copy{margin-top:42px}
  .hero-copy .lead{font-size:clamp(24px,7.2vw,31px)}
}

/* Approved editorial spread: preserve the existing About copy and art source,
   while matching the supplied Home/About title treatment and shared paper. */
body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero {
  display: block;
  min-height: 0;
  padding: calc(var(--nav) + clamp(28px, 4vw, 44px)) 0 54px;
  border-bottom: 1px solid var(--tvc-public-border, rgba(52, 37, 30, .2));
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-grid {
  display: block;
  min-width: 0;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-grid > div {
  width: 100%;
  max-width: 820px;
  min-width: 0;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #aboutHeroLabel {
  margin-bottom: 11px;
  color: #bb352b !important;
  font: 600 10px/1.3 var(--mono);
  letter-spacing: .19em;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #aboutHeroTitle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: none;
  color: var(--tvc-ink, #34251e);
  line-height: .84;
  letter-spacing: -.06em;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #aboutHeroTitle .hero-title-main {
  display: block;
  color: var(--tvc-ink, #34251e);
  font: 600 clamp(39px, 5.1vw, 66px)/.9 var(--tvc-font-sans, var(--sans, sans-serif));
  letter-spacing: -.065em;
  white-space: nowrap;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #aboutHeroTitle .hero-title-intention {
  position: relative;
  display: block;
  width: min(100%, clamp(255px, 57vw, 430px));
  height: auto;
  aspect-ratio: 649 / 156;
  margin: -.045em 0 0;
  overflow: visible;
  background: url("/assets/about-intention-script.png") left center / contain no-repeat;
  color: transparent;
  font: 0/0 var(--sans);
  letter-spacing: 0;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #aboutHeroTitle .hero-title-intention .about-red-period {
  position: absolute;
  right: -.2em;
  bottom: -.03em;
  color: #bb352b;
  font: 600 clamp(52px, 6vw, 78px)/1 var(--tvc-font-sans, var(--sans, sans-serif));
  letter-spacing: -.06em;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .about-art-carousel {
  --about-art-size: clamp(60px, 13.6vw, 78px);
  --about-art-gap: clamp(7px, .85vw, 10px);
  width: 100%;
  max-width: 820px;
  margin: clamp(19px, 2.8vw, 28px) 0 0;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-copy {
  max-width: 820px;
  margin-top: clamp(42px, 7vw, 72px);
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-copy .lead {
  max-width: 43ch;
  color: var(--tvc-ink, #34251e);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.3;
  letter-spacing: -.025em;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-copy .body {
  max-width: 64ch;
  color: var(--tvc-muted, #75665b);
  font-size: 14px;
  line-height: 1.48;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-copy .body:first-of-type {
  margin-top: 17px;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-actions {
  max-width: 820px;
}

/* The injected route marker sits at the close of the opening spread. */
body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #tvc-editorial-position {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(calc(100% - 64px), 1280px);
  height: 3px;
  gap: 0;
  margin: -42px auto 30px;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #tvc-editorial-position a {
  position: relative;
  display: block;
  flex: 0 0 58px;
  width: 58px;
  height: 3px;
  border: 0;
  background: color-mix(in srgb, var(--tvc-ink, #34251e) 20%, transparent);
  color: transparent;
  font-size: 0;
  text-decoration: none;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #tvc-editorial-position a[href="/about"],
body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #tvc-editorial-position a[aria-current="page"] {
  background: #bb352b;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #tvc-editorial-position a::after {
  content: "";
  position: absolute;
  inset: -12px 0;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #tvc-editorial-position a:focus-visible {
  outline: 2px solid #bb352b;
  outline-offset: 4px;
}

@media (min-width: 901px) {
  body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #tvc-editorial-position {
    grid-column: 2;
  }
}

@media (max-width: 600px) {
  body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero {
    padding: calc(var(--nav) + 39px) 0 54px;
  }

  body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #aboutHeroTitle .hero-title-main {
    font-size: clamp(36px, 9.8vw, 50px);
  }

  body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #aboutHeroTitle .hero-title-intention {
    width: min(100%, clamp(255px, 57vw, 340px));
  }

  body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .about-art-carousel {
    --about-art-size: clamp(48px, 13.2vw, 66px);
    --about-art-gap: 8px;
    margin-top: 20px;
  }

  body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-copy {
    margin-top: 42px;
  }

  body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-copy .lead {
    font-size: clamp(18px, 5.2vw, 21px);
  }

  body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #tvc-editorial-position {
    width: calc(100% - 32px);
    margin-top: -42px;
    margin-bottom: 25px;
  }

  body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #tvc-editorial-position a {
    flex-basis: 46px;
    width: 46px;
  }
}