:root{--gold:#f2c552;--gold-soft:#e9cf8e;--cream:#f4ead3;--ink:#3d2b1a;--umber:#2d1f16;--emerald:#1f7a4c;--display:Grenze, Georgia, serif;--body:"Alegreya Sans", "Trebuchet MS", sans-serif;--ornament:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28'%3E%3Cpath d='M0 14h42M78 14h42' stroke='%23f2c552' stroke-width='1.5'/%3E%3Cpath d='M42 14l6-5 6 5-6 5zM66 14l6-5 6 5-6 5z' fill='%23f2c552'/%3E%3Cpath d='M60 2l10 12-10 12-10-12z' fill='%231f7a4c' stroke='%23f2c552' stroke-width='2'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{background:var(--umber);color:var(--cream);font:500 18px/1.6 var(--body);font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}h2,h3{margin:0}.navbar{z-index:20;background:linear-gradient(#0a06038c,#0000);align-items:center;gap:36px;height:76px;padding:0 clamp(16px,8vw,160px);transition:height .3s,background-color .3s,box-shadow .3s;display:flex;position:fixed;inset:0 0 auto}.navbar.is-scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a110aeb;height:64px;box-shadow:0 1px #f2c55240,0 8px 24px #00000059}.navbar-links{gap:30px;display:flex}.navbar-links a{letter-spacing:.14em;text-transform:uppercase;color:var(--cream);text-shadow:0 1px 3px #000c;padding:6px 0;font-size:13px;font-weight:700;text-decoration:none;transition:color .2s;position:relative}.navbar-links a:hover{color:var(--gold)}.navbar-end{align-items:center;gap:14px;margin-left:auto;display:flex}.lang{font-size:15px;position:relative}.lang-current,.lang-menu button{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:flex}.lang-current{color:var(--cream);background:#140c0799;border-radius:4px;padding:7px 12px 7px 8px;font-weight:700;box-shadow:inset 0 0 0 1px #f2c55273}.lang-current:after{content:"";border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);width:6px;height:6px;margin:-3px 0 0 4px;transition:transform .2s;transform:rotate(45deg)}.lang.is-open .lang-current:after{transform:translateY(3px)rotate(-135deg)}.lang-code{min-width:28px;color:var(--gold);letter-spacing:.06em;background:#f2c55229;border-radius:3px;place-items:center;padding:2px 4px;font-size:11px;font-weight:800;display:inline-grid}.lang-menu{z-index:30;opacity:0;visibility:hidden;background:#1c130c;border:1px solid #f2c55273;border-radius:4px;min-width:100%;margin:0;padding:6px;list-style:none;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px);box-shadow:0 12px 30px #0000008c}.lang-up .lang-menu{top:auto;bottom:calc(100% + 8px);transform:translateY(6px)}.lang.is-open .lang-menu{opacity:1;visibility:visible;transform:none}.lang-menu button{color:#e6d8b8;white-space:nowrap;border-radius:3px;padding:8px 10px}.lang-menu button:hover,.lang-menu [aria-selected=true] button{color:#fff;background:#f2c5521f}.btn{--bevel:10px;border-style:solid;border-width:var(--bevel);border-image:url(/maintenance/assets/btn-slab-Dr5crls2.webp) 46 fill / var(--bevel) stretch;clip-path:inset(0 round 5px);min-height:52px;font:700 21px/1 var(--display);color:#fff8e6;text-shadow:0 2px #0006;white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:0 18px;text-decoration:none;transition:filter .2s,transform .15s;display:inline-flex;position:relative}.btn:hover{filter:brightness(1.12)saturate(1.05)}.btn:active{transform:translateY(1px)}.btn-big{--bevel:14px;min-height:78px;padding:0 30px;font-size:30px}.btn-big svg{width:28px;height:28px}.btn-small{--bevel:7px;gap:7px;min-height:40px;padding:0 8px;font-size:17px}.btn-small svg{width:17px;height:17px}.hero{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-height:max(680px,100svh);display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-2;background:url(/maintenance/art/bg-1920.webp) 50% 40%/cover no-repeat;animation:40s ease-in-out infinite alternate drift-zoom;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:radial-gradient(40% 48% at 50% 46%,#1009039e,#0000 75%),linear-gradient(#0000 72%,#0a080c99);position:absolute;inset:0}.hero-copy{text-align:center;flex-direction:column;align-items:center;width:min(580px,100%);padding:90px 20px 80px;display:flex}.hero-logo{animation:1.2s ease-out both rise-in;position:relative}.hero-logo img{filter:drop-shadow(0 8px 18px #000000b3);width:275px;height:auto}.hero-logo:after{content:"";-webkit-mask:var(--logo) center / contain no-repeat;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;background:linear-gradient(110deg,#0000 40%,#fff8e1bf 50%,#0000 60%) 150% 0/300% 100% no-repeat;animation:7s ease-in-out 1.6s infinite shine;position:absolute;inset:0}.hero-blurb{color:#fff6e3;text-shadow:0 1px 2px #000,0 0 16px #000c;margin:16px 0 30px;font-size:19px;font-weight:600;animation:1s ease-out .35s both rise-in}.hero-copy>.btn{animation:1s ease-out .55s both rise-in}.hero-secondary{font:600 20px var(--display);color:var(--gold);text-shadow:0 2px 3px #000;margin-top:14px;text-decoration:none;animation:1s ease-out .7s both rise-in}.hero-secondary:hover{color:#ffe08a}.scroll-cue{border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);opacity:.85;width:22px;height:22px;animation:2.2s ease-in-out infinite bob;position:absolute;bottom:30px;left:50%;transform:translate(-50%)rotate(45deg)}.motes{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.motes i{background:#fff0bee6;border-radius:50%;animation-name:float-up;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-12px;box-shadow:0 0 10px 3px #ffde8c8c}.updates{width:min(1180px,100%);padding:0 20px 70px}.updates-label{letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 3px #000;margin:0 0 8px;font-size:13px;font-weight:700}.updates-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.update{background:#140d08d9;border:1px solid #f2c55266}.update img{aspect-ratio:3.2;object-fit:cover;width:100%}.update p{margin:0;padding:10px 16px;font-size:15px}.band{isolation:isolate;padding:110px 20px 130px;position:relative;overflow-x:clip}.band:before{content:"";z-index:3;background:var(--ornament) center / 120px 28px no-repeat, linear-gradient(90deg, transparent, #f2c5528c 25%, #f2c5528c 75%, transparent) center / 100% 1px no-repeat;height:28px;position:absolute;top:-14px;left:0;right:0}.band:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.section-head{text-align:center;max-width:620px;margin:0 auto 44px}.seal{filter:drop-shadow(0 6px 8px #00000080);width:84px;height:auto;margin:0 auto 4px;display:block;transform:rotate(-8deg)}.seal-pinned{width:96px;margin:0;position:absolute;top:-48px;left:50%;transform:translate(-50%)rotate(-8deg)}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:6px 0 2px;font-size:15px;font-weight:700}.section-head h2{font:700 clamp(32px, 4.2vw, 46px) / 1.1 var(--display);color:var(--gold);text-shadow:0 3px #00000073}.section-intro{color:#cdbfa0;margin:8px 0 0}.story{background:radial-gradient(at 50% 40%,#04120c59 20%,#030c08bf),linear-gradient(#061c1273,#061c1273),url(/maintenance/assets/leather-emerald-BzE4Ka0S.webp) 50%/420px}.story .section-head{margin-bottom:100px}.story:after{opacity:.13;background:url(/maintenance/assets/sketch-heroes-D81uubrQ.webp) 50% 30%/min(1500px,120%) no-repeat;animation:26s ease-in-out infinite alternate sway}.scroll{max-width:840px;color:var(--ink);text-align:center;background:url(/maintenance/assets/parchment-HfNx28cC.webp) 50%/cover;margin:0 auto;padding:70px 64px 26px;position:relative;box-shadow:inset 0 0 50px #825a2840,0 18px 40px #0000008c}.scroll p{margin:0 0 16px}.scroll-sketch{mix-blend-mode:multiply;opacity:.85;background:url(/maintenance/assets/sketch-sepia-DlgVmAcQ.webp) 50%/contain no-repeat;height:160px;margin-top:6px}.features{background:linear-gradient(#14100659,#14100659),url(/maintenance/assets/olive-Cj2BvNJj.webp) 50%/420px}.features:after{opacity:.08;background:url(/maintenance/assets/sketch-dragon-sgp8M3iG.webp) right -120px top 80px/900px no-repeat;animation:30s ease-in-out infinite alternate-reverse sway}.showcase{grid-template-columns:1.35fr 1fr;align-items:center;gap:52px;max-width:1180px;margin:0 auto;display:grid}.showcase-stage{aspect-ratio:16/10;border:1px solid #f2c55299;position:relative;overflow:hidden;box-shadow:0 0 0 6px #0e0a05a6,0 0 0 7px #f2c55240,0 24px 50px #0000008c}.showcase-stage:after{content:"";pointer-events:none;border:1px solid #f2c55259;position:absolute;inset:10px}.showcase-stage img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s,transform 8s ease-out;position:absolute;inset:0;transform:scale(1.02)}.showcase-stage img.is-active{opacity:1;transform:scale(1.1)}.showcase-list{margin:0;padding:0;list-style:none}.showcase-list li{border-top:1px solid #f2c5522e;padding:18px 0;position:relative}.showcase-list li:last-child{border-bottom:1px solid #f2c5522e}.showcase-list button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:14px;padding:0;display:flex}.showcase-num{font:700 16px var(--display);color:#f2c5528c}.showcase-title{font:700 27px/1.15 var(--display);color:#bfae88;transition:color .3s}.showcase-list button:hover .showcase-title,.showcase-list li.is-active .showcase-title{color:var(--gold)}.showcase-desc{margin-top:22px;display:grid}.showcase-desc p{color:#eadfc6;opacity:0;grid-area:1/1;margin:0;transition:opacity .5s,transform .5s;transform:translateY(6px)}.showcase-desc p.is-active{opacity:1;transform:none}.showcase-timer{background:var(--gold);width:0;height:2px;animation:linear forwards fill;position:absolute;top:-1px;left:0}.is-paused .showcase-timer{animation-play-state:paused}.footer{background:#18110c;border-top:1px solid #f2c55240;flex-wrap:wrap;align-items:center;gap:16px 40px;padding:28px clamp(16px,8vw,160px);display:flex}.footer-logo{width:104px;height:auto}.footer-links{letter-spacing:.14em;text-transform:uppercase;color:#d6c49c;flex-wrap:wrap;gap:8px 28px;font-size:13px;font-weight:700;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--gold)}.footer-end{align-items:center;gap:20px;margin-left:auto;display:flex}.maintenance{isolation:isolate;place-items:center;min-height:100svh;padding:90px clamp(16px,6vw,80px) 60px;display:grid;position:relative;overflow:hidden}.maintenance-bg{z-index:-2;filter:blur(6px);background:radial-gradient(60% 70%,#1009038c,#100903d9),url(/maintenance/art/bg-1920.webp) 50%/cover no-repeat;animation:40s ease-in-out infinite alternate drift-zoom;position:absolute;inset:-30px}.maintenance-lang{position:absolute;top:20px;right:clamp(16px,4vw,48px)}.maintenance-card{grid-template-columns:minmax(0,460px) minmax(0,520px);align-items:center;gap:clamp(24px,4vw,64px);animation:1s ease-out both rise-in;display:grid}.maintenance-card.no-art{text-align:center;grid-template-columns:minmax(0,560px)}.maintenance-art{filter:drop-shadow(0 18px 30px #0000008c);width:100%;height:auto}.maintenance-copy{flex-direction:column;align-items:flex-start;display:flex}.no-art .maintenance-copy{align-items:center}.maintenance-logo{filter:drop-shadow(0 2px 4px #00000080);width:220px;height:auto;margin-bottom:18px}.maintenance h1{font:700 clamp(30px, 3.6vw, 44px) / 1.1 var(--display);color:var(--gold);text-shadow:0 3px #00000073;margin:4px 0 12px}.maintenance-text{color:#f1e6cc;text-shadow:0 1px 3px #000;margin:0 0 28px;font-size:19px}@media (width<=820px){.maintenance-card{text-align:center;grid-template-columns:1fr;justify-items:center}.maintenance-art{max-width:300px}.maintenance-copy{align-items:center}}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(30px)}.reveal.is-in{opacity:1;transform:none}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}}@keyframes shine{0%{background-position:150% 0}35%,to{background-position:-50% 0}}@keyframes drift-zoom{0%{transform:scale(1)}to{transform:scale(1.08)translate(-1%,-1%)}}@keyframes float-up{0%{opacity:0;transform:translate(0)}10%{opacity:1}85%{opacity:.8}to{opacity:0;transform:translate(40px,-95vh)}}@keyframes sway{to{transform:translate(24px)}}@keyframes bob{50%{transform:translate(-50%)translateY(8px)rotate(45deg)}}@keyframes fill{to{width:100%}}@media (width<=980px){.navbar-links{display:none}.showcase{grid-template-columns:1fr;gap:28px}.updates-row{grid-template-columns:1fr}}@media (width<=640px){body{font-size:16px}.navbar,.navbar.is-scrolled{gap:10px;height:58px}.navbar-end{gap:8px}.hero-bg{background-image:url(/maintenance/art/bg-960.webp);background-position:38% 40%}.hero:after{background:linear-gradient(#10090366,#10090399)}.hero-logo img{width:240px}.btn-big{--bevel:12px;min-height:66px;font-size:25px}.band{padding:80px 16px 90px}.scroll{padding:64px 22px 14px}.scroll-sketch{height:130px}.showcase-title{font-size:23px}.footer{text-align:center;flex-direction:column}.footer-end{flex-direction:column;gap:10px;margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.motes{display:none}}
