.info-intro{padding-top:clamp(148px,15vw,215px);padding-bottom:72px;max-width:1320px}
.info-intro .kicker,.info-index>span,.info-section__heading>span{color:#d9bd7d;font-size:11px;font-weight:700;letter-spacing:.2em}
.info-intro h1{max-width:900px;margin:17px 0 20px;color:#f3ead8;font:600 clamp(48px,7vw,100px)/.98 "Cormorant Garamond",Georgia,serif}
.info-intro h1 em,.info-section h2 em{color:#d9bd7d;font-weight:400}
.info-intro>p:not(.kicker){max-width:790px;color:#d1d9c9;font-size:16px;line-height:1.7}
.info-intro .info-reference-note{max-width:950px!important;margin-top:30px;padding:19px 22px;border-left:3px solid #d9bd7d;background:#d9bd7d12;color:#ded6bc!important;font-size:13px!important}
.info-reference-note strong{color:#f0d492}
.info-confirmed{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.info-confirmed span{padding:9px 13px;border:1px solid #d9bd7d63;color:#e7d49e;font-size:10px;font-weight:700;letter-spacing:.1em}
.info-layout{display:grid;grid-template-columns:minmax(220px,265px) minmax(0,1fr);gap:clamp(34px,5vw,88px);align-items:start;padding-top:28px;padding-bottom:120px;max-width:1320px}
.info-index{position:sticky;top:110px;display:flex;flex-direction:column;max-height:calc(100vh - 130px);overflow-y:auto;padding:24px;border:1px solid #d9bd7d35;background:linear-gradient(140deg,#163122e8,#071a12f2)}
.info-index>span{padding:0 0 17px;border-bottom:1px solid #d9bd7d32}
.info-index a{display:flex;align-items:center;gap:15px;padding:13px 5px;border-bottom:1px solid #d9bd7d1f;color:#e3e4d5;font-size:13px;font-weight:600;transition:color .2s,padding-left .2s}
.info-index a:hover,.info-index a:focus-visible{padding-left:10px;color:#f1d597}
.info-index a small{color:#d9bd7d;font-family:Georgia,serif;font-size:13px}
.info-sections{min-width:0}
.info-section{scroll-margin-top:120px;margin-bottom:20px;padding:clamp(25px,3.5vw,48px);border:1px solid #d9bd7d35;background:linear-gradient(140deg,#10261b,#081a12 80%);box-shadow:0 20px 45px #0002}
.info-section__heading{margin-bottom:27px;padding-bottom:19px;border-bottom:1px solid #d9bd7d35}
.info-section h2{margin:12px 0 0;color:#f3ead8;font:600 clamp(32px,3.4vw,47px)/1.06 "Cormorant Garamond",Georgia,serif}
.info-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.info-list li{position:relative;padding:13px 5px 13px 24px;border-bottom:1px solid #d9bd7d1b;color:#d5ddce;font-size:14px;line-height:1.6}
.info-list li:last-child{border:0}
.info-list li::before{content:"✦";position:absolute;left:0;color:#d9bd7d;font-size:9px;top:18px}
.info-rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.info-rates>div{display:flex;flex-direction:column;gap:4px;min-height:111px;padding:19px;border:1px solid #d9bd7d30;background:#d9bd7d0b}
.info-rates span{color:#d3decf;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.info-rates strong{color:#efd49b;font:600 34px/1 "Cormorant Garamond",Georgia,serif}
.info-rates small{color:#aabdab;font-size:11px;line-height:1.3}
@media(max-width:950px){.info-layout{grid-template-columns:1fr}.info-index{position:static;display:flex;flex-direction:row;gap:7px;max-height:none;overflow-x:auto;padding:13px;white-space:nowrap}.info-index>span{display:none}.info-index a{flex-shrink:0;padding:10px 12px;border:1px solid #d9bd7d37}.info-index a:hover,.info-index a:focus-visible{padding-left:12px}.info-intro{padding-top:145px}}
@media(max-width:600px){.info-intro{padding-top:126px;padding-bottom:35px}.info-layout{gap:20px;padding-bottom:65px}.info-section{padding:22px 17px;scroll-margin-top:92px}.info-rates{grid-template-columns:1fr 1fr;gap:8px}.info-rates>div{padding:12px;min-height:92px}.info-rates strong{font-size:28px}.info-rates span{font-size:10px}.info-list li{font-size:13px}}

/* The information page reads as an illustrated Lineage II codex. */
body:has(.info-layout){background:radial-gradient(circle at 70% 21%,#1a3c2a55,transparent 45%),#06140e}
.info-intro{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:650px;max-width:none;padding:165px max(24px,calc((100vw - 1320px)/2)) 82px;overflow:hidden;border-bottom:1px solid #d9bd7d54}
.info-intro__scene{position:absolute;inset:0;z-index:-1}
.info-intro__scene img{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.82) contrast(1.06)}
.info-intro__scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04110df5 4%,#071811d8 38%,#07170f57 75%),linear-gradient(0deg,#06140ef5,transparent 40%),linear-gradient(180deg,#06140e8e,transparent 40%)}
.info-intro__content{position:relative;z-index:1;max-width:800px}
.info-intro .kicker{display:flex;align-items:center;gap:12px;color:#f0d9a1}
.info-intro .kicker span{font-size:16px}
.info-intro h1{max-width:900px;margin:19px 0 18px;font-family:Cinzel,Georgia,serif;font-size:clamp(43px,5.2vw,77px);font-weight:500;line-height:1.12;letter-spacing:-.035em;text-shadow:0 4px 24px #000c}
.info-intro h1 em{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.15em;letter-spacing:0}
.info-intro>p:not(.kicker),.info-intro__content>p:not(.kicker){max-width:600px;color:#f0ecdd;font-size:16px;line-height:1.65;text-shadow:0 3px 15px #000d}
.info-intro .info-confirmed{margin-top:28px}
.info-confirmed span{background:#06170ec9;box-shadow:inset 0 0 12px #d9bd7d14}
.info-intro__explore{display:inline-flex;align-items:center;gap:18px;margin-top:35px;padding-bottom:8px;border-bottom:1px solid #d9bd7d;color:#f3d697;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.info-intro__explore span{font-size:18px}
.info-reference-note{display:flex;align-items:center;gap:18px;max-width:1320px;margin:31px auto 0;padding:16px 22px;border:1px solid #d9bd7d57;background:linear-gradient(90deg,#d9bd7d18,#0e2118);color:#ded6bc;font-size:13px;line-height:1.55}
.info-reference-note>span{color:#ebd69e;font-size:30px;line-height:1}
.info-reference-note p{margin:0}
.info-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1320px;margin:45px auto 10px;padding:0 24px}
.info-highlights a{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;overflow:hidden;padding:26px;border:1px solid #d9bd7d70;background:#0c1d15;transition:transform .25s,border-color .25s,box-shadow .25s}
.info-highlights a:hover,.info-highlights a:focus-visible{transform:translateY(-4px);border-color:#f1d99f;box-shadow:0 16px 32px #0008}
.info-highlights img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.info-highlights a:hover img{transform:scale(1.05)}
.info-highlights a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#06120ff5 8%,#06120fb8 53%,#06120f1a)}
.info-highlights span{color:#e8c981;font-size:10px;font-weight:700;letter-spacing:.15em}
.info-highlights strong{margin-top:7px;color:#fff3d8;font:600 clamp(25px,2.5vw,34px)/1.1 "Cormorant Garamond",Georgia,serif}
.info-highlights small{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;border-top:1px solid #e7cd9455;color:#e7e3d3;font-size:11px;font-weight:600}
.info-highlights i{color:#e7cd94;font-size:19px;font-style:normal}
.info-layout{padding-top:40px}
.info-index{border-color:#d9bd7d61;box-shadow:inset 0 0 0 5px #d9bd7d09,0 24px 40px #0006}
.info-index a{font-size:13px}
.info-index a:hover,.info-index a:focus-visible{background:#d9bd7d10}
.info-section{overflow:hidden;padding:0;border-color:#d9bd7d58;box-shadow:0 24px 50px #0005}
.info-section__scene{position:relative;isolation:isolate;display:flex;align-items:end;min-height:245px;overflow:hidden;background:#102319}
.info-section__scene>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.8)}
.info-section__scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#081910f8 0%,#081910bf 42%,#08191022 100%)}
.info-section:nth-child(4n+2) .info-section__scene>img{object-position:center 30%}
.info-section__heading{width:100%;margin:0;padding:40px 42px 27px;border:0}
.info-section__heading>span{color:#f0d496;text-shadow:0 2px 8px #000}
.info-section h2{margin-top:11px;color:#fff3d9;font-family:Cinzel,Georgia,serif;font-size:clamp(27px,2.7vw,38px);font-weight:500;text-shadow:0 3px 15px #000d}
.info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:28px 31px 36px}
.info-list li{display:flex;align-items:center;min-height:83px;padding:18px 18px 18px 37px;border:1px solid #d9bd7d28;background:linear-gradient(140deg,#1b3524b5,#0a1c13);font-size:13px;line-height:1.55}
.info-list li:last-child{border:1px solid #d9bd7d28}
.info-list li::before{left:17px;top:21px;font-size:11px}
.info-rates{padding:28px 31px 36px}
.info-rates>div{min-height:133px;border-color:#d9bd7d51;background:radial-gradient(circle at 100% 0%,#d9bd7d16,transparent 60%),linear-gradient(135deg,#193323,#0b1e14)}
.info-rates strong{font-size:42px;text-shadow:0 0 18px #d9bd7d44}
@media(max-width:950px){.info-intro{min-height:560px;padding:145px 28px 60px}.info-highlights{gap:10px}.info-highlights a{min-height:185px;padding:17px}.info-layout{padding-top:23px}.info-section__scene{min-height:205px}}
@media(max-width:620px){.info-intro{min-height:650px;padding:130px 20px 48px}.info-intro__scene img{object-position:62% center}.info-intro__scene::after{background:linear-gradient(0deg,#06140efb 7%,#071811dc 44%,#07170f6b),linear-gradient(90deg,#04110da8,transparent)}.info-intro h1{font-size:clamp(40px,10.5vw,58px)}.info-intro__content>p:not(.kicker){font-size:14px}.info-confirmed span{font-size:9px}.info-reference-note{margin-top:16px;padding:14px 16px}.info-highlights{grid-template-columns:1fr;gap:10px;margin-top:22px;padding:0 20px}.info-highlights a{min-height:156px}.info-highlights strong{font-size:28px}.info-highlights small{margin-top:7px}.info-layout{padding-top:17px}.info-section__scene{min-height:180px}.info-section__heading{padding:22px 19px}.info-section h2{font-size:25px}.info-list{grid-template-columns:1fr;padding:16px;gap:7px}.info-list li{min-height:0;padding:14px 13px 14px 34px}.info-list li::before{left:13px;top:17px}.info-rates{padding:16px}.info-rates strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){.info-highlights a,.info-highlights img{transition:none}}
.info-farm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:28px 31px 36px}
.info-farm>div{min-height:220px;padding:28px;border:1px solid #d9bd7d4c;background:linear-gradient(145deg,#183322,#091c13)}
.info-farm__world{grid-column:1/-1;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#07180ff0,#0a2117ad),url('../img/elven/elven-city-official.jpg') center 45%/cover!important}
.info-farm__world::after{content:"✦";position:absolute;right:32px;bottom:-55px;z-index:-1;color:#d9bd7d17;font-size:240px;line-height:1}
.info-farm__world>span,.info-farm__pvp>span,.info-farm__flag>span,.info-farm__eyebrow{color:#e8d090;font-size:10px;font-weight:700;letter-spacing:.17em}
.info-farm h3{margin:13px 0 12px;color:#fff0d2;font:600 clamp(26px,2.6vw,34px)/1.05 "Cormorant Garamond",Georgia,serif}
.info-farm p{max-width:620px;margin:0;color:#d7dfd0;font-size:13px;line-height:1.7}
.info-farm__currencies{grid-column:1/-1}
.info-farm__currencies>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:19px 0}
.info-farm__currencies article{display:flex;align-items:center;gap:13px;min-height:70px;padding:14px;border:1px solid #d9bd7d6b;background:#d9bd7d0c}
.info-farm__currencies article span{color:#f0d596;font-size:23px}
.info-farm__currencies article strong{color:#f6ecd6;font:600 21px/1.1 "Cormorant Garamond",Georgia,serif}
.info-farm__pvp{background:linear-gradient(145deg,#302319,#102018)!important;border-color:#e6a66380!important}
.info-farm__pvp>span{color:#f4b982}
.info-farm__flag{background:linear-gradient(145deg,#182d2d,#0b1c19)!important}
@media(max-width:620px){.info-farm{grid-template-columns:1fr;padding:16px;gap:9px}.info-farm>div{grid-column:1;min-height:0;padding:22px 18px}.info-farm__currencies>div{grid-template-columns:1fr;gap:7px}.info-farm__currencies article{min-height:52px}.info-farm__world::after{right:-5px;bottom:-25px;font-size:150px}}