.hubx{--soft: #f4f6fb;--line: #e7e9f0;--mut: #5b6178;--hub-max: 1800px}.wrapx{max-width:var(--hub-max);margin:0 auto;padding:0 clamp(20px,4vw,72px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mast{position:relative;background:var(--color-primary-dark);color:#fff;padding:calc(var(--header-h) + 56px) 0 48px;overflow:hidden}.mast__tri{position:absolute;bottom:0;right:clamp(20px,5vw,100px);height:clamp(190px,21vw,270px);width:auto;opacity:.18;pointer-events:none;display:block}.mast__in{position:relative}.mast__kick{color:var(--color-kicker);font-family:var(--font-body);font-size:12px;font-weight:var(--fw-bold);letter-spacing:3px;text-transform:uppercase;margin:0 0 10px}.mast__h1{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(44px,6vw,86px);line-height:.96;margin:0;letter-spacing:-.5px}.mast__lead{margin:16px 0 0;max-width:580px;color:#c5cce6;font-size:16px;line-height:1.55}.mast__meta{margin-top:22px;display:flex;flex-wrap:wrap;gap:22px;font-size:13px;color:#8e98c4;font-weight:var(--fw-bold);letter-spacing:.3px}.mast__meta b{color:#fff}.bar{position:sticky;top:var(--header-h);z-index:40;background:#fffffff0;backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.bar .wrapx{padding-top:14px;padding-bottom:14px}.bar__row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.seg{display:inline-flex;background:var(--soft);border-radius:13px;padding:4px;gap:2px;flex-wrap:wrap}.seg__b{font-family:var(--font-body);font-size:13.5px;font-weight:var(--fw-bold);color:var(--color-ink);padding:9px 16px;border-radius:9px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:background .18s ease,color .18s ease}.seg__b:hover{background:#e9edf7}.seg__b.on{background:var(--color-primary);color:#fff}.seg__ic{display:inline-flex;color:#aab2cc}.seg__ic svg{width:14px;height:14px;display:block}.seg__b.on .seg__ic{color:#ffffffd9}.seg__n{font-size:11px;font-weight:var(--fw-bold);color:#9aa3c0}.seg__b.on .seg__n{color:#ffffffb3}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1.5px solid rgba(0,25,185,.35);border-radius:999px;padding:0 8px 0 16px;height:46px;min-width:280px;transition:border-color .18s ease,box-shadow .18s ease}.search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #0019b91a}.search__ic{display:inline-flex;color:var(--color-primary);flex:none}.search__ic svg{width:18px;height:18px}.search input{border:0;outline:0;font-family:var(--font-body);font-size:15px;color:var(--color-ink);width:100%;background:transparent}.search input::placeholder{color:#7e88a6;opacity:1}.search__clr{border:0;background:var(--soft);width:30px;height:30px;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;color:var(--mut);font-size:18px;line-height:1}.search__clr.show{display:flex}.facets{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:16px}.facets__lab{font-size:10.5px;font-weight:var(--fw-bold);letter-spacing:1px;color:#9aa3c0;text-transform:uppercase}.dd{position:relative}.dd__trig{font-family:var(--font-body);display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1.5px solid var(--line);background:#fff;color:var(--color-ink);border-radius:999px;padding:9px 13px;font-size:13px;font-weight:var(--fw-bold);transition:all .16s ease}.dd__trig:hover{border-color:#c2cbe6;background:var(--soft)}.dd__cnt{display:none;background:#ffffff38;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:var(--fw-bold)}.dd__chev{color:#9aa3c0;display:inline-flex;transition:transform .2s ease}.dd__chev svg{width:15px;height:15px}.dd.on .dd__cnt{display:inline-block}.dd.on .dd__trig{background:#eaf0ff;border-color:var(--color-primary);color:var(--color-primary)}.dd.on .dd__cnt{background:#0019b929;color:var(--color-primary)}.dd.on .dd__chev{color:var(--color-primary)}.dd--theme.on .dd__trig{background:#fdecec;border-color:#e2433f;color:#bf2220}.dd--theme.on .dd__cnt{background:#ed1c2426;color:#bf2220}.dd--theme.on .dd__chev{color:#bf2220}.dd.open .dd__chev{transform:rotate(180deg)}.dd__pop{position:absolute;top:calc(100% + 9px);left:0;width:308px;max-width:86vw;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;z-index:60;display:none;box-shadow:0 16px 36px #0000321f}.dd.open .dd__pop{display:block;animation:ddfp .16s ease both}@keyframes ddfp{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.dd__head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}.dd__head span{font-size:10.5px;font-weight:var(--fw-bold);letter-spacing:.6px;color:#9aa3c0}.dd__head b{font-size:11px;font-weight:var(--fw-bold);color:var(--color-primary)}.opt{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;cursor:pointer;text-decoration:none;transition:background .12s ease}.opt:hover{background:var(--soft)}.opt.sel{background:#f4f7ff}.opt__box{width:18px;height:18px;border-radius:5px;border:1.5px solid #d6dbe9;flex:none;display:flex;align-items:center;justify-content:center;color:#fff}.opt__box svg{width:12px;height:12px;display:none}.opt.sel .opt__box{background:var(--color-primary);border-color:var(--color-primary)}.opt.sel .opt__box svg{display:block}.dd--theme .opt.sel{background:#fdecec}.dd--theme .opt.sel .opt__box{background:var(--color-accent);border-color:var(--color-accent)}.opt__ic{display:inline-flex;flex:none;color:#aab2cc}.opt__ic svg{width:16px;height:16px}.dd[data-dd=skippers] .opt__ic{color:#8b95c9}.dd[data-dd=skippers] .opt.sel .opt__ic{color:var(--color-primary)}.dd--theme .opt.sel .opt__ic{color:#bf2220}.opt__lab{display:flex;flex-direction:column}.opt__l1{font-size:13.5px;font-weight:var(--fw-bold);color:var(--color-ink)}.opt__l2{font-size:11.5px;color:#9aa3c0;display:inline-flex;align-items:center;gap:5px}.opt__boat{display:inline-flex;color:#c2cbe6}.opt__l2 svg{width:12px;height:12px}.opt__n{margin-left:auto;font-size:11px;font-weight:var(--fw-bold);color:#c2cbe6}.facets__sep{width:1px;height:22px;background:#eef0f6;margin:0 2px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pillf{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:var(--fw-bold);padding:6px 8px 6px 12px;border-radius:999px}.pillf__x{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;text-decoration:none}.pillf--skipper{background:#eaf0ff;color:var(--color-primary)}.pillf--skipper .pillf__x{background:#0019b924;color:var(--color-primary)}.pillf--theme{background:#fdecec;color:#bf2220}.pillf--theme .pillf__x{background:#ed1c2426;color:#bf2220}.pillf--format{background:#eef0f6;color:var(--color-ink)}.pillf--format .pillf__x{background:#0000321a;color:var(--color-ink)}.clearall{border:0;background:transparent;color:var(--mut);font-size:12.5px;font-weight:var(--fw-bold);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.clearall:hover{color:var(--color-ink)}.status{padding:20px 0 4px}.status__count{font-size:14px;color:var(--mut);font-weight:var(--fw-bold)}.status__count b{color:var(--color-ink)}.grid{padding:20px 0 40px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:412px;gap:24px;grid-auto-flow:dense;transition:opacity .15s ease}.grid.is-swapping{opacity:.4;pointer-events:none}.empty{grid-column:1 / -1;text-align:center;padding:70px 0;color:var(--mut)}.empty h3{font-family:var(--font-display);color:var(--color-ink);font-size:24px;margin:0 0 6px}.loadwrap{display:flex;justify-content:center;padding:8px 0 64px}.load{font-family:var(--font-body);border:1.5px solid var(--color-primary-dark);background:#fff;color:var(--color-primary-dark);font-size:14px;font-weight:var(--fw-bold);padding:14px 30px;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:9px;transition:all .18s ease}.load:hover{background:var(--color-primary-dark);color:#fff}.load__ic svg{width:16px;height:16px}@media(max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}.ncard.span-2{grid-column:span 2}}@media(max-width:640px){.grid{grid-template-columns:1fr;grid-auto-rows:auto}.ncard.span-2{grid-column:span 1}.seg{width:100%;overflow-x:auto}.search{min-width:0;width:100%}}@media(prefers-reduced-motion:reduce){.grid,.seg__b,.dd__trig,.dd__chev,.load{transition:none}}
