/* Character artwork is presented as a studio collection, without composited scenery. */
.character-study{background:#f0e8e3;border:1px solid #263d2312;box-shadow:none;position:relative;isolation:isolate;}
.character-study.art-dd{background:#eee5e7;}
.character-study.art-crab{background:#ecebdc;}
.character-study.art-sumo{background:#e3ecec;}
.character-study.art-oil{background:#eee6dc;}
.character-study:after{display:none;}
.study-index{position:absolute;top:17px;left:19px;z-index:3;font-size:7px;letter-spacing:.16em;color:#617265;}
.game-art.character-study{aspect-ratio:1.55;}
.character-study img.study-character{position:absolute;object-fit:contain;object-position:center;transition:transform .45s ease;width:79%;height:auto;max-width:none;left:50%;top:14%;bottom:auto;right:auto;transform:translateX(-50%);}
.character-study img.study-crab{width:96%;top:20%;}
.character-study img.study-sumo{width:69%;top:12%;}
.character-study img.study-oil{width:76%;top:12%;}
.game-card:hover .game-art.character-study>img{transform:translateX(-50%) translateY(-4px);}
.character-study .art-open{color:#375341;border-color:#627c5c55;background:#ffffff60;}
.game-card:hover .character-study .art-open{background:var(--forest);color:white;}
.dialog-art.character-study{height:280px;}
.dialog-art.character-study img.study-character{width:43%;top:8%;}
.dialog-art.character-study img.study-crab{width:59%;top:12%;}
.dialog-art.character-study img.study-sumo{width:41%;top:6%;}
.dialog-art.character-study img.study-oil{width:42%;top:7%;}
.concept-note{border-top:1px solid var(--line);padding-top:19px;margin:24px 0;}
.concept-note h3{font-size:12px;font-weight:500;margin:0 0 10px;display:flex;align-items:center;gap:13px;}
.concept-note h3 span{font-size:8px;color:#6c7c68;border:1px solid #64765a40;padding:2px 7px;border-radius:20px;font-weight:400;}
.concept-note p{font-size:12px;line-height:1.8;color:#6e7d6c;margin:0;}
/* The world images underneath provide the colour and depth for real backdrop blur. */
.world-studies{height:340px;width:min(620px,100%);align-items:flex-start;padding-top:35px;gap:27px;}
.world-photo{width:48%;}
.world-photo-pool{transform:rotate(-6deg);}
.world-photo-oil{transform:rotate(6deg);}
.glass-ambition{position:absolute;z-index:5;left:50%;bottom:3px;transform:translateX(-50%);width:390px;max-width:94%;padding:26px 34px 25px;text-align:center;border:1px solid #ffffffd9;border-radius:14px;background:rgba(249,248,243,.6);-webkit-backdrop-filter:blur(17px) saturate(1.2);backdrop-filter:blur(17px) saturate(1.2);box-shadow:0 10px 30px #1b3a2210,inset 0 1px 0 #fff;}
.glass-ambition .eyebrow{font-size:7px;margin:0 0 9px;color:#53684d;}
.glass-ambition h3{font-size:21px;font-weight:500;line-height:1.2;letter-spacing:-.5px;margin:0 0 11px;}
.glass-ambition>p:last-child{font-size:11px;line-height:1.8;color:#53664e;margin:0;}
.studio-last-line{margin-top:18px;}
@supports not (backdrop-filter:blur(1px)){.glass-ambition{background:#f4f3e8f5;}}
@media(max-width:760px){.world-studies{height:325px;width:510px;max-width:100%;}.glass-ambition{width:345px;padding:23px 28px;}.dialog-art.character-study{height:240px;}.dialog-art.character-study img.study-character{width:54%;}.dialog-art.character-study img.study-crab{width:71%;}.dialog-art.character-study img.study-sumo{width:49%;}.dialog-art.character-study img.study-oil{width:51%;}}
@media(max-width:520px){.study-index{font-size:6px;left:15px;top:14px;}.world-studies{height:300px;padding-top:23px;gap:15px;}.glass-ambition{max-width:94%;width:290px;padding:24px 23px;bottom:0;border-radius:12px;}.glass-ambition h3{font-size:20px;}.glass-ambition>p:last-child{font-size:11px;}.dialog-art.character-study{height:220px;}.dialog-art.character-study img.study-character{width:73%;top:13%;}.dialog-art.character-study img.study-crab{width:97%;top:22%;}.dialog-art.character-study img.study-sumo{width:67%;top:10%;}.dialog-art.character-study img.study-oil{width:72%;top:11%;}.concept-note h3{font-size:13px;}.concept-note p{font-size:13px;}}