@font-face{font-family:Cinzel;src:url('/assets/cinzel.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{color-scheme:dark;--bg:#080a0d;--white:#f0f0ed;--muted:#a2a7af;--gold:#efd597;--rose:#efc4cf}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}section{scroll-margin-top:0}.skip{position:fixed;left:20px;top:-90px;background:var(--gold);color:#17130b;padding:15px;z-index:50}.skip:focus{top:20px}
.brand{font-family:Cinzel,Georgia,serif;font-weight:650;font-size:17px;letter-spacing:.02em;white-space:nowrap}.brand span{color:var(--gold)}.story{position:relative}.hero{height:175svh;min-height:1200px}.hero-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:#13161b}.hero-image{display:block;position:absolute;inset:0;transform:scale(var(--hero-scale,1.17));will-change:transform}.hero-image img{object-position:50% 50%;filter:grayscale(1)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0009 0%,#080a0d25 25%,#080a0d60 49%,#080a0deb 93%,var(--bg)),radial-gradient(ellipse at 50% 48%,#0000 0%,#080a0d55 80%)}.hero-copy{position:absolute;inset:28% 3% auto;text-align:center;transform:translateY(var(--hero-y,0px));opacity:var(--hero-opacity,1)}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--gold);line-height:1.8;text-transform:uppercase}.hero h1{font-family:Cinzel,Georgia,serif;font-weight:650;font-size:clamp(62px,9.7vw,186px);line-height:1.15;letter-spacing:-.055em;background:linear-gradient(180deg,#fff1c9 5%,#f7d988 40%,#bb8a39 66%,#f2d291 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 18px #0009);margin-top:22px}.hero h1 span{font-weight:800}.hero-line{font-size:clamp(15px,1.5vw,24px);color:#ebe5d8;margin-top:16px;letter-spacing:.01em}.scroll-cue{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:18px;font-size:12px;letter-spacing:.06em;color:#dfdfd5}.scroll-cue i{height:44px;width:1px;display:block;background:linear-gradient(var(--gold),transparent);transform-origin:top;animation:scroll-pulse 2.2s ease-in-out infinite}.capture-label{position:absolute;right:26px;bottom:24px;color:#b0aea6;font-size:10px;letter-spacing:.02em}@keyframes scroll-pulse{50%{transform:scaleY(.55);opacity:.4}}
.section{max-width:1320px;margin:auto;padding:150px 60px}.intro{text-align:center;padding-top:100px;padding-bottom:180px}.section h2,.story h2{font-size:clamp(42px,5.3vw,90px);letter-spacing:-.055em;font-weight:650;line-height:1.06}.intro h2{margin-top:24px}.gold{color:var(--gold)}.rose{color:var(--rose)}.lead{font-size:clamp(18px,1.65vw,25px);line-height:1.55;color:var(--muted);max-width:720px}.intro .lead{margin:35px auto}.feature-line{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:30px;margin-top:55px;font-size:14px;color:#d6d5cf}.feature-line b{color:#8e733d;font-size:12px;font-weight:400}.battle{height:230svh;min-height:1550px}.battle-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:#13161b;border-radius:var(--battle-radius,0px);margin:0 var(--battle-inset,0px)}.battle-image{position:absolute;inset:0;transform:scale(var(--battle-scale,1.03)) translateX(var(--battle-x,0%));transform-origin:60% 50%;will-change:transform}.battle-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#080a0df5 0%,#080a0dba 28%,#080a0d00 66%),linear-gradient(0deg,#080a0de8,transparent 40%)}.battle-copy{position:absolute;top:30%;left:max(6%,calc((100vw - 1200px)/2));max-width:610px;transform:translateY(var(--battle-y,0px));opacity:var(--battle-opacity,1)}.battle-copy h2{margin:22px 0 24px;font-size:clamp(42px,4.9vw,83px)}.battle-copy>p:last-child{color:#babec4;max-width:340px;font-size:18px;line-height:1.6}.battle-caption{position:absolute;bottom:45px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#d9d8d2}.chapter{color:var(--gold);letter-spacing:.13em;font-size:10px}
.wall{padding-top:170px}.wall-heading{max-width:1000px}.wall h2{margin:20px 0 28px}.wall-photo{margin-top:64px;height:560px;border-radius:24px;overflow:hidden;position:relative;background:#17181d}.wall-photo img{object-position:50% 50%}.wall-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 30px 25px;background:linear-gradient(transparent,#080a0dd9);font-size:14px;color:#eee5e5}.bot{max-width:1480px;display:grid;grid-template-columns:38% 62%;gap:0;padding-top:150px}.bot-heading{padding-top:30px;position:relative;z-index:1}.bot h2{margin:22px 0 28px}.bot .lead{max-width:370px}.ui-showcase{align-self:center;position:relative;border-radius:20px;border:1px solid #efd59725;background:#10151c;box-shadow:0 50px 100px #0008;overflow:hidden;margin:20px -10px 30px 30px;transform:perspective(1400px) rotateY(-7deg) rotateX(2deg)}.ui-showcase img{object-fit:contain;background:#0c1015;aspect-ratio:1.25;height:auto}.ui-showcase figcaption{text-align:center;padding:18px 12px;font-size:11px;color:#9e9f9f;border-top:1px solid #ffffff0e}.bot-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:90px;border-top:1px solid #ffffff1c;padding-top:35px}.bot-details article>span{font-family:Cinzel,Georgia,serif;color:#9c804b;font-size:14px}.bot-details h3{font-size:23px;letter-spacing:-.035em;margin:18px 0 12px}.bot-details p{font-size:16px;line-height:1.6;color:var(--muted);max-width:300px}
.combo{height:230svh;min-height:1600px;background:#07090b}.combo-sticky{position:sticky;top:0;height:100svh;min-height:750px;overflow:hidden;display:grid;grid-template-columns:42% 58%;align-items:center;padding:110px max(5vw,calc((100vw - 1350px)/2));gap:20px}.combo-word{position:absolute;top:85px;left:50%;transform:translateX(-50%);font-size:clamp(90px,15vw,240px);font-weight:800;letter-spacing:-.07em;color:#efd59709;white-space:nowrap}.combo-intro{position:relative;z-index:2;max-width:490px;opacity:var(--combo-copy-opacity,1)}.combo-intro h2{margin:20px 0 26px;font-size:clamp(40px,4.5vw,75px)}.combo-intro>p:last-child{font-size:19px;line-height:1.6;color:var(--muted);max-width:390px}.combo-visual{position:relative;z-index:1;background:#10141b;border:1px solid #efd59724;border-radius:20px;overflow:hidden;box-shadow:0 30px 110px #000b;transform:perspective(1400px) rotateY(var(--combo-turn,-9deg)) scale(var(--combo-scale,.92)) translateX(var(--combo-x,0%));transform-origin:50% 50%;will-change:transform}.combo-visual img{object-fit:contain;height:auto;aspect-ratio:1.22;background:#0c1015}.combo-visual figcaption{font-size:10px;color:#a5a7ae;padding:16px;text-align:center}.team{padding-top:130px;text-align:center}.team h2{margin:22px 0 30px}.team .lead{margin:auto}.team-image{margin-top:65px;position:relative;height:620px;border-radius:25px;overflow:hidden}.team-image img{object-position:50% 50%}.team-image figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#080a0df2);padding:70px 20px 30px;font-size:14px;color:#d8c8b1}
.download{position:relative;text-align:center;padding:200px 30px 180px;overflow:hidden}.download-glow{position:absolute;inset:20% 10% -10%;pointer-events:none;background:radial-gradient(ellipse,#cba04c13,transparent 66%);z-index:-1}.download h2{margin:24px 0 32px}.download .lead{margin:auto}.download-button{margin:42px auto 20px;display:flex;width:max-content;max-width:100%;align-items:center;gap:38px;padding:23px 36px;border-radius:45px;background:linear-gradient(115deg,#f6deb0,#e9c777);color:#27200e;font-size:17px;font-weight:700;box-shadow:0 0 55px #efd59710;transition:transform .25s,box-shadow .25s}.download-button:hover{transform:translateY(-3px);box-shadow:0 14px 55px #efd59724}.download-button svg{width:24px;height:24px}.download-button[aria-disabled=true]{opacity:.5;pointer-events:none}.download-meta{font-size:12px;color:#b3b1a9}.download-note{font-size:12px;line-height:1.5;color:#777e89;margin-top:12px}footer{max-width:1200px;margin:auto;border-top:1px solid #ffffff14;padding:50px 40px 35px;display:grid;grid-template-columns:1fr auto;gap:15px}footer>p{color:#a4a6a8;font-size:13px;grid-column:1}footer>small{font-size:10px;line-height:1.6;max-width:620px;color:#767b84;grid-column:1}.back-top{grid-column:2;grid-row:1/4;align-self:center;font-size:12px;color:#c7c7be}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.6,.2,1)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:2200px){.hero h1{font-size:210px}.section{max-width:1560px;padding-left:70px;padding-right:70px}.section h2,.story h2{font-size:100px}.bot{max-width:1760px}.lead{max-width:800px}.wall-photo{height:700px}.team-image{height:740px}}
@media(max-width:900px){.brand{font-size:14px}.section{padding:110px 28px}.intro{padding-top:75px;padding-bottom:120px}.feature-line{gap:18px;font-size:12px}.battle-copy{left:7%;top:32%}.battle-copy>p:last-child{font-size:16px;max-width:290px}.wall-photo{height:430px;margin-top:45px}.bot{grid-template-columns:1fr}.bot-heading{padding-top:0}.bot .lead{max-width:600px}.ui-showcase{margin:50px 0 0;transform:none}.bot-details{gap:28px;margin-top:60px}.bot-details h3{font-size:21px}.bot-details p{font-size:14px}.combo{height:190svh}.combo-sticky{grid-template-columns:1fr;padding:100px 8% 40px;gap:22px;align-content:center}.combo-intro{max-width:none}.combo-intro h2{font-size:48px}.combo-intro>p:last-child{max-width:620px;font-size:17px}.combo-visual{max-width:660px;max-height:50svh;justify-self:center}.combo-visual img{max-height:45svh;aspect-ratio:auto}.combo-word{font-size:150px;top:100px}.team-image{height:470px}.download{padding:150px 28px}footer{margin:0 28px;padding:38px 0}}
@media(max-width:600px){html{scroll-padding-top:0}.hero{height:150svh;min-height:950px}.hero-sticky{min-height:580px}.hero-copy{top:33%;inset-inline:12px}.hero .eyebrow{font-size:9px;letter-spacing:.15em}.hero h1{font-size:13.3vw;letter-spacing:-.06em;margin-top:18px}.hero-line{font-size:13px;line-height:1.6;max-width:250px;margin:18px auto}.hero-image img{object-position:53% 50%}.scroll-cue{font-size:10px;bottom:62px;width:100%}.capture-label{font-size:8px;right:15px;bottom:18px}.eyebrow{font-size:10px;letter-spacing:.15em}.section h2,.story h2{font-size:42px}.lead{font-size:17px}.intro .lead{margin:26px auto}.feature-line{gap:14px;font-size:11px}.feature-line b{display:none}.battle{height:190svh;min-height:1250px}.battle-sticky{min-height:580px}.battle-copy{top:24%;left:28px;right:28px}.battle-copy h2{font-size:43px}.battle-vignette{background:linear-gradient(90deg,#080a0dde,transparent),linear-gradient(0deg,#080a0dce,#080a0d25)}.battle-image{object-position:60% 50%}.battle-caption{left:28px;right:28px;bottom:35px;align-items:start;flex-direction:column;gap:10px}.battle-caption>span:last-child{font-size:11px}.wall-photo{height:380px;border-radius:16px}.wall-photo img{object-position:51% 50%}.wall-photo figcaption{font-size:12px;padding-left:20px}.bot-details{grid-template-columns:1fr;gap:30px;margin-top:45px}.bot-details article{display:grid;grid-template-columns:30px 1fr;column-gap:14px}.bot-details article>span{grid-row:1/3;padding-top:3px}.bot-details h3{margin:0 0 10px;font-size:22px}.bot-details p{max-width:none;font-size:15px}.ui-showcase{border-radius:13px;margin-top:35px}.ui-showcase figcaption{font-size:9px;padding:12px}.combo-sticky{padding:95px 28px 35px;min-height:700px}.combo-intro h2{font-size:42px;margin:16px 0 20px}.combo-intro>p:last-child{font-size:16px}.combo-visual{border-radius:13px;max-height:42svh}.combo-visual img{max-height:36svh}.combo-word{font-size:92px;top:105px}.combo-visual figcaption{font-size:8px;padding:11px}.team-image{height:380px;border-radius:16px;margin-top:40px}.team-image img{object-position:40% 50%}.team-image figcaption{font-size:12px}.download-button{gap:30px;font-size:16px;padding:20px 30px}.download-meta{font-size:11px}footer{grid-template-columns:1fr;gap:18px}.back-top{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}footer>small{max-width:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.battle,.combo{height:auto;min-height:0}.hero-sticky{position:relative;height:85svh}.battle-sticky{position:relative;height:85svh}.combo-sticky{position:relative;height:auto;min-height:0;padding-top:100px;padding-bottom:100px}.hero-image,.battle-image,.hero-copy,.battle-copy,.combo-visual{transform:none!important;opacity:1!important}.scroll-cue i{animation:none}.js-motion .reveal{opacity:1;transform:none;transition:none}.download-button{transition:none}}

/* Typography grows continuously with the reader’s scroll, without a navigation bar. */
.js-motion h1,.js-motion h2{scale:var(--title-scale,1);will-change:scale;transform-origin:left center}.js-motion .hero h1,.js-motion .intro h2,.js-motion .team h2,.js-motion .download h2{transform-origin:center center}
@media(prefers-reduced-motion:reduce){.js-motion h1,.js-motion h2{scale:1!important;will-change:auto}}

@font-face{font-family:"Cinzel Decorative";src:url('/assets/cinzel-decorative.ttf') format('truetype');font-weight:900;font-display:swap}
html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}
html.is-presenting{scroll-behavior:auto}
.hero h1{font-family:"Cinzel Decorative",Cinzel,Georgia,serif;font-weight:900;font-size:clamp(48px,8.8vw,300px);letter-spacing:-.045em;line-height:1.35;white-space:nowrap;margin-top:14px}
.hero h1 .word-initial{font-size:1.26em;font-weight:900}
.hero-copy{inset-block-start:27%}.hero-line{margin-top:12px}
.brand{font-family:"Cinzel Decorative",Cinzel,Georgia,serif;font-weight:900}
.intro .eyebrow{max-width:800px;margin:auto;line-height:1.9;letter-spacing:.15em}
.creation{height:340svh;min-height:2300px;background:#080a0d;isolation:isolate}
.creation-sticky{position:sticky;top:0;height:100svh;min-height:750px;overflow:hidden;perspective:1500px;background:radial-gradient(ellipse at 50% 52%,#49311627 0%,#080a0d 70%)}
.creation-heading{position:absolute;z-index:12;inset:6.5% 24px auto;text-align:center;pointer-events:none}
.creation-heading h2{font-size:clamp(42px,4vw,78px);margin-top:18px;transform-origin:center!important;line-height:1.05}
.creation-aura{position:absolute;inset:12% 18%;border-radius:50%;background:radial-gradient(ellipse,#b58e4326,transparent 65%);filter:blur(30px);transform:scale(var(--creation-aura,1))}
.creation-orbit{position:absolute;left:50%;top:56%;width:68vw;height:68vw;max-width:1500px;max-height:1500px;border:1px solid #d0a55a20;border-radius:50%;transform:translate(-50%,-50%) rotateX(69deg) rotateZ(var(--orbit-turn,0deg));box-shadow:0 0 50px #e3b75408,inset 0 0 45px #e3b75406;opacity:var(--gallery-opacity,1)}
.vocation-stage{position:absolute;inset:27% 0 5%;perspective:1700px;transform-style:preserve-3d;opacity:var(--gallery-opacity,1);pointer-events:none}
.vocation-card{position:absolute;top:44%;left:50%;width:clamp(180px,15.6vw,330px);aspect-ratio:434/725;border-radius:13px;border:1px solid #b9945060;overflow:hidden;background:#101316;box-shadow:0 28px 65px #000a;transform:translate3d(-50%,-50%,0);backface-visibility:hidden;will-change:transform;transition:border-color .3s,box-shadow .3s}
.vocation-card img{object-fit:cover;object-position:50% 25%;transform-origin:50% 35%;animation:portrait-breathe 8s ease-in-out infinite alternate;animation-play-state:paused}
.creation.is-onstage .vocation-card img{animation-play-state:running}
.vocation-card:nth-child(2n) img{animation-delay:-3.8s}.vocation-card:nth-child(3n) img{animation-delay:-6s}
.vocation-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff6d811,transparent 30%,transparent 60%,#e8bc6514);border:1px solid #ffe2a018;border-radius:inherit}
.vocation-card figcaption{position:absolute;bottom:0;left:0;right:0;padding:70px 10px 23px;background:linear-gradient(transparent,#080a0df5 70%);text-align:center;font:650 clamp(13px,1.2vw,19px)/1.3 Cinzel,Georgia,serif;color:#f0d79d;letter-spacing:.025em}
.vocation-card.is-active{border-color:#e8cb89;box-shadow:0 0 50px #dfb35320,0 30px 90px #000c}
.vocation-current{position:absolute;z-index:12;bottom:5%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;white-space:nowrap;font:600 12px/1.4 Cinzel,Georgia,serif;letter-spacing:.08em;color:#d7c192;opacity:var(--gallery-opacity,1)}
#vocation-number{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#b69558}.vocation-divider{display:block;width:32px;height:1px;background:#ab8d504d}
.creation-sparks{position:absolute;inset:10% 0 0;pointer-events:none;opacity:var(--gallery-opacity,1)}
.creation-sparks i{position:absolute;left:var(--spark-x);bottom:-10px;width:2px;height:2px;border-radius:50%;background:#f9d788;box-shadow:0 0 10px #ffe6a6;animation:embers 13s linear infinite;animation-delay:var(--spark-delay);animation-play-state:paused}
.creation.is-onstage .creation-sparks i{animation-play-state:running}
.account-reveal{position:absolute;z-index:15;inset:28% max(5%,calc((100vw - 1260px)/2)) 5%;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:55px;opacity:var(--account-opacity,0);visibility:var(--account-visibility,hidden);transform:translateY(var(--account-y,40px)) scale(var(--account-scale,.94));transform-origin:center;pointer-events:none}
.account-screen{overflow:hidden;border:1px solid #efd59742;border-radius:18px;box-shadow:0 35px 100px #000a;transform:perspective(1500px) rotateY(var(--account-turn,-6deg));background:#0c1015}
.account-screen img{height:auto;object-fit:contain;aspect-ratio:auto}
.account-copy h3{font-size:clamp(28px,3vw,50px);line-height:1.12;font-weight:650;letter-spacing:-.045em}
.account-copy>p{font-size:17px;line-height:1.65;color:var(--muted);margin-top:24px;max-width:430px}
.account-abilities{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 20px;font-size:10px;font-weight:600;letter-spacing:.03em;color:#d3bd8d}
.account-abilities span:before{content:"";width:4px;height:4px;background:#c4a567;display:inline-block;transform:rotate(45deg);margin:0 9px 2px 0}
@keyframes portrait-breathe{from{transform:scale(1.012) translateY(.2%)}to{transform:scale(1.065) translateY(-.8%)}}
@keyframes embers{0%{transform:translate(0,0);opacity:0}15%{opacity:.65}75%{opacity:.3}100%{transform:translate(var(--spark-drift),-75svh);opacity:0}}
@media(min-width:2200px){.creation-heading h2{font-size:100px}.creation-heading{inset-block-start:9%}.account-copy h3{font-size:60px}.account-copy>p{font-size:22px}.account-reveal{inset-inline:15%;gap:70px}.account-abilities{font-size:13px}}
@media(max-width:1100px){.account-reveal{grid-template-columns:1fr;align-content:center;gap:28px;inset:27% 8% 5%}.account-screen{max-width:800px;margin:auto;width:100%}.account-copy{text-align:center}.account-copy h3{font-size:30px}.account-copy h3 br{display:none}.account-copy>p{font-size:15px;margin:16px auto 0;max-width:620px}.account-abilities{justify-content:center;margin-top:18px}.vocation-card{width:230px}}
@media(max-width:600px){.hero h1{font-size:10.4vw;letter-spacing:-.045em;line-height:1.45}.hero-copy{inset-block-start:31%;inset-inline:8px}.hero-line{font-size:14px;max-width:none}.intro .eyebrow{font-size:10px;max-width:310px;line-height:1.9;letter-spacing:.12em}.creation{height:360svh;min-height:2500px}.creation-sticky{min-height:700px}.creation-heading{inset:8% 22px auto}.creation-heading h2{font-size:36px;margin-top:18px}.creation-heading .eyebrow{font-size:9px}.vocation-stage{inset:30% 0 9%;perspective:1100px}.vocation-card{width:56vw;max-width:240px;border-radius:12px;top:46%}.vocation-card figcaption{padding-bottom:20px;font-size:14px}.vocation-current{bottom:7%;font-size:11px;gap:14px}.creation-orbit{width:150vw;height:150vw;top:60%}.account-reveal{inset:29% 22px 5%;gap:25px;align-content:center}.account-screen{border-radius:11px;transform:none}.account-copy h3{font-size:29px}.account-copy h3 br{display:initial}.account-copy>p{font-size:14px;line-height:1.65;margin-top:18px}.account-abilities{font-size:9px;gap:12px 14px;margin-top:20px}.account-abilities span:before{margin-right:7px}}
@media(prefers-reduced-motion:reduce){.creation{height:auto;min-height:0;padding:85px 24px}.creation-sticky{position:relative;height:auto;min-height:0;overflow:visible;background:none}.creation-heading{position:relative;inset:auto}.creation-heading h2{font-size:40px}.vocation-stage{position:relative;inset:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:45px;opacity:1}.vocation-card{position:relative;left:auto;top:auto;width:100%;max-width:none;transform:none!important;opacity:1!important}.vocation-card img,.creation-sparks i{animation:none}.vocation-card figcaption{font-size:11px;padding:50px 6px 15px}.vocation-current,.creation-orbit,.creation-sparks{display:none}.account-reveal{position:relative;inset:auto;margin-top:55px;opacity:1;visibility:visible;transform:none;pointer-events:auto}.account-screen{transform:none}.creation-aura{display:none}}
@media(max-width:600px) and (prefers-reduced-motion:reduce){.vocation-stage{grid-template-columns:repeat(2,1fr);gap:14px}.vocation-card figcaption{font-size:12px}}

.vocation-card:nth-child(n+6){aspect-ratio:397/793}

.mounts{height:230svh;min-height:1600px;background:#07090d;isolation:isolate}
.mounts-sticky{position:sticky;top:0;height:100svh;min-height:740px;overflow:hidden;background:radial-gradient(ellipse at 50% 72%,#221c2d 0%,#0e111a 35%,#07090d 72%)}
.mounts-nebula{position:absolute;inset:25% -10% -30%;opacity:.65;background:radial-gradient(ellipse at 22% 50%,#34346c35,transparent 40%),radial-gradient(ellipse at 75% 55%,#9e59352a,transparent 45%);transform:rotate(var(--mount-turn,0deg));pointer-events:none}
.mounts-heading{position:absolute;inset:6.5% 24px auto;text-align:center;z-index:3}.mounts-heading h2{font-size:clamp(42px,4.3vw,82px);margin-top:16px;transform-origin:center!important}
.mounts-description{font-size:clamp(15px,1.1vw,20px);line-height:1.6;color:var(--muted);margin-top:24px}
.mount-count{position:absolute;left:50%;top:39%;transform:translateX(-50%);text-align:center;z-index:1;white-space:nowrap}.mount-count strong{display:block;font:600 clamp(74px,9vw,160px)/.95 Cinzel,Georgia,serif;letter-spacing:-.07em;background:linear-gradient(160deg,#fff1c9,#b28f4c);background-clip:text;-webkit-background-clip:text;color:transparent}.mount-count span{display:block;color:#dacba9;letter-spacing:.18em;text-transform:uppercase;font-size:10px;margin-top:15px}
.mount-carousel{position:absolute;inset:55% 0 7%;perspective:1400px;overflow:visible}.mount-track{height:100%;display:flex;align-items:center;gap:clamp(30px,4vw,100px);width:max-content;transform:translate3d(var(--mount-x,0px),0,0);will-change:transform}
.mount-card{position:relative;width:clamp(180px,18vw,310px);height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;flex:none;transform:translateY(var(--mount-lift,0px)) scale(var(--mount-scale,1));opacity:var(--mount-alpha,1);will-change:transform,opacity}
.mount-card img{width:clamp(145px,12vw,220px);height:clamp(145px,12vw,220px);object-fit:contain;image-rendering:pixelated;position:relative;z-index:2;filter:drop-shadow(0 20px 17px #0009);animation:mount-hover 4.5s ease-in-out infinite alternate;animation-delay:calc(var(--mount-i)*-.55s);animation-play-state:paused}
.mounts.is-onstage .mount-card img{animation-play-state:running}.mount-card figcaption{position:relative;z-index:3;font:500 clamp(12px,1vw,17px)/1.4 Cinzel,Georgia,serif;color:#dfd7c4;text-align:center;white-space:nowrap;margin-top:10px}
.mount-pedestal{position:absolute;top:70%;left:10%;width:80%;height:15%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--mount-color) 25%,transparent),transparent 68%);border-bottom:1px solid color-mix(in srgb,var(--mount-color) 28%,transparent);transform:rotateX(45deg);box-shadow:0 15px 55px #0005}
.mounts-footnote{position:absolute;bottom:4%;left:24px;right:24px;text-align:center;color:#8c8c98;font-size:11px;letter-spacing:.04em}
@keyframes mount-hover{from{translate:0 0}to{translate:0 -7px}}
@media(min-width:2300px){.mounts-heading{inset-block-start:9%}.mounts-heading h2{font-size:100px}.mount-count{top:40%}.mount-card img{width:300px;height:300px}.mount-card{width:390px}.mount-card figcaption{font-size:22px}.mounts-description{font-size:24px}.mount-count span{font-size:14px}}
@media(max-width:600px){.mounts{height:220svh;min-height:1550px}.mounts-sticky{min-height:740px}.mounts-heading{inset:8% 20px auto}.mounts-heading h2{font-size:36px;margin-top:18px}.mounts-heading .eyebrow{font-size:9px}.mounts-description{font-size:14px;margin-top:20px}.mount-count{top:40%}.mount-count strong{font-size:90px}.mount-count span{font-size:9px;margin-top:12px}.mount-carousel{inset:56% 0 9%}.mount-card{width:200px}.mount-card img{width:170px;height:170px}.mount-card figcaption{font-size:12px}.mount-track{gap:25px}.mounts-footnote{font-size:10px;bottom:5%}}
@media(prefers-reduced-motion:reduce){.mounts{height:auto;min-height:0;padding:75px 24px}.mounts-sticky{height:auto;min-height:0;position:relative;overflow:visible;background:none}.mounts-heading{position:relative;inset:auto}.mounts-heading h2{font-size:40px}.mount-count{position:relative;left:auto;top:auto;transform:none;margin:40px 0}.mount-carousel{position:relative;inset:auto}.mount-track{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 15px;width:100%;transform:none!important}.mount-card{width:100%;transform:none!important;opacity:1!important}.mount-card img{width:130px;height:130px;animation:none}.mount-card figcaption{font-size:11px;white-space:normal}.mounts-footnote{position:relative;inset:auto;margin-top:40px}.mounts-nebula{display:none}}
@media(max-width:600px) and (prefers-reduced-motion:reduce){.mount-track{grid-template-columns:repeat(2,1fr)}.mount-card img{width:125px;height:125px}}

.mount-card picture{display:contents}

/* Rev40: simultaneous mount collection, without horizontal travel or a carousel. */
.mounts{height:auto;min-height:0;padding:75px max(28px,calc((100vw - 1500px)/2)) 55px}
.mounts-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible;background:none}
.mounts-heading{position:relative;inset:auto}.mounts-heading h2{font-size:clamp(36px,3.5vw,62px);margin-top:15px}.mounts-description{font-size:16px;margin-top:20px}
.mount-count{position:relative;inset:auto;transform:none;display:flex;align-items:center;justify-content:center;gap:18px;margin:25px 0 20px}.mount-count strong{font-size:72px}.mount-count span{margin:0;font-size:11px;max-width:135px;white-space:normal;text-align:left;line-height:1.8}
.mount-carousel{position:relative;inset:auto;perspective:none;overflow:visible}.mount-track{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:25px 15px;width:100%;height:auto;transform:none!important;will-change:auto}
.mount-card{width:100%;height:auto;min-width:0;transform:none!important;opacity:1!important;will-change:auto;isolation:isolate}
.mount-card img{width:min(100%,130px);height:auto;aspect-ratio:1;image-rendering:pixelated;filter:drop-shadow(0 12px 14px #0007)}
.mount-card figcaption{font-size:11px;white-space:normal;min-height:30px;margin-top:4px;line-height:1.4;display:flex;align-items:center;justify-content:center}
.mount-pedestal{top:65%;height:12%;border-bottom-color:color-mix(in srgb,var(--mount-color) 15%,transparent);opacity:.8}
.mounts-footnote{position:relative;inset:auto;margin-top:35px;font-size:11px}.mounts-nebula{inset:20% 0 -10%;transform:none}
@media(min-width:2300px){.mounts{padding:110px max(80px,calc((100vw - 2300px)/2)) 90px}.mounts-heading h2{font-size:90px}.mounts-description{font-size:24px}.mount-count{margin:45px 0}.mount-count strong{font-size:115px}.mount-count span{font-size:15px;max-width:180px}.mount-track{gap:35px 25px}.mount-card img{width:min(100%,215px)}.mount-card figcaption{font-size:18px;min-height:45px}.mounts-footnote{font-size:15px;margin-top:50px}}
@media(max-width:1100px){.mount-track{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 14px}.mount-card img{width:min(100%,125px)}}
@media(max-width:600px){.mounts{padding:65px 18px 50px}.mounts-heading{inset:auto}.mounts-heading h2{font-size:33px;line-height:1.1}.mounts-description{font-size:13px;margin-top:18px}.mount-count{margin:25px 0 28px;gap:13px}.mount-count strong{font-size:67px}.mount-count span{font-size:9px;max-width:115px}.mount-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 9px}.mount-card img{width:100%;max-width:90px}.mount-card figcaption{font-size:8px;min-height:28px;margin-top:3px;line-height:1.45}.mounts-footnote{font-size:10px;line-height:1.6;margin-top:32px}}
@media(prefers-reduced-motion:reduce){.mount-card img{animation:none}.mounts-nebula{display:none}.mounts-sticky{overflow:visible}}

/* Original animated sprites, offline xBRZ scaling with smooth alpha-aware contours. */
.mount-card img{image-rendering:auto}

.cities{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:55px;max-width:1500px;padding-top:100px;padding-bottom:130px}.cities h2{margin:22px 0 27px;font-size:clamp(40px,4.5vw,76px)}.cities .lead{font-size:20px}.cities-names{margin-top:30px;font:500 12px/2.1 Cinzel,Georgia,serif;color:#d2bd91;letter-spacing:.06em;max-width:400px}.cities-map{position:relative;transform:perspective(1500px) rotateY(var(--city-tilt,-10deg)) rotateX(6deg);transform-origin:center;will-change:transform}.cities-map svg{display:block;width:100%;height:auto;overflow:visible}.cities-map figcaption{text-align:center;color:#9b9a94;font-size:11px;margin-top:10px}.city-route{animation:city-route 24s linear infinite}@keyframes city-route{to{stroke-dashoffset:-240}}
.quality{max-width:1550px;text-align:center;padding-top:130px;padding-bottom:160px;overflow:hidden}.quality h2{margin:20px 0 28px}.quality .lead{margin:auto;max-width:700px}.quality-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:34px;margin-top:100px;perspective:1700px;padding:20px 5px}.quality-card{position:relative;min-width:0;transform:rotateY(calc((var(--quality-i) - 1)*var(--quality-angle,12deg))) rotateX(4deg) translateY(calc((var(--quality-i) - 1)*var(--quality-i)*8px));transform-origin:center;will-change:transform}.quality-screen{position:relative;border:1px solid #b3965b55;border-radius:15px;overflow:hidden;box-shadow:0 25px 65px #000b;background:#0b1017}.quality-screen:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff09;border-radius:inherit}.quality-screen img{height:auto;object-fit:contain;aspect-ratio:1248/678}.quality-card figcaption{margin-top:32px;display:grid;gap:10px}.quality-card figcaption strong{font:600 25px/1.2 Cinzel,Georgia,serif;color:#efd597}.quality-card figcaption span{font-size:13px;color:#a7a7aa}.quality-note{font-size:13px;color:#9297a0;line-height:1.8;max-width:700px;margin:60px auto 0}
.guild{height:190svh;min-height:1400px;background:#090c12;isolation:isolate}.guild-sticky{height:100svh;min-height:780px;position:sticky;top:0;display:grid;grid-template-columns:40% 60%;align-items:center;gap:30px;padding:100px max(5vw,calc((100vw - 1450px)/2));overflow:hidden;perspective:1800px}.guild-copy{position:relative;z-index:2}.guild h2{font-size:clamp(40px,4.2vw,72px);margin:22px 0 28px}.guild .lead{font-size:20px;max-width:460px}.guild-reward{font-size:16px;line-height:1.8;color:#d7c69f;max-width:430px;margin-top:30px;padding-left:20px;border-left:1px solid #ac8d4d70}.guild-visual{position:relative;z-index:1;border:1px solid #c3a66b5e;border-radius:18px;box-shadow:0 35px 90px #0009,0 0 70px #d6af4b08;background:#0c1118;overflow:hidden;transform:rotateY(var(--guild-turn,-11deg)) rotateX(3deg) scale(var(--guild-scale,.94));will-change:transform;transform-origin:center}.guild-visual img{height:auto;object-fit:contain;aspect-ratio:1060/800}.guild-aura{position:absolute;inset:10% -10% 0 25%;background:radial-gradient(ellipse,#d8a34113,transparent 65%);filter:blur(20px);pointer-events:none}
@media(min-width:2300px){.cities{max-width:2100px;gap:90px}.cities h2{font-size:96px}.cities .lead,.guild .lead{font-size:26px}.cities-names{font-size:17px}.quality{max-width:2400px;padding-top:180px;padding-bottom:200px}.quality-stage{gap:55px;margin-top:130px}.quality-card figcaption strong{font-size:40px}.quality-card figcaption span{font-size:19px}.quality-note{font-size:19px;max-width:1000px}.guild-sticky{padding-inline:12%}.guild h2{font-size:100px}.guild-reward{font-size:23px;max-width:620px}.guild .lead{max-width:620px}}
@media(max-width:1100px){.cities{grid-template-columns:1fr;gap:35px;max-width:900px;text-align:center}.cities .lead,.cities-names{margin-inline:auto}.cities-map{max-width:650px;margin:auto}.quality-stage{gap:18px;margin-top:65px}.quality-card figcaption strong{font-size:21px}.quality-card figcaption span{font-size:11px}.guild-sticky{grid-template-columns:1fr;gap:25px;padding:85px 8% 40px;align-content:center}.guild-copy{text-align:center}.guild h2{font-size:43px;margin:18px 0 22px}.guild .lead{font-size:17px;max-width:650px;margin:auto}.guild-reward{font-size:14px;max-width:650px;margin:20px auto 0;border:0;padding:0}.guild-visual{max-width:700px;width:100%;margin:auto;max-height:47svh}.guild-visual img{max-height:47svh}}
@media(max-width:600px){.cities{padding-top:70px;padding-bottom:85px;gap:20px}.cities h2{font-size:39px}.cities .lead{font-size:17px}.cities-names{font-size:11px;margin-top:24px;max-width:290px}.cities-map{width:100%;transform:none}.cities-map figcaption{font-size:10px}.quality{padding-top:95px;padding-bottom:100px}.quality-heading h2{font-size:40px}.quality .lead{font-size:17px}.quality-stage{grid-template-columns:1fr;gap:50px;margin-top:50px;padding:15px 12px}.quality-card{max-width:400px;margin:auto;width:100%;transform:perspective(1100px) rotateY(var(--quality-angle,7deg)) rotateX(3deg)}.quality-card:nth-child(2){transform:perspective(1100px) rotateY(calc(-1*var(--quality-angle,7deg))) rotateX(3deg)}.quality-card figcaption{margin-top:23px;gap:7px}.quality-card figcaption strong{font-size:26px}.quality-card figcaption span{font-size:12px}.quality-note{font-size:12px;margin-top:42px}.guild{height:190svh;min-height:1400px}.guild-sticky{min-height:760px;padding:75px 24px 35px;gap:30px}.guild h2{font-size:37px}.guild .eyebrow{font-size:10px}.guild .lead{font-size:16px}.guild-reward{font-size:13px;line-height:1.7}.guild-visual{border-radius:12px;max-height:none}.guild-visual img{max-height:none}}
@media(prefers-reduced-motion:reduce){.cities-map,.quality-card,.guild-visual{transform:none!important;will-change:auto}.city-route{animation:none}.guild{height:auto;min-height:0}.guild-sticky{position:relative;height:auto;min-height:0;padding-top:110px;padding-bottom:110px}.quality-card{opacity:1}.guild-aura{display:none}}

.guild-sticky{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
@media(max-width:1100px){.guild-sticky{grid-template-columns:minmax(0,1fr)}}

.quality-titles-only{padding-top:110px;padding-bottom:130px}.resolution-titles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:75px auto 0;max-width:1100px;align-items:center}.resolution-titles h3{font:600 clamp(30px,3.2vw,62px)/1.2 Cinzel,Georgia,serif;color:var(--gold);letter-spacing:-.035em}.resolution-titles h3+h3{border-left:1px solid #c1a36135}
@media(min-width:2300px){.resolution-titles{max-width:1800px;margin-top:100px}.resolution-titles h3{font-size:90px}}
@media(max-width:600px){.quality-titles-only{padding-top:90px;padding-bottom:100px}.resolution-titles{grid-template-columns:1fr;gap:30px;margin-top:50px}.resolution-titles h3{font-size:38px;padding:18px 0}.resolution-titles h3+h3{border:0;border-top:1px solid #c1a36125}}

/* Only the original guild window, without a surrounding presentation frame. */
.guild-visual{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;max-height:none}
.guild-visual img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
@media(max-width:1100px){.guild-visual{max-width:min(700px,calc(47svh * 1.325));width:100%;max-height:none}}
@media(max-width:600px){.guild-visual{max-width:100%;width:100%}}

/* A closer camera moves the original guild window forward as the copy clears. */
.guild-copy{opacity:var(--guild-copy-opacity,1);transform:translateY(var(--guild-copy-y,0px));will-change:opacity,transform}
.guild-visual{transform:translate(var(--guild-shift,0px),var(--guild-rise,0px)) rotateY(var(--guild-turn,-11deg)) rotateX(3deg) scale(var(--guild-scale,1.02))}
@media(prefers-reduced-motion:reduce){.guild-copy{opacity:1!important;transform:none!important;will-change:auto}.guild-visual{transform:none!important}}