/* Chapters v15: intentional cuts, native scenery, no floating character crop. */
.journey .art-chapter{border-top:1px solid #9da7b650;background:#10141b}
.art-chapter .section-scene{mask-image:none}
.art-chapter .section-scene img{mask-image:none}
.concept .scene-garden img{opacity:.46;filter:saturate(.12) brightness(.66)}
.concept .section-scene:after{background:linear-gradient(90deg,#10141be3 0%,#10141b75 42%,#10141b21 76%,#10141b45 100%)}
.journey .concept{min-height:760px;padding:105px 0 100px}
.concept .concept-heading{margin-bottom:65px}
.concept .feature-grid article{border-top-color:#bcc9d25c}
.concept .feature-copy p{color:#d4dce5}
.concept-bottom{margin-top:48px;border-top-color:#bcc9d248}
.concept-bottom p{color:#cad4df}

/* The two ZEN methods share one panorama and one centred introduction. */
.zen .scene-valley img{opacity:.45;filter:saturate(.13) brightness(.61)}
.zen .section-scene:after{background:linear-gradient(90deg,#10141b5c 0%,#10141b91 35%,#10141bb3 68%,#10141b94 100%)}
.journey .zen{padding:90px 0 95px}
.zen .zen-heading{display:block;text-align:center;margin-bottom:55px}
.zen .zen-heading h2{font-size:clamp(3.4rem,4.3vw,5.15rem)}
.zen .zen-heading .lead{margin-top:22px;color:#d3dbe5;font-size:1rem;line-height:1.8}
.zen .zen-word{right:50%;bottom:0;transform:translateX(50%);font-size:16rem;color:#bcc9db09}
.zen .zen-grid{gap:75px}
.zen .zen-lottery{padding-left:55px!important}
.zen .lord-placeholder{height:280px}
.zen .zen-grid article>p{color:#d0d9e5}
.zen .lottery-reward{margin-top:24px;margin-bottom:22px;padding:23px 0}
.zen .lottery-steps li{margin:15px 0}

/* Text is on the left. The supplied PNG terminates at the chapter boundary. */
.journey .referral{min-height:780px;padding:0;overflow:hidden}
.referral .scene-ruins img{opacity:.4;filter:saturate(.12) brightness(.6)}
.referral .section-scene:after{background:linear-gradient(90deg,#10141bec 0%,#10141baf 29%,#10141b2e 68%,#10141b38 100%)}
.referral-grid{display:flex;align-items:center;min-height:780px;gap:0;padding:90px 0;position:static}
.referral-copy{max-width:560px;width:calc(47vw - 80px);padding:0;justify-self:auto;margin:0;z-index:1}
.journey .referral h2{font-size:clamp(3.2rem,4.05vw,4.85rem)}
.referral-description{max-width:470px;color:#d0d9e3}
.referral-visual{position:absolute;right:max(0px,calc((100% - 1920px)/2 + 20px));left:auto;top:auto;bottom:0;width:min(58.3vw,1120px);height:auto;max-width:none;aspect-ratio:3/2;min-width:0;margin:0;pointer-events:none;transform:none}
.referral-visual img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom;opacity:1;filter:none;mask-image:none;transform:none}

/* Intent is a visitor action. The following account step remains explicit. */
.play-dialog .dialog-intent{cursor:pointer}
.dialog-intent-note{font-size:.8125rem;color:#c6d1df;margin-top:16px;line-height:1.7}
.dialog-skip{display:inline-block;font-size:.8125rem;color:#e5bf9f;border-bottom:1px solid #bca18466;padding-bottom:4px;margin-top:19px}
.intent-status{font:550 .6875rem/1.8 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d6b79a;margin:0 0 20px}

@media(min-width:2300px){
 .journey .concept{min-height:800px}
 .journey .referral,.referral-grid{min-height:850px}
 .referral-visual{width:1220px;right:calc((100% - 1920px)/2)}
 .referral-copy{max-width:600px}
 .journey .referral h2{font-size:5rem}
}
@media(max-width:1500px){
 .referral-copy{max-width:510px}
 .journey .referral h2{font-size:3.8rem}
 .referral-description{font-size:1rem}
}
@media(max-width:1200px){
 .journey .concept{min-height:720px;padding:85px 0}
 .zen .zen-grid{gap:40px}
 .zen .zen-lottery{padding-left:30px!important}
 .journey .referral{min-height:0;overflow:hidden}
 .referral-grid{width:calc(100% - 96px);min-height:0;padding:75px 0 65px;display:block}
 .referral-copy{width:100%;max-width:640px;padding:0;margin:0}
 .journey .referral h2{font-size:3.8rem}
 .referral-visual{position:relative;inset:auto;display:block;width:100%;max-width:1100px;aspect-ratio:3/2;margin:0 auto;transform:none}
 .referral-visual img{inset:0;width:100%;height:100%;opacity:1;mask-image:none;filter:none;transform:none}
}
@media(max-width:760px){
 .journey .concept{min-height:0;padding:65px 0}
 .concept .concept-heading{margin-bottom:34px}
 .concept .scene-garden img{opacity:.33}
 .concept .section-scene:after{background:#10141b65}
 .concept-bottom{margin-top:15px}
 .journey .zen{padding:65px 0 75px}
 .zen .zen-heading{margin-bottom:40px;text-align:left}
 .zen .zen-heading h2{font-size:3.05rem}
 .zen .zen-heading .lead{font-size:.9375rem;margin-top:23px}
 .zen .zen-grid{gap:45px}
 .zen .zen-lottery{border-left:0!important;padding:35px 0 0!important}
 .zen .lord-placeholder{height:280px}
 .zen .section-scene:after{background:#10141b85}
 .referral-grid{width:calc(100% - 44px);padding:65px 0 45px}
 .referral-copy{width:100%;max-width:none;padding:0;justify-self:auto}
 .journey .referral h2{font-size:3.05rem}
 .referral-visual{width:100%;margin:0;aspect-ratio:3/2}
 .referral .scene-ruins img{opacity:.32}
 .referral .section-scene:after{background:linear-gradient(180deg,#10141be8 0%,#10141b9c 55%,#10141b21 100%)}
}
@media(max-width:420px){
 .journey .referral h2,.zen .zen-heading h2{font-size:clamp(2.25rem,10.7vw,2.8rem)}
}