body{font-family:Arial,sans-serif;overflow:hidden}.app-container{display:flex;width:100vw;height:100vh}.sidebar{width:80px;height:100vh;background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:20px 0;box-shadow:2px 0 10px #0000001a;z-index:10;flex-shrink:0}.logo{width:60px;margin-bottom:40px}.nav-item{width:60px;height:60px;display:flex;justify-content:center;align-items:center;margin:10px 0;cursor:pointer;border-radius:10px;transition:all .3s}.nav-item.active{background-color:#fdd835}.nav-item img{width:30px;height:30px}.content-container{flex:1;height:100vh;position:relative;overflow:hidden;background-color:#fbbc04;perspective:1000px}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .8s cubic-bezier(.25,.8,.25,1);opacity:0;transform:translateY(50px);pointer-events:none;will-change:transform,opacity;z-index:1}.screen.active{opacity:1;transform:translateY(0);pointer-events:auto;z-index:10}.screen.slide-up{transform:translateY(60px);opacity:0;z-index:8}.screen.slide-up.active{transform:translateY(0);opacity:1;z-index:10}.screen.slide-down{transform:translateY(-60px);opacity:0;z-index:8}.screen.slide-down.active{transform:translateY(0);opacity:1;z-index:10}.screen.leaving-up{transform:translateY(-30px);opacity:0;z-index:5;transition-duration:.6s}.screen.leaving-down{transform:translateY(30px);opacity:0;z-index:5;transition-duration:.6s}.screen.foya-transition{transform:translateY(-20px) scale(1.02);opacity:0;z-index:8}.screen.foya-transition.active{transform:translateY(0) scale(1);opacity:1;z-index:10}.screen.active .instruments-screen{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-start}.screen.active>*{opacity:1;transform:translateY(0);transition:opacity .6s ease-out .3s,transform .6s ease-out .3s}.screen:not(.active)>*{opacity:0;transform:translateY(10px);transition:opacity .3s ease-out,transform .3s ease-out}@media (max-width: 1600px) and (min-width: 1201px){.sidebar{width:72px}.sidebar .logo{width:48px;margin-bottom:32px}.nav-item{width:48px;height:48px;margin:8px 0}.nav-item img{width:24px;height:24px}}@media (max-width: 1200px) and (min-width: 1025px){.sidebar{width:85px}.sidebar .logo{width:51px;margin-bottom:34px}.nav-item{width:51px;height:51px;margin:9px 0}.nav-item img{width:26px;height:26px}}@media (max-width: 1500px) and (min-width: 801px){.sidebar{width:75px}.sidebar .logo{width:45px;margin-bottom:30px}.nav-item{width:45px;height:45px;margin:8px 0}.nav-item img{width:23px;height:23px}}@media (max-width: 1024px) and (min-width: 901px){.sidebar{width:64px}.sidebar .logo{width:48px;margin-bottom:32px}.nav-item{width:48px;height:48px;margin:8px 0}.nav-item img{width:24px;height:24px}}@media (max-width: 800px) and (min-width: 601px){.sidebar{width:56px}.sidebar .logo{width:42px;margin-bottom:28px}.nav-item{width:42px;height:42px;margin:7px 0}.nav-item img{width:21px;height:21px}}@media (max-width: 600px){.app-container{flex-direction:column;height:100vh;width:100vw;overflow:hidden}.content-container{height:calc(100vh - 64px);flex:1;position:relative;overflow:hidden;background-color:#fbbc04;perspective:1000px}.screen{transition:all .6s cubic-bezier(.25,.8,.25,1);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;opacity:0;transform:translateY(40px);pointer-events:none;will-change:transform,opacity;z-index:1}.screen.active{opacity:1;transform:translateY(0);pointer-events:auto;z-index:10}.screen.slide-up{transform:translateY(50px);opacity:0;z-index:8}.screen.slide-up.active{transform:translateY(0);opacity:1;z-index:10}.screen.slide-down{transform:translateY(-50px);opacity:0;z-index:8}.screen.slide-down.active{transform:translateY(0);opacity:1;z-index:10}.screen.leaving-up{transform:translateY(-25px);opacity:0;z-index:5;transition-duration:.4s}.screen.leaving-down{transform:translateY(25px);opacity:0;z-index:5;transition-duration:.4s}.screen.foya-transition{transform:translateY(-15px) scale(1.01);opacity:0;z-index:8}.screen.foya-transition.active{transform:translateY(0) scale(1);opacity:1;z-index:10}.screen:not(.active):not(.leaving-up):not(.leaving-down){opacity:0;pointer-events:none;z-index:0}.screen h2{font-size:24px;color:#fff;text-align:center;margin:20px}.screen>*{min-height:100px;width:100%}.screen.active>*{opacity:1;transform:translateY(0);transition:opacity .5s ease-out .2s,transform .5s ease-out .2s}.screen:not(.active)>*{opacity:0;transform:translateY(8px);transition:opacity .3s ease-out,transform .3s ease-out}}.sidebar{position:fixed;left:0;top:0;width:100px;height:100vh;background-color:#f8f8f8;display:flex;flex-direction:column;align-items:center;z-index:1000;box-shadow:2px 0 5px #0000001a}.sidebar-logo{margin-top:21px;width:67px;height:67px;display:flex;align-items:center;justify-content:center}.logo-image{width:67px;height:67px;filter:brightness(0)}.sidebar-divider{width:60px;height:1px;background-color:#c3c3c3;margin-top:21px}.sidebar-divider.bottom{margin-top:auto;margin-bottom:67px}.sidebar-nav{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 0}.nav-item{width:66px;height:66px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .8s ease;position:relative;border-radius:10px}.nav-item:not(.active):hover .nav-icon{filter:brightness(0) saturate(0) invert(50%);transform:scale(1.1)}.nav-icon{width:24px;height:24px;transition:all .8s ease;filter:brightness(0) saturate(0) invert(76%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(95%) contrast(89%)}.nav-icon.selected{filter:brightness(0) saturate(0) invert(1);transform:scale(1)}.nav-item-selected{width:66px;height:98px;background-color:#fbbc04;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;animation:slideIn .8s ease;transition:all .8s ease}.nav-text{color:#fff;font-size:12px;font-weight:500;text-align:center;line-height:1.2;max-width:60px}.language-switcher{display:flex;align-items:center;gap:4px;margin-bottom:21px;font-size:14px;color:#666}.lang-option{cursor:pointer;transition:all .8s ease;padding:2px 4px;border-radius:2px}.lang-option.active{font-weight:700;color:#333;background-color:#fbbc041a}.lang-option:not(.active):hover{color:#999;background-color:#c3c3c31a}.lang-separator{color:#999;font-weight:400;-webkit-user-select:none;user-select:none}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 1600px) and (min-width: 1201px){.sidebar{width:90px}.sidebar-logo{margin-top:19px;width:60px;height:60px}.logo-image{width:60px;height:60px}.sidebar-divider{width:54px;margin-top:19px}.sidebar-divider.bottom{margin-bottom:60px}.sidebar-nav{gap:22px;padding:36px 0}.nav-item{width:59px;height:59px}.nav-icon{width:22px;height:22px}.nav-item-selected{width:59px;height:88px;gap:7px}.nav-text{font-size:11px;max-width:54px}.language-switcher{margin-bottom:19px;font-size:13px}}@media (max-width: 1200px) and (min-width: 1025px){.sidebar{width:85px}.sidebar-logo{margin-top:18px;width:57px;height:57px}.logo-image{width:57px;height:57px}.sidebar-divider{width:51px;margin-top:18px}.sidebar-divider.bottom{margin-bottom:57px}.sidebar-nav{gap:20px;padding:34px 0}.nav-item{width:56px;height:56px}.nav-icon{width:20px;height:20px}.nav-item-selected{width:56px;height:83px;gap:7px}.nav-text{font-size:10px;max-width:51px}.language-switcher{margin-bottom:18px;font-size:12px}}@media (min-width: 1450px) and (max-width: 1580px){.sidebar{width:100px}.sidebar-logo{margin-top:21px;width:67px;height:67px}.logo-image{width:67px;height:67px}.sidebar-divider{width:60px;margin-top:21px}.sidebar-divider.bottom{margin-bottom:67px}.sidebar-nav{gap:24px;padding:40px 0}.nav-item{width:66px;height:66px}.nav-icon{width:24px;height:24px}.nav-item-selected{width:66px;height:98px;gap:8px}.nav-text{font-size:12px;max-width:60px;line-height:1.2}.language-switcher{margin-bottom:21px;font-size:14px}}@media (max-width: 1449px) and (min-width: 801px){.sidebar{width:75px}.sidebar-logo{margin-top:16px;width:50px;height:50px}.logo-image{width:50px;height:50px}.sidebar-divider{width:45px;margin-top:16px}.sidebar-divider.bottom{margin-bottom:50px}.sidebar-nav{gap:18px;padding:30px 0}.nav-item{width:50px;height:50px}.nav-icon{width:18px;height:18px}.nav-item-selected{width:50px;height:74px;gap:6px}.nav-text{font-size:9px;max-width:45px}.language-switcher{margin-bottom:16px;font-size:11px}}@media (max-width: 1024px) and (min-width: 901px){.sidebar{width:80px}.sidebar-logo{margin-top:17px;width:54px;height:54px}.logo-image{width:54px;height:54px}.sidebar-divider{width:48px;margin-top:17px}.sidebar-divider.bottom{margin-bottom:54px}.sidebar-nav{gap:19px;padding:32px 0}.nav-item{width:53px;height:53px}.nav-icon{width:19px;height:19px}.nav-item-selected{width:53px;height:78px;gap:6px}.nav-text{font-size:10px;max-width:48px}.language-switcher{margin-bottom:17px;font-size:11px}}@media (max-width: 800px) and (min-width: 601px){.sidebar{width:70px}.sidebar-logo{margin-top:15px;width:47px;height:47px}.logo-image{width:47px;height:47px}.sidebar-divider{width:42px;margin-top:15px}.sidebar-divider.bottom{margin-bottom:47px}.sidebar-nav{gap:17px;padding:28px 0}.nav-item{width:46px;height:46px}.nav-icon{width:17px;height:17px}.nav-item-selected{width:46px;height:69px;gap:6px}.nav-text{font-size:8px;max-width:42px}.language-switcher{margin-bottom:15px;font-size:10px}}@media (min-width: 601px){.mobile-menu-button,.hamburger-menu,.mobile-menu-overlay,.mobile-menu-content{display:none!important}}@media (max-width: 600px){.sidebar{position:fixed;top:0;left:0;width:100%;height:64px;background-color:#f8f8f8;flex-direction:row;justify-content:space-between;align-items:center;padding:0 16px;box-shadow:0 2px 5px #0000001a;z-index:1000}.sidebar-logo{margin-top:0;width:40px;height:40px}.logo-image{width:40px;height:40px}.sidebar-divider,.sidebar-nav{display:none}.mobile-header-right{display:flex;align-items:center;gap:16px}.language-switcher{display:flex;align-items:center;gap:4px;margin-bottom:0;margin-right:0;font-size:14px;color:#666}.mobile-menu-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;padding:0}.hamburger-menu{width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.hamburger-menu span{width:24px;height:3px;background-color:#333;border-radius:2px;transition:all .3s ease}.mobile-menu-icon,.mobile-menu-icon:before,.mobile-menu-icon:after{display:none}.mobile-menu-overlay{position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);background-color:#00000080;z-index:999;display:none}.mobile-menu-overlay.active{display:block}.mobile-menu-content{position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);background-color:#f8f8f8;z-index:1000;display:none;flex-direction:column;padding:40px 20px;box-sizing:border-box}.mobile-menu-content.active{display:flex}.mobile-nav-item{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .3s ease}.mobile-nav-item:hover{background-color:#fbbc041a}.mobile-nav-item.active{background-color:transparent}.mobile-nav-icon{width:32px;height:32px;margin-right:20px;filter:brightness(0) saturate(0) invert(76%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(95%) contrast(89%)}.mobile-nav-item.active .mobile-nav-icon{filter:brightness(0) saturate(0) invert(76%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(95%) contrast(89%)}.mobile-nav-text{font-size:18px;font-weight:500;color:#333}.mobile-nav-item.active .mobile-nav-text{color:#333;font-weight:700}}@media (max-width: 768px) and (min-width: 601px){.sidebar{width:80px}.nav-item-selected{width:56px;height:88px}.nav-text{font-size:10px}.sidebar-logo,.logo-image{width:56px;height:56px}.sidebar-divider{width:50px}}@media (max-height: 700px) and (min-width: 801px){.sidebar{width:60px}.sidebar-logo{margin-top:13px;width:40px;height:40px}.logo-image{width:40px;height:40px}.sidebar-divider{width:36px;margin-top:13px}.sidebar-divider.bottom{margin-bottom:40px}.sidebar-nav{gap:14px;padding:24px 0}.nav-item{width:40px;height:40px}.nav-icon{width:14px;height:14px}.nav-item-selected{width:40px;height:59px;gap:5px}.nav-text{font-size:7px;max-width:36px;line-height:1.2}.language-switcher{margin-bottom:13px;font-size:8px}}.home-screen{width:100%;height:100%;background-color:#fbbc04;position:relative;overflow:hidden;display:flex;flex-direction:column}.home-screen.loading{display:flex;justify-content:center;align-items:center}.foya-title-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;pointer-events:none;opacity:0;animation:fadeIn .8s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.foya-title{font-size:196px;font-weight:700;color:#fff;line-height:1;margin-bottom:20px;text-align:center}.foya-subtitle{font-size:52px;color:#fff;text-align:center;font-weight:400}.instrument-grid{width:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-start;position:relative;padding-top:0;margin-top:30px;top:110px}.grid-row{display:flex;height:15%;gap:50px;padding:0 10px;position:relative;width:150%;margin-bottom:5%;transform:rotate(-15deg);transform-origin:center left}.grid-row:last-child{margin-bottom:0}.grid-item{flex:0 0 360px;height:600px;position:relative;overflow:hidden;border-radius:0;transform:rotate(0);box-shadow:none;border:none}.grid-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transform-origin:center;will-change:filter}.slide-left{animation:slideLeft 120s linear infinite}.slide-right{animation:slideRight 120s linear infinite}@keyframes slideLeft{0%{transform:rotate(-15deg) translate(0)}to{transform:rotate(-15deg) translate(-50%)}}@keyframes slideRight{0%{transform:rotate(-15deg) translate(-50%)}to{transform:rotate(-15deg) translate(0)}}.foya-title-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fbbc04;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;transition:all .8s cubic-bezier(.25,.8,.25,1);transform:translateY(0) scale(1);opacity:1}.foya-title-screen.entering{transform:translateY(50%) scale(.8);opacity:0}.foya-title-screen.entering.active{transform:translateY(0) scale(1);opacity:1}.foya-title-screen.leaving{transform:translateY(-50%) scale(1.2);opacity:0}.foya-title{transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translateY(0);opacity:1}.foya-title.entering{transform:translateY(30px);opacity:0}.foya-subtitle{transition:all .6s cubic-bezier(.25,.8,.25,1);transition-delay:.1s;transform:translateY(0);opacity:1}.foya-subtitle.entering{transform:translateY(20px);opacity:0}.instrument-grid{transition:opacity .8s ease-in-out;opacity:1}.instrument-grid.fading{opacity:.3}.home-content{display:none}.home-screen-container{position:relative;width:100%;height:100%;transition:all .8s cubic-bezier(.25,.8,.25,1)}.home-screen-container.showing-foya{transform:scale(.95);filter:blur(2px) brightness(.8)}@media (max-width: 1600px) and (min-width: 1201px){.foya-title{font-size:144px}.foya-subtitle{font-size:38px}.instrument-grid{margin-top:108px;top:108px}.grid-item{width:126px;height:210px}.grid-row{gap:126px}}@media (max-width: 1200px) and (min-width: 1025px){.foya-title{font-size:136px}.foya-subtitle{font-size:36px}.instrument-grid{margin-top:102px;top:102px}.grid-item{width:119px;height:198px}.grid-row{gap:119px;margin-bottom:5%}}@media (min-width: 1450px) and (max-width: 1580px){.foya-title{font-size:160px;line-height:1.2;margin-bottom:20px}.foya-subtitle{font-size:42px;margin-bottom:30px}.instrument-grid{margin-top:120px;top:120px}.grid-item{width:140px;height:233px}.grid-row{gap:140px;margin-bottom:8%;height:33%}.grid-item img{width:140px;height:233px}}@media (max-width: 1449px) and (min-width: 801px){.foya-title{font-size:120px}.foya-subtitle{font-size:32px}.instrument-grid{margin-top:90px;top:90px}.grid-item{width:105px;height:175px}.grid-row{gap:105px;margin-bottom:4%}}@media (max-width: 1024px) and (min-width: 901px){.foya-title{font-size:128px}.foya-subtitle{font-size:34px}.instrument-grid{margin-top:96px;top:96px}.grid-item{width:112px;height:186px}.grid-row{gap:112px;margin-bottom:5%}}@media (max-width: 800px) and (min-width: 601px){.foya-title{font-size:112px}.foya-subtitle{font-size:29px}.instrument-grid{margin-top:84px;top:84px}.grid-item{width:98px;height:163px}.grid-row{gap:98px;margin-bottom:4%;height:20%}.slide-left{animation:slideLeft 80s linear infinite}.slide-right{animation:slideRight 80s linear infinite}}@media (max-width: 600px){.home-screen{width:100%;height:100vh;position:relative;overflow:hidden;padding-top:64px;box-sizing:border-box}.foya-title{font-size:48px;margin-bottom:10px;line-height:1.1}.foya-subtitle{font-size:16px;line-height:1.2}.instrument-grid{margin-top:40px;top:40px;width:100%;height:calc(100% - 80px)}.grid-item{flex:0 0 60px;width:60px;height:100px}.grid-row{gap:60px;margin-bottom:3px;height:calc(100% / 7);transform:rotate(-8deg);width:500%;display:flex;align-items:center}.slide-left{animation:slideLeft 60s linear infinite}.slide-right{animation:slideRight 60s linear infinite}@keyframes slideLeft{0%{transform:rotate(-8deg) translate(0)}to{transform:rotate(-8deg) translate(-50%)}}@keyframes slideRight{0%{transform:rotate(-8deg) translate(-50%)}to{transform:rotate(-8deg) translate(0)}}.loading-text{font-size:1.2rem;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.5)}}@media (max-height: 700px) and (min-width: 801px){.foya-title{font-size:96px;line-height:1.2;margin-bottom:12px}.foya-subtitle{font-size:25px;margin-bottom:18px}.instrument-grid{margin-top:72px;top:72px}.grid-item{width:84px;height:140px}.grid-row{gap:84px;margin-bottom:5%;height:20%}.grid-item img{width:84px;height:140px}}.about-screen{width:100%;height:100%;background-color:#fbbc04;position:relative;display:flex;justify-content:center;align-items:center;padding:40px;overflow:auto}.about-screen.loading{display:flex;justify-content:center;align-items:center}.loading-text{font-size:2rem;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.about-content{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;color:#fff}.about-section,.mission-section{width:100%;margin-bottom:60px;opacity:0;transform:translateY(40px);transition:all 1.2s ease-out}.about-section.animate-up,.mission-section.animate-up{opacity:1;transform:translateY(0)}.mission-section{transition-delay:.6s}.about-title,.mission-title{text-align:center;margin-bottom:40px}.about-title h1,.mission-title h1{font-size:40px;font-weight:700;margin-bottom:10px;color:#fff}.company-description,.mission-description{margin-bottom:30px;line-height:1.8;width:100%;font-size:24px;text-align:center;color:#fff}@media (max-width: 1600px) and (min-width: 1201px){.about-content{max-width:1080px}.about-title h1,.mission-title h1{font-size:36px}.company-description,.mission-description{font-size:22px}.about-section,.mission-section{margin-bottom:54px}}@media (max-width: 1200px) and (min-width: 1025px){.about-screen{padding:34px}.about-content{max-width:1020px}.about-title h1,.mission-title h1{font-size:34px}.company-description,.mission-description{font-size:20px}.about-section,.mission-section{margin-bottom:51px}}@media (min-width: 1450px) and (max-width: 1580px){.about-screen{padding:40px}.about-content{max-width:1200px;padding:50px 0}.about-title h1,.mission-title h1{font-size:40px;margin-bottom:20px;line-height:1.2}.company-description,.mission-description{font-size:24px;line-height:1.6;margin-bottom:30px}.about-section,.mission-section{margin-bottom:60px}.about-title,.mission-title{margin-bottom:40px}}@media (max-width: 1449px) and (min-width: 801px){.about-screen{padding:30px}.about-content{max-width:900px}.about-title h1,.mission-title h1{font-size:30px}.company-description,.mission-description{font-size:18px}.about-section,.mission-section{margin-bottom:45px}}@media (max-width: 1024px) and (min-width: 901px){.about-screen{padding:32px}.about-content{max-width:960px}.about-title h1,.mission-title h1{font-size:32px}.company-description,.mission-description{font-size:19px;line-height:1.6}.about-section,.mission-section{margin-bottom:48px}}@media (max-width: 800px) and (min-width: 601px){.about-screen{padding:28px}.about-content{max-width:840px}.about-title h1,.mission-title h1{font-size:28px}.company-description,.mission-description{font-size:17px;line-height:1.5}.about-section,.mission-section{margin-bottom:42px}.about-title,.mission-title{margin-bottom:28px}}@media (max-width: 600px){.about-screen{padding:15px;height:100vh;width:100%;box-sizing:border-box;overflow-y:auto;padding-top:64px + 15px}.about-content{max-width:100%;width:100%;height:auto;min-height:calc(100vh - 94px);display:flex;flex-direction:column;justify-content:center;align-items:center}.about-title h1,.mission-title h1{font-size:22px;margin-bottom:12px;line-height:1.2;text-align:center}.company-description,.mission-description{font-size:15px;line-height:1.4;text-align:center;margin-bottom:20px}.about-section,.mission-section{margin-bottom:25px;text-align:center}.about-title,.mission-title{margin-bottom:20px}.loading-text{font-size:1.2rem;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.5)}}@media (max-height: 700px) and (min-width: 801px){.about-screen{padding:24px}.about-content{max-width:720px;padding:30px 0}.about-title h1,.mission-title h1{font-size:24px;margin-bottom:12px;line-height:1.2}.company-description,.mission-description{font-size:14px;line-height:1.6;margin-bottom:18px}.about-section,.mission-section{margin-bottom:36px}.about-title,.mission-title{margin-bottom:24px}}.instruments-screen{display:flex;width:100%;height:100%;overflow:hidden;background-color:#f3ede0;position:relative;padding-left:100px}.categories-panel{width:calc(40% - 100px);display:flex;flex-direction:column;position:relative;justify-content:center;height:100%}.categories-list{display:flex;flex-direction:column;height:100%;justify-content:center;align-items:flex-start;padding:50px 0 50px 143px}.category-item{display:flex;align-items:center;cursor:pointer;margin-bottom:30px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);padding:5px 0}.category-item:last-child{margin-bottom:0}.category-name{transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700;position:relative;z-index:2}.category-item.selected .category-name{font-size:100px;color:#000}.category-item.unselected .category-name{font-size:40px;color:#5b5b5b}.category-triangle{color:#fbbc04;font-size:40px;margin-left:62px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translate(0)}.category-item.unselected:hover .category-name{color:#333;transform:scale(1.05)}.category-item.unselected:hover{transform:translate(5px)}.yellow-panel{width:100%;background-color:#fbbc04;display:flex;position:relative;height:100%;margin-left:-100px;z-index:1;flex:1}.subcategories-panel{display:flex;flex-direction:column;padding:40px 0 20px 45px;width:350px;height:100%;justify-content:center;flex-shrink:0}.subcategory-item{padding:5px 20px 5px 0;margin-bottom:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-size:40px;color:#fff;white-space:nowrap;font-weight:400}.subcategory-item.active{font-weight:700;color:#000;font-size:64px;transform:scale(1)}.subcategory-item:not(.active):hover{color:#f0f0f0;transform:translate(5px) scale(1.05)}.instruments-panel{flex:1;overflow-y:auto;padding:40px 15px 20px 30px;display:flex;flex-direction:column;align-items:flex-start}.instruments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;box-sizing:border-box}.instrument-card{width:100%;aspect-ratio:311/426;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s,box-shadow .3s;cursor:pointer;display:flex;flex-direction:column;position:relative}.instrument-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.instrument-title{padding:15px;text-align:left;font-weight:700;font-size:18px;background-color:#fff;position:relative;height:50px;display:flex;align-items:center}.instrument-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#eee}.instrument-image{flex:1;display:flex;justify-content:center;align-items:center;padding:10px;background-color:#fff;overflow:hidden}.instrument-image img{max-width:80%;max-height:80%;object-fit:contain}.instrument-info{padding:0 15px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;height:50px;margin-top:auto}.instrument-info .instrument-model{font-weight:700;font-size:18px;color:#000;font-family:inherit;line-height:1.2;padding:0;margin:0;flex:1;text-align:left;display:flex;align-items:center;height:100%}.instrument-info .instrument-name{font-weight:700;font-size:18px;color:#000;font-family:inherit;line-height:1.2;padding:0;margin:0;flex:1;text-align:right;display:flex;align-items:center;justify-content:flex-end;height:100%}.instruments-loading,.loading-state,.error-state{display:none!important;opacity:0;visibility:hidden;height:0;width:0;overflow:hidden;margin:0;padding:0}.loading-text,.error-icon,.error-text,.error-hint{display:none!important}.no-data{padding:30px;text-align:center;color:#666;font-style:italic;background-color:#fff3;border-radius:8px;margin:30px auto;font-size:20px;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}@media (max-width: 1400px){.instruments-screen{padding-left:100px}.categories-panel{width:calc(35% - 80px)}.yellow-panel{margin-left:-80px}.subcategories-panel{width:300px;padding:30px 0 20px 35px}.subcategory-item{font-size:35px}.subcategory-item.active{font-size:55px}.category-item.selected .category-name{font-size:80px}.category-item.unselected .category-name{font-size:32px}.categories-list{padding-left:100px}.instruments-panel{padding:30px 10px 20px 25px}.instruments-grid{gap:12px}.instrument-card{aspect-ratio:280/385}}@media (max-width: 1600px) and (min-width: 1201px){.categories-panel{width:calc(42% - 72px)}.category-item.selected .category-name{font-size:81px}.category-item.unselected .category-name{font-size:32px}.categories-list{padding-left:135px}.category-triangle{font-size:32px;margin-left:45px}.yellow-panel{margin-left:-72px}.subcategories-panel{width:270px;padding:36px 0 18px 36px}.subcategory-item{font-size:32px;margin-bottom:14px}.subcategory-item.active{font-size:54px}.instruments-panel{padding:36px 11px 18px 27px}.instruments-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (max-width: 1200px) and (min-width: 1025px){.categories-panel{width:calc(42% - 68px)}.category-item.selected .category-name{font-size:77px}.category-item.unselected .category-name{font-size:31px}.categories-list{padding-left:128px}.category-triangle{font-size:31px;margin-left:43px}.yellow-panel{margin-left:-68px}.subcategories-panel{width:255px;padding:34px 0 17px 34px}.subcategory-item{font-size:31px;margin-bottom:14px}.subcategory-item.active{font-size:51px}.instruments-panel{padding:34px 10px 17px 26px}.instruments-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (min-width: 1450px) and (max-width: 1580px){.instruments-screen{padding-left:150px}.categories-panel{padding-top:50px}.category-item.selected .category-name{font-size:90px}.category-item.unselected .category-name{font-size:36px}.category-item{margin-bottom:30px}.category-triangle{font-size:36px;margin-left:50px}.subcategories-panel{width:300px;padding:40px 0 20px 40px}.subcategory-item{font-size:36px;margin-bottom:16px}.subcategory-item.active{font-size:60px}.instruments-panel{padding:40px 12px 20px 30px}.instruments-grid{gap:16px}.instrument-card{height:220px}.instrument-image{height:150px}.instrument-info{padding:10px 15px;height:70px}.instrument-name{font-size:14px}.instrument-price{font-size:12px}}@media (max-width: 1449px) and (min-width: 801px){.categories-panel{width:calc(42% - 60px)}.category-item.selected .category-name{font-size:68px}.category-item.unselected .category-name{font-size:27px}.categories-list{padding-left:73px}.category-triangle{font-size:27px;margin-left:38px}.yellow-panel{margin-left:-60px}.subcategories-panel{width:225px;padding:30px 0 15px 30px}.subcategory-item{font-size:27px;margin-bottom:12px}.subcategory-item.active{font-size:45px}.instruments-panel{padding:30px 9px 15px 23px}.instruments-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width: 1024px) and (min-width: 901px){.categories-panel{width:calc(42% - 64px)}.category-item.selected .category-name{font-size:72px}.category-item.unselected .category-name{font-size:29px}.categories-list{padding-left:120px}.category-triangle{font-size:29px;margin-left:40px}.yellow-panel{margin-left:-64px}.subcategories-panel{width:240px;padding:32px 0 16px 32px}.subcategory-item{font-size:29px;margin-bottom:13px}.subcategory-item.active{font-size:48px}.instruments-panel{padding:32px 10px 16px 24px}.instruments-grid{grid-template-columns:repeat(3,1fr);gap:13px}}@media (max-width: 800px) and (min-width: 601px){.categories-panel{width:calc(42% - 56px)}.category-item.selected .category-name{font-size:63px}.category-item.unselected .category-name{font-size:25px}.categories-list{padding-left:105px}.category-triangle{font-size:25px;margin-left:35px}.yellow-panel{margin-left:-56px}.subcategories-panel{width:210px;padding:28px 0 14px 28px}.subcategory-item{font-size:25px;margin-bottom:11px}.subcategory-item.active{font-size:42px}.instruments-panel{padding:28px 8px 14px 21px}.instruments-grid{grid-template-columns:repeat(3,1fr);gap:11px}}@media (max-width: 600px){.instruments-screen{flex-direction:column!important;padding-left:0!important;margin-left:0!important;padding-top:64px;height:100vh;box-sizing:border-box;width:100vw;left:0}.categories-panel{width:100%;height:60px;flex-direction:row;justify-content:center;align-items:center;padding:0;background-color:#f3ede0;display:flex;position:relative}.categories-list{flex-direction:row;height:100%;padding:0;align-items:center;justify-content:center;width:100%;position:relative}.category-item:first-child{width:calc(50% - 5px);justify-content:center;margin-right:5px;margin-bottom:0}.category-item:last-child{width:calc(50% - 5px);justify-content:center;margin-left:5px;margin-bottom:0}.categories-list:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:20px;background-color:#666;border-radius:1px}.category-item.selected .category-name{font-size:18px;text-align:center}.category-item.unselected .category-name{font-size:14px;text-align:center}.category-triangle{display:none}.yellow-panel{width:100%;height:calc(100vh - 124px);margin-left:0;flex-direction:column}.subcategories-panel{width:100%;height:50px;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 15px;overflow-x:auto}.subcategory-item{font-size:14px;margin-bottom:0;margin-right:20px;white-space:nowrap;flex-shrink:0}.subcategory-item.active{font-size:16px}.instruments-panel{flex:1;padding:15px;overflow-y:auto}.instruments-grid{grid-template-columns:repeat(2,1fr);gap:15px}.instrument-card{aspect-ratio:1/1.2;height:250px}.instrument-title{font-size:16px;height:45px}.instrument-info{height:45px;padding:0 10px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;background-color:#fff;margin-top:auto}.instrument-info .instrument-model{font-weight:700;font-size:14px;color:#000;font-family:inherit;line-height:1.2;margin:0;padding:0;display:flex;align-items:center;height:100%;flex:1;text-align:left}.instrument-info .instrument-name{font-weight:700;font-size:14px;color:#000;font-family:inherit;line-height:1.2;margin:0;padding:0;display:flex;align-items:center;justify-content:flex-end;height:100%;flex:1;text-align:right}}.skeleton{animation:skeleton-loading 1.5s infinite ease-in-out;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.instrument-card.skeleton{pointer-events:none;background:#f8f8f8;border:1px solid #e0e0e0}.skeleton-title{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite ease-in-out;border-radius:4px;margin-bottom:8px}.skeleton-image{width:100%;height:120px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite ease-in-out;border-radius:4px;margin-bottom:8px}.skeleton-info{display:flex;justify-content:space-between;gap:8px}.skeleton-model,.skeleton-name{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite ease-in-out;border-radius:4px;flex:1}.subcategory-item.skeleton{pointer-events:none;background:transparent;border:none;padding:12px 16px}.skeleton-text{height:18px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite ease-in-out;border-radius:4px;width:80%}@media (max-width: 600px){.skeleton-image{height:100px}.skeleton-title{height:18px}.skeleton-model,.skeleton-name{height:14px}.skeleton-text{height:16px}}.pc-layout{display:flex;flex-direction:column;width:100%;height:100%}.mobile-layout,.pc-layout{display:none}.mobile-layout{display:flex;flex-direction:column;width:100%;height:100%}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#fff;height:50px;box-sizing:border-box}.mobile-name{font-weight:700;font-size:14px;color:#000;flex:1;text-align:left}.mobile-model{font-weight:700;font-size:14px;color:#000;flex:1;text-align:right}.mobile-divider{width:100%;height:1px;background-color:#eee}.mobile-image{flex:1;height:180px;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box}.mobile-image img{max-width:100%;max-height:100%;object-fit:contain}@media (max-width: 1000px) and (min-width: 801px){.category-item.selected .category-name{font-size:60px}.category-item.unselected .category-name,.subcategory-item{font-size:28px}.subcategory-item.active{font-size:45px}.instruments-grid{grid-template-columns:repeat(2,1fr);gap:20px}.instrument-card{height:250px}.instrument-image{height:170px}.instrument-info{height:80px}.instrument-name{font-size:16px}.instrument-price{font-size:14px}}@media (max-height: 1100px) and (min-width: 801px){.category-item.selected .category-name{font-size:40px}.subcategory-item,.subcategory-item.active{font-size:30px}.instrument-image{height:140px}.instrument-card{height:30za0px}.instrument-info{height:80px}}@media (max-height: 700px) and (min-width: 801px){.categories-panel{padding-top:30px}.category-item.selected .category-name{font-size:54px;line-height:1.2}.category-item.unselected .category-name{font-size:22px;line-height:1.2}.category-item{margin-bottom:18px}.category-triangle{font-size:22px;margin-left:30px}.subcategories-panel{width:180px;padding:24px 0 12px 24px}.subcategory-item{font-size:22px;margin-bottom:10px;line-height:1.2}.subcategory-item.active{font-size:36px;line-height:1.2}.instruments-panel{padding:24px 7px 12px 18px}.instruments-grid{gap:10px}.instrument-card{height:300px}.instrument-image{height:90px}.instrument-info{padding:6px 9px;height:42px}.instrument-name{font-size:8px;line-height:1.2}.instrument-price{font-size:7px}}.instrument-detail-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fbbc04;z-index:1000;overflow-y:auto;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0 0 0 150px}.instrument-detail-container{background-color:#fff;border-radius:40px;width:calc(100% - 116px);height:calc(100% - 116px);padding:100px;position:relative;overflow-y:auto;box-shadow:none}.close-button{position:absolute;top:40px;right:40px;width:40px;height:40px;border-radius:50%;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:24px;z-index:1010;color:#333}.close-icon{font-size:24px;line-height:1}.instrument-main-content{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.instrument-header{display:flex;justify-content:space-between;padding-bottom:30px;margin-bottom:30px;position:relative}.instrument-title-area{display:flex;flex-direction:column;align-items:flex-start;width:50%}.instrument-detail-name{font-size:120px;margin:0;color:#000;font-weight:700;line-height:1.2;text-align:left;font-family:inherit}.instrument-model{font-size:16px;color:#000;margin-top:40px;margin-bottom:15px;font-weight:700;line-height:1.2;text-align:left;font-family:inherit}.instrument-short-desc{font-size:16px;color:#666;max-width:60%}.instrument-attributes{width:50%;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;column-gap:66px;row-gap:10px;align-items:start;position:absolute;left:50%;top:0}.instrument-attributes.mobile-attributes{display:none}.attribute-row{display:flex;margin-bottom:0;width:100%;min-width:140px;white-space:nowrap;align-items:baseline}.attribute-label{font-size:14px;font-weight:700;color:#000;margin-right:10px;white-space:nowrap;flex-shrink:0;text-align:left}.attribute-value{font-size:14px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instrument-image-container{width:100%;height:408px;display:flex;justify-content:center;align-items:center;margin-top:20px;position:relative;background-color:#fbbc04;border-radius:20px;background-image:url("data:image/svg+xml,%3csvg%20width='1513'%20height='408'%20viewBox='0%200%201513%20408'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='1513'%20height='408'%20rx='20'%20fill='url(%23paint0_linear_1173_2257)'/%3e%3cmask%20id='mask0_1173_2257'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='1513'%20height='408'%3e%3crect%20width='1513'%20height='408'%20rx='20'%20fill='url(%23paint1_linear_1173_2257)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_1173_2257)'%3e%3cg%20style='mix-blend-mode:luminosity'%3e%3crect%20x='-47.9688'%20y='-42'%20width='1573.01'%20height='1659.93'%20transform='rotate(0.415222%20-47.9688%20-42)'%20fill='url(%23paint2_linear_1173_2257)'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_1173_2257'%20x1='-200.472'%20y1='21.76'%20x2='-87.9367'%20y2='617.34'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FBBC04'/%3e%3cstop%20offset='0.400685'%20stop-color='%23FFDD7A'/%3e%3cstop%20offset='0.696795'%20stop-color='%23FFD66F'/%3e%3cstop%20offset='1'%20stop-color='%23FFAD09'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_1173_2257'%20x1='-200.472'%20y1='21.76'%20x2='-87.9367'%20y2='617.34'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FBBC04'/%3e%3cstop%20offset='0.400685'%20stop-color='%23FFDD7A'/%3e%3cstop%20offset='0.696795'%20stop-color='%23FFD66F'/%3e%3cstop%20offset='1'%20stop-color='%23FFAD09'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_1173_2257'%20x1='-256.393'%20y1='46.5297'%20x2='943.321'%20y2='1669.05'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FBBC04'/%3e%3cstop%20offset='0.400685'%20stop-color='%23FFDD7A'/%3e%3cstop%20offset='0.696795'%20stop-color='%23FFD66F'/%3e%3cstop%20offset='1'%20stop-color='%23FFAD09'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:cover;background-position:center;background-repeat:no-repeat}.view-large-button{position:absolute;top:-75px;right:0;width:176px;height:56px;background-color:#fff6df;border:none;border-radius:8px;font-size:14px;font-weight:700;color:#333;cursor:pointer;z-index:3;transition:all .3s ease}.button-container{position:relative;width:100%}.instrument-image-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:677px;height:637px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjc3IiBoZWlnaHQ9IjYzNyIgdmlld0JveD0iMCAwIDY3NyA2MzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjMzOC41IiBjeT0iMzE4LjUiIHI9IjMxNy41IiBzdHJva2U9IiNGQkJDMDQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWRhc2hhcnJheT0iMiA0Ii8+Cjxmb3JlaWduT2JqZWN0IHg9IjYzMyIgeT0iMjk1IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxkaXYgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIHN0eWxlPSJiYWNrZHJvcC1maWx0ZXI6Ymx1cigycHgpO2NsaXAtcGF0aDp1cmwoI2JnYmx1cl8wXzExNjhfMjI0N19jbGlwX3BhdGgpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCUiPjwvZGl2PjwvZm9yZWlnbk9iamVjdD48Y2lyY2xlIGRhdGEtZmlnbWEtYmctYmx1ci1yYWRpdXM9IjQiIGN4PSI2NTciIGN5PSIzMTkiIHI9IjIwIiBmaWxsPSIjRkJCQzA0IiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8Y2lyY2xlIGN4PSI2NTciIGN5PSIzMTkiIHI9IjMiIGZpbGw9IndoaXRlIi8+Cjxmb3JlaWduT2JqZWN0IHg9Ii00IiB5PSIyOTgiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgc3R5bGU9ImJhY2tkcm9wLWZpbHRlcjpibHVyKDJweCk7Y2xpcC1wYXRoOnVybCgjYmdibHVyXzFfMTE2OF8yMjQ3X2NsaXBfcGF0aCk7aGVpZ2h0OjEwMCU7d2lkdGg6MTAwJSI+PC9kaXY+PC9mb3JlaWduT2JqZWN0PjxjaXJjbGUgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iNCIgY3g9IjIwIiBjeT0iMzIyIiByPSIyMCIgZmlsbD0iI0ZCQkMwNCIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPGNpcmNsZSBjeD0iMjAiIGN5PSIzMjIiIHI9IjMiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImJnYmx1cl8wXzExNjhfMjI0N19jbGlwX3BhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MzMgLTI5NSkiPjxjaXJjbGUgY3g9IjY1NyIgY3k9IjMxOSIgcj0iMjAiLz4KPC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImJnYmx1cl8xXzExNjhfMjI0N19jbGlwX3BhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgLTI5OCkiPjxjaXJjbGUgY3g9IjIwIiBjeT0iMzIyIiByPSIyMCIvPgo8L2NsaXBQYXRoPjwvZGVmcz4KPC9zdmc+Cg==);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:1}.instrument-detail-image{width:677px;height:637px;object-fit:contain;transition:opacity .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.instrument-detail-image.loading{opacity:0}.instrument-detail-image.loaded{opacity:1}.image-loading{text-align:center;padding:15px;color:#666}.inline-loading{text-align:center;padding:15px;color:#666;font-style:italic;margin-bottom:15px}.instrument-content{display:flex;flex-direction:column;width:100%}.instrument-description{margin-top:30px;display:none}.instrument-description h3{font-size:18px;margin:0 0 15px;color:#333}.instrument-description p{line-height:1.6;color:#555}.instrument-navigation{display:flex;justify-content:space-between;padding-top:0;border-top:none;position:absolute;bottom:0;left:0;right:0;width:100%;padding-bottom:0}.nav-button{background-color:transparent;border:none;border-radius:0;padding:12px 0;color:#fbbc04;font-weight:700;cursor:pointer;transition:all .3s;font-size:16px;margin-bottom:0;margin-left:0;margin-right:0}.prev-button{text-align:left}.next-button{text-align:right}.nav-button:hover{opacity:.8}.nav-button.disabled{opacity:.4;cursor:not-allowed}.error-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;width:100%;background-color:#fff;border-radius:40px;padding:100px}.error-icon{font-size:48px;margin-bottom:20px}.error-text{font-size:18px;color:#d32f2f;margin-bottom:20px;text-align:center}.error-state .close-button{position:relative;top:auto;right:auto;margin-top:20px;width:auto;height:auto;border-radius:4px;padding:10px 20px;color:#fbbc04;background-color:transparent}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:2000;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-modal-content{width:1217px;height:957px;background-color:#f3ede0;border-radius:24px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.modal-close-button{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background-color:transparent;color:#333;font-size:24px;cursor:pointer;z-index:2001}.modal-image-container{position:relative;width:677px;height:637px;display:flex;justify-content:center;align-items:center}.modal-image-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:677px;height:637px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjc3IiBoZWlnaHQ9IjYzNyIgdmlld0JveD0iMCAwIDY3NyA2MzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjMzOC41IiBjeT0iMzE4LjUiIHI9IjMxNy41IiBzdHJva2U9IiNGQkJDMDQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWRhc2hhcnJheT0iMiA0Ii8+Cjxmb3JlaWduT2JqZWN0IHg9IjYzMyIgeT0iMjk1IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxkaXYgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIHN0eWxlPSJiYWNrZHJvcC1maWx0ZXI6Ymx1cigycHgpO2NsaXAtcGF0aDp1cmwoI2JnYmx1cl8wXzExNjhfMjI0N19jbGlwX3BhdGgpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCUiPjwvZGl2PjwvZm9yZWlnbk9iamVjdD48Y2lyY2xlIGRhdGEtZmlnbWEtYmctYmx1ci1yYWRpdXM9IjQiIGN4PSI2NTciIGN5PSIzMTkiIHI9IjIwIiBmaWxsPSIjRkJCQzA0IiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8Y2lyY2xlIGN4PSI2NTciIGN5PSIzMTkiIHI9IjMiIGZpbGw9IndoaXRlIi8+Cjxmb3JlaWduT2JqZWN0IHg9Ii00IiB5PSIyOTgiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgc3R5bGU9ImJhY2tkcm9wLWZpbHRlcjpibHVyKDJweCk7Y2xpcC1wYXRoOnVybCgjYmdibHVyXzFfMTE2OF8yMjQ3X2NsaXBfcGF0aCk7aGVpZ2h0OjEwMCU7d2lkdGg6MTAwJSI+PC9kaXY+PC9mb3JlaWduT2JqZWN0PjxjaXJjbGUgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iNCIgY3g9IjIwIiBjeT0iMzIyIiByPSIyMCIgZmlsbD0iI0ZCQkMwNCIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPGNpcmNsZSBjeD0iMjAiIGN5PSIzMjIiIHI9IjMiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImJnYmx1cl8wXzExNjhfMjI0N19jbGlwX3BhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MzMgLTI5NSkiPjxjaXJjbGUgY3g9IjY1NyIgY3k9IjMxOSIgcj0iMjAiLz4KPC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImJnYmx1cl8xXzExNjhfMjI0N19jbGlwX3BhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgLTI5OCkiPjxjaXJjbGUgY3g9IjIwIiBjeT0iMzIyIiByPSIyMCIvPgo8L2NsaXBQYXRoPjwvZGVmcz4KPC9zdmc+Cg==);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:1}.modal-instrument-image{max-width:100%;max-height:100%;object-fit:contain;position:relative;z-index:2;cursor:grab;transition:none;will-change:transform}.modal-instrument-image:active{cursor:grabbing}.modal-instructions{position:absolute;width:calc(100% + 240px);display:flex;justify-content:space-between;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.modal-instruction-left{font-size:16px;color:#333;position:absolute;left:-25px;white-space:nowrap}.modal-instruction-right{font-size:16px;color:#333;position:absolute;right:-25px;white-space:nowrap}@media (max-width: 1600px) and (min-width: 1201px){.instrument-detail-screen{padding-left:135px}.instrument-detail-container{width:calc(100% - 90px);height:calc(100% - 90px);padding:72px}.instrument-detail-name{font-size:108px}.instrument-model{font-size:14px;margin-top:32px}.instrument-short-desc{font-size:14px}.instrument-attributes{column-gap:54px}.instrument-image-container{height:315px}.instrument-detail-image{width:495px;height:468px}.image-modal-content{width:900px;height:720px}.modal-image-container{width:495px;height:468px}.modal-image-container:before{width:495px;height:468px}.instrument-navigation{position:static;margin-top:30px}}@media (max-width: 1200px) and (min-width: 1025px){.instrument-detail-screen{padding-left:128px}.instrument-detail-container{width:calc(100% - 85px);height:calc(100% - 85px);padding:68px}.instrument-detail-name{font-size:102px}.instrument-model{font-size:14px;margin-top:34px}.instrument-short-desc{font-size:14px}.instrument-attributes{column-gap:56px}.instrument-image-container{height:347px}.instrument-image-container:before{width:575px;height:541px}.view-large-button{width:150px;height:48px;font-size:12px;top:-50px}.instrument-navigation{position:static;margin-top:30px}}@media (min-width: 1450px) and (max-width: 1580px){.instrument-detail-screen{padding-left:150px}.instrument-detail-container{width:calc(100% - 100px);height:calc(100% - 100px);padding:100px}.instrument-detail-name{font-size:120px}.instrument-model{font-size:16px;margin-top:40px}.instrument-short-desc{font-size:16px}.instrument-attributes{column-gap:66px}.attribute-label,.attribute-value{font-size:14px}.instrument-image-container{height:408px;margin-top:20px}.instrument-image-container:before{width:677px;height:637px}.instrument-detail-image{width:677px;height:637px}.view-large-button{width:176px;height:56px;font-size:14px;top:-90px}.instrument-description h3{font-size:20px}.instrument-description p{font-size:16px;line-height:1.6}.instrument-navigation{position:static;margin-top:30px}}@media (max-width: 1449px) and (min-width: 801px){.instrument-detail-screen{padding-left:113px}.instrument-detail-container{width:calc(100% - 75px);height:calc(100% - 75px);padding:60px}.instrument-detail-name{font-size:70px}.instrument-model{font-size:12px;margin-top:30px}.instrument-short-desc{font-size:14px}.instrument-attributes{column-gap:50px}.instrument-image-container{height:260px}.instrument-image-container:before{width:420px;height:395px}.view-large-button{width:132px;height:42px;font-size:11px;top:-56px}.instrument-navigation{position:static;margin-top:30px}}@media (max-width: 1024px) and (min-width: 901px){.instrument-detail-screen{padding-left:120px}.instrument-detail-container{width:calc(100% - 80px);height:calc(100% - 80px);padding:64px}.instrument-header{flex-direction:column;align-items:flex-start}.instrument-title-area{width:100%;margin-bottom:30px}.instrument-detail-name{font-size:80px}.instrument-model{font-size:13px;margin-top:29px}.instrument-short-desc{font-size:14px;max-width:80%}.instrument-attributes{width:100%;position:static;grid-template-columns:repeat(2,1fr);column-gap:48px;margin-top:20px}.instrument-image-container{height:280px}.instrument-detail-image{width:440px;height:416px}.view-large-button{width:135px;height:45px;font-size:11px;top:-75px}.image-modal-content{width:800px;height:640px}.modal-image-container{width:440px;height:416px}.modal-image-container:before{width:400px;height:380px}.instrument-navigation{position:static;margin-top:30px}}@media (max-width: 800px) and (min-width: 601px){.instrument-detail-screen{padding-left:105px}.instrument-detail-container{width:calc(100% - 70px);height:calc(100% - 70px);padding:56px;border-radius:20px}.instrument-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}.instrument-title-area{width:100%;margin-bottom:20px}.instrument-detail-name{font-size:84px}.instrument-model{font-size:11px;margin-top:25px}.instrument-short-desc{font-size:13px}.instrument-attributes{column-gap:42px}.instrument-image-container{height:245px}.instrument-detail-image{width:385px;height:364px}.view-large-button{width:120px;height:40px;font-size:10px;top:-75px}.image-modal-content{width:700px;height:560px}.modal-image-container{width:385px;height:364px}.modal-image-container:before{width:340px;height:320px}.instrument-navigation{position:static;margin-top:30px}}@media (max-width: 600px){.instrument-detail-screen{padding-left:0;padding-top:64px;align-items:flex-start}.instrument-detail-container{width:calc(100% - 20px);height:auto;min-height:auto;padding:20px 20px 120px;border-radius:15px;overflow:visible;display:flex;flex-direction:column;margin-top:10px;margin-bottom:20px;position:relative}.close-button{display:flex;position:absolute;top:15px;right:15px;width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;justify-content:center;align-items:center;font-size:18px;z-index:1010;color:#333}.instrument-main-content{flex:1;display:flex;flex-direction:column;padding-top:25px}.instrument-header{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;width:100%;position:relative}.instrument-title-area{width:100%;margin-bottom:0;position:relative}.instrument-detail-name{font-size:18px;line-height:1.2;margin:0;text-align:left;font-weight:700;padding-right:80px}.instrument-model{font-size:14px;margin:0;font-weight:700;position:absolute;top:0;right:0;line-height:1.2}.instrument-short-desc,.instrument-header .instrument-attributes{display:none}.instrument-description{margin:0 0 20px;order:1;display:block}.instrument-description h3{display:none}.instrument-description p{font-size:12px;line-height:1.5;margin:0;color:#666;text-align:justify}.instrument-attributes.mobile-attributes{display:grid;width:100%;position:static;grid-template-columns:1fr;column-gap:20px;row-gap:10px;margin:0 0 30px;order:2}.instrument-attributes.mobile-attributes .attribute-label{font-size:12px;font-weight:700}.instrument-attributes.mobile-attributes .attribute-value{font-size:12px;color:#666}.instrument-image-container{width:100%;height:208px;margin:20px 0 0;border-radius:15px;background-image:url(/website/assets/back-M0r73I8X.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;position:relative;order:3}.instrument-image-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:280px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjc3IiBoZWlnaHQ9IjYzNyIgdmlld0JveD0iMCAwIDY3NyA2MzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjMzOC41IiBjeT0iMzE4LjUiIHI9IjMxNy41IiBzdHJva2U9IiNGQkJDMDQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWRhc2hhcnJheT0iMiA0Ii8+Cjxmb3JlaWduT2JqZWN0IHg9IjYzMyIgeT0iMjk1IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxkaXYgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIHN0eWxlPSJiYWNrZHJvcC1maWx0ZXI6Ymx1cigycHgpO2NsaXAtcGF0aDp1cmwoI2JnYmx1cl8wXzExNjhfMjI0N19jbGlwX3BhdGgpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCUiPjwvZGl2PjwvZm9yZWlnbk9iamVjdD48Y2lyY2xlIGRhdGEtZmlnbWEtYmctYmx1ci1yYWRpdXM9IjQiIGN4PSI2NTciIGN5PSIzMTkiIHI9IjIwIiBmaWxsPSIjRkJCQzA0IiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8Y2lyY2xlIGN4PSI2NTciIGN5PSIzMTkiIHI9IjMiIGZpbGw9IndoaXRlIi8+Cjxmb3JlaWduT2JqZWN0IHg9Ii00IiB5PSIyOTgiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgc3R5bGU9ImJhY2tkcm9wLWZpbHRlcjpibHVyKDJweCk7Y2xpcC1wYXRoOnVybCgjYmdibHVyXzFfMTE2OF8yMjQ3X2NsaXBfcGF0aCk7aGVpZ2h0OjEwMCU7d2lkdGg6MTAwJSI+PC9kaXY+PC9mb3JlaWduT2JqZWN0PjxjaXJjbGUgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iNCIgY3g9IjIwIiBjeT0iMzIyIiByPSIyMCIgZmlsbD0iI0ZCQkMwNCIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPGNpcmNsZSBjeD0iMjAiIGN5PSIzMjIiIHI9IjMiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImJnYmx1cl8wXzExNjhfMjI0N19jbGlwX3BhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MzMgLTI5NSkiPjxjaXJjbGUgY3g9IjY1NyIgY3k9IjMxOSIgcj0iMjAiLz4KPC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImJnYmx1cl8xXzExNjhfMjI0N19jbGlwX3BhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgLTI5OCkiPjxjaXJjbGUgY3g9IjIwIiBjeT0iMzIyIiByPSIyMCIvPgo8L2NsaXBQYXRoPjwvZGVmcz4KPC9zdmc+Cg==);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:2}.instrument-detail-image{width:100%;height:280px;max-width:none;max-height:none;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.instrument-image-container{margin-bottom:75px}.view-large-button{position:absolute!important;top:calc(100% + 75px)!important;left:50%!important;transform:translate(-50%)!important;right:auto!important;width:108px!important;height:36px!important;font-size:12px!important;border-radius:18px!important;background-color:#fff6df!important;color:#333!important;border:none!important;margin:0!important;cursor:pointer!important;display:block!important;z-index:4!important}.view-large-button:hover{opacity:.9}.instrument-content{order:0}.instrument-navigation{display:none}.image-modal-content{width:95%;height:80%;margin:10px;border-radius:15px}.modal-close-button{top:10px;right:10px;width:35px;height:35px;font-size:20px}.modal-image-container{width:280px;height:260px}.modal-image-container:before{width:280px;height:260px}.modal-instructions{width:calc(100% + 80px)}.modal-instruction-left,.modal-instruction-right{font-size:12px}.modal-instruction-left{left:-15px}.modal-instruction-right{right:-15px}.modal-instrument-image{width:280px;height:260px}.image-modal-content{width:374px!important;height:575px!important;background-color:#f3ede0!important}.modal-image-container{width:100%!important;height:319px!important}.modal-image-container:before{width:100%!important;height:319px!important}.modal-instructions{display:none!important}.modal-instrument-image{width:100%!important;height:319px!important;max-width:none!important;max-height:none!important}}@media (max-height: 1100px) and (min-width: 801px){.instrument-detail-name{font-size:60px}.instrument-model{font-size:14px}.instrument-short-desc{font-size:14px;width:calc(100% + 100px);max-width:600px}.instrument-attributes{grid-template-columns:repeat(3,1fr);column-gap:30px;row-gap:15px}.attribute-label,.attribute-value{font-size:14px}.instrument-image-container{height:250px;margin-top:40px}.instrument-image-container:before{width:350px;height:330px}.instrument-detail-image{width:350px;height:330px}.view-large-button{font-size:12px;top:-70px}.instrument-description{max-width:800px}.instrument-description h3{font-size:18px}.instrument-description p{font-size:14px}.image-modal-content{width:80%;height:80%;max-width:600px;max-height:500px}.modal-image-container{width:100%;height:100%}.modal-image-container:before{width:350px;height:330px}.modal-instrument-image{width:350px;height:330px}.instrument-navigation{position:static;margin-top:30px}}@media (max-height: 700px) and (min-width: 801px){.instrument-detail-container{padding:60px}.instrument-detail-name{font-size:72px;line-height:1.2}.instrument-model{font-size:10px;margin-top:24px;margin-bottom:9px}.instrument-short-desc{font-size:13px}.instrument-header{padding-bottom:18px;margin-bottom:18px}.instrument-attributes{column-gap:40px}.attribute-label,.attribute-value{font-size:12px}.instrument-image-container{height:245px;margin-top:12px}.instrument-image-container:before{width:406px;height:382px}.view-large-button{width:106px;height:34px;font-size:8px;top:-45px}.instrument-content,.instrument-description{margin-top:18px}.instrument-description h3{font-size:12px;margin-bottom:6px}.instrument-description p{font-size:10px;line-height:1.4}.instrument-navigation{position:static;margin-top:18px}}.staff-screen{width:100%;height:100%;overflow:hidden;background-color:#f3ede0;box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:30px 30px 30px 150px}.staff-header,.staff-title{display:none}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:30px;width:100%;height:100%}@media (max-width: 1400px){.staff-screen{padding:20px 20px 20px 150px}.staff-grid{gap:20px}}@media (max-width: 1200px){.staff-screen{padding-left:150px}.staff-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}@media (max-width: 768px){.staff-screen{padding:15px 15px 15px 150px}.staff-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);gap:15px}}@media (max-width: 1600px) and (min-width: 1201px){.staff-screen{padding:27px 27px 27px 135px}.staff-grid{gap:27px}.staff-name{font-size:22px}.staff-position,.staff-description{font-size:11px}.staff-info{height:81px;min-height:81px;padding:11px}.staff-info.expanded{height:153px;min-height:153px}}@media (max-width: 1200px) and (min-width: 1025px){.staff-screen{padding:26px 26px 26px 128px}.staff-grid{gap:26px}.staff-name{font-size:20px}.staff-position,.staff-description{font-size:10px}.staff-info{height:77px;min-height:77px;padding:10px}.staff-info.expanded{height:145px;min-height:145px}}@media (min-width: 1450px) and (max-width: 1580px){.staff-screen{padding:30px 30px 30px 150px}.staff-grid{gap:30px}.staff-card{height:auto;min-height:300px}.staff-image,.staff-image img{height:200px}.staff-info{height:90px;min-height:90px;padding:12px}.staff-info.expanded{height:170px;min-height:170px}.staff-name{font-size:24px;line-height:1.2;margin-bottom:5px}.staff-position{font-size:12px;line-height:1.2;margin-bottom:10px}.staff-description{font-size:12px;line-height:1.4}.arrow-icon{width:30px;height:30px}}@media (max-width: 1449px) and (min-width: 801px){.staff-screen{padding:23px 23px 23px 113px}.staff-grid{gap:23px}.staff-name{font-size:18px}.staff-position,.staff-description{font-size:9px}.staff-info{height:68px;min-height:68px;padding:9px}.staff-info.expanded{height:128px;min-height:128px}}@media (max-width: 1024px) and (min-width: 901px){.staff-screen{padding:24px 24px 24px 120px}.staff-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:24px}.staff-name{font-size:19px}.staff-position,.staff-description{font-size:10px}.staff-info{height:72px;min-height:72px;padding:10px}.staff-info.expanded{height:136px;min-height:136px}}@media (max-width: 800px) and (min-width: 601px){.staff-screen{padding:21px 21px 21px 105px}.staff-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:21px}.staff-name{font-size:17px}.staff-position,.staff-description{font-size:8px}.staff-info{height:63px;min-height:63px;padding:8px}.staff-info.expanded{height:119px;min-height:119px}.arrow-icon{width:21px;height:21px}}@media (max-width: 600px){.staff-screen{width:100%;height:100vh;box-sizing:border-box;padding:74px 10px 10px}.staff-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:12px;width:100%;height:calc(100vh - 84px)}.staff-card{height:223px;min-height:223px;cursor:pointer;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.staff-image{position:absolute;top:0;left:0;width:100%;height:calc(100% - 55px)}.staff-image img{width:100%;height:100%;object-fit:cover}.staff-info{position:absolute;bottom:0;left:0;width:100%;height:55px;background-color:#fbbc04;padding:8px 12px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;color:#000}.staff-info.expanded{height:55px}.staff-info-content{flex:1;display:flex;flex-direction:column;justify-content:center}.staff-card .staff-info .staff-name{font-size:16px!important;font-weight:700!important;margin-bottom:2px!important;text-align:left!important;color:#fff!important}.staff-card .staff-info .staff-position{font-size:10px!important;text-align:left!important;color:#fff!important;margin:0!important}.staff-description{display:none}.arrow-icon{width:20px;height:20px;flex-shrink:0}}@media (max-width: 600px){.mobile-staff-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.mobile-staff-modal{background-color:#fbbc04;border-radius:7px;padding:20px;max-width:90%;max-height:80%;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0000004d}.mobile-modal-content{color:#fff}.mobile-staff-name{font-size:18px;font-weight:700;margin-bottom:8px;text-align:left;color:#fff}.mobile-staff-position{font-size:14px;margin-bottom:12px;text-align:left;color:#fff}.mobile-staff-description{font-size:13px;line-height:1.5;text-align:left;margin-bottom:20px;color:#fff}.mobile-modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;font-weight:700;color:#fff;cursor:pointer;padding:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.mobile-modal-close:hover{opacity:.7}}.staff-card{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 8px #0000001a;position:relative;cursor:pointer;height:100%;width:100%}.staff-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.staff-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.staff-image:hover img{transform:scale(1.05)}.staff-info{background-color:#fbbc04;height:86px;min-height:86px;padding:15px;position:absolute;bottom:0;left:0;right:0;transition:height .3s ease;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px}.staff-info.expanded{height:167px;min-height:167px}.staff-info-content{flex:1;overflow:hidden}.staff-name{font-size:24px;font-weight:700;color:#fff;margin-bottom:5px}.staff-position{font-size:12px;color:#fff}.staff-description{font-size:12px;color:#fff;margin-top:10px;line-height:1.4;opacity:0;max-height:0;transition:opacity .3s ease,max-height .3s ease;overflow:hidden}.staff-info.expanded .staff-description{opacity:1;max-height:100px}.arrow-icon{margin-left:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.arrow-icon img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.arrow-icon img.rotated{transform:rotate(180deg)}.staff-loading,.loading-state,.error-state{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff3;border-radius:8px;margin:10px;padding:20px}.loading-text{font-size:18px;color:#333}.error-state{text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-text{font-size:20px;font-weight:700;color:#d32f2f;margin-bottom:8px}.error-hint{font-size:16px;color:#666}.no-data{grid-column:1 / -1;padding:30px;text-align:center;color:#666;font-style:italic;background-color:#fff3;border-radius:8px}@media (max-height: 700px) and (min-width: 801px){.staff-screen{padding:18px 18px 18px 90px}.staff-grid{gap:18px}.staff-card{height:auto;min-height:180px}.staff-image,.staff-image img{width:100%;height:100%}.staff-info{height:54px;min-height:54px;padding:7px}.staff-info.expanded{height:102px;min-height:102px}.staff-name{font-size:14px;line-height:1.2;margin-bottom:3px}.staff-position{font-size:7px;line-height:1.2;margin-bottom:6px}.staff-description{font-size:7px;line-height:1.4}.arrow-icon{width:18px;height:18px}}.contact-screen.loading{display:flex;justify-content:center;align-items:center;height:100vh}.loading-text{font-size:24px;color:#666}.contact-screen{width:100%;height:100vh;background-color:#f3ede0;position:relative;box-sizing:border-box;overflow-y:auto;padding:76px 76px 76px 150px}.contact-header{position:absolute;top:76px;left:161px}.contact-title{font-size:100px;font-weight:700;color:#000;margin:0;text-align:left}.contact-info{position:absolute;top:103px;left:50%;right:76px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px 40px;font-size:16px}.contact-info-item{display:flex;flex-direction:row;gap:10px;align-items:flex-start}.contact-info-item:nth-child(1){grid-column:1;grid-row:1}.contact-info-item:nth-child(2){grid-column:1;grid-row:2}.contact-info-item:nth-child(3){grid-column:2;grid-row:1}.contact-info-item:nth-child(4){grid-column:2;grid-row:2}.contact-label{font-size:16px;font-weight:700;color:#000}.contact-value{font-size:16px;color:#666;line-height:1.4}.contact-image{position:absolute;top:236px;left:161px;right:79px;height:573px}.contact-image img{width:100%;height:573px;object-fit:cover;border-radius:10px}.contact-form-container{position:absolute;top:855px;left:161px;right:79px;padding:40px 0;box-sizing:border-box;height:200px}.contact-form{display:flex;flex-direction:column;align-items:flex-start;gap:0;position:relative}.form-left-section{display:flex;flex-direction:column;width:355px}.form-group.email-group{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:47px}.form-group.type-group{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:20px}.form-group.content-group{display:flex;flex-direction:row;align-items:flex-start;gap:16px;position:absolute;left:calc(50% - 161px);top:9px}.form-group.content-group label{margin-top:24px}.form-group label{font-size:16px;font-weight:700;color:#333;white-space:nowrap;min-width:fit-content}.form-group input[type=email],.form-group select{width:355px;height:56px;padding:0 16px;border:.5px solid #969696;border-radius:24px;font-size:14px;background-color:transparent;box-sizing:border-box}.form-group textarea{width:501px;height:150px;padding:16px;border:.5px solid #969696;border-radius:24px;font-size:14px;background-color:transparent;resize:vertical;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#fbbc04}.submit-button-container{position:absolute;right:0;top:135px}.submit-button{background-color:#666;color:#fff;border:none;border-radius:25px;padding:15px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#555}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.success-message{text-align:center;padding:40px 20px;color:#4caf50}.success-message h3{margin:0 0 15px;font-size:24px}.success-message p{margin:0;font-size:16px;color:#666}@media (max-width: 1600px) and (min-width: 1201px){.contact-screen{padding:68px 68px 68px 135px}.contact-header{top:90px;left:90px}.contact-title{font-size:90px}.contact-info{top:68px;right:68px;gap:18px 36px}.contact-image{top:225px;left:90px;right:68px;height:516px}.contact-image img{height:516px}.contact-form-container{top:766px;left:90px;right:68px;padding:36px;height:180px}.contact-form{display:flex;flex-direction:column;align-items:flex-start;gap:0;position:relative}.form-group.email-group{margin-bottom:42px}.form-group.type-group{margin-bottom:18px}.form-group.content-group{position:absolute;left:calc(50% - 90px);top:8px;align-items:flex-start}.form-group.content-group label{margin-top:22px}.submit-button-container{position:absolute;right:0;top:121px}.form-group input[type=email],.form-group select{width:320px;height:50px}.form-group textarea{width:451px;height:135px}}@media (max-width: 1200px) and (min-width: 1025px){.contact-screen{padding:65px 65px 65px 128px}.contact-header{top:85px;left:85px}.contact-title{font-size:85px}.contact-info{top:65px;right:65px;gap:17px 34px}.contact-image{top:213px;left:85px;right:65px;height:487px}.contact-image img{height:487px}.contact-form-container{top:739px;left:85px;right:65px;padding:34px;height:170px}.contact-form{display:flex;flex-direction:column;align-items:flex-start;gap:0;position:relative}.form-group.email-group{margin-bottom:40px}.form-group.type-group{margin-bottom:17px}.form-group.content-group{position:absolute;left:calc(50% - 85px);top:8px;align-items:flex-start}.form-group.content-group label{margin-top:20px}.submit-button-container{position:absolute;right:0;top:115px}.form-group input[type=email],.form-group select{width:302px;height:48px}.form-group textarea{width:426px;height:128px}}@media (min-width: 1450px) and (max-width: 1580px){.contact-screen{padding:76px 76px 76px 150px}.contact-header{top:76px;left:161px}.contact-title{font-size:100px;line-height:1.2;margin:0}.contact-info{top:103px;right:79px;gap:20px 40px}.contact-label{font-size:16px}.contact-value{font-size:16px;line-height:1.4}.contact-image{top:236px;left:161px;right:79px;height:573px}.contact-image img{height:573px}.contact-form-container{top:856px;left:161px;right:79px;padding:40px 0;height:200px}.form-group.email-group{margin-bottom:47px}.form-group.type-group{margin-bottom:20px}.form-group.content-group{position:absolute;left:calc(50% - 161px);top:9px;align-items:flex-start}.form-group.content-group label{margin-top:24px}.submit-button-container{position:absolute;right:0;top:135px}.form-group label{font-size:16px}.form-group input[type=email],.form-group select{width:355px;height:56px;font-size:14px;padding:0 16px}.form-group textarea{width:501px;height:150px;font-size:14px;padding:16px}.submit-button{height:56px;font-size:14px;padding:0 30px}}@media (max-width: 1449px) and (min-width: 801px){.contact-screen{padding:49px 49px 49px 150px}.contact-header{top:49px;left:161px}.contact-title{font-size:65px}.contact-info{top:67px;right:49px;gap:13px 26px}.contact-image{top:153px;left:161px;right:51px;height:373px}.contact-image img{height:373px}.contact-form-container{top:556px;left:161px;right:51px;padding:26px 0;height:130px}.contact-form{display:flex;flex-direction:column;align-items:flex-start;gap:0;position:relative}.form-group.email-group{margin-bottom:31px}.form-group.type-group{margin-bottom:13px}.form-group.content-group{position:absolute;left:calc(50% - 161px);top:6px;align-items:flex-start}.form-group.content-group label{margin-top:16px}.submit-button-container{position:absolute;right:0;top:88px}.form-group input[type=email],.form-group select{width:231px;height:36px}.form-group textarea{width:326px;height:98px}}@media (max-width: 1024px) and (min-width: 901px){.contact-screen{padding:61px 61px 61px 120px}.contact-header{top:80px;left:80px}.contact-title{font-size:80px}.contact-info{top:61px;right:61px;gap:16px 32px}.contact-image{top:200px;left:80px;right:61px;height:458px}.contact-image img{height:458px}.contact-form-container{top:695px;left:80px;right:61px;padding:32px;height:160px}.contact-form{display:flex;flex-direction:column;align-items:flex-start;gap:0;position:relative}.form-group.email-group{margin-bottom:38px}.form-group.type-group{margin-bottom:16px}.form-group.content-group{position:absolute;left:calc(50% - 80px);top:7px;align-items:flex-start}.form-group.content-group label{margin-top:19px}.submit-button-container{position:absolute;right:0;top:108px}.form-group input[type=email],.form-group select{width:284px;height:45px}.form-group textarea{width:401px;height:120px}}@media (max-width: 800px) and (min-width: 601px){.contact-screen{padding:53px 53px 53px 105px}.contact-header{top:70px;left:70px}.contact-title{font-size:70px}.contact-info{top:53px;right:53px;gap:14px 28px}.contact-image{top:175px;left:70px;right:53px;height:401px}.contact-image img{height:401px}.contact-form-container{top:608px;left:70px;right:53px;padding:28px;height:140px}.contact-form{display:flex;flex-direction:column;align-items:flex-start;gap:0;position:relative}.form-group.email-group{margin-bottom:33px}.form-group.type-group{margin-bottom:14px}.form-group.content-group{position:absolute;left:calc(50% - 70px);top:6px;align-items:flex-start}.form-group.content-group label{margin-top:17px}.submit-button-container{position:absolute;right:0;top:95px}.form-group input[type=email],.form-group select{width:249px;height:39px}.form-group textarea{width:351px;height:105px}}@media (max-width: 600px){.contact-screen{padding:64px 0 0;height:100vh;box-sizing:border-box;overflow-y:auto}.contact-header{position:static;margin-top:31px;margin-left:20px}.contact-title{font-size:24px;margin:0}.contact-info{position:static;display:flex;flex-direction:column;gap:8px;margin:20px 20px 0}.contact-info-item{display:flex;flex-direction:row;gap:8px;align-items:flex-start}.contact-label{font-size:12px;font-weight:700;color:#000;white-space:nowrap;min-width:fit-content}.contact-value{font-size:12px;color:#666;line-height:1.4}.contact-image{position:static;margin:16px 20px 0;height:135px}.contact-image img{width:100%;height:135px;object-fit:cover;border-radius:12px}.contact-form-container{position:static;margin:20px 0;padding:0 20px;height:auto;box-sizing:border-box}.contact-form{display:flex;flex-direction:column;gap:16px;position:static;width:100%;box-sizing:border-box}.form-group.email-group,.form-group.type-group,.form-group.content-group{position:static;margin:0;display:flex;flex-direction:row;gap:12px;align-items:center;width:100%;box-sizing:border-box}.form-group.content-group label{margin-top:0}.form-group label{font-size:14px;font-weight:700;color:#333;white-space:nowrap;min-width:fit-content}.form-group input[type=email],.form-group select{flex:1;height:44px;padding:0 16px;border:.5px solid #969696;border-radius:24px;font-size:14px;background-color:transparent;box-sizing:border-box;min-width:0}.form-group textarea{flex:1;height:120px;padding:16px;border:.5px solid #969696;border-radius:24px;font-size:14px;background-color:transparent;resize:vertical;font-family:inherit;box-sizing:border-box;min-width:0}.submit-button-container{position:static;margin-top:16px;display:flex;justify-content:flex-end}.submit-button{background-color:#666;color:#fff;border:none;border-radius:25px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer}}@media (max-height: 1100px) and (min-width: 801px){.contact-header{top:41px}.contact-info{top:68px}.contact-title{font-size:60px}.contact-label,.contact-value{font-size:10px}.contact-image{top:145px;height:325px}.contact-image img{height:325px}.contact-form-container{position:absolute;top:470px;left:161px;right:79px}.form-group label{font-size:14px}.form-group input[type=email],.form-group select,.form-group textarea,.submit-button{font-size:12px}.submit-button-container{position:relative;right:auto;top:auto;margin-top:10px;text-align:right}}@media (max-height: 700px) and (min-width: 801px){.contact-screen{padding:46px 46px 46px 90px}.contact-header{top:46px;left:97px}.contact-title{font-size:60px;line-height:1.2;margin:0}.contact-info{top:62px;right:46px;gap:12px 24px}.contact-label{font-size:10px}.contact-value{font-size:10px;line-height:1.4}.contact-image{top:142px;left:97px;right:47px;height:344px}.contact-image img{height:344px}.contact-form-container{top:514px;left:97px;right:47px;padding:24px 0;height:120px}.form-group.email-group{margin-bottom:28px}.form-group.type-group{margin-bottom:12px}.form-group.content-group{position:absolute;left:calc(50% - 97px);top:5px;align-items:flex-start}.form-group.content-group label{margin-top:14px}.submit-button-container{position:absolute;right:0;top:81px}.form-group label{font-size:10px}.form-group input[type=email],.form-group select{width:213px;height:34px;font-size:8px;padding:0 10px}.form-group textarea{width:301px;height:90px;font-size:8px;padding:10px}.submit-button{height:34px;font-size:8px;padding:0 18px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}