/* Corrections requested after v22 review. Reference design = v21 / 1904–1920 x 951. */
.gallery-grid--banners{display:block;columns:3;column-gap:clamp(12px,1.1vw,22px)}
.gallery-grid--banners .image-card{display:block;margin:0 0 clamp(12px,1.1vw,22px)}
.gallery-grid--banners .image-card__media{display:block;aspect-ratio:auto;background:transparent}
.gallery-grid--banners .image-card__media img{position:static;width:100%;height:auto;object-fit:contain}
.gallery-grid--banners .image-card__caption{min-height:0}
@media(max-width:1200px){.gallery-grid--banners{columns:2}}
@media(max-width:680px){.gallery-grid--banners{columns:1}}

/* Animation has a single immutable reference coordinate system. */
#work .project-inquru{overflow:visible;isolation:isolate}
#work .project-inquru .inquru-stage,
#work .project-inquru .inquru-title-stage{position:absolute;inset:auto;right:auto;bottom:auto;width:1212.46875px;height:374.125px;transform-origin:top left;pointer-events:none;overflow:visible}
#work .project-inquru .inquru-stage{z-index:2}
#work .project-inquru .inquru-title-stage{z-index:5}
#work .project-inquru .inquru-stage .inquru-scene{inset:0;width:100%;height:100%;overflow:hidden}
#work .project-inquru .inquru-peek-window{width:100%;height:132%;top:0;left:0;overflow:hidden}
#work .project-inquru .inquru-peek-canvas{height:374.125px;width:100%}
#work .project-inquru .inquru-peek-character,
#work .project-inquru .inquru-hand,
#work .project-inquru .inquru-droplet{display:block!important;max-height:none!important;height:auto!important;object-fit:fill!important;max-width:none!important}
#work .project-inquru .inquru-main-character{display:block!important;max-height:none!important;height:auto!important;object-fit:fill!important}
#work .project-inquru .inquru-title-stage .inquru-headline{font-size:121px;line-height:.86;background:none;padding:0;max-width:none!important}
@media(max-width:680px){
 #work .project-inquru{height:350px!important;margin-bottom:22px}
 #work .project-inquru .inquru-stage .inquru-main-character,
 #work .project-inquru .inquru-stage .inquru-droplet{display:none!important}
 #work .project-inquru .inquru-title-stage{inset:0;width:100%;height:100%;transform:none}
 #work .project-inquru .inquru-title-stage .inquru-headline{left:15px!important;top:22%!important;font-size:clamp(57px,15.4vw,90px)!important;letter-spacing:-.02em!important;transform:none!important}
 #work .project-inquru .inquru-description{top:61%!important;max-width:53%!important}
}

/* Cyrillic uses the supplied Barlow, not Fira or Oswald. */
html[lang="uk"]{font-synthesis:weight}
html[lang="uk"] .intro-title{font-size:clamp(68px,5.3vw,108px);line-height:.97;letter-spacing:0;font-weight:900;-webkit-text-stroke:.045em currentColor;paint-order:stroke fill}
html[lang="uk"] .intro-title span{transform:scaleX(.9);transform-origin:left center;width:111.12%}
html[lang="uk"] .main-nav{font-weight:600}
html[lang="uk"] .project-topline{font-weight:800}
html[lang="uk"] .project-description{font-weight:500}
html[lang="uk"] .section-heading h2,
html[lang="uk"] .closing-section h2,
html[lang="uk"] .email-dialog h2,
html[lang="uk"] .process-heading h2,
html[lang="uk"] .process-card h3,
html[lang="uk"] .game-heading h2,
html[lang="uk"] .game-idle h3{font-weight:900;letter-spacing:-.015em;line-height:1;-webkit-text-stroke:.04em currentColor;paint-order:stroke fill}
html[lang="uk"] .intro-cta{width:clamp(205px,15.2vw,270px);align-items:stretch}
html[lang="uk"] .intro-cta .pill{width:100%;min-width:0;justify-content:space-between;padding-inline:20px;font-weight:900;-webkit-text-stroke:.024em currentColor;paint-order:stroke fill}
html[lang="uk"] .remote-badge-ua{display:block!important;clip-path:none!important;background:none!important;padding:0!important;aspect-ratio:1200/1354!important;transform:rotate(-10deg);color:#fff}
html[lang="uk"] .remote-badge-ua>img{display:block;width:100%;height:100%}
html[lang="uk"] .remote-badge-ua>span{position:absolute;left:12%;top:30%;width:79%;text-align:center;font-size:clamp(13px,1.02vw,20px);line-height:.98;font-weight:800;transform:rotate(-7deg);-webkit-text-stroke:.008em #fff;paint-order:stroke fill}
html[lang="uk"] .remote-badge-ua{container-type:inline-size}
html[lang="uk"] .personal-main .remote-badge-ua>span{font-size:12cqw;line-height:1.02}
html[lang="uk"] .personal-main .star-doodle{display:block!important;top:42%;right:4%;width:clamp(46px,4.4vw,84px)}
@media(min-width:1101px){
 html[lang="uk"] .personal-main .remote-badge-ua{display:block!important;top:4%!important;right:2%!important;width:clamp(100px,6vw,120px)!important}
}
@media(min-width:1101px) and (max-width:1550px){
 html[lang="uk"] .intro-title{font-size:clamp(55px,4.9vw,77px);line-height:.99}
 html[lang="uk"] .personal-main .star-doodle{top:43%;width:50px}
 html[lang="uk"] .personal-main .remote-badge-ua{top:4%!important;width:100px!important}
 html[lang="uk"] .remote-badge-ua>span{font-size:12px}
 html[lang="uk"] .intro-cta .pill{padding-inline:13px}
}
@media(min-width:681px) and (max-width:1100px){
 html[lang="uk"] .intro-title{font-size:clamp(78px,9.4vw,110px);line-height:.99;letter-spacing:0}
 html[lang="uk"] .personal-main .remote-badge-ua{top:5%!important;right:4%!important;width:clamp(140px,19vw,205px)!important}
 html[lang="uk"] .remote-badge-ua>span{font-size:17px}
 html[lang="uk"] .personal-main .star-doodle{top:47%;right:45%;width:55px}
 html[lang="uk"] .intro-cta{width:260px}
}
@media(max-width:680px){
 html[lang="uk"] .intro-title{font-size:clamp(47px,12.8vw,82px);line-height:1.04;letter-spacing:0}
 html[lang="uk"] .intro-description{font-size:clamp(18px,4.45vw,24px);line-height:1.12}
 html[lang="uk"] .personal-main .remote-badge-ua{top:42%!important;right:2%!important;width:clamp(90px,24vw,125px)!important}
 html[lang="uk"] .remote-badge-ua>span{font-size:clamp(10px,2.7vw,14px)}
 html[lang="uk"] .personal-main .star-doodle{top:auto;bottom:8%;left:7%;right:auto;width:42px}
 html[lang="uk"] .intro-cta{width:clamp(180px,51vw,240px)}
 html[lang="uk"] .intro-cta .pill{font-size:clamp(19px,5.1vw,27px);padding-inline:13px}
}
@media(min-width:551px) and (max-width:680px){
 html[lang="en"] .personal-main .intro-cta{top:58%!important}
 html[lang="uk"] .personal-main{height:620px}
 html[lang="uk"] .personal-main .intro-cta{top:58%!important}
 html[lang="uk"] .personal-main .remote-badge-ua{top:36%!important;width:110px!important}
}
@media(prefers-reduced-motion:reduce){
 html.inquru-ready .project-inquru .inquru-stage *,html.inquru-ready .project-inquru .inquru-title-stage *{transition:none!important;animation:none!important}
}
@media(min-width:1101px) and (max-width:1245px){
 html[lang="uk"] .intro-cta{width:clamp(175px,16vw,200px)}
 html[lang="uk"] .personal-main .remote-badge-ua{top:43%!important;right:3%!important;width:90px!important}
 html[lang="uk"] .personal-main .star-doodle{top:34%;width:44px}
}