/* About-only editorial composition. Shared navigation/footer and form controls
   remain owned by their site and opt-in reference systems. */
@import url('/in-page-navigation.css');

.about-section-navigation { display:none; }

@media (min-width:901px) {
  body.tvc-public-shell main.about-page-layout {
    display:grid;
    grid-template-columns:clamp(145px,13vw,180px) minmax(0,1fr);
    column-gap:clamp(20px,2.5vw,40px);
    padding-inline:var(--tvc-gutter,32px);
  }
  .about-page-layout > section {
    grid-column:2;
    min-width:0;
    scroll-margin-top:calc(var(--tvc-nav-height,43px) + 20px);
  }
  .about-section-navigation {
    display:block;
    position:sticky;
    top:calc(var(--tvc-nav-height,43px) + 28px);
    grid-column:1;
    grid-row:1 / span 4;
    align-self:start;
    margin-top:calc(var(--tvc-nav-height,43px) + 28px);
    max-height:calc(100dvh - var(--tvc-nav-height,43px) - 56px);
    overflow:auto;
  }
  .about-section-navigation .contents { margin-top:0; }
  .about-section-navigation a {
    text-transform:uppercase;
    letter-spacing:.035em;
  }
  .about-section-navigation a:focus-visible {
    outline:2px solid var(--tvc-reference-accent);
    outline-offset:3px;
  }
}
body.tvc-public-shell{
  --about-ink:#211f1b;
  --about-muted:#625c54;
  --about-rule:rgba(33,31,27,.18);
  --about-red:var(--tvc-form-accent, #b71c1c);
  background:var(--tvc-site-background);
  color:var(--about-ink);
}

body.tvc-public-shell main{
  background:var(--tvc-site-background);
  color:var(--about-ink);
}

body.tvc-public-shell main .shell{
  width:min(calc(100% - 64px),1280px);
  margin-inline:auto;
}

body.tvc-public-shell .hero{
  min-height:0;
  padding:calc(var(--nav) + clamp(70px,9vw,132px)) 0 clamp(82px,10vw,144px);
  border-bottom:1px solid var(--about-rule);
}

body.tvc-public-shell .hero-grid>div{
  width:100%;
  max-width:none;
}

body.tvc-public-shell .hero .kicker,
body.tvc-public-shell .section .kicker,
body.tvc-public-shell .signup .kicker{
  color:var(--about-muted);
}

body.tvc-public-shell .hero h1{
  color:var(--about-ink);
}

body.tvc-public-shell .hero-title-main{
  font-family:var(--sans);
  font-weight:700;
  letter-spacing:-.065em;
}

body.tvc-public-shell .hero-title-intention{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  letter-spacing:-.065em;
}

.about-red-period{color:var(--about-red)}

body.tvc-public-shell .hero-copy .lead{
  color:var(--about-ink);
}

body.tvc-public-shell .hero-copy .body,
body.tvc-public-shell .story-copy p,
body.tvc-public-shell .collab-copy p{
  color:var(--about-muted);
}

body.tvc-public-shell .hero-actions .button{
  width:auto;
  min-height:0;
  justify-content:flex-start;
  padding:13px 0 8px;
  border:0;
  border-bottom:1px solid var(--about-red);
  color:var(--about-red);
  font:500 10px/1.2 var(--mono);
  letter-spacing:.12em;
  background:transparent;
}

body.tvc-public-shell .section{
  padding:clamp(88px,11vw,156px) 0;
  border-bottom:1px solid var(--about-rule);
}

body.tvc-public-shell #what-we-create .section-head{
  display:block;
  margin:0 0 clamp(35px,5vw,68px);
}

body.tvc-public-shell #what-we-create .section-head .kicker{
  margin-bottom:19px;
}

body.tvc-public-shell #what-we-create .section-head h2,
body.tvc-public-shell #how-to-get-involved .section-head h2{
  max-width:none;
  color:var(--about-ink);
  font-size:clamp(48px,8vw,112px);
  line-height:.88;
  letter-spacing:-.065em;
}

body.tvc-public-shell .find-experience{
  display:block;
}

body.tvc-public-shell .find-experience .find-grid{
  display:block;
  border:0;
}

body.tvc-public-shell .find-experience .find-item{
  display:block;
  min-height:0;
  padding:0;
  border:0;
}

body.tvc-public-shell .find-trigger{
  display:grid;
  width:100%;
  min-height:116px;
  grid-template-columns:38px minmax(190px,.82fr) minmax(0,1fr) 28px;
  gap:clamp(13px,2vw,27px);
  align-items:center;
  padding:22px 2px;
  border:0;
  border-top:1px solid var(--about-rule);
  background:transparent;
  color:var(--about-ink);
  text-align:left;
  cursor:pointer;
  transition:color .18s ease;
}

body.tvc-public-shell .find-item:last-child .find-trigger{
  border-bottom:1px solid var(--about-rule);
}

body.tvc-public-shell .find-num,
body.tvc-public-shell .collab-num{
  color:var(--about-muted);
  font:400 10px/1.2 var(--mono);
  letter-spacing:.13em;
}

body.tvc-public-shell .find-title{
  font:700 clamp(14px,1.2vw,17px)/1.15 var(--sans);
  letter-spacing:-.015em;
  text-transform:uppercase;
}

body.tvc-public-shell .find-description{
  max-width:50ch;
  color:var(--about-muted);
  font:400 13px/1.55 var(--sans);
}

body.tvc-public-shell .find-arrow{
  justify-self:end;
  color:var(--about-red);
  font:400 21px/1 var(--sans);
  transition:transform .18s ease;
}

body.tvc-public-shell .find-trigger:hover .find-arrow,
body.tvc-public-shell .find-item.is-active .find-arrow{
  transform:translateX(4px);
}

body.tvc-public-shell .find-trigger:focus-visible,
body.tvc-public-shell .find-panel-close:focus-visible,
body.tvc-public-shell .collab-link:focus-visible{
  outline:2px solid var(--about-red);
  outline-offset:4px;
}

body.tvc-public-shell .find-panel[hidden],
body.tvc-public-shell .find-panels[hidden]{
  display:none!important;
}

body.tvc-public-shell .find-panels{
  position:static;
  min-width:0;
  margin:18px 0 22px;
}

body.tvc-public-shell .find-panel{
  min-height:0;
  padding:clamp(27px,4vw,50px);
  border:1px solid rgba(33,31,27,.16);
  background:#faf7f0;
  color:var(--about-ink);
  box-shadow:0 14px 38px rgba(42,34,26,.055);
}

body.tvc-public-shell .find-panel-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:start;
}

body.tvc-public-shell .find-panel-kicker{
  margin-bottom:23px;
  color:var(--about-muted);
  font:400 10px/1.3 var(--mono);
  letter-spacing:.16em;
}

body.tvc-public-shell .find-panel h3{
  color:var(--about-ink);
  font:700 clamp(27px,3vw,43px)/.98 var(--sans);
  letter-spacing:-.05em;
}

body.tvc-public-shell .find-panel-close{
  width:36px;
  height:36px;
  border:1px solid var(--about-rule);
  background:transparent;
  color:var(--about-ink);
  font:300 22px/1 var(--sans);
  cursor:pointer;
}

body.tvc-public-shell .find-panel-close:hover{
  border-color:var(--about-ink);
}

body.tvc-public-shell .find-panel-copy{
  max-width:58ch;
  margin-top:26px;
  color:var(--about-muted);
  font:400 15px/1.65 var(--sans);
}

body.tvc-public-shell .find-panel-action{
  margin-top:27px;
}

body.tvc-public-shell .collab-link{
  display:inline-block;
  margin-top:26px;
  padding:0 0 5px;
  border-bottom:1px solid var(--about-red);
  color:var(--about-red);
  font:500 10px/1.4 var(--mono);
  letter-spacing:.1em;
  text-decoration:none;
}

body.tvc-public-shell .find-panel.is-entering{
  animation:about-panel-in .28s ease both;
}

@keyframes about-panel-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

body.tvc-public-shell #how-to-get-involved .section-head{
  display:block;
  margin-bottom:clamp(42px,6vw,78px);
}

body.tvc-public-shell .collab-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
}

body.tvc-public-shell .collab-copy{
  min-width:0;
  padding:6px clamp(18px,2.5vw,37px) 12px;
}

body.tvc-public-shell .collab-copy:first-child{padding-left:0}
body.tvc-public-shell .collab-copy+.collab-copy{border-left:1px solid var(--about-rule)}

body.tvc-public-shell .collab-num{
  display:block;
  margin-bottom:38px;
}

body.tvc-public-shell .collab-copy h3{
  margin-bottom:17px;
  color:var(--about-ink);
  font:700 clamp(14px,1.18vw,17px)/1.25 var(--sans);
  letter-spacing:-.015em;
}

body.tvc-public-shell .collab-copy p{
  font:400 13px/1.65 var(--sans);
}

body.tvc-public-shell .collab-link{
  margin-top:26px;
}

body.tvc-public-shell [data-about-audience="businesses"] .collab-link{
  --about-red:var(--tvc-matcha);
}

body.tvc-public-shell .signup{
  padding:clamp(76px,9vw,126px) 0!important;
  border-top:0!important;
  border-bottom:1px solid var(--about-rule);
  background:var(--tvc-site-background)!important;
  color:var(--about-ink)!important;
}

body.tvc-public-shell .signup .shell{
  width:min(100% - 44px,1280px)!important;
}

body.tvc-public-shell .signup-grid{
  grid-template-columns:minmax(230px,.72fr) minmax(0,1fr)!important;
  gap:clamp(45px,9vw,140px)!important;
}

body.tvc-public-shell .signup .kicker{
  margin:0 0 21px!important;
  font:500 10px/1.3 var(--mono)!important;
  letter-spacing:.16em!important;
}

body.tvc-public-shell .signup h2{
  max-width:9ch!important;
  color:var(--about-ink)!important;
  font:700 clamp(48px,6vw,78px)/.9 var(--sans)!important;
  letter-spacing:-.065em!important;
}

body.tvc-public-shell .signup-copy{
  max-width:46ch!important;
  color:var(--about-muted)!important;
  font:400 clamp(16px,1.5vw,20px)/1.55 var(--sans)!important;
}

body.tvc-public-shell .signup-form{
  max-width:700px;
  margin-top:29px!important;
}

body.tvc-public-shell .signup-form .listener-interests{
  margin:8px 0 15px;
}

body.tvc-public-shell .signup-form .listener-interests legend{
  margin-bottom:9px;
}

body.tvc-public-shell .listener-confirmation[hidden]{
  display:none!important;
}

body.tvc-public-shell .listener-confirmation{
  max-width:700px;
  margin-top:26px;
  padding:24px;
  border:1px solid var(--about-rule);
  background:#faf7f0;
  color:var(--about-ink);
}

body.tvc-public-shell .listener-confirmation-mark{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border:1px solid var(--about-red);
  color:var(--about-red);
  font-size:13px;
}

body.tvc-public-shell .listener-confirmation h3{
  margin-bottom:11px;
  font:700 28px/.98 var(--sans);
  letter-spacing:-.045em;
}

body.tvc-public-shell .listener-confirmation p{
  max-width:48ch;
  margin-bottom:15px;
  color:var(--about-muted);
  font:400 13px/1.6 var(--sans);
}

body.tvc-public-shell .listener-confirmation a{
  color:var(--about-red);
  font:500 10px/1.3 var(--mono);
  letter-spacing:.12em;
  text-underline-offset:4px;
}

@media(max-width:1000px){
  body.tvc-public-shell .find-trigger{
    grid-template-columns:31px minmax(150px,.75fr) minmax(0,1fr) 24px;
    gap:14px;
  }
  body.tvc-public-shell .collab-copy{padding-inline:20px}
}

@media(max-width:900px){
  body.tvc-public-shell .find-experience{display:block}
  body.tvc-public-shell .find-experience .find-panels{
    width:100%;
  }
  body.tvc-public-shell .collab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.tvc-public-shell .collab-copy{
    padding:24px 26px 30px 0;
  }
  body.tvc-public-shell .collab-copy:nth-child(odd){border-left:0}
  body.tvc-public-shell .collab-copy:nth-child(even){
    padding-left:26px;
    border-left:1px solid var(--about-rule);
  }
  body.tvc-public-shell .collab-copy:nth-child(n+3){
    border-top:1px solid var(--about-rule);
    padding-top:29px;
  }
  body.tvc-public-shell .collab-copy:first-child{padding-left:0}
  body.tvc-public-shell .collab-copy:nth-child(3){padding-left:0}
  body.tvc-public-shell .signup-grid{
    grid-template-columns:minmax(190px,.65fr) minmax(0,1fr)!important;
    gap:48px!important;
  }
}

@media(max-width:767px){
  body.tvc-public-shell main .shell{
    width:calc(100% - 32px);
  }
  body.tvc-public-shell .hero{
    padding:calc(var(--nav) + 53px) 0 75px;
  }
  body.tvc-public-shell .hero-grid>div{
    width:100%;
  }
  body.tvc-public-shell .hero-title-main{font-size:clamp(46px,13.5vw,70px)}
  body.tvc-public-shell .hero-title-intention{font-size:clamp(64px,18vw,91px)}
  body.tvc-public-shell .hero-copy{margin-top:39px}
  body.tvc-public-shell .hero-copy .lead{font-size:clamp(22px,6.2vw,29px)}
  body.tvc-public-shell .section{padding:82px 0}
  body.tvc-public-shell #what-we-create .section-head h2,
  body.tvc-public-shell #how-to-get-involved .section-head h2{
    font-size:clamp(44px,12vw,72px);
  }
  body.tvc-public-shell .find-trigger{
    min-height:0;
    grid-template-columns:28px minmax(0,1fr) 23px;
    gap:8px 12px;
    padding:19px 1px 20px;
  }
  body.tvc-public-shell .find-title{
    grid-column:2;
    grid-row:1;
    font-size:14px;
  }
  body.tvc-public-shell .find-num{
    grid-column:1;
    grid-row:1;
    align-self:start;
    padding-top:2px;
  }
  body.tvc-public-shell .find-description{
    grid-column:2;
    grid-row:2;
    font-size:14px;
  }
  body.tvc-public-shell .find-arrow{
    grid-column:3;
    grid-row:1 / span 2;
    align-self:center;
  }
  body.tvc-public-shell .find-panel{
    padding:23px 20px;
  }
  body.tvc-public-shell .find-panel h3{font-size:30px}
  body.tvc-public-shell .collab-grid{grid-template-columns:1fr}
  body.tvc-public-shell .collab-copy,
  body.tvc-public-shell .collab-copy:first-child,
  body.tvc-public-shell .collab-copy:nth-child(odd),
  body.tvc-public-shell .collab-copy:nth-child(even),
  body.tvc-public-shell .collab-copy:nth-child(3){
    padding:25px 0 27px;
    border-left:0;
    border-top:1px solid var(--about-rule);
  }
  body.tvc-public-shell .collab-copy:first-child{padding-top:0;border-top:0}
  body.tvc-public-shell .collab-num{margin-bottom:17px}
  body.tvc-public-shell .collab-copy h3{margin-bottom:10px}
  body.tvc-public-shell .collab-copy p{max-width:48ch}
  body.tvc-public-shell .signup{padding:72px 0!important}
  body.tvc-public-shell .signup .shell{width:min(100% - 30px,680px)!important}
  body.tvc-public-shell .signup-grid{
    grid-template-columns:1fr!important;
    gap:33px!important;
  }
  body.tvc-public-shell .signup h2{
    max-width:none!important;
    font-size:clamp(44px,12vw,65px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.tvc-public-shell .find-trigger,
  body.tvc-public-shell .find-arrow{transition:none}
  body.tvc-public-shell .find-panel.is-entering{animation:none}
}

/* Desktop About keeps the existing editorial sequence, but lets each divider
   connect to the next section without a full screen of vertical padding. */
@media (min-width:901px){
  body.tvc-public-shell .hero{
    padding-top:calc(var(--nav) + clamp(58px,6vw,88px));
    padding-bottom:clamp(64px,7vw,98px);
  }
  body.tvc-public-shell .section{
    padding-block:clamp(68px,7.4vw,106px);
  }
  body.tvc-public-shell .signup{
    padding:clamp(68px,7.2vw,102px) 0!important;
  }
  body.tvc-public-shell .signup-grid{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:24px!important;
  }
  body.tvc-public-shell .signup-grid>div:first-child,
  body.tvc-public-shell .signup-grid>div:last-child{
    width:100%;
  }
  body.tvc-public-shell .signup h2{
    max-width:9ch!important;
  }
  body.tvc-public-shell .signup-copy,
  body.tvc-public-shell .signup-form,
  body.tvc-public-shell .listener-confirmation{
    width:min(100%,700px);
  }
  body.tvc-public-shell .signup-form{
    margin-top:23px!important;
  }
}

/* Only existing standalone About text-link CTAs use compact outlined pills.
   Keep the audience's existing type, spacing, labels, and link destinations. */
body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-actions #aboutSecondaryCta,
body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #how-to-get-involved [data-about-audience]:not([data-about-audience="businesses"]) .collab-link:not(.find-panel .collab-link),
body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #stay-connected .member-link{
  display:inline-flex;
  width:fit-content;
  min-height:0;
  padding:9px 16px;
  border:1px solid var(--tvc-reference-accent,#b71c1c);
  border-radius:999px!important;
  background:transparent;
  color:var(--tvc-reference-accent,#b71c1c);
  text-decoration:none;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-actions #aboutSecondaryCta{
  border-color:var(--tvc-reference-accent,#b71c1c)!important;
  background:transparent!important;
  color:var(--tvc-reference-accent,#b71c1c)!important;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #stay-connected .member-link{
  color:var(--tvc-reference-accent,#b71c1c)!important;
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-actions #aboutSecondaryCta:hover,
body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-actions #aboutSecondaryCta:focus,
body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #how-to-get-involved [data-about-audience]:not([data-about-audience="businesses"]) .collab-link:not(.find-panel .collab-link):is(:hover,:focus),
body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #stay-connected .member-link:is(:hover,:focus){
  border-color:var(--tvc-reference-accent,#b71c1c);
  background:transparent;
  color:var(--tvc-reference-accent,#b71c1c);
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero-actions #aboutSecondaryCta:is(:hover,:focus),
body.tvc-public-shell.tvc-editorial-spread.tvc-about-page #stay-connected .member-link:is(:hover,:focus){
  border-color:var(--tvc-reference-accent,#b71c1c)!important;
  background:transparent!important;
  color:var(--tvc-reference-accent,#b71c1c)!important;
}

/* Tighten only About spread section boundaries; keep editorial dividers intact. */
body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .hero{
  padding-bottom:clamp(28px,3.5vw,40px);
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .section{
  padding-block:clamp(40px,4.4vw,56px);
}

body.tvc-public-shell.tvc-editorial-spread.tvc-about-page .signup{
  padding-block:clamp(40px,4.4vw,56px)!important;
}