/* Kulture BJJ — hover states and image treatment (generated) */
img.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:grayscale(1) contrast(1.08)}
.photo-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f8f4f4;color:#605d5d;font-size:13px;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:16px}
a{transition:background .12s ease,color .12s ease}
.filt{font:inherit;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:12px 18px;cursor:pointer;border:2px solid #0d0d0d;margin:0 -2px -2px 0;background:#fff;color:#0d0d0d;border-radius:0}
.filt:hover{background:#2d2b2b;color:#fff}
.filt[data-on]{background:#0d0d0d;color:#fff}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #0d0d0d;outline-offset:2px}
.hv1:hover{background:#d7d3d3 !important}
.hv2:hover{background:#ffffff;color:#0d0d0d !important}
.hv3:hover{background:#2d2b2b !important}

/* Mobile menu */
.nav-btn{display:none;align-items:center;gap:10px;background:transparent;color:#fff;border:2px solid #fff;border-radius:0;padding:10px 14px;font:inherit;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.nav-btn .ic-close{display:none}
.nav-btn[aria-expanded="true"] .ic-open{display:none}
.nav-btn[aria-expanded="true"] .ic-close{display:block}
.nav-mob{display:none;background:#0d0d0d;border-top:2px solid #2d2b2b;flex-direction:column}
.nav-mob.open{display:flex}
.mob-link{display:block;color:#fff !important;font-size:18px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:18px 24px;border-top:2px solid #2d2b2b}
.mob-link:first-child{border-top:0}
.mob-cta{display:block;margin:16px 24px 24px;background:#fff;color:#0d0d0d !important;font-size:15px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:16px 20px}
@media (max-width:819px){
  .nav-desk{display:none !important}
  .nav-btn{display:flex}
}
@media (min-width:820px){ .nav-mob{display:none !important} }
.soc:hover{color:#ffffff !important;text-decoration:none}