:root{--radius: 16px;--gap: 12px;--transition: .5s cubic-bezier(.25,.9,.25,1);--bg: #1c1c1c;--text: #fff;--accent1: oklch(85.2% .199 91.936);--accent2: #eab308;--accent3: #ca8a04}body{overflow-x:hidden;margin:0;box-sizing:border-box;background:radial-gradient(circle at center,#1c1c1c,#000 70%)}.modal-open{overflow:hidden}#video-modal{transition:opacity .3s ease}#youtube-player{width:100%;height:100%}.animate-on-load{opacity:0;transform:translateY(20px)}.row,.section,section{position:relative;overflow:hidden}.section,section{text-align:center}.container-fluid{width:100%;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}.horiz-gallery-strip,.horiz-gallery-wrapper{display:flex;flex-wrap:nowrap;will-change:transform;position:relative}.project-wrap{width:33vw;padding:2rem;box-sizing:content-box}.project-wrap img{width:100%;aspect-ratio:1/1;object-fit:cover}.accordion-wrapper{display:flex;flex-direction:column;align-items:center}.accordion-wrapper h2{color:#556;font-size:3em}.accordion-wrapper .accordion{display:flex;gap:var(--gap);width:min(1000px,95vw);height:320px}.accordion-wrapper details{flex:0 0 90px;border-radius:var(--radius);overflow:hidden;background:#262626;box-shadow:0 4px 16px #00000014;transition:flex-basis var(--transition),transform var(--transition);position:relative}.accordion-wrapper details[open]{flex:1 1 auto;transform:translateY(-4px)}.accordion-wrapper summary{writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;padding:12px;font-weight:600;font-size:14px;cursor:pointer;list-style:none;color:#262626;background:var(--accent1);transition:opacity var(--transition),background var(--transition);-webkit-user-select:none;user-select:none}.accordion-wrapper details:nth-child(2) summary{background:var(--accent2)}.accordion-wrapper details:nth-child(3) summary{background:var(--accent3)}.accordion-wrapper summary::-webkit-details-marker{display:none}.accordion-wrapper details[open] summary{pointer-events:none}.accordion-wrapper .content{position:absolute;inset:0;padding:30px 40px;opacity:0;transform:translate(40px);transition:opacity var(--transition),transform var(--transition);display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center}.accordion-wrapper details[open] .content{opacity:1;transform:translate(0);position:initial}.accordion-wrapper .content h3{margin-top:0;font-size:1.5rem}.accordion-wrapper .content p{color:#555;line-height:1.5;max-width:480px}@media(max-width:700px){.accordion-wrapper .accordion{flex-direction:column;height:auto}.accordion-wrapper details{flex:1 1 auto}.accordion-wrapper summary{writing-mode:horizontal-tb}}#goToTopButton{display:none;position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:none;background-color:var(--accent1);color:#fff;cursor:pointer;padding:15px;border-radius:10px;font-size:18px;transition-duration:.5s}#goToTopButton:hover,#goToTopButton:active{background-color:var(--accent2);transition-duration:.5s}#goToTopButton img{max-width:20px}#hamburger-button span{transition:transform .3s ease-in-out,opacity .3s ease-in-out}#hamburger-button.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}#hamburger-button.open span:nth-child(2){opacity:0}#hamburger-button.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:767px){#main-nav{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;flex-direction:column;align-items:center;justify-content:center;z-index:40}#main-nav.open{display:flex}#main-nav a{font-size:2rem;margin:1rem 0}}#cursor-glow{position:fixed;left:0;top:0;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--accent1) 0%,transparent 70%);filter:blur(80px);transform:translate(-50%,-50%);pointer-events:none;z-index:9999;opacity:0;mix-blend-mode:screen}#scroll-progress-bar{position:fixed;top:0;left:0;width:0%;height:4px;background-color:var(--accent1);z-index:100}@media(max-width:767px){.project-wrap{width:75vw}}