:root{color-scheme:dark;--bg:#101411;--ink:#e9e9dc;--muted:#a5aca0;--line:#343d32;--accent:#c6d7ae}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:absolute;top:-80px;left:16px;z-index:10;padding:12px;background:var(--bg)}.skip:focus{top:16px}.header{min-height:92px;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:.22em;font-weight:bold}nav{display:flex;gap:34px;font-size:12px}nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.hero{min-height:720px;min-height:calc(100svh - 92px);position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#101411d9 0%,#10141133 70%),linear-gradient(0deg,#101411,transparent 30%),url('veil.svg') center/cover}.hero-content{position:relative;padding:110px 7% 130px;width:100%}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.22em;color:var(--accent);font-weight:bold;margin:0 0 26px;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:clamp(48px,8.6vw,150px);letter-spacing:.04em;line-height:1.1;margin:0 0 26px}h2{font:normal clamp(37px,4.6vw,68px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0}h3{font-weight:normal}.hero-line{font-family:Georgia,'Times New Roman',serif;font-size:clamp(21px,2.5vw,32px);margin:0 0 20px}.intro{color:#bdc5b8;font-size:14px;margin:0 0 36px}.button{display:inline-flex;align-items:center;gap:50px;background:var(--accent);color:#182017;padding:16px 23px;font-size:12px;font-weight:bold}.button:hover{background:#dbe8c9}.hero-footer{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:var(--muted)}.section{padding:110px 7%;border-bottom:1px solid var(--line)}.world{display:grid;grid-template-columns:1fr 1fr;gap:60px}.world-copy{max-width:530px;padding-top:30px}p{color:var(--muted);font-size:14px}.lead{color:var(--ink);font:normal 24px/1.45 Georgia,'Times New Roman',serif;margin-top:0}.caption{font-size:11px;color:#9aab91;line-height:1.6}.themes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.themes article{border-top:1px solid var(--line);padding-top:24px}.index{text-transform:uppercase;letter-spacing:.17em;font-size:10px;color:var(--accent)}.themes h3{font:normal 26px Georgia,serif;margin:25px 0 15px}.themes p{max-width:300px}.classes{background:#151a15}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:50px}.section-heading>p{font-size:12px}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.class-card{--tone:#adbd93;min-height:370px;padding:25px;position:relative;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #46513e;background:radial-gradient(ellipse at 50% 35%,#60704b25,transparent 75%),#141a15;overflow:hidden}.class-number{font-size:10px;color:var(--tone);letter-spacing:.2em}.class-card h3{font:normal 29px Georgia,serif;margin:0 0 12px}.class-card p{font-size:12px;margin:0;max-width:185px}.celestial{--tone:#c9c7a3;background:radial-gradient(ellipse at 50% 35%,#c3b9781c,transparent 75%),#191c17}.infernal{--tone:#b68d70;background:radial-gradient(ellipse at 50% 35%,#ae593629,transparent 75%),#1c1915}.malefic{--tone:#ac9abc;background:radial-gradient(ellipse at 50% 35%,#9164b524,transparent 75%),#19171e}.sigil{width:80px;height:100px;border:1px solid var(--tone);align-self:center;transform:rotate(45deg) scale(.72);position:relative;opacity:.7;margin:30px 0 40px}.sigil:before,.sigil:after{content:'';position:absolute;border:1px solid var(--tone);inset:13px}.sigil:after{inset:27px -20px;transform:rotate(90deg)}.celestial .sigil{border-radius:50%;transform:scale(.9)}.infernal .sigil{transform:rotate(180deg);clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(135deg,transparent 49%,var(--tone) 50%,transparent 51%)}.malefic .sigil{border-radius:50% 0;transform:rotate(45deg)}.classes>.caption{margin-top:24px;max-width:750px}.development{background:linear-gradient(120deg,#20291b,#101411 70%)}.development-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.development-grid>div{max-width:510px}.text-link{display:inline-block;border-bottom:1px solid #6c7b5f;padding:15px 0 8px;font-size:12px;margin-top:15px}.text-link span{margin-left:30px}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:last-child{font-size:10px}footer .brand{font-size:14px}@media(min-width:1600px){.section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:900px){.class-grid{grid-template-columns:repeat(2,1fr)}.world{gap:30px}.themes{gap:25px}.hero{min-height:670px}.hero-art{background-position:60% center}nav{gap:20px}.class-card{min-height:350px}}@media(max-width:600px){.header{padding:20px 6%;flex-wrap:wrap;gap:18px}.brand{font-size:16px}nav{width:100%;justify-content:space-between;font-size:11px}.hero{min-height:650px}.hero-content{padding:90px 6% 120px}h1{font-size:clamp(38px,10.6vw,64px)}.hero-art{background-image:linear-gradient(90deg,#101411b3,#10141150),linear-gradient(0deg,#101411,transparent 45%),url('veil.svg')}.eyebrow{font-size:9px;letter-spacing:.14em}.hero-footer{font-size:8px}.hero-footer span:last-child{display:none}.section{padding:75px 6%}.world,.development-grid{grid-template-columns:1fr;gap:30px}.world-copy{padding-top:0}.themes{grid-template-columns:1fr;gap:25px;margin-top:5px}.themes h3{margin-top:18px}.themes p{max-width:none}.section-heading{display:block}.section-heading>p{margin-top:25px}.class-grid{gap:10px}.class-card{padding:18px;min-height:330px}.class-card h3{font-size:24px}.class-card p{font-size:11px}.sigil{width:60px;height:80px}.development-grid{gap:35px}footer{align-items:start;flex-wrap:wrap}footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
