.featured-wrapper{box-sizing:border-box;padding:20px;width:100%}.featured-inner{background-color:#000;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.2);height:720px;overflow:hidden;position:relative}.featured-image_wrapper{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.featured-image_wrapper img{height:100%;object-fit:cover;opacity:1;transition:transform .8s ease,opacity .4s ease;width:100%}.featured-image_wrapper img.fade-out{opacity:.6;transform:scale(1.02)}.featured-accordion_btn{box-sizing:border-box;gap:15px;height:100%;padding:40px;pointer-events:none;position:relative;z-index:1}.accordion-btn,.featured-accordion_btn{display:flex;flex-direction:column;justify-content:center}.accordion-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);cursor:pointer;max-height:60px;overflow:hidden;padding:8px 24px;pointer-events:auto;transition:width .5s cubic-bezier(.25,1,.5,1),max-height .5s cubic-bezier(.25,1,.5,1),background-color .3s ease,opacity .3s ease;width:225px}.accordion-btn:hover{background-color:hsla(0,0%,100%,.3)}.accordion-btn.active{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.85);background-color:hsla(0,0%,100%,.4);justify-content:flex-start;max-height:200px;padding-bottom:20px;padding-top:20px;width:450px}.featured-title{color:#1a1a1a;display:block;font-size:16px;font-weight:700;min-height:20px;white-space:nowrap}.featured-dec{color:#333;display:none;font-size:16px;margin-top:12px;opacity:0;transform:translateY(10px)}.accordion-btn.active .featured-dec{animation:slideUpFade .4s ease .5s forwards;display:block}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{bottom:30px;box-sizing:border-box;display:none;justify-content:space-between;padding:0 5px;pointer-events:none;position:absolute;width:100%;z-index:10}.nav-btn{align-items:center;background-color:rgba(30,30,30,.9);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;pointer-events:auto;transition:transform .2s,background-color .2s;width:34px}.nav-btn:active{background-color:#000;transform:scale(.95)}@media (max-width:768px){.featured-inner{height:500px}.featured-accordion_btn{align-items:center;justify-content:flex-end;padding:15px;width:100%}.accordion-btn{display:none;margin:0 auto;width:100%!important}.accordion-btn.active{background-color:hsla(0,0%,8%,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);color:#fff;display:flex;max-height:none;padding:8px 24px;position:relative}.accordion-btn.active .featured-title{color:#fff;font-size:18px;margin-bottom:5px}.accordion-btn.active .featured-dec{animation:none;color:#ccc;display:block;margin-top:5px;opacity:1;transform:none}.mobile-nav{display:flex}}