:root{color-scheme:dark;--gold:#e6c782;--muted:#c2b9a6;--ink:#080e0f;--line:#a0844b;--frame:url('/apertura/assets/frame.png')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:#eee5cf;font:16px/1.6 Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #a0b5ff;outline-offset:6px}.skip{position:fixed;top:-80px;background:#151d26;padding:12px;z-index:20}.skip:focus{top:8px}.ornate{border:10px solid transparent;border-image:var(--frame) 240 stretch;border-image-width:27px;border-image-outset:1px}.topbar{min-height:88px;background:#071010f5;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:5px clamp(18px,4vw,84px);position:relative;z-index:3}.brand{display:grid;justify-items:center;line-height:1;width:112px;flex-shrink:0}.brand img{object-fit:contain;width:82px;height:43px;filter:drop-shadow(0 2px 2px #000)}.brand span{font-size:13px;letter-spacing:3px;color:var(--gold)}nav{display:flex;gap:clamp(20px,3vw,56px);margin-right:auto;margin-left:35px}nav a{font-size:16px;color:#e4d5b3}nav a:hover{color:#fff2c7}.topActions{display:flex;gap:32px;align-items:center}.languages{display:flex;gap:9px;align-items:center;white-space:nowrap}.languages button{border:0;padding:4px 1px;background:none;color:#bdb7a9;cursor:pointer;font-size:13px}.languages button[aria-pressed=true]{color:#f3d994;border-bottom:1px solid #c8a968}.languages span{color:#79653f}.discordTop{display:flex;gap:9px;align-items:center;font-size:14px}.discordTop svg{width:25px;height:25px;fill:#8e97ff}.discordTop small{color:var(--gold)}.hero{position:relative;isolation:isolate;min-height:clamp(620px,calc(100svh - 250px),910px);display:flex;align-items:center;overflow:hidden}.heroArt{position:absolute;inset:0;z-index:-3;background:url('./heroes279.png') 65% 32%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050c11e8 0%,#071019c9 21%,#09121e77 35%,transparent 56%),linear-gradient(0deg,#080e0f 0%,transparent 22%,transparent 88%,#060a0c44)}.heroCopy{width:min(40%,660px);margin:48px 0 60px clamp(30px,5vw,110px);text-shadow:0 3px 7px #000c}.heroLogo{display:grid;justify-items:start;width:min(100%,360px);margin:0 0 27px}.heroLogo img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 6px 5px #000)}.heroLogo span{font-size:clamp(26px,2.8vw,43px);letter-spacing:.23em;color:#f3daa3;text-align:center;width:100%;margin-top:-10px}.eyebrow{font:600 11px/1.5 Arial,sans-serif;letter-spacing:.24em;color:#c3ac79}.heroCopy .eyebrow{margin:30px 0 12px}h1{margin:0 0 20px;line-height:1.08;font-weight:400}h1 span{display:block;font-size:clamp(26px,2.6vw,45px);color:#f1d798}h1 time{display:block;font-size:clamp(36px,3.5vw,61px);color:#ffe4a4;margin-top:10px;text-wrap:balance}.intro{font:15px/1.7 Arial,sans-serif;color:#d2ccbd;max-width:370px;margin:22px 0 30px}.discordCta{display:flex;align-items:center;justify-content:center;gap:15px;max-width:365px;min-height:70px;padding:10px 20px;background:linear-gradient(135deg,#24253b,#101b21 70%);font-size:17px;font-weight:bold;letter-spacing:.04em;box-shadow:0 10px 40px #0008;transition:filter .2s,transform .2s}.discordCta svg{width:30px;height:30px;fill:#9da7ff}.discordCta>span:last-child{margin-left:auto;font-size:27px;color:#e5c88f}.discordCta:hover{filter:brightness(1.22);transform:translateY(-2px)}.communityNote{font:12px/1.6 Arial,sans-serif;max-width:340px;color:#c3c2b8;margin:18px 0 10px}.openingNote{font:10px/1.5 Arial,sans-serif;letter-spacing:.05em;color:#9d9688}.heroCaption{position:absolute;bottom:29px;right:7%;font:10px/1.5 Arial,sans-serif;letter-spacing:.2em;color:#d6ccb8;text-shadow:0 2px 4px #000}.heroCaption i{font-style:normal;color:#b28c46;margin:0 18px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:calc(100% - 80px);max-width:1660px;margin:-2px auto 0;position:relative;z-index:2}.feature{min-height:150px;padding:17px 22px;display:flex;gap:18px;align-items:center;background:radial-gradient(ellipse at top,#34413b44,transparent 85%),#0a1212}.feature img{width:84px;height:84px;object-fit:contain}.feature>span:last-child:not(.rune){font-size:25px;color:var(--gold);margin-left:auto}.feature h2{color:#edcf8d;font-size:clamp(17px,1.4vw,22px);line-height:1.2;margin:0 0 12px}.feature p{font:13px/1.65 Arial,sans-serif;color:#bebbad;margin:0}.rune{font-size:85px;line-height:1;width:84px;text-align:center;flex-shrink:0;color:#d5b36c}.classSection{max-width:1350px;margin:100px auto;padding:0 30px;text-align:center}.classSection>h2{font-size:clamp(27px,3vw,40px);font-weight:400;color:#efd395;margin:12px 0 40px}.classGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.classCard{background:radial-gradient(ellipse at 50% 15%,var(--accent),transparent 75%),#0b1212;padding:30px 27px 36px}.knight{--accent:#742c2544}.wizard{--accent:#24397866}.elf{--accent:#20603a44}.classCard img{width:128px;height:128px;object-fit:contain}.classCard small{display:block;font:10px Arial,sans-serif;letter-spacing:.2em;color:#9b9b8c;margin:17px 0 6px}.classCard h3{font-weight:400;font-size:27px;margin:4px 0 16px;color:#edd19b}.classCard p{font:14px/1.8 Arial,sans-serif;color:#bcbcad;margin:0}.joinSection{text-align:center;background:radial-gradient(ellipse at top,#28383b88,transparent 90%),#0a1214;margin:0 auto 70px;padding:40px;max-width:1100px;width:calc(100% - 60px)}.joinSection h2{font-weight:400;font-size:clamp(24px,3vw,36px);margin:15px 0;color:#efd395}.joinSection>p:not(.eyebrow){font:14px/1.8 Arial,sans-serif;color:#bdbbad}.guideLink{display:inline-block;margin:16px 0 0;padding:12px 24px;border-bottom:1px solid #b89a58;font-size:13px;letter-spacing:.06em;color:#f1d697}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1660px;margin:auto;padding:27px 40px;border-top:1px solid #67553388;font-size:12px;color:#aaa18d}footer b{color:#a48345;margin:0 14px}footer a:hover{color:#f8e3ab}.symbols{position:absolute;width:0;height:0;overflow:hidden}@media(min-width:1900px){.heroArt{background-position:65% 40%}.heroCopy{margin-top:70px;margin-bottom:90px}}@media(max-width:1000px){.topbar{gap:16px;padding:7px 20px}nav{margin:0;gap:20px}.topActions{gap:15px}.heroCopy{width:45%;margin-left:35px}.heroLogo{max-width:290px}.features{width:calc(100% - 36px);gap:12px}.feature{padding:16px 14px;gap:9px}.feature img,.rune{width:56px;height:56px}.rune{font-size:58px}.feature p{font-size:12px}.heroCaption{right:4%;font-size:8px}.heroCaption i{margin:0 7px}}@media(max-width:700px){.topbar{flex-wrap:wrap;justify-content:space-between;padding:7px 16px;gap:14px}.brand{width:85px}.brand img{width:70px;height:36px}.brand span{font-size:10px}nav{order:3;width:100%;justify-content:center;gap:30px;padding-bottom:7px}nav a{font-size:13px}.topActions{gap:18px}.discordTop span,.discordTop small{display:none}.hero{min-height:860px;align-items:flex-end;overflow:visible}.heroArt{background-position:66% top;background-size:auto 530px;background-color:#080e0f}.hero:before{background:linear-gradient(0deg,#080e0f 0%,#080e0ff5 39%,#080e0f99 53%,transparent 70%)}.heroCopy{width:100%;max-width:510px;margin:330px auto 40px;padding:0 28px;text-align:center}.heroLogo{width:215px;margin:0 auto 15px}.heroLogo span{font-size:26px;margin-top:-5px}.heroCopy .eyebrow{margin:20px 0 10px}h1 span{font-size:27px}h1 time{font-size:43px}.intro{margin:20px auto 24px;max-width:340px;font-size:14px}.discordCta{margin:auto;max-width:340px;font-size:15px;min-height:64px}.communityNote{margin:17px auto 12px}.heroCaption{display:none}.features{grid-template-columns:1fr;width:calc(100% - 32px);gap:15px}.feature{min-height:125px;padding:20px;gap:20px;text-align:left}.feature img,.rune{width:75px;height:75px}.rune{font-size:75px}.feature h2{font-size:21px}.feature p{font-size:13px}.classSection{margin:70px auto;padding:0 18px}.classGrid{grid-template-columns:1fr;max-width:470px;margin:auto;gap:20px}.classCard{padding:25px 28px 30px}.joinSection{width:calc(100% - 32px);padding:28px 20px;margin-bottom:40px}footer{padding:25px 20px;flex-wrap:wrap;justify-content:center;gap:14px 25px;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.discordCta{transition:none}}
