/* About production layout. Global shell and reusable cards use home.css. */
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page) .lh-about-banner { position:relative; padding-block:90px; min-height:411px; overflow:hidden; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page) .lh-about-banner > figure { position:absolute; inset:0; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page) .lh-about-banner > figure img { width:100%; height:100%; object-fit:cover; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page) .lh-about-banner::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,22,68,.94) 21.608%,rgba(10,35,98,.564) 48.018%),rgba(5,38,65,.2); pointer-events:none; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page) .lh-about-banner::before { content:''; position:absolute; z-index:1; left:-155px; top:calc(50% - 212px); width:686px; height:453px; background:url('../images/about/banner-mark.png') center/contain no-repeat; opacity:.05; pointer-events:none; }
:is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page) .lh-about-banner-content { position:relative; z-index:2; display:flex; flex-direction:column; gap:20px; }
.lh-about .lh-about-intro { padding-bottom:40px; position:relative; }
.lh-about .lh-about-intro::before { content:''; position:absolute; width:min(667px,80%); height:426px; left:50%; top:50%; transform:translate(-50%,-50%); background:url('../images/home/logo1.webp') center/141.26% 212.41% no-repeat; opacity:.05; pointer-events:none; }
.lh-about .lh-about-article { position:relative; }
.lh-about .lh-about-team { height:567px; position:relative; }
.lh-about .lh-about-team img { width:100%; height:100%; object-fit:fill; object-position:bottom; }
.lh-about .lh-about-team::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 44.712%,rgba(13,34,51,.6)); pointer-events:none; }
.lh-about .lh-about-purpose { padding-block:100px; }
.lh-about .lh-about-purpose > .lh-container { gap:80px; }
.lh-about .lh-about-purpose-header { gap:12px; }
.lh-about .lh-about-vision { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
.lh-about .lh-about-values { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
.lh-about .lh-about-value { min-height:346px; }
.lh-about .lh-about-capacity-top { display:grid; grid-template-columns:400px minmax(0,1fr); gap:30px; }
.lh-about .lh-about-capacity-top h2 { padding-block:40px; line-height:48px; }
.lh-about .lh-metric { min-height:203px; }
.lh-about .lh-certificates .lh-actions:empty { display:none; }
.lh-about .lh-contact { padding-block:40px; background:radial-gradient(ellipse at 22% 0,rgba(0,174,255,.15),transparent 65%),linear-gradient(90deg,#052641,#0a1442); }
.lh-about .lh-contact-panel { background:transparent; border-radius:26px; }
.lh-about .lh-contact-panel > figure { padding:0; min-height:281px; position:relative; overflow:hidden; border-radius:16px; }
.lh-about .lh-contact-panel > figure img { width:131.06%; max-width:none; height:100%; position:absolute; left:-6.26%; object-fit:cover; border-radius:0; }
.lh-about .lh-contact-panel > .lh-copy { padding:30px 50px 30px 30px; gap:24px; }
@media (max-width:1100px) {
 .lh-about .lh-about-values { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .lh-about .lh-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .lh-about .lh-certificates-grid > * { flex-basis:calc((100% - 30px)/2); }
 .lh-about .lh-about-capacity-top { grid-template-columns:1fr 1.7fr; }
 .lh-about .lh-about-vision-card { padding:35px; }
 .lh-about .lh-about-team { height:auto; aspect-ratio:1440/567; }
}
@media (max-width:900px) {
 .lh-about .lh-about-capacity-top { grid-template-columns:1fr; }
 .lh-about .lh-about-capacity-top h2 { padding:0; }
}
@media (max-width:767px) {
 .lh-about h1,.lh-about h2 { font-family:'Be Vietnam Pro',sans-serif; }
 :is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page) .lh-about-banner { padding-block:60px; }
 :is(.lh-about,.lh-catalog,.lh-quality,.lh-distributors,.lh-contact-page) .lh-about-banner-copy { gap:24px; }
 .lh-about .lh-about-vision,.lh-about .lh-about-values,.lh-about .lh-about-capacity-top,.lh-about .lh-about-highlights { grid-template-columns:1fr; }
 .lh-about .lh-metrics { grid-template-columns:1fr; }
 .lh-about .lh-certificates-grid > * { flex-basis:calc(100% - 40px); }
 .lh-about .lh-about-highlight + .lh-about-highlight { border-left:0; border-top:0; }
 .lh-about .lh-about-purpose { padding-block:50px; }
 .lh-about .lh-about-purpose > .lh-container { gap:50px; }
 .lh-about .lh-about-value { min-height:0; }
 .lh-about .lh-about-capacity-top h2 { padding:0; line-height:1.3; }
 .lh-about .lh-contact-panel > figure { min-height:0; aspect-ratio:405/281; }
 .lh-about .lh-contact-panel > .lh-copy { padding:30px 20px; }
}