html{scrollbar-gutter:stable}
.home-intro{display:none}
html.intro-pending{overflow:hidden}
.intro-pending .home-intro{display:block;position:fixed;inset:0;z-index:1000;isolation:isolate}
.intro-backdrop{position:absolute;inset:0;background:var(--forest)}
.intro-logo{position:absolute;width:min(340px,72vw,62dvh);aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;transform-origin:top left;will-change:transform}
.intro-artwork{display:block;width:100%;height:100%;overflow:visible;filter:brightness(0) invert(1);opacity:0}
.intro-pig-head,.intro-hoof{transform-box:view-box;opacity:0;will-change:transform,opacity}
.intro-pig-head{transform-origin:53% 39%}
.intro-hoof-left{transform-origin:38% 40%}
.intro-hoof-right{transform-origin:68% 40%}
.intro-skip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:50%;translate:-50% 0;background:transparent;border:1px solid #ffffff70;border-radius:100px;color:var(--paper);font:inherit;font-size:13px;padding:10px 20px;min-height:44px;cursor:pointer}
.intro-skip:hover{background:#ffffff15}
.intro-skip:focus-visible{outline:3px solid var(--paper);outline-offset:5px}
.intro-pending .brand img{visibility:hidden}
.intro-pending:not(.intro-revealing) .portrait-wall>.hanging-portrait{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.intro-pending html{scrollbar-gutter:stable}
.home-intro{display:none}.intro-pending .brand img{visibility:visible}html.intro-pending{overflow:auto}}