.tl-page{padding:0 0 80px;background:radial-gradient(ellipse at 80% 4%,#54311c35,transparent 35%),#130c08;color:#e2ceb6}.tl-wrap{max-width:1220px;margin:auto;padding:0 30px}.tl-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;padding:28px 0;color:#bfa385}.tl-breadcrumbs a{color:#edbc70}.tl-hero{position:relative;isolation:isolate;overflow:hidden;border:0;min-height:520px;display:block;background:#130c08;margin-bottom:24px}.tl-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2;opacity:1}.tl-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#130c08 0%,rgba(19,12,8,.15) 35%),linear-gradient(90deg,rgba(19,12,8,.94) 0%,rgba(19,12,8,.84) 34%,rgba(19,12,8,.4) 60%,rgba(19,12,8,.06) 100%);z-index:-1}.tl-hero-inner{width:100%}.tl-hero-copy{max-width:730px;padding:20px 0 70px}.tl-page .tl-eyebrow{font:700 11px/1.6 'Segoe UI',sans-serif;letter-spacing:.18em;color:#edb65e;text-transform:uppercase;margin:0 0 16px}.tl-page h1{font:400 clamp(36px,4.6vw,66px)/1.04 Georgia,serif;letter-spacing:-.025em;color:#f8e5c4;max-width:650px;margin:0 0 20px}.tl-page .tl-hero-lead{font:400 clamp(21px,2.3vw,29px)/1.35 Georgia,serif;color:#ebbe7c;margin:0 0 18px}.tl-intro{font-size:16px;line-height:1.8;max-width:490px;margin:0 0 28px;color:#e4d0b8}.tl-page .tl-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 19px;border:1px solid #e4b870;background:linear-gradient(120deg,#f0c982,#bb843b);color:#201309;font:700 14px/1.5 'Segoe UI',sans-serif;text-decoration:none;min-height:46px}.tl-page .tl-button:hover{background:#f4d298}.tl-button span{font-size:20px}.tl-launch{display:flex;gap:24px;align-items:center;padding:19px 24px;border:1px solid #8e642f80;background:#25190f}.tl-status{display:inline-flex;align-items:center;gap:10px;flex:none;color:#f2c37c;font-size:13px;font-weight:700}.tl-status i{width:7px;height:7px;border-radius:50%;background:#e0ac55;box-shadow:0 0 0 4px #e0ac5514}.tl-launch p{font-size:13px;line-height:1.65;color:#d2bca2;margin:0}.tl-jump{display:grid;grid-template-columns:1fr 1fr 1.55fr 1fr;margin-top:24px;border:1px solid #70522f80;background:#1b120d}.tl-jump a{display:flex;align-items:center;gap:12px;padding:18px 16px;color:#ecd5b5;font-size:13px;font-weight:600;border-right:1px solid #70522f80;text-decoration:none;line-height:1.5}.tl-jump a:last-child{border-right:0}.tl-jump a>span{font:11px Georgia,serif;color:#b9945a}.tl-jump b{margin-left:auto;color:#d4a354}.tl-jump a:hover{background:#2c1e13}.tl-section{margin-top:72px;scroll-margin-top:115px}.tl-section-heading{display:grid;grid-template-columns:.95fr 1.1fr;gap:45px;align-items:end;margin-bottom:26px}.tl-page h2{font:400 clamp(29px,3.3vw,42px)/1.18 Georgia,serif;letter-spacing:-.015em;color:#f0dabc;margin:0}.tl-section-heading .tl-eyebrow{margin-bottom:8px}.tl-section-heading>p{font-size:15px;line-height:1.8;margin:0;color:#cbb49a}.tl-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tl-two{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-role{display:flex;flex-direction:column;padding:26px;background:linear-gradient(145deg,#2a1c12,#1a110c);border:1px solid #7655318a;border-top:2px solid var(--role-color);--role-color:#8dacc1}.tl-role-dps{--role-color:#c28b72}.tl-role-healer{--role-color:#a6bd86}.tl-role-top{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:23px}.tl-role-icon{display:flex;color:var(--role-color)}.tl-pending{font-size:11px;line-height:1.5;color:#c1a988;border:1px solid #88673e70;padding:4px 7px;text-align:right}.tl-page h3{font:700 22px/1.3 'Segoe UI',sans-serif;color:#f2ddbc;margin:0 0 10px}.tl-role .tl-role-tagline{font:400 19px/1.4 Georgia,serif;color:#e4bc81;margin:0 0 14px}.tl-role>p{font-size:15px;line-height:1.85;color:#cfb99e;margin:0 0 25px}.tl-criteria{margin-top:auto;padding-top:17px;border-top:1px solid #9a744336}.tl-criteria>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c59b61;font-weight:700}.tl-criteria>p{font-size:12px;line-height:1.7;margin:5px 0 0;color:#e3cbaa}.tl-races{display:grid;grid-template-columns:36% 64%;background:#23180f;border:1px solid #7655318a;overflow:hidden}.tl-race-art{position:relative;min-height:400px}.tl-race-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:40% center}.tl-race-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,#23180f70)}.tl-race-copy{padding:36px}.tl-race-copy>p:not(.tl-eyebrow){color:#cfb99e;font-size:15px;line-height:1.8}.tl-race-steps{display:flex;flex-wrap:wrap;gap:9px 24px;padding:0;margin:22px 0;list-style:none;counter-reset:steps}.tl-race-steps li{counter-increment:steps;font-size:12px;color:#f0cf9c;line-height:1.7}.tl-race-steps li:before{content:counter(steps) ". ";color:#b8935c}.tl-page .tl-button-outline{margin-top:12px;background:#1b110b;color:#efc689;border-color:#b38748}.tl-page .tl-button-outline:hover{background:#342214}.tl-classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tl-class{background:#21160f;border:1px solid #72513080;padding:20px}.tl-class h3{display:flex;gap:14px;align-items:center;font-size:19px}.tl-class h3 img{border:1px solid #c49851;border-radius:4px;flex:none}.tl-class>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:16px}.tl-class a{display:flex;gap:10px;align-items:center;min-height:38px;font-size:13px;color:#ccb496;text-underline-offset:4px}.tl-class a.tl-class-calculator{color:#efc57b;font-weight:600}.tl-class a:hover{color:#ffe6b6}.tl-method{padding-top:40px;border-top:1px solid #79553280}.tl-method>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:30px}.tl-method-number{display:block;font:26px Georgia,serif;color:#bf904d;margin-bottom:15px}.tl-method h3{font-size:17px}.tl-method p{font-size:14px;line-height:1.9;color:#cbb49a;margin:0}.tl-faq{max-width:900px;margin-inline:auto}.tl-faq h2{margin-bottom:25px}.tl-faq details{border-top:1px solid #8e642f70}.tl-faq details:last-child{border-bottom:1px solid #8e642f70}.tl-faq summary{padding:20px 6px;cursor:pointer;color:#ead1ae;font-size:16px;font-weight:600;line-height:1.6}.tl-faq details p{margin:0;padding:0 6px 22px;font-size:15px;line-height:1.85;color:#cfb99e}.tl-page a:focus-visible,.tl-page summary:focus-visible{outline:2px solid #f2c57c;outline-offset:5px}.tl-page a{transition:background .15s,color .15s}
@media(min-width:1600px){.tl-wrap{max-width:1360px}.tl-hero{min-height:540px}}
@media(max-width:980px){.tl-hero-copy{padding:20px 0 60px}.tl-jump{grid-template-columns:1fr 1fr}.tl-jump a:nth-child(2){border-right:0}.tl-jump a:nth-child(-n+2){border-bottom:1px solid #70522f80}.tl-roles{gap:12px}.tl-role{padding:20px}.tl-role-top{flex-wrap:wrap}.tl-races{grid-template-columns:30% 70%}.tl-race-copy{padding:28px}.tl-classes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.tl-wrap{padding:0 20px}.tl-breadcrumbs{padding:22px 0}.tl-hero{min-height:0}.tl-hero-copy{padding:16px 0 58px}.tl-hero-art{object-position:68% center;opacity:.6}.tl-hero:after{background:linear-gradient(0deg,#130c08 0%,rgba(19,12,8,.45) 60%,rgba(19,12,8,.2) 100%),linear-gradient(90deg,rgba(19,12,8,.8),rgba(19,12,8,.3))}.tl-page h1{font-size:clamp(36px,9vw,52px)}.tl-launch{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.tl-jump a{padding:15px 12px;font-size:12px;gap:8px}.tl-section{margin-top:48px;scroll-margin-top:110px}.tl-section-heading{grid-template-columns:1fr;gap:16px}.tl-roles,.tl-two,.tl-method>div{grid-template-columns:1fr;gap:16px}.tl-role{padding:24px}.tl-role-top{flex-wrap:nowrap;margin-bottom:16px}.tl-role>p{margin-bottom:20px}.tl-races{grid-template-columns:1fr}.tl-race-art{min-height:190px;max-height:190px}.tl-race-art img{object-position:center 38%}.tl-race-art:after{background:linear-gradient(0deg,#23180f70,transparent)}.tl-race-copy{padding:26px}.tl-race-steps{display:grid;gap:5px}.tl-method>div{gap:28px}.tl-method-number{margin-bottom:10px}.tl-page .tl-button{font-size:13px}}
@media(max-width:440px){.tl-classes{grid-template-columns:1fr}.tl-class>div{flex-direction:row;flex-wrap:wrap;gap:3px 18px}.tl-wrap{padding:0 16px}.tl-jump{grid-template-columns:1fr}.tl-jump a{border-right:0;border-bottom:1px solid #70522f80;font-size:13px}.tl-jump a:last-child{border-bottom:0}}

@media(min-width:2200px){.tl-hero-art{width:2000px;left:auto;right:0;object-position:center 20%;mask-image:linear-gradient(90deg,transparent,#000 20%)}}