.interactive-guide-senses{background:#000;border-radius:24px;margin:0 auto;max-width:1400px;padding:30px}.guide-main-container{display:flex;gap:12px;height:500px;width:100%}.guide-panel{background:#000;border-radius:22px;cursor:pointer;display:flex;flex:0 0 110px;height:100%;overflow:hidden;position:relative;transition:flex .6s ease,filter .4s ease}.guide-panel.active{filter:brightness(1);flex:1}.guide-panel:not(.active){filter:brightness(.7)}.sense-card.main-card{border-radius:20px;height:100%;overflow:hidden;position:relative;transition:transform .4s ease;width:100%}.guide-panel:not(.active) .sense-card.main-card{transform:scale(.92)}.sense-card.main-card .card-image{background-position:50%;background-size:cover;height:100%;width:100%}.card-overlay{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 60%,transparent);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;padding:30px;pointer-events:none;position:absolute;transition:opacity .3s ease}.guide-panel.active .card-overlay{opacity:1;pointer-events:auto;transition-delay:.2s}.card-overlay>div{align-items:flex-start;display:flex;gap:16px}.sense-number{align-items:center;background:rgba(0,0,0,.4);border:2px solid hsla(0,0%,100%,.6);border-radius:50%;display:inline-flex;flex-shrink:0;font-size:16px;font-weight:600;height:36px;justify-content:center;margin-top:4px;width:36px}.sense-icon{display:none}.card-overlay>div>div{flex:1}.sense-title{font-size:32px;font-weight:700;letter-spacing:1.5px;line-height:1.2;margin:0 0 8px;text-transform:uppercase}.sense-description{font-size:15px;font-weight:400;line-height:1.5;margin:0;opacity:.9}.guide-panel:after{align-items:center;background:rgba(0,0,0,.6);border:2px solid hsla(0,0%,100%,.6);border-radius:50%;bottom:18px;color:#fff;content:attr(data-step);display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;width:32px;z-index:4}.guide-panel:not(.active):after{opacity:1}@media (max-width:1200px){.guide-main-container{height:420px}.sense-title{font-size:28px}.sense-description{font-size:14px}}@media (max-width:992px){.guide-main-container{display:grid;gap:12px;grid-template-columns:1fr;height:auto}.guide-panel{filter:brightness(.75);flex:none;height:260px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:height .4s ease,filter .3s ease}.guide-panel.active{filter:brightness(1);height:380px}.guide-panel:not(.active) .sense-card.main-card{transform:none}.card-overlay{opacity:0;transition:opacity .25s ease;visibility:hidden}.guide-panel.active .card-overlay{opacity:1;visibility:visible}.guide-panel:after{bottom:auto;left:auto;opacity:1;right:20px;top:20px;transform:none}.guide-panel.active:after{opacity:0}.sense-title{font-size:26px}}@media (max-width:576px){.interactive-guide-senses{padding:16px}.guide-panel{height:220px}.guide-panel.active{height:320px}.card-overlay{padding:20px}.sense-title{font-size:24px}.sense-description{font-size:13px}.sense-number{font-size:14px;height:32px;width:32px}}