main{height:100vh;width:100vw;display:flex;flex-direction:column}.hero-section{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding:2rem;position:relative}.site-tagline h1{font-family:var(--font-headline);font-size:clamp(2.5rem,6vw,5rem);font-weight:600;color:var(--primary);line-height:1.2;max-width:1200px}.site-tagline h1 .word{display:inline-block;overflow:hidden;vertical-align:top}.site-tagline h1 .word span{display:inline-block;transform:translateY(100%)}.learn-more-link{font-family:var(--font-space-mono);font-size:1rem;text-decoration:underline;cursor:pointer;color:var(--primary);display:inline-block;margin-top:1.5rem}.event-gallery-section{height:55vh;width:100%;display:flex;align-items:center}.gallery-container{width:100%;overflow-x:auto;padding:2rem 0;-webkit-overflow-scrolling:touch}.gallery-container::-webkit-scrollbar{display:none}.gallery-container{-ms-overflow-style:none;scrollbar-width:none}.gallery-wrapper{display:flex;padding:0 2rem;height:100%;position:relative;will-change:transform;align-items:center;width:max-content}.event-panel{width:250px;height:auto;max-height:95%;flex-shrink:0;position:relative;display:flex;flex-direction:column;border:1px solid var(--black);background-color:transparent;color:var(--black);text-decoration:none;cursor:pointer;transition:background-color .3s ease,color .3s ease}.event-panel:hover{background-color:var(--white);color:var(--black)}.event-panel+.event-panel{margin-left:1em}.event-panel-title-wrapper,.event-panel-year{padding:5px;font-family:var(--font-inconsolata);font-weight:500;font-size:12px;line-height:1.2}.event-panel-image-wrapper{width:100%;height:auto;overflow:hidden;background-color:var(--black);flex-grow:1}.event-panel-image{width:100%;height:100%;object-fit:cover;display:block}.event-panel-link{position:absolute;top:1rem;right:1rem;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:var(--font-space-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:opacity .4s ease;z-index:2;padding:.5rem .3rem;background-color:var(--black);color:var(--background);border:1px solid var(--black);text-decoration:none}.zoomed-panel .event-panel-link{opacity:1;pointer-events:auto}.zoomed-panel .event-panel-link:hover{background-color:var(--pale-pink);color:var(--black)}#zoom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:9995;display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:opacity .5s ease;cursor:pointer}#zoom-overlay.is-active{visibility:visible;opacity:1}.zoomed-panel{width:80vw;max-width:1200px;height:auto;cursor:grab}.zoomed-panel:active{cursor:grabbing}.about-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--primary);z-index:10002;visibility:hidden;pointer-events:none;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}.about-overlay.is-active{pointer-events:auto}.about-close-btn{position:absolute;top:1.5rem;right:2rem;z-index:10003;cursor:pointer;color:var(--background);width:40px;height:40px;display:flex;justify-content:center;align-items:center}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);width:100%;height:100%;align-items:center;padding:5vw}.about-text-content{color:var(--background);padding-right:3rem}.about-headline{font-family:var(--font-headline);font-size:clamp(2rem,5vw,4.5rem);font-weight:600;line-height:1.1;margin-bottom:2rem}.about-body{font-family:var(--font-body);font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.6;max-width:50ch;margin-bottom:3rem}.about-social-links{display:flex;gap:1rem}.social-link{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(240,234,214,.5);border-radius:50%;color:var(--background);text-decoration:none;transition:background-color .3s ease,border-color .3s ease}.social-link:hover{background-color:var(--background);border-color:var(--background);color:var(--primary)}.social-link i{font-size:18px}.about-visual-content{width:100%;height:100%;position:relative}#particle-canvas-about{display:block;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;padding:15vw 5vw;text-align:center;justify-items:center;overflow-y:auto}.about-visual-content{display:none}.about-text-content{padding-right:0}.about-social-links{justify-content:center}}