/* CSS */
.wet-grid, .wet-tile{ font-family:'Red Hat Display',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
.wet-grid{ display:grid; gap:16px; grid-template-columns:1fr; }
@media(min-width:640px){ .wet-grid{ grid-template-columns:repeat(2,1fr);} }
@media(min-width:1024px){ .wet-grid{ grid-template-columns:repeat(3,1fr);} }
.wet-tile{ position:relative; aspect-ratio:3/4; border-radius:0 0 50px 0; overflow:hidden; isolation:isolate; color:#fff; }
.wet-tile::before{ content:""; position:absolute; inset:0; background-image:var(--wet-bg); background-size:cover; background-position:center; z-index:-2; }
.wet-tile::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.35) 10%, rgba(0,0,0,.25) 35%, rgba(0,0,0,.45) 70%, rgba(0,0,0,.7) 100%); z-index:-1; }
.wet-link{ position:absolute; inset:0; z-index:5; }
.wet-top{ position:absolute; left:16px; top:16px; right:16px; display:flex; flex-direction:column; gap:6px; line-height:1.1; }
.wet-date{ font-weight:800; font-size:40px; } .wet-time{ font-weight:700; font-size:30px; } .wet-time .wet-minutes{ font-size:50%; vertical-align:top; display:inline-block; line-height:1; margin-left:2px; }
.wet-bottom{ position:absolute; left:16px; right:16px; bottom:16px; display:flex; flex-direction:column; justify-content:flex-end; gap:8px; }
.wet-cat{ display:inline-block; margin-bottom:6px; }
.wet-cat span{ display:inline-block; background:#ffffff; color:#6f184e; padding:4px 8px; border:1px solid #D19A3C; border-radius:0; font-weight:700; letter-spacing:.6px; font-size:20px; text-transform:uppercase; }
.wet-title{ margin:0; font-size:30px; font-weight:800; line-height:1.12; color:#ffffff; }
.wet-instructor{ font-size:17px; font-weight:600; opacity:.98; } .wet-instructor a{ color:#fff; text-decoration:none; }
.wet-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; pointer-events:none; }
.wet-filters{ margin:0 0 16px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.wet-filter{ appearance:none; border:1px solid #D19A3C; background:#fff; color:#6f184e; padding:6px 10px; font-weight:700; text-transform:uppercase; cursor:pointer; }
.wet-filter.is-active{ background:#6f184e; color:#fff; border-color:#6f184e; }
.wet-grid-wrap{ min-height:48px; }