: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}[data-barba=container]{width:100%;position:absolute;top:0;left:0}.listLeave{z-index:1}.detailEnter .banner-img img,.listLeave .banner-img img,.detailLeave .triggerImg,.listEnter .triggerImg{opacity:0}.transitionImg{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}