/* A permanent, readable summary of the rules that define Elven. */
.header-status{display:none}
@media(min-width:1241px){html{scroll-padding-top:104px}.site-header{height:104px;align-items:flex-end;padding-bottom:15px;background:linear-gradient(180deg,#03130def,#051b12e8 57%,#051b12da)}.site-header .main-nav{top:68px}.site-header .header-cta{align-self:flex-end}.header-status{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:32px;padding-inline:clamp(24px,4.5vw,84px);border-bottom:1px solid #d9bd7d3d;background:linear-gradient(90deg,#143021af,#081d14d9 45%,#143021af),repeating-linear-gradient(115deg,#e6d5960b 0 1px,transparent 1px 7px);color:#c9d0ba;font-size:9px;font-weight:700;letter-spacing:.17em}.header-status i{padding-inline:9px;color:#d7c27e;font-style:normal}.header-status time{margin-left:15px;color:#efd9a0}}
.site-header .main-nav a{font-family:"DM Sans",sans-serif;font-size:13px;font-weight:600;letter-spacing:.035em;text-transform:none}
.site-header .header-cta,.hero-actions .button-primary{position:relative;overflow:hidden;border:1px solid #ecd39b;background:radial-gradient(ellipse at 50% -100%,#fff2c9b5,transparent 73%),repeating-linear-gradient(135deg,#fff5ce19 0 1px,transparent 1px 10px),linear-gradient(105deg,#bc9656,#f2d99c 50%,#b58a4b);box-shadow:inset 0 1px 0 #fff5d9b8,inset 0 -1px 0 #7b54276b,0 10px 28px #0006;color:#132218;text-shadow:0 1px #fff2c070}
.site-header .header-cta::before,.hero-actions .button-primary::before{content:"";position:absolute;inset:4px;border:1px solid #74562866;pointer-events:none}
.site-header .header-cta:hover,.site-header .header-cta:focus-visible,.hero-actions .button-primary:hover,.hero-actions .button-primary:focus-visible{background:radial-gradient(ellipse at 50% -100%,#fff9dfcf,transparent 73%),repeating-linear-gradient(135deg,#fff5ce28 0 1px,transparent 1px 10px),linear-gradient(105deg,#d2ac66,#ffe7a9 50%,#c69b58);color:#0b1d11}
.chapter-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 max(24px,calc((100vw - 1268px)/2));border-bottom:1px solid #d9bd7d69;background:#06140d}
.chapter-index a{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 20px;align-content:end;gap:8px 16px;min-height:190px;padding:23px clamp(15px,2vw,31px);border-left:1px solid #d9bd7d59;transition:background .25s,color .25s}
.chapter-index a::before{content:"";position:absolute;z-index:2;top:0;left:0;right:100%;height:2px;background:#edd79d;transition:right .28s ease}
.chapter-index a::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#07160e4d 2%,#07160edc 79%,#07160ef5),var(--chapter-image) center/cover no-repeat;filter:saturate(.77);transform:scale(1.015);transition:transform .55s ease,filter .4s ease}
.chapter-index a:nth-child(1){--chapter-image:url('../img/elven/elven-city-official.jpg')}
.chapter-index a:nth-child(2){--chapter-image:url('../img/elven/elven-worldtree-official.jpg')}
.chapter-index a:nth-child(3){--chapter-image:url('../img/elven/elven-guardian-official.jpg')}
.chapter-index a:nth-child(4){--chapter-image:url('../img/elven/elven-sanctuary-official.jpg')}
.chapter-index a:last-child{border-right:1px solid #d9bd7d3d}
.chapter-index a:hover,.chapter-index a:focus-visible{background:#244b32}
.chapter-index a:hover::before,.chapter-index a:focus-visible::before{right:0}
.chapter-index a:hover::after,.chapter-index a:focus-visible::after{filter:saturate(1.08) brightness(1.15);transform:scale(1.075)}
.chapter-index a span{grid-column:1/-1;color:#d9bd7d;font-size:9px;font-weight:700;letter-spacing:.21em}
.chapter-index a strong{min-width:0;color:#f0e7d3;font:500 clamp(17px,1.5vw,22px)/1.2 Cinzel,Georgia,serif;white-space:normal}
.chapter-index a i{justify-self:end;color:#e6ce91;font-size:19px;font-style:normal;line-height:1}
.chapter-index a i{transition:transform .25s ease}
.chapter-index a:hover i,.chapter-index a:focus-visible i{transform:translate(3px,-3px)}
@media(max-width:900px){.chapter-index{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:28px}.chapter-index a:nth-child(-n+2){border-bottom:1px solid #d9bd7d3d}.chapter-index a:nth-child(2){border-right:1px solid #d9bd7d3d}}
@media(max-width:620px){.chapter-index{padding-inline:15px}.chapter-index a{min-height:135px;padding:17px 12px;gap:7px 6px}.chapter-index a span{font-size:8px;letter-spacing:.14em}.chapter-index a strong{font-size:14px}.chapter-index a i{font-size:16px}}
.hero-portal-label{display:none}
.hero-portal{position:absolute;z-index:4;right:clamp(34px,5vw,100px);bottom:132px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;width:min(690px,51vw);min-height:155px;text-align:left}
.hero-portal a{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding:20px 18px 18px;border:1px solid #d8b67b;box-shadow:inset 0 0 0 5px #07160f99,inset 0 0 0 6px #ead19963,0 12px 29px #0009;transition:background .25s ease,box-shadow .25s ease}
.hero-portal a:last-child{border-right:1px solid #d8b67b}
.hero-portal a::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(115deg,#f2dc9e0c 0 1px,transparent 1px 8px),linear-gradient(180deg,#06180f20 0%,#06180f72 53%,#06180fec 100%),var(--portal-image) center/cover no-repeat;opacity:1;transition:filter .3s ease,transform .5s ease}
.hero-portal a::after{content:"";position:absolute;top:5px;left:50%;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);border:1px solid #ffe6a4;background:linear-gradient(135deg,#6d5127,#e7c887 55%,#755529);box-shadow:0 0 0 3px #07150fcc,0 0 12px #e7c88777}
.hero-portal a:nth-child(1){--portal-image:url('../img/elven/elven-worldtree-official.jpg')}
.hero-portal a:nth-child(2){--portal-image:url('../img/elven/elven-guardian-official.jpg')}
.hero-portal a:nth-child(3){--portal-image:url('../img/elven/elven-sanctuary-official.jpg')}
.hero-portal a:hover::before,.hero-portal a:focus-visible::before{filter:saturate(1.2) brightness(1.12);transform:scale(1.07)}
.hero-portal a:hover,.hero-portal a:focus-visible{background:#20442bd4}
.hero-portal a span{margin-bottom:8px;color:#e9d498;font-size:9px;font-weight:700;letter-spacing:.17em;text-shadow:0 2px 6px #000}
.hero-portal a strong{color:#fff3d8;font:500 clamp(17px,1.45vw,23px)/1.12 'Cormorant Garamond',Georgia,serif;text-shadow:0 2px 12px #000;text-wrap:balance}
.hero-portal a i{position:absolute;top:16px;right:17px;color:#e4cb88;font-size:14px;font-style:normal}
@media(max-width:1240px){.hero-portal{display:none}}
@media(min-width:1241px){.hero-layout{translate:0 -73px}.chapter-index{display:none}}
@media(min-width:1400px) and (min-height:850px){.hero-layout{translate:0 -103px}.hero-portal{left:50%;right:auto;bottom:128px;width:min(1040px,calc(100% - 200px));min-height:210px;transform:translateX(-50%)}.hero-portal a{padding:25px 25px 22px}.hero-portal a strong{font-size:clamp(23px,1.7vw,29px)}.hero-portal a span{font-size:10px}}
@media(max-width:620px){.hero-portal-label{position:relative;z-index:2;display:flex;justify-content:space-between;gap:8px;margin:0 24px 13px;color:#e7d297;font-size:8px;font-weight:700;letter-spacing:.16em}.hero-portal-label span{color:#aebfae}.hero-portal{position:relative;left:auto;right:auto;bottom:auto;display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;width:calc(100% - 24px);min-height:0;margin:0 0 0 24px;padding:0 24px 20px 0;border:0;background:none;box-shadow:none;backdrop-filter:none;scrollbar-width:thin;scrollbar-color:#d9bd7d8c transparent}.hero-portal a{flex:0 0 min(72vw,265px);min-height:150px;margin-right:10px;border:1px solid #e6ce8b7d;scroll-snap-align:start}.hero-portal a:last-child{border-right:1px solid #e6ce8b7d}.chapter-index{display:none}}
.realm-code{position:relative;isolation:isolate;overflow:hidden;border-block:1px solid #d9bd7d4a;background:#08190f}
.realm-code::before{content:"";position:absolute;z-index:-2;inset:0;background:url('../img/elven/elven-worldtree-official.jpg') 18% 55%/cover no-repeat;filter:saturate(.78) brightness(.92)}
.realm-code::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#06150d52 0%,#071a11bc 43%,#071710f5 61%,#071710f8 100%),linear-gradient(0deg,#071710d9,transparent 35%,#07171058)}
.realm-code__inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:clamp(75px,10vw,170px);width:min(1268px,calc(100% - 120px));min-height:650px;margin:auto;padding:95px 0}
.realm-code .kicker{margin:0 0 24px;color:#ecd295}
.realm-code__intro{max-width:540px}
.realm-code__intro h2{margin:0;color:#f3ead7;font:500 clamp(51px,5vw,79px)/1.03 Cinzel,Georgia,serif;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 7px 24px #000a}
.realm-code__intro h2 em{display:block;margin-top:7px;color:#eed296;font:italic 600 1.14em/.92 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em}
.realm-code__intro>p:not(.kicker){max-width:470px;margin:29px 0 22px;color:#e0e8dc;font-size:16px;line-height:1.75;text-shadow:0 2px 11px #000b}
.realm-code__intro .text-link{margin-top:8px;color:#f0d493}
.realm-code__list{list-style:none;margin:0;padding:8px 0;border-top:1px solid #e2c98b9c;border-bottom:1px solid #e2c98b9c;background:linear-gradient(90deg,#0a2218dc,#07180fde);backdrop-filter:blur(12px)}
.realm-code__list li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;padding:29px 26px;border-bottom:1px solid #d9bd7d47}
.realm-code__list li:last-child{border-bottom:0}
.realm-code__list li>span{color:#e3c988;font:italic 33px/1 'Cormorant Garamond',Georgia,serif}
.realm-code__list h3{margin:0 0 8px;color:#f4ead5;font:500 clamp(19px,2vw,25px)/1.18 Cinzel,Georgia,serif}
.realm-code__list p{max-width:440px;margin:0;color:#c7d2c4;font-size:13px;line-height:1.65}
.path-explorer__visual{background:linear-gradient(90deg,#07160f20,#07160f52),url('../img/elven/elven-guardian-official.jpg') 51% center/cover}
@media(max-width:950px){.realm-code__inner{grid-template-columns:1fr;gap:48px;width:min(680px,calc(100% - 72px));padding:78px 0}.realm-code::before{background-position:34% center}.realm-code::after{background:linear-gradient(180deg,#07171080,#071710e5 46%,#071710f8 100%)}.realm-code__intro{max-width:620px}.realm-code__intro h2{font-size:clamp(49px,8vw,75px)}.realm-code__list{max-width:680px}}
@media(max-width:620px){.realm-code__inner{width:calc(100% - 46px);gap:39px;padding:80px 0 74px}.realm-code::before{background-position:34% top}.realm-code::after{background:linear-gradient(180deg,#071710a8,#071710eb 40%,#071710fb 100%)}.realm-code .kicker{margin-bottom:20px;font-size:9px}.realm-code__intro h2{font-size:clamp(42px,11vw,61px)}.realm-code__intro>p:not(.kicker){font-size:14px;line-height:1.7;margin:23px 0 16px}.realm-code__list li{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:24px 8px}.realm-code__list li>span{font-size:29px}.realm-code__list h3{font-size:18px}.realm-code__list p{font-size:12px;line-height:1.6}}

/* Keep video controls with the artwork and give the final chapter more depth. */
@media(min-width:1101px){.hero-motion-control{top:auto;right:auto;bottom:145px;left:clamp(35px,6.5vw,120px);border-color:#d9bd7d5e;background:#07190fa8}.hero-motion-control:hover,.hero-motion-control:focus-visible{border-color:#f1dba2;background:#173c28}}
@media(min-width:1101px) and (max-width:1350px){.hero-video{object-position:30% center}.hero-art{background-position:30% center}}
@media(min-width:2100px){.hero-layout{width:min(900px,40vw);transform:translateX(-2.2vw)}.hero .hero-brandmark{width:min(850px,100%)}.hero .hero-lead{font-size:12px}.hero-actions .button-primary{min-width:290px;min-height:64px}.hero-discover{font-size:12px}.site-header .main-nav a,.site-header .header-cta{font-size:12px}.hero-opening__date time strong{font-size:58px}.hero-opening .countdown strong{font-size:34px}}
.faq{position:relative;isolation:isolate;background:radial-gradient(ellipse at 76% 47%,#183d2940,transparent 57%),#07180f}
.faq::before{content:"";position:absolute;z-index:-1;inset:0 49% 0 0;background:url('../img/elven/elven-gateway-official.jpg') 39% center/cover;opacity:.13;-webkit-mask-image:linear-gradient(90deg,#000 18%,transparent 100%);mask-image:linear-gradient(90deg,#000 18%,transparent 100%)}
@media(max-width:620px){.faq::before{inset:0;opacity:.08;-webkit-mask-image:linear-gradient(180deg,#000,transparent 65%);mask-image:linear-gradient(180deg,#000,transparent 65%)}}
@media(max-width:620px){.pvp-panel__art{background:linear-gradient(90deg,#06130cf1,#06130cad),linear-gradient(0deg,#06130ce4,transparent 68%),url('../img/elven/elven-templar-official.jpg') 62% center/cover}}
.launch-roadmap__steps small{font-size:10px}
.launch-roadmap__steps p{color:#d1ddd0;font-size:13px;line-height:1.6}
@media(prefers-reduced-motion:reduce){.chapter-index a,.chapter-index a::before,.chapter-index a::after,.chapter-index a i,.hero-portal a,.hero-portal a::before{transition:none}}

/* Carry the material language of the first screen through the full journey. */
.intro-visual{box-shadow:0 30px 80px #0008,0 0 0 1px #d8c38d3d}
.intro-visual::after{content:"";position:absolute;z-index:3;top:9px;left:50%;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);border:1px solid #ffe1a0;background:linear-gradient(135deg,#644a27,#efdaa4 50%,#75552b);box-shadow:0 0 0 4px #091b12d9,0 0 16px #e8ca8180;pointer-events:none}
.path-explorer__tabs button{isolation:isolate;overflow:hidden;background:#0b2117;font-family:"DM Sans",sans-serif}
.path-explorer__tabs button::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(125deg,#e5d2a20b 0 1px,transparent 1px 10px),linear-gradient(90deg,#06170fe6,#092016bd),var(--tab-art) center/cover no-repeat;opacity:.52;transition:opacity .3s ease,transform .5s ease}
.path-explorer__tabs button:nth-child(1){--tab-art:url('../img/elven/elven-guardian-official.jpg')}
.path-explorer__tabs button:nth-child(2){--tab-art:url('../img/elven/elven-sanctuary-official.jpg')}
.path-explorer__tabs button:nth-child(3){--tab-art:url('../img/elven/elven-city-official.jpg')}
.path-explorer__tabs button:hover::before,.path-explorer__tabs button[aria-selected="true"]::before{opacity:.87;transform:scale(1.04)}
.path-explorer__tabs button[aria-selected="true"]{box-shadow:inset 0 0 0 5px #07170e8c,inset 0 0 0 6px #e8d0944a}
.path-explorer__tabs button strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:23px;font-weight:600;text-transform:none;letter-spacing:.01em;text-shadow:0 2px 9px #000}
.path-explorer__tabs button small{text-shadow:0 2px 8px #000}
.path-explorer__facts span,.pvp-tags span{background:repeating-linear-gradient(125deg,#ead49d0b 0 1px,transparent 1px 9px),#10291bcf;box-shadow:inset 0 0 0 3px #09180fba}
.launch-roadmap__steps{border:1px solid #d9bd7d70;box-shadow:0 28px 70px #0008,inset 0 0 0 5px #08180ec7,inset 0 0 0 6px #e2cd9652}
.launch-roadmap__steps li{position:relative;padding:28px 22px;background:repeating-linear-gradient(115deg,#e6d49e09 0 1px,transparent 1px 10px),linear-gradient(90deg,#0a2118ed,#0b2119df)}
.launch-roadmap__steps li.is-available{background:repeating-linear-gradient(115deg,#eedca80e 0 1px,transparent 1px 10px),linear-gradient(90deg,#31573adf,#193e2ada)}
.launch-roadmap__steps h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:26px;font-weight:600;line-height:1.1}
.launch-roadmap__steps li::after{content:"";position:absolute;left:50%;bottom:-5px;z-index:1;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);border:1px solid #dec583;background:#10291c}
.launch-roadmap__steps li:last-child::after{display:none}
.launch-roadmap__action .button-primary,.footer-banner .button-primary,.site-footer .button-primary{position:relative;overflow:hidden;border:1px solid #ecd39b;background:radial-gradient(ellipse at 50% -100%,#fff2c9b5,transparent 73%),repeating-linear-gradient(135deg,#fff5ce19 0 1px,transparent 1px 10px),linear-gradient(105deg,#bc9656,#f2d99c 50%,#b58a4b);box-shadow:inset 0 1px 0 #fff5d9b8,inset 0 -1px 0 #7b54276b,0 10px 28px #0006;color:#132218}
.launch-roadmap__action .button-primary::before,.footer-banner .button-primary::before,.site-footer .button-primary::before{content:"";position:absolute;inset:4px;border:1px solid #74562866;pointer-events:none}
.launch-roadmap__action .button-primary:hover,.site-footer .button-primary:hover{background:linear-gradient(105deg,#d2ac66,#ffe7a9 50%,#c69b58);color:#0b1d11}
.footer-main nav a{transition:color .2s ease,transform .2s ease}
.footer-lead__action{position:relative;overflow:hidden;border:1px solid #ecd39b;background:radial-gradient(ellipse at 50% -100%,#fff2c9b5,transparent 73%),repeating-linear-gradient(135deg,#fff5ce19 0 1px,transparent 1px 10px),linear-gradient(105deg,#bc9656,#f2d99c 50%,#b58a4b);box-shadow:inset 0 1px 0 #fff5d9b8,inset 0 -1px 0 #7b54276b,0 10px 28px #0006;color:#132218}
.footer-lead__action::before{content:"";position:absolute;inset:4px;border:1px solid #74562866;pointer-events:none}
.footer-lead__action:hover,.footer-lead__action:focus-visible{background:linear-gradient(105deg,#d2ac66,#ffe7a9 50%,#c69b58);color:#0b1d11}
.footer-main nav a:hover,.footer-main nav a:focus-visible{color:#f1d69b;transform:translateX(3px)}
@media(max-width:900px){.launch-roadmap__steps li{padding:24px 16px}.path-explorer__tabs button strong{font-size:21px}}
@media(max-width:620px){.intro-visual::after{width:9px;height:9px}.path-explorer__tabs button strong{font-size:17px}.launch-roadmap__steps h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.path-explorer__tabs button::before,.footer-main nav a{transition:none}}

/* A more substantial final chapter before the invitation in the footer. */
.faq-list{border:1px solid #d9bd7d57;box-shadow:inset 0 0 0 5px #07190fbd,inset 0 0 0 6px #d9bd7d2c,0 25px 60px #0004;background:repeating-linear-gradient(115deg,#e3d09a08 0 1px,transparent 1px 11px),#071a11d9}
.faq-list details{padding:0 25px;border-bottom:1px solid #d9bd7d45}
.faq-list details:last-child{border-bottom:0}
.faq-list details[open]{background:linear-gradient(90deg,#2447358c,#0c2117b0)}
.faq-list summary{min-height:77px;display:flex;align-items:center;padding:19px 42px 19px 0;color:#f0e8d6;font:600 clamp(20px,1.6vw,24px)/1.12 "Cormorant Garamond",Georgia,serif;text-transform:none}
.faq-list summary::before{flex:none;width:38px;margin-right:19px;font-size:24px}
.faq-list summary::after{top:23px;right:5px}
.faq-list p{max-width:610px;margin:-3px 0 24px 58px;color:#d2dfd0;font-size:14px}
@media(max-width:620px){.faq-list details{padding-inline:15px}.faq-list summary{min-height:70px;padding:16px 30px 16px 0;font-size:19px}.faq-list summary::before{width:26px;margin-right:10px;font-size:21px}.faq-list summary::after{top:19px;right:0}.faq-list p{margin:0 0 20px 36px;font-size:13px}}

.realm-code__list{position:relative;isolation:isolate;border:1px solid #e2c98b83;box-shadow:inset 0 0 0 5px #07180fbd,inset 0 0 0 6px #d9bd7d45,0 25px 60px #0006;background:repeating-linear-gradient(115deg,#e8d6a00a 0 1px,transparent 1px 10px),linear-gradient(90deg,#0b2519ed,#07190fe6)}
.realm-code__list::before{content:"";position:absolute;z-index:2;top:-5px;left:50%;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);border:1px solid #ffe3a4;background:linear-gradient(135deg,#6d5127,#e7c887 55%,#755529);box-shadow:0 0 0 3px #07150fcc,0 0 12px #e7c88777;pointer-events:none}
.realm-code__list li{position:relative;isolation:isolate;min-height:153px;align-items:center;padding:28px 35px;background:linear-gradient(90deg,#102b1db8,#081b13d7)}
.realm-code__list li::before{content:"";position:absolute;z-index:-1;inset:0 0 0 68%;background:linear-gradient(90deg,#0a2018e8,#0a20187d),var(--code-art) center/cover no-repeat;opacity:.42}
.realm-code__list li:nth-child(1){--code-art:url('../img/elven/elven-worldtree-official.jpg')}
.realm-code__list li:nth-child(2){--code-art:url('../img/elven/elven-guardian-official.jpg')}
.realm-code__list li:nth-child(3){--code-art:url('../img/elven/elven-templar-official.jpg')}
.realm-code__list li>span{font-size:38px}
.realm-code__list h3{font:600 clamp(24px,2.2vw,31px)/1.08 "Cormorant Garamond",Georgia,serif;text-shadow:0 2px 8px #0009}
.realm-code__list p{color:#d0ddcf;font-size:14px;line-height:1.65;text-shadow:0 2px 8px #000a}
@media(max-width:620px){.realm-code__list li{min-height:0;padding:24px 15px}.realm-code__list li::before{inset:0 0 0 70%;opacity:.24}.realm-code__list li>span{font-size:29px}.realm-code__list h3{font-size:22px}.realm-code__list p{font-size:12px}}
@media(min-width:2100px) and (min-height:850px){.hero-portal{width:min(1240px,calc(100% - 560px));min-height:230px}.hero-portal a strong{font-size:31px}}