/* Keep the fixed scene calibration; shift the attached body and hands by 2 screen pixels. */
.inquru-attached{position:absolute;inset:0;z-index:4;pointer-events:none;transform:translateX(var(--peek-shift,2px))}
@media(min-width:1101px){
 .site-header .main-nav{position:static;left:auto;right:auto;transform:none;margin-left:auto}
}
.resume-dialog{padding:0;border:2px solid #111;border-radius:22px;width:min(510px,calc(100vw - 28px));max-height:calc(100dvh - 28px);background:#171717;color:#fff;box-shadow:10px 10px 0 #0004;font-family:'Barlow Condensed','Arial Narrow',sans-serif}
.resume-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}
.resume-dialog__inner{padding:clamp(22px,4vw,36px)}
.resume-dialog__top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:800;font-size:18px;color:var(--lime)}
.resume-dialog__close{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1.5px solid #fff;border-radius:50%;background:transparent;color:#fff;cursor:pointer;padding:0}
.resume-dialog__close span{font:400 24px/1 Arial,sans-serif}
.resume-dialog h2{font-size:clamp(48px,12vw,76px);font-weight:900;letter-spacing:-.015em;line-height:.88;margin:28px 0 20px}
.resume-dialog h2>span{color:var(--lime)}
.resume-dialog p{font-size:22px;line-height:1.15;margin:0 0 25px}
.resume-dialog__choices{display:grid;gap:12px}
.resume-dialog__choices a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 22px;border:2px solid var(--paper);border-radius:20px;color:#111;background:var(--paper);font-size:29px;line-height:1;font-weight:800}
.resume-dialog__choices a:first-child{background:var(--lime);border-color:var(--lime)}
.resume-dialog__choices a:hover{border-color:#fff;background:#fff}
.resume-dialog__choices small{display:block;margin-top:7px;font:500 13px/1.2 'Barlow UA','Barlow Condensed',sans-serif;letter-spacing:.025em}
.resume-dialog :focus-visible{outline:3px solid var(--lime);outline-offset:4px}
@media(max-width:680px){
 html[lang="en"] .personal-main .remote-badge{top:4%!important;bottom:auto!important;left:auto!important;right:2%!important;width:clamp(80px,25vw,110px)!important}
 html[lang="en"] .personal-main .star-doodle{display:block!important;top:56%!important;right:19%!important;left:auto!important;bottom:auto!important;width:42px}
 .showcase,.work-grid{gap:12px!important}
 #work .project-inquru{margin-bottom:0!important;z-index:1}
 #work .project-wake,#work .project-fylto{z-index:2}
 #work .project-wake .wake-headline{top:auto;bottom:32%;font-size:clamp(52px,17vw,92px)}
 #work .project-wake .wake-description,#work .project-fylto .fylto-description{bottom:18%;font-size:clamp(17px,4.7vw,25px);line-height:1.05}
 #work .project-fylto .fylto-headline{top:29%!important}
 #work .project .tag-row{bottom:13px;gap:5px}
 #work .project .tag-row span{font-size:clamp(11px,3.25vw,17px);padding:3px 7px}
 .closing-about__grid{gap:28px;padding-top:28px}
 .closing-about .closing-about__content .about-intro-copy{gap:26px}
 .closing-about .closing-about__content .about-intro-copy p{line-height:1.2}
 .closing-contact .closing-links a[data-resume-dialog-open]{background:var(--lime);border-color:var(--lime)}
}
@media(min-width:481px) and (max-width:680px){
 html[lang="en"] .personal-main .intro-cta{top:50%!important}
}
@media(max-width:360px){
 html[lang="en"] .personal-main .intro-cta{top:48%!important}
 html[lang="en"] .personal-main .remote-badge{top:2%!important}
}