[data-nav-universe]{display:none}body[data-universe=unset] [data-nav-universe=unset],body[data-universe=universe1] [data-nav-universe=universe1],body[data-universe=universe2] [data-nav-universe=universe2],body[data-universe=universe3] [data-nav-universe=universe3]{display:block}.universe{display:grid;grid-template-columns:repeat(var(--universe-blocks),1fr);height:100vh;width:100%}.universe--item{display:block;position:relative;width:100%;height:100%;overflow:hidden}.universe--item__image{position:absolute;top:0;left:0;object-fit:cover;height:100%;width:100%;transition:transform .3s ease-in-out;transform:scale(1.01)}.universe--item{transition:filter .3s ease-in-out;filter:grayscale(.75)}.universe--item__image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#0000,#000000e5)}.universe--item__link:hover .universe--item__image{transform:scale(1.025)}.universe--item__link:hover .universe--item{filter:grayscale(0)}.universe--item__image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.universe--item__content{position:absolute;bottom:0;left:0;right:0;margin:0 auto 7.5rem;text-align:center}.universe--item__title{font-size:4rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;color:var(--universe-title-color)}.universe--item__link-text{color:var(--universe-url-color);font-size:1rem;text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--universe-url-color)}.universe--item__link-text:hover{text-decoration:none}@media screen and (max-width:768px){.universe{grid-template-columns:none;grid-template-rows:repeat(var(--universe-blocks),1fr)}.universe--item__content{display:grid;place-content:center;top:0;margin:auto}.universe--item__title{font-size:2rem}.universe--item__link-text{font-size:.75rem}.universe--item__image{filter:grayscale(0)}.universe--item__image:after{content:none}}universe-selector{cursor:pointer}.universe-selector{border-bottom:1px solid #ededed;padding-top:.25rem;padding-bottom:.25rem}.universe-selector--item{font-size:.75rem;text-transform:uppercase}.universe-selector--item--active{font-weight:700}.universe-selector--item:not(:last-child):after{content:"|";margin:0 .5rem;cursor:default}.universe-selector--item--active:not(:last-child):after{content:"|";margin:0 .5rem;cursor:default;font-weight:400}@media screen and (max-width:768px){.universe-selector{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/universe.css.map */