/* Illustrated character edition. Same original site, no WebGL or model downloads. */
.character-edition .hero{height:min(920px,100svh);min-height:790px;isolation:isolate;background:#0d1114}
.character-edition .hero-art{opacity:.22;object-position:35% center;filter:saturate(.6)}
.character-edition .hero-shade{background:linear-gradient(90deg,#0b1013e6 0%,#10131640 55%,#10131645),linear-gradient(0deg,#101316,transparent 40%)}
.character-edition .hero-copy{position:relative;width:49%;max-width:690px;margin:0;padding:218px 0 140px 6.5%;text-align:left;z-index:2}
.character-edition .eyebrow{justify-content:flex-start;letter-spacing:2.2px;font-size:8px;white-space:nowrap}
.character-edition .eyebrow span{width:28px}.character-edition .ornament{display:none}
.character-edition .hero h1{font-size:clamp(66px,6.3vw,104px);line-height:.98;letter-spacing:-2px;margin-top:33px}
.character-edition .hero-copy>p{font-size:23px;line-height:1.5;margin:28px 0 34px;color:#cbc9bf}
.character-edition .hero-button{min-width:230px}.character-edition .explore-link{margin-top:22px}
.hero-company{position:absolute;inset:165px -1% 85px 44%;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}
.hero-company>img{position:relative;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;filter:saturate(.77) contrast(1.04);mask-image:linear-gradient(0deg,transparent,#000 15%,#000 93%,transparent);z-index:1}
.company-orbit{position:absolute;width:84%;aspect-ratio:1;border:1px solid #b89b622c;border-radius:50%;background:radial-gradient(ellipse,#cda76312,transparent 65%);box-shadow:0 0 0 18px #b89b6205,0 0 0 19px #b89b6215;transform:scaleY(.92)}
.company-orbit:after{content:'✧';position:absolute;top:-28px;left:50%;transform:translateX(-50%);font:42px var(--serif);color:#bca26b}
.company-caption{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:4px;color:#c6b78d;z-index:2}
.character-edition .cinema-rune{left:72%;opacity:.08}.character-edition .hero-bottom{z-index:2}
.edition-return{position:absolute;bottom:88px;left:6.5%;z-index:3;font-size:10px;color:#b9b19f;letter-spacing:1px}.edition-return:hover{color:#efd9a6}
.character-edition .world-image{border-color:#b89b623b}.character-edition .begin{position:relative;isolation:isolate;overflow:hidden;background:#0b1013}
.character-edition .begin-backdrop{opacity:.25}.character-edition .begin-inner{position:relative;z-index:2}
.recruit-portrait{position:absolute;top:5%;bottom:-5%;width:31%;background-image:url('assets/classes.webp');background-repeat:no-repeat;background-size:300% 100%;mix-blend-mode:lighten;filter:saturate(.55);opacity:.5;mask-image:linear-gradient(0deg,transparent,#000 25%,#000 80%,transparent);pointer-events:none;z-index:1}
.recruit-left{left:-6%;background-position:0 0;transform:rotate(-5deg)}.recruit-right{right:-6%;background-position:100% 0;transform:rotate(5deg)}
@media(min-width:1600px){.hero-company{left:47%;right:4%}.character-edition .hero-copy{padding-left:8%}}
@media(max-width:1100px){.character-edition .hero-copy{padding-left:5%;width:52%}.character-edition .hero h1{font-size:73px}.hero-company{left:44%;right:-4%;top:185px;bottom:150px}.company-caption{bottom:-5px;font-size:7px;letter-spacing:2px}.character-edition .eyebrow{font-size:7px;letter-spacing:1.3px}}
@media(max-width:800px){.character-edition .hero{min-height:1000px;height:auto;max-height:none}.character-edition .hero-copy{padding:145px 24px 0;width:100%;max-width:100%;text-align:center}.character-edition .eyebrow{justify-content:center}.character-edition .hero h1{font-size:74px;margin-top:22px}.character-edition .hero-copy>p{font-size:21px;margin:20px 0 26px}.character-edition .hero-copy>p br{display:none}.character-edition .hero-button{padding:17px 26px}.character-edition .explore-link{display:none}.hero-company{inset:470px 5% 125px;max-width:660px;margin:auto}.company-caption{bottom:0}.company-orbit{width:65%}.character-edition .hero-art{object-position:center}.character-edition .hero-bottom{bottom:25px}.edition-return{left:24px;bottom:85px;font-size:9px}.character-edition .atmosphere-toggle{bottom:80px}.recruit-portrait{width:37%;opacity:.2}.character-edition .cinema-rune{left:50%}}
@media(max-width:560px){.character-edition .hero{min-height:910px}.character-edition .hero-copy{padding-top:135px}.character-edition .hero h1{font-size:61px;letter-spacing:-1.5px}.character-edition .eyebrow{font-size:6px;letter-spacing:1.2px;gap:8px}.character-edition .hero-copy>p{font-size:19px;max-width:250px;margin:22px auto}.hero-company{inset:444px -5% 140px}.company-caption{font-size:6px;letter-spacing:2.5px;bottom:1px}.company-orbit{width:72%}.character-edition .hero-bottom{font-size:7px}.recruit-portrait{display:none}}
@media(max-width:360px){.character-edition .hero h1{font-size:53px}.character-edition .hero-copy{padding-inline:16px}.company-caption{bottom:25px}}
/* Blend the complete illustration group into the original landscape. */
.hero-company{left:47%;right:2%;mix-blend-mode:lighten}
.hero-company>img{mix-blend-mode:normal}
.company-orbit{box-shadow:none;opacity:.55}
.character-edition .explore-link{margin-left:0}
@media(max-width:1100px) and (min-width:801px){.hero-company{left:49%;right:1%}.character-edition .hero h1{font-size:66px}}
@media(max-width:800px){.hero-company{left:5%;right:5%}}
@media(max-width:560px){.character-edition .hero{min-height:990px}.hero-company{top:540px;bottom:145px;left:10px;right:10px}.company-caption{bottom:-12px}.character-edition .hero-copy>p{max-width:260px}.character-edition .hero-copy>p br{display:block}}