.tt-hover-box{position:relative;overflow:hidden;display:block;min-height:520px;background:#0b0f14}.tt-hover-box__panels{position:absolute;inset:0}.tt-hover-box__panel{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.03);transition:opacity .55s ease,transform .75s ease,filter .45s ease;filter:grayscale(8%)}.tt-hover-box__panel.is-active{opacity:1;transform:scale(1);filter:grayscale(0%)}.tt-hover-box__overlay{position:absolute;inset:0;background:rgb(0 0 0 / .45);pointer-events:none;transition:background .35s ease}.tt-hover-box__grid{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.tt-hover-box--cols-1 .tt-hover-box__grid{grid-template-columns:1fr}.tt-hover-box--cols-2 .tt-hover-box__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-hover-box--cols-4 .tt-hover-box__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tt-hover-box__card{position:relative;min-height:240px;border:1px solid rgb(255 255 255 / .5);overflow:hidden;transition:background .35s ease,border-color .3s ease,transform .35s ease;backdrop-filter:blur(.5px)}.tt-hover-box__card.is-active,.tt-hover-box__card:hover{background:rgb(255 255 255 / .06);border-color:rgb(255 255 255 / .9)}.tt-hover-box__content{position:relative;z-index:1;padding:28px;color:#fff;display:flex;flex-direction:column;height:100%;gap:10px}.tt-hover-box--content-top .tt-hover-box__content{justify-content:flex-start}.tt-hover-box--content-center .tt-hover-box__content{justify-content:center}.tt-hover-box--content-bottom .tt-hover-box__content{justify-content:flex-end}.tt-hover-box--effect-none .tt-hover-box__bg{transform:none;transition:none}.tt-hover-box--skin-envelope .tt-hover-box__grid{align-items:end;gap:8px}.tt-hover-box--skin-envelope .tt-hover-box__card{min-height:180px;background:rgb(0 0 0 / .2)}.tt-hover-box--skin-envelope .tt-hover-box__card.is-active{transform:translateY(-10px)}.tt-hover-box--skin-flexure .tt-hover-box__grid{grid-template-columns:1fr;max-width:460px;gap:0}.tt-hover-box--skin-flexure .tt-hover-box__card{min-height:120px;border-bottom-width:0;background:rgb(0 0 0 / .35)}.tt-hover-box--skin-flexure .tt-hover-box__card:last-child{border-bottom-width:1px}.tt-hover-box--layout-style-2 .tt-hover-box__title{font-size:clamp(20px, 2vw, 32px);letter-spacing:.2em}.tt-hover-box--layout-style-2 .tt-hover-box__label{opacity:.8;letter-spacing:.08em;text-transform:uppercase}.tt-hover-box__label{font-size:12px;margin-bottom:10px}.tt-hover-box__title{margin:0;text-transform:uppercase;letter-spacing:.12em}.tt-hover-box__desc{font-size:14px}.tt-hover-box__icon{position:absolute;right:24px;bottom:20px;font-size:64px;opacity:.55;transition:transform .35s ease,opacity .35s ease;color:rgb(255 255 255 / .8)}.tt-hover-box__card:hover .tt-hover-box__icon,.tt-hover-box__card.is-active .tt-hover-box__icon{opacity:.9;transform:scale(1.06)}.tt-hover-box__button{align-self:flex-start;display:inline-flex;text-decoration:none;border:1px solid #fff;padding:8px 14px;transition:all .25s ease}.tt-hover-box__button:hover{background:#fff;color:#111}@media (max-width:1024px){.tt-hover-box__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.tt-hover-box__grid{grid-template-columns:1fr}.tt-hover-box--skin-flexure .tt-hover-box__grid{max-width:100%}}