/* Canonical Project Vík header. Keep this synchronized with index.html. */
nav.top{display:flex;align-items:center;justify-content:space-between;padding:18px 34px;background:linear-gradient(180deg,rgba(5,10,12,.42),rgba(13,21,24,.08));backdrop-filter:blur(10px);position:relative;z-index:20}
nav.top .brand{display:flex;align-items:center;gap:14px;text-decoration:none}
nav.top .brand .tree{width:54px;height:58px;flex-shrink:0;display:block;filter:drop-shadow(0 0 12px rgba(95,174,148,.16)) drop-shadow(0 0 18px rgba(212,175,110,.08))}
nav.top .brand .tree .crown{animation:crown 5.5s ease-in-out infinite}
nav.top .brand .tree .aurora-leaf{animation:leafglow 7s ease-in-out infinite}
nav.top .brand .tree .world-ring{transform-origin:30px 30px;animation:ringwake 28s linear infinite}
@keyframes crown{0%,100%{opacity:.58;r:2.2}50%{opacity:1;r:2.85}}
@keyframes leafglow{0%,100%{opacity:.58}50%{opacity:.95}}
@keyframes ringwake{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){nav.top .brand .tree .crown,nav.top .brand .tree .aurora-leaf,nav.top .brand .tree .world-ring{animation:none}}
nav.top .brand .tree path,nav.top .brand .tree line,nav.top .brand .tree circle,nav.top .brand .tree ellipse{transition:stroke .3s,opacity .3s,filter .3s}
nav.top .brand:hover .tree .bough,nav.top .brand:hover .tree .trunk{stroke:var(--bronze-lit)}
nav.top .brand:hover .tree .root{stroke:#cfd8d5}
nav.top .brand:hover .tree .world-ring{opacity:.95}
nav.top .wordmark{display:inline-flex;flex-direction:column;justify-content:center;line-height:1;transform:translateY(2px)}
nav.top .wordmark .name{font-family:var(--display);font-size:31px;font-weight:500;color:var(--bone);letter-spacing:.008em;display:flex;align-items:center;white-space:nowrap}
nav.top .wordmark .sub{font-family:var(--util);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--silver);margin-top:8px;padding-left:1px;width:100%;display:block;text-align:justify;text-align-last:justify;white-space:nowrap}
nav.top .links{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
nav.top .links a{font-family:var(--util);font-size:13px;letter-spacing:.05em;color:var(--silver);text-decoration:none;position:relative;padding-bottom:3px}
nav.top .links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--bronze);transition:right .25s}
nav.top .links a:hover,nav.top .links a.current{color:var(--bronze-lit)}
nav.top .links a:hover::after,nav.top .links a.current::after{right:0}
nav.top .nav-item,nav.top .nav-trigger{display:inline-flex;align-items:center;gap:7px;font-family:var(--util);font-size:13px;letter-spacing:.05em;color:var(--silver);text-decoration:none;position:relative;padding-bottom:3px;cursor:pointer;white-space:nowrap}
nav.top .nav-icon{width:16px;height:16px;flex:0 0 16px;color:currentColor}
nav.top .nav-menu{position:relative;color:var(--silver);z-index:40}
nav.top .nav-menu::after{content:"";position:absolute;left:-10px;right:-10px;top:100%;height:16px;display:block}
nav.top .nav-trigger{appearance:none;border:0;background:transparent;margin:0}
nav.top .nav-trigger::-moz-focus-inner{border:0;padding:0}
nav.top .nav-trigger::after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.72;margin-left:2px;transition:transform .2s ease}
nav.top .nav-menu:hover>.nav-trigger::after,nav.top .nav-menu:focus-within>.nav-trigger::after{transform:rotate(225deg) translate(-1px,-1px)}
nav.top .nav-item.current,nav.top .nav-menu.current>.nav-trigger,nav.top .nav-menu:hover>.nav-trigger,nav.top .nav-menu:focus-within>.nav-trigger{color:var(--bronze-lit)}
nav.top .nav-item::after,nav.top .nav-trigger::before{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--bronze);transition:right .25s}
nav.top .nav-item:hover::after,nav.top .nav-item.current::after,nav.top .nav-menu:hover>.nav-trigger::before,nav.top .nav-menu.current>.nav-trigger::before{right:0}
nav.top .dropdown-panel{position:absolute;top:calc(100% + 13px);right:0;min-width:248px;padding:9px;border:1px solid rgba(212,175,110,.28);border-radius:10px;background:linear-gradient(180deg,rgba(19,34,39,.98),rgba(8,15,17,.98));box-shadow:0 18px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:30}
nav.top .nav-menu:hover .dropdown-panel,nav.top .nav-menu:focus-within .dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}
nav.top .dropdown-panel a{display:flex;align-items:center;border-radius:7px;padding:9px 10px;color:var(--silver);white-space:nowrap;line-height:1.3}
nav.top .dropdown-panel a::after{display:none}
nav.top .dropdown-panel a:hover,nav.top .dropdown-panel a.current{color:var(--bronze-lit);background:rgba(212,175,110,.09)}
.nav-toggle{display:none;appearance:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:40px;height:40px;margin-left:auto;border:1px solid rgba(212,175,110,.36);border-radius:6px;background:rgba(8,16,18,.46);color:var(--bone);cursor:pointer}.nav-toggle span{display:block;width:17px;height:1px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.nav-toggle:hover{border-color:var(--bronze-lit);color:var(--bronze-lit)}nav.top.mobile-open .nav-toggle span:nth-child(1){transform:translateY(5px) rotate(45deg)}nav.top.mobile-open .nav-toggle span:nth-child(2){opacity:0}nav.top.mobile-open .nav-toggle span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
@media(max-width:720px){nav.top{align-items:center;flex-direction:row;flex-wrap:wrap;gap:0;padding:16px 20px}.nav-toggle{display:inline-flex}.links{display:none!important;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:12px;margin-top:12px;border-top:1px solid rgba(154,167,165,.18)}nav.top.mobile-open .links{display:flex!important}.links>.nav-item,.links>.nav-menu{width:100%;padding:11px 2px;border-bottom:1px solid rgba(154,167,165,.11)}.links>.nav-item{display:flex;align-items:center}.links>.nav-menu{display:block}.links>.nav-menu>.nav-trigger{display:flex;width:100%;justify-content:space-between;padding:0}.links>.nav-menu>.dropdown-panel{display:none;position:static;min-width:0;width:100%;margin-top:8px;padding:5px 0 0;transform:none;border:0;border-top:1px solid rgba(154,167,165,.12);border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible}.links>.nav-menu.mobile-open>.dropdown-panel{display:block}.links>.nav-menu.mobile-open>.nav-trigger:after{transform:rotate(225deg) translate(-1px,-1px)}.links>.nav-menu:hover .dropdown-panel,.links>.nav-menu:focus-within .dropdown-panel{opacity:1;visibility:visible;transform:none}.links>.nav-menu:not(.mobile-open):hover .dropdown-panel{display:none}.dropdown-panel a{padding:10px 8px;font-size:12px}.nav-menu{width:100%}}
.darkzone.page-banner{position:relative;overflow:hidden;min-height:0;background:radial-gradient(110% 72% at 27% -8%,rgba(95,174,148,.2),transparent 54%),radial-gradient(92% 70% at 72% 0%,rgba(106,90,156,.18),transparent 58%),radial-gradient(80% 65% at 52% 46%,rgba(95,174,148,.055),transparent 68%),linear-gradient(180deg,#081013 0%,#0a1416 58%,#081214 100%)}
.darkzone.page-banner::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.34) 0 1px,transparent 1.6px),radial-gradient(circle at 64% 10%,rgba(255,255,255,.24) 0 1px,transparent 1.7px),radial-gradient(circle at 82% 24%,rgba(255,255,255,.18) 0 1px,transparent 1.6px),linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%);background-size:170px 170px,230px 230px,190px 190px,100% 100%;opacity:.32;mix-blend-mode:screen}
.darkzone.page-banner .aurora{position:absolute;inset:-70px -12% auto;height:360px;pointer-events:none;z-index:0;filter:saturate(122%);opacity:.95;mix-blend-mode:screen;animation:auhue 80s linear infinite}
.darkzone.page-banner .aurora .veil{position:absolute;left:50%;top:0;width:96vw;min-width:860px;height:230px;border-radius:48% 52% 58% 42% / 0 0 100% 100%;transform-origin:50% 0;filter:blur(30px);opacity:.74;background-size:140% 100%;background-position:50% 0}
.darkzone.page-banner .aurora .v1{background:linear-gradient(103deg,transparent 4%,rgba(72,214,157,.22) 28%,rgba(190,238,218,.14) 46%,transparent 69%);animation:curtain1 14s ease-in-out infinite}.darkzone.page-banner .aurora .v2{top:20px;background:linear-gradient(94deg,transparent 12%,rgba(122,220,183,.22) 46%,rgba(221,186,114,.1) 58%,transparent 78%);animation:curtain2 18s ease-in-out infinite}.darkzone.page-banner .aurora .v3{top:48px;background:linear-gradient(87deg,transparent 10%,rgba(82,208,151,.2) 35%,transparent 62%);animation:curtain3 22s ease-in-out infinite}
@keyframes auhue{0%{filter:saturate(122%) hue-rotate(0deg)}50%{filter:saturate(136%) hue-rotate(-10deg)}100%{filter:saturate(122%) hue-rotate(0deg)}}@keyframes curtain1{0%{transform:translateX(-53%) skewX(-7deg);opacity:.58}48%{transform:translateX(-48%) skewX(3deg) translateY(18px);opacity:.86}100%{transform:translateX(-45%) skewX(6deg) translateY(6px);opacity:.68}}@keyframes curtain2{0%{transform:translateX(-44%) skewX(6deg) translateY(4px);opacity:.48}52%{transform:translateX(-51%) skewX(-3deg) translateY(24px);opacity:.8}100%{transform:translateX(-55%) skewX(-6deg) translateY(10px);opacity:.58}}@keyframes curtain3{0%{transform:translateX(-55%) skewX(-3deg);opacity:.38}50%{transform:translateX(-50%) skewX(4deg) translateY(14px);opacity:.68}100%{transform:translateX(-47%) skewX(6deg) translateY(5px);opacity:.48}}
@media(max-width:720px){nav.top{align-items:center;flex-direction:row;flex-wrap:wrap;gap:0;padding:16px 20px}nav.top .links{align-items:flex-start;gap:18px}.nav-menu{width:100%}nav.top .dropdown-panel{position:static;min-width:0;margin-top:8px;width:100%;transform:none}.darkzone.page-banner .aurora{top:-54px;height:310px}.darkzone.page-banner .aurora .veil{min-width:680px;height:230px}}
.darkzone.page-banner::after{content:"";position:absolute;left:-14%;right:-14%;top:260px;bottom:-12%;pointer-events:none;z-index:0;background:radial-gradient(70% 56% at 38% 6%,rgba(95,174,148,.1),transparent 68%),radial-gradient(78% 62% at 76% 12%,rgba(106,90,156,.08),transparent 70%),linear-gradient(180deg,rgba(8,18,20,0) 0%,rgba(8,18,20,.12) 42%,rgba(8,18,20,.02) 100%);filter:blur(18px);opacity:.78;animation:skyflow 26s ease-in-out infinite alternate}
.darkzone.page-banner .aurora::before{content:"";position:absolute;left:50%;top:8px;width:110vw;min-width:940px;height:210px;transform:translateX(-50%);border-radius:50% 50% 62% 38% / 0 0 100% 100%;background:linear-gradient(96deg,transparent 4%,rgba(93,235,164,.08) 18%,rgba(180,246,213,.2) 31%,rgba(102,220,171,.1) 45%,rgba(143,117,205,.14) 61%,transparent 84%);filter:blur(34px);opacity:.54;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.7) 48%,transparent 100%);animation:auroraSweep 16s ease-in-out infinite alternate}
.darkzone.page-banner .aurora::after{content:"";position:absolute;inset:18px 0 30px;background:radial-gradient(ellipse at 50% 0%,rgba(188,235,214,.18),transparent 64%);filter:blur(34px);opacity:.78;animation:auroraPulse 9s ease-in-out infinite}
.darkzone.page-banner .aurora .v1{background-image:radial-gradient(ellipse at 24% 0%,rgba(72,214,157,.52),transparent 56%),radial-gradient(ellipse at 52% 2%,rgba(95,174,148,.4),transparent 58%),linear-gradient(103deg,transparent 4%,rgba(72,214,157,.22) 28%,rgba(190,238,218,.14) 46%,transparent 69%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.86) 42%,transparent 100%);animation:curtain1 14s ease-in-out infinite}
.darkzone.page-banner .aurora .v2{top:20px;background-image:radial-gradient(ellipse at 62% 0%,rgba(126,98,180,.38),transparent 58%),radial-gradient(ellipse at 38% 3%,rgba(122,220,183,.38),transparent 54%),linear-gradient(94deg,transparent 12%,rgba(77,149,214,.1) 28%,rgba(122,220,183,.22) 46%,rgba(221,186,114,.1) 58%,transparent 78%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.8) 46%,transparent 100%);animation:curtain2 18s ease-in-out infinite}
.darkzone.page-banner .aurora .v3{top:48px;background-image:radial-gradient(ellipse at 31% 0%,rgba(186,231,205,.3),transparent 54%),radial-gradient(ellipse at 76% 4%,rgba(103,87,169,.28),transparent 56%),linear-gradient(87deg,transparent 10%,rgba(82,208,151,.2) 35%,transparent 62%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 48%,transparent 100%);animation:curtain3 22s ease-in-out infinite}
@keyframes skyflow{0%{transform:translateX(-2%) translateY(0);opacity:.58}50%{transform:translateX(2%) translateY(22px);opacity:.86}100%{transform:translateX(4%) translateY(8px);opacity:.64}}@keyframes auroraSweep{0%{transform:translateX(-56%) translateY(0) scaleX(.96);opacity:.38}48%{transform:translateX(-49%) translateY(13px) scaleX(1.04);opacity:.64}100%{transform:translateX(-43%) translateY(5px) scaleX(.98);opacity:.48}}@keyframes auroraPulse{0%,100%{opacity:.56;transform:translateY(0)}50%{opacity:.86;transform:translateY(8px)}}