body{background:#141411;color:#fffbe0}.impact-hero{display:grid;grid-template-columns:1fr .7fr;max-width:1350px;gap:50px;align-items:center}.impact-hero figure{margin:0;transform:rotate(3deg)}.impact-hero img{width:100%;box-shadow:0 30px 80px #0009}.impact-hero figcaption{font-size:10px;line-height:1.6;margin-top:15px;opacity:.8}.impact-hero h1{font-family:Arial,sans-serif;font-weight:800;color:#ffad40;letter-spacing:-4px}.impact-hero a{display:inline-block;background:#ffad40;color:#161512;padding:17px 25px;border-radius:40px;text-decoration:none;margin-top:20px}.impact{padding:70px 6%;background:#f4e9d5;color:#24221d}.impact>p:first-child{font-size:11px;letter-spacing:2px}.impact article{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:55px 0;border-bottom:1px solid #24221d33;align-items:center}.impact strong{font-size:clamp(45px,8vw,105px);letter-spacing:-3px;color:#9b3b15}.impact h2{font-size:clamp(23px,3vw,36px);margin:0 0 15px}.impact article p{max-width:550px;line-height:1.7}.impact-source{font-size:11px;margin-top:25px;line-height:1.7}.impact-intro{padding:80px 6%}.impact-intro h2{font-size:clamp(35px,5vw,65px);line-height:1.1}.impact-intro p{max-width:650px;line-height:1.8}.impact-active .reveal{opacity:0;transform:translateY(60px) scale(.97);filter:blur(12px);transition:opacity 1s,transform 1s,filter 1s}.impact-active .reveal.is-visible{opacity:1;transform:none;filter:none}.pages{background:#1f211f;border-radius:25px}.film{background:#ffad40;color:#24221d}footer{color:#fffbe0}@media(max-width:700px){.impact-hero{grid-template-columns:1fr;gap:25px}.impact-hero figure{max-width:350px;margin:auto;transform:rotate(2deg)}.impact article{grid-template-columns:1fr;gap:12px;padding:40px 0}.impact strong{font-size:65px}.impact-hero h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){.impact-active .reveal{opacity:1;transform:none;filter:none;transition:none}}
.media-impact{position:relative;isolation:isolate;overflow:hidden;min-height:650px;background:#161531;display:flex;align-items:center}.media-impact>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.media-impact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#121638f5,#171332b3 55%,#11132822);z-index:-1}.media-impact-copy{padding:75px 6%;max-width:800px}.media-impact h2{font-size:clamp(50px,7vw,95px);line-height:.98;color:#ffad40;margin:30px 0}.media-impact p{max-width:520px;line-height:1.8}.media-impact-copy>p:first-child{font-size:11px;letter-spacing:2px}.media-names{display:flex;gap:15px;flex-wrap:wrap;margin:35px 0;color:#ffad40;font-size:13px;letter-spacing:1px}.media-impact a{display:inline-block;background:#ffad40;color:#161512;padding:18px 25px;border-radius:40px;text-decoration:none}.media-impact small{display:block;font-size:10px;margin-top:25px;line-height:1.7}.impact-hero{position:relative}.impact-hero h1{animation:title-in 1.2s both}@keyframes title-in{from{opacity:0;filter:blur(15px);transform:translateY(30px)}to{opacity:1;filter:blur(0);transform:none}}@media(prefers-reduced-motion:reduce){.impact-hero h1{animation:none}}

.impact-hero{max-width:none;min-height:750px;padding:70px 6%;background:linear-gradient(90deg,#11130ff5 10%,#171813b8 55%,#10141055),url(assets/mykyta/mission-breakthrough.webp) center/cover}.impact-hero figure{transform:none}.impact-hero img{border-radius:8px;border:1px solid #f4e9d544}.impact-hero h1{color:#fff4dc;text-shadow:0 5px 30px #0008}.impact-hero h1:first-line{color:#ffad40}.pages{padding-top:40px;padding-bottom:40px;align-items:center}.pages img{border-radius:6px}.impact-intro{background:#141411}.impact-source{opacity:.7}@media(max-width:700px){.impact-hero{min-height:auto;padding:35px 6%}.impact-hero figure{max-width:100%}.impact-hero img{max-height:480px;object-fit:contain}}
.impact{border-block:5px solid #101919;background:#ffe16b;color:#101919}.impact article{border-bottom:3px solid #101919}.impact strong{color:#bb2d25;text-shadow:2px 2px 0 #fff7dc}.impact-intro{background:#155966}.pages{gap:22px;border:5px solid #101919;border-radius:0;background:#167f89;margin-block:35px}.pages a{border:3px solid #101919;box-shadow:5px 5px 0 #101919}.pages img{border-radius:0}.film{background:#ffe16b;border-top:5px solid #101919;color:#101919}

/* Cinematic 3D comic case page */
:root{--comic-red:#f22524;--comic-yellow:#ffd347;--comic-cream:#fff4d4;--comic-ink:#061321}
html{scroll-behavior:smooth;background:var(--comic-ink)}
body{overflow-x:hidden;background:radial-gradient(circle at 75% 8%,#174e7d 0,transparent 30%),var(--comic-ink);color:var(--comic-cream);font-family:Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 1px 1px,#75c7ff22 1px,transparent 1.5px) 0 0/8px 8px;mask-image:linear-gradient(#0008,transparent 75%)}
nav{position:fixed;top:18px;left:3%;z-index:80;padding:0}
nav a{display:flex;align-items:center;min-height:46px;padding:0 20px;border:1px solid #bfe2ff3d;border-radius:99px;background:#03101dcc;box-shadow:0 12px 35px #0008;backdrop-filter:blur(16px);font:800 11px/1 Arial,sans-serif;letter-spacing:.08em;text-decoration:none!important;transition:transform .25s,background .25s}
nav a:hover{transform:translateX(-5px);background:#f22524}
.mykyta-progress{position:fixed;left:0;top:0;z-index:100;width:100%;height:4px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--comic-red),var(--comic-yellow),#79d6ff);box-shadow:0 0 15px #ff342c}
.impact-hero.comic-stage{--mx:0;--my:0;display:block;position:relative;isolation:isolate;min-height:clamp(720px,72vw,980px);margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:#061321;color:var(--comic-cream);box-shadow:none;perspective:1500px}
.impact-hero.comic-stage:before{content:"";position:absolute;inset:-4%;z-index:-2;background:linear-gradient(90deg,#03101df7 0,#061523df 38%,#092b4166 67%,#05101f44),radial-gradient(circle at 76% 48%,transparent 0 18%,#0613217d 52%),url("assets/mykyta/mission-breakthrough.webp") center/cover no-repeat;transform:translate3d(calc(var(--mx)*-8px),calc(var(--my)*-5px),0) scale(1.055);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.impact-hero.comic-stage:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#b5e7ff1f 48%,#fff5c42e 52%,transparent 63%);background-size:240% 100%;mix-blend-mode:screen;animation:hero-sweep 8s ease-in-out infinite}
.impact-hero .mykyta-world-copy{position:relative;z-index:10;width:45%;padding:clamp(135px,12vw,190px) 0 90px 5.5%;transform:translate3d(calc(var(--mx)*-5px),calc(var(--my)*-3px),90px)}
.impact-hero .mykyta-world-copy>p:first-child{color:#c6e6ff;font:800 11px/1.5 Arial,sans-serif;letter-spacing:.18em}
.impact-hero.comic-stage h1{margin:35px 0 24px;color:var(--comic-cream);font:950 clamp(64px,8.4vw,136px)/.78 Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;text-shadow:5px 5px 0 #02070d,9px 9px 0 #f22524;transform:skewY(-3deg)}
.impact-hero.comic-stage h1:first-line{color:var(--comic-cream)}
.impact-hero .comic-issue{margin:12px 0 26px;padding:11px 18px;border:2px solid #ff665f;background:#db171b;color:#fff;box-shadow:5px 5px 0 #02070d,0 0 28px #ff241f55;font-size:clamp(12px,1.2vw,18px)}
.impact-hero .mykyta-world-copy>p:not(:first-child){max-width:520px;color:#e5eff6;font:600 clamp(15px,1.35vw,20px)/1.65 Arial,sans-serif;text-shadow:0 3px 14px #000}
.impact-hero.comic-stage a{display:inline-flex;align-items:center;margin-top:18px;padding:20px 34px;border:2px solid #ff7169;border-radius:0;clip-path:polygon(5% 0,92% 0,100% 50%,92% 100%,5% 100%,0 50%);background:linear-gradient(#ff302b,#a70008);box-shadow:0 0 28px #ff251e88;color:white;font:900 14px/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;transition:transform .25s,filter .25s}
.impact-hero.comic-stage a:hover{transform:translateY(-5px) scale(1.025);filter:brightness(1.2)}
.impact-hero .comic-depth{position:absolute;inset:0;z-index:3;transform-style:preserve-3d}
.impact-hero .comic-cast{right:-1%;bottom:-4%;z-index:8;width:64%;height:91%;object-fit:contain;object-position:right bottom;filter:drop-shadow(-20px 26px 18px #000a) drop-shadow(0 0 2px #fff3b5);transform:translate3d(calc(var(--mx)*18px),calc(var(--my)*12px),130px);animation:cast-breathe 5s ease-in-out infinite}
.impact-hero .comic-panel{opacity:.72;width:25%;height:52%;border:4px solid #eae0c8;box-shadow:12px 18px 35px #000a;filter:saturate(.75) contrast(1.08);transition:transform .5s ease}
.impact-hero .comic-panel-one{left:42%;top:-12%;transform:translate3d(calc(var(--mx)*-22px),calc(var(--my)*-15px),40px) rotate(-13deg)}
.impact-hero .comic-panel-two{right:-5%;top:8%;transform:translate3d(calc(var(--mx)*-30px),calc(var(--my)*-18px),70px) rotate(13deg)}
.impact-hero .comic-panel-three{left:35%;bottom:-26%;transform:translate3d(calc(var(--mx)*-25px),calc(var(--my)*-14px),60px) rotate(-9deg)}
.hero-embers{position:absolute;inset:0;z-index:12;overflow:hidden;pointer-events:none}
.hero-embers i{position:absolute;left:var(--x);bottom:-8%;width:var(--s);height:calc(var(--s)*2.5);border-radius:50%;background:#ffd36d;box-shadow:0 0 9px #ff6c1b,0 0 18px #ff2a19;animation:page-ember var(--d) linear var(--delay) infinite}
.impact{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px;padding:105px 5.5%;border:0;background:linear-gradient(180deg,#071725,#04101d);color:var(--comic-cream);perspective:1400px}
.impact:before{content:"RESULTS";position:absolute;right:-1%;top:15px;color:#ffffff07;font:950 clamp(100px,20vw,320px)/1 Arial,sans-serif;letter-spacing:-.08em;pointer-events:none}
.impact>p:first-child{grid-column:1/-1;margin-bottom:18px;color:#89cfff;font:800 11px/1 Arial,sans-serif;letter-spacing:.22em}
.impact article{--card-r:-1deg;grid-column:span 6;display:block;position:relative;min-height:340px;padding:42px;border:1px solid #b8dcff31;border-radius:8px;background:linear-gradient(145deg,#113854e8,#071725f2);box-shadow:0 28px 70px #0008,7px 7px 0 #f22524;overflow:hidden;transform:perspective(1100px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg)) rotateZ(var(--card-r));transform-style:preserve-3d;transition:transform .18s linear,box-shadow .35s}
.impact article:nth-of-type(even){--card-r:1deg;box-shadow:0 28px 70px #0008,7px 7px 0 #ffd347}
.impact article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x,70%) var(--shine-y,20%),#ffffff20,transparent 35%);pointer-events:none}
.impact article:hover{box-shadow:0 40px 90px #000b,10px 10px 0 #f22524}
.impact strong{display:block;position:relative;z-index:1;margin-bottom:40px;color:var(--comic-yellow);font:950 clamp(56px,7vw,112px)/.85 Arial,sans-serif;letter-spacing:-.07em;text-shadow:4px 4px 0 #02070d;transform:translateZ(65px)}
.impact article:nth-of-type(even) strong{color:#ff4a42}
.impact article div{position:relative;z-index:1;transform:translateZ(35px)}
.impact h2{margin:0 0 13px;color:white;font:850 clamp(24px,2.8vw,42px)/1.05 Arial,sans-serif;letter-spacing:-.04em}
.impact article p{color:#bed2df;font-size:15px;line-height:1.7}.impact-source{grid-column:1/-1;margin-top:18px;color:#7894a7;font-size:10px}
.impact-intro{position:relative;overflow:hidden;padding:120px 6%;background:var(--comic-red);color:white}
.impact-intro:after{content:"004";position:absolute;right:-2%;bottom:-18%;color:#5d00062e;font:950 clamp(220px,38vw,620px)/.8 Arial,sans-serif;letter-spacing:-.12em}
.impact-intro h2,.impact-intro p{position:relative;z-index:1}.impact-intro h2{max-width:1100px;margin:0 0 36px;font:950 clamp(54px,8vw,126px)/.88 Arial,sans-serif;letter-spacing:-.07em;text-transform:uppercase;text-shadow:6px 6px 0 #79000a}.impact-intro p{max-width:720px;color:#fff1e3;font-size:clamp(17px,1.5vw,22px)}
.media-impact{min-height:760px;border-block:5px solid #020810;background:#09152b}.media-impact:before{background:linear-gradient(90deg,#04101df8 0,#09162ddd 50%,#09162d44)}.media-impact>img{filter:saturate(.7) contrast(1.12);transform:scale(1.04);animation:media-drift 14s ease-in-out infinite alternate}.media-impact-copy{padding:100px 6%;max-width:850px}.media-impact h2{color:var(--comic-yellow);font:950 clamp(60px,8vw,125px)/.82 Arial,sans-serif;letter-spacing:-.07em;text-transform:uppercase;text-shadow:5px 5px 0 #02070d}.media-names span{padding:10px 14px;border:1px solid #ffd34780;color:var(--comic-yellow);transform:skewX(-7deg)}.media-impact a{border-radius:0;clip-path:polygon(5% 0,92% 0,100% 50%,92% 100%,5% 100%,0 50%);background:var(--comic-red);color:#fff;font-weight:900}
.pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;position:relative;margin:0;padding:120px 6%;border:0;border-radius:0;background:radial-gradient(circle at 50% 45%,#154f73,#061321 62%);perspective:1400px;overflow:hidden}.pages:before{content:"СТОРІНКИ МІСІЇ";grid-column:1/-1;color:#d5ecff;font:900 clamp(32px,5vw,78px)/1 Arial,sans-serif;letter-spacing:-.06em;text-align:center;text-shadow:4px 4px 0 #f22524}.pages a{position:relative;border:4px solid #f0e7d5;border-radius:2px;background:#fff;box-shadow:14px 18px 0 #020810,0 30px 65px #0009;transform:perspective(900px) rotateX(var(--page-x,0deg)) rotateY(var(--page-y,0deg)) rotateZ(var(--page-r,-2deg));transition:transform .2s linear,filter .3s,box-shadow .3s}.pages a:nth-of-type(even){--page-r:2deg;translate:0 30px}.pages a:hover{z-index:5;filter:brightness(1.08);box-shadow:18px 24px 0 #f22524,0 45px 95px #000c;transform:perspective(900px) translateZ(80px) rotateX(var(--page-x,0deg)) rotateY(var(--page-y,0deg)) rotateZ(0)}.pages img{display:block;width:100%;border-radius:0}
.film{position:relative;isolation:isolate;display:grid;place-items:center;padding:120px 6%;overflow:hidden;border:0;background:linear-gradient(145deg,#ffd347,#ff9d28);color:#071321}.film:before{content:"";position:absolute;inset:-20%;z-index:-1;background:repeating-radial-gradient(circle at center,#fff5 0 2px,transparent 3px 19px);animation:film-spin 40s linear infinite}.film h2{font:950 clamp(54px,8vw,122px)/.86 Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;text-shadow:5px 5px 0 #fff7d8}.film video{width:min(390px,88vw);border:8px solid #061321;border-radius:34px;background:#061321;box-shadow:20px 24px 0 #f22524,0 45px 100px #7b29006e;transform:perspective(1000px) rotateY(-7deg);transition:transform .5s}.film video:hover{transform:perspective(1000px) rotateY(0) translateY(-8px)}
footer{padding:35px 5%;background:#020810;color:#6e8ba0}.project-return{border-color:#fff3;background:#020810e6;color:#fff;backdrop-filter:blur(14px)}
.motion-3d{opacity:0;filter:blur(10px);translate:0 60px;scale:.96;transition:opacity .85s,filter .85s,translate .9s cubic-bezier(.16,1,.3,1),scale .9s cubic-bezier(.16,1,.3,1)!important}.motion-3d.is-in{opacity:1;filter:none;translate:0 0;scale:1}
@keyframes hero-sweep{0%,20%{background-position:180% 0}65%,100%{background-position:-80% 0}}@keyframes cast-breathe{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes page-ember{0%{translate:0 0;rotate:0deg;opacity:0}10%{opacity:1}100%{translate:var(--drift) -105vh;rotate:380deg;opacity:0}}@keyframes media-drift{to{transform:scale(1.1) translateX(2%)}}@keyframes film-spin{to{rotate:360deg}}
@media(max-width:760px){nav{top:12px;left:4%}.impact-hero.comic-stage{min-height:920px}.impact-hero .mykyta-world-copy{width:100%;padding:100px 6% 0}.impact-hero.comic-stage h1{font-size:clamp(58px,17vw,92px);max-width:90%}.impact-hero .mykyta-world-copy>p:not(:first-child){max-width:88%;font-size:15px}.impact-hero .comic-depth{top:390px}.impact-hero .comic-cast{right:-18%;bottom:-1%;width:130%;height:74%}.impact-hero .comic-panel{width:44%;height:52%;opacity:.55}.impact-hero .comic-panel-one{left:-14%;top:6%}.impact-hero .comic-panel-two{right:-12%;top:18%}.impact-hero .comic-panel-three{left:18%;bottom:-22%}.impact{display:block;padding:75px 6%}.impact article{min-height:0;margin:0 0 34px;padding:32px;transform:none}.impact strong{font-size:65px;margin-bottom:28px}.impact-intro{padding:90px 6%}.impact-intro h2{font-size:clamp(48px,14vw,76px)}.media-impact{min-height:680px}.media-impact-copy{padding:85px 6%}.media-impact h2{font-size:clamp(58px,15vw,86px)}.pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:80px 5% 100px}.pages:before{font-size:42px}.film{padding:90px 5%}.film h2{text-align:center;font-size:58px}.film video{transform:none}.motion-3d{translate:0 35px;scale:.97}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.motion-3d{opacity:1;filter:none;translate:0;scale:1}}

/* Keep the complete title and cast inside the first-screen safe area. */
.impact-hero .mykyta-world-copy{width:54%;overflow:visible;padding-left:5%}
.impact-hero.comic-stage h1{width:100%;max-width:none;padding:.08em 0 .13em;font-size:clamp(58px,7.2vw,112px);line-height:.9;letter-spacing:-.062em;overflow:visible}
.impact-hero .comic-cast{right:1%;bottom:0;width:58%;height:88%;object-position:center bottom}
@media(max-width:760px){.impact-hero .mykyta-world-copy{width:100%;padding:96px 5% 0}.impact-hero.comic-stage h1{max-width:100%;padding:.1em 0 .14em;font-size:clamp(52px,14vw,78px);line-height:.92;letter-spacing:-.055em}.impact-hero .comic-depth{top:405px}.impact-hero .comic-cast{right:0;bottom:0;width:100%;height:64%;object-position:center bottom}}

/* Bring the artwork closer and continue its fire into the layout. */
.media-impact{position:relative}.media-impact>img{right:-3%;width:68%;max-width:none;object-fit:cover;object-position:72% center;transform:scale(1.18)}.media-impact:after{content:'';position:absolute;z-index:2;pointer-events:none;right:-4%;bottom:-8%;width:62%;height:52%;background:radial-gradient(ellipse at 18% 100%,#ffd65a 0 3%,#ff6b1a 7%,transparent 22%),radial-gradient(ellipse at 42% 100%,#fff1a8 0 2%,#ff351b 8%,transparent 24%),radial-gradient(ellipse at 68% 100%,#ffc04d 0 4%,#e00012 11%,transparent 27%),radial-gradient(ellipse at 90% 100%,#ffef8e 0 2%,#ff501d 9%,transparent 23%);filter:blur(5px) saturate(1.35);mix-blend-mode:screen;transform-origin:center bottom;animation:media-fire 1.35s ease-in-out infinite alternate}.media-impact-copy{position:relative;z-index:4}@keyframes media-fire{from{transform:scaleY(.76) skewX(-3deg);opacity:.62}to{transform:scaleY(1.1) skewX(4deg);opacity:.96}}@media(max-width:760px){.media-impact>img{right:-34%;width:130%;transform:scale(1.14)}.media-impact:after{width:100%;height:40%}}@media(prefers-reduced-motion:reduce){.media-impact:after{animation:none}}