:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:azure;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{will-change:auto;transform:translateZ(0)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;max-width:100vw;overflow-x:hidden;background-image:url(/images/backgroun/websiteBackground.jpg);min-height:100vh;background-attachment:fixed}#root{max-width:100vw;overflow-x:hidden}a{font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:30%;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:box-shadow .3s ease,transform .3s ease}button:hover{box-shadow:1px 1px 20px #000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.search-bar{list-style:none;margin:0;padding:0;width:100%;height:100%;padding-right:22rem;display:flex;justify-content:center;align-items:center;font-size:20px;border:none;flex-direction:column}.search-bar .search-bar__input{background-color:#fff;border-radius:15px;width:24rem;border:none;color:#000;transition:box-shadow .3s ease,padding .3s ease;height:6vh;font-size:15px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-weight:600}.search-bar .search-bar__input:hover{padding:4px}@media (max-width: 950px){.search-bar{display:none}}.search-results{position:absolute;top:100%;left:48.5%;transform:translate(-50%) translateY(0);width:30rem;max-height:200px;overflow-y:auto;background-color:azure;list-style:none;padding:.5rem;margin-top:4rem;border-radius:10px;box-shadow:0 0 10px #0000001a;z-index:10;align-items:center;justify-content:center;visibility:hidden;transition:opacity .3s ease,transform .3s ease;border:1px solid black;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.search-results a{color:#000;transition:text-shadow .3s ease}.search-results a:hover{text-shadow:2px 2px 2px rgba(218,165,32,1)}.search-results li{padding:.5rem 0}.search-results:last-child{border-bottom:none}.search-results.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(10px)}.no-results{padding:.5rem;color:#888;font-style:italic}header{max-width:100vw;position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;z-index:999;height:20vh;background:linear-gradient(180deg,#242424,#1a1a1a);padding:0 2rem;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.logos{display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.logos:hover{transform:scale(1.02)}.calypso-text{color:#daa520;font-weight:bolder;font-size:20px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;text-shadow:0 2px 8px rgba(218,165,32,.3);transition:all .3s ease}.calypso-text:hover{text-shadow:0 4px 16px rgba(218,165,32,.6)}.button-contact{width:6rem;border-radius:20px;height:2.5rem;background:linear-gradient(135deg,#daa520,#b8860b);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #daa5204d;position:relative;overflow:hidden}.button-contact:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.button-contact:hover:before{left:100%}.button-contact:hover{transform:translateY(-2px);box-shadow:0 6px 20px #daa52080}.button-contact:active{transform:translateY(0)}.sticky-nav{position:sticky;top:0;z-index:100000;width:100%;background:linear-gradient(180deg,#242424,#1a1a1a);box-shadow:0 2px 10px #0000004d}.dropdown-menu{color:#000;list-style:none;display:flex;position:relative;width:100%;height:3rem;margin:0;padding:0;flex-wrap:nowrap;background:transparent}.dropdown-menu>li{position:relative;width:100%;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:700;color:#daa520;font-size:clamp(10px,2.5vw,16px);text-align:center;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.dropdown-menu>li:before{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#daa520,gold);transition:width .4s ease}.dropdown-menu>li:hover:before{width:100%}.dropdown-menu>li:hover{background:linear-gradient(180deg,#daa5201a,#daa5200d)}.dropdown-menu li img{margin-right:10px;transition:transform .3s ease}.dropdown-menu li:hover img{transform:scale(1.1)}.dropdown-menu li>a,.instruments li>a{position:relative;text-decoration:none;color:#daa520;transition:all .3s ease;padding:.5rem 1rem}.dropdown-menu li>a:after,.instruments li>a:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,rgba(218,165,32,1),transparent);transform:translate(-50%);transition:width .4s ease}.dropdown-menu li:hover>a:after,.instruments li:hover>a:after{width:100%}.dropdown-menu li>a:hover,.instruments li>a:hover{color:gold;text-shadow:0 2px 8px rgba(218,165,32,.4)}.dropdown-menu__submenu{display:none;position:absolute;width:fit-content;flex-direction:column;transition:all .3s ease;padding:.5rem 0;margin:0;border-radius:12px;background:linear-gradient(180deg,#242424fa,#1a1a1afa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);list-style:none;top:100%;box-shadow:0 8px 32px #0006;border:1px solid rgba(218,165,32,.2);opacity:0;transform:translateY(-10px)}.dropdown-menu li:hover .dropdown-menu__submenu{display:flex;opacity:1;transform:translateY(0);animation:slideDown .3s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu__submenu li{margin:0;position:relative;text-align:left;font-size:clamp(8px,2vw,13px);left:0;top:0;width:100%;white-space:nowrap;padding:.75rem 1.5rem;transition:all .3s ease}.dropdown-menu__submenu li:hover{background:linear-gradient(90deg,#daa52026,#daa5200d);padding-left:2rem}.dropdown-menu__submenu li:first-child{border-radius:12px 12px 0 0}.dropdown-menu__submenu li:last-child{border-radius:0 0 12px 12px}.other{position:absolute;width:max-content;display:none;list-style:none;text-align:left;right:100%;border-radius:12px;top:0;margin-right:.5rem}.instruments{position:absolute;width:max-content;display:none;list-style:none;text-align:left;left:100%;border-radius:12px;top:0;margin-left:.5rem}.instruments li{text-align:left;white-space:nowrap;padding:.75rem 1.5rem;transition:all .3s ease}.instruments li:hover{background:linear-gradient(90deg,#daa52026,#daa5200d);padding-left:2rem}.dropdown-menu__submenu li:hover>.instruments,.dropdown-menu__submenu li:hover>.other{display:block;background:linear-gradient(180deg,#242424fa,#1a1a1afa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;padding:.5rem 0;z-index:1000;box-shadow:0 8px 32px #0006;border:1px solid rgba(218,165,32,.2);animation:slideIn .3s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.search-button__mobile{position:relative;display:flex;padding:0;margin:0;background:none;border:none;cursor:pointer;justify-content:flex-end;transition:transform .3s ease}.search-button__mobile:hover{transform:scale(1.1)}@media (max-width: 950px){header{justify-content:space-between;height:17vh;padding:0 1rem}.sticky-nav{display:none!important}.button-contact{width:5rem;font-size:13px;border-radius:15px}.calypso-text img{width:clamp(2rem,4vw,3rem)}.calypso-logo img{width:clamp(2rem,5vw,3.5rem);height:clamp(2rem,5vw,3.5rem);transition:transform .3s ease}.calypso-logo img:hover{transform:rotate(5deg) scale(1.05)}.accessories-body{margin-top:12vh;padding:1rem}.items-display{gap:1rem}.items-display li{width:100%;max-width:300px}}@media (min-width: 951px){.search-button__mobile,.search-bar__mobile{display:none!important}}@media (max-width: 480px){header{height:8vh;padding:0 .5rem}.button-contact{width:4rem;font-size:11px;border-radius:12px}.calypso-text img{width:1.5rem}.calypso-logo img{width:3rem;height:3rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{scroll-behavior:smooth}.button-contact:focus,.dropdown-menu li>a:focus,.instruments li>a:focus{outline:2px solid rgba(218,165,32,.8);outline-offset:2px}.language-button{background-color:#daa520}.language-switcher{position:relative;bottom:0rem;left:-2rem;z-index:1000;color:#fff}@media (max-width: 950px){.language-switcher{display:none}}:root{--sidebar-width: 250px}.hamburger{background:none;border:none;cursor:pointer;display:flex;position:relative;flex-direction:column;gap:5px;padding:10px;z-index:10000;background-color:#242424;transition:transform .3s ease-in-out}.hamburger.open{transform:translate(var(--sidebar-width));border:2px solid rgba(218,165,32,1)}.hamburger .bar{width:25px;height:3px;background-color:#fff}.sidebar{position:fixed;top:0;left:-300px;height:70vh;transition:left .5s ease;border-radius:2px;z-index:100000;background-image:url(/assets/dark-background-DwvP6aC2.jpg);background-size:cover;border:1px solid #242424;overflow-y:auto}.sidebar.open{left:0}.items-list li.active a{text-shadow:0 2px 4px rgba(218,165,32,1)}.close-sidebar{padding:0;background:none;color:azure;border:1px solid grey;border-radius:0;position:relative;left:0;top:-0rem;margin:0}.items-list{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:18px;list-style:none;padding:0rem 1rem 1rem}.items-list li{padding-top:1.5rem}.items-list li a{color:#daa520;border:1px solid transparent;text-decoration:none;overflow:hidden;position:relative}.items-list li a:hover:after,.items-list li a:active:after{width:100%}.items-list li a:after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;background-color:#daa520;transition:width .3s ease,left .3s ease;transform:translate(-50%)}.extension{position:absolute;top:0;left:100%;z-index:1000;list-style:none;display:none;background:azure}.extension.visible{display:block}.search-bar__mobile{position:absolute;top:-15rem;left:0;right:0;width:100%;height:21vh;max-width:100vw;list-style:none;margin:0 auto;padding:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:15px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-weight:600;color:#000;background-color:#242424;border:none;border-radius:0;z-index:1000;box-sizing:border-box;transition:top .5s cubic-bezier(.23,1,.32,1),box-shadow .4s ease-in-out,padding .4s ease-in-out}.search-bar__mobile .search-bar__close{display:flex;position:absolute;padding:.4rem;top:100%;left:0;border-radius:0 0 5px;font-size:28px;border:none;background-color:#242424;color:#daa520}.search-bar .search-bar__mobile:hover{box-shadow:1px 1px 20px 6px #daa520;padding:4px}.search-bar__mobile.open{display:block;top:0rem}@media (max-width: 950px){.search-results{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(0);width:17rem;max-height:200px;overflow-y:auto;background-color:azure;list-style:none;padding:.5rem;margin-top:.3rem;border-radius:10px;box-shadow:0 0 10px #0000001a;z-index:10;align-items:center;justify-content:center;visibility:hidden;transition:opacity .3s ease,transform .3s ease;border:1px solid black;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}}.search-bar__mobile .search-bar__input{position:relative;background-color:azure;border-radius:15px;top:2rem;left:50%;transform:translate(-50%);width:80%;border:none;color:#000;transition:box-shadow .3s ease,padding .3s ease;height:6vh;font-size:15px;box-shadow:1px 1px 20px #000;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-weight:600}.about-us__box{max-width:1200px;margin:4rem auto;padding:3rem 2rem;background:linear-gradient(135deg,#1a1a1a,#242424);border-radius:20px;box-shadow:0 20px 60px #00000080}.about-us__box h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,#daa520,gold,#daa520);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:3rem}.section-title{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;color:#daa520;margin:2.5rem 0 1rem;padding-left:1rem;border-left:4px solid #daa520}.about-us__box p{font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;color:#e0e0e0;margin-bottom:1.5rem}.intro-text{font-size:clamp(1.05rem,2.2vw,1.2rem);line-height:2}@media (max-width: 768px){.about-us__box{margin:2rem 1rem;padding:2rem 1.5rem}}@media (max-width: 480px){.about-us__box{margin:1rem .5rem;padding:1.5rem 1rem}}.footer-body{background:#242424;color:red;width:100%;padding:2rem 0}.footer-body footer{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-body a{position:relative;text-decoration:none;color:#daa520;transition:all .3s ease;padding:.5rem 1rem;font-size:20px}.footer-body a:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,rgba(218,165,32,1),transparent);transform:translate(-50%);transition:width .4s ease}.footer-body a:hover>a:after{width:100%}.footer-body a:hover{color:gold;text-shadow:0 2px 8px rgba(218,165,32,.4)}footer>img{display:flex;position:relative;margin-left:auto}.contact-container{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#d4af37;padding:2rem}.contact-card{max-width:500px}.contact-card h1{font-size:2.5rem;margin-bottom:2rem;color:#d4af37}.contact-info{display:flex;flex-direction:column;gap:1.5rem;font-size:1.1rem}.contact-item{line-height:1.6}.contact-label{color:#d4af37;font-weight:600}.contact-value a{color:#d4af37;text-decoration:none}.contact-value a:hover{text-decoration:underline}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.carousel-slideHome,.itemsView__image{contain:layout style paint}.home-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.itemsView__image-container{min-height:300px}@media (max-width: 768px){.itemsView__image-container{gap:1rem;padding:1rem}.itemsView__image{width:200px;height:250px}}.itemsView__image.loading{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 480px){.itemsView__image{width:100%;max-width:300px;height:250px}}.itemsView__image-container{display:flex;gap:2rem;list-style:none;flex-wrap:wrap;justify-content:center;padding:2rem 1.5rem;margin:0 auto;width:100%;max-width:1400px;transform:translateZ(0)}.itemsView__image{width:250px;height:272px;flex-shrink:0;background-color:#ddd;border-radius:8px;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;object-fit:cover;transform:translateZ(0);backface-visibility:hidden}.itemsView__image:hover{transform:scale(1.05) translateZ(0)}.carousel-containerHome{position:relative;width:100%;height:100vh;overflow:hidden;margin-top:20vh;margin-bottom:10vh}.carousel-slides{position:relative;width:100%;top:20vh;transform:translateZ(0);will-change:transform}.carousel-slideHome{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .6s ease-in-out;display:flex;align-items:center;justify-content:center;will-change:opacity;transform:translateZ(0)}.carousel-slideHome.active{opacity:1}.carousel-slideHome img{max-width:80%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%) translateZ(0);background-color:#00000080;color:#daa520;border:none;padding:15px 20px;cursor:pointer;font-size:24px;border-radius:50%;z-index:10;transition:background-color .3s ease;will-change:background-color}.carousel-arrow:hover{background-color:#daa520cc;color:#fff}.carousel-arrow.left{left:20px}.carousel-arrow.right{right:20px}.carousel-dots{position:absolute;bottom:30px;left:50%;transform:translate(-50%) translateZ(0);display:flex;gap:10px;z-index:10}.carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(218,165,32,1);background-color:transparent;cursor:pointer;transition:transform .2s ease,background-color .3s ease;padding:0;will-change:transform}.carousel-dot:hover{transform:scale(1.2) translateZ(0)}.carousel-dot.active{background-color:#daa520}@media (max-width: 768px){.carousel-arrow{padding:10px 15px;font-size:20px}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}.carousel-dots{bottom:20px;gap:8px}.carousel-dot{width:10px;height:10px}}@media (max-width: 480px){.carousel-arrow{padding:8px 12px;font-size:18px}.carousel-arrow.left{left:5px}.carousel-arrow.right{right:5px}.carousel-dots{bottom:15px;gap:6px}.carousel-dot{width:8px;height:8px;border-width:1px}}.error-msg{position:relative;top:20rem}.accessories-body{position:relative;margin-top:17vh;padding:2rem 1.5rem;max-width:100%;overflow-x:hidden}.items-title{text-align:center;font-family:Times New Roman,Times,serif;font-size:clamp(2rem,5vw,3rem);color:#daa520;margin-bottom:2rem}.items-display{display:flex;gap:2rem;list-style:none;flex-wrap:wrap;justify-content:center;padding:0;margin:0;max-width:100%}.items-display li{width:250px;height:auto;text-align:center;flex-shrink:0}.items-display img{height:17rem;width:100%;object-fit:cover}.piano img{height:17rem;width:15rem;background-size:22rem}.guitar li,.orchestral li,.special li,.accessories li{width:100%}.carousel-slide,.guitar img,.special img,.orchestral img{width:204px;height:272px}.sonata img{height:272px;width:100%}.piano li,.sonata li{max-width:none;width:100%}.brass img{height:200px}.drums img{height:200px;background-size:17rem}.accessories img{height:200px;width:100%}.carousel-slide,.guitar img,.special img,.orchestral img{width:100%;max-width:204px;height:272px;object-fit:cover}.carousel{display:flex;align-items:center}.carousel-viewport{overflow:hidden}.carousel-container{display:flex;transition:transform .3s ease-in-out;height:100%}.carousel-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease}.carousel-slide.hide{visibility:hidden;opacity:0;pointer-events:none}.slider__btn-prev,.slider__btn-next{background-color:transparent;color:#000;cursor:pointer;z-index:1000}.carousel-slide img{width:204px;height:272px}.items-display__item{max-width:17rem;padding:2rem 2rem 0rem;height:100%;box-sizing:border-box;margin-bottom:2rem;transition:transform .3s ease,background .3s ease;text-align:center}.items-display__item{position:relative}.item-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/assets/4880206-1RCSvGzK.jpg);opacity:.8;border-radius:10px}.items-display__item img{position:relative;z-index:2}.items-display__item:hover{transform:scale(1.1);color:azure}.item-name sub{padding:0;margin:0}.item-name{text-align:center;color:#daa520;text-shadow:2px 1px 2px black;font-size:20px;padding:0;margin:0}.titles{margin-top:2rem;z-index:2;position:relative}.items-display__item:hover .item-name{color:#fff;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);transform:translateY(-5px)}.items-display__item:hover img{transform:scale(1.05);border-radius:10px}.items-display__item img{transition:transform .3s ease,filter .3s ease}.title-box{color:#fff;position:relative;padding:20vh 0 0;text-align:center;color:#daa520}.itemDetails__box{position:relative;color:#daa520}.id-name{color:#fff}.itemDetails__img{position:relative;display:flex;transition:transform .3s ease-in-out}.itemDetails__img:hover{transform:scale(1.2)}.image-box{align-items:center;justify-content:center;display:flex;margin:0;padding:0}.id-name{text-align:center;font-size:25px;color:#daa520}.description{font-size:20px;padding:2rem 5rem 3rem}