/* TRENBE UT — evidence-only composition layer.
   Page hierarchy, typography, hero, chapter rhythm, color and wide editorial rails
   are owned by the same HIMART design-system files used by himart.html.
   This file only defines case-specific evidence modules. */

html body.trenbe-ut-page{margin:0!important;background:#000!important;color:#fff!important;overflow-x:clip!important}
html body.trenbe-ut-page *,html body.trenbe-ut-page *::before,html body.trenbe-ut-page *::after{box-sizing:border-box}
html body.trenbe-ut-page a{color:inherit;text-decoration:none}
html body.trenbe-ut-page #live-main{position:relative;background:#000!important}
html body.trenbe-ut-page #live-main .hm-wide-right-rail{min-width:0;width:100%;max-width:100%}
html body.trenbe-ut-page #live-main .hm-title{max-width:1060px!important}
html body.trenbe-ut-page .hm-source a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Common evidence-card grammar — blue is reserved for data/text accents; divider rules stay neutral. */
.trenbe-context-grid,
.trenbe-profile-grid,
.trenbe-conclusion-grid,
.trenbe-research-bridge,
.trenbe-roadmap,
.trenbe-model-process,
.trenbe-findings{
  display:grid;
  width:100%;
  gap:28px;
}
.trenbe-context-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.trenbe-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.trenbe-conclusion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.trenbe-research-bridge{grid-template-columns:repeat(3,minmax(0,1fr))}
.trenbe-roadmap{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px}
.trenbe-model-process{grid-template-columns:repeat(4,minmax(0,1fr));gap:52px 24px}
.trenbe-findings{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 28px}

.trenbe-context-grid article,
.trenbe-profile-grid article,
.trenbe-conclusion-grid article,
.trenbe-research-bridge article,
.trenbe-roadmap article,
.trenbe-model-process article,
.trenbe-findings article{
  min-width:0;
  padding:24px 0 28px;
  border-top:1px solid var(--hm-line-default);
}
.trenbe-context-grid article:first-child,
.trenbe-profile-grid article:first-child,
.trenbe-conclusion-grid article:first-child,
.trenbe-research-bridge article:first-child,
.trenbe-roadmap article:first-child,
.trenbe-model-process article:first-child,
.trenbe-findings article:first-child{border-top-color:var(--hm-line-default)}

.trenbe-context-grid span,
.trenbe-profile-grid span,
.trenbe-conclusion-grid span,
.trenbe-research-bridge span,
.trenbe-roadmap span,
.trenbe-model-process span,
.trenbe-findings span{
  display:block;
  color:var(--hm-blue);
  font:400 var(--hm-type-note)/1.2 var(--hm-font-en);
  letter-spacing:var(--hm-track-note);
}
.trenbe-context-grid h4,
.trenbe-conclusion-grid h4,
.trenbe-roadmap h4,
.trenbe-model-process h4,
.trenbe-findings h4{
  margin:30px 0 0!important;
  color:#fff!important;
  font:100 var(--hm-type-group)/1.28 var(--hm-font-ko)!important;
  font-variation-settings:"wght" 100;
  letter-spacing:var(--hm-track-group)!important;
  word-break:keep-all!important;
}
.trenbe-context-grid p,
.trenbe-profile-grid p,
.trenbe-conclusion-grid p,
.trenbe-research-bridge p,
.trenbe-roadmap p,
.trenbe-model-process p,
.trenbe-findings p{
  margin:16px 0 0!important;
  max-width:30ch!important;
  color:var(--hm-description-color)!important;
  font:300 var(--hm-type-body)/1.55 var(--hm-font-ko)!important;
  letter-spacing:var(--hm-track-body)!important;
  word-break:keep-all!important;
}


/* 01.2 — luxury evidence rows. */
.trenbe-luxury-evidence{display:grid;grid-template-columns:1fr;gap:72px;width:100%}
.trenbe-luxury-time-table{width:100%;margin-top:32px;border-top:1px solid var(--hm-line-faint)}
.trenbe-luxury-time-row{display:grid;grid-template-columns:88px minmax(0,1fr) 48px;gap:14px;align-items:center;min-height:42px;border-bottom:1px solid var(--hm-line-faint)}
.trenbe-luxury-time-row>span:first-child{color:rgba(255,255,255,.72);font:300 12px/1.2 var(--hm-font-ko);white-space:nowrap}
.trenbe-luxury-time-row>i{display:block;height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.10)}
.trenbe-luxury-time-row>i::before{content:"";display:block;width:calc(var(--value) * 1%);height:100%;border-radius:inherit;background:var(--hm-blue)}
.trenbe-luxury-time-row>b{color:#fff;font:300 12px/1 var(--hm-font-en);text-align:right;font-variant-numeric:tabular-nums}

/* 01.2 / 02 — AIMMO System 02.2 second insight, exact segmented-bar composition. */
html body.trenbe-ut-page #brand .aimmo-context-insight{min-width:0;padding-top:24px;border-top:1px solid var(--hm-line-content-divider,var(--hm-line-weak))}
html body.trenbe-ut-page #brand .aimmo-context-insight__label{display:block;margin:0;color:var(--hm-blue);font-family:var(--hm-font-en)!important;font-size:var(--hm-type-note)!important;font-weight:400!important;line-height:1.2!important;letter-spacing:var(--hm-track-note)!important}
html body.trenbe-ut-page #brand .aimmo-context-insight h4{
  margin:18px 0 0!important;
  color:#fff!important;
  font-family:var(--hm-font-ko)!important;
  font-size:var(--hm-type-group)!important;
  font-weight:100!important;
  font-variation-settings:"wght" 100!important;
  line-height:1.3!important;
  letter-spacing:var(--hm-track-group)!important;
  word-break:keep-all!important
}
html body.trenbe-ut-page #brand .aimmo-context-insight h4 strong{color:var(--hm-blue)!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;font-variation-settings:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
html body.trenbe-ut-page #brand .aimmo-context-insight__copy{
  margin:4px 0 0!important;
  max-width:var(--hm-description-max-chars)!important;
  color:var(--hm-description-color)!important;
  font-family:var(--hm-font-ko)!important;
  font-size:var(--hm-type-body)!important;
  font-weight:300!important;
  font-variation-settings:"wght" 300!important;
  line-height:1.58!important;
  letter-spacing:var(--hm-track-body)!important;
  word-break:keep-all!important
}

/* 01.2 / 02 — AIMMO System 04.1 graph source, reduced to two rows. */
html body.trenbe-ut-page #brand .aimmo-impact-chart{width:100%;padding:32px 0 0;border-top:1px solid var(--hm-line-content-divider,var(--hm-line-weak))}
html body.trenbe-ut-page #brand .aimmo-impact-chart__rows{display:grid;gap:20px}
html body.trenbe-ut-page #brand .aimmo-impact-chart__row{display:grid;grid-template-columns:minmax(180px,.48fr) minmax(0,2.2fr);gap:12px;align-items:center;width:100%}
html body.trenbe-ut-page #brand .aimmo-impact-chart__label strong{display:block;max-width:11ch;margin:0;color:#fff;font:300 22px/1.22 var(--hm-font-ko);letter-spacing:var(--hm-track-group);word-break:keep-all}
html body.trenbe-ut-page #brand .aimmo-impact-chart__track{position:relative;width:100%;height:80px;overflow:hidden;background:rgba(255,255,255,.07)}
html body.trenbe-ut-page #brand .aimmo-impact-chart__bar{display:flex;width:var(--value);height:100%;align-items:center;justify-content:flex-end;padding-right:16px;box-sizing:border-box;background:var(--bar-color,var(--hm-chart-02,#007DE3))}
html body.trenbe-ut-page #brand .aimmo-impact-chart__bar strong{color:#fff!important;font:300 40px/1 var(--hm-font-en);letter-spacing:var(--hm-track-data-number);font-variant-numeric:tabular-nums;white-space:nowrap}
html body.trenbe-ut-page #brand .aimmo-impact-chart__row:nth-child(1){--bar-color:var(--hm-chart-01,#00A6ED)}
html body.trenbe-ut-page #brand .aimmo-impact-chart__row:nth-child(2){--bar-color:var(--hm-chart-02,#007DE3)}

@media(max-width:780px){
  html body.trenbe-ut-page #brand .aimmo-impact-chart__row{grid-template-columns:130px minmax(0,1fr);gap:10px}
  html body.trenbe-ut-page #brand .aimmo-impact-chart__label strong{font-size:17px}
  html body.trenbe-ut-page #brand .aimmo-impact-chart__track{height:64px}
  html body.trenbe-ut-page #brand .aimmo-impact-chart__bar strong{font-size:30px}
}

/* 01.3 — GA / NPS / UT as a HIMART-style circular reasoning flow. */
.trenbe-evidence-flow,
.trenbe-segment-flow,
.trenbe-decision-flow{
  display:grid;
  align-items:center;
  width:100%;
}
.trenbe-evidence-flow{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr)}
.trenbe-segment-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.trenbe-decision-flow{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr)}
.trenbe-evidence-node,
.trenbe-segment-flow article,
.trenbe-decision-flow article{
  display:flex;
  aspect-ratio:1/1;
  min-width:0;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:clamp(20px,2.2vw,30px);
  border:1px solid var(--hm-line-default);
  border-radius:50%;
  background:#000;
  text-align:center;
  container-type:inline-size;
}
.trenbe-evidence-node.is-accent,
.trenbe-decision-flow article.is-accent{border-color:var(--hm-blue)}
.trenbe-evidence-node>span,
.trenbe-segment-flow article>span,
.trenbe-decision-flow article>span{
  color:var(--hm-text-tertiary);
  font:300 11px/1 var(--hm-font-en);
  letter-spacing:var(--hm-track-note);
}
.trenbe-evidence-node strong{
  display:block;
  margin-top:clamp(12px,5cqi,18px);
  color:var(--hm-blue);
  font:300 clamp(24px,13cqi,42px)/1 var(--hm-font-en);
  letter-spacing:var(--hm-track-data-number);
}
.trenbe-evidence-node h4,
.trenbe-segment-flow article h4,
.trenbe-decision-flow article h4{
  margin:clamp(12px,5cqi,18px) 0 0!important;
  color:#fff!important;
  font:100 clamp(17px,9.5cqi,24px)/1.25 var(--hm-font-ko)!important;
  font-variation-settings:"wght" 100;
  letter-spacing:var(--hm-track-group)!important;
  word-break:keep-all!important;
}
html body.trenbe-ut-page #data .trenbe-segment-flow article>span{color:var(--hm-blue)!important;font-size:12px!important;font-weight:400!important}
html body.trenbe-ut-page #data .trenbe-segment-flow article h4{color:var(--hm-blue)!important;font-size:28px!important;font-weight:300!important;font-variation-settings:"wght" 300!important}
html body.trenbe-ut-page #data .trenbe-segment-flow article p{font-size:16px!important;font-weight:300!important}

.trenbe-evidence-node p,
.trenbe-segment-flow article p,
.trenbe-decision-flow article p{
  margin:clamp(9px,4cqi,13px) 0 0!important;
  max-width:18ch!important;
  color:var(--hm-description-color)!important;
  font:300 clamp(11px,5.7cqi,14px)/1.45 var(--hm-font-ko)!important;
  letter-spacing:var(--hm-track-body)!important;
  word-break:keep-all!important;
}
.trenbe-flow-arrow{
  color:rgba(255,255,255,.46);
  font:100 34px/1 var(--hm-font-en);
  text-align:center;
}

/* 02.1 — recreated GA age graph. */
.trenbe-age-chart{
  width:100%;
  padding:34px 0 0;
  border-top:1px solid var(--hm-line-default);
}
.trenbe-age-chart__summary{
  display:grid;
  grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);
  gap:40px;
  align-items:end;
  margin-bottom:46px;
}
.trenbe-age-chart__summary strong{
  color:var(--hm-blue);
  font:300 clamp(64px,7vw,108px)/.9 var(--hm-font-en);
  letter-spacing:var(--hm-track-data-number);
  font-variant-numeric:tabular-nums;
}
.trenbe-age-chart__summary span{
  display:block;
  color:#fff;
  font:300 var(--hm-type-group)/1.2 var(--hm-font-en);
}
.trenbe-age-chart__summary p{
  margin:10px 0 0!important;
  color:var(--hm-description-color)!important;
  font:300 var(--hm-type-body)/1.5 var(--hm-font-ko)!important;
}
.trenbe-age-chart__plot{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  align-items:end;
  height:330px;
  padding-top:30px;
  border-bottom:1px solid var(--hm-line-default);
}
.trenbe-age-bar{
  position:relative;
  display:flex;
  height:100%;
  min-width:0;
  flex-direction:column;
  justify-content:flex-end;
  align-items:stretch;
}
html body.trenbe-ut-page #data .trenbe-age-chart .trenbe-age-bar>i{
  display:block;
  height:calc(var(--value) * 11px);
  max-height:280px;
  background:var(--hm-blue)!important;
  opacity:.30!important;
}
html body.trenbe-ut-page #data .trenbe-age-chart .trenbe-age-bar.is-core>i{
  background:var(--hm-blue)!important;
  opacity:1!important;
}
.trenbe-age-bar b{
  position:absolute;
  bottom:calc(var(--value) * 11px + 10px);
  left:0;
  color:rgba(255,255,255,.72);
  font:300 var(--hm-type-note)/1 var(--hm-font-en);
  font-variant-numeric:tabular-nums;
}
.trenbe-age-bar span{
  display:block;
  margin:12px 0 -28px;
  color:var(--hm-text-tertiary);
  font:300 var(--hm-type-note)/1 var(--hm-font-en);
  text-align:center;
}

/* 02.2 — NPS sample profile. */
.trenbe-profile-grid strong{
  display:block;
  color:var(--hm-blue);
  font:300 clamp(54px,5.5vw,86px)/.92 var(--hm-font-en);
  letter-spacing:var(--hm-track-data-number);
  font-variant-numeric:tabular-nums;
}
.trenbe-profile-grid h4{
  margin:30px 0 0!important;
  color:#fff!important;
  font:100 var(--hm-type-group)/1.25 var(--hm-font-ko)!important;
  font-variation-settings:"wght" 100;
}
.trenbe-profile-note,
.trenbe-synthesis-note{
  margin:30px 0 0;
  padding-left:0;
  border-left:0;
  color:var(--hm-description-color);
  font:300 var(--hm-type-note)/1.6 var(--hm-font-ko);
  letter-spacing:var(--hm-track-body);
  word-break:keep-all;
}
.trenbe-profile-note>span,
.trenbe-synthesis-note>span{color:inherit!important;font-family:var(--hm-font-en);font-weight:400;letter-spacing:var(--hm-track-note)}

/* 02.3 — field evidence gallery. Original content colors are intentionally preserved. */
.trenbe-field-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  width:100%;
  margin-top:64px;
}
.trenbe-field-gallery figure{
  position:relative;
  margin:0;
  min-width:0;
  overflow:hidden;
  background:#060606;
}
.trenbe-field-gallery figure:first-child{grid-column:1/-1}
.trenbe-field-gallery img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.trenbe-field-gallery figure:nth-child(3) img{object-fit:contain;background:#f7f7f7}
.trenbe-field-gallery figcaption{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:18px 0 0;
}
.trenbe-field-gallery figcaption span{color:var(--hm-blue);font:400 var(--hm-type-note)/1.2 var(--hm-font-en)}
.trenbe-field-gallery figcaption strong{color:#fff;font:100 var(--hm-type-body)/1.45 var(--hm-font-ko);font-variation-settings:"wght" 100;word-break:keep-all}

/* 03.1 condensed UT findings. */
.trenbe-findings article{min-height:250px}
.trenbe-findings strong{
  display:block;
  max-width:30ch;
  margin:28px 0 0;
  color:var(--hm-blue);
  font:300 28px/1.32 var(--hm-font-ko);
  font-variation-settings:"wght" 300;
  letter-spacing:var(--hm-track-group);
  word-break:keep-all;
}

/* 03.2 qualitative segment matrix. */
.trenbe-segment-matrix{
  width:100%;
  border-top:1px solid var(--hm-line-default);
}
.trenbe-segment-matrix__head,
.trenbe-segment-matrix__row{
  display:grid;
  grid-template-columns:minmax(120px,.8fr) repeat(5,minmax(0,1fr));
  align-items:center;
  min-height:74px;
  border-bottom:1px solid var(--hm-line-faint);
}
.trenbe-segment-matrix__head b{
  color:var(--hm-text-tertiary);
  font:300 var(--hm-type-note)/1.2 var(--hm-font-ko);
  text-align:center;
}
.trenbe-segment-matrix__row strong{
  color:#fff;
  font:100 var(--hm-type-group)/1.2 var(--hm-font-ko);
  font-variation-settings:"wght" 100;
}

/* 04.3 final statement. */
.trenbe-final-statement{
  margin-top:80px;
  padding:40px 0;
  border-top:1px solid var(--hm-line-default);
  border-bottom:1px solid var(--hm-line-faint);
}
.trenbe-final-statement>span{
  display:block;
  margin-bottom:24px;
  color:var(--hm-blue);
  font:400 var(--hm-type-note)/1.2 var(--hm-font-en);
  letter-spacing:var(--hm-track-note);
}
.trenbe-final-statement p{
  margin:0!important;
  max-width:1000px!important;
  color:#fff!important;
  font:100 var(--hm-type-subsection)/1.2 var(--hm-font-ko)!important;
  font-variation-settings:"wght" 100;
  letter-spacing:var(--hm-track-subsection)!important;
  word-break:keep-all!important;
}
.trenbe-final-statement strong{font-weight:400;font-variation-settings:"wght" 400}

/* Wide chapter alignment mirrors the current HIMART authored rail. */
@media(min-width:1600px){
  html body.trenbe-ut-page.hm-wide-editorial-test.hm-wide-himart-test #live-main > :is(#brand,#data,#journey,#direction).hm-section > .hm-wrap > .hm-section-head{
    grid-column:2!important;
    grid-row:1!important;
  }
  html body.trenbe-ut-page.hm-wide-editorial-test.hm-wide-himart-test #live-main > :is(#brand,#data,#journey,#direction).hm-section > .hm-wrap > .hm-wide-right-rail{
    grid-column:4!important;
    grid-row:1!important;
    align-self:start!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  html body.trenbe-ut-page.hm-wide-editorial-test.hm-wide-himart-test #live-main > :is(#brand,#data,#journey,#direction).hm-section .hm-wide-right-rail > :first-child{margin-top:0!important}
}

@media(max-width:1180px){
  .trenbe-context-grid,.trenbe-profile-grid,.trenbe-research-bridge{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trenbe-model-process,.trenbe-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trenbe-evidence-flow{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr)}
  .trenbe-segment-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .trenbe-decision-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .trenbe-decision-flow>.trenbe-flow-arrow{display:none}
}


@media(max-width:780px){
  .trenbe-context-grid,.trenbe-profile-grid,.trenbe-conclusion-grid,.trenbe-research-bridge,.trenbe-roadmap,.trenbe-model-process,.trenbe-findings,.trenbe-field-gallery{grid-template-columns:1fr!important}
  .trenbe-field-gallery figure:first-child{grid-column:auto}
  .trenbe-evidence-flow,.trenbe-segment-flow,.trenbe-decision-flow{grid-template-columns:1fr!important;gap:16px!important}
  .trenbe-evidence-flow>.trenbe-flow-arrow,.trenbe-decision-flow>.trenbe-flow-arrow{display:block;transform:rotate(90deg)}
  .trenbe-evidence-node,.trenbe-segment-flow article,.trenbe-decision-flow article{width:min(320px,88vw);margin-inline:auto}
  .trenbe-age-chart__summary{grid-template-columns:1fr;gap:20px}
  .trenbe-age-chart__plot{gap:7px;height:260px}
  .trenbe-age-bar i{height:calc(var(--value) * 8px)}
  .trenbe-age-bar b{bottom:calc(var(--value) * 8px + 8px);font-size:9px}
  .trenbe-age-bar span{font-size:9px;transform:rotate(-45deg);transform-origin:center top}
  .trenbe-segment-matrix__head,.trenbe-segment-matrix__row{grid-template-columns:90px repeat(5,minmax(44px,1fr));min-width:520px}
  .trenbe-segment-matrix{overflow-x:auto}
  .trenbe-final-statement{margin-top:64px;padding:32px 0}
}

/* TRENBE 02.4 — shared 16:9 dual-carousel UT evidence. */
html body.trenbe-ut-page{--hm-ds-media-carousel-ratio:16/9}
html body.trenbe-ut-page #data .trenbe-ut-gallery-stack{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:24px!important;
  width:100%!important;
}
html body.trenbe-ut-page #data .trenbe-ut-gallery-stack .hm-ds-media-carousel{
  width:100%!important;
  aspect-ratio:16/9!important;
}

/* TRENBE 03.2 — selected states fill the table cell instead of drawing a dot. */
html body.trenbe-ut-page #journey .trenbe-segment-matrix__row{
  --trenbe-segment-color:var(--hm-blue);
}
html body.trenbe-ut-page #journey .trenbe-segment-matrix__row.is-prospect{--trenbe-segment-color:var(--hm-blue)}
html body.trenbe-ut-page #journey .trenbe-segment-matrix__row.is-light{--trenbe-segment-color:var(--hm-blue-new)}
html body.trenbe-ut-page #journey .trenbe-segment-matrix__row.is-heavy{--trenbe-segment-color:var(--hm-green)}
html body.trenbe-ut-page #journey .trenbe-segment-matrix__row>i{
  align-self:stretch!important;
  justify-self:stretch!important;
  width:auto!important;
  height:auto!important;
  min-height:74px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
html body.trenbe-ut-page #journey .trenbe-segment-matrix__row>i.is-high{
  background:var(--trenbe-segment-color)!important;
}

/* TRENBE 03.3 — AIMMO Graphic 01.2 source, with every red state mapped to blue. */
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr)!important;
  align-items:center!important;
  width:100%!important;
}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo article{
  --aimmo-flow-duration:1300ms;
  --aimmo-flow-delay:0ms;
  display:flex!important;
  aspect-ratio:1!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:50%!important;
  background:transparent!important;
  text-align:center!important;
  container-type:inline-size!important;
  transition:
    border-color var(--aimmo-flow-duration) cubic-bezier(.22,.61,.36,1) var(--aimmo-flow-delay),
    background-color var(--aimmo-flow-duration) cubic-bezier(.22,.61,.36,1) var(--aimmo-flow-delay)!important;
}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo article:nth-of-type(1){--aimmo-flow-delay:0ms}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo article:nth-of-type(2){--aimmo-flow-delay:650ms}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo article:nth-of-type(3){--aimmo-flow-delay:1300ms}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo article:nth-of-type(4){--aimmo-flow-delay:1950ms}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo article>span{
  color:#fff!important;
  font-family:var(--hm-font-en)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1!important;
  transition:color var(--aimmo-flow-duration) cubic-bezier(.22,.61,.36,1) var(--aimmo-flow-delay)!important;
}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo article>h4{
  margin:13px 0 0!important;
  color:#fff!important;
  font-family:var(--hm-font-ko)!important;
  font-size:22px!important;
  font-weight:300!important;
  font-variation-settings:"wght" 300!important;
  line-height:1.22!important;
  word-break:keep-all!important;
  transition:color var(--aimmo-flow-duration) cubic-bezier(.22,.61,.36,1) var(--aimmo-flow-delay)!important;
}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo article>p{
  margin:9px 0 0!important;
  max-width:17ch!important;
  color:rgba(255,255,255,.60)!important;
  font-family:var(--hm-font-ko)!important;
  font-size:12px!important;
  font-weight:300!important;
  line-height:1.4!important;
  word-break:keep-all!important;
  transition:color var(--aimmo-flow-duration) cubic-bezier(.22,.61,.36,1) var(--aimmo-flow-delay)!important;
}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo>.hm-ds-gallery-arrow{
  --aimmo-arrow-delay:0ms;
  align-self:center!important;
  justify-self:center!important;
  color:#fff!important;
  border-color:currentColor!important;
  opacity:.30!important;
  transition:
    color 1300ms cubic-bezier(.22,.61,.36,1) var(--aimmo-arrow-delay),
    opacity 1300ms cubic-bezier(.22,.61,.36,1) var(--aimmo-arrow-delay)!important;
}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo>.hm-ds-gallery-arrow:nth-of-type(1){--aimmo-arrow-delay:0ms}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo>.hm-ds-gallery-arrow:nth-of-type(2){--aimmo-arrow-delay:650ms}
html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo>.hm-ds-gallery-arrow:nth-of-type(3){--aimmo-arrow-delay:1300ms}
html body.trenbe-ut-page #journey .hm-subsection.hm-reveal.is-visible .trenbe-decision-flow-aimmo>.hm-ds-gallery-arrow{
  color:var(--hm-blue)!important;
  opacity:1!important;
}
html body.trenbe-ut-page #journey .hm-subsection.hm-reveal.is-visible .trenbe-decision-flow-aimmo article:nth-of-type(-n+3){
  border-color:var(--hm-blue)!important;
}
html body.trenbe-ut-page #journey .hm-subsection.hm-reveal.is-visible .trenbe-decision-flow-aimmo article:nth-of-type(-n+3)>span,
html body.trenbe-ut-page #journey .hm-subsection.hm-reveal.is-visible .trenbe-decision-flow-aimmo article:nth-of-type(-n+3)>h4{
  color:var(--hm-blue)!important;
}
html body.trenbe-ut-page #journey .hm-subsection.hm-reveal.is-visible .trenbe-decision-flow-aimmo article:nth-of-type(4){
  border-color:var(--hm-blue)!important;
  background-color:var(--hm-blue)!important;
}
html body.trenbe-ut-page #journey .hm-subsection.hm-reveal.is-visible .trenbe-decision-flow-aimmo article:nth-of-type(4)>span,
html body.trenbe-ut-page #journey .hm-subsection.hm-reveal.is-visible .trenbe-decision-flow-aimmo article:nth-of-type(4)>h4{
  color:#fff!important;
}
html body.trenbe-ut-page #journey .hm-subsection.hm-reveal.is-visible .trenbe-decision-flow-aimmo article:nth-of-type(4)>p{
  color:rgba(255,255,255,.80)!important;
}

/* TRENBE 04.1 — AIMMO Graphic 02.1 card source, text/icons only replaced. */
html body.trenbe-ut-page #direction .trenbe-improvement-signals{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  margin-left:0!important;
  padding-left:0!important;
}
html body.trenbe-ut-page #direction .trenbe-improvement-signals>article{
  position:relative!important;
  display:block!important;
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:250px!important;
  margin:0!important;
  padding:26px 0 30px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-top:1px solid var(--hm-line-default)!important;
  background:transparent!important;
  overflow:hidden!important;
  text-align:left!important;
}
html body.trenbe-ut-page #direction .trenbe-improvement-signals>article>span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--hm-blue)!important;
  font-family:var(--hm-font-en)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:var(--hm-track-note)!important;
  text-align:left!important;
}
html body.trenbe-ut-page #direction .trenbe-improvement-signals>article h4{
  margin:22px 0 0!important;
  padding:0!important;
  max-width:25ch!important;
  color:#fff!important;
  font-family:var(--hm-font-ko)!important;
  font-size:28px!important;
  font-weight:100!important;
  font-variation-settings:"wght" 100!important;
  line-height:1.28!important;
  letter-spacing:var(--hm-track-group)!important;
  word-break:keep-all!important;
  text-align:left!important;
}
html body.trenbe-ut-page #direction .trenbe-improvement-signals>article p{
  margin:12px 0 0!important;
  padding-right:0!important;
  max-width:38ch!important;
  color:var(--hm-description-color)!important;
  font-family:var(--hm-font-ko)!important;
  font-size:16px!important;
  font-weight:300!important;
  line-height:1.52!important;
  letter-spacing:var(--hm-track-body)!important;
  word-break:keep-all!important;
  text-align:left!important;
}
html body.trenbe-ut-page #direction .trenbe-improvement-signals>article .hm-ds-icon{
  position:static!important;
  display:block!important;
  width:40px!important;
  height:40px!important;
  margin:80px 0 0 auto!important;
  color:var(--hm-blue)!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1px!important;
  opacity:1!important;
  transform:none!important;
}
@media(max-width:780px){
  html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo>.hm-ds-gallery-arrow{display:none!important}
  html body.trenbe-ut-page #journey .trenbe-decision-flow-aimmo article{
    width:min(320px,88vw)!important;
    aspect-ratio:auto!important;
    min-height:250px!important;
    margin-inline:auto!important;
  }
  html body.trenbe-ut-page #direction .trenbe-improvement-signals{grid-template-columns:1fr!important}
  html body.trenbe-ut-page #direction .trenbe-improvement-signals>article{min-height:300px!important}
}



/* TRENBE chart focus reveal — 01.2 / 02.1 */
/* 01.2 decision-time rows: fill each horizontal bar from left to right. */
html body.trenbe-ut-page #brand .trenbe-luxury-time-row>i::before{
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .72s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
html body.trenbe-ut-page #brand .trenbe-luxury-time-table.is-bars-focused .trenbe-luxury-time-row>i::before{transform:scaleX(1)}
html body.trenbe-ut-page #brand .trenbe-luxury-time-table.is-bars-focused .trenbe-luxury-time-row:nth-child(1)>i::before{transition-delay:.00s}
html body.trenbe-ut-page #brand .trenbe-luxury-time-table.is-bars-focused .trenbe-luxury-time-row:nth-child(2)>i::before{transition-delay:.08s}
html body.trenbe-ut-page #brand .trenbe-luxury-time-table.is-bars-focused .trenbe-luxury-time-row:nth-child(3)>i::before{transition-delay:.16s}
html body.trenbe-ut-page #brand .trenbe-luxury-time-table.is-bars-focused .trenbe-luxury-time-row:nth-child(4)>i::before{transition-delay:.24s}
html body.trenbe-ut-page #brand .trenbe-luxury-time-table.is-bars-focused .trenbe-luxury-time-row:nth-child(5)>i::before{transition-delay:.32s}
html body.trenbe-ut-page #brand .trenbe-luxury-time-table.is-bars-focused .trenbe-luxury-time-row:nth-child(6)>i::before{transition-delay:.40s}
html body.trenbe-ut-page #brand .trenbe-luxury-time-table.is-bars-focused .trenbe-luxury-time-row:nth-child(7)>i::before{transition-delay:.48s}

/* 01.2 touchpoint graph: same viewport-focused horizontal fill behavior as AIMMO. */
html body.trenbe-ut-page #brand .aimmo-impact-chart__bar{
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .82s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
html body.trenbe-ut-page #brand .aimmo-impact-chart.is-bars-focused .aimmo-impact-chart__bar{transform:scaleX(1)}
html body.trenbe-ut-page #brand .aimmo-impact-chart.is-bars-focused .aimmo-impact-chart__row:nth-child(1) .aimmo-impact-chart__bar{transition-delay:.00s}
html body.trenbe-ut-page #brand .aimmo-impact-chart.is-bars-focused .aimmo-impact-chart__row:nth-child(2) .aimmo-impact-chart__bar{transition-delay:.14s}

/* 02.1 GA age graph: grow bars upward from the baseline. */
html body.trenbe-ut-page #data .trenbe-age-chart .trenbe-age-bar>i{
  transform:scaleY(0);
  transform-origin:center bottom;
  transition:transform .78s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
html body.trenbe-ut-page #data .trenbe-age-chart.is-bars-focused .trenbe-age-bar>i{transform:scaleY(1)}
html body.trenbe-ut-page #data .trenbe-age-chart.is-bars-focused .trenbe-age-bar:nth-child(1)>i{transition-delay:.00s}
html body.trenbe-ut-page #data .trenbe-age-chart.is-bars-focused .trenbe-age-bar:nth-child(2)>i{transition-delay:.09s}
html body.trenbe-ut-page #data .trenbe-age-chart.is-bars-focused .trenbe-age-bar:nth-child(3)>i{transition-delay:.18s}
html body.trenbe-ut-page #data .trenbe-age-chart.is-bars-focused .trenbe-age-bar:nth-child(4)>i{transition-delay:.27s}
html body.trenbe-ut-page #data .trenbe-age-chart.is-bars-focused .trenbe-age-bar:nth-child(5)>i{transition-delay:.36s}
html body.trenbe-ut-page #data .trenbe-age-chart.is-bars-focused .trenbe-age-bar:nth-child(6)>i{transition-delay:.45s}

@media(prefers-reduced-motion:reduce){
  html body.trenbe-ut-page #brand .trenbe-luxury-time-row>i::before,
  html body.trenbe-ut-page #brand .aimmo-impact-chart__bar,
  html body.trenbe-ut-page #data .trenbe-age-chart .trenbe-age-bar>i{
    transform:none!important;
    transition:none!important;
  }
}