@font-face{font-family:Cinzel;src:url('assets/heading.ttf') format('truetype');font-display:swap;font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#141715;color:#f1eadb;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #efd08b;outline-offset:6px}img{max-width:100%;display:block}.container{width:min(1240px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-100px;background:#efd08b;color:#141715;padding:12px;z-index:100}.skip:focus{top:8px}.nav-wrap{background:#141715ed;border-bottom:1px solid #ffffff16;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav{height:86px;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:Cinzel,Georgia,serif;font-size:22px;letter-spacing:1px;white-space:nowrap}.brand span{color:#eabe70}.brand i{font-style:normal;font-size:17px;margin-left:12px;color:#eabe70}.nav-links{display:flex;gap:30px;font-size:13px;color:#c8c6ba}.nav-links a:hover,.footer a:hover{color:#edbf72}.nav-cta{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;border-bottom:1px solid #8d754c;padding-bottom:7px}.nav-cta span{margin-left:12px;color:#edbf72}.hero{position:relative;min-height:840px;height:calc(100svh - 86px);max-height:1120px;isolation:isolate;overflow:hidden;background:#101511}.hero-art{position:absolute;inset:0;z-index:-2;background:url('assets/poster.png') 86% 46%/auto 125% no-repeat;background-color:#101511}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101511 0%,#101511f5 22%,#101511b8 43%,#10151110 76%),linear-gradient(0deg,#101511 0%,transparent 24%)}.hero-inner{padding-top:clamp(90px,12vh,175px)}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;color:#ddbb7b;text-transform:uppercase;margin:0 0 25px}.spark{display:inline-block;width:7px;height:7px;background:#ecb55c;transform:rotate(45deg);margin-right:12px;box-shadow:0 0 20px #ebaa4f}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:-2px;line-height:1.12}h1{font-size:clamp(50px,5.4vw,80px);max-width:810px;margin-bottom:28px}h1 em,h2 em{font-style:normal;color:#edbf72}.hero-copy{font-size:20px;color:#c5c7bb;line-height:1.8;margin-bottom:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:58px;padding:16px 26px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:#e9b766;color:#211d15;box-shadow:inset 0 0 0 3px #f3d299,4px 4px 0 #66512e}.primary:hover{background:#f5cc85}.secondary{background:transparent;color:#e8c38c;border-color:#78613e}.secondary:hover{background:#e8c38c12}.availability{font-size:12px;color:#a8ad9f;margin-top:22px}.availability span{margin:0 9px}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:2px;color:#a4ab9e}.hero-bottom a{color:#e9d9bb}.pillars{padding:23px 24px;display:flex;justify-content:center;align-items:center;gap:35px;border-top:1px solid #56503b;border-bottom:1px solid #56503b;background:#1c211d;font-size:12px;letter-spacing:1px;color:#d1d4c7}.pillars b{color:#d7af6a}.section{padding-top:110px;padding-bottom:110px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:34px}.section-note{font-size:12px;color:#959e92}.section-top .eyebrow{margin:0}h2{font-size:clamp(36px,4.3vw,62px);margin-bottom:35px}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.intro>p{font-size:17px;color:#afb6aa;max-width:480px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:40px}.steps article{border-top:1px solid #53543d;padding-top:30px}.step-number{font-family:Cinzel,Georgia,serif;font-size:48px;color:#68725e;line-height:1}.steps h3{font-size:21px;margin:20px 0 12px}.steps p{font-size:15px;color:#adb5a7;line-height:1.85}.step-tag{font-size:10px;letter-spacing:1.5px;color:#d2ac6c}.heroes{background:#1b211d;border-block:1px solid #354035}.hero-showcase{display:grid;grid-template-columns:260px 1.2fr 1fr;align-items:center;gap:45px;margin-top:40px}.hero-choice{display:flex;align-items:center;text-align:left;width:100%;gap:14px;padding:12px 15px;margin-bottom:10px;background:transparent;border:1px solid #465043;color:#f1eadb;cursor:pointer}.hero-choice.active{background:#d8b47312;border-color:#d8b473}.hero-choice:hover{background:#d8b4730b}.hero-choice img{image-rendering:pixelated;object-fit:contain}.hero-choice strong{display:block;font-family:Cinzel,Georgia,serif;font-size:19px}.hero-choice small{color:#a9b5a4;font-size:11px;display:block}.choice-arrow{margin-left:auto;color:#d8b473}.roster-note{font-size:12px;color:#91a08c;margin-top:22px}.hero-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:440px}.hero-stage>img{position:relative;width:100%;max-width:370px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 18px 16px #0008);z-index:1;transition:filter .3s}.hero-stage.awakened>img{filter:drop-shadow(0 0 28px #d9b76c66)}.hero-stage>span{font-size:10px;letter-spacing:3px;color:#8d9c87;margin-top:10px}.rune{position:absolute;width:90%;aspect-ratio:1;border:1px solid #71816044;border-radius:50%;background:radial-gradient(circle,#9aa36a22,transparent 66%);box-shadow:0 0 0 20px #66745a08}.rune:before{content:'✦';position:absolute;inset:0;display:grid;place-items:center;font-size:270px;line-height:1;color:#a1b28b0a}.hero-detail h3{font-family:Cinzel,Georgia,serif;font-size:45px;margin-bottom:16px}.hero-detail>p:not(.eyebrow){color:#b3beac;font-size:15px}.hero-detail .eyebrow{font-size:10px;margin-bottom:15px}.awakening-note{display:flex;gap:14px;border-top:1px solid #44503e;margin:25px 0;padding-top:22px;color:#d1b879;font-size:12px}.awakening-note>span{font-size:24px}.awakening-note p{margin:0;color:#a6b19f}.awakening-note strong{font-weight:400;color:#e6c68e}.hero-detail .button{font-size:12px;padding:14px 17px;gap:18px}.village{background:#151918}.village-art{margin:26px 0 0;border:1px solid #5d604b;padding:8px;background:#23291e}.village-art img{width:100%;height:auto}.village-art figcaption{display:flex;justify-content:space-between;gap:15px;padding:14px 8px 4px;font-size:9px;letter-spacing:1.5px;color:#c0be9c}.village-art figcaption span{color:#929c8a;text-transform:none;letter-spacing:0;font-size:11px}.town-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:40px}.town-notes span{font-size:10px;letter-spacing:1.5px;color:#d2ac6c}.town-notes h3{font-size:20px;margin:12px 0 10px}.town-notes p{font-size:14px;color:#a9b4a1}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.questions details{border-bottom:1px solid #3d493b;padding:24px 0}.questions details:first-child{border-top:1px solid #3d493b}.questions summary{cursor:pointer;font-size:16px;font-weight:700;list-style:none;padding-right:25px;position:relative}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:0;top:-4px;font-size:23px;color:#ddbb7b}.questions details[open] summary:after{content:'−'}.questions p{margin:20px 0 0;color:#a9b5a1;font-size:14px}.release{text-align:center;padding:95px 0 100px;background:radial-gradient(ellipse at 50% 40%,#5c4a2a55,transparent 66%),#20231c;border-block:1px solid #615b40}.release-mark{font-size:40px;color:#e3b66a;display:block;margin-bottom:25px}.release .eyebrow{margin-bottom:25px}.release h2{margin-bottom:28px}.release p:not(.eyebrow){font-size:15px;color:#b7baa8}.store-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}.store-button{display:flex;align-items:center;gap:16px;min-width:210px;background:#141715e6;border:1px solid #8d754c;color:#f1eadb;padding:12px 22px;text-align:left;transition:background .2s,border-color .2s,transform .2s}.store-button:hover{background:#1f241f;border-color:#e9b766;transform:translateY(-2px)}.store-buttons svg{width:30px;height:34px;fill:currentColor;flex:none}.store-buttons small{display:block;font-size:9px;letter-spacing:2px;color:#c9c3ab}.store-buttons strong{display:block;font-size:21px;font-weight:400;line-height:1.25}.questions p a{color:#edbf72;text-decoration:underline}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.footer-links a{color:#c8c6ba}.footer{padding-top:40px;padding-bottom:35px;display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between}.footer p{margin:0;color:#9eaa95;font-size:12px}.footer small{flex-basis:100%;font-size:10px;color:#889180;border-top:1px solid #343e31;padding-top:20px}
@media(min-width:1600px){.hero-art{background-position:right 46%;background-size:auto 150%}}@media(max-width:1050px){.nav-links{gap:15px}.nav{padding:0 28px}.container{width:calc(100% - 56px)}.hero{min-height:740px}.hero:before{background:linear-gradient(90deg,#101511f5,#101511b5 50%,#10151122),linear-gradient(0deg,#101511,transparent 40%)}.hero-art{background-position:right center;background-size:auto 110%}.hero-showcase{grid-template-columns:210px 1fr;gap:30px}.hero-detail{grid-column:1/-1;max-width:600px;justify-self:center;text-align:center}.awakening-note{justify-content:center}.intro{gap:45px}.steps{gap:25px}.faq{gap:45px}.pillars{gap:18px;font-size:10px}.section{padding-block:80px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.nav{height:70px;padding:0 20px}.brand{font-size:17px}.brand i{display:none}.nav-links{display:none}.nav-cta{font-size:9px;letter-spacing:.8px;max-width:150px}.nav-cta span{margin-left:3px}.hero{height:auto;min-height:780px}.hero-art{background-size:auto 100%;background-position:57% center}.hero:before{background:linear-gradient(180deg,#10151155,#101511c9 40%,#101511a0 68%,#101511),linear-gradient(90deg,#10151170,transparent)}.hero-inner{padding-top:125px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:44px;letter-spacing:-1.4px;line-height:1.16}.hero-copy{font-size:18px}.hero .button{padding:16px 20px;gap:18px}.hero-bottom{bottom:24px;font-size:9px}.hero-bottom>span{display:none}.pillars{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:16px;padding:23px 12px;line-height:1.5}.pillars b{display:none}.section{padding-block:65px}.section-top{margin-bottom:28px}.section-note{display:none}h2{font-size:36px;letter-spacing:-1px}.intro{display:block}.intro>p{font-size:15px}.steps{grid-template-columns:1fr;gap:28px}.steps article{position:relative;padding-left:58px;padding-top:25px}.step-number{position:absolute;left:0;top:30px;font-size:32px}.steps h3{margin-top:0}.hero-showcase{display:flex;flex-direction:column;gap:10px;margin-top:20px}.hero-select{width:100%;display:flex;gap:7px;flex-wrap:wrap}.hero-choice{width:calc((100% - 14px)/3);padding:10px 4px;flex-direction:column;gap:0;text-align:center;margin:0}.hero-choice img{width:64px;height:64px}.hero-choice strong{font-size:15px}.hero-choice small{font-size:10px}.choice-arrow{display:none}.roster-note{width:100%;text-align:center;margin-top:15px}.roster-note br{display:none}.hero-stage{min-height:300px;width:100%;max-width:330px}.hero-stage>img{max-width:300px}.hero-stage>span{margin:0}.hero-detail{margin-top:25px}.hero-detail h3{font-size:36px}.town-notes{grid-template-columns:1fr;gap:22px;margin-top:30px}.town-notes article{border-bottom:1px solid #344030;padding-bottom:8px}.village-art{margin-inline:-10px;padding:4px}.village-art figcaption{font-size:8px;letter-spacing:.7px}.village-art figcaption span{font-size:9px}.faq{display:block}.faq h2{margin-bottom:35px}.questions summary{font-size:15px}.release{padding:65px 0}.store-buttons{gap:10px}.store-button{min-width:0;width:100%;max-width:300px}.footer-links{gap:18px}.footer{gap:14px}.footer p{display:none}.footer small{line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
