@font-face { font-family:"Söhne"; src:url("/fonts/Sohne-Regular.ttf") format("truetype"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:"Söhne Schmal"; src:url("/fonts/SohneCondensed-Bold.ttf") format("truetype"); font-style:normal; font-weight:700 900; font-display:swap; }
@font-face { font-family:"Söhne Mono"; src:url("/fonts/SohneMono-Medium.ttf") format("truetype"); font-style:normal; font-weight:500 900; font-display:swap; }
@font-face { font-family:"MongoDB Value Serif"; src:url("/fonts/MongoDBValueSerif-Regular.otf") format("opentype"); font-style:normal; font-weight:400 600; font-display:swap; }
:root { --brand-slate:#001e2b; --brand-evergreen:#023430; --brand-spring-green:#00ed64; --brand-chartreuse:#b1ff05; --brand-off-white:#fdfeec; --brand-body:"Söhne",Arial,sans-serif; --brand-headline:var(--brand-body); --brand-caption:"Söhne Mono",ui-monospace,monospace; --brand-serif:"MongoDB Value Serif",Georgia,serif; }
html { accent-color:var(--brand-spring-green); font-size:clamp(15px,calc(14px + .2vw),18px); text-size-adjust:100%; }
body { color:var(--brand-off-white); background:var(--brand-slate); font-family:var(--brand-body); }
body::before { position:fixed; z-index:-1; inset:0; content:""; background:linear-gradient(rgba(0,30,43,.82),rgba(0,30,43,.94)),url("/brandfolder/leaf-dark.png") center/cover no-repeat; }
h1,h2 { font-family:var(--brand-headline); font-stretch:normal; font-weight:900; }
.eyebrow,small,dt,code,label,button,a { font-family:var(--brand-caption); }
.event-brand-group { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:end; gap:clamp(24px,4vw,72px); margin-bottom:42px; color:var(--brand-off-white); }
.brand-lockup { min-width:0; display:flex; align-items:flex-end; gap:clamp(7px,.7vw,14px); color:var(--brand-off-white); text-decoration:none; white-space:nowrap; }
.brand-lockup img { display:block; width:clamp(112px,11vw,176px); height:auto; flex:none; }
.brand-lockup .event-lockup-copy { display:block; padding:0 0 clamp(3px,.3vw,6px); border:0; line-height:1; }
.brand-lockup .event-lockup-copy strong { color:var(--brand-off-white); font:600 clamp(22px,2.05vw,38px)/.82 var(--brand-body); letter-spacing:-.035em; text-transform:none; }
.brand-lockup .event-lockup-copy strong em { color:var(--brand-spring-green); font:inherit; font-style:normal; }
.event-build-lab-title { justify-self:center; color:var(--brand-spring-green); font:700 clamp(48px,5.4vw,96px)/.82 var(--brand-body); letter-spacing:-.035em; white-space:nowrap; }
.brand-lockup .event-lockup-copy small { color:var(--brand-spring-green); font:800 .56rem/1.2 var(--brand-caption); letter-spacing:.16em; }
.event-built-with { justify-self:end; display:grid; justify-items:end; gap:9px; color:var(--brand-off-white); font:600 clamp(1rem,1.45vw,1.4rem)/1.18 var(--brand-body); letter-spacing:-.015em; text-transform:none; white-space:nowrap; }
.event-built-with > span,.event-built-with > small { display:inline-flex; align-items:baseline; gap:.25em; }
.event-built-with b { color:var(--brand-chartreuse); font:inherit; }
.event-built-with img { display:block; width:clamp(90px,12vw,132px); height:auto; }
.event-built-with small { color:var(--brand-off-white); font:600 clamp(.9rem,1.2vw,1.16rem)/1.1 var(--brand-body); }
.event-built-with i { color:var(--brand-spring-green); font:inherit; font-style:normal; }
main { width:min(1280px,100%); }
body.event-live main { width:min(1600px,100%); }
body.event-minimal .event-brand-group,body.event-minimal #event-view>header,body.event-minimal #nyc-event-band{display:none!important}
body.event-minimal .gallery-toolbar{margin-top:0}
.event-brand-group { padding-bottom:clamp(24px,3vw,42px); border-bottom:1px solid rgba(0,237,100,.3); }
.nyc-event-band { margin:28px 0 42px; display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,2fr); border:1px solid var(--brand-spring-green); }
.nyc-event-band > div:first-child { display:grid; align-content:center; gap:7px; padding:24px; background:var(--brand-spring-green); color:var(--brand-slate); }
.nyc-event-band > div:first-child span,.nyc-event-band > div:first-child small,.nyc-event-band b { font:800 .68rem/1 var(--brand-caption); letter-spacing:.12em; }
.nyc-event-band > div:first-child strong { font:900 clamp(1.7rem,3vw,2.8rem)/.9 var(--brand-headline); }
.nyc-event-band > div:last-child { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.nyc-event-band > div:last-child span { display:grid; align-content:center; gap:7px; padding:18px 22px; border-left:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); font:800 clamp(1rem,1.7vw,1.4rem)/1 var(--brand-body); }
.nyc-event-band b { color:var(--brand-spring-green); }
header { border-color:rgba(0,237,100,.34); }
header p,p,.event-meta,.summary span,.app-card footer,.model-collection small { color:#a7bab6; }
/* Secondary copy on dark branded surfaces must keep WCAG AA contrast. Yellow remains an accent,
   not a body-copy color. */
dt,.trace-counts span,.loading,.atlas-features h4,.atlas-features .verification-note { color:#a7bab6; }
.eyebrow,a,.all-events-link,.leaderboard-link,.search label { color:var(--brand-spring-green); }
h1 { letter-spacing:-.045em; }
.events-intro { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); align-items:end; column-gap:clamp(48px,8vw,120px); padding:clamp(44px,7vw,92px) 0 clamp(36px,5vw,64px); }
.events-intro .eyebrow { grid-column:1 / -1; margin-bottom:18px; }
.events-intro h1 { margin:0; font-size:clamp(4rem,8.5vw,8rem); line-height:.82; }
.events-intro p { margin:0 0 .35rem; font-size:clamp(1rem,1.35vw,1.2rem); }
.events-grid { gap:clamp(18px,2.2vw,30px); padding-top:clamp(24px,4vw,52px); }
.event-card { min-height:280px; align-content:space-between; padding:clamp(24px,3.5vw,44px); transition:transform .18s ease,border-color .18s ease,background-color .18s ease; }
.event-card:hover,.event-card:focus-visible { transform:translateY(-5px); background:rgba(3,61,56,.98); }
.event-card h2 { max-width:18ch; line-height:.94; }
.event-card > span:last-child { align-self:end; font-weight:800; }
.event-meta { align-items:center; }
.event-meta strong { color:var(--brand-chartreuse); }
#event-view > header { display:flex; flex-direction:column; align-items:center; padding:clamp(28px,4vw,52px) 0 clamp(38px,5vw,64px); text-align:center; }
#event-view > header .all-events-link { align-self:center; margin-bottom:clamp(38px,5vw,68px); }
#event-view > header .eyebrow { margin-bottom:14px; }
#event-view > header h1 { max-width:12ch; margin:0; font-size:clamp(3.8rem,7vw,7rem); line-height:.88; }
#event-view > header p { max-width:42rem; margin:clamp(20px,2.5vw,32px) auto 0; font-size:clamp(1rem,1.3vw,1.2rem); }
#event-view > header .leaderboard-link { width:max-content; margin-top:clamp(22px,2.5vw,32px); }
.gallery-toolbar { margin:clamp(28px,4vw,52px) 0 clamp(26px,3vw,42px); display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:clamp(24px,4vw,56px); padding:clamp(22px,3vw,36px); border:1px solid rgba(0,237,100,.42); background:rgba(2,52,48,.9); }
.gallery-toolbar .search { margin:0; }
.gallery-toolbar .search label { margin-bottom:.8rem; font-size:.68rem; }
.gallery-toolbar .search input { min-height:58px; padding:1rem 1.2rem; border-color:rgba(253,254,236,.52); font-size:1.05rem; }
.gallery-toolbar .search button { min-height:58px; padding:0 1.35rem; }
.gallery-toolbar .summary { min-width:185px; display:grid; justify-items:end; gap:2px; padding:0; text-align:right; }
.gallery-toolbar .summary strong { color:var(--brand-chartreuse); font-size:clamp(2.7rem,4vw,4.4rem); line-height:.8; }
.gallery-toolbar .summary span { max-width:24ch; font-size:.83rem; line-height:1.35; }
.grid { grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr)); gap:clamp(16px,2vw,26px); align-items:stretch; }
.app-card { min-height:350px; padding:clamp(20px,2.2vw,28px); transition:transform .18s ease,border-color .18s ease,background-color .18s ease; }
.app-card:hover,.app-card:focus-within { transform:translateY(-4px); background:rgba(3,61,56,.98); }
.app-card h2 { margin:clamp(24px,3vw,38px) 0 1rem; font-size:clamp(1.55rem,2vw,2rem); line-height:1.02; }
.app-card p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:4; line-clamp:4; }
.app-card footer { margin:0 -4px -4px; padding-top:18px; border-top:1px solid rgba(253,254,236,.14); align-items:flex-start; }
.app-card footer > span:last-child { justify-content:flex-end; }
.app-card footer a,.model-button,.vote-button { font-size:.68rem; letter-spacing:.04em; }
.app-card .model-button { color:var(--brand-spring-green); background:transparent; }
.events-intro,.event-card,.app-card,.feedback,.access-gate,.direct-vote,.model-panel { position:relative; overflow:hidden; }
.access-gate { container-type:inline-size; }
.access-gate h1 { max-width:100%; font-size:clamp(1.75rem,10cqi,4rem); line-height:.92; letter-spacing:-.045em; overflow-wrap:anywhere; text-wrap:balance; }
.events-intro::after,.feedback::after,.access-gate::after { display:none; }
.access-gate,.event-card,.app-card,.direct-vote,.feedback,.stack-card,.model-collection,.summary,.trace-counts div { border-radius:0; border-color:rgba(0,237,100,.34); background:rgba(2,52,48,.92); box-shadow:none; }
.app-card.showcase-example,.model-collection { background:rgba(2,52,48,.92); }
.event-card,.app-card,.stack-card,.model-collection { --app-accent:var(--brand-spring-green); border-top:5px solid var(--app-accent); }
.event-card:nth-child(even),.app-card:nth-child(even),.stack-card:nth-child(even),.model-collection:nth-child(even) { --app-accent:var(--brand-chartreuse); }
.event-card .eyebrow,.app-card small,.stack-card .eyebrow,.model-collection .eyebrow { color:var(--app-accent); }
.leaderboard-link,.search button,.vote-button,.feedback-actions button,dialog button[type=submit],.tabs button[aria-selected=true],.trace-toolbar button { border-radius:0; border-color:var(--brand-spring-green); background:var(--brand-spring-green); color:var(--brand-slate); }
.search input,.feedback input,.feedback select,.feedback textarea,.access-gate input,dialog input,.tabs button { border-radius:0; color:var(--brand-off-white); background:var(--brand-slate); }
dialog { border-radius:0; border-color:var(--brand-spring-green); color:var(--brand-off-white); background:var(--brand-evergreen); }
pre { border-radius:0; border:1px solid rgba(0,237,100,.34); }
::selection { color:var(--brand-slate); background:var(--brand-chartreuse); }
:focus-visible { outline:3px solid var(--brand-chartreuse); outline-offset:3px; }
@media(max-width:760px){.event-brand-group{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 18px;padding-bottom:22px}.event-build-lab-title{grid-column:1/-1;grid-row:2;justify-self:start;font-size:clamp(38px,11vw,54px)}.brand-lockup{gap:7px}.brand-lockup img{width:112px}.brand-lockup .event-lockup-copy strong{font-size:clamp(18px,5.3vw,26px)}.event-built-with{grid-column:2;grid-row:1;justify-items:start;font-size:clamp(.88rem,3.8vw,1.05rem);white-space:normal}.event-built-with small{font-size:clamp(.8rem,3.35vw,.95rem)}.events-intro{display:block;padding-top:36px}#event-view>header{padding-top:36px}.events-intro .eyebrow{margin-bottom:14px}.events-intro h1,#event-view>header h1{font-size:clamp(3rem,14vw,4.6rem);line-height:.9;letter-spacing:-.04em}.events-intro p,#event-view>header p{margin-top:24px}.gallery-toolbar{grid-template-columns:1fr;align-items:stretch}.gallery-toolbar .summary{min-width:0;grid-template-columns:auto 1fr;align-items:center;justify-items:start;text-align:left}.search div{grid-template-columns:1fr 1fr}.search input{grid-column:1 / -1}.app-card{min-height:0}.app-card footer{display:grid;align-items:start}.app-card footer>span:last-child{justify-content:flex-start}.nyc-event-band{grid-template-columns:1fr}.nyc-event-band>div:last-child{grid-template-columns:1fr}.nyc-event-band>div:last-child span{border-left:0}.feedback h2{font-size:2.2rem;line-height:1.08;letter-spacing:-.02em}body.event-nyc{-webkit-text-size-adjust:100%}body.event-nyc .event-brand-group{grid-template-columns:minmax(0,1fr);gap:14px}body.event-nyc .brand-lockup{grid-column:1;grid-row:1;max-width:100%}body.event-nyc .event-build-lab-title{grid-column:1;grid-row:2}body.event-nyc .event-built-with{grid-column:1;grid-row:3;justify-self:start;justify-items:start;width:100%;max-width:100%}body.event-nyc .event-built-with>span,body.event-nyc .event-built-with>small{display:grid;grid-template-columns:max-content minmax(0,1fr);width:100%;overflow-wrap:anywhere}}