/* About 2026: only selectors under .mtb-about26. Five Admin About colors. */
.mtb-about26{--a-ink:var(--mtb-theme-about-primary,#173b32);--a-secondary:var(--mtb-theme-about-secondary,#3d6655);--a-accent:var(--mtb-theme-about-accent,#b89860);--a-paper:var(--mtb-theme-about-background,#faf8f3);--a-text:var(--mtb-theme-about-text,#4e5d52);--a-line:color-mix(in srgb,var(--a-ink) 17%,transparent);--a-wash:color-mix(in srgb,var(--a-paper) 93%,var(--a-accent) 7%);background:var(--a-paper);color:var(--a-text);font-family:"Noto Sans","Segoe UI",Arial,sans-serif;overflow:clip}
.mtb-about26,.mtb-about26 *{box-sizing:border-box}
.mtb-about26 h1,.mtb-about26 h2,.mtb-about26 h3,.mtb-about26 p,.mtb-about26 figure,.mtb-about26 blockquote{margin:0}
.mtb-about26 a{text-decoration:none}
.mtb-about26 a:focus-visible{outline:3px solid var(--a-accent);outline-offset:4px}
.mtb-about26__container{width:min(calc(100% - 64px),1220px);margin-inline:auto}
.mtb-about26__eyebrow{display:block;color:var(--a-accent);font:700 .73rem/1.6 "Noto Sans",sans-serif;letter-spacing:.17em;text-transform:uppercase}
.mtb-about26__photo{display:block;width:100%;height:100%;object-fit:cover}
.mtb-about26__cover{position:relative;isolation:isolate;display:flex;align-items:end;min-height:clamp(590px,54vw,770px);color:var(--a-paper);background:var(--a-ink)}
.mtb-about26__cover-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 51%}
.mtb-about26__cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--a-ink) 93%,transparent),color-mix(in srgb,var(--a-ink) 70%,transparent) 46%,color-mix(in srgb,var(--a-ink) 5%,transparent)),linear-gradient(0deg,color-mix(in srgb,var(--a-ink) 38%,transparent),transparent 60%)}
.mtb-about26__cover-copy{padding-block:clamp(80px,8vw,125px)}
.mtb-about26__cover h1{width:min(740px,79%);margin:17px 0 26px;color:var(--a-paper);font:450 clamp(3rem,5.15vw,6rem)/1.22 "Noto Serif",Georgia,serif;letter-spacing:-.043em;text-wrap:balance}
.mtb-about26__cover-copy>p{max-width:630px;width:73%;color:var(--a-paper);font:400 clamp(1rem,1.18vw,1.17rem)/1.86 "Noto Sans",sans-serif}
.mtb-about26__light-link{display:inline-flex;gap:24px;align-items:center;margin-top:28px;padding:12px 0;border-bottom:1px solid var(--a-accent);color:var(--a-paper);font-weight:700}
.mtb-about26__light-link:hover{color:var(--a-accent)}
.mtb-about26__hub-intro{display:grid;grid-template-columns:135px minmax(0,1fr);gap:12px clamp(30px,5vw,100px);padding:clamp(65px,8vw,117px) 0;border-bottom:1px solid var(--a-line)}
.mtb-about26__serial,.mtb-about26__subtle{font:700 .74rem/1.6 "Noto Sans",sans-serif;color:var(--a-secondary);letter-spacing:.07em}
.mtb-about26__serial{padding-top:16px}
.mtb-about26__hub-intro>p{max-width:900px;color:var(--a-ink);font:450 clamp(2rem,3.5vw,4rem)/1.42 "Noto Serif",Georgia,serif;letter-spacing:-.035em}
.mtb-about26__hub-intro>.mtb-about26__subtle{grid-column:2;padding-top:23px}
.mtb-about26__directory{padding:clamp(65px,8vw,115px) 0 115px}
.mtb-about26__section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:36px}
.mtb-about26__section-top h2{color:var(--a-ink);font:450 clamp(1.9rem,3vw,3rem)/1.36 "Noto Serif",Georgia,serif}
.mtb-about26__directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,34px)}
.mtb-about26__directory-item{display:block;min-width:0;color:var(--a-ink);background:var(--a-wash);border:1px solid var(--a-line);transition:transform .25s,box-shadow .25s}
.mtb-about26__directory-item:hover{transform:translateY(-4px);box-shadow:0 19px 44px color-mix(in srgb,var(--a-ink) 11%,transparent)}
.mtb-about26__directory-image{height:clamp(230px,22vw,345px);overflow:hidden;background:var(--a-secondary)}
.mtb-about26__directory-image img{transition:transform .65s}
.mtb-about26__directory-item:hover img{transform:scale(1.04)}
.mtb-about26__directory-text{padding:clamp(23px,3vw,40px)}
.mtb-about26__directory-text>span:first-child{color:var(--a-accent);font:700 .77rem/1.6 "Noto Sans",sans-serif;letter-spacing:.13em}
.mtb-about26__directory-text h3{padding-top:14px;color:var(--a-ink);font:500 clamp(1.5rem,2.2vw,2.3rem)/1.37 "Noto Serif",Georgia,serif}
.mtb-about26__directory-text p{padding-top:15px;font:.96rem/1.86 "Noto Sans",sans-serif}
.mtb-about26__directory-arrow{display:block;margin-top:20px;color:var(--a-secondary);font-size:1.5rem}
.mtb-about26__crumb{display:flex;flex-wrap:wrap;gap:13px;padding-block:23px;color:var(--a-secondary);font:600 .82rem/1.6 "Noto Sans",sans-serif}
.mtb-about26__crumb a{color:var(--a-secondary);border-bottom:1px solid var(--a-accent)}
.mtb-about26__article-hero{padding:clamp(33px,4.5vw,68px) 0 clamp(53px,7vw,96px)}
.mtb-about26__article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:center;gap:clamp(34px,5.8vw,95px)}
.mtb-about26__article-hero h1{max-width:18ch;margin:17px 0 23px;color:var(--a-ink);font:450 clamp(2.45rem,4.35vw,5rem)/1.29 "Noto Serif",Georgia,serif;letter-spacing:-.045em;text-wrap:balance}
.mtb-about26__article-hero p{max-width:64ch;font:400 clamp(.98rem,1.2vw,1.14rem)/1.9 "Noto Sans",sans-serif}
.mtb-about26__article-hero-media{min-width:0;aspect-ratio:4/4.2;overflow:hidden}
.mtb-about26__article-content{padding-bottom:clamp(70px,8vw,120px)}
.mtb-about26__prose{max-width:790px;font:400 1.02rem/2.02 "Noto Sans",sans-serif}
.mtb-about26__prose p+p{margin-top:23px}
.mtb-about26__prose--lead{max-width:855px;margin-bottom:clamp(47px,6vw,82px)}
.mtb-about26__prose--lead p:first-child{color:var(--a-ink)}
.mtb-about26__quote{max-width:1050px;margin:52px 0 !important;padding:clamp(32px,5vw,68px) 0 clamp(32px,5vw,68px) clamp(21px,4vw,66px);border-left:3px solid var(--a-accent);color:var(--a-ink);font:450 clamp(1.8rem,3.15vw,3.35rem)/1.5 "Noto Serif",Georgia,serif;letter-spacing:-.035em}
.mtb-about26__interlude{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(30px,5vw,85px);align-items:start;margin:clamp(55px,7vw,110px) 0}
.mtb-about26__interlude figure{height:min(63vw,710px);min-height:420px}
.mtb-about26__prose--closing{margin-inline:auto}
.mtb-about26__culture-note{max-width:960px;display:grid;grid-template-columns:100px 1fr;gap:24px 40px;align-items:start;margin:90px auto 0;padding:42px 0;border-block:1px solid var(--a-line)}
.mtb-about26__culture-mark{font-size:5rem;color:var(--a-accent)}
.mtb-about26__culture-note h2{padding:12px 0;color:var(--a-ink);font:450 clamp(1.8rem,2.8vw,3rem)/1.3 "Noto Serif",Georgia,serif}
.mtb-about26__culture-note p{max-width:74ch;line-height:1.95}
.mtb-about26__statement{padding:clamp(54px,7vw,104px) 0;border-top:1px solid var(--a-line)}
.mtb-about26__section-number{display:block;color:var(--a-accent);font:700 .76rem/1.6 "Noto Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.mtb-about26__statement h2{max-width:1050px;margin:21px 0 42px;color:var(--a-ink);font:450 clamp(2.05rem,3.8vw,4.3rem)/1.35 "Noto Serif",Georgia,serif;letter-spacing:-.04em;text-wrap:balance}
.mtb-about26__statement .mtb-about26__prose{margin-left:auto}
.mtb-about26__statement--mission{background:var(--a-wash);padding-inline:clamp(18px,4vw,74px);border-top:3px solid var(--a-accent)}
.mtb-about26__statement-intro{max-width:900px;line-height:1.95}
.mtb-about26__pillars{margin:51px 0 65px;border-top:1px solid var(--a-line)}
.mtb-about26__pillar{display:grid;grid-template-columns:165px minmax(0,1fr);gap:clamp(25px,5vw,84px);padding:36px 0;border-bottom:1px solid var(--a-line)}
.mtb-about26__pillar-symbol{display:flex;flex-direction:column;gap:9px;color:var(--a-accent)}
.mtb-about26__pillar-symbol span{font-size:.77rem}
.mtb-about26__pillar-symbol strong{color:var(--a-ink);font:450 clamp(2rem,3.8vw,3.9rem)/1.28 "Noto Serif",Georgia,serif}
.mtb-about26__pillar h3{color:var(--a-ink);font:500 clamp(1.5rem,2vw,2.25rem)/1.45 "Noto Serif",Georgia,serif}
.mtb-about26__pillar p{padding-top:13px;max-width:830px;line-height:1.96}
.mtb-about26__closing{max-width:870px;margin:62px auto 0 !important;color:var(--a-ink);font:450 clamp(1.1rem,1.55vw,1.43rem)/1.85 "Noto Serif",Georgia,serif}
.mtb-about26__value{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(30px,7vw,105px);padding:clamp(60px,8vw,110px) 0;border-top:1px solid var(--a-line)}
.mtb-about26__value--reverse{grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr)}
.mtb-about26__value--reverse .mtb-about26__value-heading{order:2}
.mtb-about26__value--reverse .mtb-about26__prose{order:1}
.mtb-about26__value-number{color:var(--a-accent);font:450 clamp(5rem,9vw,10rem)/.95 "Noto Serif",Georgia,serif;letter-spacing:-.06em}
.mtb-about26__value h2{padding:22px 0 12px;color:var(--a-ink);font:450 clamp(2.4rem,4vw,4.4rem)/1.3 "Noto Serif",Georgia,serif}
.mtb-about26__value-heading>p{max-width:30ch;color:var(--a-secondary);font:500 clamp(1rem,1.5vw,1.29rem)/1.83 "Noto Sans",sans-serif}
.mtb-about26__value .mtb-about26__prose{padding-top:30px}
.mtb-about26__legal{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,88px);padding:clamp(28px,4vw,60px);background:var(--a-wash);border-top:3px solid var(--a-accent);margin:35px 0 94px}
.mtb-about26__legal h2{max-width:18ch;margin-top:15px;color:var(--a-ink);font:450 clamp(1.9rem,2.5vw,2.7rem)/1.45 "Noto Serif",Georgia,serif}
.mtb-about26__legal dl{margin:0}
.mtb-about26__legal dl>div{padding:11px 0;border-bottom:1px solid var(--a-line)}
.mtb-about26__legal dt{color:var(--a-secondary);font:600 .8rem/1.5 "Noto Sans",sans-serif}
.mtb-about26__legal dd{margin:5px 0 0;color:var(--a-ink);font:600 .96rem/1.7 "Noto Sans",sans-serif;overflow-wrap:anywhere}
.mtb-about26__legal dd a{color:var(--a-ink);text-decoration:underline;text-decoration-color:var(--a-accent);text-underline-offset:4px}
.mtb-about26__timeline{border-top:1px solid var(--a-line)}
.mtb-about26__milestone{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(30px,6vw,92px);padding:clamp(36px,5vw,75px) 0;border-bottom:1px solid var(--a-line)}
.mtb-about26__milestone-year time{position:sticky;top:115px;display:block;color:var(--a-accent);font:450 clamp(3.4rem,6vw,6.8rem)/1.07 "Noto Serif",Georgia,serif;letter-spacing:-.05em}
.mtb-about26__milestone-content h2{max-width:32ch;margin:14px 0 26px;color:var(--a-ink);font:450 clamp(1.7rem,2.65vw,2.75rem)/1.42 "Noto Serif",Georgia,serif}
.mtb-about26__history-context{margin-top:18px !important;padding-left:17px;border-left:2px solid var(--a-accent);color:var(--a-secondary);font:.91rem/1.84 "Noto Sans",sans-serif}
.mtb-about26__history-conclusion{max-width:830px;padding-top:85px;margin-left:auto}
.mtb-about26__history-conclusion h2{color:var(--a-ink);font:450 clamp(1.9rem,3vw,3rem)/1.4 "Noto Serif",Georgia,serif}
.mtb-about26__history-conclusion p{padding-top:21px;line-height:1.95}
.mtb-about26__source-note{max-width:100ch;margin:45px auto 0 !important;color:var(--a-secondary);font:.81rem/1.82 "Noto Sans",sans-serif}
@media(max-width:970px){.mtb-about26__article-hero-grid{gap:35px}.mtb-about26__interlude{gap:30px}}
@media(max-width:720px){.mtb-about26__container{width:calc(100% - 36px)}.mtb-about26__cover{min-height:580px}.mtb-about26__cover-shade{background:linear-gradient(0deg,var(--a-ink),color-mix(in srgb,var(--a-ink) 77%,transparent) 55%,color-mix(in srgb,var(--a-ink) 16%,transparent))}.mtb-about26__cover-copy{padding-block:75px 54px}.mtb-about26__cover h1{width:100%;font-size:clamp(2.35rem,9vw,4rem)}.mtb-about26__cover-copy>p{width:100%;font-size:.98rem}.mtb-about26__hub-intro{display:block;padding:55px 0}.mtb-about26__hub-intro>p{padding-top:18px;font-size:clamp(1.75rem,7vw,2.8rem)}.mtb-about26__section-top{display:block}.mtb-about26__section-top h2{padding-top:14px}.mtb-about26__directory{padding:58px 0}.mtb-about26__directory-grid{grid-template-columns:1fr}.mtb-about26__directory-image{height:clamp(185px,50vw,320px)}.mtb-about26__article-hero{padding:30px 0 54px}.mtb-about26__article-hero-grid{grid-template-columns:1fr;gap:30px}.mtb-about26__article-hero h1{font-size:clamp(2.15rem,7.6vw,3.3rem)}.mtb-about26__article-hero-media{aspect-ratio:16/10}.mtb-about26__prose{font-size:.97rem;line-height:1.91}.mtb-about26__quote{margin:40px 0 !important;padding:28px 0 28px 21px;font-size:1.6rem}.mtb-about26__interlude{grid-template-columns:1fr;margin:45px 0}.mtb-about26__interlude figure{height:auto;min-height:0;aspect-ratio:16/10}.mtb-about26__culture-note{grid-template-columns:48px 1fr;gap:15px;margin-top:60px}.mtb-about26__culture-mark{font-size:3rem}.mtb-about26__statement{padding:55px 0}.mtb-about26__statement h2{font-size:clamp(1.9rem,7vw,3rem)}.mtb-about26__statement--mission{padding-inline:20px}.mtb-about26__pillar{grid-template-columns:1fr;gap:14px}.mtb-about26__pillar-symbol{flex-direction:row;align-items:center;gap:22px}.mtb-about26__pillar-symbol strong{font-size:2rem}.mtb-about26__value,.mtb-about26__value--reverse{grid-template-columns:1fr;gap:18px;padding:52px 0}.mtb-about26__value--reverse .mtb-about26__value-heading,.mtb-about26__value--reverse .mtb-about26__prose{order:initial}.mtb-about26__value-number{font-size:5rem}.mtb-about26__value h2{font-size:2.5rem;padding-top:5px}.mtb-about26__value .mtb-about26__prose{padding-top:0}.mtb-about26__legal{grid-template-columns:1fr;margin-bottom:55px;padding:24px}.mtb-about26__milestone{grid-template-columns:1fr;gap:10px;padding:38px 0}.mtb-about26__milestone-year time{position:static;font-size:3.5rem}.mtb-about26__history-conclusion{padding-top:53px}}
@media(max-width:420px){.mtb-about26__container{width:calc(100% - 30px)}.mtb-about26__directory-text{padding:22px}}
@media(prefers-reduced-motion:reduce){.mtb-about26 *{transition:none!important}}


/* About story 2026 — visual polish based on actual desktop screenshots.
   All rules remain scoped to this one page so the other three profiles
   and the Admin-defined About colour palette stay intact. */
.mtb-about26--story .mtb-about26__container {
  width: min(calc(100% - 64px), 1260px);
}
.mtb-about26--story .mtb-about26__article-hero {
  padding-top: clamp(24px, 3.3vw, 50px);
  padding-bottom: clamp(40px, 5vw, 76px);
}
.mtb-about26--story .mtb-about26__article-hero-grid {
  grid-template-columns: minmax(0, 1.16fr) minmax(0, 1fr);
  gap: clamp(28px, 4.3vw, 72px);
  align-items: center;
}
.mtb-about26--story .mtb-about26__article-hero h1 {
  max-width: 24ch;
  font-size: clamp(2.7rem, 3.35vw, 3.85rem);
  line-height: 1.31;
  letter-spacing: -.045em;
  text-wrap: pretty;
  margin: 17px 0 27px;
}
.mtb-about26--story .mtb-about26__article-hero p {
  max-width: 54ch;
  color: var(--a-text);
  font-size: clamp(1rem, 1.11vw, 1.13rem);
  line-height: 1.89;
}
.mtb-about26--story .mtb-about26__article-hero-media {
  position: relative;
  aspect-ratio: 1.18;
  width: 100%;
  margin: 0;
  overflow: visible;
}
.mtb-about26--story .mtb-about26__article-hero-media .mtb-about26__photo {
  position: relative;
  z-index: 1;
  object-fit: cover;
  object-position: center center;
  box-shadow: 0 22px 55px color-mix(in srgb, var(--a-ink) 11%, transparent);
}
.mtb-about26--story .mtb-about26__article-hero-media::after {
  content: "";
  position: absolute;
  inset: 18px -15px -18px 15px;
  border: 1px solid var(--a-line);
  pointer-events: none;
}
.mtb-about26--story .mtb-about26__article-content {
  padding-bottom: clamp(42px, 5vw, 72px);
}
.mtb-about26--story .mtb-about26__story-opening {
  display: grid;
  grid-template-columns: minmax(100px, .17fr) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 65px);
  max-width: 1050px;
  margin: 6px auto 0;
}
.mtb-about26--story .mtb-about26__story-opening-mark {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 9px;
  border-top: 1px solid var(--a-accent);
}
.mtb-about26--story .mtb-about26__story-opening-mark span {
  color: var(--a-secondary);
  font-size: .7rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: .12em;
}
.mtb-about26--story .mtb-about26__story-opening-mark strong {
  color: color-mix(in srgb, var(--a-ink) 28%, var(--a-paper));
  font: 400 clamp(3.5rem, 6vw, 6rem)/1.1 "Noto Serif",Georgia,serif;
}
.mtb-about26--story .mtb-about26__story-opening .mtb-about26__prose--lead {
  margin: 0;
  max-width: 820px;
}
.mtb-about26--story .mtb-about26__prose {
  font-size: 1.035rem;
  line-height: 1.97;
}
.mtb-about26--story .mtb-about26__prose--lead p:first-child {
  color: var(--a-text);
}
.mtb-about26--story .mtb-about26__quote {
  max-width: 920px;
  margin: clamp(50px, 6vw, 80px) auto !important;
  padding: clamp(20px, 3.7vw, 44px) clamp(20px, 3.6vw, 50px);
  border-left: 3px solid var(--a-accent);
  color: var(--a-ink);
  font-size: clamp(1.75rem, 2.45vw, 2.85rem);
  line-height: 1.52;
  letter-spacing: -.03em;
}
.mtb-about26--story .mtb-about26__interlude {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(34px, 4.5vw, 72px);
  align-items: center;
  margin: clamp(45px, 5.5vw, 75px) 0;
}
.mtb-about26--story .mtb-about26__interlude figure {
  min-height: 0;
  height: auto;
  aspect-ratio: 6 / 5;
  overflow: hidden;
}
.mtb-about26--story .mtb-about26__interlude .mtb-about26__photo {
  object-fit: cover;
  object-position: 48% center;
}
.mtb-about26--story .mtb-about26__story-turn {
  display: grid;
  grid-template-columns: minmax(0, .36fr) minmax(0, 1fr);
  gap: clamp(23px, 5vw, 82px);
  align-items: start;
  margin: clamp(35px, 5vw, 70px) 0 clamp(50px, 7vw, 100px);
  padding: clamp(25px, 3.7vw, 46px) clamp(24px, 4.8vw, 70px);
  border-top: 1px solid var(--a-line);
  border-bottom: 1px solid var(--a-line);
  background: var(--a-wash);
}
.mtb-about26--story .mtb-about26__story-turn .mtb-about26__eyebrow {
  margin-top: 10px;
  color: var(--a-secondary);
}
.mtb-about26--story .mtb-about26__story-turn p {
  color: var(--a-ink);
  font: 450 clamp(1.14rem, 1.53vw, 1.47rem)/1.85 "Noto Serif",Georgia,serif;
}
.mtb-about26--story .mtb-about26__prose--closing {
  width: min(100%, 800px);
  margin: 0 auto;
}
.mtb-about26--story .mtb-about26__culture-note {
  max-width: 960px;
  margin: clamp(55px, 6vw, 88px) auto 0;
  grid-template-columns: 85px minmax(0, 1fr);
  padding: 36px 0;
}
.mtb-about26--story .mtb-about26__culture-note .mtb-about26__eyebrow {
  color: var(--a-secondary);
}
.mtb-about26--story .mtb-about26__culture-note h2 {
  font-size: clamp(1.7rem, 2.4vw, 2.55rem);
  line-height: 1.38;
}
.mtb-about26--story .mtb-about26__culture-mark {
  font-size: clamp(3.1rem, 5vw, 5rem);
  line-height: 1.1;
}
.mtb-about26--story .mtb-about26__source-note {
  max-width: 960px;
  margin: 25px auto 0 !important;
  color: var(--a-text);
  font-size: .77rem;
}
@media (max-width: 970px) {
  .mtb-about26--story .mtb-about26__article-hero-grid {
    gap: 30px;
  }
  .mtb-about26--story .mtb-about26__article-hero h1 {
    font-size: clamp(2.4rem, 4.1vw, 3.2rem);
  }
  .mtb-about26--story .mtb-about26__story-opening {
    grid-template-columns: 105px minmax(0, 1fr);
  }
}
@media (max-width: 720px) {
  .mtb-about26--story .mtb-about26__container {
    width: calc(100% - 36px);
  }
  .mtb-about26--story .mtb-about26__article-hero-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .mtb-about26--story .mtb-about26__article-hero h1 {
    max-width: 23ch;
    font-size: clamp(2.2rem, 7vw, 3.25rem);
    line-height: 1.35;
  }
  .mtb-about26--story .mtb-about26__article-hero-media {
    aspect-ratio: 16 / 10;
  }
  .mtb-about26--story .mtb-about26__article-hero-media::after {
    inset: 11px -8px -11px 9px;
  }
  .mtb-about26--story .mtb-about26__story-opening {
    display: block;
  }
  .mtb-about26--story .mtb-about26__story-opening-mark {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
  }
  .mtb-about26--story .mtb-about26__story-opening-mark strong {
    font-size: 2.7rem;
  }
  .mtb-about26--story .mtb-about26__quote {
    font-size: clamp(1.6rem, 5.6vw, 2.25rem);
    margin: 40px auto !important;
    padding: 24px 0 24px 21px;
  }
  .mtb-about26--story .mtb-about26__interlude {
    grid-template-columns: 1fr;
    gap: 25px;
    margin: 37px 0;
  }
  .mtb-about26--story .mtb-about26__interlude figure {
    aspect-ratio: 16 / 10;
  }
  .mtb-about26--story .mtb-about26__story-turn {
    display: block;
    padding: 26px 22px;
    margin: 42px 0 58px;
  }
  .mtb-about26--story .mtb-about26__story-turn .mtb-about26__eyebrow {
    margin: 0 0 14px;
  }
  .mtb-about26--story .mtb-about26__story-turn p {
    font-size: 1.13rem;
  }
  .mtb-about26--story .mtb-about26__prose {
    font-size: .99rem;
    line-height: 1.9;
  }
  .mtb-about26--story .mtb-about26__culture-note {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 13px;
    margin-top: 56px;
  }
}
@media (max-width: 420px) {
  .mtb-about26--story .mtb-about26__container { width: calc(100% - 30px); }
  .mtb-about26--story .mtb-about26__culture-note { grid-template-columns: 1fr; }
  .mtb-about26--story .mtb-about26__culture-mark { font-size: 2.7rem; }
}


/* 2026 ABOUT / Explore next: four distinct responsive editorial cards.
   Palette is controlled by Admin > Appearance > About, never hardcoded red. */
.mtb-about26 .mtb-about26__bottom-nav {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(57px, 6.6vw, 88px) 0 clamp(64px, 6.9vw, 92px);
  background: linear-gradient(128deg, var(--a-ink), color-mix(in srgb, var(--a-ink) 81%, var(--a-secondary) 19%));
}
.mtb-about26 .mtb-about26__bottom-nav::before,
.mtb-about26 .mtb-about26__bottom-nav::after {
  content: "";
  position: absolute;
  inset: -30% auto auto -14%;
  width: 55vw;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--a-accent) 10%, transparent) 0%, transparent 70%);
  pointer-events: none;
  z-index: -1;
}
.mtb-about26 .mtb-about26__bottom-nav::after {
  inset: auto -20% -80% auto;
  width: 65vw;
  background: radial-gradient(circle, color-mix(in srgb, var(--a-paper) 7%, transparent), transparent 70%);
}
.mtb-about26 .mtb-about26__bottom-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
  gap: 25px;
  margin-bottom: clamp(27px, 3vw, 39px);
}
.mtb-about26 .mtb-about26__bottom-intro { max-width: 690px; }
.mtb-about26 .mtb-about26__bottom-intro .mtb-about26__eyebrow {
  color: var(--a-accent);
  margin-bottom: 11px;
}
.mtb-about26 .mtb-about26__bottom-intro h2 {
  color: var(--a-paper);
  font: 500 clamp(1.65rem, 2.55vw, 2.55rem)/1.32 "Noto Serif", Georgia, serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.mtb-about26 .mtb-about26__bottom-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 45px;
  max-width: 100%;
  padding: 10px 16px;
  border: 1px solid color-mix(in srgb, var(--a-paper) 28%, transparent);
  border-radius: 999px;
  color: var(--a-paper);
  background: color-mix(in srgb, var(--a-paper) 5%, transparent);
  font: 600 .83rem/1.5 "Noto Sans", sans-serif;
  transition: transform .24s, background-color .24s, border-color .24s;
}
.mtb-about26 .mtb-about26__bottom-back:hover,
.mtb-about26 .mtb-about26__bottom-back:focus-visible {
  background: color-mix(in srgb, var(--a-paper) 13%, transparent);
  border-color: var(--a-accent);
  transform: translateY(-2px);
}
.mtb-about26 .mtb-about26__bottom-back span { color: var(--a-accent); font-size: 1.15rem; }
.mtb-about26 .mtb-about26__bottom-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.45vw, 20px);
  border: none;
}
.mtb-about26 .mtb-about26__bottom-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 255px;
  padding: clamp(20px, 2.1vw, 29px);
  border: 1px solid color-mix(in srgb, var(--a-paper) 20%, transparent);
  border-radius: clamp(13px, 1.4vw, 21px);
  color: var(--a-paper);
  background: color-mix(in srgb, var(--a-paper) 8%, transparent);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--a-ink) 27%, transparent);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: transform .28s ease, background-color .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.mtb-about26 .mtb-about26__bottom-card:hover,
.mtb-about26 .mtb-about26__bottom-card:focus-visible {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--a-accent) 70%, transparent);
  color: var(--a-paper);
  background: color-mix(in srgb, var(--a-paper) 14%, transparent);
  box-shadow: 0 19px 40px color-mix(in srgb, var(--a-ink) 39%, transparent);
}
.mtb-about26 .mtb-about26__bottom-card[aria-current="page"] {
  border-color: var(--a-accent);
  background: color-mix(in srgb, var(--a-accent) 10%, transparent);
}
.mtb-about26 .mtb-about26__bottom-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: clamp(23px, 3.2vw, 36px);
}
.mtb-about26 .mtb-about26__bottom-card-index {
  color: var(--a-accent);
  font: 700 .76rem/1.5 "Noto Sans", sans-serif;
  letter-spacing: .15em;
}
.mtb-about26 .mtb-about26__bottom-card-arrow {
  display: grid;
  place-items: center;
  flex: 0 0 39px;
  width: 39px;
  height: 39px;
  border: 1px solid color-mix(in srgb, var(--a-paper) 22%, transparent);
  border-radius: 50%;
  background: color-mix(in srgb, var(--a-paper) 13%, transparent);
  color: var(--a-paper);
  font: 600 1.05rem/1 "Noto Sans", sans-serif;
  transition: background-color .25s, color .25s, transform .25s;
}
.mtb-about26 .mtb-about26__bottom-card:hover .mtb-about26__bottom-card-arrow,
.mtb-about26 .mtb-about26__bottom-card:focus-visible .mtb-about26__bottom-card-arrow {
  background: var(--a-accent);
  color: var(--a-ink);
  transform: rotate(45deg);
}
.mtb-about26 .mtb-about26__bottom-card-title {
  display: block;
  color: var(--a-paper);
  font: 500 clamp(1.25rem, 1.7vw, 1.65rem)/1.42 "Noto Serif", Georgia, serif;
  letter-spacing: -.025em;
}
.mtb-about26 .mtb-about26__bottom-card-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 12px;
  color: color-mix(in srgb, var(--a-paper) 84%, transparent);
  font: 400 .87rem/1.75 "Noto Sans", sans-serif;
}
@media (max-width: 1050px) {
  .mtb-about26 .mtb-about26__bottom-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mtb-about26 .mtb-about26__bottom-card { min-height: 225px; }
}
@media (max-width: 620px) {
  .mtb-about26 .mtb-about26__bottom-nav { padding: 50px 0 57px; }
  .mtb-about26 .mtb-about26__bottom-head { align-items: start; gap: 19px; margin-bottom: 26px; }
  .mtb-about26 .mtb-about26__bottom-intro h2 { font-size: clamp(1.65rem, 6vw, 2.2rem); }
  .mtb-about26 .mtb-about26__bottom-back { justify-content: space-between; }
  .mtb-about26 .mtb-about26__bottom-grid { grid-template-columns: 1fr; gap: 13px; }
  .mtb-about26 .mtb-about26__bottom-card {
    min-height: 0;
    padding: 19px 20px 22px;
    border-radius: 17px;
  }
  .mtb-about26 .mtb-about26__bottom-card-top { margin-bottom: 17px; }
  .mtb-about26 .mtb-about26__bottom-card-title { font-size: 1.4rem; }
  .mtb-about26 .mtb-about26__bottom-card-description { margin-top: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .mtb-about26 .mtb-about26__bottom-card,
  .mtb-about26 .mtb-about26__bottom-card-arrow,
  .mtb-about26 .mtb-about26__bottom-back { transition: none; }
  .mtb-about26 .mtb-about26__bottom-card:hover,
  .mtb-about26 .mtb-about26__bottom-card:focus-visible { transform: none; }
}


/* ABOUT 2026 / Unified premium polish for Vision, Values and History.
   Other pages are deliberately unaffected. All five colors inherit Admin. */
.mtb-about26--vision .mtb-about26__container,
.mtb-about26--values .mtb-about26__container,
.mtb-about26--history .mtb-about26__container {
  width: min(calc(100% - 64px), 1260px);
}
.mtb-about26--vision .mtb-about26__article-hero,
.mtb-about26--values .mtb-about26__article-hero,
.mtb-about26--history .mtb-about26__article-hero {
  padding-top: clamp(25px, 3.4vw, 52px);
  padding-bottom: clamp(45px, 5vw, 76px);
}
.mtb-about26--vision .mtb-about26__article-hero-grid,
.mtb-about26--values .mtb-about26__article-hero-grid,
.mtb-about26--history .mtb-about26__article-hero-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .92fr);
  gap: clamp(30px, 4.8vw, 78px);
  align-items: center;
}
.mtb-about26--vision .mtb-about26__article-hero h1,
.mtb-about26--values .mtb-about26__article-hero h1,
.mtb-about26--history .mtb-about26__article-hero h1 {
  max-width: 24ch;
  margin-bottom: 27px;
  color: var(--a-ink);
  font: 450 clamp(2.65rem, 3.45vw, 4rem)/1.32 "Noto Serif", Georgia, serif;
  letter-spacing: -.045em;
  overflow-wrap: break-word;
  text-wrap: pretty;
}
.mtb-about26--history .mtb-about26__article-hero h1 {
  font-size: clamp(2.35rem, 3.12vw, 3.65rem);
  max-width: 26ch;
}
.mtb-about26--vision .mtb-about26__article-hero p,
.mtb-about26--values .mtb-about26__article-hero p,
.mtb-about26--history .mtb-about26__article-hero p {
  max-width: 59ch;
  font-size: clamp(1rem, 1.13vw, 1.11rem);
  line-height: 1.91;
}
.mtb-about26--vision .mtb-about26__article-hero-media,
.mtb-about26--values .mtb-about26__article-hero-media,
.mtb-about26--history .mtb-about26__article-hero-media {
  position: relative;
  aspect-ratio: 1.24;
  overflow: visible;
}
.mtb-about26--vision .mtb-about26__article-hero-media::after,
.mtb-about26--values .mtb-about26__article-hero-media::after,
.mtb-about26--history .mtb-about26__article-hero-media::after {
  content: "";
  position: absolute;
  inset: 17px -14px -17px 14px;
  border: 1px solid var(--a-line);
  pointer-events: none;
}
.mtb-about26--vision .mtb-about26__article-hero-media .mtb-about26__photo,
.mtb-about26--values .mtb-about26__article-hero-media .mtb-about26__photo,
.mtb-about26--history .mtb-about26__article-hero-media .mtb-about26__photo {
  position: relative;
  z-index: 1;
  object-fit: cover;
  box-shadow: 0 20px 55px color-mix(in srgb, var(--a-ink) 12%, transparent);
}
.mtb-about26--vision .mtb-about26__article-content,
.mtb-about26--values .mtb-about26__article-content,
.mtb-about26--history .mtb-about26__article-content {
  padding-bottom: clamp(44px, 5vw, 74px);
}
/* VISION: an airy manifesto, panoramic image and four human-centered pillars. */
.mtb-about26--vision .mtb-about26__statement--vision {
  padding: clamp(36px, 4.2vw, 65px) 0 clamp(42px, 5vw, 72px);
  border-top: 1px solid var(--a-line);
}
.mtb-about26--vision .mtb-about26__vision-manifesto {
  display: grid;
  grid-template-columns: minmax(125px, .17fr) minmax(0, 1fr);
  column-gap: clamp(26px, 4.1vw, 64px);
  row-gap: clamp(24px, 3vw, 40px);
  align-items: start;
}
.mtb-about26--vision .mtb-about26__vision-marker {
  display: flex;
  flex-direction: column;
  gap: 19px;
  padding-top: 11px;
}
.mtb-about26--vision .mtb-about26__vision-marker-line {
  width: 66px;
  height: 1px;
  background: var(--a-accent);
}
.mtb-about26--vision .mtb-about26__vision-marker-signature {
  color: var(--a-secondary);
  font: 700 .7rem/1.7 "Noto Sans", sans-serif;
  letter-spacing: .12em;
}
.mtb-about26--vision .mtb-about26__vision-copy h2 {
  max-width: 1030px;
  margin: 0;
  color: var(--a-ink);
  font: 450 clamp(1.85rem, 2.42vw, 2.85rem)/1.48 "Noto Serif", Georgia, serif;
  letter-spacing: -.032em;
  text-wrap: pretty;
}
.mtb-about26--vision .mtb-about26__vision-paragraphs {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 4.2vw, 76px);
  max-width: none;
  margin: 0;
  padding-top: clamp(23px, 3.1vw, 40px);
  border-top: 1px solid var(--a-line);
}
.mtb-about26--vision .mtb-about26__vision-paragraphs p {
  margin: 0;
  color: var(--a-text);
  font-size: 1.01rem;
  line-height: 1.93;
}
.mtb-about26--vision .mtb-about26__vision-wide {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 2.65;
  margin: 0 0 clamp(42px, 5vw, 70px);
  background: var(--a-wash);
  overflow: hidden;
}
.mtb-about26--vision .mtb-about26__vision-wide .mtb-about26__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 55%;
}
.mtb-about26--vision .mtb-about26__statement--mission {
  position: relative;
  padding: clamp(34px, 4.4vw, 60px) clamp(26px, 5vw, 80px);
  margin: 0;
  border-top: 2px solid var(--a-accent);
  background: var(--a-wash);
}
.mtb-about26--vision .mtb-about26__statement--mission h2 {
  max-width: 1100px;
  margin: 18px 0 24px;
  font-size: clamp(1.87rem, 2.42vw, 2.9rem);
  line-height: 1.51;
  letter-spacing: -.027em;
  text-wrap: pretty;
}
.mtb-about26--vision .mtb-about26__statement--mission .mtb-about26__statement-intro {
  max-width: 1000px;
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.94;
}
.mtb-about26--vision .mtb-about26__pillars { margin: 35px 0 47px; }
.mtb-about26--vision .mtb-about26__pillar {
  grid-template-columns: minmax(145px, .3fr) minmax(0, 1fr);
  gap: clamp(30px, 5.5vw, 100px);
  align-items: start;
  padding: clamp(23px, 3.2vw, 42px) clamp(4px, 2vw, 26px);
}
.mtb-about26--vision .mtb-about26__pillar-symbol strong { font-size: clamp(2.1rem, 3.7vw, 3.8rem); }
.mtb-about26--vision .mtb-about26__pillar h3 { font-size: clamp(1.55rem, 2vw, 2.2rem); }
.mtb-about26--vision .mtb-about26__pillar p { max-width: 840px; font-size: 1rem; line-height: 1.95; }
.mtb-about26--vision .mtb-about26__closing {
  max-width: 870px;
  margin: clamp(36px, 4.8vw, 66px) auto 0 !important;
  padding-left: clamp(21px, 3vw, 39px);
  border-left: 2px solid var(--a-accent);
  color: var(--a-ink);
  font-size: clamp(1.2rem, 1.65vw, 1.57rem);
  line-height: 1.83;
}
/* VALUES: four strong typographic chapters, with a single photo interlude. */
.mtb-about26--values .mtb-about26__values-intro {
  display: grid;
  grid-template-columns: minmax(0, 180px) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 90px);
  align-items: center;
  max-width: 1050px;
  padding: 10px 0 clamp(60px, 7vw, 95px);
}
.mtb-about26--values .mtb-about26__values-intro-number {
  color: var(--a-accent);
  font: 400 clamp(5.3rem, 10vw, 10.5rem)/.95 "Noto Serif", Georgia, serif;
  letter-spacing: -.08em;
}
.mtb-about26--values .mtb-about26__values-intro .mtb-about26__prose { margin: 0; }
.mtb-about26--values .mtb-about26__values-intro p { color: var(--a-ink); font: 450 clamp(1.2rem, 1.9vw, 1.8rem)/1.85 "Noto Serif", Georgia, serif; }
.mtb-about26--values .mtb-about26__value {
  grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr);
  gap: clamp(40px, 6.7vw, 110px);
  padding: clamp(54px, 6vw, 88px) 0;
  align-items: start;
}
.mtb-about26--values .mtb-about26__value--reverse { grid-template-columns: minmax(0, 1.17fr) minmax(0, .83fr); }
.mtb-about26--values .mtb-about26__value-number { font-size: clamp(4.3rem, 7vw, 7.5rem); }
.mtb-about26--values .mtb-about26__value h2 { font-size: clamp(2.25rem, 3.35vw, 3.7rem); }
.mtb-about26--values .mtb-about26__value-heading > p { color: var(--a-secondary); }
.mtb-about26--values .mtb-about26__value .mtb-about26__prose { padding-top: clamp(12px, 2.8vw, 38px); }
.mtb-about26--values .mtb-about26__values-interlude {
  position: relative;
  height: auto;
  aspect-ratio: 2.6;
  margin: clamp(18px, 3vw, 42px) 0 clamp(42px, 5vw, 72px);
  background: var(--a-wash);
  overflow: hidden;
}
.mtb-about26--values .mtb-about26__values-interlude .mtb-about26__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 57%;
}
.mtb-about26--values .mtb-about26__values-interlude-mark {
  position: absolute;
  right: 22px;
  bottom: 21px;
  padding: 9px 14px;
  color: var(--a-paper);
  background: color-mix(in srgb, var(--a-ink) 84%, transparent);
  font: 700 .72rem/1.4 "Noto Sans", sans-serif;
  letter-spacing: .1em;
}
.mtb-about26--values .mtb-about26__values-interlude-mark span { color: var(--a-accent); }
.mtb-about26--values .mtb-about26__quote {
  max-width: 950px;
  margin: clamp(53px, 6vw, 92px) auto 0 !important;
  padding: clamp(19px, 3vw, 40px) clamp(20px, 4vw, 52px);
  font-size: clamp(1.55rem, 2.3vw, 2.6rem);
  line-height: 1.64;
}
/* HISTORY: fact sheet, chronological line, period image and clear caveats. */
.mtb-about26--history .mtb-about26__history-lead {
  display: grid;
  grid-template-columns: minmax(0, .65fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(22px, 5vw, 70px);
  padding: 10px 0 clamp(55px, 6.7vw, 94px);
}
.mtb-about26--history .mtb-about26__history-lead-mark {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--a-accent);
  font: 450 clamp(1.8rem, 3.5vw, 3.8rem)/1.2 "Noto Serif", Georgia, serif;
  letter-spacing: -.04em;
  white-space: nowrap;
}
.mtb-about26--history .mtb-about26__history-lead-mark span { color: var(--a-secondary); }
.mtb-about26--history .mtb-about26__history-lead .mtb-about26__prose { margin: 0; }
.mtb-about26--history .mtb-about26__history-lead p { color: var(--a-ink); font: 450 clamp(1.13rem, 1.7vw, 1.55rem)/1.82 "Noto Serif", Georgia, serif; }
.mtb-about26--history .mtb-about26__legal {
  position: relative;
  margin: 0 0 clamp(55px, 6vw, 94px);
  padding: clamp(30px, 4vw, 57px);
  border: 1px solid var(--a-line);
  border-top: 3px solid var(--a-accent);
  background: var(--a-wash);
}
.mtb-about26--history .mtb-about26__legal dl > div { padding: 11px 0 14px; }
.mtb-about26--history .mtb-about26__timeline { position: relative; border-top: 1px solid var(--a-line); }
.mtb-about26--history .mtb-about26__milestone {
  grid-template-columns: minmax(165px, .32fr) minmax(0, 1fr);
  gap: clamp(34px, 5vw, 88px);
  padding: clamp(42px, 5vw, 70px) 0;
  align-items: start;
}
.mtb-about26--history .mtb-about26__milestone-year { position: relative; }
.mtb-about26--history .mtb-about26__milestone-year time {
  position: relative;
  top: auto;
  font-size: clamp(3.3rem, 5.4vw, 5.75rem);
}
.mtb-about26--history .mtb-about26__milestone-content h2 {
  margin-top: 15px;
  font-size: clamp(1.65rem, 2.2vw, 2.4rem);
  line-height: 1.44;
}
.mtb-about26--history .mtb-about26__milestone-content .mtb-about26__prose { max-width: 815px; }
.mtb-about26--history .mtb-about26__history-photo {
  position: relative;
  width: min(100%, 1020px);
  height: auto;
  aspect-ratio: 2.48;
  margin: 0 auto clamp(34px, 5vw, 75px);
  background: var(--a-wash);
  overflow: hidden;
}
.mtb-about26--history .mtb-about26__history-photo .mtb-about26__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 58%;
}
.mtb-about26--history .mtb-about26__history-photo-label {
  position: absolute;
  right: 21px;
  bottom: 19px;
  color: var(--a-paper);
  padding: 9px 13px;
  background: color-mix(in srgb, var(--a-ink) 82%, transparent);
  font: 700 .72rem/1.4 "Noto Sans", sans-serif;
  letter-spacing: .1em;
}
.mtb-about26--history .mtb-about26__history-conclusion {
  max-width: 900px;
  margin: 0 auto;
  padding-top: clamp(50px, 6vw, 89px);
}
.mtb-about26--history .mtb-about26__history-conclusion h2 {
  font-size: clamp(1.9rem, 2.7vw, 2.7rem);
}
.mtb-about26--history .mtb-about26__source-note { max-width: 990px; font-size: .82rem; line-height: 1.82; }
@media (max-width: 950px) {
  .mtb-about26--vision .mtb-about26__article-hero-grid,
  .mtb-about26--values .mtb-about26__article-hero-grid,
  .mtb-about26--history .mtb-about26__article-hero-grid { gap: 32px; }
  .mtb-about26--vision .mtb-about26__article-hero h1,
  .mtb-about26--values .mtb-about26__article-hero h1,
  .mtb-about26--history .mtb-about26__article-hero h1 { font-size: clamp(2.3rem, 4.1vw, 3.2rem); }
  .mtb-about26--vision .mtb-about26__vision-manifesto { grid-template-columns: 115px minmax(0, 1fr); }
  .mtb-about26--history .mtb-about26__history-lead { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .mtb-about26--vision .mtb-about26__container,
  .mtb-about26--values .mtb-about26__container,
  .mtb-about26--history .mtb-about26__container { width: calc(100% - 36px); }
  .mtb-about26--vision .mtb-about26__article-hero-grid,
  .mtb-about26--values .mtb-about26__article-hero-grid,
  .mtb-about26--history .mtb-about26__article-hero-grid { grid-template-columns: 1fr; gap: 31px; }
  .mtb-about26--vision .mtb-about26__article-hero h1,
  .mtb-about26--values .mtb-about26__article-hero h1,
  .mtb-about26--history .mtb-about26__article-hero h1 {
    font-size: clamp(2.05rem, 7.1vw, 3.2rem);
    max-width: 25ch;
    line-height: 1.38;
  }
  .mtb-about26--vision .mtb-about26__article-hero-media,
  .mtb-about26--values .mtb-about26__article-hero-media,
  .mtb-about26--history .mtb-about26__article-hero-media { aspect-ratio: 16/10; }
  .mtb-about26--vision .mtb-about26__article-hero-media::after,
  .mtb-about26--values .mtb-about26__article-hero-media::after,
  .mtb-about26--history .mtb-about26__article-hero-media::after { inset: 10px -8px -10px 8px; }
  .mtb-about26--vision .mtb-about26__vision-manifesto { grid-template-columns: 1fr; gap: 25px; }
  .mtb-about26--vision .mtb-about26__vision-marker { flex-direction: row; align-items: center; justify-content: space-between; }
  .mtb-about26--vision .mtb-about26__vision-marker-line,
  .mtb-about26--vision .mtb-about26__vision-marker-signature { display: none; }
  .mtb-about26--vision .mtb-about26__vision-copy h2 { font-size: clamp(1.72rem, 5.7vw, 2.5rem); margin-bottom: 0; }
  .mtb-about26--vision .mtb-about26__vision-paragraphs { grid-column: 1; grid-template-columns: 1fr; gap: 21px; padding-top: 23px; }
  .mtb-about26--vision .mtb-about26__vision-wide { aspect-ratio: 16/10; margin: 0 0 54px; }
  .mtb-about26--vision .mtb-about26__statement--mission { padding: 30px 23px; }
  .mtb-about26--vision .mtb-about26__statement--mission h2 { font-size: clamp(1.65rem, 5.8vw, 2.5rem); }
  .mtb-about26--vision .mtb-about26__pillar { grid-template-columns: 1fr; gap: 16px; padding: 31px 0; }
  .mtb-about26--vision .mtb-about26__pillar-symbol { flex-direction: row; align-items: center; gap: 23px; }
  .mtb-about26--vision .mtb-about26__pillar-symbol strong { font-size: 2rem; }
  .mtb-about26--values .mtb-about26__values-intro { grid-template-columns: 1fr; gap: 11px; padding: 15px 0 55px; }
  .mtb-about26--values .mtb-about26__values-intro-number { font-size: 5.9rem; }
  .mtb-about26--values .mtb-about26__value,
  .mtb-about26--values .mtb-about26__value--reverse { grid-template-columns: 1fr; gap: 15px; padding: 46px 0; }
  .mtb-about26--values .mtb-about26__value--reverse .mtb-about26__value-heading,
  .mtb-about26--values .mtb-about26__value--reverse .mtb-about26__prose { order: initial; }
  .mtb-about26--values .mtb-about26__value-number { font-size: 5rem; }
  .mtb-about26--values .mtb-about26__value h2 { font-size: 2.55rem; }
  .mtb-about26--values .mtb-about26__value .mtb-about26__prose { padding-top: 0; }
  .mtb-about26--values .mtb-about26__values-interlude { aspect-ratio: 16/10; margin: 10px 0 37px; }
  .mtb-about26--values .mtb-about26__values-interlude-mark { right: 10px; bottom: 10px; font-size: .65rem; }
  .mtb-about26--history .mtb-about26__history-lead { gap: 18px; padding-bottom: 53px; }
  .mtb-about26--history .mtb-about26__history-lead-mark { font-size: clamp(2.2rem, 8vw, 3.3rem); }
  .mtb-about26--history .mtb-about26__legal { grid-template-columns: 1fr; padding: 25px 23px; }
  .mtb-about26--history .mtb-about26__milestone { grid-template-columns: 1fr; gap: 10px; padding: 37px 0; }
  .mtb-about26--history .mtb-about26__milestone-year time { font-size: 3.3rem; }
  .mtb-about26--history .mtb-about26__history-photo { aspect-ratio: 16/10; margin-bottom: 33px; }
  .mtb-about26--history .mtb-about26__history-photo-label { right: 11px; bottom: 11px; }
}
@media (max-width: 420px) {
  .mtb-about26--vision .mtb-about26__container,
  .mtb-about26--values .mtb-about26__container,
  .mtb-about26--history .mtb-about26__container { width: calc(100% - 30px); }
  .mtb-about26--history .mtb-about26__history-lead-mark { font-size: 1.95rem; }
  .mtb-about26--values .mtb-about26__values-intro-number { font-size: 5rem; }
}


/* VISION PILLARS / refined editorial panels 2026-11-01
   The four Body / Mind / Wisdom / Energy sections are informational,
   not clickable. Use restrained editorial cards rather than heavy UI boxes.
   All colors inherit the published Admin > About five-color palette.
   Keep this block at the END so older legacy mobile row styles cannot
   accidentally override it. */
.mtb-about26--vision .mtb-about26__pillars {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: clamp(16px, 2.4vw, 27px);
  margin: clamp(36px, 4.1vw, 59px) 0 clamp(43px, 5vw, 74px);
  padding: 0;
  border: 0;
}
.mtb-about26--vision .mtb-about26__pillar {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  gap: 0;
  padding: clamp(25px, 3vw, 39px);
  border: 1px solid var(--a-line);
  border-radius: clamp(15px, 1.8vw, 23px);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--a-paper) 92%, var(--a-accent) 8%),
    color-mix(in srgb, var(--a-paper) 98%, var(--a-secondary) 2%)
  );
  box-shadow: 0 12px 35px color-mix(in srgb, var(--a-ink) 5%, transparent);
  overflow: hidden;
}
.mtb-about26--vision .mtb-about26__pillar::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 220px;
  height: 220px;
  top: -118px;
  right: -120px;
  border: 1px solid color-mix(in srgb, var(--a-accent) 20%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 36px color-mix(in srgb, var(--a-accent) 4%, transparent),
              0 0 0 78px color-mix(in srgb, var(--a-secondary) 2%, transparent);
  pointer-events: none;
}
.mtb-about26--vision .mtb-about26__pillar:nth-child(even) {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--a-paper) 95%, var(--a-secondary) 5%),
    color-mix(in srgb, var(--a-paper) 97%, var(--a-accent) 3%)
  );
}
.mtb-about26--vision .mtb-about26__pillar-symbol {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  margin: 0 0 clamp(19px, 2.35vw, 30px);
  padding: 0;
}
.mtb-about26--vision .mtb-about26__pillar-symbol span {
  display: inline-flex;
  padding-top: 4px;
  color: var(--a-secondary);
  font: 700 .76rem/1.5 "Noto Sans", "Segoe UI", Arial, sans-serif;
  letter-spacing: .16em;
  white-space: nowrap;
}
.mtb-about26--vision .mtb-about26__pillar-symbol strong {
  display: grid;
  place-items: center;
  width: clamp(75px, 7.2vw, 94px);
  height: clamp(75px, 7.2vw, 94px);
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--a-accent) 54%, var(--a-ink) 46%);
  background: linear-gradient(138deg, var(--a-ink), var(--a-secondary));
  color: var(--a-paper);
  font: 500 clamp(1.45rem, 2.25vw, 2rem)/1.2 "Noto Serif", Georgia, serif;
  letter-spacing: -.025em;
  box-shadow: 0 9px 22px color-mix(in srgb, var(--a-ink) 16%, transparent);
}
.mtb-about26--vision .mtb-about26__pillar-body {
  min-width: 0;
}
.mtb-about26--vision .mtb-about26__pillar h3 {
  max-width: 25ch;
  margin: 0 0 clamp(10px, 1.3vw, 17px);
  color: var(--a-ink);
  font: 500 clamp(1.46rem, 1.75vw, 1.86rem)/1.39 "Noto Serif", Georgia, serif;
  letter-spacing: -.026em;
  text-wrap: balance;
}
.mtb-about26--vision .mtb-about26__pillar p {
  max-width: 66ch;
  padding: 0;
  margin: 0;
  color: var(--a-text);
  font: 400 clamp(.95rem, 1.05vw, 1rem)/1.86 "Noto Sans", "Segoe UI", Arial, sans-serif;
  overflow-wrap: break-word;
}
@media (max-width: 900px) {
  .mtb-about26--vision .mtb-about26__pillars {
    grid-template-columns: minmax(0, 1fr);
    gap: 17px;
  }
  .mtb-about26--vision .mtb-about26__pillar {
    padding: clamp(25px, 4.1vw, 35px);
  }
  .mtb-about26--vision .mtb-about26__pillar-symbol {
    margin-bottom: 18px;
  }
  .mtb-about26--vision .mtb-about26__pillar h3 {
    max-width: none;
  }
}
@media (max-width: 620px) {
  .mtb-about26--vision .mtb-about26__pillars {
    gap: 13px;
    margin: 27px 0 41px;
  }
  .mtb-about26--vision .mtb-about26__pillar {
    padding: clamp(21px, 5vw, 27px);
    border-radius: 18px;
    box-shadow: 0 6px 17px color-mix(in srgb, var(--a-ink) 5%, transparent);
  }
  .mtb-about26--vision .mtb-about26__pillar-symbol {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    gap: 13px;
  }
  .mtb-about26--vision .mtb-about26__pillar-symbol strong {
    width: 68px;
    height: 68px;
    font-size: 1.58rem;
  }
  .mtb-about26--vision .mtb-about26__pillar-symbol span {
    font-size: .7rem;
  }
  .mtb-about26--vision .mtb-about26__pillar h3 {
    font-size: clamp(1.43rem, 5vw, 1.75rem);
    line-height: 1.44;
  }
  .mtb-about26--vision .mtb-about26__pillar p {
    font-size: .96rem;
    line-height: 1.89;
  }
}
@media (max-width: 370px) {
  .mtb-about26--vision .mtb-about26__pillar { padding: 19px; }
}



/* CORE VALUES / premium four-card redesign 2026-11-01
   Scope exclusively to gia-tri-cot-loi.php. Admin About palette is
   authoritative; do not hard-code theme colours in this section.
   Placed after the legacy alternating layouts to ensure stable cascade. */
.mtb-about26--values .mtb-about26__values-intro--refined {
  display: grid;
  grid-template-columns: minmax(0, 108px) minmax(0, 1fr);
  gap: clamp(22px, 3.7vw, 54px);
  align-items: center;
  width: min(100%, 1020px);
  max-width: none;
  margin: 0 auto;
  padding: 5px 0 clamp(36px, 5vw, 69px);
}
.mtb-about26--values .mtb-about26__values-intro--refined .mtb-about26__values-intro-number {
  align-self: start;
  color: var(--a-accent);
  font: 400 clamp(4.3rem, 6.5vw, 6.7rem)/1 "Noto Serif", Georgia, serif;
  letter-spacing: -.065em;
}
.mtb-about26--values .mtb-about26__values-intro--refined .mtb-about26__prose {
  margin: 0;
  max-width: 820px;
}
.mtb-about26--values .mtb-about26__values-intro--refined .mtb-about26__prose p {
  color: var(--a-ink);
  font: 450 clamp(1.1rem, 1.5vw, 1.48rem)/1.75 "Noto Serif", Georgia, serif;
  letter-spacing: -.013em;
}
.mtb-about26--values .mtb-about26__values-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2.2vw, 28px);
  align-items: stretch;
  margin: 0 0 clamp(38px, 5vw, 71px);
}
.mtb-about26--values .mtb-about26__value-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(26px, 3vw, 42px);
  border: 1px solid var(--a-line);
  border-radius: clamp(16px, 1.6vw, 23px);
  background: linear-gradient(148deg,
    color-mix(in srgb, var(--a-paper) 95%, var(--a-accent) 5%),
    color-mix(in srgb, var(--a-paper) 98%, var(--a-secondary) 2%)
  );
  box-shadow: 0 12px 34px color-mix(in srgb, var(--a-ink) 5%, transparent);
  overflow: hidden;
}
.mtb-about26--values .mtb-about26__value-card:nth-child(4n + 2),
.mtb-about26--values .mtb-about26__value-card:nth-child(4n + 3) {
  background: linear-gradient(148deg,
    color-mix(in srgb, var(--a-paper) 96%, var(--a-secondary) 4%),
    color-mix(in srgb, var(--a-paper) 99%, var(--a-accent) 1%)
  );
}
.mtb-about26--values .mtb-about26__value-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -138px;
  right: -124px;
  width: 235px;
  height: 235px;
  border: 1px solid color-mix(in srgb, var(--a-accent) 22%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 30px color-mix(in srgb, var(--a-accent) 3%, transparent),
              0 0 0 69px color-mix(in srgb, var(--a-secondary) 2%, transparent);
  pointer-events: none;
}
.mtb-about26--values .mtb-about26__value-card-header {
  display: grid;
  grid-template-columns: minmax(0, 93px) minmax(0, 1fr);
  gap: clamp(19px, 2vw, 28px);
  align-items: start;
  margin-bottom: clamp(20px, 2.6vw, 30px);
  padding-bottom: clamp(19px, 2.2vw, 27px);
  border-bottom: 1px solid var(--a-line);
}
.mtb-about26--values .mtb-about26__value-card-number {
  display: block;
  color: var(--a-accent);
  font: 450 clamp(3.8rem, 5vw, 5.6rem)/.96 "Noto Serif", Georgia, serif;
  letter-spacing: -.07em;
  font-variant-numeric: lining-nums tabular-nums;
}
.mtb-about26--values .mtb-about26__value-card-heading { min-width: 0; }
.mtb-about26--values .mtb-about26__value-card-heading h2 {
  margin: 0 0 9px;
  color: var(--a-ink);
  font: 500 clamp(1.68rem, 2.1vw, 2.5rem)/1.24 "Noto Serif", Georgia, serif;
  letter-spacing: -.036em;
  text-wrap: balance;
  overflow-wrap: break-word;
}
.mtb-about26--values .mtb-about26__value-card-heading p {
  margin: 0;
  color: var(--a-secondary);
  font: 600 clamp(.92rem, 1.06vw, 1.08rem)/1.65 "Noto Sans", "Segoe UI", Arial, sans-serif;
}
.mtb-about26--values .mtb-about26__value-card-content {
  min-width: 0;
  color: var(--a-text);
  font: 400 clamp(.98rem, 1.08vw, 1.04rem)/1.91 "Noto Sans", "Segoe UI", Arial, sans-serif;
}
.mtb-about26--values .mtb-about26__value-card-content p { margin: 0; overflow-wrap: break-word; }
.mtb-about26--values .mtb-about26__value-card-content p + p {
  margin-top: clamp(15px, 1.7vw, 22px);
}
.mtb-about26--values .mtb-about26__values-interlude--refined {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 2.92;
  margin: 0 0 clamp(44px, 5vw, 70px);
  background: var(--a-wash);
  overflow: hidden;
}
.mtb-about26--values .mtb-about26__values-interlude--refined .mtb-about26__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 54%;
}
.mtb-about26--values .mtb-about26__values-interlude--refined .mtb-about26__values-interlude-mark {
  right: 19px;
  bottom: 18px;
  padding: 9px 13px;
  border: 1px solid color-mix(in srgb, var(--a-paper) 25%, transparent);
  border-radius: 3px;
  font-size: .7rem;
}
.mtb-about26--values .mtb-about26__quote--values {
  max-width: 1050px;
  margin: 0 auto clamp(19px, 2.8vw, 40px) !important;
  padding: clamp(25px, 3.7vw, 49px) clamp(25px, 4vw, 60px);
  border-left: 3px solid var(--a-accent);
  border-radius: 0 18px 18px 0;
  background: var(--a-wash);
  color: var(--a-ink);
  font: 450 clamp(1.34rem, 1.98vw, 2.15rem)/1.62 "Noto Serif", Georgia, serif;
  letter-spacing: -.018em;
  text-wrap: pretty;
}
@media (max-width: 1050px) {
  .mtb-about26--values .mtb-about26__values-cards {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  .mtb-about26--values .mtb-about26__value-card-header {
    grid-template-columns: 105px minmax(0, 1fr);
  }
  .mtb-about26--values .mtb-about26__value-card-heading h2 { font-size: clamp(1.85rem, 3.4vw, 2.45rem); }
}
@media (max-width: 720px) {
  .mtb-about26--values .mtb-about26__values-intro--refined {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 5px 0 32px;
  }
  .mtb-about26--values .mtb-about26__values-intro--refined .mtb-about26__values-intro-number {
    font-size: 4.2rem;
  }
  .mtb-about26--values .mtb-about26__values-intro--refined .mtb-about26__prose p {
    font-size: clamp(1.08rem, 4.2vw, 1.29rem);
  }
  .mtb-about26--values .mtb-about26__value-card {
    padding: clamp(22px, 5vw, 30px);
    border-radius: 17px;
  }
  .mtb-about26--values .mtb-about26__value-card-header {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 15px;
    margin-bottom: 19px;
    padding-bottom: 19px;
  }
  .mtb-about26--values .mtb-about26__value-card-number { font-size: 4.3rem; }
  .mtb-about26--values .mtb-about26__value-card-heading h2 { font-size: clamp(1.68rem, 5.6vw, 2.2rem); }
  .mtb-about26--values .mtb-about26__value-card-heading p { font-size: .97rem; }
  .mtb-about26--values .mtb-about26__value-card-content { font-size: .98rem; line-height: 1.85; }
  .mtb-about26--values .mtb-about26__values-interlude--refined {
    aspect-ratio: 16 / 10;
    margin-bottom: 35px;
  }
  .mtb-about26--values .mtb-about26__quote--values {
    padding: 24px 22px;
    border-radius: 0 13px 13px 0;
    font-size: clamp(1.26rem, 5vw, 1.65rem);
    line-height: 1.62;
  }
}
@media (max-width: 400px) {
  .mtb-about26--values .mtb-about26__value-card-header {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .mtb-about26--values .mtb-about26__value-card-number { font-size: 3.9rem; }
  .mtb-about26--values .mtb-about26__value-card-heading h2 { font-size: 1.9rem; }
}
@media (prefers-reduced-motion: reduce) {
  .mtb-about26--values .mtb-about26__value-card { transition: none; }
}



/* HISTORY EDITORIAL / refined timeline 2026-11-01
   Exclusive to Lich su hinh thanh. History facts and milestones remain
   data-driven. Colors inherit the five published Admin About variables. */
.mtb-about26--history .mtb-about26__article-hero {
  padding-top: clamp(20px, 3vw, 43px);
  padding-bottom: clamp(37px, 4.3vw, 61px);
}
.mtb-about26--history .mtb-about26__article-hero-grid {
  grid-template-columns: minmax(0, 1.13fr) minmax(0, .93fr);
  gap: clamp(27px, 4.7vw, 76px);
}
.mtb-about26--history .mtb-about26__article-hero h1 {
  max-width: 26ch;
  font: 450 clamp(2.35rem, 3.04vw, 3.42rem)/1.37 "Noto Serif", Georgia, serif;
  letter-spacing: -.034em;
  text-wrap: pretty;
}
.mtb-about26--history .mtb-about26__article-hero p {
  font-size: 1.015rem;
  line-height: 1.85;
}
.mtb-about26--history .mtb-about26__article-hero-media {
  aspect-ratio: 1.37;
}
.mtb-about26--history .mtb-about26__history-lead {
  grid-template-columns: minmax(0, .65fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  padding: 11px 0 clamp(43px, 5.3vw, 74px);
}
.mtb-about26--history .mtb-about26__history-lead-mark {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: clamp(7px, 1vw, 15px);
  color: var(--a-accent);
  font: 450 clamp(2rem, 3vw, 3.45rem)/1.23 "Noto Serif", Georgia, serif;
  letter-spacing: -.048em;
}
.mtb-about26--history .mtb-about26__history-lead-mark span {
  color: var(--a-secondary);
  opacity: .75;
}
.mtb-about26--history .mtb-about26__history-lead .mtb-about26__prose {
  max-width: none;
  margin: 0;
}
.mtb-about26--history .mtb-about26__history-lead p {
  font: 450 clamp(1.12rem, 1.5vw, 1.36rem)/1.81 "Noto Serif", Georgia, serif;
}
.mtb-about26--history .mtb-about26__legal--refined {
  display: block;
  margin: 0 0 clamp(52px, 6.3vw, 85px);
  padding: clamp(28px, 3.6vw, 49px);
  border: 1px solid var(--a-line);
  border-top: 3px solid var(--a-accent);
  border-radius: 0 18px 18px 18px;
  background: linear-gradient(132deg,
    color-mix(in srgb, var(--a-paper) 91%, var(--a-accent) 9%),
    color-mix(in srgb, var(--a-paper) 97%, var(--a-secondary) 3%)
  );
  box-shadow: 0 17px 42px color-mix(in srgb, var(--a-ink) 5%, transparent);
}
.mtb-about26--history .mtb-about26__legal-header {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 16px 34px;
  margin: 0 0 29px;
  padding: 0 0 25px;
  border-bottom: 1px solid var(--a-line);
}
.mtb-about26--history .mtb-about26__legal-header .mtb-about26__eyebrow {
  color: var(--a-secondary);
  white-space: nowrap;
}
.mtb-about26--history .mtb-about26__legal-header h2 {
  max-width: 850px;
  margin: 0;
  color: var(--a-ink);
  font: 450 clamp(1.65rem, 2.35vw, 2.55rem)/1.38 "Noto Serif", Georgia, serif;
  letter-spacing: -.028em;
  text-wrap: pretty;
}
.mtb-about26--history .mtb-about26__legal-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(20px, 4.4vw, 65px);
  width: 100%;
  margin: 0;
}
.mtb-about26--history .mtb-about26__legal-fact {
  min-width: 0;
  padding: clamp(13px, 1.6vw, 20px) 0;
  border-bottom: 1px solid var(--a-line);
}
.mtb-about26--history .mtb-about26__legal-fact--company_name,
.mtb-about26--history .mtb-about26__legal-fact--headquarters,
.mtb-about26--history .mtb-about26__legal-fact--representative_office {
  grid-column: 1 / -1;
}
.mtb-about26--history .mtb-about26__legal-fact dt {
  margin: 0 0 7px;
  color: var(--a-secondary);
  font: 700 .74rem/1.55 "Noto Sans", "Segoe UI", sans-serif;
  letter-spacing: .035em;
}
.mtb-about26--history .mtb-about26__legal-fact dd {
  margin: 0;
  color: var(--a-ink);
  font: 550 clamp(.91rem, 1.04vw, 1.03rem)/1.77 "Noto Sans", "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
}
.mtb-about26--history .mtb-about26__legal-fact--company_name dd {
  font-weight: 700;
  font-size: clamp(1.01rem, 1.2vw, 1.19rem);
}
.mtb-about26--history .mtb-about26__legal-fact dd a {
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.mtb-about26--history .mtb-about26__timeline--refined {
  position: relative;
  display: block;
  border-top: 0;
  margin: 0;
  padding: 3px 0;
}
.mtb-about26--history .mtb-about26__timeline--refined::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 34px;
  bottom: 43px;
  width: 2px;
  background: linear-gradient(
    to bottom,
    var(--a-accent),
    color-mix(in srgb, var(--a-accent) 42%, var(--a-paper))
  );
  pointer-events: none;
}
.mtb-about26--history .mtb-about26__milestone--refined {
  position: relative;
  display: grid;
  grid-template-columns: minmax(126px, .24fr) minmax(0, 1fr);
  gap: clamp(21px, 3.5vw, 60px);
  padding: clamp(27px, 3.5vw, 49px) clamp(20px, 2.8vw, 44px) clamp(28px, 3.8vw, 55px) 65px;
  align-items: start;
  border-bottom: 1px solid var(--a-line);
  background: transparent;
}
.mtb-about26--history .mtb-about26__milestone--refined::before {
  content: "";
  position: absolute;
  top: clamp(40px, 4.7vw, 65px);
  left: 9px;
  width: 16px;
  height: 16px;
  border: 4px solid var(--a-paper);
  border-radius: 50%;
  background: var(--a-accent);
  box-shadow: 0 0 0 1px var(--a-accent);
}
.mtb-about26--history .mtb-about26__milestone--refined:nth-of-type(even) {
  background: color-mix(in srgb, var(--a-paper) 95%, var(--a-secondary) 5%);
  border-radius: 0 13px 13px 0;
}
.mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 11px;
  padding-top: 3px;
}
.mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year time {
  display: block;
  position: static;
  color: var(--a-accent);
  font: 450 clamp(2.35rem, 3.6vw, 3.8rem)/1.05 "Noto Serif", Georgia, serif;
  letter-spacing: -.055em;
}
.mtb-about26--history .mtb-about26__milestone-year-step {
  color: var(--a-secondary);
  font: 700 .7rem/1.5 "Noto Sans", "Segoe UI", sans-serif;
  letter-spacing: .12em;
}
.mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-content h2 {
  max-width: 830px;
  margin: 0 0 clamp(13px, 1.6vw, 21px);
  color: var(--a-ink);
  font: 450 clamp(1.5rem, 1.95vw, 2.22rem)/1.42 "Noto Serif", Georgia, serif;
  letter-spacing: -.025em;
  text-wrap: pretty;
}
.mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-content .mtb-about26__prose {
  max-width: 850px;
  color: var(--a-text);
  font-size: clamp(.94rem, 1.02vw, 1.025rem);
  line-height: 1.9;
}
.mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-content .mtb-about26__prose p + p {
  margin-top: 14px;
}
.mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__history-context {
  margin-top: 17px !important;
  padding: 10px 0 10px 15px;
  border-left: 2px solid var(--a-accent);
  color: var(--a-secondary);
  font-size: .91rem;
  line-height: 1.75;
}
.mtb-about26--history .mtb-about26__history-photo--refined {
  position: relative;
  width: calc(100% - 65px);
  max-width: none;
  aspect-ratio: 2.7;
  height: auto;
  margin: clamp(24px, 3vw, 39px) 0 clamp(27px, 3.5vw, 49px) 65px;
  border-radius: 12px;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--a-ink) 7%, transparent);
  overflow: hidden;
}
.mtb-about26--history .mtb-about26__history-photo--refined .mtb-about26__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 52%;
}
.mtb-about26--history .mtb-about26__history-photo--refined .mtb-about26__history-photo-label {
  right: 15px;
  bottom: 15px;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: .67rem;
}
.mtb-about26--history .mtb-about26__history-conclusion--refined {
  width: min(100%, 1000px);
  max-width: none;
  margin: clamp(44px, 6vw, 83px) auto 0;
  padding: clamp(30px, 4vw, 55px) clamp(28px, 4.9vw, 67px);
  border-left: 3px solid var(--a-accent);
  border-radius: 0 15px 15px 0;
  background: var(--a-wash);
}
.mtb-about26--history .mtb-about26__history-conclusion--refined h2 {
  margin: 0 0 17px;
  font: 450 clamp(1.76rem, 2.3vw, 2.6rem)/1.37 "Noto Serif", Georgia, serif;
  color: var(--a-ink);
}
.mtb-about26--history .mtb-about26__history-conclusion--refined p {
  max-width: 820px;
  margin: 0;
  padding: 0;
  font-size: 1.01rem;
  line-height: 1.92;
}
.mtb-about26--history .mtb-about26__source-note {
  width: min(100%, 1000px);
  max-width: none;
  margin: 26px auto 0 !important;
  color: var(--a-text);
  opacity: .85;
  font-size: .79rem;
  line-height: 1.8;
}
@media (max-width: 900px) {
  .mtb-about26--history .mtb-about26__milestone--refined {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: clamp(20px, 3vw, 40px);
    padding-right: 22px;
  }
  .mtb-about26--history .mtb-about26__legal-header { align-items: start; }
}
@media (max-width: 720px) {
  .mtb-about26--history .mtb-about26__article-hero-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .mtb-about26--history .mtb-about26__article-hero h1 {
    font-size: clamp(2.03rem, 6.9vw, 2.9rem);
  }
  .mtb-about26--history .mtb-about26__article-hero-media { aspect-ratio: 16 / 10; }
  .mtb-about26--history .mtb-about26__history-lead {
    grid-template-columns: 1fr;
    gap: 16px;
    padding-bottom: 37px;
  }
  .mtb-about26--history .mtb-about26__history-lead-mark { font-size: clamp(2.1rem, 7vw, 3rem); }
  .mtb-about26--history .mtb-about26__history-lead p { font-size: 1.1rem; }
  .mtb-about26--history .mtb-about26__legal--refined {
    padding: 26px 22px;
    margin-bottom: 41px;
    border-radius: 0 13px 13px 13px;
  }
  .mtb-about26--history .mtb-about26__legal-header { margin-bottom: 16px; padding-bottom: 20px; }
  .mtb-about26--history .mtb-about26__legal-header h2 { font-size: clamp(1.55rem, 5.3vw, 2.05rem); }
  .mtb-about26--history .mtb-about26__legal-facts { grid-template-columns: 1fr; }
  .mtb-about26--history .mtb-about26__legal-fact--company_name,
  .mtb-about26--history .mtb-about26__legal-fact--headquarters,
  .mtb-about26--history .mtb-about26__legal-fact--representative_office { grid-column: 1; }
  .mtb-about26--history .mtb-about26__timeline--refined::before { left: 11px; top: 27px; bottom: 24px; }
  .mtb-about26--history .mtb-about26__milestone--refined {
    display: block;
    padding: 26px 10px 33px 37px;
    border-radius: 0;
  }
  .mtb-about26--history .mtb-about26__milestone--refined::before {
    left: 4px;
    top: 37px;
    width: 15px;
    height: 15px;
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-bottom: 17px;
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year time {
    font-size: clamp(2.2rem, 8.5vw, 3.05rem);
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-content h2 {
    font-size: clamp(1.48rem, 5.4vw, 1.95rem);
    margin: 0 0 14px;
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-content .mtb-about26__prose {
    font-size: .975rem;
    line-height: 1.84;
  }
  .mtb-about26--history .mtb-about26__history-photo--refined {
    width: calc(100% - 37px);
    aspect-ratio: 16 / 10;
    margin: 25px 0 29px 37px;
    border-radius: 8px;
  }
  .mtb-about26--history .mtb-about26__history-conclusion--refined {
    margin-top: 45px;
    padding: 27px 23px;
  }
}
@media (max-width: 380px) {
  .mtb-about26--history .mtb-about26__milestone--refined { padding-right: 0; }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year { gap: 10px; }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year time { font-size: 2.1rem; }
}


/* CENTERED HISTORY TIMELINE / 2026-11-01
   Desktop: show 2026 on top right and 2025 top left, proceeding
   down to 2022 on the right and 2021 on the left. Grid dense-fill
   keeps the DOM in newest-to-oldest order while preserving year sides.
   Tablet/mobile: a left time axis with full-width chronological cards.
   Scoped to History; all colors inherit Admin > Appearance > About. */
@media (min-width: 961px) {
  .mtb-about26--history .mtb-about26__timeline--refined {
    --history-timeline-half-gap: clamp(36px, 3.75vw, 61px);
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row dense;
    column-gap: calc(var(--history-timeline-half-gap) + var(--history-timeline-half-gap));
    row-gap: clamp(18px, 2.6vw, 35px);
    align-items: center;
    padding: 12px 0 10px;
    border: 0;
  }
  .mtb-about26--history .mtb-about26__timeline--refined::before {
    content: "";
    position: absolute;
    top: 50px;
    bottom: 45px;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: linear-gradient(
      to bottom,
      color-mix(in srgb, var(--a-accent) 80%, var(--a-paper)),
      var(--a-accent) 48%,
      color-mix(in srgb, var(--a-accent) 42%, var(--a-paper))
    );
    pointer-events: none;
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined:nth-of-type(odd) {
    grid-column: 2;
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined:nth-of-type(even) {
    grid-column: 1;
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined:nth-of-type(even) {
    background: transparent;
    border-radius: 0;
  }
  .mtb-about26--history .mtb-about26__milestone--refined::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 52px;
    left: auto;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 4px solid var(--a-paper);
    border-radius: 50%;
    background: var(--a-accent);
    box-shadow: 0 0 0 1px var(--a-accent);
  }
  .mtb-about26--history .mtb-about26__milestone--refined:nth-of-type(odd)::before {
    left: calc(0px - var(--history-timeline-half-gap) - 9px);
  }
  .mtb-about26--history .mtb-about26__milestone--refined:nth-of-type(even)::before {
    right: calc(0px - var(--history-timeline-half-gap) - 9px);
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined::after {
    content: "";
    position: absolute;
    top: 60px;
    width: var(--history-timeline-half-gap);
    height: 1px;
    background: color-mix(in srgb, var(--a-accent) 64%, var(--a-paper));
    pointer-events: none;
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined:nth-of-type(odd)::after {
    left: calc(0px - var(--history-timeline-half-gap));
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined:nth-of-type(even)::after {
    right: calc(0px - var(--history-timeline-half-gap));
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-card {
    min-width: 0;
    padding: clamp(25px, 2.8vw, 40px);
    border: 1px solid var(--a-line);
    border-top: 2px solid color-mix(in srgb, var(--a-accent) 55%, var(--a-paper));
    border-radius: clamp(14px, 1.35vw, 20px);
    background: color-mix(in srgb, var(--a-paper) 97%, var(--a-accent) 3%);
    box-shadow: 0 12px 35px color-mix(in srgb, var(--a-ink) 6%, transparent);
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined:nth-of-type(odd) .mtb-about26__milestone-card {
    background: color-mix(in srgb, var(--a-paper) 93%, var(--a-secondary) 7%);
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 22px;
    margin: 0 0 16px;
    padding: 0;
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year time {
    color: var(--a-accent);
    font: 450 clamp(2.5rem, 3vw, 3.45rem)/1.12 "Noto Serif", Georgia, serif;
    letter-spacing: -.052em;
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year-step {
    margin-top: 9px;
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-content h2 {
    margin: 0 0 15px;
    font-size: clamp(1.46rem, 1.75vw, 2rem);
    line-height: 1.4;
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-content .mtb-about26__prose {
    font-size: clamp(.985rem, 1.03vw, 1.05rem);
    line-height: 1.86;
  }
  .mtb-about26--history .mtb-about26__history-photo--refined {
    position: relative;
    z-index: 1;
    width: min(85%, 880px);
    max-width: none;
    aspect-ratio: 2.65;
    margin: 29px auto 36px;
    border: 7px solid var(--a-paper);
    border-radius: 17px;
    background: var(--a-wash);
    box-shadow: 0 16px 44px color-mix(in srgb, var(--a-ink) 11%, transparent);
  }
}
@media (max-width: 960px) {
  .mtb-about26--history .mtb-about26__timeline--refined {
    position: relative;
    display: block;
    padding: 0;
    border: 0;
  }
  .mtb-about26--history .mtb-about26__timeline--refined::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 38px;
    bottom: 42px;
    width: 2px;
    transform: none;
    background: linear-gradient(
      to bottom,
      var(--a-accent),
      color-mix(in srgb, var(--a-accent) 42%, var(--a-paper))
    );
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined {
    display: block;
    position: relative;
    padding: 13px 0 21px 42px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined:nth-of-type(even) {
    background: transparent;
    border-radius: 0;
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined::before {
    content: "";
    position: absolute;
    top: 42px;
    left: 6px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 4px solid var(--a-paper);
    border-radius: 50%;
    background: var(--a-accent);
    box-shadow: 0 0 0 1px var(--a-accent);
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-card {
    min-width: 0;
    padding: clamp(22px, 3vw, 32px);
    border: 1px solid var(--a-line);
    border-top: 2px solid color-mix(in srgb, var(--a-accent) 55%, var(--a-paper));
    border-radius: 16px;
    background: color-mix(in srgb, var(--a-paper) 96%, var(--a-accent) 4%);
  }
  .mtb-about26--history .mtb-about26__milestone--refined:nth-of-type(even) .mtb-about26__milestone-card {
    background: color-mix(in srgb, var(--a-paper) 94%, var(--a-secondary) 6%);
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 17px;
    margin: 0 0 17px;
    padding: 0;
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year time {
    font-size: clamp(2.15rem, 4.6vw, 3.15rem);
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-content h2 {
    margin: 0 0 12px;
    font-size: clamp(1.43rem, 2.8vw, 1.95rem);
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-content .mtb-about26__prose {
    font-size: 1rem;
    line-height: 1.85;
  }
  .mtb-about26--history .mtb-about26__history-photo--refined {
    width: calc(100% - 42px);
    max-width: none;
    aspect-ratio: 2.35;
    margin: 15px 0 28px 42px;
    border: 5px solid var(--a-paper);
    border-radius: 12px;
  }
}
@media (max-width: 560px) {
  .mtb-about26--history .mtb-about26__timeline--refined::before {
    left: 9px;
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined {
    padding: 10px 0 18px 29px;
  }
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined::before {
    left: 2px;
    top: 34px;
    width: 16px;
    height: 16px;
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-card {
    padding: 20px 18px;
    border-radius: 13px;
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-year time {
    font-size: 2.25rem;
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-content h2 {
    font-size: clamp(1.33rem, 5vw, 1.7rem);
  }
  .mtb-about26--history .mtb-about26__milestone--refined .mtb-about26__milestone-content .mtb-about26__prose {
    font-size: .965rem;
    line-height: 1.86;
  }
  .mtb-about26--history .mtb-about26__history-photo--refined {
    width: calc(100% - 29px);
    aspect-ratio: 16 / 10;
    margin: 12px 0 25px 29px;
    border-width: 3px;
    border-radius: 9px;
  }
}



/* HISTORY INTRO PHOTO / moved above all milestones.
   Keep the Sen–Tram photograph outside the timeline connector on every
   viewport. This selector is History-only; palette remains Admin-driven. */
.mtb-about26--history .mtb-about26__history-photo--intro {
  display: block;
  position: relative;
  width: min(100%, 1060px);
  max-width: 100%;
  height: auto;
  aspect-ratio: 2.8;
  margin: 0 auto clamp(43px, 5.2vw, 73px);
  border: 6px solid var(--a-paper);
  border-radius: clamp(12px, 1.4vw, 19px);
  background: var(--a-wash);
  box-shadow: 0 16px 44px color-mix(in srgb, var(--a-ink) 10%, transparent);
  overflow: hidden;
}
.mtb-about26--history .mtb-about26__history-photo--intro .mtb-about26__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 52%;
}
@media (max-width: 960px) {
  .mtb-about26--history .mtb-about26__history-photo--intro {
    width: 100%;
    aspect-ratio: 2.25;
    margin: 0 auto 42px;
    border-width: 4px;
    border-radius: 14px;
  }
}
@media (max-width: 560px) {
  .mtb-about26--history .mtb-about26__history-photo--intro {
    width: 100%;
    aspect-ratio: 16 / 10;
    margin: 0 auto 33px;
    border-width: 3px;
    border-radius: 11px;
  }
}


/* HISTORY RISING STEPS / position newer right-hand years above the left-hand years.
   On desktop: 2022 above 2021, 2024 above 2023, 2026 above 2025.
   Shift each complete right-side milestone, including its dot/connector;
   grid row allocation stays unchanged so cards never overlap horizontally.
   Mobile remains a normal one-column descending year list. */
@media (min-width: 961px) {
  .mtb-about26--history .mtb-about26__timeline--refined > .mtb-about26__milestone--refined:nth-of-type(odd) {
    transform: translateY(clamp(-100px, -6vw, -62px));
  }
}
