:root{--white:#fff;--primary-text:#212121;--secondary-text:#757575;--divider:#bdbdbd;--primary-color:#673ab7;--primary-dark:#512da8;--primary-light:#d1c4e9;--accent-color:#ff9800;--content-padding:1.2rem;color:var(--primary-text);font-family:system-ui,sans-serif;font-size:16px;line-height:1.5}body{margin:0;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}.main-header{background:var(--primary-color);color:var(--white);contain:paint;height:54px;padding:0 var(--content-padding);align-items:center;display:grid}.back-and-title{color:inherit;grid-template-columns:31px 1fr;align-items:center;gap:.3rem;text-decoration:none;display:grid}.content{padding:var(--content-padding)}.content-title{max-width:43ch;margin:0;font-size:1.6rem;font-weight:600}.back-icon{fill:var(--white);display:block}.gallery{gap:var(--content-padding);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:1rem 0;padding:0;display:grid}.gallery>li{display:block;box-shadow:0 5px 12px #00000057}.gallery a{color:inherit;text-decoration:none}.gallery img{width:100%;height:auto;aspect-ratio:16/9;display:block}.square-gallery{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.square-gallery img{aspect-ratio:1/1;object-fit:cover}.gallery-item-title{text-align:center;padding:1rem;display:block}.banner-img img{width:100%;height:auto;display:block}.banner-img{background:var(--divider);display:block}.content-alt{background:#d4bbff}.body-grid{height:-webkit-fill-available}.body-grid body{height:100vh;height:-webkit-fill-available;grid-template-rows:max-content 1fr;display:grid}@media (min-width:530px){.content-and-nav{grid-template-columns:1fr 180px;display:grid}}.main-nav{background:#d4bbff}.main-nav ul{margin:0;padding:0}.main-nav li{display:block}.main-nav li a{color:#000;grid-template-columns:max-content 1fr;gap:.7rem;padding:1rem;text-decoration:none;display:grid}.main-nav li a:before{content:"➡️"}.main-header{contain:paint}.main-header-text{contain:paint;width:-moz-fit-content;width:-moz-fit-content;width:fit-content}.galleryTransition>img{width:var(--gallery-width);height:var(--gallery-height);top:var(--gallery-top);left:var(--gallery-left);z-index:2;object-fit:cover;object-position:center center;aspect-ratio:1/1;transform-origin:50% 100%;pointer-events:none;position:fixed;overflow:clip}.bannerTransition>img{width:100%;height:var(--banner-height);top:var(--banner-top);z-index:2;object-fit:cover;object-position:center center;aspect-ratio:1/1;transform-origin:50% 100%;pointer-events:none;position:fixed;left:0;overflow:clip}.customDefault-enter main,.customDefault-enter header{opacity:0}.detail-leave-active,.detail-enter-active{transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.detail-leave-active main{transition:opacity 90ms cubic-bezier(.4,0,1,1),transform .3s cubic-bezier(.4,0,.2,1)}.detail-leave-to main{opacity:0;transform:translate(-30px)}.detail-enter-active main{transition:opacity .21s cubic-bezier(0,0,.2,1) 90ms,transform .3s cubic-bezier(.4,0,.2,1)}.detail-enter main{opacity:0;transform:translate(30px)}.detail-enter-to main,.detail-enter-to header{opacity:1}.detail-leave-active .main-header-text,.detail-enter-active .main-header-text{transition:transform .25s}.detail-leave-to .main-header-text{transform:translate(37px)}.detail-enter .main-header-text{transform:translate(-37px)}.detail-enter-to .main-header-text{transform:translate(0)}.detail-enter-active .back-icon{transition:opacity .25s}.detail-enter .back-icon{opacity:0}.detail-enter-to .back-icon{opacity:1}.detail-leave-active.galleryTransition>img{transition:transform .25s,width .25s,height .25s}.detail-leave-to.galleryTransition>img{width:100%;height:var(--gallery-height-to);transform:translate(var(--gallery-translateX),var(--gallery-translateY))}.detail-leave-to .galleryTrigger,.detail-enter-to .banner-img img{opacity:0}.list-leave-active,.list-enter-active{transition:all .3s linear;position:absolute;top:0;left:0}.list-leave-active{z-index:1}.list-leave-active main{transition:opacity 90ms cubic-bezier(.4,0,1,1),transform .3s cubic-bezier(.4,0,.2,1)}.list-leave-to main{opacity:0;transform:translate(-30px)}.list-enter-active main{transition:opacity .21s cubic-bezier(0,0,.2,1) 90ms,transform .3s cubic-bezier(.4,0,.2,1)}.list-enter main{opacity:0;transform:translate(30px)}.list-enter-to main,.list-enter-to header{opacity:1}.list-leave-active .main-header-text,.list-enter-active .main-header-text{transition:transform .25s}.list-leave .main-header-text{transform:translate(0)}.list-leave-to .main-header-text{transform:translate(-37px)}.list-enter .main-header-text{transform:translate(37px)}.list-enter-to .main-header-text{transform:translate(0)}.list-leave-active .back-icon{transition:opacity .25s}.list-leave .back-icon{opacity:1}.list-leave-to .back-icon{opacity:0}.list-leave-active.bannerTransition>img{transition:transform .25s,width .25s,height .25s}.list-leave-to.bannerTransition>img{width:var(--banner-width-to);height:var(--banner-height-to);transform:translate(var(--banner-translateX),var(--banner-translateY))}.list-leave-to .banner-img img,.list-enter-to .galleryTrigger{opacity:0}