/* About Mingan: scoped company profile layout. */
.about-page { --about-space:clamp(48px,6vw,88px); }
.about-page h1,.about-page h2,.about-page h3 { color:var(--brand-ink); text-wrap:balance; }
.about-page h2 { font-size:clamp(27px,3vw,39px); line-height:1.35; margin:12px 0 24px; }
.about-page h3 { font-size:20px; line-height:1.45; margin:0 0 12px; }
.about-page p { line-height:1.85; }
.about-page .eyebrow { font-size:12px; letter-spacing:.13em; font-weight:700; color:var(--brand-primary); margin:0; }
.about-page a:focus-visible { outline:3px solid var(--brand-orange); outline-offset:4px; }
.about-hero { padding:42px 6vw 0; background:var(--brand-tint); }
.about-hero .crumb { margin:0 0 30px; }
.about-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.about-hero-copy { padding:18px 0 42px; }
.about-hero h1 { margin:18px 0 20px; font-size:clamp(42px,4.6vw,68px); line-height:1.1; font-weight:650; }
.about-hero .about-tagline { font-size:clamp(23px,2.3vw,33px); line-height:1.4; margin:0 0 22px; color:var(--brand-ink); font-weight:600; text-wrap:balance; }
.about-hero .about-intro { font-size:16px; margin:0; max-width:650px; }
.about-hero-image { width:100%; height:360px; object-fit:cover; object-position:center; display:block; }
.about-stats { margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:30px 6vw; background:var(--brand-primary); color:#fff; }
.about-stat { padding:0 32px; border-left:1px solid #ffffff40; }
.about-stat:first-child { padding-left:0; border:0; }
.about-stat dt { font-size:clamp(32px,3vw,46px); font-weight:600; line-height:1.2; }
.about-stat dd { margin:10px 0 0; font-size:14px; line-height:1.5; color:#fff; }
.about-stat small { font-size:.45em; }
.about-jump { display:flex; gap:12px 28px; flex-wrap:wrap; padding:22px 6vw; border-bottom:1px solid var(--brand-line); font-size:14px; font-weight:600; }
.about-jump a { color:var(--brand-primary); padding:5px 0; }
.about-jump a:hover { text-decoration:underline; text-underline-offset:5px; }
.about-section { padding:var(--about-space) 6vw; scroll-margin-top:120px; }
.about-overview { display:grid; grid-template-columns:.8fr 1.2fr; gap:6vw; }
.about-prose p { margin:0 0 20px; }
.about-entities { list-style:none; padding:20px 0 0; margin:26px 0 0; border-top:1px solid var(--brand-line); }
.about-entities li { padding:7px 0 7px 18px; border-left:3px solid var(--brand-orange); margin:10px 0; color:var(--brand-ink); font-size:14px; line-height:1.6; }
.about-manufacture { background:var(--brand-paper); }
.about-manufacture-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:5vw; align-items:start; }
.about-workshop { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
.about-capabilities { display:grid; grid-template-columns:1fr 1fr; gap:26px 28px; margin:30px 0 0; }
.about-capabilities article { border-top:1px solid var(--brand-line); padding-top:20px; }
.about-capabilities p { font-size:14px; margin:0; }
.about-heading { max-width:820px; margin-bottom:36px; }
.about-brand-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.about-brand { border:1px solid var(--brand-line); padding:28px; display:flex; flex-direction:column; align-items:flex-start; }
.about-brand .about-brand-logo { height:66px; width:190px; max-width:100%; object-fit:contain; object-position:left center; margin-bottom:28px; }
.about-brand h3 { font-size:22px; }
.about-brand .about-brand-range { font-size:15px; color:var(--brand-primary); font-weight:600; margin:0 0 12px; }
.about-brand p { font-size:14px; margin:0 0 20px; }
.about-brand a { margin-top:auto; color:var(--brand-primary); font-size:14px; font-weight:600; padding-top:10px; }
.about-products { margin-top:54px; }
.about-products>h3 { font-size:25px; margin-bottom:25px; }
.about-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.about-product { border-top:3px solid var(--brand-primary); padding:22px 0 0; }
.about-product h4 { font-size:19px; color:var(--brand-ink); margin:0 0 12px; line-height:1.45; }
.about-product p { font-size:14px; margin:0; }
.about-product:hover h4 { color:var(--brand-primary); text-decoration:underline; text-underline-offset:4px; }
.about-quality { background:var(--brand-tint); display:grid; grid-template-columns:.8fr 1.2fr; gap:6vw; }
.about-links { display:flex; flex-wrap:wrap; gap:16px 30px; margin-top:24px; }
.about-links a { color:var(--brand-primary); font-size:14px; font-weight:600; }
.about-service { display:grid; grid-template-columns:1.1fr .9fr; gap:5vw; align-items:center; }
.about-service figure { margin:0; }
.about-service img { width:100%; height:420px; object-fit:cover; display:block; }
.about-service figcaption { font-size:12px; color:var(--brand-muted); padding-top:12px; line-height:1.5; }
.about-steps { padding:0; margin:28px 0; list-style:none; counter-reset:about-steps; }
.about-steps li { counter-increment:about-steps; padding:12px 0; border-bottom:1px solid var(--brand-line); font-size:15px; line-height:1.6; }
.about-steps li::before { content:'0' counter(about-steps); color:var(--brand-primary); font-size:13px; font-weight:700; margin-right:18px; }
.about-vision { text-align:center; padding:64px 12vw; background:var(--brand-primary); }
.about-vision .eyebrow,.about-vision h2,.about-vision p { color:#fff; }
.about-vision h2 { font-size:clamp(28px,3.4vw,46px); line-height:1.45; max-width:1000px; margin:20px auto; }
.about-vision>p:last-child { max-width:850px; margin:0 auto; color:#eeedf9; }
.about-cta { display:flex; align-items:center; justify-content:space-between; gap:36px; background:var(--brand-paper); }
.about-cta>div:first-child { max-width:760px; }
.about-cta p { margin:0; }
.about-cta-actions { display:flex; flex-direction:column; gap:18px; align-items:flex-start; flex-shrink:0; }
.about-cta-actions>a:last-child { font-size:14px; color:var(--brand-primary); font-weight:600; }
@media(max-width:1050px) {
  .about-hero-grid { gap:30px; } .about-hero-image { height:330px; }
  .about-manufacture-grid { grid-template-columns:.8fr 1.2fr; gap:32px; }
  .about-capabilities { grid-template-columns:1fr; gap:20px; }
  .about-brand { padding:22px; } .about-brand-grid { gap:18px; }
  .about-service { gap:32px; } .about-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
}
@media(max-width:760px) {
  .about-hero { padding:28px 24px 32px; } .about-hero-grid { grid-template-columns:1fr; gap:24px; }
  .about-hero-copy { padding:0; } .about-hero h1 { font-size:42px; } .about-hero .about-tagline { font-size:26px; }
  .about-hero-image { height:auto; aspect-ratio:1.8/1; }
  .about-stats { padding:26px 24px; gap:14px; grid-template-columns:1fr 1.4fr .8fr; } .about-stat { padding:0 0 0 14px; } .about-stat dt { font-size:27px; white-space:nowrap; } .about-stat dd { font-size:11px; }
  .about-jump { padding:18px 24px; gap:10px 22px; font-size:13px; }
  .about-section { padding:48px 24px; scroll-margin-top:95px; }
  .about-overview,.about-manufacture-grid,.about-quality,.about-service { grid-template-columns:1fr; gap:24px; }
  .about-workshop { max-height:330px; aspect-ratio:1.4/1; }
  .about-capabilities { grid-template-columns:1fr; }
  .about-brand-grid { grid-template-columns:1fr; } .about-brand { padding:28px; }
  .about-brand .about-brand-logo { height:56px; margin-bottom:20px; }
  .about-product-grid { grid-template-columns:1fr; gap:24px; } .about-products { margin-top:40px; }
  .about-service img { height:300px; } .about-vision { padding:46px 24px; }
  .about-cta { flex-direction:column; align-items:flex-start; gap:24px; }
}
@media(max-width:380px) { .about-stats { padding:24px 18px; gap:10px; } .about-stat { padding-left:10px; } .about-stat dt { font-size:24px; } .about-stat dd { font-size:10px; } }
@media(prefers-reduced-motion:no-preference) { .about-page a { transition:color .15s ease; } }