.about-page { color: #082b56; background: #fff; }
.about-hero { position: relative; min-height: 620px; display: flex; align-items: end; overflow: hidden; background: #082b56; }
.about-hero__image, .about-hero__overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.about-hero__image { object-fit: cover; object-position: center; }
.about-hero__overlay { background: linear-gradient(90deg, rgba(3,24,52,.94) 0%, rgba(3,24,52,.7) 47%, rgba(3,24,52,.18) 100%); }
.about-hero__content { position: relative; z-index: 1; max-width: 760px; padding-top: 100px; padding-bottom: 84px; color: #fff; }
.about-hero h1 { max-width: 690px; margin: 12px 0 24px; color: #fff; font-size: clamp(2.9rem, 5.5vw, 5.3rem); line-height: .97; letter-spacing: -.05em; }
.about-hero p:not(.eyebrow) { max-width: 600px; margin: 0; font-size: 1.08rem; line-height: 1.65; color: rgba(255,255,255,.9); }
.about-hero__actions { display: flex; align-items: center; gap: 26px; margin-top: 32px; }
.about-subnav { border-bottom: 1px solid #d6e0eb; background: #fff; }
.about-subnav .container { display: flex; gap: 0; overflow-x: auto; }
.about-subnav a { flex: 1 0 auto; padding: 21px 20px; border-left: 1px solid #d6e0eb; color: #113964; font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-align: center; text-transform: uppercase; }
.about-subnav a:last-child { border-right: 1px solid #d6e0eb; }
.about-subnav a:hover { color: #0c70d5; background: #f1f7fc; }
.about-profile { padding-bottom: 34px; }
.about-profile__grid, .about-quality__grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(40px, 8vw, 140px); align-items: start; }
.about-profile h2, .about-quality h2, .about-support h2 { margin: 10px 0 0; font-size: clamp(2.2rem, 3.6vw, 4rem); line-height: 1.05; letter-spacing: -.045em; }
.about-profile__copy p, .about-quality p { margin: 0 0 18px; color: #456283; line-height: 1.8; }
.about-facts { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 65px; border-top: 1px solid #c9d7e7; border-left: 1px solid #c9d7e7; }
.about-facts div { min-height: 145px; padding: 24px; border-right: 1px solid #c9d7e7; border-bottom: 1px solid #c9d7e7; }
.about-facts strong { display: block; margin-bottom: 21px; color: #0b73d9; font-size: .76rem; letter-spacing: .12em; }
.about-facts span { display: block; max-width: 140px; font-size: 1.06rem; font-weight: 700; line-height: 1.35; }
.about-process, .about-support { padding: 100px 0; background: #062950; color: #fff; }
.about-process .section-heading h2, .about-support h2 { color: #fff; }
.about-process .section-heading > p, .about-support p:not(.eyebrow) { color: #c7d7e9; line-height: 1.7; }
.about-process__grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 55px; border-top: 1px solid rgba(255,255,255,.25); border-left: 1px solid rgba(255,255,255,.25); }
.about-process__grid article { min-height: 220px; padding: 25px; border-right: 1px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(255,255,255,.25); }
.about-process__grid span { color: #70baf5; font-size: .75rem; font-weight: 800; letter-spacing: .11em; }
.about-process__grid h3 { margin: 40px 0 12px; color: #fff; font-size: 1.32rem; }
.about-process__grid p { margin: 0; color: #c7d7e9; font-size: .94rem; line-height: 1.55; }
.about-manufacturing__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 48px; }
.about-image { position: relative; min-height: 285px; margin: 0; overflow: hidden; background: #eaf1f8; }
.about-image--wide { grid-column: span 2; }
.about-image img { width: 100%; height: 100%; min-height: 285px; object-fit: cover; transition: transform .35s ease; }
.about-image:hover img { transform: scale(1.035); }
.about-image figcaption { position: absolute; inset: auto 0 0; padding: 50px 25px 23px; color: #fff; background: linear-gradient(transparent, rgba(2,24,49,.9)); }
.about-image figcaption span { display: block; margin-bottom: 7px; color: #8cc8f6; font-size: .64rem; font-weight: 800; letter-spacing: .13em; }
.about-image figcaption strong { font-size: 1.06rem; line-height: 1.2; }
.about-quality { background: #f1f6fa; }
.about-quality figure { min-height: 450px; margin: 0; background: #d7e2ed; }
.about-quality figure img { width: 100%; height: 100%; min-height: 450px; object-fit: cover; }
.about-quality ul { margin: 29px 0; padding: 0; list-style: none; }
.about-quality li { position: relative; margin: 11px 0; padding-left: 22px; color: #264d77; line-height: 1.45; }
.about-quality li::before { position: absolute; left: 0; content: '•'; color: #0b73d9; font-weight: 900; }
.about-support__inner { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); gap: 60px; align-items: center; }
.about-support h2 { max-width: 670px; }
.about-support__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.button--outline-light { border-color: rgba(255,255,255,.7); color: #fff; background: transparent; }
.button--outline-light:hover { color: #082b56; border-color: #fff; background: #fff; }
.about-support__catalog { color: #b7dcfb; font-size: .88rem; font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 900px) { .about-hero { min-height: 540px; } .about-profile__grid, .about-quality__grid, .about-support__inner { grid-template-columns: 1fr; } .about-facts, .about-process__grid { grid-template-columns: repeat(2, 1fr); } .about-manufacturing__grid { grid-template-columns: repeat(2, 1fr); } .about-image--wide { grid-column: span 1; } .about-quality figure, .about-quality figure img { min-height: 340px; } }
@media (max-width: 600px) { .about-hero { min-height: 550px; align-items: center; } .about-hero__overlay { background: rgba(3,24,52,.8); } .about-hero__content { padding-top: 100px; padding-bottom: 70px; } .about-hero__actions { align-items: flex-start; flex-direction: column; gap: 18px; } .about-subnav .container { padding: 0; } .about-subnav a { padding: 16px 14px; font-size: .63rem; } .about-facts, .about-process__grid, .about-manufacturing__grid { grid-template-columns: 1fr; } .about-facts { margin-top: 42px; } .about-facts div, .about-process__grid article { min-height: auto; } .about-process, .about-support { padding: 70px 0; } .about-image, .about-image img { min-height: 250px; } }