/* Cinematic homepage. Scoped separately from the account, forum and encyclopedia. */
.cinematic-home{background:#060d16;overflow-x:clip}
.cinematic-home .site-header{height:88px;background:linear-gradient(180deg,#040910ed,#050c15a1);border-bottom:1px solid #c9b37933;backdrop-filter:none}
.cinematic-home .brand>span{font-size:30px;letter-spacing:6px}
.cinematic-home .site-header nav{gap:27px;font-size:11px;letter-spacing:1px}
.cinematic-home .hero{height:850px;min-height:740px;max-height:none;background:#071321}
.cinematic-home .hero-art{inset:0;animation:none!important;transform-origin:20% 20%;background-position:center top;background-size:cover;opacity:1;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.035);transition:transform 1.5s ease-out}
.cinematic-home .hero-art:after{display:none}
.cinematic-home .hero-shade{background:linear-gradient(90deg,transparent 25%,#05101b25 45%,#040c16a6 80%),linear-gradient(0deg,#060d16 0%,#060d1677 15%,transparent 40%,#050b1320 90%)}
.frost-aura{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 24% 20%,#42bfff35,transparent 30%),radial-gradient(ellipse at 68% 80%,#33aeff22,transparent 40%);opacity:.65}
.effects-on .frost-aura{animation:frost-pulse 7s ease-in-out infinite alternate}
.frost-mist{position:absolute;bottom:0;left:-15%;width:130%;height:40%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 22% 80%,#6dc8f13b,transparent 40%),radial-gradient(ellipse at 75% 65%,#49b7f12a,transparent 40%);filter:blur(22px);opacity:.65}
.effects-on .frost-mist{animation:mist-drift 14s ease-in-out infinite alternate}
#frost-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.cinematic-home .hero-inner{position:relative;z-index:3;width:48%;max-width:690px;margin-right:max(35px,calc((100vw - 1330px)/2));margin-left:auto;padding-top:190px;text-align:center}
.hero-overline{display:flex;align-items:center;justify-content:center;gap:16px;font-size:10px;font-weight:500;letter-spacing:3px;color:#b3d2df;margin-bottom:20px}
.hero-overline>span{width:30px;height:1px;background:linear-gradient(90deg,transparent,#b3d2df)}
.hero-overline>span:last-child{transform:rotate(180deg)}
.cinematic-home .hero h1{font:600 clamp(86px,9vw,142px)/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:.085em;margin:0 0 23px;padding-left:.085em;color:#eace87;text-shadow:0 3px 0 #513b22,0 6px 30px #0009,0 0 60px #e8bb4935;background:linear-gradient(180deg,#fff1bc 5%,#e5bf6f 45%,#b47e34 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-slogan{font:500 clamp(29px,3vw,43px)/1.13 'Cormorant Garamond',Georgia,serif;text-transform:uppercase;letter-spacing:2px;color:#eae5d6;margin-bottom:20px;text-shadow:0 2px 12px #000}
.hero-slogan em{color:#dfbb77;font-style:normal}
.hero-ornament{display:flex;justify-content:center;align-items:center;gap:16px;color:#d9ba79;font-size:15px;margin:0 auto 20px}
.hero-ornament i{height:1px;width:80px;background:linear-gradient(90deg,transparent,#caac687a)}
.hero-ornament i:last-child{transform:rotate(180deg)}
.cinematic-home .hero-description{font-size:14px;font-weight:400;line-height:1.8;color:#c1d0d9;max-width:440px;margin-bottom:28px}
.cinematic-home .hero-actions{justify-content:center;gap:12px}
.cinematic-home .hero-actions .button{min-height:52px;padding:13px 25px;font-size:11px;letter-spacing:1px;gap:25px}
.cinematic-home .button-gold{position:relative;background:linear-gradient(180deg,#e4c47f,#b68a45);border:1px solid #f4d69b;box-shadow:inset 0 0 0 3px #52381733,0 3px 30px #c89d442b;color:#201a12;overflow:hidden}
.cinematic-home .button-gold:after{content:'';position:absolute;inset:-80% auto -80% -80%;width:35%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#fff7d75c,transparent);pointer-events:none}
.effects-on .button-gold:after{animation:gold-shimmer 6s ease-in-out infinite}
.cinematic-home .button-outline{background:#071320a6;border-color:#9db9c34d;color:#dbe5e7}
.hero-forum-link{display:inline-flex;gap:20px;margin-top:24px;font-size:11px;color:#a4bbc8;transition:color .2s}
.hero-forum-link:hover{color:#fff}
.hero-bottom{position:absolute;z-index:4;bottom:64px;left:0;right:0;display:flex;align-items:center;justify-content:space-between}
.chapter-marker{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:2px;color:#9ab6c4}
.chapter-marker i{height:1px;width:45px;background:#a3bac94a}
.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:8px;letter-spacing:3px;color:#a6c7d4}
.scroll-cue>span{display:block;height:30px;width:1px;background:linear-gradient(transparent,#9fe3ff)}
.effects-on .scroll-cue>span{animation:scroll-glint 2s ease-in-out infinite}
.effects-toggle{display:flex;align-items:center;gap:10px;padding:9px 13px;background:#0713218c;border:1px solid #7ab2cb47;font-size:10px;color:#b3d9e7}
.effects-toggle b{font-size:18px;color:#a1e7ff;font-weight:400}
.effects-toggle[aria-pressed=false]{border-color:#d5b87888;color:#edd499}
.destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;position:relative;z-index:5;margin-top:-30px;padding-bottom:60px}
.destination{height:235px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:26px 27px;border:1px solid #8da8b03b;box-shadow:0 14px 25px #0005;isolation:isolate;transition:border-color .3s,transform .4s}
.destination:before{content:'';position:absolute;inset:0;z-index:-2;background-size:cover;transition:transform .7s,filter .7s;filter:saturate(.6)}
.destination:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#040b13 3%,#040b1380 55%,#040b1320)}
.path-world:before{background-image:url('/assets/hero-classicplus.jpg');background-position:65% 40%}
.path-knowledge:before{background-image:url('/assets/hero.jpg');background-position:70% 45%}
.path-community:before{background-image:url('/assets/hero-wowstorm-original.png');background-position:15% 50%}
.destination-index{font-size:8px;letter-spacing:2px;color:#b0c5c8}
.destination h2{font-size:29px;letter-spacing:.4px;line-height:1.1;color:#e2cc96;margin:0 0 10px;text-transform:none}
.destination p{font-size:11px;color:#a4bac7;margin:0}
.destination>b{position:absolute;right:23px;top:22px;color:#dbbf7a;font-size:22px;font-weight:400}
.destination:hover{transform:translateY(-7px);border-color:#d3b375a0}
.destination:hover:before{transform:scale(1.08);filter:saturate(1)}
.world-chapter{min-height:660px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}
.world-landscape{position:absolute;inset:0;z-index:-2;background:url('/assets/hero-classicplus.jpg') 65% center/cover}
.world-chapter:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060d16f5 5%,#060d16db 28%,#060d1655 58%,#060d1610 80%),linear-gradient(0deg,#060d16,transparent 25%,transparent 85%,#060d16)}
.world-story{padding:80px 0}.world-story h2{font-size:clamp(40px,4.3vw,65px);line-height:1.03;max-width:600px;text-transform:none;letter-spacing:-.5px;margin-bottom:28px}
.world-story>p:not(.eyebrow){max-width:405px;font-size:14px;color:#b6c4c5;line-height:1.9}
.world-story .inline-action{margin-top:15px;display:inline-flex;gap:30px;color:#d5b97b}
.world-caption{position:absolute;right:6%;bottom:65px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#d3ddbda6}
.codex-section{position:relative}.codex-section h2,.dispatch-section h2,.oath-section h2{text-transform:none;letter-spacing:-.5px}
.codex-emblem{position:absolute;right:4%;top:50px;font:140px/1 Georgia;color:#69b7da13;pointer-events:none;transform:rotate(12deg)}
.codex-emblem span{display:block;font:8px/1.5 var(--sans);letter-spacing:3px}
.codex-search{margin:45px auto 40px;max-width:760px;padding:25px 30px;border:1px solid #c4ad6b38;background:linear-gradient(120deg,#101e2b,#08111c);box-shadow:0 0 55px #23577d0d}
.codex-search label{display:block;color:#b9a777;font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}
.codex-search>div{display:flex;align-items:center;gap:10px}.codex-search input{font:16px/1.5 var(--sans);width:100%;min-width:0;color:#dee9ec;background:none;border:0;outline-offset:5px;padding:5px 0}
.codex-search button{font-size:27px;color:#d7bc7c;background:none;display:flex;align-items:center;gap:13px}.codex-search button span{font-size:10px}
.codex-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#7198ad2b;border:1px solid #7198ad2b}
.codex-paths>a{background:#09131f;padding:35px 25px 25px;position:relative;transition:background .3s}
.codex-paths>a>span{display:block;font-size:37px;line-height:1.4;color:#cdb375;margin-bottom:20px;transition:color .3s,text-shadow .3s}
.codex-paths small{font-size:7px;letter-spacing:1.8px;color:#7897a7}.codex-paths h3{font-size:23px;text-transform:none;margin:9px 0;color:#dfd8c5;letter-spacing:0}
.codex-paths p{font-size:10px;color:#819dac;margin:0}.codex-paths b{display:block;font-weight:400;color:#c7af78;margin-top:25px}
.codex-paths>a:hover{background:#112638}.codex-paths>a:hover>span{color:#d6f6ff;text-shadow:0 0 22px #70cfff}
.dispatch-section{background:radial-gradient(ellipse at 85% 25%,#24313b55,transparent 50%),#0b131e;border-top:1px solid #b9a16e1f;border-bottom:1px solid #b9a16e1f}
.dispatch-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.dispatch-news{background:linear-gradient(90deg,#08111be8,#08111b91),url('/assets/hero.jpg') center/cover;padding:40px;border:1px solid #8b9fa233}
.dispatch-news h3{font-size:37px;line-height:1.12;text-transform:none;letter-spacing:0;margin-bottom:20px;color:#e8dcc2}.dispatch-news>p{font-size:12px;line-height:1.9;max-width:330px;color:#a5bac4}.dispatch-label{font-size:9px;color:#8ea7b5}
.dispatch-forum{display:flex;flex-direction:column}.dispatch-forum>a{padding:28px 40px 28px 5px;border-bottom:1px solid #84a5b326;position:relative}.dispatch-forum small{display:block;font-size:8px;letter-spacing:1.5px;color:#829fae;margin-bottom:10px}.dispatch-forum strong{font:500 24px/1.2 var(--serif);color:#d6c6a0}.dispatch-forum>a>span{position:absolute;right:0;top:50%;color:#a9bfc8}.dispatch-forum>a:hover strong{color:#c9eeff}
.oath-section{padding:105px 0 100px;text-align:center;position:relative;background:radial-gradient(ellipse at 50% 60%,#21557622,transparent 65%)}
.cinematic-home .hero h1{text-shadow:none}.cinematic-home .hero-slogan,.cinematic-home .hero-description{text-shadow:0 2px 4px #0009}
.help-strip{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0 50px;border-top:1px solid #b5a47729}.help-strip h3{font-size:25px;text-transform:none;color:#cdb580;margin-bottom:12px}.help-strip p{font-size:11px;color:#8ba2b1;max-width:440px}.help-strip a{font-size:10px;color:#d5bd86}
.oath-mark{font-size:42px;color:#caad71;margin-bottom:25px}.oath-section .eyebrow{justify-content:center}.oath-section h2{font-size:clamp(48px,5vw,72px);margin-bottom:20px}.oath-section>p:not(.eyebrow){color:#849faf;font-size:13px;margin-bottom:30px}.oath-forum{display:block;margin-top:23px;color:#93aebb;font-size:11px}
.cinematic-home .section-heading{gap:45px}.cinematic-home .section-intro{font-size:13px}.cinematic-home h2{overflow-wrap:anywhere}
@keyframes frost-pulse{from{opacity:.35;transform:scale(1)}to{opacity:.95;transform:scale(1.08)}}
@keyframes mist-drift{from{transform:translateX(-4%) scaleY(.85)}to{transform:translateX(5%) scaleY(1.15)}}
@keyframes gold-shimmer{0%,60%{left:-80%}90%,100%{left:160%}}
@keyframes scroll-glint{0%,100%{transform:translateY(-5px);opacity:.3}50%{transform:translateY(5px);opacity:1}}
@media(max-width:1100px){.cinematic-home .site-header nav{gap:18px;font-size:9px}.cinematic-home .header-inner{gap:18px}.cinematic-home .hero{height:810px}.cinematic-home .hero-inner{width:53%;padding-top:185px;margin-right:25px}.cinematic-home .hero h1{font-size:100px}.destination{padding:22px;height:220px}.destination h2{font-size:25px}.codex-paths>a{padding:28px 18px}.codex-paths h3{font-size:21px}}
@media(max-width:800px){.cinematic-home .hero-inner{width:56%;margin-right:20px;padding-top:180px}.cinematic-home .hero h1{font-size:85px}.hero-overline{font-size:8px;letter-spacing:1.5px}.hero-slogan{font-size:30px}.cinematic-home .hero-actions{flex-direction:column}.cinematic-home .hero-description{font-size:12px}.destinations{gap:10px}.destination{padding:17px;height:200px}.destination-index{font-size:7px;letter-spacing:1px}.destination h2{font-size:23px}.destination p{font-size:10px}.chapter-marker{font-size:7px;letter-spacing:1px}.codex-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-grid{gap:25px}.dispatch-news{padding:26px}.world-story h2{font-size:45px}}
@media(max-width:700px){.cinematic-home .shell{width:calc(100% - 36px)}.cinematic-home .site-header{height:76px}.cinematic-home .brand>span{font-size:24px;letter-spacing:4px}.cinematic-home .brand img{width:28px;height:34px}.cinematic-home .brand small{font-size:6px}.cinematic-home .header-inner{gap:12px}.cinematic-home .header-join{font-size:0;min-height:34px;padding:5px 10px;gap:0}.cinematic-home .header-join>span{font-size:19px}.cinematic-home .hero{height:940px;min-height:940px}.cinematic-home .hero-art{background-size:auto 530px;background-position:23% 50px;background-repeat:no-repeat;transform:none;background-color:#060d16}.cinematic-home .hero-shade{background:linear-gradient(0deg,#060d16 1%,#060d16f5 30%,#060d16aa 48%,#060d1600 68%,#060d1620)}.frost-mist{height:60%}.cinematic-home .hero-inner{width:calc(100% - 32px);max-width:500px;margin:0 auto;padding-top:405px}.hero-overline{font-size:8px;letter-spacing:2px;margin-bottom:18px;gap:10px}.hero-overline>span{width:20px}.cinematic-home .hero h1{font-size:clamp(73px,20vw,106px);margin-bottom:17px}.hero-slogan{font-size:31px;letter-spacing:1.5px;margin-bottom:17px}.hero-ornament{margin-bottom:16px}.cinematic-home .hero-description{font-size:12px;margin-bottom:24px}.cinematic-home .hero-actions{flex-direction:row;gap:8px;flex-wrap:wrap}.cinematic-home .hero-actions .button{padding:12px 15px;font-size:9px;min-height:45px;gap:12px}.hero-forum-link{margin-top:20px;font-size:10px}.hero-bottom{bottom:48px;align-items:flex-end}.chapter-marker{display:none}.scroll-cue{font-size:7px;gap:10px}.effects-toggle{font-size:9px;padding:7px 11px}.destinations{margin-top:0;padding-bottom:30px;grid-template-columns:1fr;gap:12px}.destination{height:155px;padding:20px 24px}.destination h2{font-size:28px}.destination p{font-size:11px}.destination-index{font-size:8px;letter-spacing:1.5px}.destination:before{background-position:center 45%}.path-community:before{background-position:20% 30%}.world-chapter{min-height:780px;align-items:flex-end}.world-landscape{background-position:65% top;background-size:auto 460px;background-repeat:no-repeat}.world-chapter:after{background:linear-gradient(0deg,#060d16 0%,#060d16f5 34%,#060d16bb 52%,transparent 77%,#060d16 100%)}.world-story{padding:310px 0 50px}.world-story h2{font-size:40px;max-width:100%;line-height:1.05}.world-story>p:not(.eyebrow){font-size:12px;max-width:100%}.world-caption{display:none}.cinematic-home .section{padding-top:65px;padding-bottom:65px}.cinematic-home .section-heading{gap:23px;align-items:flex-start}.cinematic-home h2{font-size:37px;line-height:1.1;overflow-wrap:normal}.cinematic-home .section-intro{font-size:12px}.codex-emblem{display:none}.codex-search{padding:20px;margin:28px 0}.codex-search input{font-size:13px}.codex-search button span{display:none}.codex-paths>a{padding:24px 17px}.codex-paths h3{font-size:23px}.codex-paths p{font-size:10px}.codex-paths small{font-size:6px;letter-spacing:1px}.codex-paths>a>span{font-size:30px;margin-bottom:14px}.dispatch-grid{grid-template-columns:1fr;gap:20px}.dispatch-news h3{font-size:34px}.dispatch-forum>a{padding:22px 30px 22px 0}.dispatch-forum strong{font-size:23px}.oath-section{padding:65px 0}.oath-section h2{font-size:45px}.oath-section .eyebrow{font-size:8px;letter-spacing:1.3px}.cinematic-home .footer-main{gap:25px}.cinematic-home .site-header nav.is-open{background:#071421f7;top:76px}}
@media(prefers-reduced-motion:reduce){.cinematic-home .hero-art{transition:none}.cinematic-home .destination:before,.cinematic-home .destination{transition:none}}
@media(max-width:700px){.help-strip{grid-template-columns:1fr;gap:20px}.help-strip h3{font-size:25px}}