/* Home composition: a cinematic lead with useful information in the first viewport. */
.hero{min-height:850px;height:100svh;max-height:1100px;display:flex;align-items:center;justify-content:center;padding:132px clamp(55px,8.5vw,150px) 95px;text-align:left}
.hero-art{background-position:center 52%}
.hero-art{background-image:url('../img/elven/elven-hero-poster.jpg');animation:none}
.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:none}
.hero-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:#247b55;mix-blend-mode:color;opacity:.5;mask-image:radial-gradient(ellipse 42% 72% at 20% 53%,transparent 34%,#000 80%)}
@media(max-width:620px){.hero-art{background-image:url('../img/elven/elven-hero-mobile-poster.jpg')}.hero-video{object-position:center top}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}
.hero-shade{background:linear-gradient(90deg,#06130c05 0%,#06130c12 38%,#06130cc6 60%,#06130ce8 100%),linear-gradient(180deg,#06130c63 0%,transparent 30%,#06130ca3 100%)}
.hero::after{inset:110px 32px 34px}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.7fr);align-items:center;gap:clamp(35px,6.5vw,110px);width:min(1350px,100%);margin:auto}
.hero-story{max-width:740px}
.hero-story__overline{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:#e9d39b;font-size:10px;font-weight:700;letter-spacing:.26em}
.hero-story__overline span{font-size:22px;line-height:0}
.hero-logo{width:clamp(260px,28vw,440px);height:auto;margin:0 0 2px -13px;filter:drop-shadow(0 14px 27px #000d)}
.hero-story__rule{display:block;width:75px;height:1px;margin:0 0 26px;background:linear-gradient(90deg,#e9d39b,transparent)}
.hero h1{font-size:clamp(42px,4.3vw,70px);line-height:1.06;letter-spacing:.015em;text-shadow:0 4px 30px #000d}
.hero h1 em{display:inline-block;margin-top:8px;font-size:1.12em;line-height:1.02;color:#e9cf92;text-shadow:0 0 30px #d9bd7d50}
.hero-lead{max-width:570px;margin:26px 0 32px;font-size:clamp(15px,1.14vw,18px);line-height:1.75;color:#e2e6dc}
.hero-actions{justify-content:flex-start}.hero-actions .button{min-width:205px}.hero-actions .button-outline{background:#07160fb0;backdrop-filter:blur(8px)}
.hero-story__footnote{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:34px 0 0;color:#d1d9ca;font-size:9px;font-weight:700;letter-spacing:.19em}
.hero-story__footnote i{width:3px;height:3px;transform:rotate(45deg);background:#e6cb8a}
.hero-launch{position:relative;max-width:405px;justify-self:end;width:100%;padding:11px;border:1px solid #d9bd7d92;background:#07140ddc;box-shadow:0 30px 90px #000a,0 0 50px #caac6617;backdrop-filter:blur(16px)}
.hero-launch::before,.hero-launch::after{content:"";position:absolute;width:37px;height:37px;pointer-events:none;border-color:#f1d69a}
.hero-launch::before{left:-6px;top:-6px;border-left:1px solid;border-top:1px solid}.hero-launch::after{right:-6px;bottom:-6px;border-right:1px solid;border-bottom:1px solid}
.hero-launch__status{display:flex;align-items:center;gap:8px;padding:14px 15px;border-bottom:1px solid #d9bd7d55;color:#e7d39d;font-size:8px;font-weight:700;letter-spacing:.15em}
.hero-launch__status i{width:6px;height:6px;border-radius:50%;background:#d4e4ad;box-shadow:0 0 10px #d2e59c}.hero-launch__status span{margin-left:auto;color:#889d87}
.hero-launch__date{display:grid;grid-template-columns:1fr auto;align-items:end;padding:32px 20px 26px;border-bottom:1px solid #d9bd7d35;background:radial-gradient(circle at 90% 55%,#3154385c,transparent 64%)}
.hero-launch__date>span{grid-column:1/-1;color:#a9bca8;font-size:9px;font-weight:700;letter-spacing:.24em}
.hero-launch__date strong{display:flex;align-items:baseline;gap:12px;color:#f2e8ce;font:500 clamp(86px,8vw,128px)/.92 "Cormorant Garamond",Georgia,serif;letter-spacing:-.055em}
.hero-launch__date strong small{color:#dfc285;font:500 31px/1 Cinzel,serif;letter-spacing:.02em}
.hero-launch__date em{align-self:end;margin-bottom:8px;color:#cbb57b;font:500 17px Cinzel,serif;writing-mode:vertical-rl}
.hero-launch__countdown{padding:29px 16px 25px}.hero-launch__countdown>span{display:block;margin:0 0 13px;color:#d4d2bd;font-size:9px;font-weight:700;letter-spacing:.19em}
.hero-launch .countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #d9bd7d4d;background:#07120c}
.hero-launch .countdown span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:71px;padding:7px 2px;border-left:1px solid #d9bd7d38}.hero-launch .countdown span:first-child{border-left:0}
.hero-launch .countdown strong{font:500 33px/1 "Cormorant Garamond",Georgia,serif;color:#f2e8d0}.hero-launch .countdown small{margin-top:5px;color:#bdbf9f;font-size:8px;font-weight:700;letter-spacing:.11em}
.hero-launch__bottom{display:flex;align-items:center;gap:12px;padding:18px 17px;background:#1a3323;border-top:1px solid #d9bd7d39}.hero-launch__bottom strong{color:#f1d796;font:500 26px Cinzel,serif}.hero-launch__bottom span{max-width:115px;color:#d6decf;font-size:9px;font-weight:700;line-height:1.45;letter-spacing:.11em}.hero-launch__bottom a{display:grid;place-items:center;width:30px;height:30px;margin-left:auto;border:1px solid #e3cd8999;color:#e8d396;transition:.2s}.hero-launch__bottom a:hover{background:#d9bd7d;color:#0b1b10}
.hero-bottom{left:clamp(55px,8.5vw,150px);right:clamp(55px,8.5vw,150px);bottom:31px}
.intro{min-height:790px;gap:clamp(50px,6vw,120px);padding-top:100px;padding-bottom:100px}
.intro-visual{height:min(640px,65vw);transform:none}.intro-editorial{padding-left:0}.intro-editorial>p.intro-lead{margin-top:10px}
.experience{padding-top:120px;padding-bottom:115px}.pvp-panel{min-height:660px}
.invitation{display:block;min-height:0;padding:105px clamp(55px,8.5vw,150px);text-align:left;background:linear-gradient(90deg,#06140ff2,#07160ee2 45%,#07150fba),url('../img/elven/elven-sanctuary-official.jpg') center/cover}
.invitation::after{inset:33px}
.launch-roadmap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:40px clamp(70px,9vw,150px);align-items:center;width:min(1230px,100%);margin:auto}
.launch-roadmap__heading{max-width:470px}.launch-roadmap h2{font-size:clamp(49px,4.7vw,75px);line-height:1.06;margin:24px 0}.launch-roadmap h2 em{font-size:1.14em}.launch-roadmap__heading>p:last-child{max-width:430px;color:#c1ccbe;font-size:16px;line-height:1.8}
.launch-roadmap__steps{position:relative;list-style:none;margin:0;padding:0;border-top:1px solid #dec78870}
.launch-roadmap__steps li{display:grid;grid-template-columns:55px minmax(0,1fr) 25px;align-items:center;gap:17px;padding:24px 10px;border-bottom:1px solid #dec78870;background:#0a1c14ba;backdrop-filter:blur(8px)}
.launch-roadmap__steps li.is-available{background:#21402acb;box-shadow:inset 3px 0 #e3cc8f}
.launch-roadmap__number{align-self:start;color:#e2c88d;font:italic 37px/1 "Cormorant Garamond",Georgia,serif}
.launch-roadmap__steps small{color:#e4cc91;font-size:9px;font-weight:700;letter-spacing:.19em}.launch-roadmap__steps h3{font-size:20px;margin:8px 0 5px}.launch-roadmap__steps p{margin:0;color:#b9c7b9;font-size:12px;line-height:1.55}.launch-roadmap__mark{align-self:start;color:#e3cb8e;font-size:21px}
.launch-roadmap__action{display:flex;align-items:center;gap:30px;grid-column:1/-1;border-top:1px solid #dec78855;padding-top:25px}.launch-roadmap__action .button{min-width:235px}.launch-roadmap__action .text-link{margin:0}
/* Interior pages use tighter chapters and visible paths to the next topic. */
.features-hero{min-height:690px;padding-top:155px;padding-bottom:110px}.features-hero__inner{max-width:740px}.features-hero h1{font-size:clamp(53px,5.7vw,88px)}
.features-hero .feature-badges{margin-top:35px}.features-hero .feature-badges span{background:#0a1c14b3;backdrop-filter:blur(8px)}
.server-spec-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1500px;margin:-1px auto 0;padding:0 clamp(22px,5vw,80px);background:#0b2016;border-block:1px solid #d9bd7d56}
.server-spec-bar a{position:relative;display:flex;flex-direction:column;gap:8px;min-height:155px;padding:28px clamp(15px,2.5vw,40px);border-right:1px solid #d9bd7d41;transition:background .3s,transform .3s}.server-spec-bar a:first-child{border-left:1px solid #d9bd7d41}.server-spec-bar a:hover{background:#244832;transform:translateY(-3px)}
.server-spec-bar small{font-size:9px;font-weight:700;letter-spacing:.18em;color:#ddc487}.server-spec-bar strong{font:500 clamp(19px,2vw,29px)/1.2 Cinzel,serif;color:#f4ebd9}.server-spec-bar span{margin-top:auto;color:#aebdae;font-size:10px;letter-spacing:.06em}
.features-intro.section-shell{padding-top:90px;padding-bottom:90px}.features-details.section-shell,.features-split.section-shell,.features-services.section-shell,.download-section.section-shell{padding-top:100px;padding-bottom:100px}
.feature-row{position:relative;grid-template-columns:75px minmax(0,1fr) minmax(0,1.1fr);gap:30px;padding:32px 25px;border-top:1px solid #d9bd7d4c;background:linear-gradient(90deg,#d9bd7d06,transparent 63%)}.feature-row::after{content:"↗";position:absolute;top:29px;right:7px;color:#dbc48d72;font-size:16px}.feature-row:hover{padding-left:35px;background:linear-gradient(90deg,#d9bd7d18,transparent 72%)}
.features-split__cards article{min-height:310px}.features-split__cards article:first-child{background:linear-gradient(0deg,#07170ff0,transparent),url('../img/elven/elven-sanctuary-official.jpg') 65% center/cover}.features-split__cards article:last-child{background:linear-gradient(0deg,#07170ff0,transparent),url('../img/elven/elven-guardian-official.jpg') 65% center/cover}.features-split__cards article:hover{border-color:#eddaa5;transform:translateY(-4px)}
.features-service-grid article{min-height:235px;padding:30px;background:linear-gradient(135deg,#2446327d,#0b1d14);border:1px solid #d9bd7d47}.features-service-grid article>span{display:block;margin-bottom:20px}.features-service-grid article h3{margin:10px 0}
.guide-hub{max-width:none;background:radial-gradient(circle at 20% 40%,#24453088,transparent 49%),#081a11}.guide-hub__heading{max-width:1268px;margin:0 auto 38px}.guide-hub__heading h2{font-size:clamp(45px,4.5vw,70px);line-height:1.12;margin:20px 0}.guide-hub__heading p:last-child{color:#bdc8bb}.guide-hub__grid{max-width:1268px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:auto}.guide-hub__grid a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:340px;padding:26px;border:1px solid #d9bd7d60;overflow:hidden;transition:transform .3s,border-color .3s}.guide-hub__grid a::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#07150ff5,#07150f9c 42%,#07150f25),url('../img/elven/elven-sanctuary-official.jpg') center/cover;transition:transform .6s}.guide-hub__grid a:nth-child(2)::before{background-image:linear-gradient(0deg,#07150ff5,#07150f9c 42%,#07150f25),url('../img/elven/elven-guardian-official.jpg')}.guide-hub__grid a:nth-child(3)::before{background-image:linear-gradient(0deg,#07150ff5,#07150f9c 42%,#07150f25),url('../img/elven/elven-city-official.jpg')}.guide-hub__grid a:hover{transform:translateY(-5px);border-color:#f3d899}.guide-hub__grid a:hover::before{transform:scale(1.06)}.guide-hub__grid a>*{position:relative;z-index:1}.guide-hub__grid span{color:#e4c987;font-size:9px;font-weight:700;letter-spacing:.2em}.guide-hub__grid strong{margin:15px 0;font:500 27px Cinzel,serif}.guide-hub__grid small{display:flex;justify-content:space-between;gap:10px;padding-top:17px;border-top:1px solid #e6d6a978;color:#d5decf;font-size:11px}.guide-hub__grid b{color:#e9ce90;font-size:15px}
@media(max-width:1100px){.hero{padding-left:60px;padding-right:60px}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(310px,.72fr);gap:30px}.hero h1{font-size:clamp(39px,4.5vw,59px)}.hero-launch__date strong{font-size:90px}.hero-bottom{left:60px;right:60px}}
@media(max-width:850px){.hero{height:auto;max-height:none;min-height:0;padding:130px 40px 92px}.hero-layout{grid-template-columns:1fr;gap:45px;max-width:630px}.hero-story{max-width:none}.hero-launch{max-width:none;justify-self:stretch}.hero-bottom{left:40px;right:40px}.intro{min-height:0}.intro-visual{height:550px}.invitation{padding:90px 45px}.launch-roadmap{grid-template-columns:1fr;gap:38px}.launch-roadmap__heading{max-width:650px}.server-spec-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.server-spec-bar a:nth-child(3){border-left:1px solid #d9bd7d41}.server-spec-bar a:nth-child(-n+2){border-bottom:1px solid #d9bd7d41}.guide-hub__grid{grid-template-columns:1fr 1fr}.guide-hub__grid a:last-child{grid-column:1/-1;min-height:260px}}
@media(max-width:620px){.hero{padding:115px 23px 93px}.hero::after{inset:83px 12px 16px}.hero-layout{gap:32px}.hero-story__overline{font-size:8px;letter-spacing:.15em;line-height:1.5}.hero-logo{width:min(340px,92%);margin-left:-9px}.hero-story__rule{margin-bottom:20px}.hero h1{font-size:clamp(35px,9vw,50px)}.hero h1 em{font-size:1.08em}.hero-lead{font-size:14px;line-height:1.68;margin:20px 0 25px}.hero-actions .button{width:100%;min-height:51px}.hero-story__footnote{gap:8px;margin-top:22px;font-size:8px}.hero-launch{padding:6px}.hero-launch__status{padding:11px 12px}.hero-launch__date{padding:21px 15px}.hero-launch__date strong{font-size:78px}.hero-launch__date strong small{font-size:25px}.hero-launch__countdown{padding:19px 11px}.hero-launch .countdown strong{font-size:27px}.hero-launch .countdown span{min-height:61px}.hero-launch__bottom{padding:13px}.hero-launch__bottom strong{font-size:22px}.hero-bottom{left:23px;right:23px;bottom:23px}.intro{padding-top:82px;padding-bottom:82px}.intro-visual{height:430px}.experience{padding-top:90px;padding-bottom:85px}.pvp-panel{min-height:610px}.invitation{padding:82px 23px}.invitation::after{inset:14px}.launch-roadmap{gap:25px}.launch-roadmap h2{font-size:clamp(43px,10vw,57px)}.launch-roadmap__heading>p:last-child{font-size:14px}.launch-roadmap__steps li{grid-template-columns:38px minmax(0,1fr) 17px;gap:10px;padding:19px 8px}.launch-roadmap__number{font-size:29px}.launch-roadmap__steps h3{font-size:16px}.launch-roadmap__steps p{font-size:11px}.launch-roadmap__action{align-items:stretch;flex-direction:column;gap:22px}.launch-roadmap__action .button{width:100%}.launch-roadmap__action .text-link{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.hero-launch__bottom a{transition:none}}
@media(max-width:620px){.features-hero{min-height:620px;padding-top:132px;padding-bottom:65px}.features-hero h1{font-size:clamp(38px,9vw,53px)}.server-spec-bar{padding:0 14px}.server-spec-bar a{min-height:123px;padding:18px 12px}.server-spec-bar strong{font-size:16px}.server-spec-bar span{font-size:10px}.features-intro.section-shell,.features-details.section-shell,.features-split.section-shell,.features-services.section-shell,.download-section.section-shell{padding-top:75px;padding-bottom:75px}.feature-row{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:25px 5px}.feature-row p{grid-column:2}.feature-row::after{right:2px}.feature-row:hover{padding-left:5px}.features-split__cards article{min-height:240px}.features-service-grid article{min-height:210px}.guide-hub__grid{grid-template-columns:1fr}.guide-hub__grid a,.guide-hub__grid a:last-child{grid-column:auto;min-height:265px}.guide-hub__heading h2{font-size:43px}.launch-roadmap__steps small{font-size:10px}.launch-roadmap__steps p{font-size:12px}}
/* The official High Elf moving artwork leaves room for content on the right. */
@media(min-width:1021px){
  .hero{min-height:940px;height:auto;max-height:none;padding:124px clamp(50px,5vw,90px) 72px}
  .hero-layout{display:flex;flex-direction:column;align-items:flex-end;gap:25px;width:min(690px,52%);margin:0 0 0 auto}
  .hero-story{width:100%;max-width:none}
  .hero-logo{width:clamp(250px,23vw,330px)}
  .hero h1{font-size:clamp(40px,3.65vw,56px)}
  .hero-lead{margin:18px 0 22px}
  .hero-story__footnote{margin-top:19px}
  .hero-launch{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'status status' 'date countdown' 'bottom bottom';max-width:none;justify-self:stretch;padding:6px}
  .hero-launch__status{grid-area:status;padding:8px 12px}
  .hero-launch__date{grid-area:date;padding:18px 16px;border-bottom:0;border-right:1px solid #d9bd7d35}
  .hero-launch__date strong{font-size:clamp(62px,5.5vw,78px)}
  .hero-launch__date strong small{font-size:23px}
  .hero-launch__countdown{grid-area:countdown;padding:20px 12px}
  .hero-launch .countdown span{min-height:55px}
  .hero-launch .countdown strong{font-size:25px}
  .hero-launch__bottom{grid-area:bottom;padding:10px 15px}
}
@media(max-width:620px){
  .hero{padding-top:440px}
  .hero-art::after{mask-image:radial-gradient(ellipse 70% 36% at 50% 36%,transparent 35%,#000 88%)}
  .hero-shade{background:linear-gradient(180deg,#06130c30 0%,#06130c08 22%,#06130cb8 43%,#06130cf0 75%)}
  .hero-video{object-position:center top}
}