*,:after,:before{box-sizing:border-box}:root{--color-text:#000;--color-text-alt:#fff;--color-frame-alt:#6e6e6e;--color-bg:#ececec;--color-bg-alt:#18130e;--color-link:#000;--color-link-alt:#fff;--color-link-hover:#000;--color-link-hover-alt:#4eaddd;--color-column-title:#727170;--color-overlay:#000;--color-border:#a0988a;scroll-behavior:smooth;font-size:clamp(.5rem,.1rem + 1vw,1rem);font-weight:300}html{scrollbar-gutter:stable}body{color:var(--color-text);background-color:var(--color-bg);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Nanum Gothic,sans-serif}.oh{position:relative;overflow:hidden}.oh__inner{will-change:transform;display:inline-block}.line{transform-origin:0;white-space:nowrap;will-change:transform}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.js .loading:after{opacity:.4;background:var(--color-link);border-radius:50%;width:3.75rem;height:3.75rem;margin:-1.875rem 0 0 -1.875rem;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);white-space:nowrap;outline:none;text-decoration:none;transition:all .3s ease-in-out;position:relative;overflow:hidden}a:not(.frame__title-back):not(.item__link):before{content:"";transform-origin:0%;background:currentColor;width:100%;height:.0625rem;transition:transform .3s;position:absolute;top:92%}a:not(.frame__title-back):not(.item__link):hover:before{transform-origin:100%;transform:scaleX(0)}a:hover{color:var(--color-link-hover);outline:none}.preview-visible .frame a{color:var(--color-frame-alt)}.preview-visible a:hover{color:var(--color-link-hover-alt)}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:.125rem solid red}.unbutton{font:inherit;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}main{grid-row-gap:8vh;grid-template:"frame"min-content"content"1fr/100%;height:100vh;padding:1.5rem 2.5rem 3rem;display:grid}@supports (height:100dvh){main{height:100dvh}}.frame{grid-row-gap:1rem;will-change:transform,opacity;grid-area:frame;grid-template-columns:100%;grid-template-areas:"title""credits""sponsor";align-content:space-between;align-items:start;margin-bottom:5vh;font-size:.85rem;display:grid;position:relative}.preview-visible .frame{opacity:0;z-index:100;color:var(--color-frame-alt)}.frame__title{flex-wrap:wrap;grid-area:title;width:14rem;display:flex}.frame__title-main{margin:0;font-size:.85rem;font-weight:300}.frame__title-back{align-items:flex-end;display:flex;position:relative}.frame__title-back span{display:none}.frame__title-back svg{fill:currentColor;width:1rem;height:1rem}.content{grid-area:content;margin-inline:auto}.content--hidden{pointer-events:none}.item{grid-template-rows:1rem auto auto 1fr auto;grid-template-columns:100%;margin-bottom:5rem;display:grid}.item__title{margin-bottom:.5rem;font-family:Cardo,serif;font-size:2rem;font-weight:400}.item__img{aspect-ratio:500/333;width:100%;position:relative;overflow:hidden}.item__img-inner{background-position:50% 45%;background-size:cover;width:100%;height:100%}.item__desc{margin-top:2.5rem;line-height:1.1}.item__link{cursor:pointer;text-transform:lowercase;color:var(--color-text);border:.0625rem solid var(--color-border);text-align:center;border-radius:2rem;width:100%;padding:1rem;transition:all .3s ease-in-out}.item__link:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-text-alt)}.overlay{pointer-events:none;grid-template-rows:repeat(2,1fr);grid-template-columns:100%;width:100%;height:100%;display:grid;position:fixed;top:0;left:0}.overlay__row{background:var(--color-overlay);will-change:transform;transform:scaleY(0)}.overlay__row:first-child{transform-origin:50% 0}.overlay__row:last-child{transform-origin:50% 100%}.previews{pointer-events:none;grid-area:content;position:relative}.preview{opacity:0;pointer-events:none;color:var(--color-text-alt);width:100%;height:100%;position:absolute;top:0}.preview--current{opacity:1;pointer-events:auto;display:block}.preview--current .preview__img{height:unset}.preview__img{pointer-events:none;will-change:transform;grid-area:1/1/2/-1;width:100%;height:0;min-height:12.5rem;position:relative;overflow:hidden;transform:translateY(-101%)}.preview__img-inner{will-change:transform;object-fit:cover;object-position:center;background-position:50% 35%;background-size:cover;width:100%;height:100%;transform:translateY(101%)}.preview__title{white-space:nowrap;grid-area:1/1/2/-1;place-self:center;margin:2rem 0;font-family:Cardo,serif;font-size:clamp(2rem,18vw,15rem);font-weight:400;line-height:.7}.preview__title span{padding-top:4%;line-height:.7}.preview__column p{opacity:0;line-height:1.1}.preview__column>span{display:block}.preview__column-title{margin-top:0;font-size:1rem;font-weight:300}.preview__column-title:not(.preview__column-title--main){color:var(--color-column-title)}.preview__column--start{grid-area:2/1/3/3}.preview__column:not(.preview__column--start){grid-row:2/span 2}.preview__back{stroke:var(--color-link-alt);cursor:pointer;fill:none;grid-area:3/1/4/2;place-self:end start;margin:2rem auto;transition:all .3s ease-in-out}.preview__back:hover{stroke:var(--color-link-hover-alt)}@media screen and (min-width:53em){.frame{grid-row-gap:0;grid-column-gap:5vw;grid-template-rows:auto;grid-template-columns:repeat(3,1fr);grid-template-areas:"title credits sponsor";margin-bottom:0}main{justify-items:unset}.content{grid-column-gap:5vw;grid-template-rows:100%;grid-template-columns:repeat(3,1fr);max-width:none;display:grid}.item{margin-bottom:0}.item__title{font-size:clamp(1.25rem,3vw,2rem)}.preview{grid-column-gap:10vw;grid-row-gap:1rem;grid-template-rows:1fr auto auto;grid-template-columns:repeat(4,1fr);display:grid}.preview--current{opacity:1;pointer-events:auto;grid-template:auto auto/1fr 1fr 1fr 1fr;display:grid}.preview__title,.preview__back{margin:0}}