.classes-head{gap:20px;max-width:860px;padding:50px 0 40px;display:grid}.class-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:48px;display:flex}.class-filters .filter-label{font:600 11px/18px var(--font-body);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-right:6px}.class-filters .filter-sep{background:var(--border);width:1px;height:28px;margin-inline:10px}.filter-chip{height:42px;font:600 11px/18px var(--font-body);letter-spacing:2px;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--border);cursor:pointer;padding:0 18px;transition:color .2s,border-color .2s,background-color .2s}.filter-chip:hover{color:var(--gold-light);border-color:var(--gold)}.filter-chip[aria-pressed=true]{color:var(--bg);background:var(--gold);border-color:var(--gold)}.filter-select{height:42px;font:600 11px/18px var(--font-body);letter-spacing:2px;text-transform:uppercase;color:var(--cream);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath d='M1 1l3 3 3-3' fill='none' stroke='%23d0ab70'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--border);appearance:none;cursor:pointer;padding:0 36px 0 16px}.filter-select:focus-visible{border-color:var(--gold)}.filter-status{font:400 13px/22px var(--font-body);color:var(--dim);margin-left:auto}.filter-empty{text-align:center;border:1px dashed var(--border);color:var(--muted);padding:48px 20px}.filter-empty .kbtn{margin-top:16px}.index-block{padding-block:40px 56px}.index-block .section-head{margin-bottom:32px}.interlude-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.interlude-card{background:var(--surface);border:1px solid var(--border);align-content:start;gap:6px;padding:18px 18px 20px;display:grid}.interlude-card h3{font:400 20px/1.25 var(--font-display);color:var(--cream)}.interlude-card p{font:400 13px/22px var(--font-body);color:var(--muted)}.index-note{max-width:760px;margin-top:28px}.closing{text-align:center;justify-items:center;gap:24px;padding-block:72px;display:grid}.closing .headline-lg{max-width:900px}.closing .body{max-width:520px;margin-top:-8px}.class-hero{isolation:isolate;background:var(--bg);align-items:center;min-height:760px;display:flex;position:relative;overflow:hidden}.class-hero-art{object-fit:cover;object-position:var(--art-pos,30% center);z-index:-2;width:100%;height:100%;position:absolute;inset:0}.class-hero-shade{z-index:-1;background:linear-gradient(90deg, #0d0f1200 36%, #0d0f12a6 50%, #0d0f12f2 66%), linear-gradient(0deg, var(--bg) 0%, #0d0f1200 22%);position:absolute;inset:0}.class-hero-content{grid-template-columns:minmax(0,1fr) minmax(0,560px);padding:32px 0 60px;display:grid}.class-hero-copy{grid-column:2;gap:18px;display:grid}.class-hero-copy .crumbs{margin-bottom:70px}.class-hero-copy h1{margin:0}.class-hero-copy .class-lore-title{font:400 clamp(1.5rem, 2.1vw, 1.9rem)/1.3 var(--font-display);color:var(--gold-light);margin-top:-4px}.class-hero-copy .kbtn-row{margin-top:10px}.class-block{padding-block:56px 72px}.class-block .section-head{margin-bottom:32px}.changes{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:80px;display:grid}.changes-intro{gap:20px;display:grid}.changes-list{gap:28px;margin:0;padding:0;list-style:none;display:grid}.changes-list li{grid-template-columns:48px minmax(0,1fr);gap:0 4px;display:grid}.changes-list .numeral{margin:4px 0 0}.changes-list h3{font:400 24px/1.3 var(--font-display);color:var(--cream);margin-bottom:8px}.changes-list p{font:400 14px/22px var(--font-body);color:var(--muted)}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.skill-grid.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}.skill-card{background:var(--surface);border:1px solid var(--border);align-content:start;gap:14px;padding:24px;display:grid}.skill-card-head{align-items:center;gap:16px;display:flex}.skill-card-head h3{font:400 clamp(1.3rem, 1.6vw, 1.5rem)/1.2 var(--font-display);color:var(--cream)}.skill-card-head small{font:600 11px/18px var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-top:2px;display:block}.skill-icon{background:var(--bg);border:1px solid var(--gold);width:48px;height:48px;color:var(--gold);flex-shrink:0;place-items:center;display:grid}.skill-icon img{width:44px;height:44px}.skill-icon svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:20px;height:20px}.skill-card .label{letter-spacing:1.5px}.skill-card p{font:400 13px/22px var(--font-body);color:var(--muted)}.moment-box{background:var(--surface);border:1px solid var(--border);padding:48px 48px 40px}.moment-box .quote{font-size:clamp(1.4rem,1.9vw,1.75rem);line-height:1.4}.moment-box .note{margin-top:22px}.party-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.party-grid .card{padding:28px 28px 30px}.path-row{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:20px;margin:0;padding:0;list-style:none;display:grid}.path-row+.path-row{margin-top:20px}.path-row li{background:var(--surface);border:1px solid var(--border);align-content:start;gap:10px;padding:24px;display:grid}.path-row li.is-spec{border-color:var(--gold)}.path-row li.is-arrow{color:var(--gold);background:0 0;border:0;place-items:center;padding:0;font-size:22px;display:grid}.path-range{font:600 11px/18px var(--font-body);letter-spacing:2px;color:var(--gold)}.path-name{font:400 clamp(1.4rem, 1.8vw, 1.75rem)/1.2 var(--font-display);color:var(--cream)}.is-spec .path-name{color:var(--gold-light)}.path-race{font:400 13px/22px var(--font-body);color:var(--muted)}.media-slot{min-height:420px}.media-slot p{max-width:720px}.others-foot{margin-top:24px}@media (width<=1100px){.interlude-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.changes{gap:40px}.skill-grid.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}.class-hero-content{grid-template-columns:minmax(0,1fr) minmax(0,50%)}}@media (width<=1000px){.interlude-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.changes,.skill-grid,.party-grid,.path-row{grid-template-columns:1fr}.path-row li.is-arrow{height:28px;transform:rotate(90deg)}.class-hero{min-height:0;display:block}.class-hero-art{object-position:var(--art-pos-mobile,25% top);height:420px;position:relative;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.class-hero-shade{display:none}.class-hero-content{margin-top:-80px;padding:0 0 48px;display:block;position:relative}.class-hero-copy .crumbs{margin-bottom:24px}.classes-head{padding-top:36px}.class-filters{margin-bottom:32px}.filter-status{width:100%;margin-left:0}}@media (width<=700px){.interlude-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.interlude-card{padding:14px}.interlude-card h3{font-size:17px}.skill-grid.is-four{grid-template-columns:1fr}.moment-box{padding:28px 22px 26px}.class-block{padding-block:40px 56px}.closing{padding-block:56px}.media-slot{min-height:260px}}