:root{
  --burgundy:#9b4549;
  --burgundy-dark:#7f3135;
  --rose:#a85f66;
  --cream:#f7f0e6;
  --ivory:#fbf8f2;
  --gold:#d7aa35;
  --charcoal:#24272b;
  --muted:#5f6670;
  --border:#eadfce;
  --card:#ffffff;
  --shadow:0 22px 55px rgba(49,39,31,.13);
  --soft-shadow:0 12px 30px rgba(49,39,31,.09);
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Inter',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--charcoal);
  background:var(--ivory);
  line-height:1.72;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1140px,calc(100% - 48px));margin:0 auto}
.section{padding:96px 0}

/* Header */
.site-header{
  position:fixed;
  top:0;left:0;right:0;
  height:76px;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid rgba(232,223,206,.9);
  z-index:1000;
  box-shadow:0 4px 24px rgba(0,0,0,.05);
  backdrop-filter:blur(10px);
}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{
  display:flex;
  align-items:center;
  gap:13px;
  font-family:var(--serif);
  font-weight:800;
  font-size:18px;
  white-space:nowrap;
}
.brand-icon{
  width:43px;height:43px;
  border-radius:50%;
  background:var(--rose);
  display:grid;
  place-items:center;
  color:#fff;
  font-family:var(--sans);
  font-size:22px;
  box-shadow:0 8px 18px rgba(154,63,66,.22);
}
.site-nav{display:flex;gap:22px;align-items:center;font-weight:700;font-size:14px;color:#3a3d41}
.site-nav a{transition:.2s;color:#35383b}
.site-nav a:hover{color:var(--burgundy)}
.nav-donate{
  background:var(--burgundy);
  color:#fff!important;
  padding:10px 18px;
  border-radius:8px;
  box-shadow:0 8px 16px rgba(154,63,66,.2);
}
.nav-donate:hover{background:var(--burgundy-dark);transform:translateY(-1px)}
.nav-toggle{display:none;background:none;border:0;gap:5px;flex-direction:column;cursor:pointer}
.nav-toggle span{display:block;width:26px;height:2px;background:var(--charcoal);border-radius:999px}

/* Hero */
.hero{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  padding:150px 0 90px;
  background-image:linear-gradient(rgba(0,0,0,.58),rgba(0,0,0,.56)),url('https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?auto=format&fit=crop&w=1900&q=82');
  background-size:cover;
  background-position:center;
}
.hero-content{position:relative;z-index:2;max-width:895px}
.hero h1{
  font-family:var(--serif);
  font-size:clamp(46px,6.4vw,76px);
  line-height:1.04;
  margin:0 0 20px;
  letter-spacing:-.03em;
  text-shadow:0 3px 16px rgba(0,0,0,.32);
}
.tagline{
  font-family:var(--serif);
  font-style:italic;
  color:var(--gold);
  font-size:clamp(22px,2.6vw,31px);
  margin:0 0 24px;
}
.hero-text{
  max-width:805px;
  margin:0 auto 38px;
  font-size:20px;
  line-height:1.75;
  font-weight:500;
  color:rgba(255,255,255,.94);
}
.hero-actions{display:flex;justify-content:center;gap:17px;flex-wrap:wrap}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font-weight:800;
  padding:13px 31px;
  min-width:135px;
  transition:.2s ease;
  border:0;
}
.btn-primary{background:var(--burgundy);color:#fff;box-shadow:0 12px 22px rgba(0,0,0,.18)}
.btn-primary:hover{background:var(--burgundy-dark);transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--burgundy);box-shadow:0 12px 22px rgba(0,0,0,.12)}
.btn-light:hover{transform:translateY(-2px)}
.scroll-indicator{
  position:absolute;
  bottom:30px;
  left:50%;
  transform:translateX(-50%);
  width:24px;height:44px;
  border:2px solid rgba(255,255,255,.72);
  border-radius:18px;
}
.scroll-indicator:after{
  content:'';
  position:absolute;
  width:4px;height:8px;
  background:#fff;
  border-radius:5px;
  top:8px;left:50%;
  transform:translateX(-50%);
  animation:scroll 1.4s infinite;
}
@keyframes scroll{0%{opacity:1;top:8px}100%{opacity:0;top:24px}}

/* Reusable */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}
.image-card{
  min-height:610px;
  border-radius:14px;
  box-shadow:var(--shadow);
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.about-image{background-image:url('https://images.unsplash.com/photo-1518199266791-5375a83190b7?auto=format&fit=crop&w=980&q=82')}
.eyebrow{
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--burgundy);
  font-size:13px;
  font-weight:900;
  margin:0 0 15px;
}
.eyebrow span{margin-right:8px}
.text-block h2,.section-heading h2{
  font-family:var(--serif);
  font-size:clamp(37px,4.1vw,54px);
  line-height:1.12;
  margin:0 0 24px;
  letter-spacing:-.02em;
}
.text-block p{font-size:18px;margin:0 0 20px;color:#3d4247}
.quote{
  color:var(--burgundy)!important;
  font-weight:800;
  font-family:var(--serif);
  font-size:21px!important;
}
.leadership-section,.mission-section,.serve-section{background:var(--cream)}
.section-heading.centered{text-align:center;margin:0 auto 58px}
.narrow{max-width:780px}
.section-heading p{font-size:19px;margin:0 auto;color:#555d65}

/* Leadership */
.founder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:38px;margin-bottom:56px}
.founder-card,.program-card,.country-card,.video-card,.featured-video{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
  box-shadow:var(--soft-shadow);
}
.photo-placeholder{
  height:360px;
  background:linear-gradient(135deg,#eee3d4,#e5d1c4);
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#b46f72;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:13px;
  font-weight:800;
}
.photo-placeholder:before,.photo-placeholder:after{
  content:'';
  position:absolute;
  width:10px;height:10px;
  border-radius:50%;
  background:#dcbd44;
}
.photo-placeholder:before{right:18px;top:18px}
.photo-placeholder:after{left:18px;bottom:18px;background:#d5aaa2}
.avatar-icon{
  width:98px;height:98px;
  border-radius:50%;
  border:4px solid #fff;
  display:grid;
  place-items:center;
  font-size:44px;
  margin-bottom:18px;
  box-shadow:0 10px 20px rgba(0,0,0,.12);
  background:#eadcc8;
}
.founder-body{padding:31px 34px 34px}
.role{
  margin:0 0 6px;
  color:var(--gold);
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.14em;
  font-weight:900;
}
.founder-body h3,.program-card h3,.country-card h3,.video-card h3,.featured-copy h3{
  font-family:var(--serif);
  font-size:25px;
  line-height:1.18;
  margin:0 0 14px;
}
.founder-body p{margin:0;color:#555d65}
.board-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  padding:44px 30px;
  text-align:center;
  box-shadow:0 10px 24px rgba(38,32,25,.06);
  max-width:1000px;
  margin:0 auto;
}
.small-icon{
  width:44px;height:44px;
  border:1px solid #e2bd48;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  color:var(--gold);
}
.board-card h3{font-family:var(--serif);font-size:27px;margin:0 0 10px}
.board-card p{max-width:620px;margin:0 auto 22px;color:#59616a}
.pill{
  display:inline-block;
  border:1px solid #ddb95f;
  border-radius:999px;
  padding:7px 22px;
  color:var(--burgundy);
  font-weight:800;
  background:#fffaf3;
}

/* Mission / Cards */
.mission-grid,.cta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.mission-card,.cta-grid article{
  background:#fff;
  border-radius:15px;
  padding:39px 27px;
  text-align:center;
  box-shadow:0 10px 24px rgba(38,32,25,.09);
  border:1px solid #eee5da;
}
.circle-icon{
  width:66px;height:66px;
  border-radius:50%;
  background:var(--rose);
  color:#fff;
  display:grid;
  place-items:center;
  margin:0 auto 22px;
  font-size:34px;
  font-weight:700;
  box-shadow:0 10px 20px rgba(168,95,102,.22);
}
.mission-card h3,.cta-grid h3{font-size:22px;line-height:1.2;margin:0 0 14px}
.mission-card p,.cta-grid p{margin:0;color:#555d65}

/* Programs */
.programs-section,.stories-section{background:#fff}
.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}
.program-image,.country-image{
  height:250px;
  background-size:cover;
  background-position:center;
  position:relative;
  display:flex;
  align-items:end;
  color:#fff;
}
.program-image:after,.country-image:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.05));
}
.program-image>div,.country-image h3{
  position:relative;
  z-index:1;
  padding:0 27px 27px;
  display:flex;
  align-items:center;
  gap:14px;
}
.program-image span{
  width:50px;height:50px;
  background:#fff;
  color:var(--burgundy);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:21px;
}
.program-image h3,.country-image h3{font-family:var(--serif);font-size:29px;margin:0}
.program-card p{padding:28px 29px 32px;margin:0;color:#555d65}
.img-feeding{background-image:url('https://images.unsplash.com/photo-1593113598332-cd288d649433?auto=format&fit=crop&w=950&q=82')}
.img-education{background-image:url('https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=950&q=82')}
.img-humanitarian,.img-nigeria{background-image:url('https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?auto=format&fit=crop&w=950&q=82')}
.img-community{background-image:url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=950&q=82')}
.img-guyana{background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=950&q=82')}

/* Countries */
.country-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.country-body{padding:31px}
.country-body p{margin:0 0 25px;color:#555d65}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.stats div{background:#f8f2ea;border-radius:12px;padding:15px 12px;text-align:center}
.stats strong{display:block;color:var(--burgundy);font-size:33px;line-height:1;font-weight:900}
.stats span{font-size:13px;font-weight:700;color:#667}
.serve-note{text-align:center;font-size:18px;margin:42px 0 0;color:#555d65}

/* Stories / Videos */
.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:43px}
.filters button{
  border:1px solid #dfcdb9;
  background:#fff;
  border-radius:999px;
  padding:9px 16px;
  color:#6e5149;
  font-weight:800;
  cursor:pointer;
}
.filters .active{background:var(--burgundy);color:#fff;border-color:var(--burgundy)}
.featured-video{display:grid;grid-template-columns:1fr 1fr;margin-bottom:47px}
.video-thumb{
  height:215px;
  background:linear-gradient(135deg,#eee3d4,#e0c7b7);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#b9827a;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  font-weight:900;
  position:relative;
}
.video-thumb.large{height:370px}
.play{
  width:62px;height:62px;
  border-radius:50%;
  background:var(--burgundy);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:22px;
  letter-spacing:0;
  box-shadow:0 12px 24px rgba(154,63,66,.3);
}
.badge{
  position:absolute;
  top:18px;left:18px;
  background:#e0b735;
  color:#fff;
  border-radius:6px;
  padding:4px 11px;
  font-weight:900;
  font-size:12px;
}
.featured-copy{padding:57px 43px}
.meta{display:flex;gap:22px;color:var(--burgundy);font-size:13px;font-weight:800;flex-wrap:wrap}
.featured-copy h3{font-size:31px}
.featured-copy p{color:#555d65}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.video-body{padding:24px}
.video-cat{
  font-size:12px;
  font-weight:900;
  margin:0 0 12px;
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.video-cat.pink{color:#c84c67}.video-cat.gold{color:#b78911}.video-cat.blue{color:#397891}.video-cat.purple{color:#7740c8}.video-cat.green{color:#0c9b69}.video-cat.red{color:#dd3153}
.video-card h3{font-size:18px;line-height:1.25}
.video-card p{margin:0 0 14px;color:#555d65}
.video-card a{color:var(--burgundy);font-weight:900}

/* CTA */
.cta-section{
  background:linear-gradient(135deg,#a85f66,#943b3f);
  color:#fff;
  text-align:center;
}
.white-heading h2,.white-heading p{color:#fff}
.cta-grid article{background:rgba(255,255,255,.97);color:var(--charcoal)}
.cta-button{margin:37px auto 18px}
.tax-note{font-size:14px;font-weight:800;margin:0;color:#fff}

/* Footer */
.site-footer{background:#292929;color:#fff;padding:72px 0 0}
.footer-grid{display:grid;grid-template-columns:1.35fr .7fr 1fr;gap:86px}
.footer-grid h3{font-size:18px;margin:0 0 18px}
.footer-grid a,.footer-grid p{display:block;color:#e8e8e8;margin:0 0 11px}
.footer-brand p{margin:22px 0;color:#e8e8e8}
.footer-logo .brand-icon{box-shadow:none}
.socials{display:flex;gap:13px}
.socials a{width:38px;height:38px;border-radius:50%;background:#444;display:grid;place-items:center;margin:0;font-weight:800}
.footer-bottom{
  border-top:1px solid #444;
  margin-top:52px;
  padding:24px 0;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:14px;
  color:#ddd;
}
.footer-bottom div{display:flex;gap:28px;flex-wrap:wrap}
.footer-bottom a{color:#ddd}

/* Responsive */
@media (max-width:1050px){
  .site-nav{gap:14px;font-size:13px}
  .brand{font-size:16px}
}
@media (max-width:920px){
  .container{width:min(100% - 32px,1140px)}
  .site-nav{
    position:absolute;
    top:76px;
    left:0;right:0;
    background:#fff;
    display:none;
    flex-direction:column;
    gap:0;
    border-bottom:1px solid #ddd;
    box-shadow:0 18px 30px rgba(0,0,0,.08);
  }
  .site-nav.open{display:flex}
  .site-nav a{padding:14px 22px;width:100%;text-align:center;border-top:1px solid #f1eee8}
  .nav-toggle{display:flex}
  .hero{min-height:760px}
  .two-col,.founder-grid,.program-grid,.country-grid,.featured-video,.footer-grid{grid-template-columns:1fr}
  .mission-grid,.cta-grid,.video-grid{grid-template-columns:repeat(2,1fr)}
  .image-card{min-height:430px}
  .photo-placeholder{height:300px}
  .footer-grid{gap:42px}
  .footer-bottom{flex-direction:column}
}
@media (max-width:560px){
  .section{padding:68px 0}
  .brand span:last-child{font-size:14px}
  .brand-icon{width:38px;height:38px}
  .hero{padding-top:130px;min-height:760px}
  .hero h1{font-size:42px}
  .tagline{font-size:22px}
  .hero-text{font-size:16px}
  .hero-actions{flex-direction:column;align-items:center}
  .mission-grid,.cta-grid,.video-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .founder-body,.country-body,.featured-copy{padding:26px}
  .text-block h2,.section-heading h2{font-size:34px}
  .program-image,.country-image{height:220px}
  .photo-placeholder{height:280px}
  .video-thumb.large{height:280px}
  .footer-grid{gap:32px}
}
.real-photo,
.founder-photo {
  overflow: hidden;
}

.founder-photo {
    height: 320px;
    overflow: hidden;
}

.sean-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 15%;
}

.alicia-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 25%;
}

/* Media integration patch: keep uploaded videos fully visible without cropping */
.video-thumb video,
.featured-video video,
.video-card video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  background: #000;
  display: block;
}

.video-thumb.has-video,
.video-thumb.video-ready {
  background: #000;
  overflow: hidden;
}

.video-thumb.has-video .play,
.video-thumb.video-ready .play {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}

.video-thumb.has-video .badge,
.video-thumb.video-ready .badge {
  z-index: 4;
}

/* Real image/photo handling */
.real-photo,
.founder-photo {
  overflow: hidden;
}

.real-photo img,
.founder-photo img {
  width: 100%;
  height: 100%;
  display: block;
}

.real-photo img {
  object-fit: cover;
  object-position: center center;
}

.founder-photo {
  height: 320px;
}

.sean-photo img {
  object-fit: cover;
  object-position: center 8%;
}

.alicia-photo img {
  object-fit: cover;
  object-position: center 25%;
}
.country-card{
    display:flex;
    flex-direction:column;
    height:100%;
}

.country-content{
    flex:1;
}
/* ==========================================
   LEGAL PAGES
========================================== */

.legal-header {
    background: linear-gradient(
        135deg,
        #7f4b4b,
        #b56b6b
    );
    color: #fff;
    text-align: center;
    padding: 80px 20px;
}

.legal-header h1 {
    font-size: 3rem;
    margin-bottom: 10px;
}

.legal-header p {
    opacity: 0.9;
}

.back-home {
    display: inline-block;
    margin-bottom: 25px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.legal-content {
    background: #f8f6f2;
    padding: 70px 20px;
}

.legal-content .container {
    max-width: 1000px;
    margin: 0 auto;
}

.legal-card {
    background: #fff;
    padding: 35px;
    border-radius: 15px;
    margin-bottom: 25px;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
}

.legal-card h2 {
    color: #7f4b4b;
    margin-bottom: 15px;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

.legal-card p,
.legal-card li {
    line-height: 1.8;
    color: #555;
}

.legal-card ul {
    padding-left: 25px;
}

.legal-footer {
    text-align: center;
    padding: 40px 20px;
    background: #fff;
    border-top: 1px solid #eee;
}
/* ================= BOARD SECTION ================= */

.board-section {
    padding: 80px 20px;
    background: #f8f6f2;
}

.board-section .section-title {
    text-align: center;
    margin-bottom: 50px;
}

.board-section .section-title h2 {
    font-size: 2.5rem;
    color: #7f4b4b;
}

.board-section .section-title p {
    color: #666;
}

.board-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

.board-card {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.board-card:hover {
    transform: translateY(-5px);
}

.board-card img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
}

.board-card h3 {
    margin-bottom: 5px;
    color: #333;
}

.board-card .role {
    display: block;
    color: #7f4b4b;
    font-weight: bold;
    margin-bottom: 10px;
}

.board-card p {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5;
}/* ============================= */
/* BOARD OF DIRECTORS FIX       */
/* ============================= */

.board-section {
  padding: 70px 20px;
  background: #faf6ef;
}

/* GRID FIX */
.board-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 25px;
  margin-top: 30px;
  align-items: stretch;
  justify-items: center;
}

/* CARD FIX */
.board-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 20px;
  width: 100%;
  max-width: 240px;
  text-align: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);

  display: flex;
  flex-direction: column;
  align-items: center;
}

/* IMAGE FIX (CRITICAL) */
.board-card img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  margin-bottom: 12px;
  border: 3px solid #e7d7cc;
}

/* TITLE */
.board-card h3 {
  font-size: 16px;
  margin: 6px 0 4px;
  font-weight: 600;
}

/* ROLE LABEL */
.board-card .role {
  font-size: 12px;
  font-weight: 600;
  color: #a33a2a;
  letter-spacing: 0.5px;
}

/* SECTION HEADER FIX (optional polish) */
.board-section .section-heading {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

/* ============================= */
/* PETAL PATRICIA LOGO SYSTEM    */
/* ============================= */
.brand-with-logo {
  display: flex;
  align-items: center;
  min-width: 180px;
  max-width: 240px;
  text-decoration: none;
}

.site-logo,
.nav-logo {
  display: block;
  width: auto;
  height: 58px;
  max-width: 230px;
  object-fit: contain;
}

.footer-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.footer-logo-img {
  display: block;
  width: auto;
  height: 88px;
  max-width: 280px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .brand-with-logo {
    min-width: 140px;
    max-width: 180px;
  }

  .site-logo,
  .nav-logo {
    height: 46px;
    max-width: 175px;
  }

  .footer-logo-img {
    height: 72px;
    max-width: 230px;
  }
}
.board-section .board-grid {
  max-width: 1000px;
  margin: 40px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.board-card.stack-card {
  min-height: 210px;
  padding: 28px 22px;
  text-align: center;
  border-radius: 14px;
  border: 1px solid rgba(123, 84, 58, 0.22);
  border-left: 5px solid #0b2a4a;
  background: #fff;
  box-shadow: 0 12px 30px rgba(20, 30, 45, 0.08);
}

.board-card.stack-card h3 {
  margin-bottom: 8px;
  font-size: 18px;
}

.board-card.stack-card .role {
  display: block;
  margin-bottom: 14px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #a84545;
}

.board-card.stack-card .desc {
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 900px) {
  .board-section .board-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .board-section .board-grid {
    grid-template-columns: 1fr;
  }
}
.board-section {
  padding: 90px 0;
  background: #f7f1e8;
}

.board-section .section-title {
  max-width: 900px;
  margin: 0 auto 36px;
  text-align: center;
}

.board-section .section-title h2 {
  font-size: 34px;
  margin-bottom: 14px;
  color: #8f4545;
}

.board-section .section-title p {
  max-width: 850px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.7;
  color: #4f5b66;
}

.board-section .board-grid {
  max-width: 920px;
  margin: 34px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.board-card.stack-card {
  min-height: 150px;
  padding: 24px 18px;
  text-align: center;
  border-radius: 12px;
  border: 1px solid rgba(11, 42, 74, 0.14);
  border-top: 4px solid #0b2a4a;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(20, 30, 45, 0.08);
}

.board-card.stack-card h3 {
  margin-bottom: 8px;
  font-size: 17px;
  color: #0b2a4a;
}

.board-card.stack-card .role {
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #a84545;
}

.board-card.stack-card .desc {
  font-size: 13px;
  line-height: 1.5;
  color: #5a6470;
}

.governance-note {
  max-width: 900px;
  margin: 36px auto 0;
  padding: 24px 32px;
  text-align: center;
  background: rgba(255,255,255,0.72);
  border-radius: 14px;
  border: 1px solid rgba(11,42,74,0.10);
}

.governance-note p {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #3f4b56;
}

@media (max-width: 950px) {
  .board-section .board-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .board-section .board-grid {
    grid-template-columns: 1fr;
  }
}
/* ================= VOLUNTEER SECTION ================= */

.volunteer-section {
  background: #ffffff;
  padding: 90px 0;
}

.volunteer-form {
  max-width: 800px;
  margin: 40px auto 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.volunteer-form input,
.volunteer-form select,
.volunteer-form textarea {
  padding: 14px;
  border: 1px solid rgba(11,42,74,0.2);
  border-radius: 8px;
  font-size: 14px;
  outline: none;
}

.volunteer-form textarea {
  resize: none;
  width: 100%;
}

.volunteer-form button {
  width: 200px;
  margin: 10px auto 0;
}

@media (max-width: 700px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
}