/* ==========================================================
   BRAND COLORS
   Sampled from the official palette images on
   gammaphibeta.org/Our-Brand (Sept 2026).
   ========================================================== */
.gphib{
  --blush:#F8B0AA;        /* Blush (primary) */
  --alamode:#A49B93;      /* A-La-Mode (primary) */
  --carnation:#E4417A;    /* Carnation */
  --brownstone:#686057;   /* Brownstone */
  --pearl:#F0E8E2;        /* Pearl */
  --bluemoon:#7B99AC;     /* Once in a Blue Moon */
  --ink:#686057;        /* Brownstone for body text */
  --muted:#686057;      /* Brownstone */
  --paper:#F0E8E2;      /* Pearl */
  --line:rgba(104,96,87,.16);
  --heading:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --body:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;
}
.gphib *{box-sizing:border-box}
.gphib html{scroll-behavior:smooth}
.gphib{margin:0;font-family:var(--body);font-size:18px;line-height:1.6;color:var(--ink);background:var(--paper)}
.gphib *{box-sizing:border-box}
.gphib ul{margin:0;padding:0}
.gphib img{border:0}
.gphib img{max-width:100%;display:block}
.gphib a{color:var(--carnation)}
.gphib a:hover{color:var(--brownstone)}
.gphib .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.gphib .skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px}
.gphib .skip:focus{left:12px;top:12px;z-index:10}

/* Header */
.gphib .topbar{height:5px;background:linear-gradient(90deg,var(--blush),var(--carnation) 50%,var(--blush))}
.gphib header{position:sticky;top:0;z-index:5;background:rgba(240,232,226,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.gphib .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.gphib .brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--brownstone)}
.gphib .brand img{height:56px;width:auto}
.gphib .brand .name{font-family:var(--heading);font-weight:600;font-size:22px;line-height:1.05}
.gphib .brand .name small{display:block;font-family:var(--body);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--carnation);font-weight:700;margin-top:5px}
.gphib nav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px}
.gphib nav a{text-decoration:none;color:var(--brownstone);font-weight:600;font-size:15px;letter-spacing:.02em;padding-bottom:3px;border-bottom:2px solid transparent}
.gphib nav a:hover{color:var(--carnation);border-color:var(--blush)}
@media(max-width:760px){ .gphib nav ul{display:none}}

/* Hero */
.gphib .hero{position:relative;overflow:hidden;padding:96px 0 110px;background:linear-gradient(180deg,#fff 0%,var(--paper) 100%)}
.gphib .hero .bg{position:absolute;inset:0;pointer-events:none}
.gphib .hero .bg .wash{position:absolute;right:-18%;top:-45%;width:60vw;max-width:760px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(248,176,170,.55) 0%,rgba(248,176,170,.18) 45%,transparent 68%)}
.gphib .hero .bg .medal{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:min(36vw,440px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 10px rgba(248,176,170,.32),0 0 0 11px rgba(248,176,170,.7),0 24px 60px rgba(104,96,87,.14);display:flex;align-items:center;justify-content:center}
.gphib .hero .bg .crest{width:72%;height:auto}
@media(max-width:820px){ .gphib .hero .bg .medal{display:none}}
.gphib .hero .wrap{position:relative}
.gphib .hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--carnation);margin:0 0 20px}
.gphib .hero .eyebrow:before{content:"";width:34px;height:2px;background:var(--carnation)}
.gphib .hero h1{font-family:var(--heading);font-weight:500;font-size:clamp(44px,6.5vw,76px);line-height:1;margin:0 0 20px;color:var(--brownstone);max-width:12ch}
.gphib .hero h1 em{font-style:italic;color:var(--carnation)}
.gphib .hero p{font-size:20px;max-width:52ch;margin:0 0 32px;color:var(--muted)}
.gphib .btns{display:flex;flex-wrap:wrap;gap:12px}
.gphib .btn{display:inline-block;padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:700;font-size:16px;border:2px solid transparent;transition:.15s;letter-spacing:.01em}
.gphib .btn.primary{background:var(--carnation);color:#fff}
.gphib .btn.primary:hover{background:var(--brownstone);color:#fff}
.gphib .btn.ghost{border-color:var(--brownstone);color:var(--brownstone)}
.gphib .btn.ghost:hover{border-color:var(--carnation);color:var(--carnation)}

/* Stats band */
.gphib .stats{background:var(--brownstone);color:#fff}
.gphib .stats .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:34px 24px}
@media(max-width:720px){ .gphib .stats .wrap{grid-template-columns:1fr;gap:18px}}
.gphib .stat{display:flex;flex-direction:column;gap:2px;padding-left:18px;border-left:3px solid var(--blush)}
.gphib .stat b{font-family:var(--heading);font-size:40px;font-weight:600;line-height:1;color:#fff}
.gphib .stat span{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--blush);font-weight:700}

/* Sections */
.gphib section{padding:88px 0}
.gphib section.tint{background:#fff}
.gphib section.blushy{background:linear-gradient(180deg,rgba(248,176,170,.32),var(--paper))}
.gphib .kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--carnation);margin:0 0 12px}
.gphib .kicker:before{content:"";width:26px;height:2px;background:var(--carnation)}
.gphib h2{font-family:var(--heading);font-weight:500;font-size:clamp(34px,4.4vw,50px);line-height:1.05;margin:0 0 22px;color:var(--brownstone)}
.gphib h3{font-family:var(--heading);font-weight:600;font-size:26px;margin:0 0 8px;color:var(--brownstone)}
.gphib p{margin:0 0 16px}
.gphib .two{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
@media(max-width:820px){ .gphib .two{grid-template-columns:1fr;gap:32px}}
.gphib .card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 30px;box-shadow:0 10px 30px rgba(104,96,87,.06)}
.gphib .card + .card{margin-top:16px}
.gphib .card.rose{background:linear-gradient(160deg,#fff,rgba(248,176,170,.32));border-color:rgba(248,176,170,.6)}
.gphib .facts{list-style:none;margin:0;padding:0}
.gphib .facts li{padding:13px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:12px}
.gphib .facts li:first-child{border-top:0;padding-top:0}
.gphib .facts b{color:var(--carnation);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding-top:4px}

/* Philanthropy */
.gphib .phil{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
@media(max-width:820px){ .gphib .phil{grid-template-columns:1fr;gap:32px}}
.gphib .phil .logo{background:#fff;border-radius:22px;padding:40px;box-shadow:0 16px 40px rgba(228,65,122,.10);border:1px solid rgba(228,65,122,.12)}
.gphib .gift{display:flex;align-items:baseline;gap:14px;margin:10px 0 14px}
.gphib .gift b{font-family:var(--heading);font-size:clamp(52px,7vw,84px);font-weight:600;line-height:1;color:var(--carnation)}
.gphib .gift span{font-size:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brownstone);max-width:14ch;line-height:1.2}

/* Events */
.gphib .events{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.gphib .event{display:grid;grid-template-columns:96px 1fr;gap:22px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 26px;align-items:start;box-shadow:0 10px 30px rgba(104,96,87,.05)}
.gphib .date{background:var(--carnation);color:#fff;border-radius:12px;text-align:center;padding:12px 6px;line-height:1.05}
.gphib .date .m{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.9}
.gphib .date .d{display:block;font-family:var(--heading);font-size:38px;font-weight:600}
.gphib .date.soft{background:var(--blush);color:var(--brownstone)}
.gphib .event h3{margin-bottom:4px}
.gphib .event .meta{color:var(--muted);font-size:16px;margin-bottom:8px}
.gphib .event p:last-child{margin-bottom:0}
.gphib .note{font-size:16px;color:var(--muted)}

/* Quote band */
.gphib .quote{background:var(--blush);padding:64px 0;text-align:center;position:relative;overflow:hidden}
.gphib .quote .moon{position:absolute;left:4%;top:50%;transform:translateY(-50%);width:220px;height:220px;opacity:.55}
.gphib .quote .moon svg{width:100%;height:100%;display:block;transform:rotate(15deg)}
@media(max-width:820px){ .gphib .quote .moon{width:140px;height:140px;left:2%;opacity:.35}}
.gphib .quote blockquote{position:relative;margin:0 auto;max-width:22ch;font-family:var(--heading);font-size:clamp(34px,5vw,56px);font-weight:500;font-style:italic;line-height:1.1;color:var(--brownstone)}
.gphib .quote cite{display:block;margin-top:14px;font-style:normal;font-family:var(--body);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--carnation)}

/* Instagram */
.gphib .insta-head{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.gphib .insta-head h2{margin:0}
.gphib .insta-feed{min-height:120px}
.gphib .insta-fallback{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:820px){ .gphib .insta-fallback{grid-template-columns:repeat(2,1fr)}}
.gphib .insta-fallback a{display:block;aspect-ratio:1;border-radius:14px;background:linear-gradient(160deg,rgba(248,176,170,.32),var(--blush));border:1px solid rgba(248,176,170,.6);text-decoration:none;color:var(--brownstone);display:flex;align-items:center;justify-content:center;font-family:var(--heading);font-size:22px;font-style:italic}
.gphib .insta-fallback a:hover{background:var(--blush)}

/* Contact */
.gphib .contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){ .gphib .contact-grid{grid-template-columns:1fr}}
.gphib .contact-grid .card{padding:24px;text-align:center;margin-top:0}
.gphib .contact-grid .ico{width:52px;height:52px;border-radius:50%;background:rgba(248,176,170,.32);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.gphib .contact-grid .ico svg{width:28px;height:28px;display:block;transform:rotate(15deg)}
.gphib .contact-grid a.big{display:block;font-weight:700;word-break:break-word;text-decoration:none;margin-top:4px}

/* Footer */
.gphib footer{padding:44px 0 56px;background:#fff;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.gphib footer .row{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.gphib footer .row img{height:96px}
.gphib footer p{margin:0 0 8px}