.tcc-process-page{--tcc-process-gap-major:clamp(48px,4.1vw,56px);--tcc-process-gap-standard:clamp(38px,3.2vw,44px);--tcc-process-gap-inner:clamp(12px,1.3vw,18px);--tcc-process-gap-footer:clamp(32px,2.7vw,38px);background:#fff;color:#17110d;overflow-x:clip;overflow-y:visible}.tcc-process-page .container{width:min(var(--tcc-container),calc(100% - 40px));margin:auto}.eyebrow{color:#d6a04f;font-size:.76rem;font-weight:800;letter-spacing:.22em}.tcc-process-page h1,.tcc-process-page h2,.tcc-process-page h3{font-family:Georgia,serif}.tcc-process-hero{position:relative;display:flex;align-items:end;color:#fff;background:#06100c}.tcc-process-cta{position:relative;display:block;color:var(--tcc-text,#17110d);background:transparent}.tcc-process-hero .media,.tcc-process-hero .overlay,.tcc-process-cta .media,.tcc-process-cta .overlay{position:absolute;inset:0}.tcc-process-hero .media,.tcc-process-cta .media{background-image:var(--bg);background-size:var(--tcc-process-banner-fit,cover);background-repeat:no-repeat;background-position:center}.tcc-process-hero .overlay{background:linear-gradient(90deg,rgba(4,10,7,calc(var(--overlay) - .03)),rgba(4,10,7,.22))}.tcc-process-cta .overlay{background:rgba(4,10,7,.72)}.inner{position:relative;z-index:2;padding-bottom:75px}.tcc-process-hero h1{max-width:900px;margin:0;font-size:var(--tcc-ds-section-title-desktop);line-height:1.08}.tcc-process-intro,.tcc-process-steps,.tcc-process-quality,.tcc-process-video{margin:0}.tcc-process-intro{text-align:center;background:#f4efe7}.tcc-process-intro h2,.tcc-process-quality h2,.tcc-process-cta h2{font-size:var(--tcc-ds-section-title-desktop);line-height:1.12;color:#0b2f25}.tcc-process-intro p{max-width:800px;margin:20px auto;color:#626962;line-height:1.8}.tcc-process-steps article{display:grid;grid-template-columns:70px 1fr 1fr;gap:var(--tcc-ds-content-gap);align-items:center;padding:28px 0;border-bottom:1px solid #e5e0d8}.tcc-process-steps img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}.num{color:#d6a04f;font-family:Georgia,serif;font-size:2.4rem}.tcc-process-steps h3{font-size:var(--tcc-ds-card-title-desktop);color:#0b2f25}.tcc-process-steps p{color:#626962}.tcc-process-quality{padding:var(--tcc-process-gap-standard) 0;background:transparent;color:var(--tcc-text,#17110d)}.tcc-process-quality .grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,4.6vw,62px);align-items:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.tcc-process-quality .tcc-process-quality-media{position:relative;overflow:hidden;border:1px solid rgba(11,87,63,.08);border-radius:20px;background:var(--tcc-canvas,#f8f5ef);box-shadow:0 12px 30px rgba(21,35,29,.07);isolation:isolate;transition:transform .5s cubic-bezier(.2,.75,.25,1),box-shadow .5s ease,border-color .5s ease}.tcc-process-quality .tcc-process-quality-media::after{content:"";position:absolute;inset:-35% -65%;z-index:2;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.42) 49%,transparent 60%);opacity:0;transform:translateX(-28%);transition:opacity .35s ease,transform .72s cubic-bezier(.2,.75,.25,1);pointer-events:none}.tcc-process-quality img{display:block;width:100%;aspect-ratio:16/10;object-fit:var(--tcc-process-quality-fit,cover);border-radius:inherit;transition:transform .58s cubic-bezier(.2,.75,.25,1),filter .48s ease}.tcc-process-quality h2{color:#0b2f25}.tcc-process-video iframe{display:block;width:100%;max-width:980px;aspect-ratio:16/9;margin:auto;border:0;border-radius:20px}.tcc-process-cta{margin:0;padding:var(--tcc-process-gap-footer) 0;text-align:left;background:transparent}.tcc-process-cta>.media,.tcc-process-cta>.overlay{display:none}.tcc-process-cta>.container.inner{width:min(var(--tcc-container,1200px),calc(100% - 40px));max-width:1120px;min-height:0;margin-inline:auto;padding:clamp(24px,3vw,36px)!important;border:1px solid rgba(7,82,61,.12);border-radius:32px;background:linear-gradient(180deg,#f6fbf8 0%,#edf7f2 100%);box-shadow:0 13px 32px rgba(20,52,42,.065)}.tcc-process-cta .tcc-universal-cta-layout{grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:clamp(28px,4vw,52px);align-items:center}.tcc-process-cta .tcc-universal-cta-copy{max-width:720px}.tcc-process-cta h2{margin:0 0 18px;color:var(--tcc-primary,#0b573f)}.tcc-process-cta p{max-width:64ch;margin:0 0 30px;color:var(--tcc-muted,#626962)}.tcc-process-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:10px;background:var(--tcc-accent,#d6a04f);color:var(--tcc-text,#17110d);font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(183,122,36,.15);transform:translateY(-2px);transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}@media(hover:hover) and (pointer:fine){.tcc-process-cta a:hover{transform:translateY(-4px);background:#c98d31;box-shadow:0 12px 26px rgba(183,122,36,.22)}}@media(max-width:1024px){.tcc-process-page{--tcc-process-gap-major:46px;--tcc-process-gap-standard:38px;--tcc-process-gap-inner:14px;--tcc-process-gap-footer:34px}}@media(max-width:760px){.tcc-process-page{--tcc-process-gap-major:36px;--tcc-process-gap-standard:30px;--tcc-process-gap-inner:10px;--tcc-process-gap-footer:26px}.tcc-process-cta{padding:var(--tcc-process-gap-footer) 0}.tcc-process-cta>.container.inner{width:calc(100% - 24px);padding:24px!important;border-radius:24px}.tcc-process-cta .tcc-universal-cta-layout{grid-template-columns:1fr;text-align:center}.tcc-process-cta .tcc-universal-cta-copy{grid-column:1;grid-row:2;max-width:none}.tcc-process-cta p{margin-inline:auto}.tcc-process-cta .tcc-universal-cta-media{grid-column:1;grid-row:1}}@media (hover:hover) and (pointer:fine){.tcc-process-quality .tcc-process-quality-media:hover{transform:translateY(-4px);border-color:rgba(214,160,79,.32);box-shadow:0 24px 52px rgba(21,35,29,.14),0 0 0 1px rgba(214,160,79,.08)}.tcc-process-quality .tcc-process-quality-media:hover::after{opacity:.72;transform:translateX(34%)}.tcc-process-quality .tcc-process-quality-media:hover img{transform:scale(1.04);filter:saturate(1.055) contrast(1.02)}}@media(prefers-reduced-motion:reduce){.tcc-process-quality .tcc-process-quality-media,.tcc-process-quality .tcc-process-quality-media::after,.tcc-process-quality .tcc-process-quality-media img{transition:none!important}.tcc-process-quality .tcc-process-quality-media:hover{transform:none}.tcc-process-quality .tcc-process-quality-media:hover img{transform:none}}@media(max-width:800px){.tcc-process-steps article{grid-template-columns:1fr}.tcc-process-quality .grid{grid-template-columns:1fr}}

/* RC7.9.211 — TCC Botanical Line-Art Identity for Process Page.
 * One reusable SVG mask establishes a consistent coffee-branch and highland
 * contour motif across Intro, Timeline, Quality and CTA. The old abstract
 * origin/roast/aroma canvas has been removed rather than overridden. */
.tcc-process-page.tcc-decorative-identity--process-flow{
 --tcc-process-line-art:url(../images/tcc-botanical-line-art.svg);
 --tcc-process-line-ink:rgba(11,87,63,.92);
 --tcc-process-line-gold:rgba(214,160,79,.96);
 position:relative;
 isolation:isolate;
}
.tcc-process-page.tcc-decorative-identity--process-flow :is(.tcc-process-intro,.tcc-process-steps,.tcc-process-quality,.tcc-process-cta){
 position:relative;
 isolation:isolate;
 overflow:hidden;
}
.tcc-process-page.tcc-decorative-identity--process-flow :is(.tcc-process-intro,.tcc-process-steps,.tcc-process-quality,.tcc-process-cta)>.container{
 position:relative;
 z-index:2;
}
.tcc-process-page.tcc-decorative-identity--process-flow :is(.tcc-process-intro,.tcc-process-steps,.tcc-process-quality,.tcc-process-cta)::before,
.tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-steps::after{
 content:"";
 position:absolute;
 z-index:1;
 display:block;
 aspect-ratio:1.24;
 pointer-events:none;
 -webkit-mask-image:var(--tcc-process-line-art);
 mask-image:var(--tcc-process-line-art);
 -webkit-mask-repeat:no-repeat;
 mask-repeat:no-repeat;
 -webkit-mask-position:center;
 mask-position:center;
 -webkit-mask-size:contain;
 mask-size:contain;
 transform:translateZ(0);
}
/* Intro uses the same visual weight as the remaining Process accents. */
.tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-intro::before{
 width:clamp(520px,48vw,780px);
 left:clamp(-300px,-14vw,-120px);
 top:50%;
 transform:translateY(-50%) rotate(-4deg);
 background:var(--tcc-process-line-ink);
 opacity:.115;
}
/* Timeline receives two quieter, alternating accents outside the card rail. */
.tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-steps::before{
 width:clamp(500px,42vw,720px);
 right:clamp(-340px,-16vw,-150px);
 top:7%;
 transform:rotate(7deg);
 background:var(--tcc-process-line-gold);
 opacity:.115;
}
.tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-steps::after{
 width:clamp(430px,36vw,620px);
 left:clamp(-300px,-15vw,-130px);
 bottom:5%;
 transform:scaleX(-1) rotate(5deg);
 background:var(--tcc-process-line-ink);
 opacity:.095;
}
/* Dark quality stage uses gold line-art for controlled contrast. */
.tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-quality::before{
 width:clamp(440px,40vw,680px);
 right:clamp(-250px,-11vw,-80px);
 top:50%;
 transform:translateY(-50%) rotate(-5deg);
 background:var(--tcc-process-line-gold);
 opacity:.16;
}
/* CTA keeps a softer signature so copy and action remain dominant. */
.tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-cta::before{
 width:clamp(480px,42vw,720px);
 left:clamp(-260px,-12vw,-90px);
 top:50%;
 transform:translateY(-50%) rotate(4deg);
 background:rgba(255,255,255,.96);
 opacity:.13;
}
@media (max-width:1024px){
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-intro::before{opacity:.10;left:-260px}
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-steps::before{right:-300px;opacity:.10}
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-steps::after{left:-270px;opacity:.08}
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-quality::before{right:-230px;opacity:.14}
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-cta::before{left:-240px;opacity:.11}
}
@media (max-width:760px){
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-intro::before{width:520px;left:-350px;opacity:.075}
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-steps::before{width:470px;right:-350px;opacity:.075}
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-steps::after{display:none}
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-quality::before{width:480px;right:-330px;opacity:.11}
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-cta::before{width:500px;left:-340px;opacity:.09}
}
@media (prefers-reduced-motion:reduce){
 .tcc-process-page.tcc-decorative-identity--process-flow :is(.tcc-process-intro,.tcc-process-steps,.tcc-process-quality,.tcc-process-cta)::before,
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-steps::after{transform:none}
}
@media print{
 .tcc-process-page.tcc-decorative-identity--process-flow :is(.tcc-process-intro,.tcc-process-steps,.tcc-process-quality,.tcc-process-cta)::before,
 .tcc-process-page.tcc-decorative-identity--process-flow .tcc-process-steps::after{display:none!important}
}

/* RC7.9.108 — Process Typography & Color Normalization.
 * Homepage / Design System is the sole authority. This block intentionally
 * changes typography and color only; no spacing, layout, media or decorative
 * geometry is modified. */
body.tcc-design-sync .tcc-process-page{
  color:var(--tcc-text,#17110d);
  font-family:var(--tcc-body-font,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
  font-size:var(--tcc-ds-body-size,16px);
  line-height:var(--tcc-ds-body-line-height,1.65);
}
body.tcc-design-sync .tcc-process-page :where(h1,h2,h3){
  font-family:var(--tcc-heading-font,Georgia,"Times New Roman",serif)!important;
  font-weight:var(--tcc-heading-weight,700);
}
body.tcc-design-sync .tcc-process-page .tcc-process-hero h1{
  color:#fff!important;
  font-size:var(--tcc-ds-display-title-desktop,52px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}
body.tcc-design-sync .tcc-process-page section h2{
  color:var(--tcc-primary,#0b573f)!important;
  font-size:var(--tcc-ds-section-title-desktop,30px)!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
}
body.tcc-design-sync .tcc-process-page .tcc-process-steps article h3{
  color:var(--tcc-primary,#0b573f)!important;
  font-size:var(--tcc-ds-card-title-desktop,22px)!important;
  line-height:1.2!important;
  letter-spacing:-.015em!important;
}
body.tcc-design-sync .tcc-process-page :where(.eyebrow,.tcc-process-eyebrow){
  color:var(--tcc-accent,#d6a04f)!important;
  font-family:var(--tcc-body-font,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
  font-size:var(--tcc-ds-eyebrow-size,12px)!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:.18em!important;
  text-transform:uppercase;
}
body.tcc-design-sync .tcc-process-page :where(.tcc-process-intro p,.tcc-process-steps p,.tcc-process-quality p:not(.eyebrow):not(.tcc-eyebrow),.tcc-process-cta p:not(.eyebrow):not(.tcc-eyebrow),.tcc-process-hero .inner>p:not(.eyebrow):not(.tcc-eyebrow)){
  font-family:var(--tcc-body-font,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
  font-size:var(--tcc-ds-body-size,16px)!important;
  line-height:var(--tcc-ds-body-line-height,1.65)!important;
}
body.tcc-design-sync .tcc-process-page :where(.tcc-process-intro p,.tcc-process-steps p){
  color:var(--tcc-muted,#626962)!important;
}
body.tcc-design-sync .tcc-process-page .num{
  color:var(--tcc-accent,#d6a04f)!important;
  font-family:var(--tcc-heading-font,Georgia,"Times New Roman",serif)!important;
  font-weight:var(--tcc-heading-weight,700);
}
body.tcc-design-sync .tcc-process-page .tcc-process-cta h2{
  color:var(--tcc-primary,#0b573f)!important;
}
body.tcc-design-sync .tcc-process-page .tcc-process-cta p{
  color:var(--tcc-muted,#626962)!important;
}
body.tcc-design-sync .tcc-process-page .tcc-process-quality .grid{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.tcc-design-sync .tcc-process-page .tcc-process-quality .eyebrow{
  margin:0 0 8px!important;
  letter-spacing:.22em!important;
}
body.tcc-design-sync .tcc-process-page .tcc-process-quality h2{
  max-width:22ch;
  margin:0 0 14px!important;
  color:var(--tcc-primary,#0b573f)!important;
  font-size:var(--tcc-ds-section-title-desktop,30px)!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
}
body.tcc-design-sync .tcc-process-page .tcc-process-quality .grid>div>p:not(.eyebrow):not(.tcc-eyebrow){
  max-width:60ch;
  margin:0!important;
  color:var(--tcc-muted,#626962)!important;
  font-size:var(--tcc-ds-body-size,16px)!important;
  line-height:var(--tcc-ds-body-line-height,1.65)!important;
}
body.tcc-design-sync .tcc-process-page .tcc-process-cta a{
  background:var(--tcc-accent,#d6a04f)!important;
  color:var(--tcc-text,#17110d)!important;
  font-family:var(--tcc-body-font,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
  font-size:var(--tcc-ds-button-font-size,14px)!important;
  font-weight:var(--tcc-ds-button-weight,700)!important;
}
@media(max-width:1024px){
  body.tcc-design-sync .tcc-process-page .tcc-process-hero h1{font-size:var(--tcc-ds-display-title-tablet,42px)!important}
  body.tcc-design-sync .tcc-process-page .tcc-process-quality h2{font-size:var(--tcc-ds-section-title-tablet,24px)!important}
  body.tcc-design-sync .tcc-process-page section h2{font-size:var(--tcc-ds-section-title-tablet,24px)!important}
  body.tcc-design-sync .tcc-process-page .tcc-process-steps article h3{font-size:var(--tcc-ds-card-title-tablet,20px)!important}
}
@media(max-width:640px){
  body.tcc-design-sync .tcc-process-page .tcc-process-hero h1{font-size:var(--tcc-ds-display-title-mobile,34px)!important}
  body.tcc-design-sync .tcc-process-page .tcc-process-quality h2{max-width:none;font-size:var(--tcc-ds-section-title-mobile,20px)!important}
  body.tcc-design-sync .tcc-process-page .tcc-process-quality .grid>div>p:not(.eyebrow):not(.tcc-eyebrow){max-width:none}
  body.tcc-design-sync .tcc-process-page section h2{font-size:var(--tcc-ds-section-title-mobile,20px)!important}
  body.tcc-design-sync .tcc-process-page .tcc-process-steps article h3{font-size:var(--tcc-ds-card-title-mobile,18px)!important}
}

/* RC7.9.109 — Process Hero Header Boundary Lock.
 * The Process hero starts directly at the lower edge of the shared header.
 * Scope is intentionally limited to the Process page boundary; hero geometry,
 * media, typography, overlay and every following section remain unchanged. */
body.tcc-frontend-engine main.tcc-process-page,
body.tcc-frontend-engine .site-main.tcc-process-page,
body.tcc-design-sync main.tcc-process-page{
  margin-top:0!important;
  padding-top:0!important;
}

/* RC7.9.110 — Process Hero Physical Calibration Final.
 * Homepage remains the Design Authority. This scope is limited to Process hero
 * geometry, content alignment and overlay readability. */
body.tcc-design-sync .tcc-process-page .tcc-process-hero{
  min-height:calc(var(--tcc-ds-hero-height-desktop,520px) - 20px);
}
body.tcc-design-sync .tcc-process-page .tcc-process-hero .inner{
  box-sizing:border-box;
  width:min(var(--tcc-container),calc(100% - 40px));
  padding-inline:24px;
  padding-bottom:58px;
}
body.tcc-design-sync .tcc-process-page .tcc-process-hero h1{
  max-width:780px;
}
body.tcc-design-sync .tcc-process-page .tcc-process-hero .inner>p:not(.eyebrow):not(.tcc-eyebrow){
  max-width:680px;
  margin-top:18px;
}
body.tcc-design-sync .tcc-process-page .tcc-process-hero .overlay{
  background:linear-gradient(90deg,rgba(4,10,7,calc(var(--overlay) - .13)),rgba(4,10,7,.15));
}
@media(max-width:1024px){
  body.tcc-design-sync .tcc-process-page .tcc-process-hero{min-height:var(--tcc-ds-hero-height-tablet,430px)}
  body.tcc-design-sync .tcc-process-page .tcc-process-hero .inner{
    padding-inline:20px;
    padding-bottom:52px;
  }
  body.tcc-design-sync .tcc-process-page .tcc-process-hero h1{max-width:700px}
}
@media(max-width:640px){
  body.tcc-design-sync .tcc-process-page .tcc-process-hero{min-height:var(--tcc-ds-hero-height-mobile,340px)}
  body.tcc-design-sync .tcc-process-page .tcc-process-hero .inner{
    width:min(var(--tcc-container),calc(100% - 28px));
    padding-inline:8px;
    padding-bottom:36px;
  }
  body.tcc-design-sync .tcc-process-page .tcc-process-hero h1{max-width:100%}
  body.tcc-design-sync .tcc-process-page .tcc-process-hero .inner>p:not(.eyebrow):not(.tcc-eyebrow){
    max-width:100%;
    margin-top:14px;
  }
}

/* RC7.9.210 — Process Intro Readability & Motif Polish.
 * One-section scope: calibrates only the transition from the Process hero into
 * the introductory statement and onward to the timeline. Homepage remains the
 * Design Authority; timeline cards and all later stages are untouched. */
body.tcc-design-sync .tcc-process-page .tcc-process-intro{
  padding-top:var(--tcc-process-gap-major)!important;
  padding-bottom:var(--tcc-process-gap-inner)!important;
}
body.tcc-design-sync .tcc-process-page .tcc-process-intro h2{
  margin:0!important;
}
body.tcc-design-sync .tcc-process-page .tcc-process-intro p{
  width:min(740px,100%);
  max-width:740px!important;
  margin:28px auto 0!important;
}
body.tcc-design-sync .tcc-process-page .tcc-process-steps{
  padding-top:var(--tcc-process-gap-inner)!important;
  padding-bottom:var(--tcc-process-gap-standard)!important;
}
@media(max-width:1024px){
  body.tcc-design-sync .tcc-process-page .tcc-process-intro{
    padding-top:var(--tcc-process-gap-major)!important;
    padding-bottom:var(--tcc-process-gap-inner)!important;
  }
  body.tcc-design-sync .tcc-process-page .tcc-process-intro p{
    width:min(690px,100%);
    max-width:690px!important;
    margin-top:24px!important;
  }
  body.tcc-design-sync .tcc-process-page .tcc-process-steps{
    padding-top:var(--tcc-process-gap-inner)!important;
    padding-bottom:var(--tcc-process-gap-standard)!important;
  }
}
@media(max-width:640px){
  body.tcc-design-sync .tcc-process-page .tcc-process-intro{
    padding-top:var(--tcc-process-gap-major)!important;
    padding-bottom:var(--tcc-process-gap-inner)!important;
  }
  body.tcc-design-sync .tcc-process-page .tcc-process-intro p{
    width:100%;
    max-width:100%!important;
    margin-top:18px!important;
  }
  body.tcc-design-sync .tcc-process-page .tcc-process-steps{
    padding-top:var(--tcc-process-gap-inner)!important;
    padding-bottom:var(--tcc-process-gap-standard)!important;
  }
}


/* RC7.9.112 — Process Intro Editorial Alignment.
 * Keeps the section title centered while setting the long-form introduction in
 * a justified editorial column. Mobile returns to left alignment to avoid
 * stretched word spacing on narrow screens. */
body.tcc-design-sync .tcc-process-page .tcc-process-intro p{
  text-align:justify!important;
  text-justify:inter-word;
  hyphens:none;
}
@media(max-width:640px){
  body.tcc-design-sync .tcc-process-page .tcc-process-intro p{
    text-align:left!important;
    text-justify:auto;
  }
}


/* RC7.9.224 — Process Timeline Horizontal Authority Recovery.
 * Rollback authority: removes the RC219–RC223 viewport compensation that shifted
 * the complete timeline cluster left. The timeline container remains centered;
 * rail, badge, node, connector and card retain the locked RC218 geometry. */
body.tcc-design-sync .tcc-process-page .tcc-process-steps{
  --tcc-process-rail-x:62px;
  --tcc-process-badge-size:60px;
  --tcc-process-node-x:101px;
  --tcc-process-node-size:18px;
  --tcc-process-card-start:154px;
  --tcc-process-card-gap:18px;
  overflow:clip;
}
body.tcc-design-sync .tcc-process-page .tcc-process-steps>.tcc-process-timeline{
  position:relative;
  width:min(var(--tcc-container,1200px),calc(100% - 40px));
  margin-inline:auto;
  display:grid;
  gap:var(--tcc-process-card-gap);
}
body.tcc-design-sync .tcc-process-page .tcc-process-steps>.tcc-process-timeline::before{content:none!important;display:none!important}
body.tcc-design-sync .tcc-process-page .tcc-process-step-card{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:var(--tcc-process-card-start) minmax(0,1fr);
  gap:0!important;
  align-items:center;
  justify-self:stretch;
  width:100%;
  min-height:196px;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.tcc-design-sync .tcc-process-page .tcc-process-step-rail{
  position:absolute;
  z-index:0;
  top:calc(var(--tcc-process-card-gap) / -2);
  bottom:calc(var(--tcc-process-card-gap) / -2);
  left:var(--tcc-process-rail-x);
  width:4px;
  border-radius:999px;
  background:linear-gradient(to bottom,rgba(214,160,79,.82),rgba(11,87,63,.96) 24%,rgba(11,87,63,.96) 76%,rgba(214,160,79,.82));
  box-shadow:0 0 0 1px rgba(255,255,255,.72),0 0 18px rgba(214,160,79,.20),0 0 28px rgba(11,87,63,.10);
  transform:translateX(-50%);
  pointer-events:none;
}
body.tcc-design-sync .tcc-process-page .tcc-process-step-card:first-child .tcc-process-step-rail{top:0}
body.tcc-design-sync .tcc-process-page .tcc-process-step-card:last-child .tcc-process-step-rail{bottom:0}
body.tcc-design-sync .tcc-process-page .tcc-process-step-card .num{
  position:absolute;
  z-index:5;
  top:50%;
  left:calc(var(--tcc-process-rail-x) - (var(--tcc-process-badge-size) / 2));
  width:var(--tcc-process-badge-size);
  height:var(--tcc-process-badge-size);
  display:grid;
  place-items:center;
  border-radius:50%;
  border:2px solid rgba(214,160,79,.88);
  background:linear-gradient(145deg,#fffefa 0%,#fffaf0 58%,#f7ead3 100%);
  color:#b77b24!important;
  font-family:var(--tcc-font-heading,"Cormorant Garamond",Georgia,serif)!important;
  font-size:clamp(26px,2.3vw,36px)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.045em;
  text-align:center;
  opacity:1;
  box-shadow:0 2px 0 rgba(255,255,255,.92) inset,0 10px 24px rgba(62,43,20,.14),0 0 0 7px rgba(214,160,79,.075);
  transform:translateY(-50%);
  transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease,border-color .32s ease,color .32s ease;
}
body.tcc-design-sync .tcc-process-page .tcc-process-step-card::before{
  content:"";
  position:absolute;
  z-index:4;
  left:calc(var(--tcc-process-node-x) - (var(--tcc-process-node-size) / 2));
  top:50%;
  width:var(--tcc-process-node-size);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle at 38% 34%,#f5d691 0 15%,#d6a04f 18% 40%,#0b573f 44% 100%);
  border:3px solid var(--tcc-canvas,#f8f5ef);
  box-shadow:0 0 0 2px rgba(214,160,79,.62),0 0 0 7px rgba(214,160,79,.10),0 7px 16px rgba(11,87,63,.18);
  transform:translateY(-50%);
  transition:transform .32s ease,box-shadow .32s ease;
}
body.tcc-design-sync .tcc-process-page .tcc-process-step-card::after{
  content:"";
  position:absolute;
  z-index:2;
  left:calc(var(--tcc-process-node-x) + (var(--tcc-process-node-size) / 2));
  top:50%;
  width:calc(var(--tcc-process-card-start) - var(--tcc-process-node-x) - (var(--tcc-process-node-size) / 2));
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(214,160,79,.90),rgba(11,87,63,.76) 48%,rgba(214,160,79,.82));
  box-shadow:0 0 10px rgba(214,160,79,.16);
  transform:translateY(-50%);
  transform-origin:left center;
  transition:transform .32s ease,filter .32s ease,opacity .32s ease;
}
body.tcc-design-sync .tcc-process-page .tcc-process-step-panel{
  grid-column:2;
  display:grid;
  grid-template-columns:minmax(240px,.86fr) minmax(0,1.14fr);
  gap:clamp(26px,2.4vw,36px);
  align-items:center;
  min-height:196px;
  padding:18px clamp(26px,2.3vw,34px)!important;
  border:1px solid rgba(11,87,63,.075)!important;
  border-radius:var(--tcc-card-radius,18px);
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 32px rgba(21,35,29,.055);
  transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease,border-color .32s ease,background-color .32s ease;
}
body.tcc-design-sync .tcc-process-page .tcc-process-step-media{overflow:hidden;border-radius:calc(var(--tcc-card-radius,18px) - 4px);background:var(--tcc-canvas,#f8f5ef)}
body.tcc-design-sync .tcc-process-page .tcc-process-step-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:inherit!important;transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .4s ease}
body.tcc-design-sync .tcc-process-page .tcc-process-step-copy{min-width:0;padding-block:0;transform:translateY(-6px)}
body.tcc-design-sync .tcc-process-page .tcc-process-step-copy h3{margin:0 0 10px!important}
body.tcc-design-sync .tcc-process-page .tcc-process-step-copy p{margin:0!important;max-width:54ch}
@media (hover:hover) and (pointer:fine){
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card:hover .tcc-process-step-panel{transform:translateY(-5px);border-color:rgba(214,160,79,.30)!important;background:#fff;box-shadow:0 20px 48px rgba(21,35,29,.10)}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card:hover .num{color:var(--tcc-primary,#0b573f)!important;border-color:rgba(214,160,79,1);transform:translateY(-50%) scale(1.06);box-shadow:0 2px 0 rgba(255,255,255,.96) inset,0 15px 32px rgba(62,43,20,.18),0 0 0 9px rgba(214,160,79,.11)}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card:hover::before{transform:translateY(-50%) scale(1.14);box-shadow:0 0 0 2px rgba(214,160,79,.76),0 0 0 10px rgba(214,160,79,.14),0 0 25px rgba(214,160,79,.30)}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card:hover::after{transform:translateY(-50%) scaleX(1.035);filter:saturate(1.18) brightness(1.06)}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card:hover img{transform:scale(1.035);filter:saturate(1.035) contrast(1.015)}
}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    body.tcc-design-sync .tcc-process-page .tcc-process-step-card{animation:tcc-process-step-reveal linear both;animation-timeline:view();animation-range:entry 6% cover 28%}
  }
}
@keyframes tcc-process-step-reveal{from{opacity:.22;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1024px){
  body.tcc-design-sync .tcc-process-page .tcc-process-steps{--tcc-process-rail-x:51px;--tcc-process-badge-size:52px;--tcc-process-node-x:84px;--tcc-process-node-size:17px;--tcc-process-card-start:132px;--tcc-process-card-gap:16px}
  body.tcc-design-sync .tcc-process-page .tcc-process-steps>.tcc-process-timeline{width:min(var(--tcc-container,1200px),calc(100% - 32px))}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card{min-height:184px}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card .num{font-size:30px!important}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-panel{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);gap:22px;min-height:184px;padding:18px 22px!important}
}
@media(max-width:760px){
  body.tcc-design-sync .tcc-process-page .tcc-process-steps{--tcc-process-rail-x:27px;--tcc-process-badge-size:40px;--tcc-process-node-x:55px;--tcc-process-node-size:14px;--tcc-process-card-start:79px;--tcc-process-card-gap:14px}
  body.tcc-design-sync .tcc-process-page .tcc-process-steps>.tcc-process-timeline{width:calc(100% - 20px)}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card{min-height:0}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card .num{font-size:21px!important;border-width:1.5px;box-shadow:0 1px 0 rgba(255,255,255,.92) inset,0 7px 16px rgba(62,43,20,.13),0 0 0 4px rgba(214,160,79,.07)}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-panel{grid-template-columns:1fr;gap:14px;min-height:0;padding:14px 14px 18px!important;border-radius:16px}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-copy{padding:2px 2px 0;transform:none}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-copy p{max-width:none}
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card::before{border-width:2px}
}
@media(prefers-reduced-motion:reduce){
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card,
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card::before,
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card .num,
  body.tcc-design-sync .tcc-process-page .tcc-process-step-card::after,
  body.tcc-design-sync .tcc-process-page .tcc-process-step-media img{animation:none!important;transition:none!important}
}

/* RC7.9.302 — Process CTA locked geometry authority.
 * This page is locked and owns its CTA geometry. Shared CTA Builder data/media
 * remain available, but shared geometry must not resize or reorder this card. */
body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(190px,260px)!important;
  grid-template-rows:auto!important;
  gap:clamp(28px,4vw,52px)!important;
  align-items:center!important;
  width:100%!important;
  padding:0!important;
}
/* RC7.9.304 — Process CTA eyebrow badge size synced to the frozen Homepage authority. */
body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-process-cta__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:max-content;
  margin:0 0 16px;
  padding:5px 13px;
  border:1px solid currentColor;
  border-radius:var(--tcc-ds-badge-radius,999px);
  color:var(--tcc-primary,#0b573f);
  background:transparent;
  font-size:11px;
  font-weight:700;
  line-height:1;
  letter-spacing:.2em;
  text-transform:uppercase;
  white-space:nowrap;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-copy{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  max-width:720px!important;
  justify-self:start!important;
  margin:0!important;
  text-align:left!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-media{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-media img{
  display:block!important;
  width:min(100%,var(--tcc-cta-media-width,240px))!important;
  max-width:280px!important;
  height:auto!important;
  object-fit:contain!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-layout.media-left{
  grid-template-columns:minmax(190px,260px) minmax(0,1fr)!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-layout.media-left > .tcc-universal-cta-copy{
  grid-column:2!important;
}
body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-media.is-left{
  grid-column:1!important;
}
@media(max-width:760px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-layout,
  body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-layout.media-left{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-copy,
  body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-layout.media-left > .tcc-universal-cta-copy{
    grid-column:1!important;
    grid-row:2!important;
    max-width:none!important;
    text-align:center!important;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-process-cta__eyebrow{
    margin-inline:auto;
    white-space:normal;
    text-align:center;
  }
  body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-media,
  body.tcc-design-sync.tcc-frontend-engine .tcc-process-page > .tcc-process-cta.tcc-cta-layout-legacy-lock .tcc-universal-cta-media.is-left{
    grid-column:1!important;
    grid-row:1!important;
    justify-content:center!important;
  }
}

/* RC43.738 — Process intro heading mirrors the approved About / Brand Story
 * section-heading authority exactly. Do not calibrate this heading by eye.
 * Brand Story authority: Design System section-title tokens + shared heading
 * line-height/tracking across desktop/tablet/mobile. Global tokens stay intact. */
body.tcc-design-sync.tcc-frontend-engine .tcc-process-page .tcc-process-intro h2{
  font-size:var(--tcc-ds-section-title-desktop,36px)!important;
  line-height:var(--tcc-subheading-line,1.12)!important;
  letter-spacing:var(--tcc-heading-tracking,-.01em)!important;
}
@media(max-width:1024px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-process-page .tcc-process-intro h2{
    font-size:var(--tcc-ds-section-title-tablet,30px)!important;
  }
}
@media(max-width:640px){
  body.tcc-design-sync.tcc-frontend-engine .tcc-process-page .tcc-process-intro h2{
    font-size:var(--tcc-ds-section-title-mobile,26px)!important;
  }
}


/* RC43.1112 — canonical Process Hero Image Composition runtime bridge. */
.tcc-process-hero .media{background-size:var(--tcc-media-fit,var(--tcc-process-banner-fit,cover))!important;background-position:var(--tcc-media-anchor-x,50%) var(--tcc-media-position-y,50%)!important;transform:scale(var(--tcc-media-zoom,1));transform-origin:var(--tcc-media-anchor-x,50%) var(--tcc-media-position-y,50%)!important}
.tcc-process-hero .overlay{display:var(--tcc-media-overlay-display,block)}
.tcc-process-hero[style*="--tcc-media-overlay-mode"] .overlay{background:var(--tcc-media-overlay)!important}
@media(max-width:1024px){.tcc-process-hero .media{background-position:var(--tcc-media-anchor-x-tablet,var(--tcc-media-anchor-x,50%)) var(--tcc-media-position-y-tablet,var(--tcc-media-position-y,50%))!important;transform:scale(var(--tcc-media-zoom-tablet,var(--tcc-media-zoom,1)))}}
@media(max-width:767px){.tcc-process-hero .media{background-position:var(--tcc-media-anchor-x-mobile,var(--tcc-media-anchor-x,50%)) var(--tcc-media-position-y-mobile,var(--tcc-media-position-y,50%))!important;transform:scale(var(--tcc-media-zoom-mobile,var(--tcc-media-zoom,1)))}}