/*
 * The Capital Coffee — About page
 * v13.6.1-rc7.9.1 — Design Authority Cleanup
 *
 * Shared visual primitives are owned by Design System. This stylesheet keeps
 * only the About page composition and its explicitly exempt distinctive
 * layouts (Mission, Vision, Core Values, Timeline, media proportions).
 */
.tcc-about-page{
  --about-green:var(--tcc-color-primary,var(--tcc-primary,#0b573f));
  --about-gold:var(--tcc-color-accent,var(--tcc-accent,#b98232));
  --about-ink:var(--tcc-color-text,var(--tcc-ui-ink,#17110d));
  --about-muted:var(--tcc-color-muted,var(--tcc-ui-muted,#626962));
  --about-line:var(--tcc-color-border,var(--tcc-ui-border,#e4ded2));
  background:var(--tcc-color-background,var(--tcc-page-canvas,#f8f5ef));
  color:var(--about-ink);
  overflow-x:hidden;
}
.tcc-about-page .container{width:min(calc(100% - 32px),var(--tcc-container,1200px));margin-inline:auto}
.tcc-about-page h1,.tcc-about-page h2,.tcc-about-page h3{font-family:inherit;font-weight:var(--tcc-heading-weight,700);letter-spacing:var(--tcc-heading-tracking,-.01em)}
.tcc-a-lead,.tcc-a-head>p:last-child{font-size:var(--tcc-ds-body-size,17px);line-height:var(--tcc-ds-body-line-height,1.7);color:var(--about-muted)}
.tcc-a-section{padding-block:var(--tcc-ds-section-space-desktop,52px);margin-block:0}
.tcc-a-head{max-width:var(--tcc-content-width,760px);margin-bottom:var(--tcc-ds-content-gap,20px)}
.tcc-about-page .tcc-factory__content>h2,
.tcc-about-page .tcc-a-head>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)}

/* Hero structure only; visual paint authority lives in about-authority-v2.css. */
.tcc-about-banner{position:relative;min-height:var(--tcc-ds-hero-height-desktop,460px);display:flex;align-items:end;color:#fff}
.tcc-about-banner__media,.tcc-about-banner__overlay{position:absolute;inset:0}
.tcc-about-banner__media{background-image:var(--banner-bg)}
.tcc-about-banner__inner{position:relative;z-index:2;padding-bottom:var(--tcc-ds-page-space-desktop,52px)}
.tcc-about-banner h1{max-width:900px;margin:0;color:#fff;font-size:var(--tcc-ds-display-title-desktop,64px);line-height:var(--tcc-h1-line,1.05);letter-spacing:var(--tcc-heading-tracking,-.01em)}
.tcc-about-banner__inner>p:last-child{max-width:700px;margin-top:var(--tcc-space-md,20px);color:rgba(255,255,255,.84);font-size:var(--tcc-ds-body-size,17px);line-height:var(--tcc-ds-body-line-height,1.7)}

/* Story / factory layouts. */
.tcc-mission-vision,.tcc-values,.tcc-timeline{background:var(--tcc-color-background,var(--tcc-page-canvas,#f8f5ef))}
.tcc-factory{background:var(--tcc-color-surface,#fff)}
.tcc-factory__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--tcc-ds-content-gap,20px);align-items:center}
.tcc-factory__visual img,.tcc-video iframe{width:100%;object-fit:var(--tcc-about-factory-fit,cover);border:0;border-radius:var(--tcc-radius-lg,20px);box-shadow:var(--tcc-shadow,0 8px 24px rgba(17,24,39,.08))}
.tcc-factory__visual img,.tcc-video iframe{aspect-ratio:16/10}

/* Mission, Vision and Core Values are explicitly distinctive layouts. */
.tcc-mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--tcc-ds-content-gap,20px)}
.tcc-values-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--tcc-ds-content-gap,20px)}
.tcc-mv-grid article,.tcc-values-grid article{position:relative;overflow:hidden;padding:var(--tcc-ds-card-padding,24px);border:var(--tcc-ds-card-border,1px) solid var(--about-line);border-radius:var(--tcc-radius-md,14px);background:var(--tcc-color-surface,#fff);box-shadow:var(--tcc-shadow,0 8px 24px rgba(17,24,39,.08))}
.tcc-mv-grid article{min-height:260px;border-top:4px solid var(--about-gold)}
.tcc-mv-grid article:last-child{border-top-color:var(--about-green)}
.tcc-values-grid article{flex:1 1 210px;max-width:calc((100% - (var(--tcc-ds-content-gap,20px) * 2))/3);min-height:230px;border-top:5px solid var(--value-accent,var(--about-gold))}
.tcc-values-grid article:nth-child(1){--value-accent:#b98232}.tcc-values-grid article:nth-child(2){--value-accent:#0b573f}.tcc-values-grid article:nth-child(3){--value-accent:#9c5b3f}.tcc-values-grid article:nth-child(4){--value-accent:#55756a}.tcc-values-grid article:nth-child(5){--value-accent:#816b3a}
.tcc-mv-grid .dashicons,.tcc-values-grid .dashicons{display:grid;place-items:center;width:46px;height:46px;margin-bottom:var(--tcc-space-md,20px);border-radius:var(--tcc-radius-md,14px);color:var(--value-accent,var(--about-gold));background:color-mix(in srgb,var(--value-accent,var(--about-gold)) 13%,white);font-size:var(--tcc-ds-icon-size,24px)}
.tcc-mv-grid h2,.tcc-values-grid h3,.tcc-timeline-list h3{font-size:var(--tcc-ds-card-title-desktop,26px);line-height:1.2;color:var(--about-green)}
.tcc-mv-grid p,.tcc-values-grid p{color:var(--about-muted);font-size:var(--tcc-ds-body-size,17px);line-height:var(--tcc-ds-body-line-height,1.7)}

.tcc-factory-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tcc-ds-content-gap,20px);margin-top:var(--tcc-space-xl,36px)}
.tcc-factory-stats div{padding:var(--tcc-ds-card-padding,24px);border:var(--tcc-ds-card-border,1px) solid var(--about-line);border-top:4px solid var(--about-gold);border-radius:var(--tcc-radius-md,14px);background:var(--tcc-color-surface,#fff);box-shadow:var(--tcc-shadow)}
.tcc-factory-stats strong{display:block;color:var(--about-green);font-size:1.45rem}.tcc-factory-stats span{color:var(--about-muted)}

/* Timeline geometry is excluded from Global Sync; shared type/cards still use tokens. */
.tcc-timeline-list{position:relative;max-width:var(--tcc-content-width,760px);margin:auto}
.tcc-timeline-list:before{content:"";position:absolute;left:120px;top:0;bottom:0;width:2px;background:var(--about-gold)}
.tcc-timeline-list article{display:grid;grid-template-columns:95px 1fr;gap:var(--tcc-space-xl,36px);position:relative;padding:0 0 var(--tcc-space-xl,36px)}
.tcc-timeline-list article:before{content:"";position:absolute;left:112px;top:9px;width:18px;height:18px;border:4px solid var(--tcc-color-background,#f8f5ef);border-radius:50%;background:var(--about-green);box-shadow:0 0 0 2px var(--about-gold)}
.tcc-timeline-list article>div:last-child{padding:var(--tcc-ds-card-padding,24px);border:var(--tcc-ds-card-border,1px) solid var(--about-line);border-radius:var(--tcc-radius-md,14px);background:var(--tcc-color-surface,#fff);box-shadow:var(--tcc-shadow)}
.tcc-timeline-year{color:var(--about-gold);font-size:1rem;font-weight:900}
.tcc-timeline-list h3{margin:0 0 var(--tcc-space-xs,8px)}.tcc-timeline-list p{margin:0;color:var(--about-muted);line-height:var(--tcc-ds-body-line-height,1.7)}




.tcc-a-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:var(--tcc-ds-content-gap,20px);margin-top:var(--tcc-space-lg,28px)}
.tcc-a-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tcc-ds-button-height,44px);padding-inline:var(--tcc-space-lg,28px);border-radius:var(--tcc-radius-sm,8px);font-size:var(--tcc-ds-button-size,15px);font-weight:var(--tcc-ds-button-weight,700);text-decoration:none;transition:all var(--tcc-ds-transition,180ms) ease}
.tcc-a-btn--gold{background:var(--about-gold);color:var(--about-ink)}.tcc-a-btn--light{background:var(--tcc-color-surface,#fff);color:var(--about-green);border:var(--tcc-ds-card-border,1px) solid var(--about-line)}

@media(max-width:1024px){
  .tcc-a-section{padding-block:var(--tcc-ds-section-space-tablet,44px)}
  .tcc-about-banner{min-height:var(--tcc-ds-hero-height-tablet,400px)}
  .tcc-about-banner__inner{padding-bottom:var(--tcc-ds-page-space-tablet,44px)}
  .tcc-about-banner h1{font-size:var(--tcc-ds-display-title-tablet,52px)}
  .tcc-about-page .tcc-factory__content>h2,.tcc-about-page .tcc-a-head>h2{font-size:var(--tcc-ds-section-title-tablet,30px)}
  .tcc-mv-grid h2,.tcc-values-grid h3,.tcc-timeline-list h3{font-size:var(--tcc-ds-card-title-tablet,23px)}
  .tcc-factory__grid{grid-template-columns:1fr}
  .tcc-values-grid article{max-width:calc((100% - var(--tcc-ds-content-gap,20px))/2)}
}
@media(max-width:640px){
  .tcc-about-page .container{width:min(calc(100% - 24px),var(--tcc-container,1200px))}
  .tcc-a-section{padding-block:var(--tcc-ds-section-space-mobile,36px)}
  .tcc-about-banner{min-height:var(--tcc-ds-hero-height-mobile,340px)}
  .tcc-about-banner__inner{padding-bottom:var(--tcc-ds-page-space-mobile,36px)}
  .tcc-about-banner h1{font-size:var(--tcc-ds-display-title-mobile,38px)}
  .tcc-about-page .tcc-factory__content>h2,.tcc-about-page .tcc-a-head>h2{font-size:var(--tcc-ds-section-title-mobile,26px)}
  .tcc-mv-grid h2,.tcc-values-grid h3,.tcc-timeline-list h3{font-size:var(--tcc-ds-card-title-mobile,21px)}
  .tcc-mv-grid,.tcc-factory-stats{grid-template-columns:1fr}.tcc-values-grid article{max-width:none;flex-basis:100%;min-height:0}.tcc-mv-grid article{min-height:0}
  .tcc-timeline-list:before{left:15px}.tcc-timeline-list article{grid-template-columns:1fr;padding-left:46px;gap:var(--tcc-space-xs,8px)}.tcc-timeline-list article:before{left:7px}
  .tcc-a-actions{flex-direction:column}.tcc-a-btn{width:100%}
}

/* RC7.9.9 — Website Polish Round 1
 * Visual refinement only. Design System, Sync and page content remain unchanged.
 */
@media (min-width:1025px){
  .tcc-about-banner__inner{padding-bottom:clamp(48px,6vw,72px)}
  .tcc-about-banner h1{max-width:760px;text-wrap:balance}
  .tcc-about-banner__inner>p:last-child{max-width:660px}
  .tcc-factory__grid{gap:clamp(48px,6vw,82px)!important}
}
.tcc-factory__content{max-width:590px}
.tcc-mv-grid{align-items:stretch}
.tcc-mv-grid article{min-height:0;padding:22px 24px!important}
.tcc-mv-grid .dashicons{margin-bottom:14px}
.tcc-mv-grid h2{margin:0 0 8px}
.tcc-mv-grid p{margin:0}
.tcc-values-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:16px!important}
.tcc-values-grid article{max-width:none;min-height:100%;padding:22px 18px!important;display:flex;flex-direction:column}
.tcc-values-grid .dashicons{width:42px;height:42px;margin-bottom:14px}
.tcc-values-grid h3{margin:0 0 8px;font-size:clamp(20px,1.6vw,var(--tcc-ds-card-title-desktop,26px))}
.tcc-values-grid p{margin:0}
.tcc-factory-stats{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;margin-top:24px}
.tcc-factory-stats div{min-height:118px;padding:18px 16px;display:flex;flex-direction:column;justify-content:flex-start}
.tcc-factory-stats strong{margin-bottom:5px}
.tcc-timeline-list article{padding-bottom:24px;gap:30px}
.tcc-timeline-list article>div:last-child{padding:20px 22px}
.tcc-timeline-list article:before{top:8px}


.tcc-a-actions{gap:12px;margin-top:22px}
.tcc-a-btn{min-width:150px}
@media(max-width:1180px) and (min-width:641px){
  .tcc-values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1024px){
  .tcc-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tcc-values-grid article{max-width:none}
}
@media(max-width:640px){
  .tcc-values-grid{display:grid;grid-template-columns:1fr;gap:14px!important}
  .tcc-values-grid article{padding:20px!important}
  .tcc-factory-stats{gap:12px;margin-top:20px}
  .tcc-factory-stats div{min-height:0}
  .tcc-timeline-list article{padding-bottom:20px}
}

/* RC7.9.10 — About Page Physical Audit / Signature Stages
 * Scope: About page presentation only. Shared Design System tokens remain authoritative.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
  --about-stage-radius:var(--tcc-ds-radius-large,24px);
  --about-stage-border:var(--tcc-color-border,#e6e1d7);
  --about-stage-shadow:0 18px 52px rgba(20,52,42,.075);
  --about-home-section-y:var(--tcc-ds-section-space-desktop,52px);
}

/* 2. Mission + Vision: warm editorial stage with soft spotlight and floating cards. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mission-vision{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 20%,rgba(183,122,36,.13),transparent 34%),
    radial-gradient(circle at 82% 74%,rgba(7,82,61,.10),transparent 34%),
    linear-gradient(135deg,#fbf5e9 0%,#fffdf8 52%,#f2f7f3 100%)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mission-vision::before,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mission-vision::after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:999px;
  filter:blur(1px);
  pointer-events:none;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mission-vision::before{
  width:360px;height:360px;left:-160px;top:-210px;
  border:1px solid rgba(183,122,36,.17);
  box-shadow:0 0 0 46px rgba(183,122,36,.035),0 0 0 92px rgba(183,122,36,.025);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mission-vision::after{
  width:300px;height:300px;right:-155px;bottom:-205px;
  border:1px solid rgba(7,82,61,.14);
  box-shadow:0 0 0 42px rgba(7,82,61,.03),0 0 0 84px rgba(7,82,61,.02);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid{
  position:relative;
  gap:clamp(22px,3vw,36px)!important;
  padding:clamp(14px,2vw,24px) 0;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid::after{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:0;
  height:22px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(63,44,19,.18),transparent 68%);
  filter:blur(10px);
  pointer-events:none;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article{
  position:relative;
  z-index:1;
  min-height:210px;
  padding:clamp(26px,3vw,38px)!important;
  border:1px solid rgba(183,122,36,.22)!important;
  border-radius:calc(var(--about-stage-radius) + 4px)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,252,244,.92))!important;
  box-shadow:0 18px 44px rgba(94,65,25,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:translateY(0);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article:nth-child(2){
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(242,249,245,.94))!important;
  border-color:rgba(7,82,61,.20)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid .dashicons{
  display:grid;
  place-items:center;
  width:50px;height:50px;
  border-radius:16px;
  background:linear-gradient(145deg,#fff4dc,#f7e2b9);
  color:var(--about-gold);
  box-shadow:0 9px 22px rgba(183,122,36,.18),inset 0 1px 0 #fff;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article:nth-child(2) .dashicons{
  background:linear-gradient(145deg,#edf8f2,#dceee5);
  color:var(--about-green);
  box-shadow:0 9px 22px rgba(7,82,61,.14),inset 0 1px 0 #fff;
}

/* 3. Core values: cool botanical stage, visually distinct from Mission/Vision. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values{
  position:relative;
  isolation:isolate;
  overflow:visible;
  background:transparent!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values::after{
  content:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values .tcc-a-head{
  max-width:820px;
  margin-inline:auto;
  text-align:center;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{
  gap:clamp(14px,1.8vw,22px)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article{
  position:relative;
  overflow:hidden;
  min-height:250px;
  padding:clamp(24px,2.6vw,32px) clamp(18px,2vw,24px)!important;
  border:1px solid rgba(7,82,61,.13)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 14px 34px rgba(20,52,42,.085)!important;
  backdrop-filter:blur(8px);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article::before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:5px;
  background:linear-gradient(90deg,var(--about-gold),#d9b36d 42%,var(--about-green));
  opacity:.9;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article:nth-child(even)::before{
  background:linear-gradient(90deg,var(--about-green),#70a48f 58%,var(--about-gold));
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .dashicons{
  display:grid;
  place-items:center;
  width:48px;height:48px;
  border-radius:50%;
  background:#f8efe0;
  color:var(--about-gold);
  box-shadow:0 0 0 8px rgba(183,122,36,.07);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article:nth-child(even) .dashicons{
  background:#e5f1eb;
  color:var(--about-green);
  box-shadow:0 0 0 8px rgba(7,82,61,.06);
}

/* 4. Factory / origin: refined split stage with image frame and metric rail. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory{
  position:relative;
  background:linear-gradient(180deg,#fffdf9 0%,#f7f1e7 100%)!important;
  border-block:1px solid rgba(183,122,36,.12);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__grid{
  position:relative;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual img,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual iframe{
  border:7px solid rgba(255,255,255,.92);
  box-shadow:0 20px 46px rgba(61,43,22,.16)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats div{
  border-top:3px solid var(--about-gold)!important;
  background:linear-gradient(180deg,#fff,#fbf8f1)!important;
  box-shadow:0 10px 24px rgba(20,52,42,.07)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats div:nth-child(even){
  border-top-color:var(--about-green)!important;
}

/* 5. Timeline: dark green editorial stage and luminous milestone cards. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 20%,rgba(255,255,255,.075),transparent 28%),
    linear-gradient(145deg,#0b4d3b 0%,#073c30 68%,#062f27 100%)!important;
  color:#fff;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:repeating-linear-gradient(120deg,rgba(255,255,255,.018) 0 1px,transparent 1px 22px);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline .tcc-a-head>h2{color:#fff!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list::before{background:linear-gradient(#e3b85f,#fff1c7,#e3b85f)}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article::before{
  background:#e8bd69;
  border-color:#fff4d5;
  box-shadow:0 0 0 7px rgba(232,189,105,.14),0 0 20px rgba(232,189,105,.28);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-year{color:#f2ca83!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article>div:last-child{
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.18)!important;
}

/* 6. CTA follows exactly the same horizontal container authority as the sections. */


@media (hover:hover) and (pointer:fine){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article:hover{
    transform:translateY(-7px) rotate(-.25deg);
    border-color:rgba(183,122,36,.42)!important;
    box-shadow:0 28px 58px rgba(94,65,25,.17),inset 0 1px 0 #fff!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article:nth-child(2):hover{
    transform:translateY(-7px) rotate(.25deg);
    border-color:rgba(7,82,61,.38)!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article:hover{
    transform:translateY(-9px);
    border-color:rgba(7,82,61,.32)!important;
    box-shadow:0 26px 52px rgba(20,52,42,.15)!important;
  }
}

@media(max-width:1024px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
    --about-home-section-y:var(--tcc-ds-section-space-tablet,44px);
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article{min-height:220px}
}
@media(max-width:640px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
    --about-home-section-y:var(--tcc-ds-section-space-mobile,36px);
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid{padding:8px 0}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article{min-height:0}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values .tcc-a-head{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article{transition:none!important}
}

/* RC7.9.11 — About Premium Concept Implementation
 * Converts the approved visual concept into production CSS while preserving
 * editable content, existing media, Design System tokens and Sync authority.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
  --about-shell-width:var(--tcc-ds-container-width,var(--tcc-container,1200px));
  --about-shell-gutter:24px;
  --about-section-gap:var(--tcc-ds-section-gap-desktop,12px);
  --about-premium-radius:clamp(18px,1.8vw,28px);
  --about-premium-shadow:0 18px 48px rgba(31,43,36,.075);
  padding-top:var(--about-section-gap);
  padding-bottom:var(--about-section-gap);
}

/* Mission / Vision: raised gallery plinth, refined rather than decorative. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mission-vision{
  box-shadow:0 12px 36px rgba(91,67,31,.06);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid{
  max-width:980px;
  margin-inline:auto;
  padding:clamp(28px,4vw,52px) 0 clamp(48px,6vw,70px)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid::before{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:18px;
  height:24px;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(183,122,36,.88) 14%,#f4dba9 50%,rgba(183,122,36,.88) 86%,transparent);
  box-shadow:0 12px 22px rgba(126,84,29,.18);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article{
  min-height:190px;
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:18px;
  align-content:start;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article .dashicons{grid-row:1/3}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article h2{margin-top:2px!important}

/* Values: botanical gallery, five cards with a separate signature. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values{
  box-shadow:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values::before{
  content:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article{
  min-height:270px;
  justify-content:flex-start;
  text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,248,242,.94))!important;
  box-shadow:0 14px 30px rgba(20,52,42,.09),inset 0 1px 0 #fff!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .dashicons{margin-inline:auto}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid h3{margin-top:4px}

/* Factory / origin: one premium editorial panel, metric cards read as a rail. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory{
  box-shadow:0 12px 36px rgba(75,58,36,.055);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__grid{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  gap:clamp(34px,5vw,68px)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual img{
  aspect-ratio:1.16/1;
  object-fit:var(--tcc-about-factory-fit,cover)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats div{
  min-height:112px;
  border:1px solid rgba(183,122,36,.12)!important;
  border-top:3px solid var(--about-gold)!important;
  border-radius:18px!important;
}

/* Timeline retains current vertical architecture, but contrast is explicit and stable. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline{
  box-shadow:0 22px 54px rgba(4,45,35,.22);
  border:1px solid rgba(255,255,255,.08);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline .tcc-a-head,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline .tcc-a-head>h2{
  color:#fff!important;
  text-shadow:0 2px 20px rgba(0,0,0,.22);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article>div:last-child{
  color:#25332d!important;
  background:linear-gradient(145deg,#fff,#fbfaf6)!important;
  border:1px solid rgba(231,194,124,.30)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 #fff!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article h3{
  color:var(--about-green)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article p{
  color:#626b65!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-year{
  color:#f3c978!important;
  text-shadow:0 1px 14px rgba(0,0,0,.25);
}

@media(max-width:1024px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
    --about-shell-gutter:20px;
    --about-section-gap:var(--tcc-ds-section-gap-tablet,10px);
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article{
    display:block;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article .dashicons{margin-bottom:16px}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
    --about-shell-gutter:12px;
    --about-section-gap:var(--tcc-ds-section-gap-mobile,8px);
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page>.tcc-about-banner>.container{
    width:min(calc(100% - 32px),var(--tcc-container,1200px));
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{
    grid-template-columns:1fr!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article{min-height:0}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* RC7.9.13 — About Page Physical Audit Final
 * Approved premium redesign. Homepage remains the reference for rhythm,
 * width and CTA alignment. One section = one stage.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
  --about-premium-gold:#c58a2a;
  --about-premium-green:#07523d;
  --about-premium-mint:#eaf3ef;
  --about-copy:#66706a;
}

/* About Hero full-width authority moved to about-authority-v2.css in RC7.9.170. */

/* 3. Mission & Vision: two pillars of the brand. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mission-vision{
  background:
    radial-gradient(circle at 25% 30%,rgba(219,173,83,.14),transparent 32%),
    radial-gradient(circle at 78% 28%,rgba(21,118,88,.12),transparent 34%),
    linear-gradient(145deg,#fbf8f1,#f5f8f5)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid{
  position:relative;
  align-items:stretch!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid::after{
  content:"";
  position:absolute;
  left:10%;right:10%;bottom:-22px;height:15px;
  border-radius:50%;
  background:linear-gradient(90deg,rgba(197,138,42,.72),rgba(244,216,159,.9),rgba(7,82,61,.64));
  filter:blur(2px);
  opacity:.85;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article{
  min-height:310px!important;
  padding:clamp(30px,3.5vw,50px)!important;
  border-width:1px!important;
  overflow:hidden;
  isolation:isolate;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article::before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.7;
  transition:opacity .35s ease,transform .5s ease;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article:first-child{
  border-color:rgba(197,138,42,.30)!important;
  box-shadow:0 22px 48px rgba(122,82,22,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article:first-child::before{
  background:radial-gradient(circle at 15% 15%,rgba(226,178,87,.17),transparent 38%);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article:nth-child(2){
  border-color:rgba(7,82,61,.24)!important;
  box-shadow:0 22px 48px rgba(7,82,61,.11),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article:nth-child(2)::before{
  background:radial-gradient(circle at 15% 15%,rgba(35,143,108,.14),transparent 38%);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid .dashicons{
  width:64px!important;height:64px!important;font-size:30px!important;line-height:64px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article:first-child .dashicons{
  animation:tccMissionGlow 4.8s ease-in-out infinite;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article:nth-child(2) .dashicons{
  animation:tccVisionPulse 5.2s ease-in-out infinite;
}

/* 4. Core values: five strong pillars, not tall narrow cards. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values{
  background:transparent!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:clamp(14px,1.7vw,24px)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article{
  min-height:0!important;
  aspect-ratio:auto!important;
  padding:clamp(24px,2.4vw,34px) clamp(18px,2vw,28px)!important;
  border-radius:20px!important;
  border:1px solid rgba(7,82,61,.13)!important;
  border-top:4px solid transparent!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(90deg,var(--about-premium-gold),var(--about-premium-green)) border-box!important;
  box-shadow:0 18px 34px rgba(31,66,53,.10)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article .dashicons{
  width:66px!important;height:66px!important;font-size:29px!important;line-height:66px!important;
  box-shadow:0 0 0 10px rgba(197,138,42,.07),0 14px 30px rgba(41,74,61,.10)!important;
  transition:filter .35s ease,transform .35s ease!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid h3{
  margin-top:22px!important;
  font-size:clamp(1.25rem,1.7vw,1.65rem)!important;
}

/* 5. Factory & origin: full image + quality-marker identity. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual{
  min-height:clamp(430px,43vw,620px);
  display:flex;align-items:center;justify-content:center;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual img{
  width:100%!important;height:100%!important;
  max-height:clamp(430px,43vw,620px)!important;
  object-fit:var(--tcc-about-factory-fit,cover)!important;object-position:center!important;
  animation:tccAboutFactoryFloat 7.2s ease-in-out infinite;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats{
  gap:14px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div{
  position:relative;
  min-height:138px!important;
  overflow:hidden;
  border:1px solid rgba(7,82,61,.12)!important;
  border-top:3px solid var(--about-premium-gold)!important;
  background:linear-gradient(150deg,#fff,#f8faf8)!important;
  box-shadow:0 15px 30px rgba(28,62,49,.09)!important;
  transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div:nth-child(even){border-top-color:var(--about-premium-green)!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div::after{
  content:"";position:absolute;inset:auto -30% -60% -30%;height:70%;
  background:radial-gradient(circle,rgba(197,138,42,.12),transparent 68%);
  opacity:0;transition:opacity .32s ease;
}

/* 6. Timeline: strong contrast and a unique identity for every stage. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline{
  background:linear-gradient(145deg,#063d30,#052e25)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline .tcc-a-head h2{
  color:#fff!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article{
  --timeline-accent:#d5a84e;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article:nth-child(2){--timeline-accent:#4d9a6f}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article:nth-child(3){--timeline-accent:#3ba3a4}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article:nth-child(4){--timeline-accent:#177251}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article:nth-child(5){--timeline-accent:#d9ad57}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article>div:last-child{
  border-left:4px solid var(--timeline-accent)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.24),0 0 0 1px color-mix(in srgb,var(--timeline-accent) 18%,transparent)!important;
  transition:transform .34s ease,box-shadow .34s ease!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article::before{
  background:var(--timeline-accent)!important;
  box-shadow:0 0 0 7px color-mix(in srgb,var(--timeline-accent) 18%,transparent),0 0 22px color-mix(in srgb,var(--timeline-accent) 55%,transparent)!important;
  animation:tccTimelineGlow 4.4s ease-in-out infinite;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-year{
  color:#f4cf82!important;
}

/* 7. CTA: reusable eyebrow + homepage media and right-aligned actions. */

@media (hover:hover) and (pointer:fine){

  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article:hover{
    box-shadow:0 27px 50px rgba(31,66,53,.16)!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article:hover .dashicons{
    transform:translateY(-2px) scale(1.04);
    filter:brightness(1.08);
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div:hover{
    border-color:rgba(7,82,61,.28)!important;
    box-shadow:0 23px 42px rgba(28,62,49,.14)!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div:hover::after{opacity:1}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article>div:last-child:hover{
    box-shadow:0 24px 48px rgba(0,0,0,.30),0 0 26px color-mix(in srgb,var(--timeline-accent) 20%,transparent)!important;
  }
}

@keyframes tccAboutProductFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes tccAboutFactoryFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

@keyframes tccMissionGlow{0%,100%{box-shadow:0 10px 28px rgba(197,138,42,.12),0 0 0 0 rgba(197,138,42,.10)}50%{box-shadow:0 12px 34px rgba(197,138,42,.22),0 0 0 10px rgba(197,138,42,0)}}
@keyframes tccVisionPulse{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.025)}}
@keyframes tccTimelineGlow{0%,100%{filter:brightness(.94)}50%{filter:brightness(1.15)}}

@media(max-width:1024px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){

  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-about-banner__inner{width:min(var(--tcc-container,1200px),calc(100% - 32px))!important}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{grid-template-columns:1fr!important}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid::after{left:14%;right:14%;bottom:-14px;height:10px}
}

/* RC7.9.14 — About Premium Sculpt + CTA Builder v2 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mission-vision .container{position:relative}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid{padding-bottom:44px!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid:before{content:"THE CAPITAL COFFEE";position:absolute;left:50%;bottom:5px;transform:translateX(-50%);z-index:2;padding:7px 18px;border:1px solid rgba(7,82,61,.16);border-radius:999px;background:rgba(255,255,255,.88);color:var(--about-green);font-size:10px;font-weight:900;letter-spacing:.22em;white-space:nowrap;box-shadow:0 8px 24px rgba(31,66,53,.08)}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid:after{bottom:19px!important;height:12px!important;filter:blur(5px)!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article{display:grid!important;grid-template-columns:74px 1fr!important;grid-template-rows:auto 1fr!important;column-gap:22px!important;align-content:center!important;min-height:280px!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid .dashicons{grid-row:1/3;margin:0!important;align-self:start}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid h2{align-self:end;margin:0 0 12px!important;font-size:clamp(30px,3vw,44px)!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid p{align-self:start;font-size:clamp(15px,1.4vw,18px)!important}

/* Core Values legacy RC7.9.14 layout removed in RC7.9.23.1.
 * The active implementation is owned exclusively by about-authority-v2.css. */

/* Factory markers: quality seals, distinct from Core Values. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div{min-height:156px!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-top:0!important;border-radius:18px!important;padding:22px 12px!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div:before{content:"✓";display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--about-premium-green) 28%,transparent);border-radius:50%;background:radial-gradient(circle,#fff 35%,#e8f3ee);color:var(--about-premium-green);font-weight:900;box-shadow:0 0 0 7px rgba(7,82,61,.045)}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div:nth-child(2n):before{content:"◆";color:var(--about-premium-gold);background:radial-gradient(circle,#fff 35%,#faf0dc);border-color:rgba(197,138,42,.25);box-shadow:0 0 0 7px rgba(197,138,42,.05)}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats strong{font-size:clamp(20px,1.9vw,27px)!important}

/* Timeline: keep strong dark stage and guarantee readable cards. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(54,139,105,.24),transparent 30%),linear-gradient(145deg,#064a38,#032d24)!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.035) 50%,transparent 55%);transform:translateX(-100%);animation:tccTimelineSweep 12s ease-in-out infinite}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article>div:last-child{background:linear-gradient(145deg,#fff,#f7faf8)!important;color:#26332e!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list h3{color:var(--about-green)!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list p{color:#59645f!important}

/* CTA Builder v2 — one stage, configurable product media and layout. */




body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-cta-buttons--left .tcc-a-actions{justify-content:flex-start!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-cta-buttons--center .tcc-a-actions{justify-content:center!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-cta-buttons--right .tcc-a-actions{justify-content:flex-end!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-cta-text--light :is(h2,p){color:#fff!important}

body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-cta-stage--dark{background:#064434!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-cta-stage--glass{background:rgba(239,247,243,.78)!important;backdrop-filter:blur(16px)}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-cta-stage--minimal{box-shadow:none;border-color:rgba(7,82,61,.09)}

body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-cta-effect--glow:before{content:"";position:absolute;inset:15% 8%;z-index:-1;border-radius:50%;background:rgba(197,138,42,.13);filter:blur(55px)}

@keyframes tccTimelineSweep{0%,72%,100%{transform:translateX(-110%)}82%{transform:translateX(110%)}}
@media(max-width:1024px){body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article,body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article:nth-child(4),body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid article:nth-child(5){grid-column:auto!important}body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article{grid-template-columns:58px 1fr!important;column-gap:15px!important}body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{grid-template-columns:1fr!important}body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline:after{animation:none!important}}

body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mission-vision{
  background:linear-gradient(180deg,#fbf7ef 0%,#f3f7f4 100%)!important;
  border-block:1px solid rgba(7,82,61,.10)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-head{
  max-width:760px;
  margin:0 auto clamp(28px,4vw,48px);
  text-align:center;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-head h2{
  margin:0!important;
  color:var(--about-green)!important;
  font-size:var(--tcc-ds-section-title-desktop,36px)!important;
  line-height:1.12!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:clamp(22px,3vw,38px)!important;
  padding:0!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid::before,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid::after{display:none!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article.tcc-mv-pillar{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  column-gap:22px!important;
  align-items:start!important;
  min-height:330px!important;
  padding:clamp(30px,4vw,48px)!important;
  border:0!important;
  border-radius:26px!important;
  overflow:hidden!important;
  box-shadow:0 22px 52px rgba(29,51,43,.12)!important;
  isolation:isolate;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar--mission{
  background:linear-gradient(145deg,#fffaf0 0%,#f3e4c5 100%)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar--vision{
  background:linear-gradient(145deg,#f5fbf8 0%,#dcece4 100%)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article.tcc-mv-pillar::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:7px;
  background:linear-gradient(180deg,#d4a54e,#9b6b20);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article.tcc-mv-pillar--vision::before{
  background:linear-gradient(180deg,#177455,#07523d);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar__number{
  position:absolute;
  right:22px;
  top:8px;
  z-index:-1;
  font-size:clamp(76px,9vw,132px);
  line-height:1;
  font-weight:800;
  color:rgba(167,112,28,.075);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar--vision .tcc-mv-pillar__number{color:rgba(7,82,61,.07)}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid .dashicons{
  grid-row:auto!important;
  width:62px!important;
  height:62px!important;
  margin:0!important;
  border-radius:20px!important;
  font-size:29px!important;
  background:#fff7e7!important;
  color:#a36d1f!important;
  box-shadow:0 10px 24px rgba(170,112,28,.18),0 0 0 8px rgba(197,138,42,.06)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar--vision .dashicons{
  background:#e9f5ef!important;
  color:#0b654b!important;
  box-shadow:0 10px 24px rgba(7,82,61,.15),0 0 0 8px rgba(7,82,61,.05)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar__content{min-width:0}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar__label{
  margin:2px 0 10px!important;
  color:#9b6b20!important;
  font-size:.76rem!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar--vision .tcc-mv-pillar__label{color:#0b654b!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid h2{
  margin:0 0 14px!important;
  font-size:clamp(27px,2.5vw,36px)!important;
  line-height:1.1!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid p:last-child{
  margin:0!important;
  font-size:var(--tcc-ds-body-size,17px)!important;
  line-height:1.75!important;
}
@keyframes tccStoryFloatRC716{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (hover:hover){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article.tcc-mv-pillar:hover{
    transform:translateY(-7px)!important;
    box-shadow:0 30px 62px rgba(29,51,43,.17)!important;
  }
}
@media(max-width:860px){

  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){

  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-head h2{font-size:var(--tcc-ds-section-title-mobile,26px)!important}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article.tcc-mv-pillar{grid-template-columns:52px minmax(0,1fr)!important;column-gap:16px!important;min-height:0!important;padding:26px 22px!important}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid .dashicons{width:50px!important;height:50px!important;border-radius:16px!important;font-size:24px!important}
}

body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article.tcc-mv-pillar{
  min-height:380px!important;
  border-radius:22px!important;
  box-shadow:0 26px 58px rgba(29,51,43,.13)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article.tcc-mv-pillar::before{
  width:9px!important;
  box-shadow:8px 0 24px rgba(155,107,32,.10);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article.tcc-mv-pillar--vision::before{
  box-shadow:8px 0 24px rgba(7,82,61,.10);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar__number{
  top:14px!important;
  right:24px!important;
  color:rgba(167,112,28,.11)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar--vision .tcc-mv-pillar__number{
  color:rgba(7,82,61,.10)!important;
}
/* Keep the approved icon dimensions; only refine depth. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid .dashicons{
  width:62px!important;
  height:62px!important;
  font-size:29px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar__label{
  margin:0 0 7px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid h2{
  margin:0 0 12px!important;
}
@media(max-width:860px){

  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article.tcc-mv-pillar{min-height:340px!important}
}
@media(max-width:640px){

  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-grid article.tcc-mv-pillar{min-height:0!important}
}

body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-head{
  margin-bottom:calc(var(--tcc-ds-content-gap,20px) * 1.75)!important;
  text-align:center!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar{
  position:relative!important;
  padding-left:clamp(68px,7vw,96px)!important;
  border-radius:var(--tcc-radius-lg,24px)!important;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar::after{
  content:"";
  position:absolute;
  top:22px;bottom:22px;left:22px;
  width:6px;border-radius:999px;
  box-shadow:0 0 0 1px rgba(255,255,255,.48) inset;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar--mission::after{
  background:linear-gradient(180deg,#e2b34f 0%,#b87920 100%);
  box-shadow:0 12px 26px rgba(184,121,32,.23);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar--vision::after{
  background:linear-gradient(180deg,#2d8b70 0%,#07523d 100%);
  box-shadow:0 12px 26px rgba(7,82,61,.21);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar:hover{
  transform:translateY(-5px)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-icon{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:64px!important;height:64px!important;
  margin:0 0 22px!important;border-radius:50%;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-icon--vision svg{
  width:34px;height:34px;overflow:visible;
  fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-icon--vision .tcc-horizon-sun{stroke-width:3.2}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-icon--vision .tcc-horizon-line{stroke-width:3.4}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar__number{display:none!important}
@media(max-width:680px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar{
    padding-left:clamp(58px,16vw,76px)!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar::after{left:18px}
}

/* RC7.9.18.2 — About Premium Polish / Homepage Typography Authority
 * Scope: visual polish only. Homepage-derived Design System tokens remain the
 * single source of truth for type scale, spacing, cards, color and responsive.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
  --about-polish-heading:var(--tcc-color-primary,var(--tcc-primary,#0b573f));
  --about-polish-milestone:color-mix(in srgb,var(--tcc-color-accent,var(--tcc-accent,#b98232)) 88%,#6f4614);
}

/* Core Values: preserve the five-pillar composition while using shared type/icon tokens. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .dashicons{
  width:calc(var(--tcc-ds-icon-size,24px) * 2)!important;
  height:calc(var(--tcc-ds-icon-size,24px) * 2)!important;
  font-size:var(--tcc-ds-icon-size,24px)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid h3{
  font-size:var(--tcc-ds-card-title-desktop,22px)!important;
  line-height:1.2!important;
  font-weight:var(--tcc-heading-weight,700)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid p{
  font-size:var(--tcc-ds-body-size,17px)!important;
  line-height:var(--tcc-ds-body-line-height,1.7)!important;
}

/* Factory markers: improve reading width without introducing a separate type scale. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats{
  gap:var(--tcc-ds-content-gap,20px)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats strong{
  font-size:var(--tcc-ds-card-title-desktop,22px)!important;
  line-height:1.2!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats span{
  font-size:var(--tcc-ds-label-size,13px)!important;
  line-height:1.5!important;
}

/* Timeline: retain its distinctive geometry, but return all typography and contrast
 * to the Homepage/Design System authority. The light editorial stage also prevents
 * the section heading and milestone labels from sinking into the background.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline{
  background:
    radial-gradient(circle at 10% 10%,rgba(185,130,50,.08),transparent 31%),
    radial-gradient(circle at 92% 80%,rgba(11,87,63,.07),transparent 34%),
    var(--tcc-color-background,var(--tcc-page-canvas,#f8f5ef))!important;
  color:var(--about-ink)!important;
  border-block:1px solid var(--about-line)!important;
  box-shadow:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline::after{
  display:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline .tcc-a-head{
  max-width:var(--tcc-content-width,760px)!important;
  margin-bottom:calc(var(--tcc-ds-content-gap,20px) * 1.6)!important;
  color:var(--about-ink)!important;
  text-shadow:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline .tcc-a-head>h2{
  color:var(--about-polish-heading)!important;
  font-size:var(--tcc-ds-section-title-desktop,30px)!important;
  line-height:var(--tcc-subheading-line,1.12)!important;
  font-weight:var(--tcc-heading-weight,700)!important;
  text-shadow:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list::before{
  width:2px!important;
  background:linear-gradient(var(--about-gold),color-mix(in srgb,var(--about-green) 42%,var(--about-gold)),var(--about-gold))!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article::before{
  width:18px!important;
  height:18px!important;
  border-color:var(--tcc-color-background,var(--tcc-page-canvas,#f8f5ef))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--timeline-accent,var(--about-gold)) 28%,transparent),0 7px 18px rgba(11,87,63,.13)!important;
  animation:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-year{
  color:var(--about-polish-milestone)!important;
  font-size:var(--tcc-ds-label-size,13px)!important;
  font-weight:var(--tcc-ds-label-weight,800)!important;
  line-height:1.35!important;
  letter-spacing:.02em!important;
  text-shadow:none!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list article>div:last-child{
  padding:calc(var(--tcc-ds-card-padding,24px) + 4px) var(--tcc-ds-card-padding,24px)!important;
  border:var(--tcc-ds-card-border,1px) solid color-mix(in srgb,var(--timeline-accent,var(--about-gold)) 34%,var(--about-line))!important;
  border-left:4px solid var(--timeline-accent,var(--about-gold))!important;
  border-right:1px solid color-mix(in srgb,var(--timeline-accent,var(--about-gold)) 42%,var(--about-line))!important;
  border-radius:var(--tcc-radius-md,14px)!important;
  background:var(--tcc-color-surface,#fff)!important;
  box-shadow:var(--tcc-shadow,0 8px 24px rgba(17,24,39,.08))!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list h3{
  color:var(--about-polish-heading)!important;
  font-size:var(--tcc-ds-card-title-desktop,22px)!important;
  line-height:1.2!important;
  font-weight:var(--tcc-heading-weight,700)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list p{
  color:var(--about-muted)!important;
  font-size:var(--tcc-ds-body-size,17px)!important;
  line-height:var(--tcc-ds-body-line-height,1.7)!important;
}

@media(max-width:1024px){
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid h3,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats strong,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list h3{
    font-size:var(--tcc-ds-card-title-tablet,20px)!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline .tcc-a-head>h2{
    font-size:var(--tcc-ds-section-title-tablet,24px)!important;
  }
}
@media(max-width:640px){
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid h3,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats strong,
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-list h3{
    font-size:var(--tcc-ds-card-title-mobile,19px)!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline .tcc-a-head>h2{
    font-size:var(--tcc-ds-section-title-mobile,20px)!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-timeline-year{
    font-size:var(--tcc-ds-label-size,13px)!important;
  }
}

/* RC7.9.19 — About Authority Completion
 * Homepage remains frozen. This block only completes the approved distinctive
 * About compositions while consuming Design System tokens for shared rules.
 */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page{
  --about-authority-radius:var(--tcc-home-card-radius,var(--tcc-radius-lg,18px));
  --about-authority-shadow:var(--tcc-home-card-shadow,var(--tcc-shadow,0 10px 30px rgba(15,45,35,.055)));
  --about-authority-shadow-hover:var(--tcc-home-card-shadow-hover,0 16px 38px rgba(15,45,35,.085));
}

/* Mission & Vision — two structural pilasters with balanced official icons. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar{
  min-height:240px!important;
  padding:clamp(28px,3vw,38px) clamp(26px,3vw,38px) clamp(28px,3vw,38px) clamp(78px,7vw,98px)!important;
  border-radius:var(--about-authority-radius)!important;
  box-shadow:var(--about-authority-shadow)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar::after{
  top:24px!important;bottom:24px!important;width:7px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-icon{
  width:58px!important;height:58px!important;margin-bottom:18px!important;
  font-size:27px!important;line-height:58px!important;
  border-radius:18px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-icon--vision{
  color:var(--about-green)!important;
  background:linear-gradient(145deg,#eef8f3,#dceee5)!important;
  box-shadow:0 9px 22px rgba(7,82,61,.14),inset 0 1px 0 #fff!important;
}
@media(hover:hover){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar:hover{
    transform:translateY(-3px)!important;
    box-shadow:var(--about-authority-shadow-hover)!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar--mission:hover{border-color:rgba(185,130,50,.34)!important}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar--vision:hover{border-color:rgba(11,87,63,.30)!important}
}

/* Core Values — five wide, low structural pillars; no narrow tower cards. */
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;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-pillar{
  grid-column:span 2;
  min-height:190px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr!important;
  column-gap:18px!important;
  align-content:center!important;
  padding:clamp(24px,2.4vw,32px)!important;
  text-align:left!important;
  border-radius:var(--about-authority-radius)!important;
  box-shadow:var(--about-authority-shadow)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-pillar:nth-last-child(2):nth-child(4){grid-column:2/span 2}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-pillar:nth-last-child(1):nth-child(5){grid-column:4/span 2}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .dashicons{
  grid-row:1/3!important;
  width:52px!important;height:52px!important;margin:0!important;
  align-self:start!important;
  font-size:24px!important;line-height:52px!important;
  border-radius:17px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid h3{margin:2px 0 9px!important}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid p{margin:0!important}
@media(hover:hover){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-pillar:hover{
    transform:translateY(-3px)!important;
    border-color:color-mix(in srgb,var(--value-accent,var(--about-green)) 30%,var(--about-line))!important;
    box-shadow:var(--about-authority-shadow-hover)!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-pillar:hover .dashicons{
    transform:translateY(-1px) scale(1.04)!important;
  }
}

/* Factory — stronger media presentation and balanced KPI rail. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__grid{
  gap:clamp(18px,2.5vw,32px)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual{
  min-height:0!important;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:var(--about-authority-radius)!important;
  background:var(--tcc-color-surface,#fff);
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual img,
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual iframe{
  width:100%!important;height:100%!important;min-height:0!important;
  border:6px solid rgba(255,255,255,.92)!important;
  border-radius:var(--about-authority-radius)!important;
}
/* RC43.1124 — Image Presentation runtime authority: the factory image must honor
 * the CMS fit selection. The preceding historical rule forced cover!important,
 * which cropped even when editors selected Contain / Auto Fit / Scale Down. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual img{
  object-fit:var(--tcc-about-factory-fit,cover)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual iframe{
  object-fit:cover!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div{
  min-height:132px!important;padding:20px 14px!important;
  border-radius:var(--about-authority-radius)!important;
  box-shadow:var(--about-authority-shadow)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div::before{
  width:36px!important;height:36px!important;margin-bottom:10px!important;
}
@media(hover:hover){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory__visual:hover img{transform:scale(1.018)!important}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats>div:hover{
    transform:translateY(-3px)!important;box-shadow:var(--about-authority-shadow-hover)!important;
  }
}

/* CTA — compact Homepage-authority rhythm. */



@media(max-width:1024px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-pillar{grid-column:auto!important}
}
@media(max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-mv-pillar{padding-left:68px!important}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid{grid-template-columns:1fr!important}
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-factory-stats{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page :is(.tcc-mv-pillar,.tcc-value-pillar,.tcc-factory-stats>div,.tcc-factory__visual img){transition:none!important;transform:none!important}
}

/* RC7.9.22.3 — Core Values badge proportion refinement.
 * Single authoritative block: smaller badge, wider content column, no legacy override. */
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-pillar{
  grid-template-columns:42px minmax(0,1fr)!important;
  column-gap:15px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .dashicons{
  width:38px!important;
  height:38px!important;
  font-size:17px!important;
  line-height:38px!important;
  border-radius:12px!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid h3{
  min-width:0!important;
  margin:0 0 8px!important;
  padding-left:0!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid p{
  min-width:0!important;
}
@media(max-width:520px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .tcc-value-pillar{
    grid-template-columns:38px minmax(0,1fr)!important;
    column-gap:13px!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-about-page .tcc-values-grid .dashicons{
    width:34px!important;height:34px!important;font-size:16px!important;line-height:34px!important;
  }
}

/* RC7.9.396 — About CTA consolidated runtime authority.
 * Single scoped owner for About CTA geometry. Shared CTA Builder continues to own
 * media rendering; this page block owns only the locked About composition.
 */