:root{--color-black: #000;--color-white: #FFF;--color-light: #F9F9F9;--color-gray: #DDDDDD}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html,body{overflow:hidden}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}input:focus,select:focus,textarea:focus,button:focus{outline:none}button{font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer;border:none;background:transparent;margin:0;padding:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week],textarea{border:none;background:transparent;width:auto;max-width:100%;padding:0;margin:0}@font-face{font-family:AkkuratMono-Regular;src:url(./fonts/AkkuratMono-Regular.woff) format("woff2");font-weight:700;font-display:swap;font-style:normal}.body{font-family:AkkuratMono-Regular,"monospace"}.body-xl{font-size:1.5rem;line-height:1}@media screen and (min-width:1008px){.body-xl{font-size:2.2916666667vw}}.body-sm{font-size:.75rem;line-height:1.25}@media screen and (min-width:1008px){.body-sm{font-size:.6944444444vw}}.body-lo{text-transform:lowercase}.body-up{text-transform:uppercase}.body--hover{color:var(--color-gray)}.body--hover:hover{color:var(--color-black)}@media screen and (max-width:640px){.only\:sm{display:flex}}@media screen and (min-width:641px){.only\:sm{display:none}}@media screen and (max-width:1007px){.only\:md{display:flex}}@media screen and (min-width:1008px){.only\:md{display:none}}@media screen and (max-width:640px){.only\:lg{display:none}}@media screen and (min-width:641px){.only\:lg{display:flex}}@media screen and (max-width:1007px){.only\:xl{display:none}}@media screen and (min-width:1008px){.only\:xl{display:flex}}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#main{display:flex;flex-direction:column;height:calc(100dvh - var(--header-height))}#main .info-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background:#fff;display:flex;flex-direction:column-reverse;justify-content:space-between;opacity:0;transition:opacity 0s;pointer-events:none;padding:15px 15px var(--header-height);gap:15px}#main .info-panel .close{position:absolute;top:15px;right:15px;transform:rotate(45deg)}@media screen and (min-width:1008px){#main .info-panel{gap:0;justify-content:flex-start;flex-direction:row;padding:var(--header-height) 15px 15px}}#main .info-panel.is-open{opacity:1;pointer-events:initial}#main .info-panel:not(.is-open) .list__item{pointer-events:none}#main .info-panel__container{display:flex;flex-direction:column;gap:15px}@media screen and (min-width:1008px){#main .info-panel__container{flex:50%}}#main .info-panel__list{display:grid;grid-template-rows:auto}#main .info-panel__list:not(:last-child){margin-bottom:15px}#main .info-panel__list__item{display:flex;gap:15px}#main .info-panel__list__item:hover{background-color:var(--color-black)}#main .info-panel__list__item:hover *{color:var(--color-white)}#main .info-panel__list__item .span--2{grid-column:span 2}#main .info-panel__list__item .span--3{grid-column:span 3}#main .info-panel__list__item .span--4{grid-column:span 4}@media screen and (min-width:1008px){#main .info-panel__list__item{gap:0;display:grid;grid-template-columns:repeat(6,1fr)}}#main .container{box-sizing:border-box;padding:15px 15px 0;flex:1;display:flex;flex-direction:column;justify-content:space-between;background:transparent;z-index:1;pointer-events:none;gap:15px}@media screen and (min-width:1008px){#main .container{padding:0 15px 15px}}#main .container .desc{position:relative}@media screen and (min-width:1008px){#main .container .desc{width:50%}}#main .container .desc__item{display:none;margin-right:15px}#main .container .desc__item.is-active{display:block}#main .list{width:100%;display:grid;grid-template-rows:auto}#main .list__item{cursor:pointer;pointer-events:auto;display:flex;gap:15px}#main .list__item:hover{background-color:var(--color-black)}#main .list__item:hover *{color:var(--color-white)}#main .list__item .span{grid-column:span 3}@media screen and (min-width:1008px){#main .list__item{display:grid;grid-template-columns:repeat(12,1fr)}}#main .viewer{z-index:0;position:fixed;top:0;right:0;bottom:0;left:0;display:flex}#main .viewer .viewer__controller{position:relative;top:0;height:100%;width:50%;z-index:1}#main .viewer__item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 0s}@media screen and (max-width:1007px){#main .viewer__item--landscape{inset:unset}}#main .viewer__item.show{opacity:1}#main .viewer__item--portrait{left:50%}@media screen and (max-width:1007px){#main .viewer__item--portrait{left:0}}#main .viewer__item--landscape{left:0}@media screen and (max-width:1007px){#main .viewer__item--landscape{top:50%;transform:translateY(-50%)}}#main .viewer__item img,#main .viewer__item video{width:100%;height:100%;object-fit:cover}#main .viewer__item__caption{position:absolute;left:15px;bottom:12px}.main-teasing{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}@media screen and (max-width:640px){.main-teasing{align-items:start;justify-content:start;height:100dvh}}.main-teasing .wrapper{width:50%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width:640px){.main-teasing .wrapper{width:100%;padding:10%;align-items:start;justify-content:start}}.main-teasing .wrapper h1{margin-bottom:2.1875rem}@media screen and (max-width:640px){.main-teasing .wrapper h1{margin-bottom:.9375rem}}.main-teasing .wrapper p{text-align:center}@media screen and (max-width:640px){.main-teasing .wrapper p{text-align:left}}.main-teasing .wrapper .links{margin-top:6.25rem;display:flex;align-items:center;gap:1.25rem}.main-teasing .wrapper .links a span{position:relative}.main-teasing .wrapper .links a span:before{position:absolute;content:"";width:100%;height:2px;bottom:-1px;background:#000}.header{position:fixed;bottom:0;left:0;width:100%;z-index:3;cursor:pointer}@media screen and (min-width:1008px){.header{position:relative;top:0}}.header .container{padding:15px;display:flex;justify-content:space-between}@media screen and (min-width:1008px){.header .container{display:grid;grid-template-columns:repeat(12,1fr)}}