.CCDIndex{--hero-height: 56vw;--fade-height: 10vw;--content-bg-color: rgba(35, 35, 35, .826);--mobile-map-height: 200px;--hero-height-mobile: 56vw;--fade-height-mobile: 10vw;--bg-dark: #17171B;--primary-red: rgba(218, 21, 21, .9);--text-white-dim: rgba(255, 255, 255, .6);--text-white-bright: rgba(255, 255, 255, .9);--border-subtle: rgba(255, 255, 255, .1);--glass-bg: rgba(30, 30, 30, .8)}.CCDIndex .hero-container{position:relative;top:0;left:0;width:100%;height:var(--hero-height);overflow:hidden;z-index:0;pointer-events:none}.CCDIndex .hero-background{position:fixed;width:100%;top:0;z-index:0;opacity:.9;height:var(--hero-height)}.CCDIndex .hero-background-image{width:100%;height:100%;object-fit:cover;opacity:1}.CCDIndex .simon-parent{min-height:100vh;position:relative;z-index:1}.CCDIndex .simon-parent .simon-card-cont{margin-top:-5vw;padding-bottom:calc(5vw + 100px);position:relative;z-index:1}.CCDIndex .simon-parent .simon-bg-cont{height:100%;width:100%;position:absolute;pointer-events:none;z-index:0}.CCDIndex .simon-parent .simon-bg-cont .simon-gradient{height:5vw;background:linear-gradient(to bottom,#17171b00,#17171be2)}.CCDIndex .simon-parent .simon-bg-cont .simon-bg{background:#17171be2;height:100%}.CCDIndex .andy-simon{position:relative;min-height:100vh;margin-top:90vh;width:100%}.CCDIndex .andy-simon .andy-gradient{height:10vh;left:0;top:0;width:100%;background:linear-gradient(to bottom,#17171b00,#17171b)}.CCDIndex .hero-gradient{position:absolute;top:calc(var(--hero-height) * .9);width:100%;height:100%;min-height:105vh;background:linear-gradient(to bottom,#17171b00 0%,#17171B var(--fade-height),#17171B 100%);z-index:1}.CCDIndex .hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 5%}.CCDIndex .hero-logo-container{width:100%;display:flex;justify-content:center;align-items:center}.CCDIndex .hero-logo{max-width:min(50vw,500px);height:auto;filter:drop-shadow(0 .5rem 2rem rgba(0,0,0,.8))}.CCDIndex .hero-logo-slot .hero-logo,.CCDIndex .hero-logo-slot .skeleton-logo{width:min(50vw,500px);max-width:none;aspect-ratio:var(--hero-logo-aspect)}.CCDIndex .hero-logo-slot .hero-logo{object-fit:contain}.CCDIndex .hero-logo-slot .skeleton-logo{border-radius:1rem}.CCDIndex .index-hero-title{margin:.75rem 0 0;color:var(--text-white-bright);font-size:clamp(1.125rem,2.2vw,1.875rem);font-weight:700;line-height:1.25;text-align:center;text-wrap:balance;text-shadow:0 .125rem 1rem rgba(0,0,0,.85)}.CCDIndex .tab-selector-wrapper{position:sticky;top:calc(0rem + var(--top-nav-height, 90px));z-index:110;font-size:.9rem;display:flex;justify-content:center;gap:.5rem;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.CCDIndex .tab-selector-wrapper.tab-bar-hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.CCDIndex .tab-selector{display:flex;justify-content:center;align-items:center;gap:.5rem;max-width:600px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50px;padding:.4rem;border:1px solid var(--border-subtle);box-shadow:0 .5rem 1.5rem #000000a8;pointer-events:auto}.CCDIndex .tab-button{flex:1;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:50px;color:var(--text-white-dim);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none;text-align:center}.CCDIndex .tab-button:hover{color:var(--text-white-bright);background:#ffffff1a}.CCDIndex .tab-button.active{background:var(--primary-red);color:#fff;box-shadow:0 2px 8px #da15154d}.CCDIndex .loading-container{padding:4rem 2vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:relative;z-index:10;min-height:300px}.CCDIndex .loading-text{color:#fffc;font-size:1rem;font-weight:500;margin:0;letter-spacing:.5px}.CCDIndex .week-view-toggle{display:flex;justify-content:center;align-items:center;gap:.5rem;max-width:400px;margin:0 auto 1rem;background:#14141499;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;padding:.4rem;border:1px solid rgba(255,255,255,.05)}.CCDIndex .toggle-button{flex:1;padding:.6rem 1rem;background:transparent;border:none;border-radius:6px;color:#ffffff80;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.5rem}.CCDIndex .toggle-button:hover{color:#fffc;background:#ffffff0d}.CCDIndex .toggle-button.active{background:#da151533;color:#fff;border:1px solid rgba(218,21,21,.3)}.CCDIndex .toggle-button i{font-size:.9em}@media(max-width:768px){.CCDIndex .hero-container{height:var(--hero-height-mobile)}.CCDIndex .hero-logo{max-width:40vw}.CCDIndex .hero-logo-slot .hero-logo,.CCDIndex .hero-logo-slot .skeleton-logo{width:40vw}.CCDIndex .tab-selector-wrapper{padding-inline:10vw}.CCDIndex .tab-selector{gap:.35rem;padding:.3rem}.CCDIndex .tab-button{padding:.6rem 1rem;font-size:.85rem}.CCDIndex .week-view-toggle{max-width:100%;margin-bottom:.75rem}.CCDIndex .toggle-button{font-size:.8rem;padding:.5rem .75rem}}@media(max-width:480px){.CCDIndex .tab-selector-wrapper{padding-inline:10vw}.CCDIndex .tab-selector{gap:.25rem;padding:.25rem}.CCDIndex .tab-button{padding:.5rem .75rem;font-size:.8rem}.CCDIndex .toggle-button{font-size:.75rem;padding:.45rem .6rem;gap:.3rem}.CCDIndex .toggle-button i{font-size:.85em}.CCDIndex .loading-container{padding:3rem 2vw;min-height:250px}.CCDIndex .loading-text{font-size:.9rem}}.EventsIndex .events-content{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:2rem 2rem 0}.EventsIndex .hero-subtitle{color:#fffffff2;font-size:1.1rem;max-width:600px;text-align:center;margin-top:.75rem;text-shadow:0 2px 6px rgba(0,0,0,.7),0 0 20px rgba(0,0,0,.3);line-height:1.5}.EventsIndex .category-description{max-width:800px;margin:0 auto 2rem;padding:1.5rem 2rem;color:#fffffff2;font-size:1.05rem;line-height:1.7;text-align:center;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media(max-width:768px){.EventsIndex .events-content.flex-cont{flex-direction:column;padding:1rem}.EventsIndex .events-content .card{width:100%;margin:.5rem 0}.EventsIndex .hero-subtitle{font-size:.95rem;padding:0 1rem}.EventsIndex .category-description{padding:1rem;font-size:.95rem}}
