html{scroll-padding-top:80px}
body{overflow-x:hidden}
.site-header{position:fixed;transition:background .3s ease,box-shadow .3s ease}
.site-header.is-scrolled{background:#07150ff0;box-shadow:0 12px 40px #0005;backdrop-filter:blur(18px)}
.main-nav{gap:clamp(13px,1.4vw,26px)}
.main-nav a{font-size:10px;letter-spacing:.12em}
.main-nav a[aria-current="page"]{color:var(--gold)}
.hero{min-height:740px}
.hero-art{animation:forest-breathe 25s ease-in-out infinite alternate}
.hero-content{padding-top:95px}
.hero-logo{width:min(590px,85%);margin-bottom:-12px}
.hero-opening{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:32px 0 0;color:#e6d9b2;font-size:10px;font-weight:700;letter-spacing:.18em}
.hero-opening strong{font-size:13px;color:#fff}
.hero-opening span{color:#cbb781}
.opening-strip{background:#142c20;border-top:1px solid #d9bd7d55;border-bottom:1px solid #d9bd7d55;padding:28px clamp(22px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:36px}
.opening-strip>div:first-child{display:flex;flex-direction:column;gap:4px}
.opening-strip__label{font-size:10px;font-weight:700;letter-spacing:.26em;color:var(--gold)}
.opening-strip strong{font-family:Cinzel,serif;letter-spacing:.08em}
.opening-strip>div:first-child strong{font-size:21px}
.opening-strip small{font-size:9px;font-weight:700;letter-spacing:.16em;color:#b7c5b8}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(65px,85px));gap:6px;text-align:center}
.countdown span{display:flex;flex-direction:column;gap:1px;padding:4px 8px;border-left:1px solid #d9bd7d44}
.countdown strong{font-size:28px;color:#f1ead8;font-variant-numeric:tabular-nums}
.countdown small{color:var(--gold)}
.experience-more{display:block;width:max-content;max-width:100%;margin:38px auto 0}
.pvp-panel{position:relative;min-height:555px;display:flex;align-items:center;max-width:none;overflow:hidden}
.pvp-panel__art{position:absolute;inset:0;background:linear-gradient(90deg,#07150ffa 0%,#07150fdd 42%,#07150f44 100%),url('../img/elven/elven-city-official.jpg') center 58%/cover}
.pvp-panel__content{position:relative;max-width:750px;margin-left:max(0px,calc((100vw - 1268px)/2))}
.pvp-panel h2{font-size:clamp(34px,4vw,61px);line-height:1.2}
.pvp-panel__content>p:not(.kicker){max-width:550px;font-size:16px;line-height:1.85;color:var(--muted)}
.pvp-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}
.pvp-tags span{border:1px solid #d9bd7d77;color:var(--gold);padding:10px 13px;font-size:9px;font-weight:700;letter-spacing:.14em}
.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;background:#0a1b12}
.faq h2{font-size:clamp(32px,3.4vw,51px);line-height:1.2}
.faq-list{border-top:1px solid #d9bd7d55}
.faq-list details{border-bottom:1px solid #d9bd7d55}
.faq-list summary{list-style:none;cursor:pointer;position:relative;padding:24px 40px 24px 0;font-family:Cinzel,serif;font-size:15px;color:#eee7d5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:6px;color:var(--gold);font:24px "DM Sans",sans-serif;top:18px}
.faq-list details[open] summary:after{content:'−'}
.faq-list p{color:var(--muted);line-height:1.75;margin:0 0 24px}
.site-footer{display:block}
.footer-main,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1268px;margin:auto}
.footer-main{padding:25px 0 35px}
.footer-main p{margin:6px 0;color:var(--muted)}
.footer-main nav{display:flex;gap:24px;flex-wrap:wrap}
.footer-main nav a,.footer-bottom{font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.footer-bottom{padding-top:22px;border-top:1px solid #d9bd7d33;color:#8fa393}
.footer-bottom a{color:var(--gold)}
.social-preview{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px;color:#b6c2b6;font-size:9px;font-weight:700;letter-spacing:.13em}.social-preview span{border:1px solid #d9bd7d4d;padding:7px 9px}.social-preview small{font-size:8px;color:var(--gold)}
[data-reveal]{opacity:1;transform:none}
[data-reveal].is-visible{animation:reveal-up .7s ease both}
@keyframes reveal-up{from{opacity:.65;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes forest-breathe{from{transform:scale(1.025)}to{transform:scale(1.09)}}
@media(max-width:1100px){.main-nav{gap:12px}.main-nav a{font-size:9px}.header-cta{padding:11px}}
@media(max-width:950px){.main-nav{gap:0}.main-nav a{font-size:12px}.site-header{height:74px}.opening-strip{flex-wrap:wrap}.faq{grid-template-columns:1fr;gap:30px}.pvp-panel__content{margin-left:0}}
@media(max-width:950px){.main-nav{background:#081b12;box-shadow:0 20px 35px #0008}}
@media(max-width:620px){.hero{min-height:770px;height:auto;max-height:none;padding:115px 0 85px}.hero-content{padding-top:0}.hero-logo{width:100%;margin-bottom:0}.eyebrow{font-size:9px;line-height:1.7;letter-spacing:.16em}.eyebrow-line{width:14px}.hero-opening{font-size:9px;gap:7px}.hero-bottom{bottom:18px}.opening-strip{justify-content:center;text-align:center;padding:28px 18px}.countdown{width:100%;grid-template-columns:repeat(4,1fr)}.countdown span{padding:4px 2px}.countdown strong{font-size:23px}.countdown small{font-size:8px}.pvp-panel{min-height:490px}.pvp-panel__art{background:linear-gradient(90deg,#07150fe8,#07150fb5),url('../img/elven/elven-city-official.jpg') 59% center/cover}.faq-list summary{font-size:13px}.footer-main,.footer-bottom{align-items:flex-start;flex-direction:column;gap:16px}.footer-main nav{flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){.hero-art{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}}
@media(max-width:620px){.site-header{gap:10px}.brand{flex-shrink:0}.brand img{width:102px}.menu-toggle{flex-shrink:0}.header-cta{margin-left:auto;white-space:nowrap}.header-cta span{display:none}}
@media(min-width:951px) and (max-width:1240px){.site-header{height:74px}.brand img{width:118px}.menu-toggle{display:flex;order:3;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:none;border:0;cursor:pointer}.menu-toggle span{width:25px;height:2px;background:var(--gold)}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#081b12;padding:16px 25px 25px;border-bottom:1px solid #d9bd7d55;box-shadow:0 20px 35px #0008}.main-nav.is-open{display:flex}.main-nav a{padding:13px 5px;font-size:12px}.header-cta{margin-left:auto;padding:11px 14px}}
@media(min-width:951px) and (max-width:1240px){.main-nav.is-open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}}
