.breadcrumb { display:flex; align-items:center; gap:10px; min-height:66px; color:var(--color-muted); font-size:.82rem; }
.breadcrumb a { color:var(--color-primary); font-weight:800; }
.about-hero { overflow:hidden; padding:76px 0; color:#fff; background:linear-gradient(120deg,#0a442b,#146c43 58%,#1d8055); }
.about-hero__grid,.engineering-section__grid,.materials-section__grid,.testing-section__grid,.development-section__grid,.about-inquiry__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(44px,7vw,104px); align-items:center; }
.about-hero .eyebrow,.testing-section .eyebrow { color:#cce7d5; }
.about-hero h1 { max-width:650px; margin-bottom:22px; }
.about-hero__lead { max-width:590px; margin-bottom:28px; color:#e4f1e8; font-size:clamp(1.05rem,1.6vw,1.28rem); }
.about-hero__facts { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:34px; }
.about-hero__facts span { padding:7px 11px; border:1px solid rgba(255,255,255,.3); border-radius:999px; color:#f0f7f2; font-size:.74rem; font-weight:750; }
.about-hero__image,.company-section__image,.engineering-section__image,.materials-section__image,.assembly-section figure,.development-section figure { margin:0; overflow:hidden; border-radius:var(--radius-large); }
.about-hero__image { position:relative; min-height:440px; box-shadow:28px 28px 0 rgba(255,255,255,.09); }
.about-hero__image::after { position:absolute; inset:0; content:""; background:linear-gradient(180deg,transparent 50%,rgba(7,42,25,.83)); }
.about-hero__image img { height:440px; object-fit:cover; }
.about-hero__image figcaption,.engineering-section__image figcaption { position:absolute; z-index:1; right:22px; bottom:18px; left:22px; color:#fff; font-size:.8rem; font-weight:700; }
.company-section__layout { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(44px,9vw,120px); align-items:center; }
.company-section__image img { height:490px; object-fit:cover; }
.company-section__copy > p:not(.eyebrow),.engineering-section__copy > p:not(.eyebrow),.materials-section__grid > div > p:not(.eyebrow),.development-section__grid > div > p:not(.eyebrow) { max-width:640px; color:var(--color-muted); font-size:1.02rem; }
.company-section__copy h2,.engineering-section h2,.materials-section h2,.development-section h2 { margin-bottom:24px; }
.company-section__notes { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:30px; }
.company-section__notes article { padding:20px; border-radius:var(--radius-medium); background:var(--color-soft); }
.company-section__notes span { color:var(--color-primary); font-size:.74rem; font-weight:800; letter-spacing:.12em; }
.company-section__notes h3 { margin:11px 0 8px; font-size:1.04rem; }
.company-section__notes p { margin:0; color:var(--color-muted); font-size:.86rem; }
.engineering-section { background:var(--color-soft); }
.engineering-section__image { position:relative; min-height:430px; }
.engineering-section__image::after { position:absolute; inset:0; content:""; background:linear-gradient(180deg,transparent 55%,rgba(7,42,25,.78)); }
.engineering-section__image img { height:430px; object-fit:cover; }
.technical-list { display:grid; gap:10px; margin:28px 0 0; padding:0; list-style:none; }
.technical-list li { padding:12px 14px; border-left:3px solid var(--color-primary); background:#fff; color:var(--color-muted); font-size:.9rem; }
.technical-list strong { color:var(--color-text); }
.materials-section__grid { grid-template-columns:.9fr 1.1fr; }
.materials-section__image img { height:420px; object-fit:cover; }
.material-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }
.material-grid article { padding:18px; border-top:3px solid var(--color-primary); border-radius:0 0 var(--radius-medium) var(--radius-medium); background:var(--color-soft); }
.material-grid h3 { margin-bottom:10px; font-size:1rem; }
.material-grid p { margin:0; color:var(--color-muted); font-size:.86rem; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:38px; }
.section-heading h2 { max-width:690px; margin:0; }
.section-heading > p { max-width:410px; margin:0; color:var(--color-muted); }
.assembly-section__grid { grid-template-columns:.8fr 1.2fr; gap:22px; }
.assembly-section figure img { height:570px; object-fit:cover; }
.process-list { display:grid; gap:1px; margin:0; padding:0; list-style:none; background:var(--color-line); }
.process-list li { display:grid; grid-template-columns:58px 1fr; gap:16px; padding:23px; background:#fff; }
.process-list span { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; color:#fff; background:var(--color-primary); font-size:.72rem; font-weight:800; }
.process-list h3 { margin-bottom:8px; font-size:1.08rem; }
.process-list p { margin:0; color:var(--color-muted); font-size:.9rem; }
.testing-section { color:#fff; background:var(--color-text); }
.testing-section h2 { max-width:600px; margin-bottom:22px; }
.testing-section p:not(.eyebrow) { max-width:535px; color:#d3dce1; }
.text-link--light { color:#fff; }
.testing-cards { display:grid; gap:12px; }
.testing-cards article { padding:24px; border:1px solid rgba(255,255,255,.16); border-radius:var(--radius-medium); background:rgba(255,255,255,.04); }
.testing-cards strong { display:block; margin-bottom:10px; color:#a9e0b9; font-size:2.3rem; line-height:1; }
.testing-cards h3 { margin-bottom:7px; color:#fff; font-size:1.05rem; }
.testing-cards p { margin:0; color:#cbd6dc; font-size:.87rem; }
.development-section { background:linear-gradient(110deg,#fff 0%,#f1f7f3 100%); }
.development-section figure img { height:440px; object-fit:cover; }
.about-inquiry { color:#fff; background:linear-gradient(100deg,#0e4e31,#146c43); }
.about-inquiry h2 { margin-bottom:20px; }
.about-inquiry__grid > div > p:not(.eyebrow) { max-width:520px; color:#dcece2; }
.about-inquiry__grid img { width:min(360px,100%); height:188px; margin-top:26px; border-radius:var(--radius-medium); object-fit:cover; }
.about-inquiry__form { display:grid; gap:15px; padding:30px; border-radius:var(--radius-large); color:var(--color-text); background:#fff; box-shadow:var(--shadow); }
.about-inquiry__form label { display:grid; gap:7px; font-size:.78rem; font-weight:800; }
.about-inquiry__form input,.about-inquiry__form textarea { width:100%; padding:11px 12px; border:1px solid var(--color-line); border-radius:10px; color:var(--color-text); background:#fff; resize:vertical; }
.about-inquiry__form .button { justify-self:start; }
@media (max-width:920px) { .about-hero__grid,.company-section__layout,.engineering-section__grid,.materials-section__grid,.testing-section__grid,.development-section__grid,.about-inquiry__grid,.assembly-section__grid { grid-template-columns:1fr; } .about-hero__image { max-width:650px; } .company-section__image img,.engineering-section__image img,.materials-section__image img,.assembly-section figure img,.development-section figure img { height:390px; } .testing-cards { grid-template-columns:repeat(3,1fr); } }
@media (max-width:680px) { .about-hero { padding:54px 0; } .about-hero__image,.about-hero__image img { min-height:330px; height:330px; } .company-section__notes,.material-grid,.testing-cards { grid-template-columns:1fr; } .section-heading { display:block; } .section-heading > p { margin-top:18px; } .assembly-section figure img { height:320px; } .process-list li { padding:19px; } .company-section__image img,.engineering-section__image img,.materials-section__image img,.development-section figure img { height:320px; } }