@font-face{font-family:WT Kormelink;src:url(../../fonts/WTKormelink-Roman.woff2) format("woff2"),url(../../fonts/WTKormelink-Roman.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"WT Kormelink ";src:url(../../fonts/WTKormelink-Italic.woff2) format("woff2"),url(../../fonts/WTKormelink-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}*{margin:0;padding:0}*,*:after,*:before{box-sizing:border-box}html{--fluid-value: calc(100vw / 1920 * 10);color:#242424;background:#fff;font-size:clamp(4px,var(--fluid-value),12px);height:100%;left:0;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100%}body{color:#242424;font-family:sans-serif;font-size:15px;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body:before{animation:grain 6s steps(10) infinite;background-image:url(../images/grain.png);background-repeat:repeat;content:"";height:300%;left:-100%;opacity:0;pointer-events:none;position:fixed;top:-100%;transition:opacity .4s ease;width:300%;will-change:transform;z-index:6}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:url(../images/background.jpg);background-position:bottom;background-size:cover;opacity:1;pointer-events:none}.loaded body:before{opacity:.06}img{display:block}canvas{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity 1s ease;width:100%}.loaded canvas{opacity:1}a{color:#242424;outline:none;text-decoration:none}a:hover,a:focus{outline:none}@keyframes grain{0%{transform:translate(20%,-15%)}10%{transform:translate(-20%,-15%)}20%{transform:translate(20%,-5%)}30%{transform:translate(-20%,-5%)}40%{transform:translate(20%,5%)}50%{transform:translate(-20%,5%)}60%{transform:translate(20%,15%)}70%{transform:translate(-20%,15%)}80%{transform:translate(20%,5%)}90%{transform:translate(-20%,5%)}to{transform:translate(20%,-5%)}}.frame{display:flex;flex-direction:column;justify-content:space-between;font-size:16px;padding:3rem;text-align:center;position:relative;z-index:1000;height:100vh}.frame__title{font-size:15px;margin:0 0 15px;font-weight:400}.frame__links{display:none}.frame__links a{display:flex;align-items:center;gap:1rem;cursor:pointer}.frame__links a span{font-size:175%}.frame__links a:not(:last-child),.frame__bottom a:not(:last-child){margin-right:15px}.frame__bottom{margin:15px 0;width:max-content}@media screen and (min-width: 53em){.frame{position:fixed;text-align:left;z-index:100;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;padding:3rem;pointer-events:none;grid-template-columns:75% 25%;grid-template-rows:auto auto auto;grid-template-areas:"title links" "... ..." "credits bottom"}.frame__title-wrap{grid-area:title;display:flex}.frame__title{margin:0}.frame__tagline{position:relative;margin:0 0 0 1rem;padding:0 0 0 1rem;opacity:.75}.frame__bottom{margin:0;grid-area:bottom;justify-self:end}.frame__links{display:block;grid-area:links;padding:0;margin:0;justify-self:end;white-space:nowrap}.frame a{pointer-events:auto}.frame__credits{grid-area:credits}}html:after{content:"";position:fixed;z-index:1000;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:#242424;animation:loaderAnim .7s linear infinite alternate forwards;transition:opacity .4s ease}html.loaded:after{animation-play-state:paused;opacity:0!important}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a,.frame__link--current,.frame__link--current:hover{display:inline-block;overflow:hidden;position:relative;vertical-align:top}a:after,.frame__link--current:after,.frame__link--current:hover:after{background:currentColor;bottom:0;content:"";height:1px;left:0;position:absolute;transition:transform .4s ease;width:100%}a:hover:after,.frame__link--current:after,.frame__link--current:hover:after{transform:scaleX(1);transform-origin:left center}a:after,.frame__link--current:hover:after{transform:scaleX(0);transform-origin:right center}.frame__link--current,.frame__link--current:hover,a{display:inline-block}.album{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1}.album__header{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;pointer-events:none}.loaded .album__header{opacity:1;transition:opacity .4s ease}.album .album__title{font:20rem/1 WT Kormelink,serif;font-style:italic}.album .album__description{font-size:2rem;margin-top:-1rem;opacity:.75}.album .album__gallery{--grid-gap: 6rem;--grid-columns-count: 3;display:grid;grid-template-columns:repeat(var(--grid-columns-count),1fr);gap:var(--grid-gap);align-items:center;padding-bottom:var(--grid-gap)}@media (max-width: 1200px){.album .album__gallery{--grid-columns-count: 2}}.album .album__gallery figure:nth-child(2n){margin:var(--grid-gap)}.album .album__gallery figure:nth-child(3n){margin:3rem}.album .album__gallery figure:nth-child(4n){margin:var(--grid-gap)}.album .album__gallery figure:nth-child(6n){margin:9rem}.album .album__gallery figure,.album .album__gallery img{max-width:100%}.album .album__gallery{position:relative;visibility:hidden;z-index:4}.c-toast{display:flex;align-items:center;gap:1.6rem;padding:1.6rem;border-radius:2.4rem;background:#242424;background-color:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.c-toast img{border-radius:1.2rem}.c-toast p{max-width:28ch}
