:root{--navy:#073c7c;--blue:#0c5ba7;--teal:#19b9bd;--green:#69bb68;--gold:#ffc83d;--ink:#15314f;--muted:#607287;--pale:#f3f8fc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.65}a{color:inherit}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:10px max(5vw,24px);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);z-index:20;border-bottom:1px solid #e9f0f6}.brand img{width:112px;height:66px;object-fit:cover;object-position:center 38%}.site-header nav{display:flex;gap:28px}.site-header nav a{text-decoration:none;font-weight:700;font-size:.94rem}.site-header nav a:hover{color:var(--blue)}.menu{display:none;border:0;background:none;font-size:1.5rem}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:80px max(7vw,32px);background:linear-gradient(135deg,#fff 40%,#f0f8fc)}.hero-copy{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.78rem;color:var(--blue);margin:0 0 14px}.hero h1,.section h2,.mission h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:1.02;letter-spacing:-.05em;color:var(--navy);margin:0 0 24px}.hero h1 span{color:var(--teal)}.lead{font-size:1.18rem;color:var(--muted);max-width:700px}.hero-logo{width:min(100%,600px);justify-self:center}.actions{display:flex;gap:14px;margin-top:30px}.button{display:inline-block;padding:13px 24px;border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-weight:800;border:2px solid var(--navy)}.button:hover{transform:translateY(-1px)}.button.secondary{background:#fff;color:var(--navy)}.mission{text-align:center;padding:100px max(8vw,28px);background:var(--navy);color:#fff}.mission .eyebrow{color:#7fe1dc}.mission h2{font-size:clamp(2rem,4vw,4rem);color:#fff}.mission>p:last-child{max-width:850px;margin:0 auto;font-size:1.1rem;color:#d8e6f4}.section{padding:100px max(7vw,32px)}.section>h2,.split h2,.event h2,.join h2,.contact h2{font-size:clamp(2rem,4vw,4rem);max-width:900px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}.cards article,.join-grid article{padding:28px;border:1px solid #dfeaf2;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(8,61,124,.06)}.icon{font-size:2rem}.cards h3,.join-grid h3{color:var(--navy);font-size:1.25rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--pale)}.split p{font-size:1.08rem}.values{font-weight:800;color:var(--blue);letter-spacing:.02em}.event{background:#fff}.event-badge{display:inline-block;background:var(--gold);color:#3b3b20;font-weight:900;padding:7px 12px;border-radius:999px;margin-bottom:22px}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.event-list{border-left:4px solid var(--teal);padding-left:30px}.event-list p{margin:0 0 24px}.join{text-align:center;background:linear-gradient(180deg,#f3fbfb,#fff)}.join>h2,.join>.lead{margin-left:auto;margin-right:auto}.join-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;margin:46px 0 34px}.volunteer{max-width:1050px;margin:auto;text-align:center}.volunteer h2{margin-left:auto;margin-right:auto}.contact{background:var(--navy);color:#fff}.contact .eyebrow{color:#7fe1dc}.contact h2{color:#fff}.contact>p{max-width:760px}.contact-box{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.contact-box p{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:24px}.contact-box a{color:#fff}.note{font-size:.85rem;color:#c5d6e7}footer{text-align:center;padding:55px 24px;background:#f5f8fb;color:var(--muted)}footer img{width:150px;height:90px;object-fit:cover;object-position:center 40%;mix-blend-mode:multiply}.copyright{font-size:.85rem}
.social-links{display:flex;justify-content:center;gap:20px;margin:18px 0}
.social-links img{width:36px;height:36px;object-fit:contain;mix-blend-mode:normal}
.social-links a:hover{opacity:.8}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-logo{width:min(80%,460px);grid-row:1}.cards{grid-template-columns:1fr 1fr}.split,.event-grid{grid-template-columns:1fr}.join-grid,.contact-box{grid-template-columns:1fr}.site-header nav{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;padding:24px;flex-direction:column;border-bottom:1px solid #ddd}.site-header nav.open{display:flex}.menu{display:block}}@media(max-width:560px){.cards{grid-template-columns:1fr}.hero{padding-left:22px;padding-right:22px}.section{padding:76px 22px}.mission{padding:76px 22px}.hero h1{font-size:2.75rem}.actions{flex-wrap:wrap}}

.status{display:inline-block;margin:0 0 8px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.coming-soon{border-top:4px solid var(--teal)!important}
.cards{grid-template-columns:repeat(3,1fr)}
.join-grid{grid-template-columns:repeat(2,1fr);max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.join-grid{grid-template-columns:1fr}}
@media(max-width:560px){.cards{grid-template-columns:1fr}}

.form-note{margin-top:14px;font-size:.9rem;color:var(--muted)}

/* Youthful refresh */
body{font-size:18px;line-height:1.7;background:#fffdf8}
.site-header{height:92px;border-bottom:3px solid #e8f4fb;box-shadow:0 4px 18px rgba(7,60,124,.05)}
.site-header nav a{font-size:1.02rem;padding:8px 4px;position:relative}
.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--teal),var(--gold));transition:.2s}
.site-header nav a:hover:after{right:0}

.hero{position:relative;overflow:hidden;min-height:700px;background:
radial-gradient(circle at 85% 18%,rgba(255,200,61,.24) 0 110px,transparent 112px),
radial-gradient(circle at 7% 78%,rgba(25,185,189,.16) 0 135px,transparent 137px),
linear-gradient(135deg,#fffdf8 35%,#eefaff 100%)}
.hero:after{content:"";position:absolute;width:180px;height:180px;border:18px solid rgba(105,187,104,.12);border-radius:50%;right:-65px;bottom:-55px}
.hero h1{font-size:clamp(3rem,5.5vw,5.6rem);letter-spacing:-.045em}
.hero h1 span{display:inline-block;background:linear-gradient(90deg,var(--teal),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:1.28rem;color:#49677f}
.hero-logo{filter:drop-shadow(0 18px 25px rgba(7,60,124,.10));transform:rotate(1deg)}
.hero-doodle{position:absolute;font-weight:900;z-index:0;pointer-events:none}
.doodle-one{left:48%;top:15%;font-size:2.2rem;color:var(--gold);transform:rotate(15deg)}
.doodle-two{right:5%;top:63%;font-size:1.2rem;color:var(--teal)}
.doodle-three{left:4%;top:17%;font-size:2.6rem;color:var(--green)}
.hero-copy,.hero-logo{position:relative;z-index:1}

.eyebrow{font-size:.9rem;letter-spacing:.12em}
.lead{font-size:1.25rem}
.button{font-size:1.05rem;padding:15px 28px;box-shadow:0 7px 0 rgba(7,60,124,.12);transition:.18s}
.button:hover{transform:translateY(-3px) rotate(-.5deg);box-shadow:0 10px 0 rgba(7,60,124,.10)}
.button.secondary{border-color:var(--teal);color:var(--navy)}

.mission{position:relative;background:linear-gradient(135deg,#073c7c,#0c5ba7);overflow:hidden}
.mission:before,.mission:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.06)}
.mission:before{width:240px;height:240px;left:-90px;top:-90px}.mission:after{width:180px;height:180px;right:-60px;bottom:-70px}
.mission>p:last-child{font-size:1.2rem}

.section{padding-top:105px;padding-bottom:105px}
.section>h2,.split h2,.event h2,.join h2,.contact h2{font-size:clamp(2.35rem,4.3vw,4.25rem)}
.cards{gap:24px}
.cards article,.join-grid article{position:relative;padding:32px;border:2px solid #e1edf5;border-radius:28px;box-shadow:0 12px 0 rgba(7,60,124,.055);transition:.2s;overflow:hidden}
.cards article:nth-child(4n+1){border-top:7px solid var(--blue)}
.cards article:nth-child(4n+2){border-top:7px solid var(--teal)}
.cards article:nth-child(4n+3){border-top:7px solid var(--green)}
.cards article:nth-child(4n+4){border-top:7px solid var(--gold)}
.cards article:hover,.join-grid article:hover{transform:translateY(-6px) rotate(-.25deg);box-shadow:0 18px 0 rgba(7,60,124,.06)}
.icon{font-size:2.7rem;line-height:1}
.cards h3,.join-grid h3{font-size:1.45rem;margin-bottom:10px}
.cards p,.join-grid p,.split p,.volunteer p,.contact>p,.event-list p{font-size:1.08rem}
.coming-soon{background:linear-gradient(145deg,#fff,#f4fcff)!important}
.status{font-size:.8rem;background:#e9f9fa;padding:6px 10px;border-radius:999px;margin-top:4px}

.split{background:
radial-gradient(circle at 92% 15%,rgba(255,200,61,.16) 0 100px,transparent 102px),
#f3f9fd}
.values{font-size:1.12rem}
.event{background:linear-gradient(180deg,#fffdf8,#fff)}
.event-badge{font-size:1rem;padding:9px 16px;transform:rotate(-1deg)}
.event-list{border-left:6px solid var(--teal)}
.join{background:
radial-gradient(circle at 8% 18%,rgba(105,187,104,.13) 0 100px,transparent 102px),
radial-gradient(circle at 93% 82%,rgba(255,200,61,.17) 0 130px,transparent 132px),
linear-gradient(180deg,#f0fbfc,#fffdf8)}
.join-grid article:first-child{border-top:7px solid var(--teal)}
.join-grid article:last-child{border-top:7px solid var(--gold)}
.form-note{font-size:1rem}
.volunteer{position:relative}
.contact{background:linear-gradient(135deg,#073c7c,#0a5497)}
.contact-box.single-contact{display:block;max-width:560px}
.contact-box.single-contact p{font-size:1.12rem;background:rgba(255,255,255,.12)}
.note{font-size:.92rem}
footer{background:#f3f9fd;font-size:1rem}

@media(max-width:900px){
  body{font-size:17px}
  .hero{min-height:auto}
  .hero-logo{width:min(72%,420px)}
  .doodle-one{left:78%;top:10%}
}
@media(max-width:560px){
  body{font-size:17px}
  .hero h1{font-size:3rem}
  .hero .lead,.lead{font-size:1.15rem}
  .cards article,.join-grid article{padding:26px}
  .section>h2,.split h2,.event h2,.join h2,.contact h2{font-size:2.45rem}
}

.event-intro{font-size:1.3rem;line-height:1.7;max-width:900px;margin-left:auto;margin-right:auto}
.event h3{font-size:1.65rem;color:var(--teal);margin:.4rem 0 1.2rem}

.festival-gallery{max-width:1050px;margin:38px auto 12px;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:190px 190px;gap:14px}
.festival-gallery figure{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 10px 24px rgba(7,60,124,.12);border:4px solid #fff}
.festival-gallery .gallery-feature{grid-row:1/3}
.festival-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.festival-gallery figure:hover img{transform:scale(1.035)}
.photo-caption{text-align:center;font-size:.9rem!important;color:var(--muted);margin:10px auto 28px!important}
@media(max-width:760px){
 .festival-gallery{grid-template-columns:1fr 1fr;grid-template-rows:250px 160px 160px}
 .festival-gallery .gallery-feature{grid-column:1/3;grid-row:auto}
}
@media(max-width:480px){
 .festival-gallery{display:flex;overflow-x:auto;gap:12px;padding:4px 2px 14px;scroll-snap-type:x mandatory}
 .festival-gallery figure,.festival-gallery .gallery-feature{min-width:82%;height:230px;scroll-snap-align:center}
}

/* Clean youth-organization refinement */
body{background:#fff;color:#17324a}
.hero{background:linear-gradient(115deg,#f5fbff 0%,#fff 52%,#f7fbf5 100%);min-height:620px}
.hero:before{content:"";position:absolute;left:0;top:0;width:8px;height:100%;background:linear-gradient(var(--blue),var(--teal),var(--green),var(--gold))}
.hero-doodle{display:none}
.hero h1{font-size:clamp(3.15rem,5.4vw,5.5rem);line-height:1.03}
.hero h1 span{background:none;color:var(--navy)}
.hero .lead{max-width:720px;font-size:1.3rem}
.hero-visual-clean{position:relative;z-index:1;align-self:center;justify-self:center;width:min(390px,90%);aspect-ratio:1/1;border-radius:50%;background:#fff;border:1px solid #dcebf3;box-shadow:0 22px 55px rgba(7,60,124,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px}
.hero-visual-clean:before{content:"";position:absolute;inset:18px;border-radius:50%;border:10px solid #edf7fb}
.brain-word{position:relative;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:900;letter-spacing:.04em;color:var(--navy)}
.color-bars{position:relative;display:flex;width:78%;height:11px;margin:20px 0 18px;border-radius:10px;overflow:hidden}
.color-bars span{flex:1}.color-bars span:nth-child(1){background:var(--blue)}.color-bars span:nth-child(2){background:var(--teal)}.color-bars span:nth-child(3){background:var(--green)}.color-bars span:nth-child(4){background:var(--gold)}
.hero-visual-clean p{position:relative;text-align:center;font-weight:700;font-size:1rem;color:#557086;letter-spacing:.04em}
.section:nth-of-type(even){background:#f8fbfd}
.cards article,.join-grid article{box-shadow:none;border:1px solid #dce8ef;border-radius:20px}
.cards article:hover,.join-grid article:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(7,60,124,.08)}
.button{box-shadow:none;border-radius:10px}
.button:hover{transform:translateY(-2px);box-shadow:none}
.festival-gallery figure{border-radius:14px;box-shadow:none;border:1px solid #dce8ef}
.event{background:#fff}
.event-list{background:#f5fbfc;border-radius:0 16px 16px 0;padding:18px 24px}
.join{background:#f5fafc}
.mission{background:var(--navy)}
.contact{background:var(--navy)}
@media(max-width:900px){
 .hero-visual-clean{width:min(330px,76%);margin-top:20px}
}
/* Oct 4 update: exact original logo + festival-first homepage */
.site-header .brand{width:250px;min-width:250px;display:flex;align-items:center;padding:8px 0}
.site-header .brand img{width:100%;height:92px;object-fit:contain;object-position:center;display:block}
.event-first{padding:0;background:linear-gradient(135deg,#073b83 0%,#0b2f67 45%,#0a79b8 100%);color:#fff;display:grid;grid-template-columns:40% 60%;position:relative;overflow:hidden}
.event-first .event-copy{padding:44px 30px 26px 6vw;align-self:center}.event-first .eyebrow{color:#8eeaff;letter-spacing:.22em}.event-first h1{font-size:clamp(3rem,5.4vw,5.7rem);line-height:.94;margin:.3rem 0 1.3rem;color:#fff}.event-first h1 span{color:#ffd32a}.event-first p{max-width:650px}.event-first .event-badge{display:inline-block;color:#ffd32a;font-weight:800;margin:.4rem 0}.festival-volunteer{background:#ffd32a!important;color:#071d49!important;border-radius:18px!important;font-weight:900!important;padding:14px 22px!important;margin-top:10px;display:inline-flex!important;align-items:center;gap:8px}.festival-volunteer span{font-size:.78em;font-weight:700}.event-first .festival-gallery{margin:0;padding:18px 18px 18px 0;display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:1fr 1fr;gap:8px;min-height:530px}.event-first .festival-gallery figure{margin:0;border:5px solid #fff;border-radius:12px;overflow:hidden}.event-first .festival-gallery .gallery-feature{grid-row:span 1}.event-first .festival-gallery figure:nth-child(3){grid-column:1}.event-first .festival-gallery figure:nth-child(4){grid-column:2}.event-first .festival-gallery img{width:100%;height:100%;object-fit:cover}.event-info-strip{grid-column:1/-1;background:#f8fbff;color:#073b83;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:16px 5vw}.event-info-strip p{margin:0;padding:4px 24px;border-right:1px solid #c9d9ee;display:flex;gap:10px;align-items:center}.event-info-strip p:last-child{border-right:0}.programs-featured{background:#fff;padding-top:34px}.programs-featured>.eyebrow{font-size:1.2rem}.programs-featured h2{margin-top:.15rem}.program-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.program-feature{display:grid;grid-template-columns:42% 58%;border-radius:20px;overflow:hidden;min-height:230px;border:1px solid rgba(10,57,120,.08)}.program-feature img{width:100%;height:100%;object-fit:cover}.program-feature>div{padding:22px 18px}.program-feature h3{margin:0 0 10px;font-size:1.55rem;line-height:1.05}.program-feature p{font-size:1rem;line-height:1.45}.program-feature.pink{background:#fff1f6}.program-feature.pink h3{color:#ef2b73}.program-feature.green{background:#edf9ef}.program-feature.green h3{color:#08764e}.program-feature.blue{background:#eef7ff}.program-feature.blue h3{color:#0758cf}.program-feature .status{font-weight:800;font-size:.85rem;color:#53667e}
@media(max-width:900px){.site-header .brand{width:190px;min-width:190px}.site-header .brand img{height:72px}.event-first{grid-template-columns:1fr}.event-first .event-copy{padding:36px 24px}.event-first .festival-gallery{padding:0 16px 16px;min-height:420px}.event-info-strip{grid-template-columns:1fr 1fr}.event-info-strip p:nth-child(2){border-right:0}.program-feature-grid{grid-template-columns:1fr}.program-feature{min-height:210px}}

/* Larger header logo */
.site-header{height:126px;padding-top:8px;padding-bottom:8px}
.site-header .brand{width:330px;min-width:330px;padding:0}
.site-header .brand img{width:100%;height:112px;object-fit:contain;object-position:center;display:block}
@media(max-width:900px){
  .site-header{height:104px}
  .site-header .brand{width:245px;min-width:245px}
  .site-header .brand img{height:92px}
  .site-header nav{top:104px}
}
@media(max-width:560px){
  .site-header .brand{width:215px;min-width:215px}
  .site-header .brand img{height:84px}
}

/* Logo-only update: preserve the existing page layout and section sizing. */
.site-header .brand{width:420px;min-width:420px}
.site-header .brand img{width:100%;height:118px;object-fit:contain;object-position:center;display:block}
@media(max-width:1100px) and (min-width:901px){
  .site-header .brand{width:360px;min-width:360px}
}
@media(max-width:900px){
  .site-header .brand{width:300px;min-width:300px}
  .site-header .brand img{height:96px}
}
@media(max-width:560px){
  .site-header .brand{width:255px;min-width:255px}
  .site-header .brand img{height:88px}
}

/* Final logo sizing: preserve original logo artwork; only reserve more header space. */
.site-header{height:170px;padding-top:10px;padding-bottom:10px}
.site-header .brand{width:500px;min-width:500px;height:150px;padding:0;display:flex;align-items:center}
.site-header .brand img{width:100%;height:150px;object-fit:contain;object-position:left center;display:block}
@media(max-width:1100px){
  .site-header{height:145px}
  .site-header .brand{width:410px;min-width:410px;height:125px}
  .site-header .brand img{height:125px}
}
@media(max-width:900px){
  .site-header{height:120px}
  .site-header .brand{width:315px;min-width:315px;height:104px}
  .site-header .brand img{height:104px}
  .site-header nav{top:120px}
}
@media(max-width:560px){
  .site-header{height:105px;padding-left:16px;padding-right:16px}
  .site-header .brand{width:245px;min-width:245px;height:90px}
  .site-header .brand img{height:90px}
  .site-header nav{top:105px}
}

/* Oct 4 homepage hero update */
.home-hero{min-height:600px;display:grid;grid-template-columns:42% 58%;align-items:center;gap:46px;padding:52px max(6vw,32px);position:relative;overflow:hidden;background:linear-gradient(120deg,#f4fbff 0%,#fff 54%,#fffaf1 100%)}
.home-hero:before{content:"";position:absolute;left:-80px;bottom:-145px;width:520px;height:280px;border-radius:50%;background:rgba(25,185,189,.10);transform:rotate(8deg)}
.home-hero:after{content:"";position:absolute;right:-130px;bottom:-155px;width:560px;height:300px;border-radius:50%;background:rgba(255,200,61,.14);transform:rotate(-8deg)}
.home-hero-logo,.home-hero-copy{position:relative;z-index:1}
.home-hero-logo{display:flex;align-items:center;justify-content:center}
.home-hero-logo img{display:block;width:min(100%,560px);height:auto;object-fit:contain}
.home-hero-copy{max-width:940px}
.home-hero h1{margin:0 0 28px;font-size:clamp(3rem,4.8vw,5.2rem);line-height:1.05;letter-spacing:-.045em;font-weight:900}
.home-hero h1 span{display:block;font-size:1em;white-space:nowrap}
.home-hero .explore{color:var(--navy)}
.home-hero .embrace{color:#58b6f4}
.home-hero-copy>p{margin:0;max-width:820px;color:#0a4b98;font-size:clamp(1.15rem,1.8vw,1.75rem);line-height:1.55;font-weight:500}
.home-hero-actions{display:flex;gap:22px;margin-top:34px;flex-wrap:wrap}
.home-hero-actions .button{min-width:205px;text-align:center;border-radius:999px;padding:14px 28px;font-size:1.1rem;background:#0863c6;border-color:#0863c6}
.home-hero-actions .button.secondary{background:#fff;color:var(--navy);border-color:#0863c6}
.home-hero-actions .button span{margin-left:10px}
@media(max-width:1050px){.home-hero{grid-template-columns:40% 60%;gap:26px}.home-hero h1{font-size:clamp(2.6rem,4.8vw,4.2rem)}.home-hero h1 span{white-space:normal}}
@media(max-width:760px){.home-hero{grid-template-columns:1fr;text-align:center;padding:38px 24px 54px;gap:18px}.home-hero-logo img{width:min(82%,430px)}.home-hero-copy{margin:0 auto}.home-hero h1{font-size:clamp(2.45rem,10vw,3.8rem)}.home-hero-copy>p{font-size:1.14rem}.home-hero-actions{justify-content:center}.home-hero-actions .button{min-width:180px}}

/* Single-logo header: keep the full logo only in the hero. */
.brand-text{font-size:1.15rem;font-weight:900;color:var(--navy);text-decoration:none;letter-spacing:-.02em}

/* Oct 4 compact homepage: bring hero content and festival section higher */
.site-header{height:72px;padding-top:6px;padding-bottom:6px}
.site-header .brand-text{width:auto;min-width:0;height:auto;padding:0;display:inline-block;font-size:1.35rem}
.home-hero{min-height:470px;padding:22px max(6vw,32px) 28px;gap:38px;align-items:center}
.home-hero-logo img{width:min(100%,500px)}
.home-hero h1{margin-bottom:18px}
.home-hero-copy>p{line-height:1.42}
.home-hero-actions{margin-top:24px}
@media(max-width:900px){.site-header{height:72px}.site-header nav{top:72px}}
@media(max-width:760px){.home-hero{padding:24px 22px 34px;min-height:auto}.home-hero-logo img{width:min(78%,390px)}}


/* Oct 4 final alignment update: one logo only, aligned with festival copy below. */
.site-header{justify-content:flex-end}
.site-header nav{margin-left:auto}
.home-hero{grid-template-columns:36% 64%;padding-left:6vw;padding-right:6vw}
.home-hero-logo{justify-content:flex-start}
.home-hero-logo img{width:min(100%,430px);margin:0}
@media(max-width:1050px){.home-hero{grid-template-columns:38% 62%}.home-hero-logo img{width:min(100%,390px)}}
@media(max-width:760px){.site-header{justify-content:space-between}.home-hero{grid-template-columns:1fr;padding-left:22px;padding-right:22px}.home-hero-logo{justify-content:center}.home-hero-logo img{width:min(78%,390px)}}

/* Oct 4 correction: restore the dark blue Bay Area Science Festival background. */
#events.event-first{
  background:linear-gradient(105deg,#0b3475 0%,#0b397d 48%,#0b78b2 100%) !important;
  color:#fff !important;
}
#events.event-first .event-copy,
#events.event-first .festival-gallery{background:transparent !important;}
#events.event-first h1,
#events.event-first p{color:#fff;}
#events.event-first h1 span{color:#ffd32a;}
#events.event-first .event-info-strip{background:#f8fbff !important;color:#073b83 !important;}

/* Oct 4 readability fix: festival date pill + continuous dark event details */
#events.event-first .event-badge{
  background:#ffd32a !important;
  color:#071d49 !important;
  font-weight:900 !important;
  padding:9px 16px !important;
  border-radius:999px !important;
  opacity:1 !important;
  -webkit-text-fill-color:#071d49 !important;
}
#events.event-first .event-info-strip{
  background:#0b3f86 !important;
  color:#ffffff !important;
  border-top:1px solid rgba(255,255,255,.2);
}
#events.event-first .event-info-strip p,
#events.event-first .event-info-strip strong{
  color:#ffffff !important;
  opacity:1 !important;
  -webkit-text-fill-color:#ffffff !important;
}
#events.event-first .event-info-strip p{
  border-right-color:rgba(255,255,255,.28) !important;
}
/* Oct 5 update: make the main hero logo a homepage link without changing its appearance. */
.home-hero-logo a{display:inline-block;line-height:0}
.home-hero-logo a:focus-visible{outline:3px solid #0b78b8;outline-offset:6px;border-radius:8px}