/* Tempered dark metal, quiet gold engraving and a parchment download seal. */
html{scroll-padding-top:128px}.header{position:fixed;z-index:20;height:116px;padding:0 4%;gap:28px;background:linear-gradient(180deg,#131c1ae8,#18201da8),repeating-linear-gradient(105deg,#b9bc9c03 0 1px,transparent 1px 5px);border-bottom:1px solid #baa77566;box-shadow:0 1px #03080699;backdrop-filter:blur(8px);transition:height .32s ease,background-color .32s,box-shadow .32s}.header:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,#aa986b44,transparent);pointer-events:none}
.header .brand{flex-shrink:0;gap:0}.header .brand-logo{width:154px;height:94px;transition:width .32s,height .32s}.header .brand-caption{font-size:6px;letter-spacing:1.5px}.header nav{display:flex;position:static;flex-direction:row;align-items:center;gap:30px;padding:0;margin-left:auto;background:none;border:0}.header nav a,.header .nav-support{position:relative;white-space:nowrap;font:600 13px/1.5 'WitcherNavigation',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#e2e0d2;background:none;border:0;padding:15px 0;transition:color .2s}.header nav>:not(:first-child):before{content:'';position:absolute;left:-18px;top:calc(50% - 2px);width:4px;height:4px;transform:rotate(45deg);border:1px solid #a99763;opacity:.65}.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:#e2ce94;transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover,.header nav a[aria-current],.header .nav-support:hover{color:#f0d99b}.header nav a[aria-current]:after,.header nav a:hover:after{transform:scaleX(1)}.header .nav-support{color:#baaf93;font-size:12px}
.nav-download{flex-shrink:0;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border:1px solid #e7d9ad;color:#282515;background:linear-gradient(135deg,#d0bc85,#e5d7a8 50%,#c8b37a);box-shadow:inset 0 0 0 3px #57482b33;font:700 14px/1.4 var(--heading);letter-spacing:.6px;text-transform:uppercase;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.nav-download:after{content:'';position:absolute;inset:-30% -70%;background:linear-gradient(110deg,transparent 43%,#fff8 50%,transparent 57%);transform:translateX(-60%);pointer-events:none}.nav-download:hover:after,.nav-download:focus-visible:after{animation:nav-metal-glint .65s ease-out}.nav-download:hover{color:#100f08}.nav-download[aria-current]{box-shadow:inset 0 0 0 3px #57482b88}
@keyframes nav-metal-glint{to{transform:translateX(60%)}}
.header.is-scrolled{height:82px;background-color:#090f0ef5;box-shadow:0 8px 25px #0005}.header.is-scrolled .brand-logo{width:113px;height:65px}.header.is-scrolled .brand-caption{font-size:5px}.header .menu-toggle{display:none}
@media(max-width:1150px){.header{gap:20px;padding:0 3%}.header nav{gap:24px}.header nav>:not(:first-child):before{left:-14px}.header nav a{font-size:11px}.nav-download{font-size:12px;padding:12px 16px}.header .brand-logo{width:143px}}
@media(max-width:980px){.header{height:98px;gap:18px;padding:0 5%}.header .brand-logo{width:134px;height:78px}.header .nav-download{margin-left:auto}.header .menu-toggle{display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:1px solid #baa77555;background:#0b130d66;color:#e2ce94;font-size:20px}.header .menu-toggle span{margin:0}.header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 5% 24px;flex-direction:column;align-items:stretch;gap:0;background:#0c1411fa;border-bottom:1px solid #baa77566;box-shadow:0 12px 25px #0007}.header nav.open{display:flex}.header nav a,.header .nav-support{font-size:15px;padding:15px 0;text-align:left}.header nav>:not(:first-child):before{display:none}.header nav a:after{right:auto;width:64px;bottom:9px}.header.is-scrolled{height:76px}.header.is-scrolled .brand-logo{width:105px;height:58px}}
@media(max-width:450px){.header{gap:10px;padding:0 4%;height:92px}.header .brand-logo{width:115px;height:70px}.header .brand-caption{font-size:4.7px;letter-spacing:1px}.header .nav-download{font-size:10px;letter-spacing:.3px;padding:10px 11px;min-height:40px}.header .menu-toggle{width:34px;height:38px}.header.is-scrolled{height:70px}.header.is-scrolled .brand-logo{width:95px;height:53px}.header.is-scrolled .brand-caption{font-size:4.5px}html{scroll-padding-top:100px}}
@media(prefers-reduced-motion:reduce){.header,.header .brand-logo,.header nav a:after{transition:none}.nav-download:hover:after,.nav-download:focus-visible:after{animation:none}}
/* Shared witcher seal: cut brass edges and a single travelling glint. */
.button.primary,.nav-download{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e7d9ad;background:linear-gradient(135deg,#c7af76,#e5d7a8 50%,#c8b37a);color:#282515;box-shadow:inset 0 0 0 3px #57482b33;font-family:var(--heading);font-weight:700;letter-spacing:.6px;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);transition:box-shadow .25s,border-color .25s,filter .25s;transform:none}
.button.primary:before,.nav-download:before{content:'';position:absolute;inset:4px;pointer-events:none;border:1px solid #79613855;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);transition:border-color .3s}
.button.primary:after,.nav-download:after{content:'';position:absolute;inset:-30% -70%;background:linear-gradient(110deg,transparent 43%,#fff5 49%,#fff9 50%,#fff5 51%,transparent 57%);transform:translateX(-65%);pointer-events:none;mix-blend-mode:soft-light;animation:none}
.button.primary:hover,.button.primary:focus-visible,.nav-download:hover,.nav-download:focus-visible{transform:none;background:linear-gradient(135deg,#d0b77a,#ece0b8 50%,#cbb57d);color:#17170e;border-color:#fff0bd;box-shadow:inset 0 0 0 3px #57482b44,inset 0 0 20px #f5d88155}
.button.primary:hover:before,.button.primary:focus-visible:before,.nav-download:hover:before,.nav-download:focus-visible:before{border-color:#fff3c6aa}
.button.primary:hover:after,.button.primary:focus-visible:after,.nav-download:hover:after,.nav-download:focus-visible:after{animation:witcher-seal-glint .85s cubic-bezier(.2,.65,.3,1) both}
.button.primary:active,.nav-download:active{filter:brightness(.93);box-shadow:inset 0 0 0 3px #57482b66,inset 0 3px 14px #66512e44}
@keyframes witcher-seal-glint{0%{transform:translateX(-65%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(65%);opacity:0}}
@media(prefers-reduced-motion:reduce){.button.primary,.nav-download,.button.primary:before,.nav-download:before{transition:none}.button.primary:hover:after,.button.primary:focus-visible:after,.nav-download:hover:after,.nav-download:focus-visible:after{animation:none}}
/* A visible voluntary contribution, framed as a minted token. */
.header{gap:22px}.header .nav-mobile-download{display:none}
.header .donate-seal{flex-shrink:0;display:flex;align-items:center;gap:10px;margin:0;padding:9px 15px 9px 10px;position:relative;white-space:nowrap;background:linear-gradient(120deg,#292a1cee,#3b3420f5);border:1px solid #d6b86b;color:#f0d99a;box-shadow:inset 0 0 0 3px #b99d4930;font:600 13px/1.35 var(--heading);letter-spacing:.3px;text-transform:none;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);transition:background .25s,box-shadow .25s}
.header .donate-seal:hover,.header .donate-seal:focus-visible{background:linear-gradient(120deg,#42391f,#504124);box-shadow:inset 0 0 0 3px #d7b96655}.donate-wording{text-align:left}.donate-wording small{display:block;font:500 8px/1.5 'WitcherNavigation',sans-serif;letter-spacing:1px;color:#c8b789;margin-top:4px}.donate-coin{display:block;width:35px;height:35px;flex-shrink:0;filter:drop-shadow(0 1px 3px #0006)}.donate-coin svg{width:100%;height:100%;stroke:#dabb71;stroke-width:1.3;background:radial-gradient(circle,#79633a88,transparent 65%);transition:transform .45s}.donate-seal:hover .donate-coin svg{transform:rotate(-12deg)}
@media(min-width:981px) and (max-width:1250px){.header{gap:15px}.header nav{gap:22px}.header .brand-logo{width:125px}.header .nav-download{padding:11px 13px;font-size:11px}.header .donate-seal{font-size:11px;padding:8px 10px;gap:7px}.donate-coin{width:29px;height:29px}.donate-wording small{font-size:7px;letter-spacing:.5px}}
@media(max-width:980px){.header{gap:12px}.header .nav-download{margin-left:auto}.header .donate-seal{font-size:12px;padding:8px 10px;gap:7px}.donate-coin{width:29px;height:29px}}
@media(max-width:600px){.header>.nav-download{display:none}.header .donate-seal{margin-left:auto}.header .nav-mobile-download{display:block}.header .donate-wording small{font-size:7px;letter-spacing:.6px}.header .donate-seal{font-size:11px;padding:8px;gap:6px}.header .donate-coin{width:27px;height:27px}.header .brand-logo{width:108px}.header{gap:9px}}
@media(max-width:360px){.header .brand-logo{width:90px}.header .donate-seal{font-size:10px}.header .donate-coin{width:23px;height:23px}.header .menu-toggle{width:30px}.header{gap:6px}}
@media(prefers-reduced-motion:reduce){.header .donate-seal,.donate-coin svg{transition:none}.donate-seal:hover .donate-coin svg{transform:none}}
/* Light, widely spaced navigation inspired by the supplied reference. */
@font-face{font-family:WitcherNavigation;src:url('assets/raleway-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.header #navigation a{font-family:WitcherNavigation,Arial,sans-serif;font-weight:400;font-size:14px;letter-spacing:.14em;line-height:1.5;text-transform:uppercase;color:#c7cbc7}
.header #navigation a:hover,.header #navigation a[aria-current]{color:#e2ce94}
@media(min-width:981px){.header #navigation{gap:26px}.header #navigation>a:before{display:none}}
@media(min-width:981px) and (max-width:1200px){.header #navigation{gap:18px}.header #navigation a{font-size:12px;letter-spacing:.09em}}
@media(max-width:980px){.header #navigation a{font-size:17px;letter-spacing:.14em}}
