:root{--primary:#555;--secondary:#c50084;--dark:#121212;--light:#f5f5f5;--gray:#e0e0e0;--text:#333;--text-light:#757575}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;font-family:"Conduit",-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--light);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:all 0.3s ease}.app-container{display:grid;grid-template-areas:"header main"
"footer footer";grid-template-columns:80px 1fr;grid-template-rows:1fr auto;height:100vh}.mother-header{height:100%;position:relative;transition:background-color 0.3s ease;z-index:100;overflow:hidden}header{position:relative;grid-area:header;background-color:var(--dark);display:flex;flex-direction:column;align-items:center;padding:20px
0;z-index:100;box-shadow:2px 0 10px rgba(0, 0, 0, 0.1);height:70%;transition:height 0.6s ease}header::before{content:"";position:absolute;top:0;left:0;width:100%;height:70%;background-color:var(--dark);z-index:-1;transition:height 0.3s ease}header.nav-expanded{height:100%}header.nav-expanded::before{height:100%}.nav-toggle{width:30px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.nav-toggle
span{display:block;height:2px;width:100%;background-color:var(--light);transition:all 0.3s ease;margin:2px
0}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}.social-links{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:20px}.social-icon{opacity:0.9;transition:opacity 0.3s ease;width:31px;height:31px}.social-icon:hover{transform:translateY(5px);animation:fadeIn 0.5s forwards;animation-delay:calc(var(--order) * 0.1s)}.social-icon:hover{opacity:1}main{grid-area:main;display:flex;flex-direction:column;position:relative;overflow:hidden}.media-container{aspect-ratio:3 / 2;position:relative;width:100%;height:100%;background-color:var(--dark);overflow:hidden}.media-content{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.slider{position:relative;width:100%;height:100%}.slide{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}.slide.active{opacity:1}.content-panel-wrapper{position:relative;padding-top:20px;padding-bottom:20px}.content-panel{width:100%;height:100%}.swiper-hint{position:absolute;right:-10px;top:33%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#fbd4e5;border-radius:50px}.swiper-hint-arrow{position:relative;width:12px;height:12px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);margin-right:8px;animation:swipeHint 1.5s infinite}@keyframes
swipeHint{0%,100%{opacity:0;transform:rotate(-45deg) scale(0.8)}50%{opacity:1;transform:rotate(-45deg) scale(1)}}.icon-grid{position:relative;display:flex;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;gap:clamp(25px, 5vw, 100px);padding:20px;max-width:100%;margin:0
auto;overflow-x:auto;scrollbar-width:none;max-width:80%}.icon-grid::-webkit-scrollbar{display:none}.icon-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;width:100px;opacity:0;transform:translateY(20px);animation:fadeIn 0.5s forwards;animation-delay:calc(var(--order) * 0.1s);height:90px}.icon-item
svg{width:auto;height:100%;margin-bottom:8px;fill:var(--primary);transition:all 0.3s ease}.icon-item
img{width:70px;height:70px;margin-bottom:8px}.icon-item:hover
svg{fill:var(--secondary);transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(255, 0, 160, 0.3))}.icon-label{font-size:12px;color:var(--dark)}.hover-img{transition:transform 0.3s ease, box-shadow 0.3s ease}.icon-item:hover .hover-img{transform:translateY(-8px);cursor:pointer}.desktop-audio{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.desktop-audio
button{background-image:url("https://ib3cdn.s3.amazonaws.com/ENS/img/AudioOut.png");width:40px;height:40px;background-size:cover;border:none;cursor:pointer;background-color:var(--light);z-index:100}.mobile-audio{display:none}.media-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:10px;z-index:10}.media-btn{background-color:rgba(0, 0, 0, 0.7) !important;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.media-btn:hover{background-color:rgba(0, 0, 0, 0.9)}.media-icon{width:20px;height:20px;fill:white}.nav-panel{position:fixed;top:0;left:-100%;width:calc(100% - 80px);height:100%;background-color:var(--light);z-index:90;padding:30px;overflow-y:auto;transition:left 0.5s ease 0.3s;margin-left:80px;box-shadow:0 0 20px rgba(0, 0, 0, 0.1)}.nav-panel.active{left:0}.nav-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:30px}.nav-section
h3{color:var(--secondary);margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid var(--gray);font-size:18px}.nav-section
h4{font-size:16px}.nav-links{list-style:none}.nav-links
li{margin-bottom:10px}.nav-links
a{color:var(--text-light);font-size:14px;display:block;padding:5px
0}.nav-links a:hover{color:var(--secondary)}.search-bar{display:flex;margin-bottom:30px;max-width:500px}.search-input{flex:1;padding:10px
15px;border:1px
solid var(--gray);border-radius:4px 0 0 4px;font-size:16px;outline:none}.search-button{background-color:var(--primary);color:white;border:none;padding:0
15px;border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-button
svg{width:20px;height:20px}footer{grid-area:footer;background-color:var(--dark);color:white;padding:15px
30px;text-align:center;font-size:14px;z-index:101}.contact-line{display:inline-flex}@keyframes
fadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.media-container{aspect-ratio:1 / 2;width:100%}.icon-grid{padding:10px
0;gap:15px;max-width:100%}.icon-item{width:clamp(80px, 22vw, 100px)}.icon-item
svg{width:60px;height:60px;margin-bottom:8px;fill:var(--primary);transition:all 0.3s ease}.icon-item
img{width:70px;height:70px !important}.desktop-audio{display:none}.mobile-audio{display:block}.mobile-audio
button{background-image:url("https://ib3cdn.s3.amazonaws.com/ENS/img/AudioOut.png");width:40px;height:40px;background-size:cover;border:none;cursor:pointer;background-color:var(--light)}.social-links{position:fixed;right:10px;flex-direction:row;gap:15px;transform:none;left:auto;bottom:auto;z-index:1000}.app-container{grid-template-areas:"header"
"main"
"footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto}header{flex-direction:row;justify-content:space-between;padding:15px
20px;height:60px}.nav-toggle{margin-bottom:0}.media-container{height:80vh}.nav-panel{width:100%;margin-left:0;padding-top:80px}.icon-grid{grid-template-columns:repeat(auto-fill, minmax(60px, 1fr));gap:15px}header{transition:none !important;height:auto !important}header.nav-expanded{height:auto !important}.nav-panel{transition:left 0.3s ease !important;width:100%;margin-left:0;padding-top:80px;transition-delay:0s !important}header::before{transition:none !important}.nav-toggle
span{transition:all 0.2s ease !important}}@media (max-width: 480px){.media-container{height:80vh}.icon-grid{gap:10px;max-width:100%}.icon-item{width:clamp(80px, 22vw, 100px)}.icon-item
svg{width:50px;height:50px}.icon-item
img{width:50px;height:50px !important}}.fade-out{opacity:0;transition:opacity 0.5s ease}.social-link{display:inline-block}.social-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;transition:all 0.3s ease}.social-icon{width:24px;height:24px;object-fit:contain;transition:transform 0.3s ease}.social-icon-wrapper:hover .social-icon,
.social-icon-wrapper:focus .social-icon{transform:scale(1.1)}.social-link:focus{outline:none}@media (min-width: 1048px){.swiper-hint{display:none}}