/* =========================================================
   POORBA — Static Landing Page
   Pure HTML5 + CSS3 · No frameworks · Mobile-first
   ========================================================= */

:root {
  /* Cultural premium palette */
  --ivory: #faf6ee;
  --ivory-2: #f3ecdd;
  --bg: #fcfaf4;
  --charcoal: #1a1715;
  --charcoal-2: #2a2522;
  --ink: #2b2420;
  --muted: #6b6259;
  --line: #e7dfcf;
  --maroon: #6e1f23;
  --maroon-dark: #561619;
  --saffron: #d97a1f;
  --saffron-2: #e89344;
  --gold: #c79a44;

  --serif: "Fraunces", "Cormorant Garamond", Georgia, serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --container: 1240px;
  --pad-x: clamp(20px, 4vw, 56px);
  --section-y: clamp(80px, 10vw, 144px);

  --radius: 18px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  --t-fast: 220ms cubic-bezier(.2,.7,.2,1);
  --t-med: 480ms cubic-bezier(.2,.7,.2,1);
  --t-slow: 1.1s cubic-bezier(.2,.7,.2,1);

  --shadow-1: 0 1px 2px rgba(26,23,21,.04), 0 8px 24px -12px rgba(26,23,21,.08);
  --shadow-2: 0 30px 60px -30px rgba(110,31,35,.45);
}

/* -------- reset -------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--sans); font-size:16px; line-height:1.6;
  font-feature-settings:"ss01","cv11";
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.08;color:var(--charcoal)}

/* -------- layout helpers -------- */
.container{max-width:var(--container);margin:0 auto;padding-inline:var(--pad-x)}
.section{padding-block:var(--section-y)}
.section--muted{background:var(--ivory-2)}
.section--dark{background:var(--charcoal);color:#e9e1d2}
.section--maroon{background:var(--maroon);color:#f5ead7;position:relative;overflow:hidden}
.section--maroon::before{
  content:""; position:absolute; inset:0;
  background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:4px 4px; pointer-events:none;
}
.rule{height:1px;background:var(--line);margin:22px 0}
.lede{font-size:17px;color:var(--muted);max-width:46ch;margin:18px 0 26px}
.lede--light{color:rgba(245,234,215,.78)}
.fineprint{font-size:12px;text-align:center;color:rgba(245,234,215,.55);margin:8px 0 0}

/* -------- type -------- */
.h-display{font-family:var(--serif);font-size:clamp(34px,4.6vw,56px);line-height:1.06;letter-spacing:-.022em;text-wrap:balance}
.h-display--xl{font-size:clamp(40px,5.6vw,72px)}
.eyebrow{
  font-family:var(--sans); font-size:11px; font-weight:600;
  letter-spacing:.24em; text-transform:uppercase; color:var(--maroon);
  margin:0 0 12px;
}
.eyebrow--saffron{color:var(--saffron-2)}
.eyebrow--gold{color:var(--gold)}
.eyebrow--on-dark{color:var(--saffron-2);display:inline-flex;align-items:center;gap:14px}
.eyebrow__rule{display:inline-block;width:36px;height:1px;background:var(--saffron-2)}
.link-muted{color:var(--ink);font-size:14px;opacity:.8}
.link-muted:hover{color:var(--maroon)}
.link-arrow{color:var(--maroon);font-size:14px;border-bottom:1px solid currentColor;padding-bottom:2px;transition:color var(--t-fast)}
.link-arrow:hover{color:var(--saffron)}
.link-arrow--saffron{color:var(--saffron-2)}

/* -------- buttons -------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 28px;font-size:13px;font-weight:500;letter-spacing:.04em;
  border-radius:var(--radius-pill);transition:transform var(--t-fast),background var(--t-fast),box-shadow var(--t-fast),color var(--t-fast),border-color var(--t-fast);
  white-space:nowrap;border:1px solid transparent;
}
.btn--sm{padding:10px 18px;font-size:12px}
.btn--block{width:100%}


.btn--primary{background:var(--maroon);color:#fff5e3}
.hero__cta .btn--primary:hover,
.btn--primary:hover{background:var(--maroon-dark);transform:translateY(-1px);box-shadow:var(--shadow-2); color:#ffffff;}

.btn--saffron{background:var(--saffron);color:#1a1715}
.btn--saffron:hover{background:var(--saffron-2);transform:translateY(-1px)}
.btn--ghost-light{border-color:rgba(245,234,215,.55);color:#f5ead7}
.btn--ghost-light:hover{background:#f5ead7;color:var(--charcoal)}

/* -------- nav -------- */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(252,250,244,.78);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid rgba(231,223,207,.7);
}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand__mark{
  width:42px;height:42px;display:grid;place-items:center;
  border-radius:50%;background:var(--maroon);color:#fff5e3;
  font-family:var(--serif);font-size:20px;
}
.brand__mark--saffron{background:var(--saffron);color:var(--charcoal)}
.brand__text{display:flex;flex-direction:column;line-height:1.05}
.brand__name{font-family:var(--serif);font-size:22px;letter-spacing:-.01em}
.brand__name--light{color:#f5ead7;font-size:24px}
.brand__sub{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.nav__links{display:none;gap:34px}
.nav__links a{font-size:14px;color:rgba(43,36,32,.78);transition:color var(--t-fast)}
.nav__links a:hover{color:var(--maroon)}
.nav__cta{display:flex;align-items:center;gap:14px}
@media(min-width:980px){.nav__links{display:flex}}

/* -------- hero -------- */
.hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:zoomIn 2.4s cubic-bezier(.2,.7,.2,1) both}
.hero__veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,16,14,.92) 0%,rgba(20,16,14,.55) 45%,rgba(20,16,14,.1) 100%);z-index:1}
.hero__veil--side{background:linear-gradient(to right,rgba(20,16,14,.75) 0%,rgba(20,16,14,.15) 55%,transparent 100%)}
.hero__inner{position:relative;z-index:2;color:#f5ead7;padding-block:140px 90px;width:100%;animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
.hero__title{
  font-family:var(--serif);font-size:clamp(44px,7vw,92px);line-height:1.02;
  letter-spacing:-.025em;max-width:14ch;margin:24px 0 0;color:#faf2df;text-wrap:balance;
}
.hero__title em{font-style:italic;color:var(--gold);font-weight:300}
.hero__lede{max-width:34rem;margin:28px 0 0;font-size:18px;line-height:1.65;color:rgba(245,234,215,.82)}
.hero__cta{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px}
.hero__stats{
  margin:64px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:640px;
  border-top:1px solid rgba(245,234,215,.18);padding-top:28px;
}
.hero__stats dt{font-family:var(--serif);font-size:clamp(28px,3.4vw,40px);color:var(--gold);font-weight:400}
.hero__stats dd{margin:8px 0 0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(245,234,215,.6); padding-left:0px;}

@keyframes zoomIn{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* -------- about -------- */
.grid--about{display:grid;gap:56px;grid-template-columns:1fr}
@media(min-width:980px){.grid--about{grid-template-columns:5fr 7fr;gap:80px}}
.about__body p{font-size:18px;color:rgba(43,36,32,.78);line-height:1.7;margin:0 0 18px}
.mv{display:grid;gap:24px;margin-top:34px}
@media(min-width:640px){.mv{grid-template-columns:1fr 1fr}}
.mv__card{border-left:2px solid var(--saffron);padding:6px 0 6px 20px}
.mv__card p:not(.eyebrow){margin:0;color:rgba(43,36,32,.82)}

/* -------- section head -------- */
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:56px}
.section__head--stack{display:block;max-width:38rem;margin-bottom:56px}

/* -------- events -------- */
.event-feature{
  position:relative;display:grid;grid-template-columns:1fr;
  min-height:460px;border-radius:var(--radius);overflow:hidden;background:var(--charcoal);color:#f5ead7;margin-bottom:18px;
}
.event-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform var(--t-slow)}
.event-feature:hover img{transform:scale(1.04)}
.event-feature__veil{position:absolute;inset:0;background:linear-gradient(to right,rgba(20,16,14,.92),rgba(20,16,14,.4));pointer-events:none}
.event-feature__body{position:relative;padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between;min-height:inherit;gap:36px;max-width:620px}
.event-feature__date{font-family:var(--serif);font-size:clamp(52px,7vw,88px);line-height:1;color:var(--gold)}
.event-feature__meta{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(245,234,215,.6);margin-top:6px}
.event-feature__body h3{font-size:clamp(28px,3.2vw,40px);margin-top:26px;color:#faf2df}
.event-feature__body > div > p{color:rgba(245,234,215,.72);margin:8px 0 0}
.event-feature__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

.events__grid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:720px){.events__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.events__grid{grid-template-columns:repeat(3,1fr)}}
.event-card{
  background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);
  padding:32px;display:flex;flex-direction:column;transition:border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);
}
.event-card:hover{border-color:var(--maroon);transform:translateY(-3px);box-shadow:var(--shadow-1)}
.event-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.event-card__date{font-family:var(--serif);font-size:42px;color:var(--maroon);line-height:1}
.event-card__year{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.event-card h3{font-size:24px;margin-top:4px}
.event-card p{margin:6px 0 22px;color:var(--muted);font-size:14px}
.event-card .link-arrow{margin-top:auto;align-self:flex-start;border-bottom-color:transparent}
.event-card:hover .link-arrow{border-bottom-color:currentColor}
.pill{font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-pill);background:rgba(217,122,31,.14);color:var(--maroon)}

/* -------- impact -------- */
.impact{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;grid-template-columns:1fr}
@media(min-width:720px){.impact{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.impact{grid-template-columns:repeat(4,1fr)}}
.impact__cell{background:var(--bg);padding:36px;transition:background var(--t-fast)}
.impact__cell:hover{background:var(--ivory-2)}
.impact__n{font-family:var(--serif);font-size:clamp(40px,4vw,52px);color:var(--maroon);line-height:1;margin-bottom:14px}
.impact__cell p:not(.eyebrow){margin:14px 0 0;font-size:14px;color:rgba(43,36,32,.72);line-height:1.6}

/* -------- gallery -------- */
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.g{position:relative;overflow:hidden;border-radius:14px;margin:0;grid-column:span 12;aspect-ratio:4/3}
.g img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}
.g::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,16,14,.65),transparent 55%);opacity:.9;transition:opacity var(--t-fast)}
.g:hover img{transform:scale(1.06)}
.g figcaption{position:absolute;left:20px;bottom:18px;z-index:1;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(245,234,215,.85)}
@media(min-width:760px){
  .g--wide{grid-column:span 7}
  .g--tall{grid-column:span 5;aspect-ratio:3/4}
  .g:not(.g--wide):not(.g--tall){grid-column:span 5}
  .gallery .g:nth-child(4){grid-column:span 7}
}

/* -------- leadership -------- */
.board{display:grid;gap:32px;grid-template-columns:1fr}
@media(min-width:640px){.board{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.board{grid-template-columns:repeat(4,1fr)}}
.board__card h3{font-size:22px;margin-top:4px;     }
.board__card p:not(.eyebrow){color:var(--muted);font-size:14px;margin:4px 0 0}

.board__portrait img{
  /*aspect-ratio:4/5;*/
  border-radius:14px;
}
.board__portrait{
  /*aspect-ratio:4/5;*/
  border-radius:14px;
  margin-bottom:18px;
  /*background: radial-gradient(rgba(110,31,35,.05) 1px,transparent 1px) 0 0/3px 3px,
    linear-gradient(160deg,var(--ivory-2),#ebdfc6);*/
  display:flex;align-items:flex-end;justify-content:center;
  font-family:var(--serif);font-size:128px;line-height:.8;
  color:rgba(110,31,35,.22);
  /*padding-bottom:18px;*/
  transition:color var(--t-med);
}
.board__card:hover .board__portrait{color:rgba(110,31,35,.42)}

/* -------- sponsors -------- */
.grid--sponsors{display:grid;gap:64px;align-items:start;grid-template-columns:1fr}
@media(min-width:980px){.grid--sponsors{grid-template-columns:4fr 8fr;gap:80px}}
.sponsors{display:grid;gap:40px}
.tier-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.tier-head .eyebrow{margin:0;white-space:nowrap}
.tier-head__rule{flex:1;height:1px;background:var(--line)}
.logos{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.logos{grid-template-columns:repeat(3,1fr)}}
@media(min-width:980px){.logos{grid-template-columns:repeat(4,1fr)}}
.logo{
  background:var(--bg);height:100px;display:grid;place-items:center;text-align:center;
  font-family:var(--serif);font-size:18px;color:rgba(43,36,32,.55);padding:0 16px;
  transition:background var(--t-fast),color var(--t-fast);
}
.logo:hover{background:var(--ivory-2);color:var(--maroon)}

/* -------- join -------- */
.grid--join{display:grid;gap:56px;align-items:center;position:relative;z-index:1;grid-template-columns:1fr}
@media(min-width:980px){.grid--join{grid-template-columns:1fr 1fr;gap:80px}}
.section--maroon .h-display{color:#faf2df}
.join-form{
  background:rgba(255,255,255,.05);border:1px solid rgba(245,234,215,.16);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  padding:32px;border-radius:var(--radius);display:flex;flex-direction:column;gap:14px;
}
.join-form__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.join-form input,.join-form select{
  width:100%;background:transparent;border:1px solid rgba(245,234,215,.25);
  border-radius:8px;padding:14px 16px;font-size:14px;color:#f5ead7;transition:border-color var(--t-fast);
}
.join-form input::placeholder{color:rgba(245,234,215,.5)}
.join-form input:focus,.join-form select:focus{outline:none;border-color:var(--gold)}
.join-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#f5ead7 50%),linear-gradient(-45deg,transparent 50%,#f5ead7 50%);background-position:calc(100% - 18px) center,calc(100% - 13px) center;background-size:5px 5px;background-repeat:no-repeat;color:rgba(245,234,215,.8)}
.join-form select option{color:var(--charcoal)}

/* -------- footer -------- */
.footer{background:var(--charcoal);color:rgba(233,225,210,.78);padding-top:88px}
.footer__grid{display:grid;gap:48px;grid-template-columns:1fr}
@media(min-width:760px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer__brand p{max-width:32ch;font-size:14px;margin:20px 0 24px;line-height:1.7}
.footer__h{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--saffron-2);margin:0 0 18px}
.footer ul li{font-size:14px;margin-bottom:10px}
.footer ul a:hover{color:#f5ead7}
.newsletter{display:flex;gap:8px;max-width:340px;border-bottom:1px solid rgba(245,234,215,.25)}
.newsletter input{flex:1;background:transparent;border:0;padding:10px 4px;color:#f5ead7;font-size:14px}
.newsletter input::placeholder{color:rgba(245,234,215,.45)}
.newsletter input:focus{outline:none}
.newsletter button{color:var(--saffron-2);font-size:12px;letter-spacing:.22em;text-transform:uppercase;padding:0 4px}
.footer__bottom{
  margin-top:72px;padding-block:24px;border-top:1px solid rgba(245,234,215,.1);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
  font-size:12px;color:rgba(245,234,215,.5);
}
.footer__legal{display:flex;gap:24px}
.footer__legal a:hover{color:#f5ead7}

/* -------- motion / a11y -------- */
@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important}
  html{scroll-behavior:auto}
}
:focus-visible{outline:2px solid var(--saffron);outline-offset:3px;border-radius:6px}

/* -------- responsive tightening -------- */
@media(max-width:640px){
  .nav__cta .link-muted{display:none}
  .hero__stats{grid-template-columns:repeat(3,1fr);gap:14px}
  .hero__stats dd{font-size:10px;letter-spacing:.18em}
  .section__head{margin-bottom:36px}
  .event-card{padding:24px}
}

/* ============ Additions for real-data build ============ */

/* Marquee */
.marquee{background:var(--maroon);color:#f5ead7;overflow:hidden;border-block:1px solid rgba(255,255,255,.06)}
.marquee__track{display:inline-flex;gap:48px;padding:14px 0;white-space:nowrap;animation:marquee 38s linear infinite;font-size:13px;letter-spacing:.04em}
.marquee__track strong{color:var(--gold);font-weight:600}
.marquee__track span{padding-inline:12px}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Event card variant (service) */
.event-card--alt{background:#fbf5e8}
.pill--alt{background:rgba(110,31,35,.1);color:var(--maroon)}

/* Poorba Buddy list */
.grid--buddy{display:grid;gap:56px;align-items:start;position:relative;z-index:1;grid-template-columns:1fr}
@media(min-width:980px){.grid--buddy{grid-template-columns:1.1fr 1fr;gap:80px}}
.buddy-list{display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(245,234,215,.18)}
.buddy-list li{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;padding:22px 0;border-bottom:1px solid rgba(245,234,215,.18)}
.buddy-num{font-family:var(--serif);font-size:36px;color:var(--gold);line-height:1;min-width:54px}
.buddy-list strong{color:#faf2df;font-weight:500;font-size:17px;font-family:var(--serif);letter-spacing:-.01em}
.buddy-list p{margin:4px 0 0;color:rgba(245,234,215,.7);font-size:14px}

/* Committee */
.committee__grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;grid-template-columns:1fr}
@media(min-width:640px){.committee__grid{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.committee__grid{grid-template-columns:repeat(3,1fr)}}
.comm{background:var(--bg);padding:22px 24px}
.comm .eyebrow{margin-bottom:6px}
.comm p:not(.eyebrow){margin:0;color:var(--ink);font-size:14px;line-height:1.55}

/* Title sponsor highlight */
.logos--title{grid-template-columns:1fr}
@media(min-width:640px){.logos--title{grid-template-columns:1fr}}
.logo--title{height:140px;font-size:28px;color:var(--maroon);background:linear-gradient(180deg,#fff8ea,var(--bg))}
.logo small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-weight:500}

/* Awards */
.awards__grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-top:24px}
@media(min-width:760px){.awards__grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1040px){.awards__grid{grid-template-columns:repeat(6,1fr)}}
.award{
  border:1px solid rgba(245,234,215,.18);border-radius:12px;padding:22px 18px;
  display:flex;flex-direction:column;gap:8px;font-size:13px;color:rgba(245,234,215,.8);
  background:rgba(245,234,215,.03);transition:background var(--t-fast),border-color var(--t-fast);
}
.award:hover{border-color:var(--saffron-2);background:rgba(217,122,31,.06)}
.award span{font-family:var(--serif);font-size:22px;color:var(--gold)}

/* Contact */
.grid--contact{display:grid;gap:56px;grid-template-columns:1fr;align-items:start}
@media(min-width:980px){.grid--contact{grid-template-columns:1fr 1fr;gap:80px}}
.contact-list{margin-top:24px;border-top:1px solid var(--line)}
.contact-list li{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink)}
.contact-list li span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);align-self:center}
.contact-list a:hover{color:var(--maroon)}

/* Light join form (on ivory bg) */
.join-form--light{background:#fff;border-color:var(--line);box-shadow:var(--shadow-1)}
.join-form--light input,.join-form--light select,.join-form--light textarea{
  background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:14px 16px;font-size:14px;width:100%;
}
.join-form--light textarea{font-family:inherit;resize:vertical;min-height:96px}
.join-form--light input::placeholder,.join-form--light textarea::placeholder{color:rgba(43,36,32,.4)}
.join-form--light input:focus,.join-form--light select:focus,.join-form--light textarea:focus{outline:none;border-color:var(--maroon)}
.join-form--light select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(-45deg,transparent 50%,var(--ink) 50%);background-position:calc(100% - 18px) center,calc(100% - 13px) center;background-size:5px 5px;background-repeat:no-repeat;color:var(--ink)}
.fineprint--dark{color:var(--muted)}

/* Socials list */
.socials{display:flex;gap:18px;margin-top:8px}
.socials a{font-size:13px;color:rgba(233,225,210,.78);border-bottom:1px solid rgba(233,225,210,.2);padding-bottom:2px}
.socials a:hover{color:var(--saffron-2);border-color:var(--saffron-2)}


/* CUSTOM CSS */





    .board__portrait_award img{
        border-radius: 14px;
     }
    .board__portrait_award{
        border-radius: 14px;
        margin-bottom: 18px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        font-family: var(--serif);
        font-size: 128px;
        line-height: .8;
        padding-bottom: 18px;
        transition: color var(--t-med);
    }
    .brand__name {
        text-align: left;
    }
    #myHeader,
    #myHeader.sticky {
        background: #fcfaf4;
    }
    
    button.mobile-menu-trigger{
        background-color: #FFF !important;
    }
    .mobile-menu-trigger span {
        height: 3px;
        display: block;
        width: 20px;
        margin-bottom: 5px !important;
        background-color: #6e1f23;
    }









@media screen and (max-width: 768px) {
    
    .board__card .eyebrow{
      
      text-align: center; 
    }
    
    .board__card h3{text-align: center; }
    
}


@media screen and (max-width: 451px) {
    .nav__inner{
        gap:24px;
    }
    .brand__sub {
        font-size: 7px;
        letter-spacing: 0em;
    }
}

@media(max-width:640px){
    
    .brand__mark {
        width: 42px;
        height: 42px;
    }
    .board__card h3 {
       text-align: center;
    }
    
    
    /*
    .nav__inner{
        gap:10px;
    }
    .brand__sub {
        font-size: 10px;
        letter-spacing: 0.05em;
    }*/
    
}


@media screen and (max-width: 433px) {
    .nav__inner{
        gap:10px;
    }
    .brand__sub {
        font-size: 7px;
        letter-spacing: 0em;
    }
}


@media screen and (max-width: 413px) {
    .nav__inner{
        gap:10px;
    }
    .brand__sub {
        font-size: 6px;
        letter-spacing: 0em;
    }
}
/*

@media screen and (max-width: 400px) {
    .nav__inner{
        gap:10px;
    }
    .brand__sub {
        font-size: 7px;
        letter-spacing: 0em;
    }
}*/