/* Elven's chapter navigation and interactive server dossier. */
html{scroll-padding-top:76px}
body{overflow-x:clip}
body.menu-open{overflow:hidden}
::selection{background:#d9bd7d;color:#07150f}
.site-header{z-index:100;box-shadow:0 1px 0 #d9bd7d16}
.main-nav a{position:relative;white-space:nowrap}
.main-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-13px;height:1px;background:var(--gold);transition:left .3s,right .3s}
.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{left:0;right:0}
.hero-art{animation:realmBreath 18s ease-in-out infinite alternate}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle,#e9d998ba 0 1px,transparent 2px),radial-gradient(circle,#bce6aa9c 0 1px,transparent 2px);background-size:231px 197px,307px 263px;background-position:24px 47px,170px 86px;opacity:.24;animation:realmDust 22s linear infinite}
.hero-content{z-index:2}
.hero-content .eyebrow,.hero-content .hero-logo,.hero-content h1,.hero-content .hero-lead,.hero-content .hero-actions,.hero-content .hero-opening{animation:heroArrive .8s cubic-bezier(.2,.7,.2,1) both}
.hero-content .hero-logo{animation-delay:.12s}.hero-content h1{animation-delay:.24s}.hero-content .hero-lead{animation-delay:.36s}.hero-content .hero-actions{animation-delay:.48s}.hero-content .hero-opening{animation-delay:.6s}
.realm-rail{position:fixed;z-index:80;left:27px;top:50%;transform:translateY(-46%);display:flex;flex-direction:column;gap:22px;width:125px}
.realm-rail__track{position:absolute;left:7px;top:10px;bottom:10px;width:1px;background:#d9bd7d2c}
.realm-rail__track i{display:block;width:1px;height:0;background:#edd398;box-shadow:0 0 10px #e0b96a;transition:height .15s}
.realm-rail a{position:relative;display:flex;align-items:center;gap:13px;min-height:16px;color:#b3b8aa;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:color .25s}
.realm-rail a::before{content:"";position:relative;z-index:1;width:15px;height:15px;flex:none;border:1px solid #a79b77;background:#08190e;border-radius:50%;transform:scale(.62);transition:.25s}
.realm-rail a span{opacity:0;transform:translateX(-6px);transition:.25s}
.realm-rail a:hover,.realm-rail a.is-active{color:#f7ead0}
.realm-rail a:hover span,.realm-rail a.is-active span{opacity:1;transform:none}
.realm-rail a.is-active::before{background:#e7ce8e;border-color:#e7ce8e;box-shadow:0 0 16px #e7ce8e8c;transform:scale(.76)}
.realm-rail b{display:none}
.realm-side-note{position:fixed;z-index:70;right:29px;top:50%;display:flex;align-items:center;gap:13px;color:#e9d9ae9c;font-size:9px;font-weight:700;letter-spacing:.22em;writing-mode:vertical-rl;transform:translateY(-50%)}
.realm-side-note i{display:block;width:1px;height:65px;background:linear-gradient(transparent,#d9bd7d,transparent)}
.realm-top{position:fixed;z-index:90;right:27px;bottom:27px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9bd7d80;background:#091c13df;color:#ecd39b;backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translateY(9px);transition:.3s}
.realm-top.is-visible{opacity:1;pointer-events:auto;transform:none}.realm-top:hover{background:#d9bd7d;color:#07150f}
.hero-bottom{z-index:2}
.intro,.experience,.pvp-panel,.invitation{isolation:isolate}
.intro{min-height:850px}.intro-visual{transform:translateY(20px)}
.experience{padding-top:150px;padding-bottom:140px}
.experience::before{font-size:clamp(140px,22vw,350px);top:80px;right:0}
.experience-top{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.experience-top h2{font-size:clamp(47px,5vw,82px)}
.path-explorer{position:relative;max-width:1268px;margin:65px auto 0;border:1px solid #d9bd7d4a;background:#07160f;box-shadow:0 35px 100px #0006}
.path-explorer::before,.path-explorer::after{content:"";position:absolute;width:38px;height:38px;z-index:4;pointer-events:none;border-color:#eed699}
.path-explorer::before{left:-5px;top:-5px;border-left:1px solid;border-top:1px solid}.path-explorer::after{right:-5px;bottom:-5px;border-right:1px solid;border-bottom:1px solid}
.path-explorer__tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #d9bd7d45}
.path-explorer__tabs button{position:relative;display:grid;grid-template-columns:40px 1fr;align-content:center;column-gap:13px;min-height:118px;padding:18px 30px;border:0;border-right:1px solid #d9bd7d36;background:#0b2117;color:#babfb0;text-align:left;cursor:pointer;transition:background .3s,color .3s}
.path-explorer__tabs button:last-child{border-right:0}
.path-explorer__tabs button:hover,.path-explorer__tabs button[aria-selected="true"]{background:linear-gradient(135deg,#284533,#11281c);color:#f5ebd3}
.path-explorer__tabs button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#e6ce92;box-shadow:0 0 14px #e6ce9280}
.path-explorer__tabs button span{grid-row:1/3;align-self:center;font:italic 36px/1 "Cormorant Garamond",Georgia,serif;color:#e2c98f}
.path-explorer__tabs button strong{font:500 18px/1.3 Cinzel,serif;text-transform:uppercase}.path-explorer__tabs button small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a9baa8}
.path-explorer__stage{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:550px;overflow:hidden}
.path-explorer__visual{position:relative;min-height:550px;background:linear-gradient(90deg,#07160f1a,#07160f4d),url('../img/elven/elven-sanctuary-official.jpg') 61% center/cover;transition:background-image .35s}
.path-explorer[data-active="gear"] .path-explorer__visual{background:linear-gradient(90deg,#07160f14,#07160f5e),url('../img/elven/elven-guardian-official.jpg') 68% center/cover}
.path-explorer[data-active="world"] .path-explorer__visual{background:linear-gradient(90deg,#07160f14,#07160f5e),url('../img/elven/elven-city-official.jpg') 62% center/cover}
.path-explorer__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07160fe8,transparent 33%)}
.path-explorer__sigil{position:absolute;left:30px;top:22px;color:#e9d8a7;font-size:29px;text-shadow:0 0 18px #f1d382}
.path-explorer__index{position:absolute;z-index:1;left:36px;bottom:30px;font:600 60px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.1em;color:#f2e7cc}
.path-explorer__panels{display:grid;align-items:center;padding:50px clamp(35px,5vw,76px);background:radial-gradient(circle at 90% 10%,#30533a70,transparent 54%),#0a1f15}
.path-explorer__panels article[hidden]{display:none}.path-explorer__panels article{animation:panelEnter .4s ease both}
.path-explorer__panels h3{font-size:clamp(33px,3.1vw,49px);line-height:1.14;margin:22px 0}
.path-explorer__panels h3 em{font-size:1.15em}.path-explorer__panels p:not(.kicker){font-size:15px;line-height:1.9;color:#bdc8b9}
.path-explorer__facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px;padding-top:22px;border-top:1px solid #d9bd7d4a}
.path-explorer__facts span{padding:9px 11px;border:1px solid #d9bd7d4d;color:#ead6a4;font-size:9px;font-weight:700;letter-spacing:.14em}
.experience-more{display:flex;width:max-content;max-width:100%;margin-top:35px}
.pvp-panel{min-height:780px}.pvp-panel__content{margin-left:max(65px,calc((100vw - 1268px)/2))}.pvp-panel__chapter{position:absolute;z-index:1;right:6vw;bottom:25px;color:#e5ce8b2e;font:500 clamp(150px,20vw,330px)/.85 Cinzel,serif}
.invitation{min-height:720px}.invitation-inner{position:relative;z-index:1;max-width:750px}.invitation::after{content:"";position:absolute;inset:33px;border:1px solid #e5d19c45;pointer-events:none}
.site-footer{padding-bottom:40px}.footer-main{gap:60px}.footer-main nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:17px 35px}.footer-main nav a{line-height:1.4}
@keyframes realmBreath{from{transform:scale(1.02)}to{transform:scale(1.1)}}
@keyframes realmDust{from{background-position:24px 47px,170px 86px}to{background-position:24px -153px,170px -114px}}
@keyframes heroArrive{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}
@keyframes panelEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1240px){.realm-rail,.realm-side-note{display:none}.main-nav a::after{display:none}}
@media(max-width:1240px){.main-nav{position:fixed;top:74px;left:0;right:0;bottom:0;z-index:99;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:20px 25px 65px;background:linear-gradient(#07150ff7,#081d14fa),url('../img/elven/elven-sanctuary-official.jpg') center/cover;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s,visibility .3s,transform .3s;overflow-y:auto}.main-nav.is-open{display:flex;opacity:1;visibility:visible;transform:none}.main-nav a{width:min(470px,100%);padding:12px 20px;border-bottom:1px solid #d9bd7d36;font:500 clamp(17px,3vw,24px)/1.2 Cinzel,serif;text-align:center}.menu-toggle{z-index:101}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}.menu-toggle span{transition:transform .25s,opacity .25s}}
@media(max-width:950px){.experience-top{grid-template-columns:1fr}.path-explorer__tabs button{padding:16px 18px}.path-explorer__stage{grid-template-columns:1fr 1fr}.path-explorer__visual{min-height:490px}.path-explorer__panels{padding:32px}.pvp-panel__content{margin-left:0}.footer-main nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.realm-top{right:17px;bottom:18px;width:38px;height:38px}.main-nav{padding-top:45px;padding-bottom:65px}.main-nav a{padding:11px 10px;font-size:17px}.hero::before{opacity:.12}.intro{min-height:0}.experience{padding-top:95px;padding-bottom:90px}.experience-top h2{font-size:clamp(42px,10vw,57px)}.path-explorer{margin-top:38px}.path-explorer__tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.path-explorer__tabs button{display:flex;flex-direction:column;gap:5px;min-height:105px;padding:13px 8px;text-align:center;align-items:center}.path-explorer__tabs button span{font-size:26px}.path-explorer__tabs button strong{font-size:11px}.path-explorer__tabs button small{display:none}.path-explorer__stage{display:block}.path-explorer__visual{min-height:300px;background-position:60% center}.path-explorer__index{font-size:42px}.path-explorer__panels{min-height:400px;padding:32px 25px}.path-explorer__panels h3{font-size:39px}.path-explorer__panels p:not(.kicker){font-size:14px}.pvp-panel{min-height:650px}.pvp-panel__chapter{right:14px;bottom:8px;font-size:140px}.invitation{min-height:560px}.invitation::after{inset:15px}.footer-main nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 15px}.site-footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero::before,.hero-content .eyebrow,.hero-content .hero-logo,.hero-content h1,.hero-content .hero-lead,.hero-content .hero-actions,.hero-content .hero-opening,.path-explorer__panels article{animation:none}.main-nav,.realm-top,.realm-rail a,.realm-rail a::before,.realm-rail a span{transition:none}}