/* หน้าอื่นนอกจากหน้าแรก — ใช้คู่กับ home.css */

/* แถบหัวหน้า */
.pg-hero{position:relative;background:var(--ink2) center/cover no-repeat;color:#fff;padding:clamp(140px,17vw,200px) 0 clamp(48px,6vw,72px);overflow:hidden}
.pg-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,22,45,.94) 0%,rgba(6,22,45,.7) 55%,rgba(6,22,45,.35) 100%),linear-gradient(0deg,rgba(6,22,45,.7),rgba(6,22,45,0) 60%)}
.pg-hero.plain{padding-top:clamp(128px,14vw,168px)}
.pg-hero.plain::before{background:none;opacity:.07;background-image:repeating-linear-gradient(60deg,#fff 0 1px,transparent 1px 72px),repeating-linear-gradient(-60deg,#fff 0 1px,transparent 1px 72px)}
.pg-hero .wrap{position:relative}
.pg-hero h1{color:#fff;font-size:clamp(1.9rem,4.6vw,3.6rem);line-height:1.25;letter-spacing:-.01em;margin:0;max-width:920px}
.pg-hero .sub{color:#c9d4e2;margin:.7em 0 0;max-width:640px;font-size:clamp(1rem,1.4vw,1.15rem)}
.pg-crumb{font-size:.85rem;color:#9fb2c8;margin-bottom:16px}
.pg-crumb a{color:var(--amber)}

.pg-tight{padding-top:clamp(40px,5vw,64px)}
.pg-gap{height:clamp(48px,7vw,88px)}

/* ข้อมูลโครงการ (แถบลอยทับหัวหน้า) */
.pg-facts{position:relative;z-index:2;margin-top:-34px;background:#fff;border-radius:6px;box-shadow:0 18px 50px rgba(6,22,45,.16);display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr}
.pg-facts>div{padding:22px 26px;border-right:1px solid var(--line)}
.pg-facts>div:last-child{border-right:0}
.pg-facts span{display:block;font-size:.8rem;color:var(--muted)}
.pg-facts b{font-family:var(--num);font-weight:600;font-size:1.35rem;letter-spacing:.03em;color:var(--navy);line-height:1.3}

/* ตารางผลงาน */
.hm-bento.pg-tiles{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:16px}
.hm-bento.pg-tiles a{aspect-ratio:4/3}
.hm-bento.pg-tiles a:first-child{grid-column:auto;grid-row:auto}
.hm-bento.pg-tiles a:first-child h3{font-size:1.45rem}

/* การ์ดข่าว/อัลบั้ม */
.pg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:36px 24px}
.pg-cards a{color:inherit;display:block}
.pg-cards a:hover{text-decoration:none}
.pg-cards .ph{aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:var(--sky);margin-bottom:14px}
.pg-cards img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.pg-cards a:hover img{transform:scale(1.06)}
.pg-cards span{font-size:.82rem;font-weight:600;color:#b97c00}
.pg-cards h3{margin:4px 0 0;font-size:1.08rem;line-height:1.5;transition:color .2s}
.pg-cards a:hover h3{color:var(--blue)}

/* ภาพรวมบริษัท (บนพื้นเข้ม) */
.pg-ov{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16)}
.pg-ov>div{padding:26px 22px 26px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.pg-ov span{display:block;font-size:.82rem;color:#9fb2c8}
.pg-ov b{display:block;color:#fff;font-size:clamp(1.2rem,2.1vw,1.6rem);line-height:1.4;margin-top:2px}
.pg-ov small{color:var(--amber);font-size:.88rem}

/* วิสัยทัศน์ / พันธกิจ */
.pg-vm{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(32px,6vw,88px);align-items:start}
.pg-vm blockquote{margin:0;padding:0 0 0 22px;border-left:4px solid var(--amber);font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.75;color:var(--navy);font-weight:500}
.pg-mission{list-style:none;margin:0;padding:0;counter-reset:m}
.pg-mission li{counter-increment:m;display:grid;grid-template-columns:54px 1fr;align-items:baseline;padding:14px 0;border-top:1px solid #d9dfe7}
.pg-mission li:last-child{border-bottom:1px solid #d9dfe7}
.pg-mission li::before{content:counter(m,decimal-leading-zero);font-family:var(--num);font-weight:600;font-size:1.4rem;color:#b97c00}

/* ค่านิยม */
.pg-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pg-values>div{border:1px solid var(--line);border-top:4px solid var(--amber);border-radius:6px;padding:28px 26px}
.pg-values em{font-style:normal;font-family:var(--num);font-weight:700;font-size:2.6rem;line-height:1;color:transparent;-webkit-text-stroke:1.3px var(--navy)}
.pg-values h3{font-size:1.2rem;margin:14px 0 4px}
.pg-values p{margin:0;color:var(--muted)}

/* รูปเอกสาร (ผังองค์กร / ลูกค้า) */
.pg-doc{display:block;background:#fff;border:1px solid var(--line);border-radius:6px;padding:clamp(10px,2vw,24px);margin-bottom:20px}
.pg-doc img{margin:0 auto}

/* บทความข่าว */
.pg-article{max-width:780px;margin:0 auto}
.pg-article .cover{width:100%;border-radius:6px;margin:0 0 28px;box-shadow:0 18px 50px rgba(6,22,45,.14)}
.pg-article p{font-size:1.08rem;margin:.5em 0;color:#2b3542}

/* ก่อนหน้า / ถัดไป */
.pg-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(40px,6vw,72px);border-top:1px solid var(--line);padding-top:24px}
.pg-pager a{color:inherit;display:block;padding:6px 0}
.pg-pager a:hover{text-decoration:none}
.pg-pager a.r{text-align:right}
.pg-pager span{display:block;font-size:.82rem;color:#b97c00;font-weight:600}
.pg-pager b{color:var(--navy);font-weight:600;transition:color .2s}
.pg-pager a:hover b{color:var(--blue)}

/* อัลบั้มรูป */
.photos{gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.photos a{border-radius:6px}

/* ติดต่อ */
.pg-contact{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,80px);align-items:start}
.pg-phones{border-top:1px solid var(--line);margin-top:8px}
.pg-phones a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);color:inherit}
.pg-phones a:hover{text-decoration:none}
.pg-phones span{color:var(--muted);font-size:.95rem}
.pg-phones b{font-family:var(--num);font-weight:600;font-size:1.6rem;letter-spacing:.04em;color:var(--navy);white-space:nowrap;transition:color .2s}
.pg-phones b.t{font-family:inherit;font-size:1.05rem;letter-spacing:0}
.pg-phones a:hover b{color:var(--blue)}
.pg-offices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.pg-offices span{font-size:.82rem;font-weight:600;color:#b97c00}
.pg-offices p{margin:4px 0 0}
.pg-map{width:100%;height:clamp(340px,44vw,520px);border:0;border-radius:6px;margin-bottom:16px;background:var(--sky)}

@media (max-width:980px){
  .hm-bento.pg-tiles{grid-template-columns:repeat(2,1fr)}
  .pg-ov{grid-template-columns:repeat(2,1fr)}
  .pg-values{grid-template-columns:1fr}
  .pg-facts{grid-template-columns:1fr 1fr}
  .pg-facts>div{border-bottom:1px solid var(--line)}
  .pg-facts>div:nth-child(even){border-right:0}
  .pg-facts>div:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width:860px){
  .pg-vm,.pg-contact{grid-template-columns:1fr}
}
@media (max-width:560px){
  .hm-bento.pg-tiles{grid-template-columns:1fr}
  .hm-bento.pg-tiles a{aspect-ratio:16/10}
  .hm-bento.pg-tiles small{display:block}
  .pg-cards{grid-template-columns:1fr;gap:28px}
  .pg-facts>div{padding:16px 18px}
  .pg-facts b{font-size:1.1rem}
  .pg-offices{grid-template-columns:1fr}
  .pg-phones b{font-size:1.35rem}
  .pg-pager b{font-size:.92rem}
  .photos{grid-template-columns:repeat(2,1fr);gap:8px}
}

/* ปุ่มสลับภาษา */
.nav .lang{font-family:var(--num);font-weight:600;letter-spacing:.1em;border:1.5px solid currentColor;border-radius:999px;padding:4px 14px!important;margin-left:8px;align-self:center;opacity:.9}
.nav .lang:hover{opacity:1}
@media (max-width:860px){.nav .lang{align-self:flex-start;margin:8px 0 0 12px}}