@font-face{font-family:"BNYA Gotham";src:url("fonts/gotham-regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"BNYA Gotham";src:url("fonts/gotham-bold.otf") format("opentype");font-weight:700;font-display:swap}
@font-face{font-family:"BNYA Gotham";src:url("fonts/gotham-black.otf") format("opentype");font-weight:900;font-display:swap}
@font-face{font-family:"Barlow Semi Condensed";src:url("fonts/barlow-semi-condensed-regular.ttf") format("truetype");font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6rem;background:var(--navy)}
body{margin:0;color:var(--ink);background:var(--surface);font:400 var(--type-body)/1.52 "Barlow Semi Condensed",sans-serif}
body{--topic-accent:var(--cyan);--topic-on-dark:var(--cyan)}
.theme--joj{--topic-accent:var(--navy);--topic-on-dark:var(--white)}
.theme--lab{--topic-accent:var(--orange);--topic-on-dark:var(--orange)}
.theme--asc{--topic-accent:var(--cyan);--topic-on-dark:var(--cyan)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,summary{font:inherit}
:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2,h3{font-family:"BNYA Gotham",sans-serif;font-weight:900;letter-spacing:-.045em;line-height:1.03}
h2,h3{color:var(--navy)}
p{max-width:72ch;font-weight:400}
p+p{margin-top:.85rem}
.container{width:min(calc(100% - 2.5rem),var(--layout-container));margin-inline:auto}
.section{padding:var(--layout-section) 0}
.section:not(.section--mist):not(.section--navy){background:var(--white)}
.section--mist{background:var(--surface)}
.section--navy{background:var(--navy);color:var(--white)}
.section--navy h2,.section--navy h3{color:var(--white)}
.section-heading{display:grid;grid-template-columns:.95fr 1.05fr;gap:3.25rem;align-items:end;margin-bottom:2rem}
.section-heading h2,.compact-split h2{font-size:var(--type-heading)}
.section-heading>p{color:var(--muted);font-size:1.08rem;max-width:35rem}
.section--navy .section-heading>p{color:var(--white)}
.eyebrow{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;color:var(--cyan);font:700 .72rem/1.25 "BNYA Gotham",sans-serif;letter-spacing:.11em;text-transform:uppercase}
.eyebrow::before{content:"";display:block;width:1.5rem;height:2px;background:var(--topic-accent)}
.section:not(.section--navy) .eyebrow{color:var(--navy)}
.section--navy .eyebrow,.page-hero .eyebrow{color:var(--topic-on-dark)}
.text-orange{color:var(--orange)}
.hero h1 .text-orange,.section--navy h2 .text-orange{color:var(--orange)}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.ui-icon{display:inline-block;flex:none;width:1.75rem;height:1.75rem;padding:.28rem;border-radius:.48rem;background:color-mix(in srgb,var(--topic-accent) 14%,var(--white));color:var(--navy);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.section--navy .ui-icon,.page-hero .ui-icon{background:color-mix(in srgb,var(--white) 13%,transparent);color:var(--topic-on-dark)}
.line-panel h3,.four-pillars h3{display:flex;align-items:center;gap:.6rem}
.compact-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:start}
.compact-split>div>p:not(.eyebrow){margin-top:1rem}
.detail-row{margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--border)}
.detail-row h3{font-size:1rem}.detail-row p{margin-top:.55rem}
.subheading{margin-top:1rem}
.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:200;padding:.6rem 1rem;background:var(--cyan);color:var(--navy);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.8rem;padding:.7rem 1.3rem;border:1px solid var(--cyan);border-radius:999px;background:var(--cyan);color:var(--navy);font:700 .79rem/1.25 "BNYA Gotham",sans-serif;text-align:center;transition:transform .18s,background .18s,border-color .18s}
.button:hover{transform:translateY(-1px);background:var(--white);border-color:var(--white)}
.button--outline{border-color:color-mix(in srgb,var(--white) 35%,transparent);background:color-mix(in srgb,var(--white) 8%,transparent);color:var(--white)}
.button--outline:hover{background:color-mix(in srgb,var(--white) 16%,transparent);color:var(--white)}
.button--small{min-height:2.55rem;padding:.65rem 1rem}
.text-link,.inline-link{color:var(--navy);font:700 .84rem/1.4 "BNYA Gotham",sans-serif;text-decoration:underline;text-underline-offset:4px}
.text-link{display:inline-block;margin-top:1rem}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:color-mix(in srgb,var(--navy) 88%,transparent);color:var(--white);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--white) 11%,transparent)}
.header-inner{display:flex;min-height:4.75rem;align-items:center;justify-content:space-between;gap:1.5rem}
.home-link{display:flex;align-items:center;gap:.85rem;min-width:0}
.header-logos{display:flex;align-items:center;gap:.45rem;flex:none}
.brand-logo{display:inline-block;vertical-align:middle}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.header-logos .brand-logo--bnya{width:2.55rem;height:2.8rem}
.header-logos .brand-logo--joj-dark{width:2.5rem;height:2.8rem}
.header-logos .brand-logo--asc{width:3.65rem;height:2.8rem;padding:.2rem;border-radius:.35rem;background:var(--white)}
.brand-logo--bnya{width:3.2rem;height:3.6rem}
.brand-logo--bnya-dark{width:6rem;height:3rem}
.brand-logo--symbol{width:4rem;height:5rem}
.brand-logo--joj{width:8rem;height:8rem}
.brand-logo--asc{width:9rem;height:4rem}
.brand-logo--keybox{width:2.6rem;height:1.6rem}
.brand-logo--young-creators{width:1.55rem;height:1.6rem}
.brand-caption{font-family:"BNYA Gotham",sans-serif;line-height:1.06}
.brand-caption strong,.brand-caption small{display:block}
.brand-caption strong{font-size:.75rem;font-weight:700}
.brand-caption small{margin-top:.26rem;color:var(--white);font-size:.57rem;letter-spacing:.08em;text-transform:uppercase}
.navigation{margin-left:auto}
.navigation summary{display:none}
.navigation nav{display:flex;align-items:center;gap:1.15rem}
.navigation nav>a:not(.button){font:.7rem/1.2 "BNYA Gotham",sans-serif;font-weight:700;white-space:nowrap}
.navigation nav>a:not(.button):hover,.navigation nav>a:not(.button)[aria-current="page"]{color:var(--cyan)}
.navigation .button{margin-left:.4rem}
.hero,.page-hero--photo{position:relative;isolation:isolate;color:var(--white);background-color:var(--navy);background-image:linear-gradient(90deg,color-mix(in srgb,var(--navy) 96%,transparent) 0%,color-mix(in srgb,var(--navy) 86%,transparent) 42%,color-mix(in srgb,var(--navy) 32%,transparent) 100%),url("images/joj.webp");background-position:center,center;background-size:cover}
.hero::before,.page-hero--photo::before{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--cyan) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--cyan) 6%,transparent) 1px,transparent 1px);background-size:3rem 3rem;content:"";pointer-events:none}
.hero{padding:7.8rem 0 3.3rem;min-height:32rem;display:flex;align-items:end}
.hero-inner{width:min(calc(100% - 2.5rem),var(--layout-container))}
.hero-inner>*{max-width:44rem}
.hero h1,.page-hero h1{font-size:var(--type-hero);color:var(--white)}
.hero h1 span,.page-hero h1 span{color:var(--cyan)}
.theme--home .hero h1 .text-orange{color:var(--orange)}
.theme--lab .page-hero h1 span{color:var(--orange)}
.theme--asc .page-hero h1 span{color:var(--cyan)}
.hero-byline{margin-top:1.15rem;color:var(--orange);font-size:1.25rem}
.hero .lead{margin-top:.75rem;color:var(--white);font-size:var(--type-lead);line-height:1.45}
.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}
.hero-note{margin-top:1.15rem;color:var(--white);font-size:.91rem}
.hero-entry-links{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;max-width:var(--layout-container);margin-top:2rem}
.hero-entry-links a{display:block;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--white) 22%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--navy) 70%,transparent);backdrop-filter:blur(8px)}
.hero-entry-links small,.hero-entry-links strong{display:block}
.hero-entry-links small{color:var(--cyan);font:700 .62rem "BNYA Gotham",sans-serif}
.hero-entry-links strong{margin-top:.4rem;color:var(--white);font:700 .8rem/1.2 "BNYA Gotham",sans-serif}
.hero-entry-links a:hover{border-color:var(--cyan)}
.flow{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:1.15rem 0 0;border-top:2px solid var(--cyan)}
.flow-node{position:relative;padding:.4rem 1rem .2rem 0}
.flow-node::before{position:absolute;top:-1.72rem;left:0;width:.85rem;height:.85rem;border:.18rem solid var(--surface);border-radius:50%;background:var(--cyan);content:""}
.flow-node--joj::before,.flow-node--heritage::before{background:var(--navy)}
.flow-node .node-kind{color:var(--cyan);font:700 .62rem "BNYA Gotham",sans-serif;text-transform:uppercase}
.flow-node>.ui-icon{margin-bottom:.45rem}
.flow-node .node-kind{color:var(--navy)}
.flow-node h3{margin:.4rem 0;font-size:1rem}
.flow-node p{font-size:.87rem}
.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.program-card{overflow:hidden;border:1px solid var(--border);border-radius:1.45rem;background:var(--white);box-shadow:0 .7rem 2rem color-mix(in srgb,var(--navy) 6%,transparent)}
.program-card>img{width:100%;height:12.3rem;object-fit:cover}
.program-copy{padding:1.25rem}
.program-copy .eyebrow{font-size:.61rem}
.program-copy .eyebrow::before{display:none}
.program-copy .eyebrow .ui-icon{width:1.45rem;height:1.45rem}
.program-copy h3{font-size:1.22rem}
.program-copy>p:not(.eyebrow){margin-top:.75rem;font-size:1rem}
.program-copy .text-link{margin-top:1.2rem}
.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;list-style:none;margin:0;padding:0}
.step-list li{border:1px solid color-mix(in srgb,var(--white) 20%,transparent);border-top:3px solid var(--cyan);border-radius:1rem;padding:1rem;background:color-mix(in srgb,var(--white) 8%,transparent)}
.step-list strong,.step-list span{display:block}
.step-list strong{font:700 .88rem "BNYA Gotham",sans-serif}
.step-list span{margin-top:.45rem;font-size:.94rem}
.four-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.four-pillars article{border-top:3px solid var(--cyan);padding:1rem;background:var(--white);border-radius:0 0 1rem 1rem}
.four-pillars h3{font-size:1rem}.four-pillars p{margin-top:.5rem;font-size:.9rem}
.support-strip{padding:2.4rem 0;background:var(--cyan);color:var(--navy)}
.support-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.support-strip .eyebrow{color:var(--navy)}
.support-strip h2{font-size:1.8rem}
.support-strip p:not(.eyebrow){margin-top:.35rem}
.support-strip .button{background:var(--navy);border-color:var(--navy);color:var(--white)}
.support-strip .button:hover{background:var(--white);color:var(--navy)}
.site-footer{padding:2rem 0;background:var(--navy);color:var(--white)}
.footer-inner{display:flex;align-items:center;gap:2rem}
.footer-partners{display:flex;align-items:center;gap:.6rem}
.footer-partners .brand-logo{padding:.15rem;background:var(--white);border-radius:.25rem}
.footer-contact{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin-left:auto;font-style:normal;font-size:.9rem}
.footer-contact a:hover{text-decoration:underline;text-underline-offset:3px}
.page-hero{padding:7.7rem 0 3.2rem;background:var(--navy);color:var(--white)}
.page-hero--sponsor{padding-bottom:2.2rem}
.page-hero h1{font-size:clamp(2.65rem,4.5vw,4.3rem)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 10rem;align-items:end;gap:2rem}
.page-hero-grid>div:first-child>p:not(.eyebrow){margin-top:1rem;max-width:44rem;color:var(--white);font-size:1.16rem}
.page-hero--joj{background-image:linear-gradient(90deg,color-mix(in srgb,var(--navy) 96%,transparent),color-mix(in srgb,var(--navy) 84%,transparent) 45%,color-mix(in srgb,var(--navy) 28%,transparent)),url("images/joj.webp")}
.page-hero--lab{background-image:linear-gradient(90deg,color-mix(in srgb,var(--navy) 96%,transparent),color-mix(in srgb,var(--navy) 84%,transparent) 45%,color-mix(in srgb,var(--navy) 28%,transparent)),url("images/live-lab.webp")}
.page-hero--asc{background-image:linear-gradient(90deg,color-mix(in srgb,var(--navy) 96%,transparent),color-mix(in srgb,var(--navy) 84%,transparent) 45%,color-mix(in srgb,var(--navy) 28%,transparent)),url("images/asc.webp")}
.theme--joj .page-hero--joj{box-shadow:inset 0 -.35rem var(--navy)}
.theme--lab .page-hero--lab{background-image:linear-gradient(90deg,color-mix(in srgb,var(--navy) 86%,var(--orange)),color-mix(in srgb,var(--navy) 76%,transparent) 48%,color-mix(in srgb,var(--orange) 16%,transparent)),url("images/live-lab.webp");box-shadow:inset 0 -.35rem var(--orange)}
.theme--asc .page-hero--asc{background-image:linear-gradient(90deg,color-mix(in srgb,var(--navy) 82%,var(--cyan)),color-mix(in srgb,var(--navy) 72%,transparent) 48%,color-mix(in srgb,var(--cyan) 22%,transparent)),url("images/asc.webp");box-shadow:inset 0 -.35rem var(--cyan)}
.theme--lab .page-hero .button:not(.button--outline){border-color:var(--orange);background:var(--orange);color:var(--navy)}
.theme--lab .page-hero .button:not(.button--outline):hover{border-color:var(--white);background:var(--white)}
.theme--lab .section--mist{background:color-mix(in srgb,var(--orange) 9%,var(--white))}
.theme--asc .section--mist{background:color-mix(in srgb,var(--cyan) 9%,var(--white))}
.theme--lab .section--navy{background:color-mix(in srgb,var(--navy) 91%,var(--orange))}
.theme--asc .section--navy{background:color-mix(in srgb,var(--navy) 91%,var(--cyan))}
.hero-event-logo,.event-logo{display:grid;place-items:center;padding:.8rem;border-radius:1rem;background:var(--white)}
.hero-event-logo .brand-logo,.event-logo .brand-logo{width:100%;height:auto}
.hero-event-logo--symbol{background:transparent}
.hero-event-logo--symbol .brand-logo{width:4rem}
.hero-event-logo--joj{background:transparent;padding:0;justify-self:end;width:7.3rem}
.hero-event-logo--joj .brand-logo--joj-dark{width:100%;height:auto}
#terrain .container{display:block}
.two-column,.three-column,.four-column{display:grid;gap:1rem}
.two-column{grid-template-columns:repeat(2,1fr)}
.three-column{grid-template-columns:repeat(3,1fr)}
.four-column{grid-template-columns:repeat(4,1fr)}
.line-panel{border:1px solid var(--border);border-top:3px solid var(--cyan);border-radius:1rem;padding:1.15rem;background:var(--white)}
.line-panel{border-top-color:var(--topic-accent)}
.line-panel h3{font-size:1.05rem}
.line-panel p{margin-top:.55rem;font-size:.98rem}
.section--navy .line-panel{background:color-mix(in srgb,var(--white) 8%,var(--navy));border-color:color-mix(in srgb,var(--white) 18%,transparent);border-top-color:var(--cyan)}
.theme--lab .section--navy .line-panel{border-top-color:var(--orange)}
.editorial-photo{overflow:hidden;border-radius:1.45rem;background:var(--white);box-shadow:0 .7rem 2rem color-mix(in srgb,var(--navy) 7%,transparent)}
.editorial-photo img{width:100%;height:17rem;object-fit:cover}
.editorial-photo figcaption{padding:.8rem 1rem;font-size:.9rem}
.editorial-photo--wide{margin-top:1.3rem}
.editorial-photo--wide img{height:19rem}
.media-panel{overflow:hidden;border:1px solid var(--border);border-radius:1.2rem;background:var(--white)}
.media-panel>img{width:100%;height:10.8rem;object-fit:cover}
.media-panel>div{padding:1rem}
.media-panel .eyebrow{font-size:.59rem}
.media-panel h3{font-size:1.05rem}
.media-panel p:not(.eyebrow){margin-top:.55rem;font-size:.96rem}
.territory-list{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}
.territory-list>.territory-chip{display:flex;align-items:center;gap:.6rem;min-width:0;border-top:3px solid var(--cyan);padding:.8rem;color:var(--navy);background:var(--white);font:700 .78rem "BNYA Gotham",sans-serif}
.territory-chip img{display:block;flex:none;width:2rem;height:1.35rem;object-fit:contain}
.territory-chip span{min-width:0}
.data-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1.5rem 0 0}
.data-strip div{padding:1rem;border:1px solid color-mix(in srgb,var(--white) 24%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--white) 8%,transparent)}
.data-strip dt{color:var(--cyan);font:900 1.35rem "BNYA Gotham",sans-serif}
.theme--lab .quick-facts{background:var(--orange)}
.theme--lab .quick-facts .data-strip div{border-color:color-mix(in srgb,var(--navy) 18%,transparent);background:color-mix(in srgb,var(--white) 30%,transparent)}
.theme--lab .quick-facts .data-strip dt,.theme--lab .quick-facts .data-strip dd{color:var(--navy)}
.data-strip dd{margin-top:.3rem;color:var(--white);font-size:.9rem}
.quick-facts{padding:.15rem 0 1.2rem;background:var(--navy)}
.quick-facts .data-strip{margin:0}
.plain-list,.sponsor-levels{margin:.65rem 0 0;padding:0;list-style:none}
.plain-list li{border-top:1px solid var(--border);padding:.65rem 0;font-size:1rem}
.numbered-list{counter-reset:step}
.numbered-list li{counter-increment:step;border-color:color-mix(in srgb,var(--white) 22%,transparent)}
.section:not(.section--navy) .numbered-list li{border-color:var(--border)}
.numbered-list li::before{content:counter(step,decimal-leading-zero) " / ";color:var(--cyan);font:700 .7rem "BNYA Gotham",sans-serif}
.resource-links--dark a{border-color:color-mix(in srgb,var(--white) 25%,transparent)}
.section--navy .source-note{color:var(--white)}
.source-note{margin-top:1.25rem;border-left:3px solid var(--cyan);padding:.4rem 0 .4rem 1rem;font-size:.96rem}
.source-note{border-left-color:var(--topic-accent)}
.infographic-panel{grid-column:1/-1;width:min(100%,52rem);margin:1.6rem auto 0;overflow:hidden;border:1px solid var(--border);border-top:4px solid var(--topic-accent);border-radius:1rem;background:var(--white);color:var(--navy);box-shadow:0 .8rem 2rem color-mix(in srgb,var(--navy) 7%,transparent)}
.infographic-preview{display:block;background:var(--white)}
.infographic-preview img{display:block;width:100%;height:auto;object-fit:contain}
.infographic-panel figcaption{display:grid;gap:.45rem;padding:1rem 1.25rem;border-top:1px solid var(--border)}
.infographic-panel figcaption strong{font:700 .88rem/1.35 "BNYA Gotham",sans-serif}
.infographic-panel figcaption>span:not(.infographic-actions){font-size:.96rem}
.infographic-actions{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin-top:.4rem}
.infographic-actions a{color:var(--navy);font:700 .73rem/1.4 "BNYA Gotham",sans-serif;text-decoration:underline;text-underline-offset:3px}
.infographic-actions a:hover{color:var(--blue)}
.infographic-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.infographic-pair .infographic-panel{width:100%;margin:0}
.content-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}
.content-tabs a{padding:.52rem .75rem;border:1px solid color-mix(in srgb,var(--white) 38%,transparent);border-radius:999px;color:var(--white);font:700 .68rem "BNYA Gotham",sans-serif}
.content-tabs a:hover{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 15%,transparent)}
.quote-panel{padding:1.4rem;border-left:4px solid var(--orange);border-radius:0 1rem 1rem 0;background:var(--white);color:var(--navy);font:700 1rem/1.45 "BNYA Gotham",sans-serif}
.section--navy .quote-panel{background:color-mix(in srgb,var(--white) 10%,transparent);color:var(--white)}
.resource-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.resource-links a{display:inline-flex;align-items:center;min-height:3rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:.85rem;background:var(--white);color:var(--navy);font:700 .74rem "BNYA Gotham",sans-serif}
.resource-links a:hover{border-color:var(--cyan)}
.subject-navigation{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}
.subject-navigation a{border:1px solid color-mix(in srgb,var(--white) 38%,transparent);border-radius:999px;padding:.65rem 1rem;font:700 .74rem "BNYA Gotham",sans-serif}
.subject-navigation a:hover{border-color:var(--cyan)}
.sponsor-list{padding-top:0}
.sponsor-request{padding:2.2rem 0;border-bottom:1px solid var(--border)}
.sponsor-heading{display:grid;grid-template-columns:1fr 10rem;gap:2rem;align-items:center}
.sponsor-heading h2{font-size:clamp(1.8rem,3vw,3rem)}
.sponsor-heading p:not(.eyebrow){margin-top:.7rem}
.event-logo{border:1px solid var(--border)}
.event-logo img{display:block;height:auto}
.event-logo--lab{color:var(--orange)}
.event-logo--lab .ui-icon{width:4rem;height:4rem;stroke-width:1.2;background:color-mix(in srgb,var(--orange) 15%,var(--white));color:var(--orange)}
.sponsor-levels li{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;border-top:1px solid var(--border);padding:.75rem 0}
.sponsor-request .sponsor-levels{margin-top:1.2rem}
.sponsor-request#lab .sponsor-levels li{border-top:3px solid var(--orange)}
.sponsor-request#asc .sponsor-levels li{border-top:3px solid var(--cyan)}
.sponsor-levels strong,.sponsor-levels span{color:var(--navy);font:700 .75rem "BNYA Gotham",sans-serif}
.sponsor-levels p{grid-column:1/-1;font-size:.96rem}
@media(max-width:70rem){
 .brand-caption{display:none}
 .navigation nav{gap:.8rem}
 .navigation nav>a:not(.button){font-size:.65rem}
}
@media(max-width:61rem){
 .navigation summary{display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;border:1px solid color-mix(in srgb,var(--white) 35%,transparent);border-radius:999px;font:700 .72rem "BNYA Gotham",sans-serif;cursor:pointer}
 .navigation summary::-webkit-details-marker{display:none}
 .menu-mark{width:.9rem;height:.5rem;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
 .navigation nav,.navigation:not([open])>nav{display:none}
 .navigation[open]>nav{position:absolute;top:100%;left:1rem;right:1rem;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:.85rem;border:1px solid color-mix(in srgb,var(--white) 20%,transparent);border-radius:1rem;background:var(--navy);box-shadow:0 1rem 2rem color-mix(in srgb,var(--navy) 40%,transparent)}
 .navigation nav>a:not(.button){padding:.7rem;border-bottom:1px solid color-mix(in srgb,var(--white) 16%,transparent)}
 .navigation .button{align-self:start;margin:.8rem 0 0}
 .section-heading,.compact-split{gap:1.4rem}
 .flow{grid-template-columns:1fr;border-top:0;border-left:2px solid var(--cyan);margin-left:.5rem;padding:0}
 .flow-node{padding:.25rem 0 1rem 1.25rem}
 .flow-node::before{top:.25rem;left:-.54rem}
 .program-grid{gap:.7rem}
 .program-card>img{height:9rem}
 .program-copy{padding:1rem}
 .four-pillars{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:43rem){
 .container,.hero-inner{width:min(calc(100% - 1.5rem),var(--layout-container))}
 .header-inner{min-height:4.3rem}
 .header-logos .brand-logo--bnya{width:2.3rem;height:2.55rem}
 .header-logos .brand-logo--joj-dark{width:2.3rem;height:2.55rem}
 .header-logos .brand-logo--asc{width:3.3rem;height:2.55rem}
 .hero{min-height:0;padding:6.3rem 0 2.6rem}
 .hero h1{font-size:clamp(2.25rem,9vw,3.3rem)}
 .hero .lead{font-size:1.04rem}
 .hero-entry-links{grid-template-columns:1fr;gap:.4rem;margin-top:1.25rem}
 .hero-entry-links a{padding:.65rem .8rem}
 .section-heading,.compact-split,.page-hero-grid,.sponsor-heading{grid-template-columns:1fr}
 .section-heading h2,.compact-split h2{font-size:clamp(1.9rem,8vw,2.4rem)}
 .section-heading>p{font-size:1.02rem}
 .program-grid,.two-column,.three-column,.four-column{grid-template-columns:1fr}
 .program-card>img{height:11rem}
 .step-list{grid-template-columns:1fr}
 .four-pillars{grid-template-columns:repeat(2,1fr)}
 .support-inner,.footer-inner{align-items:start;flex-direction:column}
 .support-strip h2{font-size:1.5rem}
 .footer-contact{margin-left:0}
 .page-hero{padding:6.3rem 0 2.7rem}
 .page-hero h1{font-size:clamp(2.2rem,8.4vw,3.2rem)}
 .page-hero-grid{gap:1rem}
 .hero-event-logo{display:none}
 .page-hero--joj .page-hero-grid{position:relative}
 .hero-event-logo--joj{display:grid;position:absolute;top:0;right:0;width:2.4rem;margin:0}
 .page-hero--joj .eyebrow{max-width:calc(100% - 3.2rem)}
 .hero-event-logo--symbol{display:none}
 .territory-list{grid-template-columns:repeat(2,1fr)}
 .data-strip{grid-template-columns:repeat(2,1fr)}
 .infographic-pair{grid-template-columns:1fr}
 .event-logo{justify-self:start;width:8rem}
 .sponsor-request{padding:2rem 0}
}
@media(max-width:25rem){.four-pillars{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(forced-colors:active){.button,.program-card,.line-panel,.sponsor-aside,.event-logo,.hero-event-logo{border:1px solid ButtonText}}
@media print{.site-header,.site-footer,.support-strip{display:none}.section,.hero,.page-hero{padding:1rem 0;background:var(--white);color:var(--ink)}.hero h1,.page-hero h1,.hero h1 span,.page-hero h1 span{color:var(--navy)}.program-grid{grid-template-columns:1fr}.program-card,.sponsor-request{break-inside:avoid}}
