/* The original illustration is the static fallback for real Higgsfield motion frames */
.roommate-stage{--roommate-height:356px;--roommate-frame-ratio:.5625;position:absolute;right:7%;bottom:48px;width:calc(var(--roommate-height)*var(--roommate-frame-ratio));height:var(--roommate-height);z-index:2;pointer-events:none}
.roommate-placement{position:absolute;inset:0;transform-origin:50% 94%}
.roommate-body{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:contain;object-position:center bottom;transform-origin:50% 100%}
.roommate-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 50%}
.roommate-body[hidden],.roommate-film[hidden]{display:none}
.roommate-tip{width:29%;height:auto;align-self:flex-end}
.roommate-menu{width:145px;height:auto;margin:14px 0 0 auto}
.roommate-sample{width:120px;height:auto}
@media(min-width:1500px){.roommate-stage{--roommate-height:379px}}
@media(min-width:761px) and (max-width:1080px){.desktop-nav{gap:24px}.site-header .logo{width:220px}.desktop-nav .nav-link>img{height:23px}}
@media(max-height:780px) and (min-width:761px){.roommate-stage{--roommate-height:287px;right:5%;bottom:55px}}
@media(max-width:760px){.roommate-stage{--roommate-height:262px;right:4%;bottom:40px}.folio-nav [data-menu-destination=meet]>img{height:auto;width:min(100%,280px)}.roommate-menu{width:115px}}
@media(max-width:360px){.roommate-stage{--roommate-height:225px;right:2%;bottom:48px}}
@media(prefers-reduced-motion:reduce){.roommate-body{opacity:1!important;clip-path:none!important}}