.comic-stage{--mx:0;--my:0;position:relative;isolation:isolate;perspective:1200px;background:#167f89;color:#fff9d8;border:5px solid #101919;box-shadow:8px 8px 0 #101919;overflow:hidden}.mykyta-world{grid-column:1/-1;display:block;min-height:740px;border-radius:6px;text-decoration:none;margin:20px 8px 24px 0}.comic-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 1px 1px,#001c2440 1px,transparent 1.5px) 0 0/7px 7px,linear-gradient(120deg,#25b2bb,#154858);z-index:-2}.mykyta-world-copy{position:relative;width:47%;padding:55px 0 75px 40px;z-index:4;pointer-events:none}.mykyta-world-copy a{pointer-events:auto}.mykyta-world-copy>p:first-child{font:700 12px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#fff7d7;max-width:420px}.mykyta-world h3,.impact-hero.comic-stage h1{font:900 clamp(50px,6.7vw,100px)/.98 Arial,sans-serif;letter-spacing:-3px;text-transform:uppercase;color:#fff4c6;text-shadow:4px 4px 0 #102b31,7px 7px 0 #102b31;margin:48px 0 20px;transform:rotate(-4deg);animation:none}.mykyta-world h3 em{font:inherit;color:#ffd34b}.comic-issue{display:inline-block;background:#d9322c;border:3px solid #101919;padding:10px 15px;color:white;font:800 16px/1.2 Arial,sans-serif;transform:rotate(-4deg);box-shadow:4px 4px 0 #101919;margin-bottom:25px}.mykyta-world-lead{display:block;font:700 24px/1.3 Arial,sans-serif;max-width:320px;margin:12px 0 30px}.mykyta-world-link,.impact-hero.comic-stage a{display:inline-flex;align-items:center;gap:24px;background:#ffe16b;border:3px solid #101919;color:#101919;border-radius:0;box-shadow:5px 5px 0 #101919;padding:17px 22px;font:800 14px/1.3 Arial,sans-serif;text-decoration:none;transition:transform .2s,box-shadow .2s}.mykyta-world-link b{font-size:25px}.mykyta-world:hover .mykyta-world-link{transform:translate(3px,3px);box-shadow:2px 2px 0 #101919}.comic-depth{position:absolute;inset:0;z-index:1;pointer-events:none;transform-style:preserve-3d}.comic-panel{position:absolute;object-fit:cover;border:5px solid #101919;box-shadow:7px 9px 0 #10191999;width:30%;height:65%;transition:transform .65s ease-out}.comic-panel-one{left:41%;top:-16%;transform:translate(calc(var(--mx)*-7px),calc(var(--my)*-5px)) rotate(-13deg)}.comic-panel-two{right:-5%;top:25%;transform:translate(calc(var(--mx)*-12px),calc(var(--my)*-8px)) rotate(12deg)}.comic-panel-three{left:38%;bottom:-34%;transform:translate(calc(var(--mx)*-8px),calc(var(--my)*-5px)) rotate(-8deg)}.comic-cast{position:absolute;width:61%;height:94%;object-fit:contain;object-position:center bottom;right:-3%;bottom:-1%;filter:drop-shadow(0 0 2px #fff3bb) drop-shadow(-14px 18px 8px #071e3180);transform:translate(calc(var(--mx)*14px),calc(var(--my)*9px));transition:transform .65s ease-out;z-index:3}.comic-caption{position:absolute;bottom:20px;right:25px;z-index:5;padding:12px 16px;background:#fff7d5;color:#101919;border:3px solid #101919;transform:rotate(-3deg);font:800 12px/1.4 Arial,sans-serif;box-shadow:4px 4px 0 #101919}.mykyta-world:focus-visible{outline:5px solid #e6382c;outline-offset:7px}.impact-hero.comic-stage{display:block;max-width:none;min-height:780px;margin:10px 3% 40px;padding:0;background:#167f89}.impact-hero.comic-stage .mykyta-world-copy{width:47%;padding:40px 0 65px 40px}.impact-hero.comic-stage .mykyta-world-copy>p:not(:first-child){max-width:400px;font-size:17px;line-height:1.6;text-shadow:0 2px 5px #07343c}.impact-hero.comic-stage .comic-cast{border:0;border-radius:0;box-shadow:none;max-height:none}.impact-hero.comic-stage .comic-panel{border-radius:0}.impact-hero.comic-stage h1:first-line{color:#fff4c6}@media(max-width:700px){.mykyta-world{min-height:960px}.mykyta-world-copy,.impact-hero.comic-stage .mykyta-world-copy{width:100%;padding:28px 24px 0}.mykyta-world h3,.impact-hero.comic-stage h1{font-size:clamp(45px,11vw,76px);letter-spacing:-2px;margin:25px 0 20px}.mykyta-world-lead{font-size:20px;margin:0 0 20px}.comic-issue{font-size:14px;margin-bottom:18px}.comic-depth{top:420px}.comic-cast{width:115%;right:-7%;height:100%;bottom:0}.comic-panel{width:49%;height:80%}.comic-panel-one{left:-9%;top:0}.comic-panel-two{right:-10%;top:15%}.comic-panel-three{display:none}.comic-caption{bottom:13px;right:10px;font-size:10px;max-width:85%}.impact-hero.comic-stage{min-height:1080px;margin:0 3% 35px}.impact-hero.comic-stage .comic-depth{top:550px}.impact-hero.comic-stage .mykyta-world-copy>p:not(:first-child){font-size:16px}.impact-hero.comic-stage a{margin-top:5px}}@media(prefers-reduced-motion:reduce){.comic-stage *{transition:none!important}.comic-cast{transform:none}}
.impact-hero.comic-stage .comic-panel{width:30%}.impact-hero.comic-stage .comic-cast{width:61%}@media(max-width:700px){.impact-hero.comic-stage .comic-panel{width:49%}.impact-hero.comic-stage .comic-cast{width:115%}}

.comic-cast{opacity:0}.comic-cast.cast-ready{opacity:1}

/* Cinematic home-page portal — layered motion over the approved art direction. */
.additional-projects>.mykyta-world.cinematic-comic{--spot-x:70%;--spot-y:42%;display:block;position:relative;width:100%;min-height:0;aspect-ratio:1672/941;margin:24px 0 0;overflow:hidden;border:0;border-radius:18px;background-color:#04101f;background-image:url("assets/mykyta-cinematic.webp");background-position:center;background-size:contain;background-repeat:no-repeat;box-shadow:0 35px 90px #02091380,0 0 0 1px #5eb9ff26,inset 0 0 90px #02081499;isolation:isolate;perspective:1400px;transform:translateZ(0);transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s ease}
.additional-projects>.cinematic-comic>.mykyta-world-copy,.additional-projects>.cinematic-comic>.comic-depth,.additional-projects>.cinematic-comic>.comic-caption{display:none!important}
.cinematic-comic:before{content:"";position:absolute;inset:-4%;z-index:1;background:radial-gradient(circle at var(--spot-x) var(--spot-y),#ffffff28 0,transparent 21%),linear-gradient(105deg,transparent 30%,#8fd4ff16 45%,#fff7bd2b 51%,transparent 60%);background-size:100% 100%,220% 100%;mix-blend-mode:screen;transform:translate3d(calc(var(--mx)*-7px),calc(var(--my)*-4px),30px);animation:comic-scan 7s ease-in-out infinite;pointer-events:none}
.cinematic-comic:after{content:"";position:absolute;inset:0;z-index:8;background:radial-gradient(ellipse at 55% 102%,#ff701828 0,transparent 34%);box-shadow:inset 0 0 38px #0005;pointer-events:none}
.cinematic-comic__shade{position:absolute;inset:-6%;z-index:-1;background:inherit;transform:scale(1.04) translate3d(calc(var(--mx)*-5px),calc(var(--my)*-3px),0);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.cinematic-comic__beam{position:absolute;z-index:3;width:35%;height:160%;top:-35%;background:linear-gradient(90deg,transparent,#8bd5ff36,transparent);filter:blur(15px);mix-blend-mode:screen;opacity:.25;pointer-events:none}
.cinematic-comic__beam--one{left:50%;transform:rotate(17deg);animation:comic-beam 8s ease-in-out infinite}
.cinematic-comic__beam--two{left:72%;transform:rotate(-12deg);animation:comic-beam 6s ease-in-out -2s infinite reverse}
.cinematic-comic__flare{position:absolute;z-index:4;right:26%;bottom:6%;width:24%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 2%,#fff2a9aa 5%,#ff8a2044 22%,transparent 62%);mix-blend-mode:screen;filter:blur(2px);animation:comic-flare 2.8s ease-in-out infinite;pointer-events:none}
.cinematic-comic__pages{display:none;position:absolute;inset:0;z-index:6;pointer-events:none;transform-style:preserve-3d}
.cinematic-comic__pages img{position:absolute;width:8.5%;aspect-ratio:.71;object-fit:cover;border:2px solid #e9dec3;box-shadow:0 10px 20px #0008;opacity:.68;filter:sepia(.75) saturate(.45) contrast(1.1)}
.cinematic-comic__pages img:nth-child(1){left:30%;top:6%;transform:translate3d(calc(var(--mx)*-20px),calc(var(--my)*-12px),70px) rotate(-19deg);animation:page-float-one 7s ease-in-out infinite}
.cinematic-comic__pages img:nth-child(2){right:7%;bottom:-4%;transform:translate3d(calc(var(--mx)*28px),calc(var(--my)*14px),100px) rotate(17deg);animation:page-float-two 8s ease-in-out -2s infinite}
.cinematic-comic__pages img:nth-child(3){left:35%;bottom:-11%;transform:translate3d(calc(var(--mx)*-26px),calc(var(--my)*18px),90px) rotate(-28deg);animation:page-float-three 6s ease-in-out -1s infinite}
.cinematic-comic__embers{position:absolute;inset:0;z-index:7;overflow:hidden;pointer-events:none}
.cinematic-comic__embers i{position:absolute;left:var(--x);bottom:-5%;width:var(--s);height:calc(var(--s)*2.5);border-radius:50%;background:#ffbf5b;box-shadow:0 0 8px 2px #ff5a19,0 0 18px #ff8a28;animation:ember-rise var(--d) linear var(--delay) infinite}
.cinematic-comic__cta{position:absolute;left:2.7%;bottom:12.4%;z-index:10;display:block;width:34.7%;height:15.8%;min-width:0;padding:0;color:transparent;transform:translate3d(calc(var(--mx)*-3px),calc(var(--my)*-2px),90px);opacity:0;background:transparent;border:2px solid transparent;clip-path:polygon(4% 0,90% 0,100% 50%,90% 100%,4% 100%,0 50%);box-shadow:0 0 18px #ff2018,0 0 44px #ff2d2555;transition:opacity .5s .25s,filter .25s,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .25s;pointer-events:none}
.cinematic-comic__cta span,.cinematic-comic__cta b{visibility:hidden}
.cinematic-comic__cta b{display:grid;place-items:center;width:1.55em;height:1.55em;font-size:1.45em;font-style:normal;transform:skewX(8deg);filter:drop-shadow(0 0 8px #fff)}
.cinematic-comic__hint{display:none}
.cinematic-comic.is-visible .cinematic-comic__cta,.cinematic-comic.is-visible .cinematic-comic__hint{opacity:1;transform:translateY(0)}
.cinematic-comic.is-visible .cinematic-comic__cta{transform:translate3d(calc(var(--mx)*-3px),calc(var(--my)*-2px),90px)}
.additional-projects>.cinematic-comic:hover{transform:translateY(-7px) rotateX(calc(var(--my)*-1.4deg)) rotateY(calc(var(--mx)*1.8deg));box-shadow:0 45px 115px #020913a8,0 0 60px #167cdb33,0 0 0 1px #9cd9ff55}
.cinematic-comic:hover .cinematic-comic__cta{filter:brightness(1.25) saturate(1.18);box-shadow:0 0 24px #ff2018,0 0 58px #ff2d2588;transform:translate3d(calc(var(--mx)*-4px),calc(var(--my)*-3px),120px) scale(1.012)}
@keyframes comic-scan{0%,18%{background-position:center,190% 0}58%,100%{background-position:center,-90% 0}}
@keyframes comic-beam{0%,100%{opacity:.1;translate:-18% 0}50%{opacity:.43;translate:22% 0}}
@keyframes comic-flare{0%,100%{opacity:.55;transform:scale(.78)}50%{opacity:1;transform:scale(1.16)}}
@keyframes ember-rise{0%{transform:translate3d(0,0,0) rotate(15deg);opacity:0}10%{opacity:1}75%{opacity:.75}100%{transform:translate3d(var(--drift),-52vw,0) rotate(310deg);opacity:0}}
@keyframes page-float-one{0%,100%{rotate:-2deg;translate:0 0}50%{rotate:4deg;translate:-10px 12px}}
@keyframes page-float-two{0%,100%{rotate:1deg;translate:0 0}50%{rotate:-5deg;translate:12px -15px}}
@keyframes page-float-three{0%,100%{rotate:-1deg;translate:0 0}50%{rotate:5deg;translate:-7px -13px}}
@media(max-width:700px){.additional-projects>.mykyta-world.cinematic-comic{width:100%;aspect-ratio:1672/941;background-position:center;background-size:contain;border-radius:10px}.cinematic-comic__cta{left:2.7%;bottom:12.4%;width:34.7%;height:15.8%;min-width:0;padding:0}.cinematic-comic__hint,.cinematic-comic__pages{display:none}.cinematic-comic__beam{opacity:.16}.cinematic-comic:after{box-shadow:inset 0 0 18px #0004}}

/* Inner case hero: final safe-area overrides after the shared card styles. */
body .impact-hero.comic-stage{width:100%;max-width:100%;margin:0!important;padding:0!important;overflow:hidden}
body .impact-hero.comic-stage .mykyta-world-copy{width:52%!important;padding:145px 0 82px clamp(72px,6vw,122px)!important;transform:none!important;overflow:visible}
body .impact-hero.comic-stage .mykyta-world-copy>p:first-child{max-width:100%;margin:0 0 28px;white-space:normal}
body .impact-hero.comic-stage h1{width:100%;max-width:100%;margin:0 0 26px;padding:.08em 0 .12em!important;font-size:clamp(58px,7vw,108px)!important;line-height:.94!important;letter-spacing:-.055em!important;transform:none!important;overflow:visible}
body .impact-hero.comic-stage .mykyta-world-copy>p:not(:first-child){width:100%;max-width:520px;margin:0;font-size:clamp(15px,1.3vw,19px);line-height:1.65}
body .impact-hero.comic-stage .mykyta-world-copy>a{margin-top:28px}
body>nav{left:clamp(24px,6vw,122px)!important;top:22px!important}
@media(max-width:760px){body .impact-hero.comic-stage{min-height:980px}body .impact-hero.comic-stage .mykyta-world-copy{width:100%!important;padding:92px 22px 0!important}body .impact-hero.comic-stage .mykyta-world-copy>p:first-child{margin-bottom:18px;padding-left:0;font-size:9px;letter-spacing:.11em}body .impact-hero.comic-stage h1{font-size:clamp(50px,13.2vw,76px)!important;line-height:.96!important;letter-spacing:-.045em!important;margin-bottom:18px}body .impact-hero.comic-stage .mykyta-world-copy>p:not(:first-child){max-width:94%;font-size:14px;line-height:1.55}body .impact-hero.comic-stage .mykyta-world-copy>a{margin-top:18px}body>nav{left:18px!important;top:14px!important}}
@media(prefers-reduced-motion:reduce){.cinematic-comic:before,.cinematic-comic__beam,.cinematic-comic__flare,.cinematic-comic__pages img,.cinematic-comic__embers i{animation:none!important}.additional-projects>.cinematic-comic,.cinematic-comic__cta{transform:none!important;transition:none!important}}

/* Definitive no-crop rendering: the approved composition is a real responsive image. */
.additional-projects>.mykyta-world.cinematic-comic{aspect-ratio:auto;background:#04101f;line-height:0}
.cinematic-comic__art{position:relative;z-index:0;display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center;filter:saturate(1.03) contrast(1.01);transition:filter .45s ease}
.cinematic-comic:hover .cinematic-comic__art{filter:saturate(1.1) contrast(1.035) brightness(1.035)}
@media(max-width:700px){.additional-projects>.mykyta-world.cinematic-comic{aspect-ratio:auto;background:#04101f}.cinematic-comic__art{width:100%;height:auto;object-fit:contain}}