.about-title-flight{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden}
.about-flying-title{position:absolute;left:0;top:0;width:var(--title-width,240px);box-sizing:border-box;padding:0;color:#fff;background:none;border:0;text-align:center;text-wrap:balance;font-family:Inter,sans-serif;opacity:0;transform:translate(var(--from-x),var(--from-y)) scale(.25);transition:transform 650ms cubic-bezier(.16,1,.3,1),opacity 240ms ease;transition-delay:var(--delay);font-size:clamp(23px,2.5vw,40px);font-weight:500;line-height:1.15;letter-spacing:.025em}
.about-title-flight.is-open .about-flying-title{opacity:1;transform:translate(var(--to-x),var(--to-y)) scale(1)}
.about-monochrome{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;clip-path:inset(10% 13% 12% 13%);filter:grayscale(1);z-index:2;opacity:0;pointer-events:none;transition:opacity 220ms ease}
.about-eye-bar{position:absolute;left:33%;top:33.5%;width:24%;height:4.5%;background:#050505;z-index:3;opacity:0;pointer-events:none;transition:opacity 150ms ease}
@media(hover:hover) and (pointer:fine) and (min-width:769px){
.center-portrait.about-hovering .about-monochrome,.center-portrait.about-hovering .about-eye-bar{opacity:1}
.center-portrait.about-hovering .frame-container::after{opacity:0!important}
}
@media(prefers-reduced-motion:reduce){.about-flying-title,.about-monochrome,.about-eye-bar{transition:none}}
body.about-hover-open #videoBg{background:#000!important;opacity:1!important}
body.about-hover-open #videoBg video,body.about-hover-open #tileCanvas{visibility:hidden!important}
body.about-hover-open #galleryBgFallback{visibility:hidden}
body.about-hover-open #galleryContainer{background:#000}
body.about-hover-open .painting-slot:not(.about-hovering){opacity:0!important;pointer-events:none}