.bx-cap{overflow:hidden;padding:0!important;gap:0!important;border-radius:1rem!important;background:#fff;border-color:rgba(0,60,60,.10)!important;box-shadow:0 1px 2px rgba(0,40,40,.05),0 12px 30px -22px rgba(0,50,50,.45)!important;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s!important;opacity:0;animation:bxCapIn .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0)*90ms + 80ms)}
@keyframes bxCapIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.bx-cap>svg.absolute{display:none}
.bx-cap:hover,.bx-cap:focus-visible{transform:translateY(-8px)!important;box-shadow:0 1px 2px rgba(0,40,40,.06),0 30px 50px -28px rgba(0,70,70,.6)!important}
.bx-cap__m{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0f2a2a}
.bx-cap__m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s}
.bx-cap__m::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,30,30,0) 45%,rgba(6,30,30,.55));transition:opacity .5s}
.bx-cap:hover .bx-cap__m img{transform:scale(1.09)}
.bx-cap:hover .bx-cap__m::after{opacity:.6}
.bx-cap__n{position:absolute;left:1rem;top:.9rem;z-index:2;font-size:.75rem;font-weight:700;letter-spacing:.2em;color:#fff;padding:.3rem .6rem;border-radius:999px;background:rgba(0,0,0,.28);backdrop-filter:blur(6px)}
.bx-cap>svg.h-10{position:relative;z-index:2;flex:none;width:3.4rem;height:3.4rem;margin:-1.7rem 0 0 1.5rem;padding:.75rem;border-radius:50%;background:#fff;color:var(--color-accent-solid,#007370);box-shadow:0 8px 20px -8px rgba(0,50,50,.45);transition:transform .5s cubic-bezier(.34,1.6,.5,1),background .3s,color .3s}
.bx-cap:hover>svg.h-10{transform:rotate(-8deg) scale(1.08);background:var(--color-accent-solid,#007370);color:#fff}
.bx-cap>h3{margin:1rem 1.5rem 0;transition:color .3s}
.bx-cap:hover>h3{color:var(--color-accent-solid,#007370)}
.bx-cap>p{margin:.6rem 1.5rem 0}
.bx-cap__go{display:inline-flex;align-items:center;gap:.5rem;margin:auto 1.5rem 0;padding:1.25rem 0 1.5rem;font-weight:700;font-size:.95rem;color:var(--color-accent-solid,#007370)}
.bx-cap__go i{font-style:normal;display:inline-block;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.bx-cap:hover .bx-cap__go i{transform:translateX(6px)}
.bx-cap::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--color-accent-solid,#007370),#3fb8b0);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.bx-cap:hover::after,.bx-cap:focus-visible::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.bx-cap{animation:none;opacity:1}.bx-cap,.bx-cap *{transition:none!important}}
@media (min-width:1024px){
.grid:has(>.bx-cap){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2rem!important}
.grid:has(>.bx-cap) .bx-cap__m{aspect-ratio:16/9}
.bx-cap:only-child{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;align-content:start}
.bx-cap:only-child .bx-cap__m{grid-row:1/5;grid-column:1;aspect-ratio:auto;min-height:340px}
.bx-cap:only-child>svg.h-10{grid-column:2;margin:2rem 0 0 2.25rem}
.bx-cap:only-child>h3{grid-column:2;margin:1.1rem 2.25rem 0}
.bx-cap:only-child>p{grid-column:2;margin:.7rem 2.25rem 0;font-size:1rem;max-width:30rem}
.bx-cap:only-child .bx-cap__go{grid-column:2;margin:0 2.25rem;padding:1.5rem 0 2rem;align-self:end}
}