.skills-catalog .club-nav-list button,.skills-catalog .club-filter-group button{min-height:42px;color:inherit;text-align:left;align-items:center;gap:.75rem;padding:.55rem .65rem;font-size:.79rem;font-weight:650;display:flex}.skills-catalog .club-nav-list button:hover,.skills-catalog .club-filter-group button:hover{background:var(--field)}.skills-catalog .club-nav-list button[aria-current=page],.skills-catalog .club-filter-group button[aria-current=page]{background:var(--field);box-shadow:inset 2px 0 0 var(--cinnabar);color:var(--cinnabar)}.skills-catalog .club-nav-list button>span,.skills-catalog .club-filter-group button>span{color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.skills-catalog .club-nav-list a.skills-sign-in{min-height:36px;color:var(--ink-muted);text-underline-offset:.25rem;justify-content:center;font-size:.72rem;text-decoration:underline}.skills-catalog .club-nav-list a.skills-sign-in:hover{color:var(--ink);background:0 0}.skills-side-sami{background:var(--cinnabar);width:18px;height:18px;color:var(--cinnabar-contrast);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:.58rem;display:grid}.skills-catalog .club-tag-cloud button{border:1px solid var(--line);color:var(--ink-muted);padding:.35rem .5rem;font-size:.65rem}.skills-catalog .club-tag-cloud button:hover{color:var(--ink)}.skills-catalog .club-tag-cloud button[aria-pressed=true]{border-color:var(--cinnabar);color:var(--cinnabar)}.catalog-topbar>div>p.skills-topbar-title{color:var(--ink);letter-spacing:-.055em;text-transform:none;margin-top:.15rem;font-family:Unbounded Variable;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700}.skills-access-note>div{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.skills-access-note>div>a{text-underline-offset:.25rem;font-weight:750;text-decoration:underline}.skills-access-note>div>a:last-child{background:var(--cinnabar);color:var(--cinnabar-contrast);border:0;padding:.55rem .85rem;text-decoration:none}.skills-access-note>div>a:last-child:hover{background:var(--ink);color:var(--paper)}.skills-catalog .catalog-tag-strip button{border:1px solid var(--line);color:var(--ink-muted);white-space:nowrap;transition:border-color var(--duration-base) var(--ease-out-expo), color var(--duration-base) var(--ease-out-expo);flex:none;align-items:center;gap:.4rem;padding:.45rem .65rem;font-size:.65rem;display:inline-flex}.skills-catalog .catalog-tag-strip button>span{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.6rem}.skills-catalog .catalog-tag-strip button:hover,.skills-catalog .catalog-tag-strip button[aria-current=page]{border-color:var(--cinnabar);color:var(--cinnabar)}.skills-catalog .catalog-tag-strip button.club-shelf-chip{border-color:color-mix(in srgb, var(--cinnabar) 55%, var(--line));background:color-mix(in srgb, var(--cinnabar) 7%, transparent);color:var(--cinnabar);font-weight:650}.skills-catalog .catalog-tag-strip button.club-shelf-chip>span{color:inherit}.skills-catalog .catalog-tag-strip button.club-shelf-chip[aria-current=page]{border-color:var(--cinnabar);background:var(--cinnabar);color:var(--cinnabar-contrast)}.skills-showcase{border:1px solid color-mix(in srgb, var(--cinnabar) 36%, var(--line));background:radial-gradient(70% 120% at 0% 0%, #e75a5033, transparent 62%), radial-gradient(50% 80% at 100% 100%, #a8201c29, transparent 70%), var(--paper-elevated);border-radius:20px;gap:18px;margin:30px 0 8px;padding:22px;display:grid;position:relative;overflow:hidden}.skills-showcase-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 32px;display:flex}.skills-showcase-head>div{flex-wrap:wrap;flex:32rem;align-items:baseline;gap:4px 14px;min-width:0;display:flex}.skills-showcase-all{min-height:44px;color:var(--ink);white-space:nowrap;transition:gap .28s var(--ease-out-expo);border-bottom:1px solid;align-items:center;gap:.7rem;font-size:.82rem;font-weight:800;display:inline-flex}.skills-showcase-all:hover{gap:1.15rem}.skills-showcase-head p{width:100%;color:var(--cinnabar);letter-spacing:.16em;text-transform:uppercase;font-size:.66rem;font-weight:800}.skills-showcase-head h2{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.4rem,2.2vw,2rem)}.skills-showcase-head span{color:var(--ink-muted);font-size:.84rem}.skills-showcase-body{gap:14px;display:grid}@media (min-width:1000px){.skills-showcase-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.skills-showcase-lead{border:1px solid var(--line);color:inherit;text-align:left;background:#0c0a0966;border-radius:16px;transition:border-color .18s;animation:.7s cubic-bezier(.22,1,.36,1) skills-lead-in;display:grid;overflow:hidden}@keyframes skills-lead-in{0%{opacity:0;transform:scale(.985)}}@media (prefers-reduced-motion:reduce){.skills-showcase-lead{animation:none}}.skills-showcase-lead .skill-card-cover{aspect-ratio:16/9}.skills-showcase-lead,.skills-showcase-media{position:relative}.skills-showcase-sound{z-index:3;color:#fff;min-height:34px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1204059e;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 0 0 1px #ff5a4a4d}.skills-showcase-sound[aria-pressed=true]{background:radial-gradient(circle at 35% 30%,#ff8a70,#e2493a 50%,#9b1f16)}.skills-showcase-lead-body{gap:8px;padding:16px 18px 18px;display:grid}.skills-showcase-lead-body h3{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.5rem;line-height:1.05}.skills-showcase-lead-body>p:not(.skill-card-category){color:var(--ink-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.skills-showcase-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.skills-showcase-open{background:var(--cinnabar);min-height:40px;color:var(--cinnabar-contrast);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:.84rem;font-weight:800;display:inline-flex}.skills-showcase-open:hover{filter:brightness(1.08)}.skills-showcase-step{gap:6px;display:inline-flex}.skills-showcase-step button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink-muted);border-radius:999px;place-items:center;display:grid}.skills-showcase-step button:hover{border-color:var(--cinnabar);color:var(--ink)}.skills-showcase-lead-body>p.skills-showcase-use{font-size:.8rem}.skills-showcase-use b{color:var(--ink);font-weight:800}.skills-showcase-list{align-content:start;gap:8px;display:grid}.skills-showcase-list button{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#0c0a0957;border-radius:14px;grid-template-columns:30px 68px minmax(0,1fr);align-items:center;gap:12px;padding:8px 14px 8px 10px;transition:border-color .18s,transform .18s;display:grid}.skills-showcase-list button:hover{border-color:color-mix(in srgb, var(--cinnabar) 60%, var(--line))}.skills-showcase-list button[aria-pressed=true]{border-color:var(--cinnabar);box-shadow:inset 3px 0 0 var(--cinnabar);background:linear-gradient(90deg,#e75a5029,#0000 70%),#0c0a0957}.skills-showcase-list button:not([aria-pressed=true]) b{color:var(--ink-muted)}.skills-showcase-list b{color:var(--cinnabar);font-family:var(--font-display);letter-spacing:-.06em;text-align:center;font-size:1.7rem}.skills-showcase-list .skill-card-cover{border-radius:10px;width:68px}.skills-showcase-list .skill-card-marks{display:none}.skills-showcase-item{gap:2px;min-width:0;display:grid}.skills-showcase-item small{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;font-weight:800}.skills-showcase-item strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1rem}.skills-showcase-item span{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}[data-theme=light] .skills-showcase-lead,[data-theme=light] .skills-showcase-list button{background:var(--paper)}[data-theme=light] .skills-showcase-list button[aria-pressed=true]{background:linear-gradient(90deg, #e75a501f, transparent 70%), var(--paper)}.skills-showcase-list .skill-card-cover{aspect-ratio:1}.skills-showcase-list .skill-card-cover[data-tall]>video,.skills-showcase-list .skill-card-cover[data-tall]>img{object-fit:cover}.skills-showcase-list .skill-card-backdrop{display:none}.skills-groups{gap:2.2rem;margin-top:2rem;display:grid}.skills-group>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;padding-bottom:.6rem;display:flex}.skills-group>header>h2{min-width:0;font-family:var(--font-display);letter-spacing:-.03em;align-items:baseline;gap:.6rem;font-size:1.1rem;display:flex}.skills-group>header>h2>button{color:inherit;font:inherit;letter-spacing:inherit;text-align:left}.skills-group>header>h2>button:hover{color:var(--cinnabar)}.skills-group>header>h2>span{color:var(--ink-muted);letter-spacing:0;font-family:inherit;font-size:.72rem;font-weight:700}.skills-group-all{color:var(--ink-muted);flex:none;align-items:center;gap:.35rem;font-size:.74rem;font-weight:750;display:inline-flex}.skills-group-all:hover{color:var(--cinnabar)}.skills-browse-all{border:1px solid var(--line);background:var(--paper-elevated);width:fit-content;color:var(--ink);align-items:center;gap:8px;margin:.5rem auto 0;padding:12px 22px;font-size:.82rem;font-weight:750;display:flex}.skills-browse-all:hover{border-color:var(--cinnabar);color:var(--cinnabar)}.skills-result-head{flex-wrap:wrap;margin-top:.75rem}.skills-result-head>div{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.skills-reset{color:var(--ink-muted);text-underline-offset:.25rem;font-size:.72rem;font-weight:700;text-decoration:underline}.skills-reset:hover{color:var(--ink)}.skills-sort{color:var(--ink-muted);align-items:center;gap:8px;font-size:.68rem;font-weight:700;display:inline-flex}.skills-sort select{border:1px solid var(--line);background:var(--paper-elevated);min-height:34px;color:var(--ink);font:inherit;padding:0 10px}.skills-catalog .catalog-load-more-count{color:var(--ink-muted);margin-top:22px}.skill-card-marks .skill-card-marks-end{flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;display:flex}.skill-card-marks-end .skill-card-club{margin-left:0}.skill-card-marks{align-items:flex-start}.skill-card-new{color:#140c0a;letter-spacing:.06em;text-transform:uppercase;background:#f0e9dc;border-radius:999px;padding:2px 8px;font-size:.56rem;font-weight:800}.skills-catalog .skill-detail{margin-top:1rem}.skills-catalog .skill-detail-head{grid-template-columns:minmax(0,1fr)}@media (min-width:1280px){.skills-catalog .skill-detail-head{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.skills-catalog .skill-detail-intro h1{font-size:clamp(26px,2.6vw,42px)}.skill-card-cover[data-player]{background:#0d0a09;max-height:min(80vh,760px)}.skill-card-cover[data-player] video{object-fit:contain}.skill-detail-access{border:1px solid color-mix(in srgb, var(--cinnabar) 40%, var(--line));background:var(--paper-elevated);gap:.7rem;padding:1rem;display:grid}.skill-detail-access>p:not(.skill-detail-locked){color:var(--ink-muted);font-size:.86rem;line-height:1.45}.skill-detail-access .skill-detail-locked{align-items:center;gap:.45rem;font-weight:750;display:flex}.skill-detail-status{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.86rem;line-height:1.45;display:flex}.skill-detail-status[data-failed]{color:var(--cinnabar);font-weight:700}.skill-detail-related{border-top:1px solid var(--line);gap:14px;padding-top:24px;display:grid}.skill-detail-related>h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.1rem}@media (max-width:899px){.skills-showcase{padding:16px}.skills-showcase-list button{grid-template-columns:26px 56px minmax(0,1fr)}.skills-showcase-list .skill-card-cover{width:56px}}@media (max-width:820px){.skills-groups{gap:1.6rem;margin-top:1.4rem}.skills-access-note>div{grid-column:1/-1}}.skill-post{max-width:76ch;color:var(--ink-muted);gap:18px;font-size:1rem;line-height:1.72;display:grid}.skill-post h2,.skill-post h3{color:var(--ink);font-family:var(--font-display);letter-spacing:-.03em;margin-top:10px;line-height:1.15}.skill-post h2{font-size:clamp(1.4rem,2.2vw,1.9rem)}.skill-post h3{font-size:1.2rem}.skill-post p{white-space:pre-line}.skill-post blockquote{border-left:3px solid var(--cinnabar);color:var(--ink);padding:4px 0 4px 18px;font-size:1.08rem;font-style:italic}.skill-post ul{gap:8px;padding-left:22px;list-style:outside;display:grid}.skill-post hr{border:0;border-top:1px solid var(--line)}.skill-post figure{gap:8px;margin:6px 0;display:grid}.skill-post figure:not(.media-album-figure) img,.skill-post figure:not(.media-album-figure) video{border-radius:14px;width:100%;height:auto}.skill-post figcaption{font-size:.8rem}.skill-post pre{border:1px solid var(--line);background:var(--paper-elevated);border-radius:12px;padding:14px 16px;font-size:.84rem;overflow-x:auto}.skill-post a{color:var(--cinnabar);text-underline-offset:3px;text-decoration:underline}.skill-detail-gallery{border-top:1px solid var(--line);gap:14px;max-width:900px;padding-top:24px;display:grid}.skill-detail-gallery h2{font-family:var(--font-display);letter-spacing:-.03em;align-items:baseline;gap:10px;font-size:1.2rem;display:flex}.skill-detail-gallery h2 span{color:var(--ink-muted);font-size:.74rem}.skill-detail-gallery .media-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){.skill-detail-gallery .media-album-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.skills-showcase-lead{animation:none}}.skill-card-slides{display:block;position:absolute;inset:0}.skill-card-slides img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s,transform 3.2s ease-out;position:absolute;inset:0;transform:scale(1.04)}.skill-card-slides img[data-on]{opacity:1;transform:scale(1)}.skill-card-slide-dots{z-index:2;gap:5px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.skill-card-slide-dots i{background:#fff6;border-radius:50%;width:6px;height:6px;transition:width .3s,background .3s}.skill-card-slide-dots i[data-on]{background:#fff;border-radius:3px;width:16px}@media (prefers-reduced-motion:reduce){.skill-card-slides img{transition:none}}