/* About and YL Accounting images. The existing layout classes live on a fixed clipping frame. */
:is(body[data-page="about"],body[data-project="yl-accounting"],body[data-project="bloom-and-co"],body[data-project="field-notes"],body[data-project="moona"],body[data-project="aptagrow-beci"],body[data-project="aptagrow-ai-king"],body[data-project="the-good-vibes-club"],body[data-project="muyun-arts"],body[data-project="hpv-animation"]) .about-image001{overflow:hidden;isolation:isolate}
:is(body[data-page="about"],body[data-project="yl-accounting"],body[data-project="bloom-and-co"],body[data-project="field-notes"],body[data-project="moona"],body[data-project="aptagrow-beci"],body[data-project="aptagrow-ai-king"],body[data-project="the-good-vibes-club"],body[data-project="muyun-arts"],body[data-project="hpv-animation"]) .about-image001-inner{position:relative;display:block;width:100%;height:100%;transform:scale(1);transform-origin:center;transition:transform 420ms cubic-bezier(.22,1,.36,1)}
:is(body[data-page="about"],body[data-project="yl-accounting"],body[data-project="bloom-and-co"],body[data-project="field-notes"],body[data-project="moona"],body[data-project="aptagrow-beci"],body[data-project="aptagrow-ai-king"],body[data-project="the-good-vibes-club"],body[data-project="muyun-arts"],body[data-project="hpv-animation"]) .about-image001 .about-image001-source{display:block;width:100%;height:100%;max-width:none;object-fit:fill;transform-origin:center;transform:scale(1)}
:is(body[data-page="about"],body[data-project="yl-accounting"],body[data-project="bloom-and-co"],body[data-project="field-notes"],body[data-project="moona"],body[data-project="aptagrow-beci"],body[data-project="aptagrow-ai-king"],body[data-project="the-good-vibes-club"],body[data-project="muyun-arts"],body[data-project="hpv-animation"]) .about-image001.is-image001-done .about-image001-source{transform:scale(1.025)}
@media(hover:hover) and (pointer:fine){:is(body[data-page="about"],body[data-project="yl-accounting"],body[data-project="bloom-and-co"],body[data-project="field-notes"],body[data-project="moona"],body[data-project="aptagrow-beci"],body[data-project="aptagrow-ai-king"],body[data-project="the-good-vibes-club"],body[data-project="muyun-arts"],body[data-project="hpv-animation"]) .about-image001:hover .about-image001-inner{transform:scale(1.05)}}
@media(max-width:760px){:is(body[data-page="about"],body[data-project="yl-accounting"],body[data-project="bloom-and-co"],body[data-project="field-notes"],body[data-project="moona"],body[data-project="aptagrow-beci"],body[data-project="aptagrow-ai-king"],body[data-project="the-good-vibes-club"],body[data-project="muyun-arts"],body[data-project="hpv-animation"]) .about-image001-inner{height:auto}:is(body[data-page="about"],body[data-project="yl-accounting"],body[data-project="bloom-and-co"],body[data-project="field-notes"],body[data-project="moona"],body[data-project="aptagrow-beci"],body[data-project="aptagrow-ai-king"],body[data-project="the-good-vibes-club"],body[data-project="muyun-arts"],body[data-project="hpv-animation"]) .about-image001 .about-image001-source{height:auto}}
@media(prefers-reduced-motion:reduce){:is(body[data-page="about"],body[data-project="yl-accounting"],body[data-project="bloom-and-co"],body[data-project="field-notes"],body[data-project="moona"],body[data-project="aptagrow-beci"],body[data-project="aptagrow-ai-king"],body[data-project="the-good-vibes-club"],body[data-project="muyun-arts"],body[data-project="hpv-animation"]) .about-image001-inner,:is(body[data-page="about"],body[data-project="yl-accounting"],body[data-project="bloom-and-co"],body[data-project="field-notes"],body[data-project="moona"],body[data-project="aptagrow-beci"],body[data-project="aptagrow-ai-king"],body[data-project="the-good-vibes-club"],body[data-project="muyun-arts"],body[data-project="hpv-animation"]) .about-image001 .about-image001-source{transition:none!important;transform:none!important}}