/* Raster key-art candidate v2. This is restrained 2.5D parallax, not a 3D scene.
   Every selector is contained by the existing module root. No global color filter. */
.ewx .ewx-scene-story[data-ewx-active-kind="raster"] .ewx-scene-stage::after{display:none}
.ewx .ewx-art-frame{background:#111a20;animation:none;pointer-events:none;--ewx-art-x:0px;--ewx-art-y:0px;--ewx-art-scale:1.035;--ewx-art-light:.14;--ewx-art-letter-x:0px;--ewx-art-letter-y:0px;--ewx-art-letter-scale:1;--ewx-art-letter-opacity:.92}
.ewx .ewx-art-picture{position:absolute;inset:0;display:block;overflow:hidden;max-width:none}
.ewx .ewx-art-image{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:var(--ewx-art-position,59% 50%);transform:translate3d(var(--ewx-art-x),var(--ewx-art-y),0) scale(var(--ewx-art-scale));transform-origin:65% 55%;filter:none;will-change:transform}
.ewx .ewx-art-light{position:absolute;pointer-events:none;mix-blend-mode:screen;opacity:var(--ewx-art-light);transform:translate3d(calc(var(--ewx-art-x) * -.35),calc(var(--ewx-art-y) * -.6),0);will-change:opacity,transform}
.ewx .ewx-art-light-sun{inset:14% 5% 27% 34%;background:radial-gradient(ellipse at 48% 48%,#ffc76980,transparent 64%)}
.ewx .ewx-art-light-dust{inset:51% 0 3% 36%;background:radial-gradient(ellipse at 50% 70%,#e8a24665,transparent 64%)}
.ewx .ewx-art-ono{position:absolute;z-index:2;right:clamp(30px,5.5vw,110px);top:8%;display:flex;gap:0;pointer-events:none;font-family:'Noto Sans CJK JP','Yu Gothic','Hiragino Kaku Gothic ProN','Arial Black',sans-serif;font-weight:1000;font-style:italic;font-size:clamp(110px,15.5vw,245px);line-height:.92;letter-spacing:-.13em;color:#fff0cf;-webkit-text-stroke:clamp(2px,.35vw,6px) #18222a;paint-order:stroke fill;text-shadow:3px 4px 0 #e67e2e,8px 9px 0 #151e25,13px 15px 0 #10171db0;transform-origin:76% 60%;transform:perspective(750px) translate3d(var(--ewx-art-letter-x),var(--ewx-art-letter-y),0) rotateY(-20deg) rotateZ(-14deg) skewX(-12deg) scale(var(--ewx-art-letter-scale));opacity:var(--ewx-art-letter-opacity);will-change:transform}
.ewx .ewx-art-ono>span{display:block}.ewx .ewx-art-ono>span:nth-child(2){transform:translateY(12%) scale(.87)}.ewx .ewx-art-ono>span:nth-child(3){transform:translateY(25%) rotate(-4deg) scale(1.1)}
/* The veil belongs to foreground copy, not the whole artwork. */
.ewx .ewx-scene-step[data-ewx-art-kind="raster"]>div{position:relative;isolation:isolate;max-width:425px;padding:24px 0;text-shadow:0 2px 5px #000a}
.ewx .ewx-scene-step[data-ewx-art-kind="raster"]>div::before{content:'';position:absolute;z-index:-1;inset:-28px -110px -28px -5vw;background:linear-gradient(95deg,#0c1720ed 0%,#0c1720da 54%,#0c172088 75%,transparent 100%);pointer-events:none}
.ewx .ewx-scene-step[data-ewx-art-kind="raster"] .ewx-overline{color:#ffbe76}.ewx .ewx-scene-step[data-ewx-art-kind="raster"] h3{color:#fff6e4}.ewx .ewx-scene-step[data-ewx-art-kind="raster"] p:not(.ewx-overline){color:#e8e8df;font-size:13px}.ewx .ewx-scene-step[data-ewx-art-kind="raster"] .ewx-text-button{color:#fff3d9!important;min-height:44px}
.ewx .ewx-scene-story[data-ewx-active-kind="raster"] .ewx-scene-caption{z-index:3;align-items:flex-end;text-shadow:0 1px 4px #000,0 1px 9px #000}.ewx .ewx-scene-story[data-ewx-active-kind="raster"] .ewx-scene-caption>span{background:#0c1720bf;padding:5px 8px;border-radius:2px;max-width:490px}.ewx .ewx-scene-story[data-ewx-active-kind="raster"] .ewx-scene-stage>.ewx-motion-toggle{z-index:4}
@media(max-width:1050px) and (min-width:761px){.ewx .ewx-art-ono{right:2%;top:12%;font-size:clamp(108px,17vw,180px)}.ewx .ewx-scene-step[data-ewx-art-kind="raster"]>div{max-width:365px}.ewx .ewx-scene-step[data-ewx-art-kind="raster"]>div::before{right:-65px}}
@media(max-width:760px){
 .ewx .ewx-scene-story[data-ewx-active-kind="raster"] .ewx-scene-stage{min-height:620px}
 .ewx .ewx-art-picture{inset:0 auto auto -20%;width:140%;height:68%;min-height:370px}
 .ewx .ewx-art-image{object-position:var(--ewx-art-mobile-position,63% 45%);transform:translate3d(calc(var(--ewx-art-x) * .35),calc(var(--ewx-art-y) * .35),0) scale(var(--ewx-art-scale));transform-origin:58% 60%}
 .ewx .ewx-art-light-sun{inset:8% 0 46% 0}.ewx .ewx-art-light-dust{inset:31% 0 32% 10%}
 .ewx .ewx-art-ono{right:8%;top:12%;font-size:clamp(76px,22vw,144px);-webkit-text-stroke:2px #14212b;text-shadow:2px 3px 0 #df842f,5px 6px 0 #151e25,8px 9px 0 #10171da6;transform:perspective(600px) translate3d(calc(var(--ewx-art-letter-x) * .4),calc(var(--ewx-art-letter-y) * .4),0) rotateY(-16deg) rotateZ(-16deg) skewX(-11deg) scale(var(--ewx-art-letter-scale))}
 .ewx .ewx-scene-step[data-ewx-art-kind="raster"]{padding:clamp(320px,52svh,490px) 6% 82px;min-height:max(100svh,620px);align-items:flex-start}
 .ewx .ewx-scene-step[data-ewx-art-kind="raster"]>div{width:100%;max-width:390px;margin:0;padding:20px 0 0;text-shadow:0 1px 4px #0009}
 .ewx .ewx-scene-step[data-ewx-art-kind="raster"]>div::before{inset:-31px -6.9vw -33px;background:linear-gradient(0deg,#0c1720 0%,#0c1720f5 54%,#0c1720d9 81%,transparent 100%)}
 .ewx .ewx-scene-step[data-ewx-art-kind="raster"] h3{font-size:clamp(25px,7.5vw,31px);line-height:1.55;overflow-wrap:anywhere}
 .ewx .ewx-scene-step[data-ewx-art-kind="raster"] .ewx-overline{font-size:10px;margin-bottom:14px}
 .ewx .ewx-scene-step[data-ewx-art-kind="raster"] p:not(.ewx-overline){font-size:12px;line-height:1.95;margin-top:16px}
 .ewx .ewx-scene-story[data-ewx-active-kind="raster"] .ewx-scene-caption{font-size:7px;bottom:15px}.ewx .ewx-scene-story[data-ewx-active-kind="raster"] .ewx-scene-caption>span{max-width:220px;padding:3px 5px}
}
@media(prefers-reduced-motion:reduce){.ewx .ewx-art-image{transform:scale(1.035)!important;will-change:auto}.ewx .ewx-art-light{opacity:.12!important;transform:none!important;will-change:auto}.ewx .ewx-art-ono{translate:none!important;will-change:auto}}
.ewx[data-ewx-motion-paused=true] .ewx-art-image,.ewx[data-ewx-tab-hidden=true] .ewx-art-image,.ewx[data-ewx-modal-open=true] .ewx-art-image{will-change:auto}
/* Keep the explicit pause control hit-testable above art, while scroll-copy
   wrappers pass clicks through except at their actual content/buttons. */
.ewx .ewx-scene-stage{z-index:0}
.ewx .ewx-scene-steps{position:relative;z-index:1;pointer-events:none}
.ewx .ewx-scene-step>div{pointer-events:auto}
/* Subject-specific composition: lettering stays away from lens, helmet and
   main structural joints, and quieter scenes keep a smaller graphic voice. */
.ewx .ewx-art-frame[data-ewx-scene-frame="2"] .ewx-art-ono{top:auto;bottom:10%;right:4%;font-size:clamp(100px,13vw,190px)}
.ewx .ewx-art-frame[data-ewx-scene-frame="4"] .ewx-art-ono{top:auto;bottom:11%;right:7%;font-size:clamp(100px,12vw,180px)}
.ewx .ewx-art-frame[data-ewx-scene-frame="5"] .ewx-art-ono{top:13%;left:45%;right:auto;font-size:clamp(75px,8.5vw,125px);color:#f6e7c8}
.ewx .ewx-art-frame[data-ewx-scene-frame="5"] .ewx-art-light-dust{display:none}
.ewx .ewx-art-frame[data-ewx-scene-frame="6"] .ewx-art-ono{top:11%;right:33%;font-size:clamp(75px,9vw,135px)}
@media(max-width:760px){
 .ewx .ewx-art-frame[data-ewx-scene-frame="2"] .ewx-art-ono{top:11%;bottom:auto;right:7%;font-size:clamp(73px,21vw,132px)}
 .ewx .ewx-art-frame[data-ewx-scene-frame="4"] .ewx-art-ono{top:19%;bottom:auto;right:5%;font-size:clamp(72px,21vw,130px)}
 .ewx .ewx-art-frame[data-ewx-scene-frame="5"] .ewx-art-ono{top:12%;left:5%;font-size:clamp(60px,17vw,108px)}
 .ewx .ewx-art-frame[data-ewx-scene-frame="6"] .ewx-art-ono{top:13%;right:35%;font-size:clamp(59px,16vw,104px)}
}
.ewx .ewx-art-frame[data-ewx-scene-frame="7"] .ewx-art-ono{top:15%;right:7%;font-size:clamp(80px,10vw,150px)}
.ewx .ewx-art-frame[data-ewx-scene-frame="7"] .ewx-art-light-dust{display:none}
.ewx .ewx-art-frame[data-ewx-scene-frame="8"] .ewx-art-ono{top:9%;right:29%;font-size:clamp(90px,11vw,168px)}
.ewx .ewx-art-frame[data-ewx-scene-frame="9"] .ewx-art-ono{top:9%;right:6%;font-size:clamp(105px,13vw,198px)}
@media(max-width:760px){
 .ewx .ewx-art-frame[data-ewx-scene-frame="7"] .ewx-art-ono{top:17%;right:7%;font-size:clamp(61px,17vw,112px)}
 .ewx .ewx-art-frame[data-ewx-scene-frame="8"] .ewx-art-ono{top:14%;right:20%;font-size:clamp(68px,18vw,119px)}
 .ewx .ewx-art-frame[data-ewx-scene-frame="9"] .ewx-art-ono{top:13%;right:8%;font-size:clamp(68px,19vw,124px)}
}
