@view-transition{navigation:auto}
html{view-transition-name:root}
@keyframes page-leave{to{opacity:0}}
@keyframes page-arrive{from{opacity:0}to{opacity:1}}
::view-transition-old(root){animation:150ms cubic-bezier(.4,0,1,1) both page-leave}
::view-transition-new(root){animation:220ms cubic-bezier(.16,1,.3,1) both page-arrive;mix-blend-mode:normal}
.site-intro{display:none;position:fixed;inset:0;z-index:10000;background:#0a2447;color:white;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}
.nou-opening .site-intro{display:flex;animation:intro-failsafe .5s ease 2s forwards}
.site-intro-inner{width:min(55vw,360px);position:relative;overflow:hidden;padding:32px}
.site-intro img{display:block;width:100%;height:auto;filter:brightness(0) invert(1);animation:intro-mark .65s cubic-bezier(.16,1,.3,1) both}
.site-intro-line{position:absolute;left:32px;right:32px;bottom:6px;height:5px;background:#a8adfb;transform-origin:left;animation:intro-line 1.1s cubic-bezier(.16,1,.3,1) both}
.site-intro.is-finished{display:flex;transform:translateY(-100%);transition:transform .6s cubic-bezier(.76,0,.24,1)}
@keyframes intro-mark{from{transform:translateY(110%)}to{transform:none}}
@keyframes intro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes intro-failsafe{to{opacity:0;visibility:hidden}}
.motion-reveal{opacity:1;transform:none}
.motion-reveal.is-in-view{opacity:1;transform:none;animation:nou-safe-reveal .55s cubic-bezier(.16,1,.3,1) both}@keyframes nou-safe-reveal{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:none}}.belonging-place:nth-child(even).motion-reveal{transition-delay:.08s}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.site-intro{display:none!important}.motion-reveal{opacity:1;transform:none;transition:none}}