/* =========================================================
   ABOUT + CONTACT PAGES
   ========================================================= */
.ph-lead{max-width:58ch;margin-top:18px;font-size:1.05rem}

body{
               font-family: var(--serif, "Poppins", system-ui, Arial, sans-serif);

}

/* ----- vision & mission ----- */
.vmsec{background:var(--sand)}
.vm{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}
.vm-v{position:relative;background:var(--char);color:#fff;padding:clamp(30px,4vw,40px);overflow:hidden}
.vm-v::before{content:"\201C";position:absolute;right:22px;top:-28px;font-weight:700;font-size:12rem;line-height:1;color:rgba(255,255,255,.07)}
.vm-v .eyebrow{color:var(--brass2)}
.vm-v h2{color:#fff;margin-bottom:20px;font-size:clamp(2rem,3.4vw,2.8rem)}
.vm-v blockquote{font-weight:500;font-size:clamp(1.15rem,16px,1.5rem);line-height:1.55;color:#e8eef2;position:relative}
.vm-m{background:#fff;border:1px solid var(--line);padding:clamp(21px,3vw,29px)}
.vm-m h2{margin-bottom:22px;font-size:clamp(2rem,3.4vw,2.2rem)}
.vm-m ol{list-style:none;counter-reset:ms;display:grid;gap:0}
.vm-m li{counter-increment:ms;position:relative;padding:18px 0 18px 64px;border-top:1px solid var(--line);color:var(--char);font-size:1.02rem}
.vm-m li:last-child{border-bottom:1px solid var(--line)}
.vm-m li::before{content:counter(ms,decimal-leading-zero);position:absolute;left:0;top:14px;width:46px;height:46px;border-radius:50%;background:var(--brass);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.86rem;letter-spacing:.06em}

/* ----- facility ----- */
.facsec .head,.whysec .head{max-width:640px;margin-bottom:44px}
.facsec h2,.whysec h2{margin-bottom:0}

/* ----- why choose ----- */
.whysec{background:var(--sand)}
.why5{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:3px solid var(--char)}
.why5>div{padding:30px 22px 8px 0;position:relative}
.why5>div+div{padding-left:22px;border-left:1px solid var(--line)}
.why5 b{display:block;font-weight:700;font-size:3.2rem;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--brass);margin-bottom:14px}
.why5 h3{font-size:1.25rem;margin-bottom:8px}
.why5 p{color:var(--mute);font-size:.95rem;line-height:1.6}

/* ----- contact ----- */
.ct{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:start}
.ct h2{margin-bottom:10px}
.ct .lede{color:var(--mute);margin-bottom:22px;max-width:46ch}
.ct .info{list-style:none;border-top:1px solid var(--line)}
.ct .info li{align-items:flex-start}
.ct .info svg{width:26px;height:26px}
.ct .info small{display:block;font-weight:500;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
.ct .info address{font-style:normal;font-weight:500}
.ct .info a{text-decoration:none;font-weight:600}
.ct .info a:hover{color:var(--brass)}
.ct-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ct .form h3{font-size:2rem}
.ct .form .btn{padding:14px 22px}
.ct-map{margin-top:clamp(40px,6vw,70px);border:1px solid var(--line);position:relative}
.ct-map iframe{display:block;width:100%;height:clamp(300px,42vw,440px);border:0;filter:grayscale(.25)}
.ct-map a.maplink{position:absolute;left:16px;bottom:16px;background:var(--char);color:#fff;padding:11px 18px;font-weight:500;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.ct-map a.maplink:hover{background:var(--brass)}

@media(max-width:1000px){.vm,.ct{grid-template-columns:1fr}.why5{grid-template-columns:repeat(2,1fr)}.why5>div,.why5>div+div{padding:26px 18px 8px 0;border-left:0}.why5>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:560px){.why5{grid-template-columns:1fr}.why5>div:nth-child(n+2){border-top:1px solid var(--line)}.vm-m li{padding-left:58px}}

/* ---- Machinery & facility: 7 items (4 + 3, centred) ---- */
.fac{grid-template-columns:repeat(8,1fr)}
.fac .fbox{grid-column:span 2;padding:36px 22px}
.fac .fbox:nth-child(5){grid-column:2/span 2}
@media(max-width:1000px){.fac{grid-template-columns:repeat(2,1fr)}.fac .fbox,.fac .fbox:nth-child(5){grid-column:auto}}
@media(max-width:560px){.fac{grid-template-columns:1fr}}
/* ---- Mission paragraph ---- */
.vm-m .vm-mtext{font-size:1.08rem;line-height:1.8;color:var(--char);border-top:1px solid var(--line);padding-top:18px}
/* ---- Material details ---- */
.mtls{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mtl{border:1px solid var(--line);background:#fff;padding:30px 26px;border-top:3px solid var(--brass)}
.mtl b{display:block;font-weight:700;font-size:2.6rem;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--brass);margin-bottom:10px}
.mtl h3{font-size:1.5rem;margin-bottom:10px}
.mtl .mtl-d{color:var(--mute);font-size:.96rem;line-height:1.65;margin-bottom:16px}
.mtl h4{font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:16px 0 8px}
.mtl ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mtl li{position:relative;padding-left:20px;font-size:.95rem;line-height:1.55;color:var(--char)}
.mtl li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:2px;background:var(--brass)}
@media(max-width:1000px){.mtls{grid-template-columns:1fr}}