:root{color-scheme:dark;--bg:#0c1416;--surface:#111e21;--gold:#d9b87b;--gold-light:#f1d5a0;--ink:#f4f0e6;--muted:#a3b2b3;--line:rgba(191,181,147,.18);--mint:#91c6bc;font-family:"Segoe UI",Arial,sans-serif;font-size:1rem;line-height:1.65;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-underline-offset:5px}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold-light);outline-offset:6px}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;flex-shrink:0}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:10px;left:10px;background:var(--gold);color:var(--bg);padding:10px;z-index:20;transform:translateY(-200%)}.skip:focus{transform:none}.header{height:102px;padding-inline:56px;display:flex;gap:38px;align-items:center;justify-content:space-between;position:relative;background:#0a1316;border-bottom:1px solid var(--line);z-index:2}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-size:1.4375rem;font-weight:700;letter-spacing:.15em;line-height:1.25}.brand-mark{width:32px;height:43px;color:var(--gold);flex-shrink:0}.brand small{display:block;font-family:"Segoe UI",Arial,sans-serif;font-size:0.75rem;font-weight:500;letter-spacing:.16em;margin-top:6px;color:var(--muted)}nav{display:flex;gap:36px}nav a{color:#c2c8c5;text-decoration:none;font-size:0.875rem}nav a:hover,.text-link:hover{color:var(--gold-light)}.nav-download{display:flex;align-items:center;gap:12px;font-size:0.875rem;color:var(--gold-light);text-decoration:none;border:1px solid #7f7253;padding:10px 18px;transition:background .2s}.nav-download:hover{background:#202923}
.hero{min-height:690px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#101e21}.hero-art{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(7,16,20,.91) 0%,rgba(7,16,20,.78) 22%,rgba(7,16,20,.38) 48%,rgba(7,16,20,.02) 75%),linear-gradient(0deg,#0c1416 0%,transparent 40%),url("assets/riftterra-world.webp");background-size:cover;background-position:center,center,center 48%}.hero-content{padding-block:94px 125px}.eyebrow{font-size:0.75rem;line-height:1.5;letter-spacing:.18em;color:var(--gold);font-weight:600;margin:0 0 21px;display:flex;align-items:center;gap:15px}.short-rule{height:1px;width:36px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.875rem,5.1vw,4.75rem);margin-bottom:28px;max-width:810px}em{font-style:normal;color:var(--gold-light)}.hero-copy{color:#c0cdcf;max-width:505px;font-size:1.0625rem;line-height:1.85;margin-bottom:33px}.hero-actions{display:flex;align-items:center;gap:29px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:56px;padding:15px 26px;font-size:1rem;font-weight:650;text-decoration:none;transition:background .2s,box-shadow .2s;position:relative}.button-gold{background:linear-gradient(110deg,#efd29a,#c9a35f);border:1px solid #f5dbaa;color:#202014;box-shadow:0 5px 30px #0003}.button-gold:hover{background:#f5dbaa;box-shadow:0 5px 35px #d6ad6b26}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:0.875rem;text-decoration:none}.text-link .icon{width:18px}.download-meta{margin:18px 0 0;font-size:0.75rem;line-height:1.8;color:#bac2be}.download-meta span{display:block;color:#9aaeb0}.art-caption{position:absolute;bottom:104px;right:56px;color:#c3cbc7;font-size:0.75rem;text-shadow:0 1px 5px #000;background:#0c14166e;padding:3px 8px}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#99aaac;font-size:0.75rem;letter-spacing:.12em}.hero-bottom a{font-size:1.375rem;text-decoration:none;color:var(--gold);width:40px;text-align:center}.numbers{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0 38px;border-bottom:1px solid var(--line)}.numbers>div{display:flex;align-items:center;justify-content:center;gap:19px;border-right:1px solid var(--line)}.numbers>div:first-child{justify-content:flex-start}.numbers>div:last-child{border:0;justify-content:flex-end}.numbers strong{font-family:Georgia,serif;font-size:2.9375rem;color:var(--gold-light);font-weight:400;line-height:1.2}.numbers span{max-width:115px;color:var(--muted);font-size:0.875rem;line-height:1.45}
.section{padding-block:98px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:48px}.section-intro h2{margin:0;font-size:2.75rem}.section-intro>p{max-width:426px;font-size:1rem;color:var(--muted);margin:0 0 3px}.features{display:grid;grid-template-columns:repeat(3,1fr)}.features article{padding:8px 34px 6px;border-right:1px solid var(--line)}.features article:first-child{padding-left:0}.features article:last-child{border:0;padding-right:0}.feature-top{display:flex;align-items:center;gap:18px;margin-bottom:22px}.feature-top span{color:#9eaeaa;font-size:0.75rem;letter-spacing:.12em}.feature-icon{width:34px;height:34px;color:var(--gold)}.features h3{font-family:Georgia,serif;font-weight:400;font-size:1.4375rem;margin-bottom:13px}.features p{margin:0;color:var(--muted);font-size:1rem;line-height:1.8}
.classes{background:linear-gradient(120deg,#122226,#0f1a1e);border-block:1px solid var(--line)}.class-list{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #41504c;gap:8px}.class-choice{background:transparent;border:0;border-bottom:2px solid transparent;color:#a9b7b6;padding:16px 8px 22px;display:flex;flex-direction:column;align-items:center;gap:13px;cursor:pointer;font-size:0.9375rem;transition:color .2s,background .2s}.class-choice .icon{width:28px;height:28px}.class-choice:hover{background:#dcc08008;color:var(--gold-light)}.class-choice.active{color:var(--gold-light);border-color:var(--gold);background:linear-gradient(0deg,#d2aa6512,transparent)}.class-detail{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:222px;padding:40px 20px 0}.class-identity{display:flex;align-items:center;gap:30px}.class-emblem{width:106px;height:106px;display:grid;place-items:center;border:1px solid #6c6750;transform:rotate(45deg);background:#d5b17006;flex-shrink:0;margin:20px}.class-emblem svg{width:57px;height:57px;transform:rotate(-45deg);color:var(--gold)}.class-identity .eyebrow{margin-bottom:9px;font-size:0.75rem}.class-identity h3{font-size:2.375rem;font-family:Georgia,serif;line-height:1.2;font-weight:400;margin:0}.class-description p{margin-bottom:18px;color:#bbc5c3;line-height:1.85}.class-note{font-size:0.875rem;font-style:italic;color:#96b7af}.noscript-note{color:var(--muted)}
.start{display:grid;grid-template-columns:1fr .86fr;gap:100px;align-items:center}.start h2{font-size:3.125rem;margin-bottom:36px}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:20px;margin-bottom:27px}.steps li:last-child{margin-bottom:0}.step-number{flex-shrink:0;color:var(--gold);font-family:Georgia,serif;font-size:1.3125rem;border-top:1px solid #827251;padding-top:3px;width:32px}.steps h3{font-size:1rem;font-weight:600;margin-bottom:6px}.steps p{color:var(--muted);font-size:1rem;margin:0;max-width:392px}.download-panel{padding:34px 38px;background:linear-gradient(135deg,#1c2a2b,#112022);border:1px solid #706044;position:relative}.download-panel:before{content:"";position:absolute;inset:6px;pointer-events:none;border:1px solid #a7976330}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.panel-heading .brand-mark{height:36px;width:29px}.release-label{font-size:0.75rem;color:var(--gold);letter-spacing:.14em}.download-panel h3{font-family:Georgia,serif;font-size:1.9375rem;line-height:1.25;font-weight:400;margin-bottom:16px}.download-panel>p{color:var(--muted);font-size:1rem;line-height:1.8}.download-panel .button{width:100%;margin-top:9px}.zip-link{display:block;text-align:center;font-size:0.875rem;color:#cfcdbd;padding-block:15px 20px}.zip-link:hover{color:var(--gold)}.requirements{border-top:1px solid var(--line);padding-top:18px}.requirements>div{display:flex;justify-content:space-between;gap:16px;margin-bottom:7px;font-size:0.875rem}.requirements span{color:#a0b1b3}.requirements strong{font-weight:400;color:#d4dcd6}.download-panel .panel-note{font-size:0.8125rem;margin:18px 0 0;line-height:1.7;color:#9cafae}.help{display:flex;align-items:center;gap:24px;padding-block:28px;border-block:1px solid var(--line)}.help>.icon{color:var(--gold);width:28px;height:28px}.help h3{font-size:1rem;font-weight:500;margin-bottom:3px}.help p{font-size:0.875rem;color:var(--muted);margin:0;max-width:720px}.help a{color:var(--gold)}.help-note{margin-left:auto;flex-shrink:0;font-size:0.75rem;color:#97a7a9;line-height:1.8;text-align:right}.footer{padding-block:50px 28px}.footer-top{display:flex;align-items:center;gap:45px}.footer .brand{font-size:1.3125rem}.footer-top p{font-size:0.875rem;color:var(--muted);line-height:1.6;margin:0}.footer-top>a:last-child{margin-left:auto;font-size:0.875rem;color:#a2afaa}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;font-size:0.75rem;color:#94a4a6}
@media(min-width:1600px){.hero{min-height:770px}.hero-art{background-position:center,center,center 45%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px;gap:24px}nav{gap:22px}.hero-content{padding-top:80px}.numbers strong{font-size:2.375rem}.numbers>div{gap:13px}.start{gap:50px;grid-template-columns:1fr 1fr}.class-detail{gap:30px;padding-inline:0}.class-identity{gap:10px}.class-emblem{width:84px;height:84px}.help-note{max-width:185px;flex-shrink:1}.download-panel{padding:30px}.art-caption{right:32px}}
@media(max-width:800px){.header{height:auto;min-height:90px;flex-wrap:wrap;gap:20px;padding-block:20px}.brand{font-size:1.25rem}nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:14px}.nav-download{padding:9px 12px;font-size:0.875rem}.hero{min-height:660px}.hero-art{background-position:center,center,61% center}.hero-content{padding-block:66px 135px}h1{font-size:3.375rem}.hero-copy{max-width:480px}.art-caption{bottom:72px}.section{padding-block:68px}.section-intro{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:35px}.section-intro>p{max-width:570px}.section-intro h2{font-size:2.5rem}.numbers{grid-template-columns:repeat(2,1fr);row-gap:28px}.numbers>div:nth-child(n){justify-content:flex-start;padding-left:20px}.numbers>div:nth-child(odd){padding-left:0}.numbers>div:nth-child(even){border:0}.numbers span{max-width:none}.features{grid-template-columns:1fr}.features article:nth-child(n){padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}.features article:last-child{border:0;padding-bottom:0}.feature-top{margin-bottom:16px}.features p{max-width:580px}.class-list{grid-template-columns:repeat(3,1fr);row-gap:8px}.class-choice{padding-block:16px}.class-detail{grid-template-columns:1fr;gap:25px;padding-top:34px}.class-identity{gap:22px}.class-emblem{width:76px;height:76px}.class-emblem svg{width:44px;height:44px}.class-identity h3{font-size:2.125rem}.class-description{max-width:580px}.start{grid-template-columns:1fr;gap:42px}.start h2{font-size:2.75rem}.steps p{max-width:580px}.download-panel{max-width:540px;width:100%;justify-self:center}.help{flex-wrap:wrap;gap:18px}.help>div{flex:1}.help-note{margin-left:46px;max-width:none;text-align:left}.footer-top{flex-wrap:wrap;gap:24px}.footer-top>a:last-child{margin-left:0;width:100%}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.header{padding-inline:20px}.brand{font-size:1.125rem;letter-spacing:.1em;gap:9px}.brand small{font-size:0.75rem;letter-spacing:.08em}.brand-mark{width:26px;height:37px}.nav-download{padding:10px}.nav-download span{display:none}.nav-download .icon{width:20px;height:20px}nav{gap:35px}.hero{min-height:660px}.hero-art{background-image:linear-gradient(90deg,#071014c9,#07101475),linear-gradient(0deg,#0c1416 0%,transparent 70%),url("assets/riftterra-world.webp");background-position:center,center,62% center}.hero-content{padding-top:55px}h1{font-size:clamp(2.1875rem,9.5vw,2.875rem);line-height:1.17;letter-spacing:-.035em}.hero-copy{font-size:1rem;line-height:1.8}.hero-actions{gap:20px}.hero-actions .button{width:100%}.hero-actions .text-link{font-size:0.875rem}.art-caption{right:20px;bottom:66px;font-size:0.75rem}.hero-bottom{font-size:0.75rem;letter-spacing:.04em;gap:15px}.numbers{row-gap:24px;padding-block:24px 30px}.numbers>div{gap:12px}.numbers span{font-size:0.875rem;max-width:90px}.numbers strong{font-size:2.25rem}.section-intro h2{font-size:2.125rem}.eyebrow{font-size:0.75rem;letter-spacing:.12em}.class-choice{font-size:0.875rem}.class-list{gap:4px}.class-identity .eyebrow{font-size:0.75rem}.class-identity h3{font-size:1.875rem}.start h2{font-size:2.5rem}.download-panel{padding:27px 25px}.download-panel h3{font-size:1.8125rem}.button{font-size:0.875rem;padding:14px 18px}.requirements>div{font-size:0.8125rem}.help-note{font-size:0.75rem}.footer-top p{font-size:0.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}