:root{--ce-green:#087f56;--ce-green-deep:#045a43;--ce-yellow:#f5d42a;--ce-paper:#f5f0e8;--ce-cream:#fffaf0;--ce-navy:#17233e;--ce-orange:#f26646;--ce-ink:#063c3d;--ce-line:rgba(6,60,61,.2);--ce-hover-bg:var(--ce-green-deep);--ce-hover-fg:var(--ce-yellow);--ce-selected-bg:var(--ce-yellow);--ce-selected-fg:var(--ce-green-deep);--ce-selected-line:var(--ce-orange)}
html{scroll-behavior:smooth}body{background:var(--ce-paper)}main{overflow:clip}.community-event-page .site-header>.brand,.community-event-page .desktop-nav{display:none!important}.ce-label{margin:0;display:flex;gap:.8rem;color:var(--ce-ink);font-family:var(--mono);font-size:clamp(.75rem,.82vw,.875rem);font-weight:700;line-height:1.35;letter-spacing:.075em;text-transform:uppercase}.ce-label span{color:var(--ce-orange)}.ce-label--light{color:white}.ce-label--yellow,.ce-label--yellow span{color:var(--ce-yellow)}

.community-event-page .site-footer{position:relative;z-index:2}
.ce-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:54% 46%;grid-template-rows:1fr auto;color:var(--ce-green-deep);background:var(--ce-yellow)}.ce-hero:before{content:"OPENDESK OPENDESK OPENDESK OPENDESK OPENDESK OPENDESK OPENDESK OPENDESK";position:absolute;inset:0 46% 58px 0;overflow:hidden;color:rgba(8,127,86,.08);font-family:var(--display);font-size:10vw;font-weight:800;line-height:.84;letter-spacing:-.06em;word-spacing:.25em;pointer-events:none}.ce-hero__poster{position:relative;z-index:1;padding:clamp(2rem,4vw,4.5rem);display:flex;flex-direction:column;border:2px solid var(--ce-green);border-radius:2rem;margin:1.5rem}.ce-hero__topline{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ce-hero__eyebrow{margin:auto 0 1rem;font-family:var(--mono);font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.ce-hero h1{margin:0;font-family:var(--display);font-size:clamp(5.3rem,9vw,10.5rem);font-weight:800;line-height:.68;letter-spacing:-.075em;text-transform:uppercase}.ce-hero h1 span{display:block}.ce-hero__date{margin-top:2rem;display:flex;gap:1.2rem;align-items:end}.ce-hero__date strong{font-family:var(--display);font-size:clamp(2.6rem,4.8vw,5.5rem);line-height:.8;letter-spacing:-.055em}.ce-hero__date span{font-family:var(--mono);font-size:.69rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ce-hero__actions{margin-top:2.2rem;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ce-green)}.ce-hero__actions a{min-height:64px;padding:0 1.2rem;display:flex;align-items:center;justify-content:space-between;color:var(--ce-green-deep);font-weight:750}.ce-hero__actions a+a{border-left:1px solid var(--ce-green)}.ce-hero__actions i{font-style:normal}.ce-hero__image{position:relative;margin:0;overflow:hidden}.ce-hero__image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,90,67,.45),transparent 45%)}.ce-hero__image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.ce-hero__image figcaption{position:absolute;z-index:2;right:2rem;bottom:2rem;left:2rem;display:flex;justify-content:space-between;color:white;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.ce-hero__ticker{grid-column:1/3;height:58px;display:flex;overflow:hidden;color:var(--ce-yellow);background:var(--ce-green);font-family:var(--display);font-size:1.7rem;font-weight:800;line-height:58px;white-space:nowrap}.ce-hero__ticker span{flex:none;animation:ce-ticker 28s linear infinite}@keyframes ce-ticker{to{transform:translateX(-100%)}}
.ce-index{background:rgba(255,250,240,.96);backdrop-filter:blur(14px)}
.ce-welcome{padding:clamp(5rem,9vw,10rem) var(--gutter);color:var(--ce-ink);background:var(--ce-paper)}.ce-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ce-line);border-bottom:1px solid var(--ce-line)}.ce-facts article{min-height:140px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--ce-line)}.ce-facts article:last-child{border-right:0}.ce-facts span{font-family:var(--mono);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ce-facts strong{font-family:var(--display);font-size:clamp(1.2rem,2vw,2.2rem);line-height:1;letter-spacing:-.04em}.ce-welcome__statement{margin-top:clamp(5rem,9vw,9rem);display:grid;grid-template-columns:19% 54% 27%;align-items:end}.ce-welcome__statement h2{margin:0;font-family:var(--display);font-size:clamp(4.6rem,8vw,9.2rem);font-weight:800;line-height:.78;letter-spacing:-.08em}.ce-welcome__statement>p:last-child{max-width:430px;margin:0 0 .5rem;color:#5b6b69;font-size:1.08rem;line-height:1.58}.ce-welcome__image{height:clamp(540px,68vw,940px);margin:clamp(4rem,8vw,8rem) 0 0 19%;position:relative;overflow:hidden}.ce-welcome__image img{width:100%;height:100%;display:block;object-fit:cover}.ce-welcome__image figcaption{position:absolute;right:0;bottom:0;padding:1rem 1.3rem;color:white;background:var(--ce-green);font-family:var(--mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}
.ce-program{padding:clamp(6rem,10vw,11rem) var(--gutter);color:white;background:var(--ce-green-deep)}.ce-program__head{display:grid;grid-template-columns:19% 54% 27%;align-items:end}.ce-program__head h2{margin:0;font-family:var(--display);font-size:clamp(4rem,7vw,8rem);font-weight:800;line-height:.82;letter-spacing:-.07em}.ce-program__head>p:last-child{max-width:390px;margin:0 0 .4rem;color:rgba(255,255,255,.65);line-height:1.55}.ce-timeline{margin:clamp(4rem,7vw,7rem) 0 0 19%;padding:0;border-top:1px solid rgba(255,255,255,.28);list-style:none}.ce-timeline li{min-height:130px;padding:1.4rem 0;display:grid;grid-template-columns:18% 1fr 18%;gap:1.4rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.28);transition:padding .3s,background .3s}.ce-timeline li:hover{padding-right:1.5rem;padding-left:1.5rem;color:var(--ce-green-deep);background:var(--ce-yellow)}.ce-timeline time{font-family:var(--display);font-size:clamp(2.4rem,4.2vw,4.8rem);font-weight:800;line-height:.8;letter-spacing:-.055em}.ce-timeline h3{margin:0;font-family:var(--display);font-size:clamp(1.8rem,3vw,3.2rem);line-height:.95;letter-spacing:-.045em}.ce-timeline p{margin:.55rem 0 0;color:rgba(255,255,255,.63)}.ce-timeline li:hover p{color:rgba(4,90,67,.72)}.ce-timeline li>span{text-align:right;font-family:var(--mono);font-size:.65rem;letter-spacing:.09em;text-transform:uppercase}
.ce-highlights{padding:clamp(6rem,10vw,11rem) var(--gutter);color:var(--ce-ink);background:var(--ce-cream)}.ce-highlights__head{display:grid;grid-template-columns:19% 54% 27%;align-items:end}.ce-highlights__head h2{margin:0;font-family:var(--display);font-size:clamp(4rem,7vw,8rem);font-weight:800;line-height:.82;letter-spacing:-.07em}.ce-highlights__head>p:last-child{max-width:370px;margin:0 0 .4rem;color:#60706e;line-height:1.55}.ce-highlights__grid{margin-top:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto auto;gap:1px;background:var(--ce-line)}.ce-highlights article{min-height:520px;padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column;background:var(--ce-paper)}.ce-highlight__eyebrow{margin:0;font-family:var(--mono);font-size:clamp(.75rem,.82vw,.875rem);font-weight:700;line-height:1.35;letter-spacing:.075em;text-transform:uppercase}.ce-highlights h3{max-width:12ch;margin:auto 0 1.5rem;font-family:var(--display);font-size:clamp(2.8rem,5vw,5.7rem);line-height:.88;letter-spacing:-.065em}.ce-highlights article>p:last-of-type{max-width:540px;margin:0;color:#5b6b69;line-height:1.55}.ce-highlights a{margin-top:2rem;color:inherit;text-decoration:underline;text-underline-offset:.3rem}.ce-highlights .ce-sneakers{grid-row:1/3;color:var(--ce-green-deep);background:var(--ce-yellow)}.ce-sneakers>strong{margin:auto 0 0;font-family:var(--display);font-size:clamp(9rem,19vw,21rem);font-weight:800;line-height:.63;letter-spacing:-.1em}.ce-sneakers h3{margin:1.5rem 0}.ce-sneakers>p:last-of-type{color:rgba(4,90,67,.78)}.ce-police{color:white!important;background:var(--ce-navy)!important}.ce-police>p:last-of-type{color:rgba(255,255,255,.66)!important}.ce-food{color:white!important;background:var(--ce-green)!important}.ce-food>p:last-of-type{color:rgba(255,255,255,.72)!important}
.ce-gallery{padding:clamp(6rem,9vw,10rem) 0;color:var(--ce-ink);background:var(--ce-paper)}.ce-gallery__head{padding:0 var(--gutter);display:grid;grid-template-columns:19% 54% 27%;align-items:end}.ce-gallery__head h2{margin:0;font-family:var(--display);font-size:clamp(4.4rem,7.5vw,8.7rem);font-weight:800;line-height:.8;letter-spacing:-.075em}.ce-gallery__head>p:last-child{max-width:390px;margin:0 0 .4rem;color:#60706e;line-height:1.55}.ce-marquee{margin-top:clamp(3rem,6vw,6rem);overflow:hidden}.ce-marquee+.ce-marquee{margin-top:1rem}.ce-marquee__track{width:max-content;display:flex;gap:1rem;animation:ce-marquee 70s linear infinite}.ce-marquee--reverse .ce-marquee__track{animation-name:ce-marquee-reverse;animation-duration:76s}.ce-marquee figure{width:clamp(240px,24vw,390px);height:clamp(330px,34vw,530px);margin:0;flex:none;overflow:hidden}.ce-marquee figure:nth-child(3n+2){width:clamp(300px,32vw,520px)}.ce-marquee img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}.ce-marquee figure:hover img{transform:scale(1.025)}@keyframes ce-marquee{to{transform:translate3d(calc(-1 * var(--ce-marquee-distance)),0,0)}}@keyframes ce-marquee-reverse{from{transform:translate3d(calc(-1 * var(--ce-marquee-distance)),0,0)}to{transform:translate3d(0,0,0)}}
.ce-afterparty{position:relative;padding:clamp(6rem,10vw,11rem) var(--gutter);display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(4rem,8vw,9rem);overflow:hidden;color:white;background:var(--ce-navy)}.ce-afterparty__age{position:absolute;right:-.05em;top:-.15em;color:rgba(245,212,42,.08);font-family:var(--display);font-size:38vw;font-weight:800;line-height:1;letter-spacing:-.1em}.ce-afterparty__copy,.ce-afterparty__lineup{position:relative;z-index:1}.ce-afterparty h2{margin:2rem 0;font-family:var(--display);font-size:clamp(5rem,9vw,10rem);font-weight:800;line-height:.75;letter-spacing:-.085em}.ce-afterparty__lead{max-width:660px;color:rgba(255,255,255,.67);font-size:1.1rem;line-height:1.55}.ce-afterparty dl{margin:3rem 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.25)}.ce-afterparty dl div{padding:1.3rem 0;border-bottom:1px solid rgba(255,255,255,.25)}.ce-afterparty dl div:nth-child(odd){padding-right:1rem}.ce-afterparty dl div:nth-child(even){padding-left:1rem;border-left:1px solid rgba(255,255,255,.25)}.ce-afterparty dt{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.ce-afterparty dd{margin:.5rem 0 0;font-family:var(--display);font-size:1.45rem;font-weight:700}.ce-button{min-height:76px;padding:0 1.6rem;display:flex;align-items:center;justify-content:space-between;color:var(--ce-ink);border-radius:999px;background:var(--ce-cream);font-weight:750}.ce-button i{font-style:normal}.ce-button--yellow{background:var(--ce-yellow)}.ce-afterparty__lineup{align-self:center;padding:clamp(2rem,4vw,4rem);border:1px solid rgba(245,212,42,.7)}.ce-afterparty__lineup>span{color:var(--ce-yellow);font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.ce-afterparty__lineup strong{display:block;color:var(--ce-yellow);font-family:var(--display);font-size:clamp(3.4rem,6vw,7rem);line-height:.79;letter-spacing:-.07em}.ce-afterparty__lineup strong:first-of-type{margin-top:3rem}.ce-afterparty__lineup p{margin:2rem 0 0;color:rgba(255,255,255,.58)}
.ce-visit{padding:clamp(6rem,10vw,11rem) var(--gutter);color:var(--ce-ink);background:var(--ce-cream)}.ce-visit>div:first-child{display:grid;grid-template-columns:19% 1fr;align-items:end}.ce-visit h2{margin:0;font-family:var(--display);font-size:clamp(5rem,9vw,10rem);font-weight:800;line-height:.78;letter-spacing:-.08em}.ce-visit__grid{margin-top:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ce-line);border-bottom:1px solid var(--ce-line)}.ce-visit article{min-height:350px;padding:2rem;display:flex;flex-direction:column;border-right:1px solid var(--ce-line)}.ce-visit article:last-child{border-right:0}.ce-visit article>span{color:var(--ce-orange);font-family:var(--mono);font-size:.65rem;letter-spacing:.09em;text-transform:uppercase}.ce-visit h3{margin:auto 0 1rem;font-family:var(--display);font-size:clamp(2rem,3.3vw,3.8rem);line-height:.9;letter-spacing:-.055em}.ce-visit p{margin:0;color:#60706e;line-height:1.5}.ce-visit a{margin-top:1.4rem;color:inherit;text-decoration:underline;text-underline-offset:.3rem}
.ce-partners{padding:2rem var(--gutter);display:grid;grid-template-columns:19% 1fr;color:var(--ce-green-deep);border-top:1px solid var(--ce-line);background:var(--ce-cream)}.ce-partners p{margin:0;font-family:var(--mono);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ce-partners ul{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none}.ce-partners li{padding:0 1.2rem;font-weight:700;border-left:1px solid var(--ce-line)}
.ce-final{padding:clamp(5rem,9vw,9rem) var(--gutter);display:grid;grid-template-columns:19% 1fr 30%;gap:clamp(2rem,5vw,6rem);align-items:end;color:var(--ce-green-deep);background:var(--ce-yellow)}.ce-final h2{grid-column:2;margin:0;font-family:var(--display);font-size:clamp(4.5rem,7.5vw,8.8rem);font-weight:800;line-height:.8;letter-spacing:-.075em}.ce-final>div{grid-column:3;display:flex;flex-direction:column;gap:2rem}.ce-final>div p{margin:0;line-height:1.5}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .72s var(--ease),transform .85s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:980px){.ce-hero{grid-template-columns:1fr;grid-template-rows:auto 72svh auto}.ce-hero__poster{min-height:85svh}.ce-hero__ticker{grid-column:1}.ce-facts{grid-template-columns:1fr 1fr}.ce-facts article:nth-child(2){border-right:0}.ce-facts article:nth-child(-n+2){border-bottom:1px solid var(--ce-line)}.ce-welcome__statement,.ce-program__head,.ce-highlights__head,.ce-gallery__head{grid-template-columns:1fr;gap:2rem}.ce-welcome__image,.ce-timeline{margin-left:0}.ce-highlights__grid{grid-template-columns:1fr}.ce-highlights .ce-sneakers{grid-row:auto}.ce-afterparty{grid-template-columns:1fr}.ce-visit>div:first-child{grid-template-columns:1fr;gap:2rem}.ce-visit__grid{grid-template-columns:1fr}.ce-visit article{min-height:280px;border-right:0;border-bottom:1px solid var(--ce-line)}.ce-visit article:last-child{border-bottom:0}.ce-partners{grid-template-columns:1fr;gap:1.5rem}.ce-partners ul{grid-template-columns:1fr 1fr}.ce-partners li{padding:.8rem 1rem;border-top:1px solid var(--ce-line)}.ce-final{grid-template-columns:1fr}.ce-marquee figure{width:42vw;height:58vw}}
@media(max-width:620px){.ce-hero__poster{min-height:82svh;margin:.75rem;padding:1.5rem;border-radius:1.2rem}.ce-hero h1{font-size:clamp(4rem,21vw,6.3rem)}.ce-hero__actions{grid-template-columns:1fr}.ce-hero__actions a+a{border-top:1px solid var(--ce-green);border-left:0}.ce-hero__image{height:68svh}.ce-hero__ticker{font-size:1.2rem}.ce-welcome,.ce-program,.ce-highlights,.ce-afterparty,.ce-visit,.ce-final{padding-right:1.25rem;padding-left:1.25rem}.ce-gallery__head{padding-right:1.25rem;padding-left:1.25rem}.ce-facts{grid-template-columns:1fr}.ce-facts article{min-height:110px;border-right:0;border-bottom:1px solid var(--ce-line)}.ce-welcome__statement h2,.ce-program h2,.ce-highlights h2,.ce-gallery h2,.ce-afterparty h2,.ce-visit h2,.ce-final h2{font-size:clamp(3.6rem,16vw,5.2rem)}.ce-welcome__image{height:70svh}.ce-timeline li{grid-template-columns:1fr;gap:.6rem}.ce-timeline li>span{text-align:left}.ce-highlights article{min-height:430px}.ce-sneakers>strong{font-size:10rem}.ce-marquee figure{width:68vw;height:88vw}.ce-afterparty dl{grid-template-columns:1fr}.ce-afterparty dl div:nth-child(even){padding-left:0;border-left:0}.ce-partners ul{grid-template-columns:1fr}.ce-final .ce-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ce-hero__ticker-track,.ce-marquee__track{animation:none}.ce-marquee{overflow-x:auto}.ce-marquee__track{width:max-content}[data-reveal]{opacity:1;transform:none;transition:none}}

/* Community Event refinement · round 2 */
.ce-hero:before{display:block}
.ce-hero__poster{overflow:hidden}
.ce-hero__brandlock{display:flex;flex-direction:column;gap:.2rem;color:var(--ce-green-deep);font-family:var(--display);font-size:clamp(1.25rem,1.8vw,2rem);font-weight:800;line-height:1;letter-spacing:-.035em;text-transform:uppercase}
.ce-hero__brandlock:hover,.ce-hero__brandlock:focus-visible{opacity:.72}
.ce-hero h1{max-width:100%;margin:auto 0 0;font-size:clamp(4.3rem,6.8vw,8rem);line-height:.82;letter-spacing:-.07em}
.ce-hero__date{margin-top:2.2rem}
.ce-hero__date strong{font-size:clamp(3rem,4.8vw,5.5rem)}
.ce-hero__ticker-track{width:max-content;display:flex;animation:ce-ticker-loop 28s linear infinite;will-change:transform}
.ce-hero__ticker span{flex:none;padding-right:.55em;animation:none}
@keyframes ce-ticker-loop{to{transform:translate3d(calc(-1 * var(--ce-ticker-distance)),0,0)}}

.ce-essentials{padding:clamp(6rem,10vw,11rem) var(--gutter);color:var(--ce-ink);background:var(--ce-cream)}
.ce-essentials__head{display:grid;grid-template-columns:19% 54% 27%;align-items:end}
.ce-essentials__head h2{margin:0;font-family:var(--display);font-size:clamp(4.5rem,7.4vw,8.6rem);font-weight:800;line-height:.8;letter-spacing:-.075em}
.ce-essentials__head>p:last-child{max-width:410px;margin:0 0 .4rem;color:#485b59;font-size:clamp(1.15rem,1.45vw,1.45rem);font-weight:600;line-height:1.5}
.ce-essentials__grid{margin-top:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:1px;background:rgba(6,60,61,.28)}
.ce-info-card{display:grid;grid-template-rows:clamp(250px,29vw,430px) 1fr;min-width:0}
.ce-info-card figure{position:relative;margin:0;overflow:hidden}
.ce-info-card figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,35,35,.28),transparent 50%)}
.ce-info-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s var(--ease)}
.ce-info-card:hover img{transform:scale(1.025)}
.ce-info-card>div{min-height:390px;padding:clamp(2rem,3.6vw,4rem);display:flex;flex-direction:column}
.ce-info-card span{font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ce-info-card h3{max-width:14ch;min-height:1.74em;margin:clamp(2.5rem,4vw,4rem) 0 1.4rem;font-family:var(--display);font-size:clamp(2.7rem,4.6vw,5.4rem);font-weight:800;line-height:.87;letter-spacing:-.065em}
.ce-info-card p{max-width:570px;margin:0;font-size:clamp(1.02rem,1.2vw,1.2rem);line-height:1.55}
.ce-info-card a{margin-top:auto;padding-top:1.5rem;color:inherit;font-size:1.05rem;font-weight:750;text-decoration:underline;text-underline-offset:.35rem}
.ce-info-card--place{color:white;background:var(--ce-green)}
.ce-info-card--place p{color:rgba(255,255,255,.76)}
.ce-info-card--time{color:var(--ce-green-deep);background:var(--ce-yellow)}
.ce-info-card--time p{color:rgba(4,90,67,.78)}
.ce-info-card--price{color:white;background:var(--ce-orange)}
.ce-info-card--price p{color:rgba(255,255,255,.8)}
.ce-info-card--age{color:white;background:var(--ce-navy)}
.ce-info-card--age h3{color:var(--ce-yellow)}
.ce-info-card--age p{color:rgba(255,255,255,.72)}

.ce-welcome__statement{margin-top:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:clamp(3rem,7vw,8rem);align-items:end}
.ce-welcome__all{grid-column:1/-1;max-width:1150px;margin:0 0 clamp(2rem,4vw,4rem);color:var(--ce-orange);font-family:var(--display);font-size:clamp(1.8rem,3.2vw,3.7rem);font-weight:800;line-height:.96;letter-spacing:-.05em}
.ce-welcome__statement h2{font-size:clamp(4.2rem,6.8vw,7.8rem);line-height:.84}
.ce-welcome__copy{padding-bottom:.4rem}
.ce-welcome__copy strong{display:block;margin-bottom:1.3rem;color:var(--ce-ink);font-family:var(--display);font-size:clamp(1.55rem,2.2vw,2.5rem);line-height:1.04;letter-spacing:-.045em}
.ce-welcome__copy p{margin:0;color:#4d615f;font-size:clamp(1.08rem,1.35vw,1.3rem);line-height:1.58}
.ce-welcome__image{height:clamp(560px,66vw,900px);margin:clamp(4rem,7vw,7rem) 0 0}

.ce-highlights__head>p:last-child,.ce-gallery__head>p:last-child{color:#405452;font-size:clamp(1.15rem,1.45vw,1.45rem);font-weight:600;line-height:1.5}
.ce-highlights__grid{grid-template-rows:repeat(3,minmax(500px,auto))}
.ce-highlights article{min-height:500px}
.ce-highlights .ce-sneakers{grid-row:1/3}
.ce-sneakers .ce-highlight__eyebrow{font-size:clamp(1.05rem,1.3vw,1.35rem);line-height:1.35}
.ce-sneakers h3{max-width:12ch;margin:clamp(2.8rem,4.2vw,4.8rem) 0 2rem;font-size:clamp(2.8rem,5vw,5.7rem);line-height:.88}
.ce-sneakers__count{display:block;margin:.18em 0 .12em;font-size:2.35em;line-height:.58;letter-spacing:-.1em}
.ce-play{grid-column:1;grid-row:3}
.ce-drums{grid-column:2;grid-row:3;color:white!important;background:var(--ce-orange)!important}
.ce-drums>p:last-of-type{color:rgba(255,255,255,.8)!important}

.ce-afterparty__age{right:.08em;top:-.1em;letter-spacing:-.035em}
.ce-afterparty__lineup>span{font-size:clamp(.95rem,1.2vw,1.2rem);font-weight:800}
.ce-afterparty__tickets{min-height:92px;font-size:clamp(1.18rem,1.55vw,1.5rem)}
.ce-timeline li:hover{padding-right:0;padding-left:0;color:inherit;background:transparent}
.ce-timeline li:hover p{color:rgba(255,255,255,.63)}

@media(max-width:980px){
  .ce-essentials__head{grid-template-columns:1fr;gap:2rem}
  .ce-essentials__grid{grid-template-columns:1fr 1fr}
  .ce-info-card{grid-template-rows:32vw 1fr}
  .ce-info-card>div{min-height:380px}
  .ce-welcome__statement{grid-template-columns:1fr;gap:2.5rem}
  .ce-welcome__all{margin-bottom:1rem}
  .ce-highlights__grid{grid-template-rows:none}
  .ce-play,.ce-drums{grid-column:auto;grid-row:auto}
  .ce-final h2,.ce-final>div{grid-column:auto}
}
@media(max-width:620px){
  .ce-hero:before{inset:0 0 58px;font-size:22vw}
  .ce-hero h1{font-size:clamp(3.75rem,16vw,5.5rem);line-height:.85}
  .ce-hero__brandlock{font-size:1.2rem}
  .ce-essentials{padding-right:1.25rem;padding-left:1.25rem}
  .ce-essentials__head h2{font-size:clamp(3.6rem,16vw,5.2rem)}
  .ce-essentials__grid{grid-template-columns:1fr}
  .ce-info-card{grid-template-rows:65vw 1fr}
  .ce-info-card>div{min-height:360px;padding:1.6rem}
  .ce-info-card h3{font-size:clamp(2.8rem,13vw,4.2rem)}
  .ce-welcome__statement h2{font-size:clamp(3.45rem,15vw,5rem)}
  .ce-welcome__image{height:68svh}
  .ce-sneakers h3{font-size:clamp(2.8rem,5vw,5.7rem)}
}

/* The adult-entry rule stays explicit in the facts, while the former numeric
   backdrop is replaced by a neutral atmospheric glow. */
.ce-afterparty::before {
  content: "";
  position: absolute;
  inset: -32% -20% auto auto;
  width: min(72vw, 920px);
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(245,212,42,.11), rgba(245,212,42,.025) 42%, transparent 70%);
}

/* The global phone header restores the full canvas width. These refinements
   keep the event poster readable at 320–430 px and avoid viewport clipping. */
@media(max-width:900px){
  .community-event-page .site-header>.brand{display:inline-flex!important}
  .ce-hero{width:100%;min-height:0;grid-template-rows:auto minmax(420px,68svh) auto;overflow:hidden}
  .ce-hero:before{inset:0 0 52px;font-size:22vw}
  .ce-hero__poster{min-height:calc(100svh - var(--mobile-header-height));margin:0;padding:clamp(1.35rem,6vw,2rem);border-width:1.5px;border-radius:0}
  .ce-hero h1{max-width:100%;font-size:clamp(3.15rem,14vw,4.8rem);line-height:.86;overflow-wrap:normal}
  .ce-hero h1 span{white-space:nowrap}
  .ce-hero__brandlock{font-size:clamp(1rem,5vw,1.3rem)}
  .ce-hero__date strong{font-size:clamp(2.75rem,14vw,4rem)}
  .ce-hero__image{width:100%;height:auto;min-height:420px}
  .ce-hero__ticker{width:100%;height:52px;font-size:1.1rem;line-height:52px}
  .ce-essentials__head h2,
  .ce-welcome__statement h2,
  .ce-program__head h2,
  .ce-highlights__head h2,
  .ce-gallery__head h2,
  .ce-afterparty h2,
  .ce-visit h2,
  .ce-final h2{font-size:clamp(2.8rem,14vw,4.3rem);overflow-wrap:break-word}
  .ce-info-card h3{min-height:0;font-size:clamp(2.25rem,11.5vw,3.5rem)}
  .ce-info-card--age h3{
    font-size:clamp(1.9rem,10vw,3.15rem);
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
  .ce-highlights article{min-height:390px;padding:1.6rem}
  .ce-sneakers>strong{font-size:clamp(7rem,42vw,10rem)}
  .ce-afterparty__lineup strong{font-size:clamp(2.7rem,13vw,4.2rem)}
  .ce-welcome__statement{grid-template-columns:minmax(0,1fr)}
  .ce-welcome__statement h2,
  .ce-welcome__copy strong,
  .ce-welcome__copy p{width:auto;max-width:100%;overflow-wrap:break-word}
}

@media(max-width:900px) and (orientation:landscape){
  .ce-hero{grid-template-columns:1fr 1fr;grid-template-rows:calc(100svh - var(--mobile-header-height)) 48px}
  .ce-hero__poster{grid-column:1;grid-row:1;min-height:0}
  .ce-hero__image{grid-column:2;grid-row:1;height:100%;min-height:0}
  .ce-hero__ticker{grid-column:1/3;grid-row:2;height:48px;line-height:48px}
  .ce-hero h1{font-size:clamp(2.4rem,8vw,4.2rem)}
  .ce-hero__brandlock{font-size:.92rem}
  .ce-hero__date{margin-top:1rem}
  .ce-hero__date strong{font-size:clamp(2rem,7vw,3.25rem)}
}

/* Community-Event-Interaktionen: eigene Farbwelt, identische Bedeutungen und
   Bewegung wie im globalen System. Gelb signalisiert Auswahl, Gruen Hover. */
.ce-index a {
  transition: color var(--motion-fast) ease, background-color var(--motion-fast) ease,
              border-color var(--motion-fast) ease;
}
.ce-index a:hover,
.ce-index a:focus-visible {
  color: var(--ce-hover-fg);
  background: var(--ce-hover-bg);
}
.ce-index a.is-active,
.ce-index a.is-active:hover,
.ce-index a[aria-current="true"],
.ce-index a[aria-current="location"] {
  color: var(--ce-selected-fg);
  background: var(--ce-selected-bg);
  border-bottom-color: var(--ce-selected-line);
}

.ce-button,
.ce-hero__actions a {
  transition: color var(--motion-fast) ease, background-color var(--motion-fast) ease,
              border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease,
              transform 90ms ease;
}
.ce-button:hover,
.ce-button:focus-visible,
.ce-hero__actions a:hover,
.ce-hero__actions a:focus-visible {
  color: var(--ce-hover-fg);
  background: var(--ce-hover-bg);
  box-shadow: inset 0 0 0 2px var(--ce-yellow);
}
.ce-button:active,
.ce-hero__actions a:active { transform: scale(var(--press-scale)); }
.ce-button i,
.ce-hero__actions i { transition: transform var(--motion-control) var(--ease); }
.ce-button:hover i,
.ce-hero__actions a:hover i { transform: translateX(4px); }

.ce-hero__brandlock {
  transition: color var(--motion-fast) ease, opacity var(--motion-fast) ease;
}
.ce-hero__brandlock:hover,
.ce-hero__brandlock:focus-visible {
  color: var(--ce-orange);
  opacity: 1;
}

.ce-info-card a,
.ce-highlights a,
.ce-visit a {
  transition: color var(--motion-fast) ease, text-decoration-color var(--motion-fast) ease;
}
.ce-info-card a:hover,
.ce-highlights a:hover,
.ce-visit a:hover {
  color: var(--ce-navy);
  text-decoration-color: currentColor;
  text-decoration-thickness: 3px;
}
.ce-info-card--place a:hover,
.ce-info-card--age a:hover,
.ce-police a:hover,
.ce-food a:hover { color: var(--ce-yellow); }

/* Bilder, Fakten und Programmzeilen sind Inhalt, keine Controls. */
.ce-info-card:hover img,
.ce-marquee figure:hover img { transform: none; }
.ce-timeline li:hover {
  padding-right: 0;
  padding-left: 0;
  color: inherit;
  background: transparent;
}
.ce-timeline li:hover p { color: rgba(255,255,255,.63); }

@media(prefers-reduced-motion:reduce){
  .ce-button:active,
  .ce-hero__actions a:active { transform:none }
}

/* Die Eventseite wird durch sprechende Kapitel statt dekorative Nummern gegliedert. */
.ce-welcome__label { margin-bottom: clamp(2.5rem,5vw,5rem); }

/* Optische Kollisionskorrektur für die Event-Displaytypografie. */
.ce-hero h1 {
  line-height: .9;
  letter-spacing: -.055em;
}
.ce-essentials__head h2,
.ce-welcome__statement h2,
.ce-program__head h2,
.ce-highlights__head h2,
.ce-gallery__head h2,
.ce-final h2 {
  line-height: .92;
  letter-spacing: -.055em;
}
.ce-info-card h3,
.ce-highlights h3,
.ce-timeline h3,
.ce-visit h3 {
  line-height: .96;
  letter-spacing: -.045em;
}
.ce-afterparty h2,
.ce-afterparty__lineup strong {
  line-height: .9;
  letter-spacing: -.055em;
}

/* Mobile Event-Einstieg: Auf kleinen Bildschirmen beginnt die Seite wie die
   übrigen OpenDesk-Seiten direkt mit Fotografie und Laufzeile. Der gelbe
   Poster bleibt als eigenständige Desktop-Inszenierung erhalten; sein H1
   bleibt mobil unsichtbar im Dokument, damit die Seitenstruktur zugänglich
   bleibt. */
@media (max-width: 900px) {
  .ce-hero {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(420px, 68svh) 52px;
    background: var(--ce-green);
  }

  .ce-hero::before {
    display: none;
  }

  .ce-hero__poster {
    position: absolute;
    width: 1px;
    height: 1px;
    min-height: 0;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
  }

  .ce-hero__image {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 68svh;
    min-height: 420px;
  }

  .ce-hero__image img {
    object-position: 48% center;
  }

  .ce-hero__ticker {
    grid-column: 1;
    grid-row: 2;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  .ce-hero {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: calc(100svh - var(--mobile-header-height) - 48px) 48px;
  }

  .ce-hero__image {
    grid-column: 1;
    grid-row: 1;
    height: 100%;
    min-height: 0;
  }

  .ce-hero__ticker {
    grid-column: 1;
    grid-row: 2;
  }
}

/* Keep every mobile event title typographically intact in all languages. */
@media (max-width: 900px) {
  .ce-essentials__head h2,
  .ce-welcome__statement h2,
  .ce-program__head h2,
  .ce-highlights__head h2,
  .ce-gallery__head h2,
  .ce-afterparty h2,
  .ce-visit h2,
  .ce-final h2,
  .ce-info-card h3 {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    text-wrap: balance;
  }

  .ce-essentials__head h2,
  .ce-welcome__statement h2,
  .ce-program__head h2,
  .ce-highlights__head h2,
  .ce-gallery__head h2,
  .ce-afterparty h2,
  .ce-visit h2,
  .ce-final h2 {
    font-size: clamp(2.1rem,10vw,3.9rem);
  }

  .ce-info-card h3 {
    font-size: clamp(1.8rem,8.8vw,3rem);
  }

  .ce-highlights h3 {
    font-size: clamp(1.8rem,9.8vw,3.2rem);
  }
}