/* =========================================================
   cream.css  |  ธีมพื้นครีม + หัวหน้าแบบสว่าง ใช้ร่วมกัน 2 หน้า
   (about2.html เกี่ยวกับวิทยาลัย / product.html ทุนการศึกษา)
   ========================================================= */

:root {
  --maroon-dark: #4a0808;
  --cream: #fbf5ee;
  --ink: #2b2b2b;
  --muted: #5f5f5f;
  --line: #d9cbc4;
}

body { background: var(--cream); }
main { color: var(--ink); }

/* ===== หัวหน้า ===== */
.page-hero {
  background: linear-gradient(180deg, #fff 0%, #fbeede 100%);
  border-bottom: 5px solid var(--gold);
  padding: 2.75rem 0;
  position: relative;
  overflow: hidden;
}
.page-hero::before {
  content: "";
  position: absolute;
  right: -90px;
  top: -90px;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  border: 44px solid rgba(21, 101, 192, .08);
}
.page-hero::after {
  content: "";
  position: absolute;
  left: -60px;
  bottom: -110px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  border: 36px solid rgba(128, 0, 0, .07);
}
.page-hero .container { position: relative; z-index: 1; }
.page-hero h1 { color: var(--maroon); font-weight: 700; font-size: clamp(1.8rem, 4vw, 2.6rem); margin-bottom: .35rem; }
.page-hero p { color: var(--navy); font-weight: 600; margin: 0; }

.content-wrap { padding-bottom: 3.5rem; }