.page-hero{height:500px;position:relative;display:flex;align-items:center;overflow:hidden;background:#0a2540}
.page-hero-bg{position:absolute;inset:0;background:url('../images/banner/banner-1.jpg') center 42%/cover no-repeat;transform:scale(1.03)}
.page-hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,42,.9),rgba(10,37,64,.64) 52%,rgba(10,37,64,.25))}
.page-hero-content{position:relative;color:#fff;padding-top:65px}.page-hero-content>p{font-size:13px;font-weight:800;letter-spacing:6px;color:#9fd0ff;margin-bottom:10px}.page-hero-content h1{font-size:clamp(42px,6vw,68px);letter-spacing:6px;line-height:1.2}.crumb{display:flex;gap:11px;align-items:center;margin-top:22px;color:rgba(255,255,255,.65);font-size:14px}.crumb a:hover{color:#fff}.crumb strong{color:#fff}
.profile-section{background:#fff}.profile-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:76px;align-items:center}.profile-copy h2,.capability-title h2,.quality-copy h2{font-size:clamp(30px,3.5vw,44px);line-height:1.35;color:var(--navy);margin-bottom:24px}.profile-copy>p:not(.section-kicker){color:var(--muted);text-align:justify;margin-bottom:15px}.profile-visual{position:relative;padding:0 0 42px 36px}.factory-frame{border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.factory-frame img{width:100%;height:460px;object-fit:cover}.since-card{position:absolute;left:0;bottom:0;padding:20px 30px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:16px;box-shadow:0 18px 45px rgba(10,37,64,.26);display:flex;flex-direction:column}.since-card small{letter-spacing:3px;color:#9fd0ff}.since-card strong{font-size:52px;line-height:1.05}.since-card span{font-size:13px;color:rgba(255,255,255,.72)}
.fact-band{background:linear-gradient(120deg,var(--navy),var(--blue));padding:40px 0}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr)}.fact{text-align:center;color:#fff;border-right:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column}.fact:last-child{border:0}.fact strong{font:900 42px/1.1 Arial,sans-serif}.fact em{font-style:normal;font-size:18px;margin-left:3px}.fact>span{color:rgba(255,255,255,.68);font-size:14px;margin-top:8px}
.values-section{background:var(--bg)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.value-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;overflow:hidden;transition:.35s;box-shadow:var(--shadow-sm)}.value-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#b7d7f8}.value-card>span{position:absolute;right:20px;top:10px;font:900 54px/1 Arial;color:#edf3fa}.value-card i{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;font-style:normal;font-size:23px;font-weight:800;margin-bottom:18px}.value-card h3{color:var(--navy);font-size:20px;margin-bottom:8px}.value-card p{color:var(--muted);font-size:14px}
.capability-section{background:#fff}.capability-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:center}.capability-title>p:not(.section-kicker){color:var(--muted);margin-bottom:28px}.process-list{display:grid;gap:12px}.process-list li{display:flex;gap:20px;align-items:center;border:1px solid var(--line);padding:17px 22px;border-radius:13px;background:#fff;transition:.3s}.process-list li:hover{border-color:var(--sky);transform:translateX(7px);box-shadow:var(--shadow-sm)}.process-list b{color:var(--accent);font-size:19px;letter-spacing:1px}.process-list h3{font-size:18px;color:var(--navy)}.process-list p{font-size:14px;color:var(--muted)}
.quality-section{background:#eef4fb}.quality-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:72px;align-items:center}.quality-copy>p:not(.section-kicker){color:var(--muted);margin-bottom:22px}.quality-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quality-copy li{position:relative;padding-left:22px;font-weight:600;color:var(--text)}.quality-copy li::before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:900}.quality-panel{background:linear-gradient(145deg,var(--navy),#155baa);color:#fff;border-radius:22px;padding:46px;box-shadow:0 22px 55px rgba(10,37,64,.24)}.iso-mark{display:inline-flex;align-items:flex-end;gap:10px;font:900 58px/1 Arial;color:#fff;border-bottom:3px solid var(--accent);padding-bottom:10px}.iso-mark small{font-size:18px;margin-bottom:6px}.quality-panel blockquote{font-size:29px;line-height:1.55;margin:30px 0 18px;color:rgba(255,255,255,.72)}.quality-panel blockquote strong{color:#fff;font-size:39px}.quality-panel p{font-size:14px;color:rgba(255,255,255,.7)}
.honors-section{background:#fff}.honors-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:980px;margin:auto}.honor-card{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:18px;text-align:left;box-shadow:var(--shadow-sm);transition:.35s}.honor-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.honor-card>span{display:block;height:320px;border-radius:12px;overflow:hidden;background:#dfe7f0}.honor-card img{width:100%;height:100%;object-fit:cover}.honor-card strong{display:block;color:var(--navy);font-size:20px;margin:15px 5px 2px}.honor-card small{color:var(--muted);margin-left:5px}.honor-lightbox{position:fixed;inset:0;background:rgba(3,13,28,.94);z-index:2100;display:flex;align-items:center;justify-content:center;padding:50px;opacity:0;visibility:hidden;transition:.3s}.honor-lightbox.open{opacity:1;visibility:visible}.honor-lightbox img{max-width:90vw;max-height:82vh;border-radius:10px}.honor-lightbox h3{text-align:center;color:#fff;margin-top:12px}.honor-close{position:absolute;right:25px;top:18px;color:#fff;font-size:44px}.modal-open{overflow:hidden}
@media(max-width:900px){.page-hero{height:410px}.profile-grid,.capability-grid,.quality-grid{grid-template-columns:1fr;gap:44px}.fact-grid{grid-template-columns:1fr 1fr;row-gap:30px}.fact:nth-child(2){border-right:0}.value-grid{grid-template-columns:1fr 1fr}.profile-visual{padding-left:24px}.factory-frame img{height:390px}}
@media(max-width:600px){.page-hero{height:360px}.page-hero-content h1{font-size:40px}.profile-section,.values-section,.capability-section,.quality-section{padding:68px 0}.value-grid,.honors-grid{grid-template-columns:1fr}.honor-card>span{height:260px}.fact strong{font-size:32px}.fact{padding:5px}.factory-frame img{height:300px}.since-card{padding:16px 22px}.since-card strong{font-size:42px}.quality-copy ul{grid-template-columns:1fr}.quality-panel{padding:32px 26px}.iso-mark{font-size:46px}.honor-lightbox{padding:18px}}
