/* RC7.9.24 — About Design Freeze authority.
 * Layout is unchanged. The cards themselves express the two strategic pillars.
 * Physical pilasters remain removed; line-art backgrounds and authority accents are retained.
 */
.tcc-foundation-v2__stage{width:100%;padding:clamp(26px,3vw,40px);border:0;outline:0;border-radius:var(--tcc-radius-lg,26px);background:transparent;box-shadow:none}
.tcc-foundation-v2__head{text-align:center;margin-bottom:clamp(22px,2.6vw,32px)}
.tcc-foundation-v2__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.5vw,30px);align-items:stretch}
.tcc-pillar-card{--pillar:#b98022;--pillar-soft:#fbf2df;--pillar-art:url("../images/mission-vision-mission-lineart.png");position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--pillar) 30%,transparent);border-radius:var(--tcc-radius-lg,26px);background:linear-gradient(145deg,rgba(255,255,255,.998),color-mix(in srgb,var(--pillar-soft) 34%,#fff));box-shadow:0 18px 38px rgba(25,43,36,.12),inset 0 1px 0 rgba(255,255,255,.92);overflow:hidden;isolation:isolate;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease,filter .3s ease}
.tcc-pillar-card--vision{--pillar:#0b654b;--pillar-soft:#e8f4ef;--pillar-art:url("../images/mission-vision-vision-lineart.png")}
.tcc-pillar-card::before{content:"";position:absolute;z-index:2;left:0;top:14px;bottom:14px;width:9px;border-radius:0 999px 999px 0;background:linear-gradient(to bottom,color-mix(in srgb,var(--pillar) 64%,#fff),var(--pillar) 45%,color-mix(in srgb,var(--pillar) 84%,#000));box-shadow:5px 0 18px color-mix(in srgb,var(--pillar) 18%,transparent),inset -1px 0 0 rgba(255,255,255,.38);transition:width .26s ease,filter .26s ease,box-shadow .26s ease}
.tcc-pillar-card::after{content:"";position:absolute;z-index:0;left:24px;right:14px;bottom:0;height:106px;background:var(--pillar-art) center bottom/108% auto no-repeat;opacity:.79;pointer-events:none;mask-image:linear-gradient(to top,#000 66%,transparent 100%);-webkit-mask-image:linear-gradient(to top,#000 66%,transparent 100%);transition:opacity .26s ease,transform .26s ease,filter .26s ease}
.tcc-pillar-card__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(24px,2.7vw,32px) clamp(28px,3.4vw,44px) clamp(90px,7vw,102px)}
.tcc-pillar-card__badge{display:grid;place-items:center;width:68px;height:68px;border-radius:21px;border:1px solid color-mix(in srgb,var(--pillar) 16%,transparent);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--pillar-soft) 78%,#fff));color:var(--pillar);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 11px 25px color-mix(in srgb,var(--pillar) 21%,transparent),0 0 0 7px color-mix(in srgb,var(--pillar) 5%,transparent);font-size:28px;line-height:1;margin-bottom:12px;transition:transform .26s ease,box-shadow .26s ease,filter .26s ease}
.tcc-pillar-card__badge.dashicons{width:68px;height:68px;font-size:28px;display:grid;place-items:center}.tcc-pillar-card__badge svg{width:35px;height:35px;display:block;stroke-width:3.8}
.tcc-pillar-card__eyebrow{margin:0 0 5px!important;color:var(--pillar)!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(11px,.95vw,13px)!important}
.tcc-pillar-card h2{margin:0!important;color:var(--about-green,#07523d)!important;font-size:clamp(28px,2.1vw,34px)!important;line-height:1.04!important}
.tcc-pillar-card__rule{position:relative;width:min(68%,220px);height:1px;background:color-mix(in srgb,var(--pillar) 38%,transparent);margin:14px auto 15px}.tcc-pillar-card__rule::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--pillar);transform:translate(-50%,-50%);box-shadow:0 0 0 5px color-mix(in srgb,var(--pillar) 9%,transparent)}
.tcc-pillar-card__copy{max-width:38ch;margin:0 auto!important;color:var(--tcc-color-text-muted,#646b65)!important;font-size:clamp(14px,1.12vw,var(--tcc-ds-body-size,17px))!important;line-height:1.52!important;text-align:left}
@media (hover:hover){.tcc-pillar-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--pillar) 43%,transparent);box-shadow:0 27px 54px rgba(25,43,36,.17),0 0 30px color-mix(in srgb,var(--pillar) 7%,transparent)}.tcc-pillar-card:hover::before{width:11px;filter:brightness(1.08);box-shadow:7px 0 22px color-mix(in srgb,var(--pillar) 24%,transparent),inset -1px 0 0 rgba(255,255,255,.42)}.tcc-pillar-card:hover::after{opacity:.88;transform:translateY(-3px) scale(1.015);filter:saturate(1.04)}.tcc-pillar-card:hover .tcc-pillar-card__badge{transform:translateY(-4px) scale(1.055);filter:brightness(1.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.97),0 17px 34px color-mix(in srgb,var(--pillar) 27%,transparent),0 0 0 8px color-mix(in srgb,var(--pillar) 7%,transparent)}}

/* Core Values — single authority implementation; fixed badge with readable text flow. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:clamp(16px,2vw,24px)!important;align-items:stretch!important;grid-auto-rows:1fr!important}body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2{
  grid-column:span 2;
  display:block!important;
  min-width:0;
  height:100%!important;
  min-height:250px!important;
  text-align:left!important;
  padding:26px!important;
  border:1px solid rgba(8,86,63,.17);
  border-radius:var(--tcc-radius-lg,22px);
  background:rgba(255,255,255,.96);
  box-shadow:0 13px 30px rgba(25,43,36,.085);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease,filter .3s ease;
  box-sizing:border-box!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2:nth-child(4){grid-column:2/span 2}body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2:nth-child(5){grid-column:4/span 2}
.tcc-value-card-v2__content{display:block;min-width:0}.tcc-value-card-v2__content::after{content:"";display:block;clear:both}
.tcc-value-card-v2__icon{float:left;display:grid;place-items:center;width:74px;height:74px;margin:0 22px 8px 0;border-radius:22px;background:linear-gradient(145deg,#fff,#f8f0df);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 9px 22px rgba(190,132,33,.13);color:#b98022;transition:transform .26s ease,box-shadow .26s ease,filter .26s ease}.tcc-value-card-v2:nth-child(even) .tcc-value-card-v2__icon{background:linear-gradient(145deg,#fff,#e7f2ed);color:#0b654b;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 9px 22px rgba(11,101,75,.13)}
.tcc-value-card-v2__icon .dashicons{width:auto;height:auto;font-size:23px;line-height:1}.tcc-value-card-v2 h3{margin:2px 0 9px!important;text-align:left!important;color:var(--about-green,#07523d)!important;font-size:clamp(23px,1.8vw,29px)!important;line-height:1.12!important}.tcc-value-card-v2 p{margin:0!important;text-align:left!important;color:var(--tcc-color-text-muted,#646b65)!important;line-height:1.62!important}
@media (hover:hover){.tcc-value-card-v2:hover{transform:translateY(-5px);border-color:rgba(8,86,63,.31);box-shadow:0 23px 48px rgba(25,43,36,.145),0 0 24px rgba(11,101,75,.055)}.tcc-value-card-v2:hover .tcc-value-card-v2__icon{transform:translateY(-4px) scale(1.045);filter:brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 14px 28px rgba(11,101,75,.16)}}
@media (min-width:761px) and (max-width:1024px){
  .tcc-foundation-v2__grid{gap:20px}
  .tcc-pillar-card__inner{padding-left:32px;padding-right:32px}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    gap:18px!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-card-v2,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-card-v2:nth-child(4){
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:230px!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-card-v2:nth-child(5){
    grid-column:1/-1!important;
    width:calc((100% - 18px)/2)!important;
    justify-self:center!important;
    min-width:0!important;
    min-height:230px!important;
  }
}
@media (max-width:760px){.tcc-foundation-v2__stage{padding:22px 16px}.tcc-foundation-v2__grid{grid-template-columns:1fr}.tcc-pillar-card::after{left:18px;right:10px;height:86px}.tcc-pillar-card__inner{padding:28px 22px 82px}.tcc-pillar-card__copy{text-align:left}.tcc-values-grid .tcc-value-card-v2{grid-column:1/-1!important;min-height:0!important}.tcc-value-card-v2__icon{width:66px;height:66px;margin-right:18px;border-radius:20px}}
@media (prefers-reduced-motion:reduce){.tcc-pillar-card,.tcc-pillar-card__badge,.tcc-pillar-card::before,.tcc-pillar-card::after,.tcc-value-card-v2,.tcc-value-card-v2__icon{transition:none!important;transform:none!important}}

/* RC7.9.25 — Component surface authority. */
/* Mission & Vision: one full-width stage, same authority width as all stages. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-brand-foundation-v2>.container{
  max-width:100%!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-foundation-v2__stage{
  width:100%!important;
  box-sizing:border-box!important;
}

/* Five Core Values: equal cards, equal badge geometry and equal internal rhythm. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
}body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2__icon{
  width:74px!important;
  height:74px!important;
  margin:0 22px 8px 0!important;
  box-sizing:border-box!important;
  color:var(--value-accent)!important;
  background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--value-accent) 9%,#fff))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 24px color-mix(in srgb,var(--value-accent) 16%,transparent)!important;
}

@media(max-width:1024px){

  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2{min-height:230px!important}
}
@media(max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2{
    min-height:0!important;
    padding:22px!important;
  }
}

/* RC7.9.26 — About Hero physical audit authority.
 * Homepage remains the visual authority. This block only aligns the About
 * Hero editorial content with the frozen Homepage hero tokens and rhythm.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner{
  align-items:center!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner__inner{
  padding-top:clamp(28px,3vw,42px)!important;
  padding-bottom:clamp(58px,6vw,82px)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner h1{
  max-width:700px!important;
  font-size:clamp(3.7rem,7.4vw,var(--tcc-ds-display-title-desktop,var(--hero-title-size,7.2rem)))!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner__inner>p:last-child{
  max-width:700px!important;
  margin-top:var(--tcc-space-md,20px)!important;
}
@media(max-width:1024px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner__inner{
    padding-top:36px!important;
    padding-bottom:62px!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner h1{
    font-size:var(--tcc-ds-display-title-tablet,52px)!important;
    line-height:.96!important;
  }
}
@media(max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner{
    align-items:flex-end!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner__inner{
    padding-top:32px!important;
    padding-bottom:44px!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner h1{
    max-width:100%!important;
    font-size:var(--tcc-ds-display-title-mobile,38px)!important;
    line-height:1!important;
    letter-spacing:var(--tcc-heading-tracking,-.01em)!important;
  }
}


/* RC7.9.27.3 — Story consolidated authority.
 * Story layout, spacing, image, quote geometry, hover and responsive rules
 * are owned here only. Legacy Story declarations were removed from about.css.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story{
  background:var(--tcc-color-background,var(--tcc-page-canvas,#f8f5ef));
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:clamp(48px,6vw,82px)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__content{max-width:590px;}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__content>h2{
  margin-top:0;
  font-size:var(--tcc-ds-section-title-desktop,36px);
  line-height:var(--tcc-subheading-line,1.12);
  color:var(--about-green);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .is-image-left .tcc-story__visual{order:-1;}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual{
  --tcc-story-quote-overlap:clamp(54px,5vw,70px);
  position:relative;
  overflow:visible;
  padding-bottom:var(--tcc-story-quote-overlap);
}
/* RC43.1125 — Brand Story image fit runtime authority.
 * Respect Image Composition fit selected in About CMS; do not force cover.
 * Geometry, quote overlap and existing responsive composition remain unchanged.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual img{
  display:block;
  width:100%;
  min-height:460px;
  object-fit:var(--tcc-about-story-fit,cover)!important;
  object-position:center!important;
  border:0;
  border-radius:var(--tcc-radius-lg,20px);
  box-shadow:var(--tcc-shadow,0 8px 24px rgba(17,24,39,.08));
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual blockquote{
  position:absolute;
  left:clamp(-52px,-3.5vw,-34px);
  right:auto;
  top:calc(100% - var(--tcc-story-quote-overlap));
  bottom:auto;
  width:min(360px,78%);
  max-width:360px;
  margin:0;
  padding:var(--tcc-ds-card-padding,24px);
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--tcc-radius-md,14px);
  background:var(--about-green);
  color:#fff;
  font-size:1.12rem;
  line-height:1.5;
  transform:translateY(-50%);
  transform-origin:center;
  box-shadow:0 18px 38px rgba(7,82,61,.20);
  transition:box-shadow .3s ease,border-color .3s ease,filter .3s ease;
}
@media (hover:hover){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual blockquote:hover{
    border-color:rgba(255,255,255,.34);
    box-shadow:0 24px 46px rgba(7,82,61,.27);
    filter:brightness(1.035);
  }
}
@media(max-width:1024px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__content>h2{font-size:var(--tcc-ds-section-title-tablet,30px);}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__grid{grid-template-columns:1fr;}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .is-image-left .tcc-story__visual{order:0;}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual blockquote{left:18px;width:min(360px,82%);}
}
@media(max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__content>h2{font-size:var(--tcc-ds-section-title-mobile,26px);}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual{--tcc-story-quote-overlap:0px;padding-bottom:0;}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual img{min-height:320px;}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual blockquote{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:calc(100% - 28px);
    max-width:none;
    margin:-18px 14px 18px;
    transform:none;
  }
}
@media(prefers-reduced-motion:reduce){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual blockquote{transition:none;}
}

/* About premium stage rhythm and section identities.
 * Homepage is the geometry authority. Stage frames are borderless; cards carry
 * the visual narrative of each section without changing section content.
 */

/* Story — editorial signature: anchored quote, light sweep, no positional jump. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual blockquote{
  overflow:hidden;
  isolation:isolate;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual blockquote::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-45% auto -45% -36%;
  width:30%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
  opacity:0;
  transition:left .48s ease,opacity .25s ease;
}
@media(hover:hover){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual blockquote:hover::before{left:112%;opacity:1}
}

/* Mission & Vision — two pillars: gold purpose / green horizon. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-pillar-card{
  min-height:100%;
  transform-origin:center bottom;
  filter:saturate(.98);
  transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease,filter .32s ease;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-pillar-card--mission{
  background:linear-gradient(165deg,#fffdf8 0%,#fbf2df 100%);
  box-shadow:0 24px 56px rgba(164,111,25,.17),inset 7px 0 0 rgba(185,128,34,.78),inset 0 1px 0 rgba(255,255,255,.96);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-pillar-card--vision{
  background:linear-gradient(165deg,#fbfffd 0%,#e8f4ef 100%);
  box-shadow:0 24px 56px rgba(7,82,61,.17),inset -7px 0 0 rgba(7,82,61,.72),inset 0 1px 0 rgba(255,255,255,.96);
}

/* Core Values — five distinct principles with individual premium accents. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2{
  --value-accent:#b98022;
  --value-soft:rgba(185,128,34,.08);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-color:color-mix(in srgb,var(--value-accent) 20%,transparent)!important;
  background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--value-soft) 62%,#fff) 100%)!important;
  box-shadow:0 16px 34px rgba(25,43,36,.09),0 8px 28px color-mix(in srgb,var(--value-accent) 6%,transparent)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2:nth-child(2){--value-accent:#0b654b;--value-soft:rgba(11,101,75,.08)}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2:nth-child(3){--value-accent:#9c6a24;--value-soft:rgba(156,106,36,.08)}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2:nth-child(4){--value-accent:#16725a;--value-soft:rgba(22,114,90,.08)}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2:nth-child(5){--value-accent:#c28b2f;--value-soft:rgba(194,139,47,.09)}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,var(--value-accent),color-mix(in srgb,var(--value-accent) 38%,#fff));
  box-shadow:0 8px 20px color-mix(in srgb,var(--value-accent) 12%,transparent);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-58px;bottom:-72px;
  width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--value-accent) 11%,transparent),transparent 68%);
  transition:transform .3s ease,opacity .3s ease;
}
@media(hover:hover){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2:hover{
    border-color:color-mix(in srgb,var(--value-accent) 34%,transparent)!important;
    box-shadow:0 28px 58px rgba(25,43,36,.15),0 0 38px color-mix(in srgb,var(--value-accent) 13%,transparent)!important;filter:saturate(1.06) brightness(1.01);
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-value-card-v2:hover::after{transform:scale(1.12);opacity:1}
}

/* Factory — production assurance: controlled image lift and QC status cards. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__grid{
  gap:clamp(36px,5vw,68px)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual{
  overflow:hidden;
  border-radius:var(--tcc-radius-lg,22px);
  box-shadow:0 18px 42px rgba(91,65,30,.13);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual img{
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(7,82,61,.09)!important;
  background:linear-gradient(145deg,#fff 0%,rgba(242,248,244,.92) 100%)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div:nth-child(even){
  border-color:rgba(185,128,34,.12)!important;
  background:linear-gradient(145deg,#fff 0%,#fcf8ef 100%)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div::after{
  content:"";
  position:absolute;
  left:14%;right:14%;bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,transparent,var(--about-green),transparent);
  opacity:.5;
  transform:scaleX(.45);
  transition:transform .3s ease,opacity .3s ease;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div:nth-child(even)::after{background:linear-gradient(90deg,transparent,var(--about-gold),transparent)}
@media(hover:hover){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual:hover img{transform:scale(1.025);filter:saturate(1.04) contrast(1.015)}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div:hover{transform:translateY(-4px);border-color:rgba(7,82,61,.28)!important;box-shadow:0 20px 38px rgba(25,43,36,.12)!important}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div:hover::after{transform:scaleX(1);opacity:1}
}

/* Timeline — brand journey: wider, tighter and directional rather than floating. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list{
  width:100%!important;
  max-width:none!important;
  margin-inline:auto!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article{
  --timeline-accent:var(--about-gold);
  padding-bottom:26px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article:nth-child(even){--timeline-accent:#0b654b}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article>div:last-child{
  position:relative;
  overflow:hidden;
  padding:22px 26px!important;
  border:0!important;
  border-left:4px solid var(--timeline-accent)!important;
  border-radius:var(--tcc-radius-md,14px)!important;
  background:linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--timeline-accent) 7%,#fff) 100%)!important;
  box-shadow:0 16px 38px rgba(25,43,36,.11),inset 0 1px 0 rgba(255,255,255,.96)!important;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article>div:last-child::after{
  content:"";
  position:absolute;
  top:0;right:0;
  width:72px;height:72px;
  background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--timeline-accent) 14%,transparent),transparent 70%);
}
@media(hover:hover){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article>div:last-child:hover{
    transform:translateX(5px);
    filter:saturate(1.04) brightness(1.01);
    box-shadow:0 20px 44px rgba(25,43,36,.15),0 0 28px color-mix(in srgb,var(--timeline-accent) 9%,transparent)!important;
  }
}
@media(max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article>div:last-child:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page :is(.tcc-story__visual blockquote::before,.tcc-value-card-v2,.tcc-value-card-v2::after,.tcc-factory__visual img,.tcc-factory-stats>div,.tcc-factory-stats>div::after,.tcc-timeline-list article>div:last-child){transition:none!important;transform:none!important}
}

/* RC7.9.36 — About transition balance + stage surface regression fix.
 * One authority for inter-section rhythm. Stage wrappers remain visually
 * borderless and transparent; only content cards retain their own surfaces.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
  --about-transition-y:30px;
  --about-head-gap:18px;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page>.tcc-about-stage{
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-top:var(--about-transition-y)!important;
  padding-bottom:var(--about-transition-y)!important;
  padding-inline:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page>.tcc-about-stage::before,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page>.tcc-about-stage::after{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page>.tcc-about-stage>.container{
  width:min(var(--tcc-container,1200px),calc(100% - 40px))!important;
  max-width:100%!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page :where(.tcc-a-head,.tcc-foundation-v2__head){
  margin-bottom:var(--about-head-gap)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-foundation-v2__stage{
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual{
  --tcc-story-quote-overlap:40px;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article:last-child{
  padding-bottom:0!important;
}

@media(max-width:1024px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
    --about-transition-y:24px;
    --about-head-gap:16px;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page>.tcc-about-stage>.container{
    width:min(var(--tcc-container,1200px),calc(100% - 32px))!important;
  }
}
@media(max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
    --about-transition-y:18px;
    --about-head-gap:14px;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page>.tcc-about-stage>.container{
    width:calc(100% - 24px)!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual{
    --tcc-story-quote-overlap:0px;
  }
}

/* RC7.9.39 — Approved About surface and footer transition corrections.
 * Scope: Core Values stage wrapper, Factory stage wrapper, CTA-to-footer gap.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values>.container{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values::before,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values::after,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values>.container::before,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values>.container::after{
  content:none!important;
  display:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory>.container{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory::before,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory::after,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory>.container::before,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory>.container::after{
  content:none!important;
  display:none!important;
}




/* RC7.9.40 — About CTA outer card radius.
 * Scope: only the rendered CTA card surface.
 */


/* RC7.9.171 — Final About Hero media/overlay authority.
 * One structural owner, one paint owner:
 * - Media Presentation Builder emits fit/position/zoom and overlay variables.
 * - This block binds those variables to Media -> Overlay -> Content layers.
 * - No blur, backdrop-filter, blend mode, pseudo overlay or legacy fallback.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page>.tcc-about-banner{
  width:100%!important;
  max-width:none!important;
  margin-top:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:transparent!important;
  background-image:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner__inner{
  width:min(var(--tcc-ds-container-width,var(--tcc-container,1200px)),calc(100% - 48px))!important;
  position:relative;
  z-index:3;
}
.tcc-about-banner__media,
.tcc-about-banner__overlay{
  position:absolute;
  inset:0;
}
.tcc-about-banner__media{
  z-index:0;
  overflow:hidden;
  background:none!important;
  transform:none!important;
}
.tcc-about-banner__media-backdrop,
.tcc-about-banner__media-asset{
  position:absolute;
  inset:0;
  display:block;
  pointer-events:none;
  background-repeat:no-repeat;
}
/* Canvas fill for Contain / Auto Fit / Scale Down.
 * Use the selected overlay color, never a blurred duplicate image.
 */
.tcc-about-banner__media-backdrop{
  z-index:0;
  opacity:0;
  background-image:none!important;
  background-color:var(--tcc-media-overlay-color,#003a2e);
  transform:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  mix-blend-mode:normal!important;
}
.tcc-about-banner__media-asset{
  z-index:1;
  background-image:var(--banner-bg);
  background-size:var(--tcc-media-fit,cover);
  background-position:var(--tcc-media-anchor-x,var(--tcc-media-position-x,50%)) var(--tcc-media-position-y,50%);
  transform:scale(var(--tcc-media-zoom,1));
  transform-origin:var(--tcc-media-anchor-x,var(--tcc-media-position-x,50%)) var(--tcc-media-position-y,50%);
  filter:none!important;
  mix-blend-mode:normal!important;
}
/* Off = the original photograph, full-bleed and without any paint layer.
 * This intentionally normalizes contain-like fits to cover so no empty white
 * canvas appears behind white Hero copy.
 */
.tcc-about-banner:is(.is-overlay-off,[data-overlay-mode="off"]) .tcc-about-banner__media-asset{
  background-size:cover!important;
}
/* Solid/Gradient may keep the configured contain-like foreground composition;
 * the uncovered canvas is a clean brand-colour surface, not a blurred image.
 */
.tcc-about-banner:is(.is-overlay-solid,.is-overlay-gradient,[data-overlay-mode="solid"],[data-overlay-mode="gradient"])[data-media-fit="contain"] .tcc-about-banner__media-backdrop,
.tcc-about-banner:is(.is-overlay-solid,.is-overlay-gradient,[data-overlay-mode="solid"],[data-overlay-mode="gradient"])[data-media-fit="auto-fit"] .tcc-about-banner__media-backdrop,
.tcc-about-banner:is(.is-overlay-solid,.is-overlay-gradient,[data-overlay-mode="solid"],[data-overlay-mode="gradient"])[data-media-fit="scale-down"] .tcc-about-banner__media-backdrop{
  opacity:1;
}
.tcc-about-banner__overlay{
  z-index:2;
  pointer-events:none;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  mix-blend-mode:normal!important;
}
.tcc-about-banner:is(.is-overlay-off,[data-overlay-mode="off"]) .tcc-about-banner__overlay{
  display:none!important;
  background:none!important;
  background-image:none!important;
}
.tcc-about-banner:is(.is-overlay-solid,.is-overlay-gradient,[data-overlay-mode="solid"],[data-overlay-mode="gradient"]) .tcc-about-banner__overlay{
  display:block!important;
  background:var(--tcc-media-overlay)!important;
}
@media(max-width:1024px){
  .tcc-about-banner__media-asset{
    background-position:var(--tcc-media-anchor-x-tablet,var(--tcc-media-anchor-x,var(--tcc-media-position-x-tablet,var(--tcc-media-position-x,50%)))) var(--tcc-media-position-y-tablet,var(--tcc-media-position-y,50%));
    transform:scale(var(--tcc-media-zoom-tablet,var(--tcc-media-zoom,1)));
    transform-origin:var(--tcc-media-anchor-x-tablet,var(--tcc-media-anchor-x,var(--tcc-media-position-x-tablet,var(--tcc-media-position-x,50%)))) var(--tcc-media-position-y-tablet,var(--tcc-media-position-y,50%));
  }
}
@media(max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner__inner{
    width:min(var(--tcc-container,1200px),calc(100% - 32px))!important;
  }
  .tcc-about-banner__media-asset{
    background-position:var(--tcc-media-anchor-x-mobile,var(--tcc-media-anchor-x,var(--tcc-media-position-x-mobile,var(--tcc-media-position-x,50%)))) var(--tcc-media-position-y-mobile,var(--tcc-media-position-y,50%));
    transform:scale(var(--tcc-media-zoom-mobile,var(--tcc-media-zoom,1)));
    transform-origin:var(--tcc-media-anchor-x-mobile,var(--tcc-media-anchor-x,var(--tcc-media-position-x-mobile,var(--tcc-media-position-x,50%)))) var(--tcc-media-position-y-mobile,var(--tcc-media-position-y,50%));
  }
}

/* RC7.9.172 — About Hero physical header dock authority.
 * The global non-home page rhythm adds top padding to main/site-main.
 * About owns a full-bleed Hero as its first stage, so that generic padding
 * must not create a spacer between the frozen Header and the Hero.
 * Hero height continues to use the shared Design System token.
 */
body.tcc-design-sync.tcc-frontend-engine main.tcc-about-page{
  padding-top:0!important;
  margin-top:0!important;
}
body.tcc-design-sync.tcc-frontend-engine main.tcc-about-page>.tcc-about-banner:first-child{
  margin-top:0!important;
  min-height:var(--tcc-ds-hero-height-desktop,520px)!important;
}
@media(max-width:1024px){
  body.tcc-design-sync.tcc-frontend-engine main.tcc-about-page>.tcc-about-banner:first-child{
    min-height:var(--tcc-ds-hero-height-tablet,400px)!important;
  }
}
@media(max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine main.tcc-about-page>.tcc-about-banner:first-child{
    min-height:var(--tcc-ds-hero-height-mobile,340px)!important;
  }
}

/* RC7.9.174 — Story typography rhythm aligned to frozen Homepage authority.
 * The superseded RC7.9.173 typography block was removed rather than
 * overridden. Container, grid, media and quote-card authority remain intact.
 * Homepage canonical values: h2 gap 18px; body line-height Design System 1.7.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__content>h2{
  margin-bottom:18px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__content>.tcc-a-lead{
  margin:0!important;
  line-height:var(--tcc-ds-body-line-height,1.7)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__content>.tcc-a-lead br+br{
  display:block;
  content:"";
  margin-top:var(--tcc-ds-spacing-sm,12px);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual img{
  transition:transform .3s ease,box-shadow .3s ease;
  transform-origin:center;
}
@media (hover:hover){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual:hover img{
    transform:translateY(-3px) scale(1.018);
    box-shadow:0 16px 34px rgba(17,24,39,.13);
  }
}
@media (prefers-reduced-motion:reduce){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual img{
    transition:none!important;
    transform:none!important;
  }
}
/* RC7.9.175 — Factory copy rhythm aligned to frozen Homepage authority.
 * Keep the distinctive factory layout, media, KPI rail and section width intact.
 * Only the heading-to-copy gap and body reading rhythm inherit Homepage tokens.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__content>h2{
  margin-bottom:18px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__content>.tcc-a-lead{
  margin:0!important;
  line-height:var(--tcc-ds-body-line-height,1.7)!important;
}


/* RC7.9.176 — About factory/timeline physical balance against frozen Homepage authority.
 * Scope lock: preserve section containers, grids, typography, media, KPI cards and animations.
 * Factory copy is optically raised on desktop only; timeline milestone rhythm gains 8px.
 */
@media (min-width:1025px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__content{
    transform:translateY(-14px);
  }
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article:last-child{
  padding-bottom:0!important;
}

/* RC7.9.178 — Final Factory KPI breathing-space polish against frozen Homepage authority.
 * Scope lock: preserve Factory grid, content position, image, KPI cards, typography,
 * animations and responsive behavior. Only the copy-to-KPI vertical gap is refined.
 */
@media (min-width:1025px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats{
    margin-top:32px!important;
  }
}

/* RC7.9.399 — About stage width authority sync.
 * Frozen Homepage container is the only horizontal reference:
 * desktop 1200px / 20px gutters, tablet 16px gutters, mobile 12px gutters.
 * Stage sections remain full-width; every direct stage container owns the same width.
 * Legacy stage padding and the Timeline 980px cap were removed.
 */

/* RC7.9.398 — About CTA single geometry authority.
 * Frozen Homepage CTA is the reference: compact card, no forced height,
 * 24–36px vertical breathing room, 280px desktop media ceiling.
 * All earlier About CTA selectors were removed from both About stylesheets.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:min(1120px,calc(100% - 48px))!important;
  min-height:0!important;
  margin:24px auto 18px!important;
  padding:0!important;
  border:1px solid var(--tcc-home-card-border,rgba(7,82,61,.12))!important;
  border-radius:var(--tcc-home-card-radius,var(--tcc-ds-radius-large,24px))!important;
  background:#eef5f1!important;
  box-shadow:var(--tcc-home-card-shadow,0 18px 54px rgba(18,32,27,.08))!important;
  text-align:left!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta::after{
  content:none!important;display:none!important;background:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-about-cta__background{
  position:absolute!important;inset:0!important;z-index:0!important;
  display:none!important;border-radius:inherit!important;background:none!important;transform:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-about-cta__overlay{
  position:absolute!important;inset:0!important;z-index:1!important;
  display:none!important;border-radius:inherit!important;pointer-events:none!important;background:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta.tcc-image-cta-card .tcc-about-cta__background{
  display:block!important;
  background-image:var(--cta-bg,none)!important;
  background-size:var(--tcc-media-fit,cover)!important;
  background-position:var(--tcc-media-anchor-x,var(--tcc-media-position-x,50%)) var(--tcc-media-position-y,50%)!important;
  background-repeat:no-repeat!important;
  transform:scale(var(--tcc-media-zoom,1))!important;
  transform-origin:var(--tcc-media-anchor-x,var(--tcc-media-position-x,50%)) var(--tcc-media-position-y,50%)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta.tcc-image-cta-card .tcc-about-cta__overlay{
  display:var(--tcc-media-overlay-display,block)!important;
  background:var(--tcc-media-overlay,none)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta > .tcc-about-cta__inner{
  position:relative!important;z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(190px,260px)!important;
  align-items:center!important;
  gap:clamp(28px,4vw,52px)!important;
  width:100%!important;max-width:none!important;min-height:0!important;
  margin:0!important;
  padding:clamp(24px,3vw,36px)!important;
  box-sizing:border-box!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta > .tcc-about-cta__inner.media-left{
  grid-template-columns:minmax(190px,260px) minmax(0,1fr)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-about-cta__content{
  grid-column:1!important;grid-row:1!important;
  align-self:center!important;justify-self:stretch!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  width:100%!important;max-width:820px!important;min-height:0!important;
  margin:0!important;text-align:left!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta > .tcc-about-cta__inner.media-left > .tcc-about-cta__content{grid-column:2!important;}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta.no-cta-image > .tcc-about-cta__inner{
  grid-template-columns:minmax(0,1fr)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta.no-cta-image .tcc-about-cta__content{
  grid-column:1!important;max-width:820px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-about-cta__eyebrow{
  width:auto!important;max-width:max-content!important;
  margin:0 0 12px!important;padding:5px 13px!important;
  font-size:11px!important;letter-spacing:.2em!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta h2{
  max-width:820px!important;margin:0 0 18px!important;
  color:var(--about-green,#0b573f)!important;
  font-size:var(--tcc-ds-section-title-desktop,36px)!important;
  line-height:1.08!important;letter-spacing:-.025em!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta p:not(.tcc-eyebrow){
  max-width:820px!important;margin:0!important;
  color:var(--about-muted,#66716c)!important;
  font-size:clamp(.98rem,1.35vw,1.08rem)!important;line-height:1.58!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-a-actions{
  display:flex!important;justify-content:flex-start!important;
  gap:12px!important;margin-top:18px!important;text-align:left!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-universal-cta-media{
  grid-column:2!important;grid-row:1!important;
  align-self:center!important;justify-self:stretch!important;justify-content:flex-end!important;
  min-width:0!important;width:100%!important;padding:0!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-universal-cta-media.is-left{
  grid-column:1!important;justify-content:flex-start!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-universal-cta-media img{
  display:block!important;width:min(108%,calc(var(--tcc-cta-media-width,240px) * 1.08))!important;
  height:auto!important;max-height:280px!important;object-fit:var(--tcc-cta-media-fit,contain)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta.tcc-image-cta-card > .tcc-about-cta__inner{
  grid-template-columns:minmax(0,1fr)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta.tcc-image-cta-card .tcc-about-cta__content{
  grid-column:1!important;width:min(100%,620px)!important;max-width:620px!important;color:#fff!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta.tcc-image-cta-card :is(h2,p){color:#fff!important;}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta.tcc-image-cta-card .tcc-universal-cta-media{display:none!important;}
@media(max-width:1024px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta{
    width:min(1120px,calc(100% - 40px))!important;margin-bottom:14px!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta h2{
    font-size:var(--tcc-ds-section-title-tablet,30px)!important;
  }
}
@media(max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta{
    width:calc(100% - 32px)!important;margin:20px auto 12px!important;border-radius:24px!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta > .tcc-about-cta__inner,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta > .tcc-about-cta__inner.media-left{
    grid-template-columns:1fr!important;grid-template-rows:auto!important;
    gap:20px!important;min-height:0!important;padding:28px 22px!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-about-cta__content,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta > .tcc-about-cta__inner.media-left > .tcc-about-cta__content{
    grid-column:1!important;grid-row:2!important;max-width:none!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta.no-cta-image .tcc-about-cta__content,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta.tcc-image-cta-card .tcc-about-cta__content{
    grid-row:1!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-universal-cta-media,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-universal-cta-media.is-left{
    grid-column:1!important;grid-row:1!important;justify-self:center!important;justify-content:center!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-universal-cta-media img{
    width:min(100%,230px)!important;max-height:210px!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta h2{
    font-size:var(--tcc-ds-section-title-mobile,26px)!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page > .tcc-about-cta .tcc-a-actions{
    width:100%!important;gap:10px!important;flex-direction:column!important;
  }
}


/* RC43.281 — About Mobile Core Values regression repair.
 * Runtime authority remains about-authority-v2.css. On narrow viewports the
 * parent six-column authority must collapse as well as each card's grid span;
 * otherwise 1/-1 resolves inside six narrow tracks and compresses card text.
 */
@media (max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    gap:14px!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-card-v2,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-card-v2:nth-child(4),
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-card-v2:nth-child(5){
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
  }
}


/* RC43.1126 — About opt-in bridge to canonical intrinsic-ratio authority.
 * Only non-crop modes release the Story/Factory fixed media geometry. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual.tcc-media-frame--intrinsic img,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual.tcc-media-frame--intrinsic img{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual.tcc-media-frame--intrinsic{
  min-height:0!important;
  height:auto!important;
  aspect-ratio:auto!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-story__visual.tcc-media-frame--scale-down img,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual.tcc-media-frame--scale-down img{
  width:auto!important;
  max-width:100%!important;
  margin-inline:auto!important;
}
