@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;700;900&display=swap";:root{--color-bg-dark:#050505;--color-bg-light:#161616;--color-evh-red:#d11013;--color-white:#fff;--color-text-main:#e0e0e0;--color-text-muted:#888;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--sidebar-width:380px}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}@keyframes breathingBg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body{font-family:var(--font-body);color:var(--color-text-main);background-color:var(--color-bg-dark);font-size:clamp(.95rem,1vw,1.1rem);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-white);text-transform:uppercase}h1{font-size:clamp(2rem,6vw,4rem)}h2{font-size:clamp(1.4rem,4vw,2.8rem)}h3{font-size:clamp(1.1rem,3vw,1.8rem)}h4{font-size:clamp(1rem,2.5vw,1.5rem)}.section-title{margin-bottom:2rem;font-size:clamp(1.8rem,5vw,3.5rem)}.app-container{min-height:100vh;display:flex;position:relative}.main-content{flex:1;width:100%}.sidebar-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99;background:#000000b3;width:100vw;height:100vh;position:fixed;top:0;left:0}.sidebar{width:var(--sidebar-width);background-color:var(--color-bg-light);clip-path:polygon(0 0,95% 0,100% 5%,95% 10%,100% 15%,95% 20%,100% 25%,95% 30%,100% 35%,95% 40%,100% 45%,95% 50%,100% 55%,95% 60%,100% 65%,95% 70%,100% 75%,95% 80%,100% 85%,95% 90%,100% 95%,95% 100%,0 100%);z-index:100;height:150vh;filter:drop-shadow(4px 0 0 var(--color-evh-red)) drop-shadow(10px 0 20px #000c);flex-direction:column;padding:3rem 0;display:flex;position:fixed;top:0;left:0}.sidebar-logo{text-align:center;margin-bottom:3rem;padding-right:2rem}.sidebar-logo h2{letter-spacing:2px;color:var(--color-evh-red);font-size:2.5rem}.sidebar-logo span{color:var(--color-white);font-size:1rem;font-family:var(--font-body);letter-spacing:5px;margin-top:5px;display:block}.nav-links{flex-direction:column;gap:.5rem;padding-right:2rem;list-style:none;display:flex}.nav-item{color:var(--color-text-main);cursor:pointer;clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%);border-left:4px solid #0000;align-items:center;gap:1rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover,.nav-item.active{background-color:var(--color-evh-red);color:var(--color-white)}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{color:var(--color-white)}.nav-icon{color:var(--color-evh-red);transition:all .3s}.menu-toggle-btn{z-index:101;cursor:pointer;filter:drop-shadow(0 4px 10px #00000080);background-color:#0000;border:none;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:fixed;top:20px}.menu-toggle-btn img{object-fit:contain;width:100%;height:100%}.menu-toggle-btn:hover{transform:scale(1.1)}.section{flex-direction:column;justify-content:center;min-height:100vh;padding:5rem 4rem 5rem 6rem;display:flex;position:relative}.section-title{z-index:2;margin-bottom:2rem;font-size:3.5rem;display:inline-block;position:relative}.section-title:after{content:"";background-color:var(--color-evh-red);clip-path:polygon(0 0,100% 0,95% 100%,0% 100%);width:60%;height:8px;position:absolute;bottom:-10px;left:0}.jagged-box{clip-path:polygon(0 0,95% 2%,100% 100%,5% 98%)}.jagged-btn{clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}@keyframes slideRight{0%{background-position:0 0}to{background-position:300px 300px}}@keyframes gradientLeft{0%{background-position:100%}to{background-position:0%}}@keyframes gradientRight{0%{background-position:0%}to{background-position:100%}}#home{background-color:#050510;position:relative;overflow:hidden}.bg-layer{z-index:0;opacity:.6;position:absolute;inset:-20%}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(5%,10%)scale(1.1)}}@keyframes drift2{0%{transform:translate(0)scale(1.1)}to{transform:translate(-5%,-10%)scale(1)}}@keyframes drift3{0%{transform:translate(-5%,5%)scale(1)}to{transform:translate(10%,-5%)scale(1.15)}}.layer-1{clip-path:polygon(0 20%,30% 0%,50% 40%,10% 80%);background-color:#d11013cc;animation:18s ease-in-out infinite alternate drift1}.layer-2{clip-path:polygon(80% 0,100% 30%,70% 100%,40% 50%);background-color:#1e90ff99;animation:22s ease-in-out infinite alternate drift2}.layer-3{clip-path:polygon(100% 80%,50% 100%,30% 70%,90% 40%);background-color:#8a2be299;animation:25s ease-in-out infinite alternate drift3}#home .content-panel{z-index:2;border-left:4px solid var(--color-evh-red);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:12px;padding:2rem;position:relative}#about{background:linear-gradient(-45deg,#0a0a2a,#2a0a2a,#0a1a2a,#1a0a3a) 0 0/400% 400%;animation:12s infinite gradientLeft}#gallery{background:linear-gradient(45deg,#2a0a0a,#0a0a2a,#1a0510) 0 0/400% 400%;animation:12s infinite gradientRight}#contact{background-color:#0a0a1a;background-image:radial-gradient(circle,#1e90ff26 3px,#0000 3px);background-size:30px 30px}@media (hover:none) and (pointer:coarse){button,a,input,textarea,[role=button]{min-width:48px;min-height:48px}}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (width<=767px){.sidebar{width:min(85vw,320px)}.menu-toggle-btn{width:50px;height:50px;display:flex;top:15px}.section{padding:4rem 1.5rem 2rem}.section-title{margin-bottom:1.5rem;font-size:clamp(1.4rem,4vw,2rem)}.gallery-grid{grid-template-columns:1fr;gap:1rem}.flex-layout{flex-direction:column}button,a,input,textarea,[role=button]{touch-action:manipulation;min-width:48px;min-height:48px}.jagged-btn{font-size:1rem;padding:1.5rem 2rem!important}.modal-content,[class*=modal]{padding:2rem 1.5rem}a,button{-webkit-touch-callout:none}}@media (width>=768px) and (width<=1023px){.sidebar{width:min(75vw,380px)}.menu-toggle-btn{display:flex}.section{padding:5rem 2rem 3rem}.section-title{margin-bottom:2rem;font-size:clamp(1.6rem,4.5vw,2.5rem)}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}button,a,input,textarea,[role=button]{touch-action:manipulation;min-height:44px}}@media (width>=1024px){.sidebar,.menu-toggle-btn{display:flex}.section{padding:6rem 2rem 4rem}.section-title{margin-bottom:2.5rem;font-size:clamp(2rem,5vw,3.5rem)}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:2rem}button,a,input,textarea{min-height:40px}}