.page-hero { padding:76px 0 72px; color:#fff; background:var(--navy); }
.page-hero .shell { display:grid; grid-template-columns:1.16fr .84fr; gap:64px; align-items:center; }
.page-hero h1 { max-width:none; margin:0; font-size:clamp(34px, 3vw, 40px); line-height:1.1; letter-spacing:0; white-space:nowrap; }
.page-hero p { max-width:570px; margin:24px 0 0; color:#c8d7d8; font-size:17px; line-height:1.65; }
.page-hero-image { width:100%; min-height:350px; max-height:450px; object-fit:cover; object-position:center; border:1px solid rgba(205,228,227,.28); }
.hero-facts { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.hero-facts span { padding:9px 11px; color:#d5e9e8; border:1px solid rgba(205,228,227,.25); font-size:11px; font-weight:700; letter-spacing:.04em; }
.hero-facts span b { color:#7ed5d0; }
.page-hero--quality .hero-facts span { border-color:rgba(126,213,208,.38); }
.page-hero--manufacturing .hero-facts span { color:#fff; background:rgba(255,255,255,.04); }
.page-hero--contact .hero-facts { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); max-width:580px; }
.page-hero--contact .hero-facts span { min-height:63px; display:flex; align-items:center; }
.page-section { padding:92px 0; }
.page-section.mist { background:var(--mist); }
.page-section h2 { margin:0; color:var(--navy); font-size:clamp(32px, 4vw, 52px); line-height:1.05; letter-spacing:0; }
.page-section > .shell > p { max-width:660px; margin:20px 0 0; color:var(--muted); font-size:16px; line-height:1.65; }
.split-content { display:grid; grid-template-columns:1fr 1fr; gap:76px; align-items:center; }
.split-content img { width:100%; min-height:440px; display:block; object-fit:cover; }
.split-copy > p { margin:22px 0 30px; color:var(--muted); font-size:16px; line-height:1.65; }
.detail-list { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.detail-list li { display:grid; grid-template-columns:42px 1fr; gap:14px; padding:17px 0; border-bottom:1px solid var(--line); color:#31454a; font-size:14px; line-height:1.5; }
.detail-list b { color:var(--red); }
.capability-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:0; margin-top:44px; border-top:1px solid var(--line); }
.capability { min-height:220px; padding:28px 30px 24px 0; border-right:1px solid var(--line); }
.capability:not(:first-child) { padding-left:30px; }
.capability:last-child { border-right:0; }
.capability span { color:var(--red); font-size:11px; font-weight:800; letter-spacing:.09em; }
.capability h3 { margin:31px 0 9px; color:var(--navy); font-size:22px; line-height:1.1; }
.capability p { margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.process-list { display:grid; grid-template-columns:repeat(4, 1fr); margin-top:46px; border-top:1px solid rgba(204,225,224,.36); }
.process-list article { min-height:190px; padding:25px 28px 8px 0; border-right:1px solid rgba(204,225,224,.36); }
.process-list article:not(:first-child) { padding-left:27px; }
.process-list article:last-child { border-right:0; }
.process-list b { color:#75d2cf; font-size:12px; letter-spacing:.08em; }
.process-list h3 { margin:33px 0 9px; font-size:20px; line-height:1.1; }
.process-list p { margin:0; color:#c3d1d2; font-size:13px; line-height:1.55; }
.contact-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:90px; align-items:start; }
.contact-layout > div > p { margin:22px 0 0; color:var(--muted); font-size:16px; line-height:1.65; }
.quote-form { display:grid; grid-template-columns:1fr 1fr; gap:19px; }
.quote-form label { display:grid; gap:8px; color:#31454a; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.quote-form input, .quote-form select, .quote-form textarea { width:100%; min-height:49px; padding:12px; color:var(--ink); border:1px solid var(--line); border-radius:0; background:#fff; outline-color:var(--blue); font-size:14px; font-weight:400; text-transform:none; letter-spacing:0; }
.quote-form textarea { min-height:116px; resize:vertical; }
.quote-form .wide { grid-column:1 / -1; }
.quote-form .button { justify-self:start; }
.form-status { display:none; grid-column:1 / -1; margin:0; color:#12665f; font-size:14px; }
@media (max-width:1050px) { .page-hero .shell, .split-content, .contact-layout { grid-template-columns:1fr; gap:42px; } .capability-grid { grid-template-columns:1fr; } .capability, .capability:not(:first-child) { min-height:0; padding:25px 0; border-right:0; border-bottom:1px solid var(--line); } .capability:last-child { border-bottom:0; } .process-list { grid-template-columns:1fr 1fr; } .process-list article:nth-child(2) { border-right:0; } .process-list article:nth-child(n+3) { border-top:1px solid rgba(204,225,224,.36); } }
@media (max-width:760px) { .page-hero { padding:58px 0; } .page-hero h1 { font-size:43px; white-space:normal; } .hero-facts, .page-hero--contact .hero-facts { grid-template-columns:1fr; } .page-section { padding:66px 0; } .page-hero-image, .split-content img { min-height:300px; } .process-list { grid-template-columns:1fr; } .process-list article, .process-list article:not(:first-child) { min-height:0; padding:23px 0; border-right:0; border-bottom:1px solid rgba(204,225,224,.36); } .process-list article:last-child { border-bottom:0; } .quote-form { grid-template-columns:1fr; } .quote-form .wide { grid-column:auto; } }