/* START_SECTION:true-surfers-categories (INDEX:50) */
.ts-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;max-width:1800px;margin:0 auto}
.ts-category{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#263535;color:#fff;text-decoration:none;isolation:isolate}
.ts-category__image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;display:block}
.ts-category__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.75) 100%);z-index:1}
.ts-category__title{position:absolute;inset:auto 24px 24px;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:12px;font-family:inherit;font-size:clamp(18px,1.8vw,30px);font-weight:700;line-height:1.15;letter-spacing:-.025em;text-shadow:0 1px 5px #000}
.ts-category__title>span{font-size:26px;font-weight:400;flex-shrink:0}
.ts-category:focus-visible{outline:3px solid #11bdb4;outline-offset:3px;z-index:3}
@media(hover:hover){.ts-category:hover .ts-category__image{transform:scale(1.045)}}
@media(max-width:989px){.ts-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}.ts-category__title{inset:auto 16px 16px;font-size:clamp(17px,3vw,26px)}}
@media(prefers-reduced-motion:reduce){.ts-category__image{transition:none}}
/* END_SECTION:true-surfers-categories */