/* ── TOKENS ──────────────────────────────────────────── */
:root {
  --green-dark:  #1a4a2e;
  --green-mid:   #2d6a4f;
  --green-light: #4a7c59;
  --green-pale:  #e8f4ed;
  --gold:        #c5973a;
  --cream:       #f7f4ef;
  --text:        #1a1a1a;
  --text-muted:  #5a5a5a;
  --white:       #ffffff;
  --radius:      6px;
  --nav-height:  68px;
}

/* ── RESET ───────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--white);}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
p{margin-bottom:0;}

/* ── TYPOGRAPHY ──────────────────────────────────────── */
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;line-height:1.2;color:var(--green-dark);}
h1{font-size:clamp(2rem,5vw,3rem);}
h2{font-size:clamp(1.5rem,3vw,2rem);}
h3{font-size:1.1rem;}

/* ── LAYOUT ──────────────────────────────────────────── */
.container{max-width:1100px;margin:0 auto;padding:0 24px;}
.section{padding:72px 0;}
.section--cream{background:var(--cream);}
.section--green{background:var(--green-dark);color:var(--white);}
.section--pale{background:var(--green-pale);}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.two-col img{border-radius:12px;}

/* ── BUTTONS ─────────────────────────────────────────── */
.btn{display:inline-block;padding:12px 28px;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;text-align:center;}
.btn:hover{opacity:.87;transform:translateY(-1px);}
.btn--primary{background:var(--green-dark);color:var(--white);}
.btn--secondary{background:transparent;color:var(--green-dark);border:2px solid var(--green-dark);}
.btn--white{background:var(--white);color:var(--green-dark);}
.btn--gold{background:var(--gold);color:var(--white);}

/* ── NAV ─────────────────────────────────────────────── */
.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--white);border-bottom:1px solid rgba(0,0,0,.08);z-index:100;}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 24px;max-width:1200px;margin:0 auto;}
.nav__logo img{height:36px;}
.nav__links{display:flex;align-items:center;gap:32px;list-style:none;}
.nav__links a{font-size:14px;font-weight:500;color:var(--text);transition:color .2s;}
.nav__links a:hover,.nav__links a.active{color:var(--green-mid);}
.nav__links a.active{font-weight:700;}
.nav__hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;}
.nav__hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;}

/* ── PAGE HERO ───────────────────────────────────────── */
.page-hero{padding:calc(var(--nav-height) + 56px) 0 56px;background:var(--cream);}
.page-hero--sym{background:linear-gradient(135deg,#1a4a2e 0%,#2d6a4f 100%);color:var(--white);}
.page-hero--sym h1,.page-hero--sym .eyebrow{color:var(--white);}
.page-hero--sym .page-hero__sub{color:rgba(255,255,255,.8);}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green-light);margin-bottom:12px;}
.page-hero__sub{font-size:1.1rem;color:var(--text-muted);margin-top:16px;max-width:640px;}

/* ── HERO (homepage) ─────────────────────────────────── */
.hero{padding:calc(var(--nav-height) + 64px) 0 64px;background:var(--cream);}
.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.hero__eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green-light);margin-bottom:12px;}
.hero h1 span{color:var(--green-mid);}
.hero__subtitle{margin:16px 0 24px;color:var(--text-muted);}
.hero__list{list-style:none;margin-bottom:32px;display:flex;flex-direction:column;gap:10px;}
.hero__list li{display:flex;gap:10px;font-size:15px;}
.hero__list li::before{content:"✓";color:var(--green-mid);font-weight:700;flex-shrink:0;margin-top:1px;}
.hero__list strong{color:var(--green-dark);}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;}
.hero__text-links{margin-bottom:24px;font-size:14px;color:var(--text-muted);line-height:1.8;}
.hero__image{border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12);}

/* ── SAVE THE DATE ───────────────────────────────────── */
.save-the-date{background:var(--green-dark);padding:56px 24px;text-align:center;}
.save-the-date__eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#a8d5b5;font-weight:600;margin-bottom:12px;}
.save-the-date h2{color:var(--white);font-size:clamp(1.4rem,3vw,2rem);margin-bottom:8px;}
.save-the-date__dates{font-size:1.3rem;color:#d4f0dd;font-weight:500;margin-bottom:4px;}
.save-the-date__venue{font-size:15px;color:#a8d5b5;margin-bottom:28px;}
.save-the-date__note{font-size:14px;color:#c8e8d4;margin-bottom:24px;}

/* ── SYMPOSIUM SUCCESS ───────────────────────────────── */
.success__inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.success__content p{color:var(--text-muted);margin-bottom:16px;}
.success__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.success__image{border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1);}
.success__banner{margin-top:16px;border-radius:8px;overflow:hidden;}

/* ── PUBLICATIONS ────────────────────────────────────── */
.publications{text-align:center;}
.publications h2{margin-bottom:32px;}
#rss-feed{text-align:left;min-height:80px;}
.rss-item{padding:14px 0;border-bottom:1px solid #eee;}
.rss-item a{color:var(--green-mid);font-weight:500;font-size:15px;}
.rss-item a:hover{color:var(--green-dark);}
.rss-item__meta{font-size:13px;color:var(--text-muted);margin-top:4px;}
.publications__link{margin-top:28px;}
.publications__link a{color:var(--green-mid);font-weight:600;font-size:15px;}

/* ── FIGURES ─────────────────────────────────────────── */
.figures__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center;}
.figure__number{font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--green-mid);line-height:1;margin-bottom:8px;}
.figure__icon{font-size:1.8rem;margin-bottom:8px;}
.figure__label{font-size:14px;color:var(--text-muted);}
.figures__note{margin-top:24px;font-size:12px;color:var(--text-muted);text-align:center;}

/* ── MEMBERS ─────────────────────────────────────────── */
.members h2{text-align:center;margin-bottom:40px;}
.members__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;}
.member-card{background:var(--white);border:1px solid #e0ede5;border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s;text-align:center;}
.member-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-2px);}
.member-card a{display:block;padding:20px 16px 16px;color:inherit;}
.member-card__photo{width:72px;height:72px;border-radius:50%;background:var(--green-pale);margin:0 auto 12px;overflow:hidden;}
.member-card__photo img{width:100%;height:100%;object-fit:cover;}
.member-card__photo--initials{display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:1.2rem;color:var(--green-mid);font-weight:700;}
.member-card__name{font-weight:700;font-size:14px;color:var(--green-dark);margin-bottom:4px;}
.member-card__country{font-size:12px;color:var(--text-muted);margin-bottom:4px;}
.member-card__affiliation{font-size:12px;color:var(--text-muted);font-style:italic;}

/* ── TOPICS ──────────────────────────────────────────── */
.topics h2{text-align:center;margin-bottom:12px;}
.topics__subtitle{text-align:center;color:var(--text-muted);margin-bottom:40px;font-size:15px;}
.topics__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;}
.topic-card{background:var(--white);border-radius:10px;padding:28px 24px;border-top:4px solid var(--green-mid);}
.topic-card__icon{font-size:2rem;margin-bottom:12px;}
.topic-card h3{color:var(--green-dark);margin-bottom:10px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;}
.topic-card p{font-size:14px;color:var(--text-muted);}

/* ── WEBINARS ────────────────────────────────────────── */
.upcoming-block{background:var(--green-pale);border-radius:12px;padding:40px;}
.upcoming-block h2{margin-bottom:24px;}
.upcoming-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.speaker-card{background:var(--white);border:1px solid #d0e8d8;border-left:4px solid var(--green-mid);border-radius:8px;padding:20px;display:flex;gap:16px;align-items:center;}
.speaker-card__avatar{width:48px;height:48px;border-radius:50%;background:var(--green-dark);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:700;flex-shrink:0;}
.speaker-card__name{font-weight:700;color:var(--green-dark);font-size:15px;}
.speaker-card__role{font-size:13px;color:var(--text-muted);}
.speaker-card__affil{font-size:13px;color:var(--text-muted);font-style:italic;}
.webinar-list{display:flex;flex-direction:column;gap:0;}
.webinar-item{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid #e8ede8;}
.webinar-item__date{font-family:Georgia,serif;font-size:1.1rem;font-weight:700;color:var(--green-light);padding-top:4px;}
.webinar-item h3{color:var(--green-dark);margin-bottom:8px;}
.webinar-item p{font-size:14px;color:var(--text-muted);}

/* ── WHO WE ARE ──────────────────────────────────────── */
.infography-block img{border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);}
.activations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.activation-card{background:var(--white);border-radius:12px;padding:32px 24px;border:1px solid #e0ede5;text-align:center;}
.activation-card--featured{background:var(--green-dark);color:var(--white);border-color:var(--green-dark);}
.activation-card--featured h3,.activation-card--featured p{color:rgba(255,255,255,.9);}
.activation-card__num{font-family:Georgia,serif;font-size:2.5rem;font-weight:700;color:var(--green-pale);margin-bottom:8px;line-height:1;}
.activation-card--featured .activation-card__num{color:rgba(255,255,255,.3);}
.activation-card__icon{font-size:2rem;margin-bottom:12px;}
.activation-card h3{color:var(--green-dark);margin-bottom:8px;}
.activation-card p{font-size:14px;color:var(--text-muted);}

/* ── SYMPOSIUM 2025 ──────────────────────────────────── */
.stats-mini{display:flex;gap:32px;flex-wrap:wrap;}
.stat-mini{text-align:center;}
.stat-mini__n{display:block;font-family:Georgia,serif;font-size:2rem;font-weight:700;color:var(--green-mid);}
.stat-mini__l{font-size:13px;color:var(--text-muted);}
.programme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.programme-item{background:var(--white);border-radius:10px;padding:28px 24px;}
.programme-item__day{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.programme-item h3{color:var(--green-dark);margin-bottom:10px;}
.programme-item p{font-size:14px;color:var(--text-muted);}

/* ── SPONSOR ─────────────────────────────────────────── */
.sponsor{text-align:center;}
.sponsor h2{color:var(--white);margin-bottom:12px;}
.sponsor p{color:#c8e8d4;margin-bottom:32px;font-size:15px;}

/* ── LINKEDIN ────────────────────────────────────────── */
.linkedin__inner{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;}
.linkedin h2{margin-bottom:12px;}
.linkedin p{color:var(--text-muted);margin-bottom:24px;}
.linkedin__phone img{max-height:320px;}

/* ── FOOTER ──────────────────────────────────────────── */
.footer{background:var(--green-dark);color:var(--white);padding:48px 0 24px;}
.footer__inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:40px;}
.footer__logo img{height:32px;margin-bottom:16px;filter:brightness(0) invert(1);}
.footer__desc{font-size:14px;color:#a8d5b5;line-height:1.7;}
.footer__newsletter h4{color:var(--white);margin-bottom:8px;font-size:1rem;}
.footer__newsletter p{font-size:14px;color:#a8d5b5;margin-bottom:20px;}
.footer__form{display:flex;gap:8px;flex-wrap:wrap;}
.footer__form input[type="email"]{flex:1;min-width:200px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);background:rgba(255,255,255,.08);color:var(--white);font-size:14px;}
.footer__form input::placeholder{color:rgba(255,255,255,.4);}
.footer__form button{padding:10px 20px;background:var(--gold);color:var(--white);border:none;border-radius:var(--radius);font-weight:600;font-size:14px;cursor:pointer;transition:opacity .2s;}
.footer__form button:hover{opacity:.85;}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#7aab8a;}
.footer__bottom a{color:#7aab8a;}
.footer__bottom a:hover{color:var(--white);}

/* ── MOBILE ──────────────────────────────────────────── */
@media(max-width:768px){
  .nav__links{display:none;}
  .nav__links.open{display:flex;flex-direction:column;position:absolute;top:var(--nav-height);left:0;right:0;background:var(--white);padding:16px 24px;border-bottom:1px solid #eee;gap:16px;}
  .nav__hamburger{display:flex;}
  .hero__inner,.success__inner,.two-col,.linkedin__inner{grid-template-columns:1fr;}
  .hero__image{order:1;}
  .figures__grid,.activations-grid,.programme-grid{grid-template-columns:1fr;gap:16px;}
  .upcoming-grid{grid-template-columns:1fr;}
  .linkedin__phone{display:none;}
  .footer__inner{grid-template-columns:1fr;}
  .footer__bottom{flex-direction:column;gap:8px;text-align:center;}
  .webinar-item{grid-template-columns:60px 1fr;gap:16px;}
}
