main{gap:var(--gap-xl);color:var(--color-text-primary)}main .hero{display:flex;position:relative;flex-direction:row;margin:0 var(--margin-x);left:0;right:0;height:fit-content;align-items:end;justify-content:space-between}main .hero h2{margin:0 var(--margin-h2-x);font-variation-settings:var(--font-variation-semi-bold);line-height:var(--line-height-xs)}main .hero div{display:flex;position:relative;flex-direction:row;width:fit-content;height:fit-content;gap:var(--gap-xs)}main .hero button.active{color:var(--color-text-primary-inverse)!important;background:var(--color-text-primary)!important;border:var(--border-md) solid var(--color-text-primary)!important}main .title{display:flex;position:relative;flex-direction:row;margin:var(--gap-xl) var(--margin-x) 0 var(--margin-x);left:0;right:0;height:fit-content;align-items:end;justify-content:space-between}main .gallery{margin:0 var(--margin-x);gap:var(--margin-x) var(--gap-lg);opacity:1;transition:opacity var(--time-lazy) var(--cubic-bezier-ease-out-quad)}main .gallery.hidden{opacity:0;pointer-events:none}main .gallery a{display:flex;position:relative;flex-direction:column;margin:0;left:0;right:0;height:auto;text-decoration:none;color:var(--color-text-primary);gap:var(--gap-sm);cursor:pointer;opacity:1;transition:all var(--time-normal) var(--cubic-bezier-ease-out-quad)}main .gallery a.hidden{opacity:0;pointer-events:none}main .gallery a:first-of-type{grid-column-end:span 2;grid-row-end:span 2;height:auto}main .gallery a .top{display:flex;position:relative;flex-direction:row;margin:0;left:0;right:0;height:fit-content;align-items:center;justify-content:space-between}main .gallery a .cover{display:flex;position:relative;margin:0;left:0;right:0;height:var(--size-card-md);background:var(--color-fill-tertiary);border-radius:var(--radius-xs);overflow:hidden;cursor:pointer;transition:all var(--time-normal) var(--cubic-bezier-ease-out-quad)}main .gallery a:first-of-type .cover{height:calc((var(--size-card-md) * 2) + var(--margin-x) + (var(--gap-lg) / 2))}main .gallery a img{display:flex;position:relative;width:100%;height:100%;object-fit:cover;filter:brightness(.95) contrast(.95);transition:all var(--time-lazy) var(--cubic-bezier-ease-out-quad)}main .gallery a:hover img{filter:brightness(1) contrast(1);transform:scale(1.1)}main .gallery a .bottom{display:flex;position:relative;flex-direction:column;margin:0;left:0;right:0;height:fit-content;gap:var(--gap-xs)}main .gallery a h5{margin:var(--gap-xxs) 0 var(--gap-sm) 0;color:var(--color-text-primary);transition:all var(--time-normal) var(--cubic-bezier-ease-out-quad)}#landing{display:none;position:fixed;flex-direction:column;background:var(--color-white);top:0;left:0;right:0;bottom:0;margin:0;padding:0 0 48px 0;gap:1.5rem}#landing h1{text-align:center;margin:auto auto 0 auto;color:var(--color-text-black)}#landing .textBody{width:440px;text-align:center;margin:0 auto}#landing form{display:flex;position:relative;flex-direction:column;margin:0 auto auto auto;width:480px;gap:1.5rem}#landing form .input{left:0;right:0;text-align:center;justify-content:center;margin:0}#landing form .button{margin:0 auto}@media (max-width:1024px){main .hero{flex-direction:column;align-items:start;justify-content:unset;gap:var(--gap-lg);justify-content:unset}main .hero div{display:flex;position:relative;flex-direction:row;flex-wrap:wrap;width:unset;margin:0;left:0;right:0;height:fit-content;gap:var(--gap-xs) var(--gap-xxs)}main .hero div::-webkit-scrollbar{display:none}}@media (max-width:480px){main .gallery{gap:var(--gap-xxl)}main .gallery a:first-of-type{grid-column-end:unset;grid-row-end:unset;height:fit-content}main .gallery a .cover{height:calc(var(--size-card-sm) + var(--margin-x));border-radius:var(--radius-xs)}main .gallery a:first-of-type .cover{height:calc(var(--size-card-sm) + var(--margin-x))}main .gallery a img{filter:unset}main .gallery a:hover img{filter:unset}main .gallery a .bottom{gap:var(--gap-xs)}main .gallery a h5{margin:var(--gap-xxs) 0 var(--gap-sm) 0}}