.accordion-hover-block{--ease-in-out-expo:cubic-bezier(0.65, 0, 0.35, 1);--smooth:var(--ease-in-out-expo);background-color:var(--color-dark-2);padding:var(--size--160) 0;color:var(--color-light);overflow:visible}.acc-hover-wrapper{display:grid;grid-template-columns:1fr 1fr;align-items:flex-start;min-height:750px;position:relative;border-bottom:1px solid rgb(255 255 255 / .1);overflow:visible;.cross{width:var(--size--12);height:var(--size--12);justify-content:center;align-items:center;display:flex;color:var(--color-5);position:absolute;z-index:1;&:before,&:after{content:"";background-color:currentColor;width:100%;height:1px;position:absolute}&:after{width:1px;height:100%}}.tl{top:0;left:0;transform:translate(-50%,-50%)}.tr{top:0;right:0;transform:translate(50%,-50%)}.bl{bottom:0;left:0;transform:translate(-50%,50%)}.br{bottom:0;right:0;transform:translate(50%,50%)}}.acc-hover-visual-col{width:100%;height:100%;background-image:radial-gradient(rgb(255 255 255 / .1) 1px,transparent 0);background-size:30px 30px;background-position:-15px -15px;border:1px solid rgb(255 255 255 / .1);border-right:0}.acc-hover-visual-inner{position:relative;padding:60px;height:100%}.acc-hover-content-col{position:relative;border-left:1px solid rgb(255 255 255 / .1);border-right:1px solid rgb(255 255 255 / .1);height:100%;overflow:hidden}.acc-hover-decor-plus{position:absolute;width:14px;height:14px;color:var(--color-5);z-index:10;pointer-events:none;font-size:18px;line-height:1;font-family:inherit;display:flex;align-items:center;justify-content:center}.plus-tl{top:0;left:0;&:before{content:"";position:absolute;top:0;left:-5px;width:12px;height:1px;background-color:var(--color-5)}&:after{content:"";position:absolute;top:-5px;left:0;width:1px;height:12px;background-color:var(--color-5)}}.plus-tr{top:0;right:0;&:before{content:"";position:absolute;top:0;right:-5px;width:12px;height:1px;background-color:var(--color-5)}&:after{content:"";position:absolute;top:-5px;right:0;width:1px;height:12px;background-color:var(--color-5)}}.plus-bl{bottom:0;left:0;&:before{content:"";position:absolute;bottom:0;left:-5px;width:12px;height:1px;background-color:var(--color-5)}&:after{content:"";position:absolute;bottom:-5px;left:0;width:1px;height:12px;background-color:var(--color-5)}}.plus-br{bottom:0;right:0;&:before{content:"";position:absolute;bottom:0;right:-5px;width:12px;height:1px;background-color:var(--color-5)}&:after{content:"";position:absolute;bottom:-5px;right:0;width:1px;height:12px;background-color:var(--color-5)}}.plus-tm{top:-9px;left:50%;transform:translateX(-50%)}.plus-bm{bottom:-9px;left:50%;transform:translateX(-50%)}.visual-stack{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.visual-item{grid-area:1 / 1;position:sticky;top:calc(var(--navHeight, 85px) + 24px + 60px);width:100%;aspect-ratio:16 / 10;align-self:start;opacity:0;transition:opacity 0.7s var(--smooth);z-index:1;overflow:hidden;background:var(color-dark);border-radius:12px;border:1px solid rgb(255 255 255 / .1);box-shadow:0 40px 100px rgb(0 0 0 / .5)}.visual-item.active{opacity:1;z-index:2}.visual-ui-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none;padding:15px 20px;background:linear-gradient(to bottom,rgb(0 0 0 / .6),transparent)}.ui-tag{font-size:10px;font-family:var(--font-mono,monospace);color:var(--color-5);letter-spacing:.1em;text-transform:uppercase}.ui-model{font-size:10px;font-family:var(--font-mono,monospace);color:rgb(255 255 255 / .4);letter-spacing:.05em}.visual-item img{width:100%;height:100%;object-fit:cover;display:block}.acc-hover-list{counter-reset:acc-counter;display:flex;flex-direction:column;flex:0;height:100%}.acc-hover-item{border-top:1px solid rgb(255 255 255 / .1);padding:0;cursor:pointer;transition:flex .4s var(--smooth) .1s}.acc-hover-item.active{flex:1}.acc-hover-item:last-child{border-bottom:1px solid rgb(255 255 255 / .1)}.acc-hover-trigger{display:grid;grid-template-columns:5.625rem 1fr;counter-increment:acc-counter;padding:var(--size--40)}.acc-hover-trigger::before{content:"// " counter(acc-counter,decimal-leading-zero);font-size:.875rem;line-height:1;font-family:var(--font-mono,monospace);color:rgb(255 255 255 / .4);letter-spacing:.05em}.acc-hover-title{color:rgb(255 255 255 / .3);transition:color 0.6s var(--smooth)}.acc-hover-item.active .acc-hover-title{color:var(--color-light);opacity:1}.acc-hover-content{padding:0 var(--size--40);grid-template-rows:0fr;transition:grid-template-rows 0.6s var(--smooth),opacity 0.6s var(--smooth);overflow:hidden;opacity:0;visibility:hidden;will-change:grid-template-rows,opacity;display:grid;grid-template-columns:5.625rem 1fr}.acc-hover-item.active .acc-hover-content{grid-template-rows:1fr;opacity:1;visibility:visible}.acc-hover-desc{grid-column-start:2;grid-column-end:3;min-height:0;padding-top:0;padding-bottom:0;padding-left:0;margin-left:0;color:rgb(255 255 255 / .6);max-width:44ch;height:100%;overflow-y:auto;scrollbar-width:none;transition:opacity 0.6s var(--smooth),padding 0.6s var(--smooth);opacity:0}.acc-hover-item.active .acc-hover-desc{pointer-events:auto}.acc-hover-desc::-webkit-scrollbar{display:none}.acc-hover-item.active .acc-hover-desc{padding-bottom:var(--size--40);opacity:1}.acc-hover-btn{padding:.34rem var(--size--14);grid-column-gap:var(--size--16);grid-row-gap:var(--size--16);background-color:var(--color-4);color:var(--color-dark);border-radius:20px;justify-content:center;align-items:center;width:fit-content;display:flex;margin-top:var(--size--20)}.acc-hover-btn:hover .btn_icon{transform:translateX(5px);transition:transform .4s cubic-bezier(.76,0,.24,1)}.acc-hover-btn .btn_text{align-items:center;line-height:1;transition:transform .4s cubic-bezier(.76,0,.24,1);display:flex;position:relative;overflow:hidden}.acc-hover-btn .btn_icon{width:var(--size--24);height:var(--size--24);color:var(--color-dark);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.76,0,.24,1)}@media (max-width:991px){.acc-hover-item{padding:var(--size--24)}.acc-hover-trigger{padding:0}.acc-hover-item .acc-hover-content{padding:var(--size--14) 0 0 0}.accordion-hover-block{padding:var(--size--100) 0}.acc-hover-wrapper{grid-template-columns:100%;gap:40px}.accordion-hover-block{overflow:hidden}.acc-hover-visual-col{position:relative;top:auto;order:1;display:none}.acc-hover-content-col{order:2}.acc-hover-title{font-size:24px;color:var(--color-light)}.acc-hover-content{grid-template-rows:1fr;opacity:1;visibility:visible}.acc-hover-desc{opacity:1;padding-bottom:var(--size--40)}.acc-mobile-image{padding:0}.acc-hover-desc{max-width:100%;grid-column-start:1}.acc-hover-trigger{gap:var(--size--20);flex-direction:column;display:flex}.acc-hover-desc{padding-bottom:1.75rem}}