/* About content styles shared with the Gutenberg canvas. */
.lh-about { background:var(--lh-bg); line-height:1.25; }
.lh-home.lh-about :is(h1,h2,h3) { line-height:var(--lh-heading-line-height); }
.lh-about .lh-heading.lh-center::after { margin-inline:auto; }
.lh-about .lh-about-article { max-width:786px; margin-inline:auto; display:flex; flex-direction:column; gap:30px; text-align:center; }
.lh-about .lh-about-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); text-align:left; }
.lh-about .lh-about-highlight { border-block:1px solid var(--lh-gray); padding:30px 20px; display:flex; flex-direction:column; gap:12px; }
.lh-about .lh-about-highlight + .lh-about-highlight { border-left:1px solid var(--lh-gray); }
.lh-about .lh-about-highlight h3 {  font-weight:700; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page,.lh-news-shell) .lh-about-banner { color:#fff; background:#0b1644; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page,.lh-news-shell) .lh-about-banner h1 { color:#fff; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page,.lh-news-shell) .lh-about-banner-copy { display:flex; flex-direction:column; gap:40px; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page,.lh-news-shell) .lh-about-banner-copy p { color:#ffffffb3; max-width:712px; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page,.lh-news-shell) .lh-about-breadcrumb { color:#ffffffb3; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page,.lh-news-shell) .lh-about-breadcrumb a::after { content:''; display:inline-block; width:10px; height:10px; margin-inline:10px; background:url('../images/about/breadcrumb.svg') center/contain no-repeat; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page,.lh-news-shell) .lh-about-breadcrumb strong { font-weight:500; color:#fff; }
:is(.lh-distributors,.lh-contact-page,.lh-news-shell) .lh-about-banner-content { text-align:center; align-items:center; }
:is(.lh-distributors,.lh-contact-page,.lh-news-shell) .lh-about-banner-copy { width:100%; max-width:none; align-items:center; gap:20px; }
:is(.lh-distributors,.lh-contact-page,.lh-news-shell) .lh-about-banner h1 { line-height:var(--lh-heading-line-height); letter-spacing:0; }
:is(.lh-distributors,.lh-contact-page,.lh-news-shell) .lh-about-banner-copy p { color:#fff; }
.lh-about .lh-about-vision-card { padding:50px 50px 60px; border-radius:6.6px; overflow:hidden; position:relative; background:radial-gradient(ellipse at 24% 0,rgba(0,174,255,.16),transparent 65%),linear-gradient(90deg,#052641,#0a1442); color:#ffffffd1; display:flex; flex-direction:column; gap:30px; }
.lh-about .lh-about-vision-card::after { content:''; position:absolute; width:160px; height:160px; background:#ffffff0f; border-radius:50%; top:-80px; right:-40px; pointer-events:none; }
.lh-about .lh-about-vision-card h3 { color:#fff;  font-weight:700; }
.lh-about .lh-about-vision-card .lh-heading::after { width:70px; }
.lh-about .lh-about-value { padding:32px; border-top:4px solid var(--lh-red); background:#fff; border-radius:6.6px; display:flex; flex-direction:column; gap:20px; }
.lh-about .lh-about-number { color:var(--lh-red);  font-weight:700; }
.lh-about .lh-about-value-title { display:flex; flex-direction:column; gap:8px; }
.lh-about .lh-about-value h3 {  font-weight:700; }
.lh-about .lh-about-value-title p { color:var(--lh-ink); font-weight:700; }
.lh-about .lh-about-capacity-copy { display:flex; flex-direction:column; gap:16px;  line-height:29.25px; }

/* About refresh based on the supplied corporate reference; content remains Gutenberg-owned. */
.lh-about-tribeco { background:#f7f8fb; }
.lh-about-tribeco .lh-eyebrow {
 color:var(--lh-red);
 
 font-weight:700;
 line-height:1.4;
 letter-spacing:0;
 text-transform:uppercase;
}
.lh-about-tribeco .lh-heading { letter-spacing:0; }
.lh-about-tribeco .lh-heading::after { margin-top:14px; width:84px; }
.lh-about-tribeco .lh-about-story-copy,
.lh-about-tribeco .lh-about-values-heading,
.lh-about-tribeco .lh-about-capacity-copy {
 display:flex;
 flex-direction:column;
 gap:18px;
}
.lh-about-tribeco .lh-about-highlight {
 border:0;
 background:#fff;
 box-shadow:0 8px 24px #0b16440a;
}
.lh-about-tribeco .lh-about-highlight h3 { color:var(--lh-navy);  }
.lh-about-tribeco .lh-about-vision-card {
 background:#fff;
 color:var(--lh-gray);
 box-shadow:0 10px 28px #0b16440a;
}
.lh-about-tribeco .lh-about-vision-card h3 { color:var(--lh-navy); }
.lh-about-tribeco .lh-about-vision-card::after { display:none; }
.lh-about-tribeco .lh-about-value {
 border-top:0;
 border-left:3px solid var(--lh-red);
 box-shadow:0 10px 28px #00000014;
}
/* The current About composition shares Home's palette in both render environments. */
.lh-about-reference { --lh-core-accent:var(--lh-navy); background:var(--lh-bg); }
.lh-home.lh-about-reference .lh-certificates { background:#fff; }
.lh-home.lh-about-reference .lh-certificates,
.lh-home.lh-about-reference .lh-certificates :is(h2,h3) { line-height:1.3; }
.lh-about-reference .lh-certificates .lh-heading::after { width:100px; margin-top:10px; }
.lh-about-reference :is(.lh-ref-overview,.lh-ref-core-values) { background:var(--lh-bg); }
/* Keep stacked Vietnamese accents inside the core section's clipping boundary. */
.lh-home.lh-about-reference .lh-ref-core-values .lh-heading { line-height:1.6; }
.lh-about-reference .lh-ref-hero { background:var(--lh-navy); }
.lh-about-reference .lh-ref-overview-panel {
 position:relative;
 isolation:isolate;
 overflow:hidden;
 background:var(--lh-navy);
 padding:40px 48px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 gap:24px;
}
.lh-about-reference .lh-ref-overview-panel::before,
.lh-about-reference .lh-ref-overview-panel::after {
 content:'';
 position:absolute;
 z-index:-1;
 width:56px;
 height:170px;
 border-radius:12px;
 background:#ffffff0a;
 transform:skew(-24deg);
 pointer-events:none;
}
.lh-about-reference .lh-ref-overview-panel::before { top:-30px; right:44px; }
.lh-about-reference .lh-ref-overview-panel::after { bottom:-30px; left:0; }
.lh-home.lh-about-reference .lh-ref-overview-panel h1 {  line-height:var(--lh-heading-line-height); text-transform:uppercase; }
.lh-about-reference .lh-ref-overview-panel,
.lh-about-reference .lh-ref-overview-panel :is(h1,p) { color:#fff; }
.lh-about-reference :is(.lh-ref-card h3,.lh-ref-awards .lh-heading,.lh-ref-award-caption) { color:var(--lh-navy); }
.lh-about-reference :is(.lh-ref-card p,.lh-ref-awards-copy,.lh-core-center,.lh-core-center p,.lh-core-item p) { color:var(--lh-gray); }
.lh-about-reference .lh-ref-breadcrumb-card .lh-about-breadcrumb a { color:var(--lh-red); }
.lh-about-reference .lh-ref-overview-actions .wp-block-button__link { background:var(--lh-red); border:1px solid var(--lh-red); color:#fff; min-height:50px; padding:12px 24px; border-radius:999px; font-size:16px; font-weight:700; }
.lh-about-reference .lh-ref-overview-actions .wp-block-button__link::after { content:''; width:20px; height:20px; background:url('../images/icons/button-arrow-white.svg') center/18px no-repeat; filter:none; }
.lh-about-reference .lh-ref-card { min-width:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.lh-about-reference .lh-ref-card h3 { margin:0 0 12px; text-align:left;  font-weight:700; }
.lh-about-reference .lh-ref-card-icon {
 display:grid;
 place-items:center;
 width:88px;
 height:88px;
 margin:0 0 20px;
 border:7px solid #fff;
 border-radius:50%;
 background:var(--lh-navy);
 box-shadow:none;
}
.lh-about-reference .lh-ref-card-development .lh-ref-card-icon { margin:0; }
.lh-about-reference .lh-ref-card-icon img {
 display:block;
 width:52px;
 height:52px;
 object-fit:contain;
 filter:brightness(0) invert(1);
}
.lh-about-reference .lh-core-bubble.is-current { background:var(--lh-red); color:#fff; }
.lh-home.lh-about-reference .lh-contact { background:var(--lh-navy); }

.lh-about-reference .lh-about-development { background:#fff; }
.lh-about-reference .lh-development-heading { display:grid; gap:14px; text-align:center; }
.lh-home.lh-about-reference .lh-development-heading .lh-heading {  line-height:var(--lh-heading-line-height); }
.lh-about-reference .lh-development-heading .lh-heading::after { margin-inline:auto; }
.lh-about-reference .lh-development-milestone { min-width:0; border:0; background:transparent; }
.lh-home.lh-about-reference .lh-development-icon { position:relative; display:grid; place-items:center; width:64px; height:64px; margin:0 0 8px; padding:14px; border:1px solid #faeeee; border-radius:50%; background:#fff7f7; box-shadow:0 3px 10px #0b164412; }
.lh-home.lh-about-reference .lh-development-icon img { width:32px; height:32px; object-fit:contain; }
.lh-home.lh-about-reference .lh-development-year { color:var(--lh-navy);  font-weight:700; line-height:1.3; }
.lh-home.lh-about-reference .lh-development-milestone .lh-development-title { color:var(--lh-navy); font-weight:700; }

.lh-about-reference .lh-people-photo { min-width:0; margin:0; background:var(--lh-bg); border-radius:16px; }
.lh-about-reference .lh-people-photo img { border-radius:16px; object-fit:cover; }
.lh-about-reference .lh-people-team img { object-position:center bottom; }
.lh-about-reference .lh-people-event img { object-position:center 65%; }