@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(/site-assets/cinzel-latin-400-normal-DnUIPmzd.woff2)format("woff2"),url(/site-assets/cinzel-latin-400-normal-C8jUSQqm.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/site-assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/site-assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/site-assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/site-assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/site-assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/site-assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}:root{color:#ece7dd;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--gold:#c5ab79;--gold-dim:#776443;--muted:#a1a6b1;--line:#c5ab793b;--serif:Cinzel,Georgia,serif;background:#080e18;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline-offset:6px;outline:2px solid #8dd3e4}::selection{color:#080e18;background:#bda377}h1,h2,h3,p,figure{margin:0}img{max-width:100%;display:block}button{cursor:pointer}em{color:var(--gold);font-style:normal}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:10px;font-weight:500;line-height:1.8}.arrow{fill:none;stroke:currentColor;stroke-width:1.3px;flex-shrink:0;width:22px;height:22px}.arrow-down{transform:rotate(90deg)}.skip-link{color:#080e18;z-index:50;background:#f2dfb9;padding:15px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.small-diamond{border:1px solid var(--gold);flex-shrink:0;width:5px;height:5px;display:inline-block;transform:rotate(45deg)}.site-header{z-index:3;border-bottom:1px solid #c5ab792e;justify-content:space-between;align-items:center;gap:30px;max-width:1600px;height:96px;margin:auto;padding:0 5.2%;display:flex;position:absolute;inset:0 0 auto}.wordmark{font:600 25px var(--serif);letter-spacing:.15em;color:#f0e6ce;text-transform:uppercase;align-items:center;gap:14px;display:flex}.wordmark svg{width:29px;height:40px;color:var(--gold)}nav{gap:38px;margin-left:50px;display:flex}nav a,.header-status{letter-spacing:.17em;text-transform:uppercase;color:#dbdce0;font-size:10px;transition:color .2s}nav a:hover,.workshop-link:hover{color:var(--gold)}.header-status{color:#e2c99b;background:#080e1866;border:1px solid #c5ab7973;align-items:center;gap:10px;padding:13px 18px;display:flex}.header-status span{background:#e2c99b;width:4px;height:4px;transform:rotate(45deg)}.hero{isolation:isolate;background:#080e18;align-items:center;height:min(900px,100svh);min-height:790px;display:flex;position:relative;overflow:hidden}.hero-art{z-index:-3;width:71%;height:100%;position:absolute;top:0;right:-5%}.hero-art img{object-fit:cover;object-position:54% 35%;opacity:.9;width:100%;height:100%}.hero-art:after{content:"";background:linear-gradient(90deg,#080e18 0%,#080e18f2 6%,#080e1861 34%,#080e1800 68%),linear-gradient(#080e18a6 0%,#080e180d 35%,#0000 69%,#080e18 100%);position:absolute;inset:0}.hero-grain{z-index:-1;pointer-events:none;background:radial-gradient(at 78% 64%,#0000 25%,#080e1833 70%),linear-gradient(90deg,#337da606 1px,#0000 1px) 0 0/80px 100%;position:absolute;inset:0}.hero-content{width:64%;max-width:930px;padding:140px 0 135px 8.3%}.hero-eyebrow{align-items:center;gap:15px;margin-bottom:29px;font-size:10px;display:flex}.hero-eyebrow span{background:var(--gold);width:34px;height:1px}h1{font:400 clamp(55px,5.4vw,88px)/1.15 var(--serif);letter-spacing:-.045em;color:#f3ead9;text-shadow:0 3px 25px #080e1860}h1 em{-webkit-text-fill-color:transparent;background:linear-gradient(140deg,#ead4a9,#b18d4f);-webkit-background-clip:text;background-clip:text}.hero-description{color:#b5b7c1;max-width:330px;margin:25px 0 34px;font-size:15px;line-height:1.95}.game-button{color:#17202a;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(110deg,#dcc397,#b5935e);border:1px solid #e5cda3;justify-content:center;align-items:center;gap:37px;min-height:53px;padding:0 25px;font-size:10px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 30px #d5b37712,inset 0 0 0 3px #17202a17}.game-button:hover{transform:translateY(-3px);box-shadow:0 5px 28px #d5b37730}.coming-mark{color:#8c8f9b;text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:12px;margin-top:27px;font-size:8px;display:flex}.coming-mark .small-diamond{border-color:#86734e;width:3px;height:3px}.hero-footer{color:#848b99;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:20px;font-size:9px;display:flex;position:absolute;bottom:30px;left:5.2%;right:5.2%}.hero-footer a{color:#b1b6c0;align-items:center;gap:12px;display:flex}.hero-footer .arrow{width:16px;height:16px}.hero-edition b{color:var(--gold);padding:0 8px;font-weight:400}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:400 12px var(--serif);letter-spacing:.13em;color:#b7a98c;background:linear-gradient(90deg,#0a101a,#121921,#0a101a);justify-content:center;align-items:center;gap:54px;padding:26px 24px;display:flex}.intro-strip .small-diamond{width:4px;height:4px}.section{max-width:1360px;margin:auto;padding:112px 7%}.section-heading{text-align:center}.section-heading h2{margin:14px 0 18px}h2{font:400 clamp(33px,3.3vw,50px)/1.25 var(--serif);letter-spacing:-.03em;color:#ede4d2}.section-heading>p:last-child{color:var(--muted);font-size:13px;line-height:1.8}.classes{padding-bottom:92px}.class-tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;justify-content:space-between;gap:10px;margin:49px 0 0;display:flex;overflow-x:auto}.class-tabs button{white-space:nowrap;color:#8c919e;font:400 11px var(--serif);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:19px 5px 20px;transition:color .2s,border-color .2s;display:flex}.class-tabs button:hover{color:#e2c99b}.class-tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.tab-diamond{border:1px solid;flex-shrink:0;width:4px;height:4px;transform:rotate(45deg)}.class-tabs button[aria-selected=true] .tab-diamond{background:currentColor}.class-panel{background:radial-gradient(at 27% 55%,#182b352c,#0000 70%);grid-template-columns:1fr 1fr;align-items:center;gap:11%;min-height:450px;margin-top:36px;display:grid}.class-portrait-wrap{aspect-ratio:1;border:1px solid var(--line);width:100%;max-width:450px;padding:10px;position:relative}.class-portrait{background-position:0 0;background-repeat:no-repeat;width:100%;height:100%;animation:.4s ease-out portrait-in;position:relative}.class-portrait:after{content:"";background:linear-gradient(#0000 65%,#080e1877);position:absolute;inset:0}.portrait-corner{border-top:2px solid var(--gold);border-left:2px solid var(--gold);width:37px;height:37px;position:absolute;inset:-3px auto auto -3px}.corner-two{inset:auto -3px -3px auto;transform:rotate(180deg)}.class-number{font:400 37px var(--serif);color:#a98f5e6b;margin-bottom:20px}.class-number span{letter-spacing:.1em;color:#777c8a;font:400 11px Inter,Arial,sans-serif}.class-copy .eyebrow{color:var(--class-color)}h3{font:400 30px/1.3 var(--serif);color:#ece5d8;letter-spacing:-.03em}.class-copy h3{max-width:380px;margin:14px 0 21px}.class-description{color:#a7adba;max-width:350px;font-size:14px;line-height:1.95}.class-traits{color:var(--class-color);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:15px;margin-top:35px;font-size:9px;display:flex}.class-traits span{font-size:20px;font-weight:400}@keyframes portrait-in{0%{opacity:.25}to{opacity:1}}.world{border-top:1px solid var(--line);padding-top:90px;padding-bottom:110px}.world-heading{justify-content:space-between;align-items:end;gap:60px;margin-bottom:46px;display:flex}.world-heading h2{margin-top:15px;font-size:43px}.world-heading>p{color:var(--muted);max-width:320px;padding-bottom:6px;font-size:13px;line-height:1.95}.world-heading h2 em{color:#bca57b}.realm-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.realm{min-width:0}.realm-0{grid-column:1/-1}.realm-image{border:1px solid var(--line);background:#111823;padding:6px;overflow:hidden}.realm img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.82)brightness(.85);width:100%;height:auto;transition:transform .65s,filter .65s}.realm-0 img{aspect-ratio:2.35;object-position:50% 35%}.realm:hover img{filter:saturate()brightness();transform:scale(1.025)}.realm figcaption{align-items:center;gap:16px;padding:20px 3px 0;display:flex}.realm-index{color:#8a795d;font:400 11px var(--serif);border-right:1px solid var(--line);padding:9px 17px 9px 0}.realm h3{letter-spacing:0;font-size:19px}.realm figcaption p{letter-spacing:.06em;color:#8d95a3;margin-top:6px;font-size:10px}.realm-spark{color:var(--gold);margin-left:auto;font-size:23px}.closing{isolation:isolate;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(at 50% 110%,#17334a4d,#0000 70%),#0b121e;padding:90px 24px 104px;position:relative;overflow:hidden}.closing-lines{z-index:-1;border:1px solid #c5ab7909;width:340px;height:340px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 70px #0000,0 0 0 71px #c5ab7907,0 0 0 140px #0000,0 0 0 141px #c5ab7906}.ornament{justify-content:center;align-items:center;gap:25px;margin-bottom:31px;display:flex}.ornament>span{background:linear-gradient(90deg,transparent,var(--gold-dim));width:100px;height:1px}.ornament>span:last-child{transform:rotate(180deg)}.ornament svg{width:29px;height:39px;color:var(--gold)}.closing h2{letter-spacing:.01em;margin:14px 0 24px;font-size:56px}.closing>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.95}.text-link{color:#c2ac87;align-items:center;gap:14px;margin-top:31px;font-size:11px;display:inline-flex}.text-link .arrow{width:17px;transform:rotate(-90deg)}.site-footer{justify-content:space-between;align-items:center;gap:24px;max-width:1500px;margin:auto;padding:32px 5.2%;display:flex}.footer-wordmark{letter-spacing:.15em;gap:10px;font-size:16px}.footer-wordmark svg{width:19px;height:28px}.site-footer>span{color:#808796;font-size:9px}.workshop-link{color:#9097a5;align-items:center;gap:10px;font-size:10px;transition:color .2s;display:flex}@media (width>=1600px){.hero-content{margin-left:calc(50vw - 800px);padding-left:133px}.hero-art{width:63%;right:0}.hero-art:after{background:linear-gradient(90deg,#080e18,#080e188c 27%,#0000 67%),linear-gradient(#080e1866 0%,#0000 65%,#080e18)}}@media (width<=1100px){.site-header{height:83px;padding:0 5%}.wordmark{font-size:21px}nav{gap:25px;margin:0}.header-status{padding:12px;font-size:9px}.hero{min-height:720px}.hero-content{width:65%;padding-left:7%}.hero-art{width:79%;right:-12%}h1{font-size:62px}.hero-description{max-width:300px;font-size:14px}.class-tabs{justify-content:flex-start;gap:21px}.class-tabs button{font-size:10px}.class-panel{gap:8%;min-height:350px}.class-copy h3{font-size:28px}.hero-edition{display:none}.world-heading h2{font-size:36px}.intro-strip{gap:28px;font-size:11px}.section{padding-left:7%;padding-right:7%}}@media (width<=700px){html{scroll-padding-top:16px}.site-header{gap:15px;height:76px;padding:0 6%}.wordmark{letter-spacing:.1em;gap:9px;font-size:18px}.wordmark svg{width:22px;height:33px}.site-header nav{display:none}.header-status{letter-spacing:.12em;background:0 0;border:0;gap:7px;padding:0;font-size:8px}.hero{align-items:flex-start;height:auto;min-height:890px}.hero-art{width:116%;height:640px;top:5px;right:-15%}.hero-art img{object-position:51% 17%;opacity:.8}.hero-art:after{background:linear-gradient(#080e18a6,#0000 30%,#080e18db 82%,#080e18 99%),linear-gradient(90deg,#080e18a6,#0000 70%)}.hero-content{width:100%;max-width:none;padding:395px 7% 100px;position:relative}.hero-eyebrow{letter-spacing:.17em;gap:10px;margin-bottom:18px;font-size:8px}.hero-eyebrow span{width:23px}h1{letter-spacing:-.045em;font-size:clamp(43px,10.5vw,67px);line-height:1.12}.hero-description{max-width:295px;margin:20px 0 24px;font-size:13px;line-height:1.8}.game-button{gap:25px;min-height:49px;padding:0 20px;font-size:9px}.coming-mark{letter-spacing:.16em;margin-top:23px;font-size:7px}.hero-footer{letter-spacing:.03em;font-size:8px;bottom:24px;left:7%;right:7%}.hero-footer a{gap:5px}.intro-strip{letter-spacing:.02em;gap:13px;padding:22px 12px;font-size:8px}.intro-strip .small-diamond{width:3px;height:3px}.section{padding:70px 7%}.section-heading h2{margin:12px 0 16px;font-size:31px}.section-heading>p:last-child{max-width:260px;margin:auto;font-size:12px}.eyebrow{letter-spacing:.17em;font-size:8px}.class-tabs{gap:22px;margin-top:28px;padding:0 2px}.class-tabs button{padding:17px 2px;font-size:10px}.class-panel{grid-template-columns:1fr;gap:31px;margin-top:27px}.class-portrait-wrap{max-width:400px;margin:auto;padding:7px}.class-copy{padding:0 5px}.class-number{display:none}.class-copy h3{max-width:none;margin:11px 0 17px;font-size:30px}.class-description{max-width:none;font-size:13px}.class-traits{gap:12px;margin-top:23px;font-size:8px}.world{padding-top:65px}.world-heading{margin-bottom:29px;display:block}.world-heading h2{margin:13px 0 23px;font-size:33px}.world-heading>p{max-width:340px;font-size:12px}.realm-grid{grid-template-columns:1fr;gap:31px}.realm-0{grid-column:auto}.realm-0 img{aspect-ratio:16/9;object-position:center}.realm figcaption{gap:12px;padding-top:14px}.realm h3{font-size:18px}.realm figcaption p{font-size:9px}.realm-index{padding-right:13px}.closing{padding:65px 24px 76px}.closing h2{font-size:42px}.closing>p:not(.eyebrow){max-width:320px;margin:auto;font-size:12px}.closing>p br{display:none}.text-link{gap:8px;font-size:10px}.ornament{gap:19px;margin-bottom:26px}.ornament>span{width:65px}.site-footer{grid-template-columns:1fr auto;gap:23px;padding:27px 7%;display:grid}.site-footer>span{grid-area:2/1/auto/-1;font-size:8px}.footer-wordmark{font-size:15px}.workshop-link{font-size:9px}.footer-wordmark svg{width:17px;height:25px}}@media (height<=550px) and (width>=701px){.hero{min-height:660px}.hero-content{padding-top:155px}.hero-art{width:68%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}