.roles{padding-bottom:150px;background:radial-gradient(circle at 90% 10%,#3a3020 0,transparent 32%),#15130f}.class-console{margin-top:55px;border:1px solid #ffffff2e;box-shadow:0 35px 90px #0007}.class-tabs{display:grid;grid-template-columns:repeat(8,1fr);background:#0c0b08;border-bottom:1px solid #ffffff2e}.class-tabs button{min-height:92px;padding:15px 12px;display:flex;gap:10px;align-items:center;text-align:left;background:none;border:0;border-right:1px solid #ffffff1e;color:#8f8777;cursor:pointer;transition:.2s}.class-tabs button:hover{background:#231f18;color:#fff}.class-tabs button.active{background:var(--red);color:#fff}.class-tabs b{font:600 16px 'Source Serif 4',serif}.class-tabs span{font-size:15px;font-weight:700;text-transform:uppercase}.class-tabs small{display:block;margin-top:4px;font-size:8px;letter-spacing:.14em;opacity:.7}.class-dossier{display:grid;grid-template-columns:minmax(360px,.85fr) 1.35fr;background:#201c16}.class-visual{min-height:730px;position:relative;overflow:hidden}.class-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0a08e8,transparent 65%),linear-gradient(90deg,transparent,#201c1644)}.class-visual img{width:100%;height:100%;position:absolute;object-fit:cover;transition:opacity .18s}.class-visual>div{position:absolute;z-index:1;left:38px;bottom:35px}.class-visual span{display:block;color:var(--brass);font-size:10px;letter-spacing:.18em}.class-visual strong{font-size:clamp(50px,6vw,82px);line-height:.9}.class-intel{padding:45px}.class-rating{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff22}.class-rating span{padding:12px;font-size:9px;letter-spacing:.13em;border-right:1px solid #ffffff22;color:#8f8777}.class-rating span:last-child{border:0}.class-rating b{display:block;color:#eee6d2;margin-top:4px;font-size:13px}.class-summary{font:600 26px/1.35 'Source Serif 4',serif;margin:38px 0}.intel-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff25;border-left:1px solid #ffffff25}.intel-grid>div{padding:23px;border-right:1px solid #ffffff25;border-bottom:1px solid #ffffff25;min-height:185px}.intel-grid h3{font-size:10px;letter-spacing:.16em;color:var(--brass);margin:0 0 14px}.intel-grid ul{margin:0;padding-left:16px}.intel-grid li,.intel-grid p{font-size:13px;line-height:1.5;color:#b8af9d;margin-bottom:6px}.intel-grid .avoid{background:#371816}.intel-grid .avoid h3{color:#e66d60}.class-perks{margin-top:22px;padding:15px 18px;border-left:3px solid var(--red);background:#0f0e0b}.class-perks span{display:block;font-size:8px;letter-spacing:.16em;color:#8e8677}.class-perks b{font-size:13px;letter-spacing:.06em}.progression{background:#c9bea2;color:var(--ink);position:relative;overflow:hidden}.progression:before{content:'XP';position:absolute;right:-3vw;top:40px;font-size:32vw;line-height:.7;font-weight:900;color:#b3a68855;pointer-events:none}.progression>*{position:relative}.progression .section-head>p{color:#504a3e}.xp-lead{margin-top:60px;display:grid;grid-template-columns:1fr 1.4fr;border-top:2px solid #2f2a21;border-bottom:2px solid #2f2a21}.xp-lead>div{padding:40px 35px 40px 0;border-right:1px solid #7e745f}.xp-lead>div span{font-size:10px;letter-spacing:.19em;color:var(--red)}.xp-lead h3{font-size:46px;line-height:.9;margin:18px 0}.xp-lead ol{list-style:none;padding:0;margin:0}.xp-lead li{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:20px;border-bottom:1px solid #7e745f}.xp-lead li:last-child{border:0}.xp-lead li>b{font:600 18px 'Source Serif 4',serif;color:var(--red)}.xp-lead li strong{display:block;font-size:16px}.xp-lead li span{font-size:13px;line-height:1.5;color:#514a3d}.perk-table{margin-top:75px;border-top:1px solid #776d59}.perk-table>div{display:grid;grid-template-columns:1fr 1.8fr 1.4fr .5fr;gap:20px;padding:17px 12px;border-bottom:1px solid #776d59;align-items:center}.perk-table .perk-head{background:#1a1813;color:#ded5c0;font-size:9px;letter-spacing:.16em}.perk-table b{font-size:16px}.perk-table span{font-size:13px;color:#514a3d}.perk-table strong{font-size:13px;color:var(--red)}.unlock-paths{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.unlock-paths article{padding:30px;border:1px solid #776d59;border-right:0}.unlock-paths article:last-child{border-right:1px solid #776d59}.unlock-paths span{font-size:9px;letter-spacing:.16em;color:var(--red)}.unlock-paths h3{font-size:22px}.unlock-paths p{line-height:1.5;color:#514a3d}.xp-warning{display:grid;grid-template-columns:220px 1fr;gap:30px;background:var(--red);color:#fff;margin-top:45px;padding:27px}.xp-warning b{font-size:24px}.xp-warning p{margin:0;font:500 17px/1.5 'Source Serif 4',serif}.sources{background-image:linear-gradient(#d8cfb8ef,#d8cfb8ef),url('../assets/images/ott-background.jpg');background-size:cover;background-attachment:fixed}
@media(max-width:1100px){.class-tabs{grid-template-columns:repeat(4,1fr)}.class-dossier{grid-template-columns:1fr}.class-visual{min-height:480px}.class-intel{padding:35px}.xp-lead{grid-template-columns:1fr}.xp-lead>div{border:0;border-bottom:1px solid #7e745f}.perk-table>div{grid-template-columns:1fr 1.5fr 1fr .5fr}}
@media(max-width:700px){.class-tabs{grid-template-columns:1fr 1fr}.class-tabs button{min-height:70px}.class-visual{min-height:390px}.class-visual>div{left:22px;bottom:22px}.class-intel{padding:22px}.class-rating{grid-template-columns:1fr}.class-rating span{border-right:0;border-bottom:1px solid #ffffff22}.class-summary{font-size:21px}.intel-grid{grid-template-columns:1fr}.perk-table{overflow-x:auto}.perk-table>div{min-width:720px}.unlock-paths{grid-template-columns:1fr}.unlock-paths article{border-right:1px solid #776d59;border-bottom:0}.unlock-paths article:last-child{border-bottom:1px solid #776d59}.xp-warning{grid-template-columns:1fr}.xp-lead h3{font-size:36px}}