@font-face{font-family:Obviously;src:url(/assets/Obviously-Thin-DR9412Pu.ttf) format("truetype");font-weight:200;font-style:normal}:root{--color-white: #ebe9e6;--color-black: #18181e;--color-sky-medium: #398aff;--motion-bounce: cubic-bezier(.2, 0, .32, 1.275);font-size:18px}body.page-selection{--color-white: #18181e;--color-black: #ebe9e6;--color-sky-medium: #ff617f}*{box-sizing:border-box;margin:0;padding:0;cursor:none}html,body{width:100%;min-height:100%}body{position:relative;background:var(--color-white);color:var(--color-black);font-family:Obviously,serif;font-size:1.2rem;font-weight:200;line-height:1.1}body.no-scroll{overflow:hidden}a,button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none}#app{min-height:100vh}body.page-selection #app{min-height:100dvh;display:flex;flex-direction:column}#site-title,h1,a{line-height:1;font-size:1.75rem}#site-title svg{width:7rem;height:auto}.logo path{fill:var(--color-black)}.logo .iris{fill:var(--color-sky-medium)}.icon path{stroke:var(--color-black)}header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-white)}#menu{display:flex;align-items:flex-start;gap:3.2rem}.nav-action{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .32s ease}.nav-action:hover,.intro.active .nav-action:hover{opacity:.5}.nav-action .label{font-size:1.5rem;padding-bottom:.25rem;text-align:left}.nav-action .icon{width:1.75rem;height:auto}.intro,.lightbox-carousel{background:var(--color-black)}.intro{position:fixed;inset:0;opacity:0;pointer-events:none;overflow-y:auto;transition:opacity .32s ease}.intro.active{opacity:1;pointer-events:auto}.intro .inner{max-width:80rem;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem}.intro .label{color:var(--color-white);padding-bottom:.5rem}.intro .icon path{stroke:var(--color-white)}.intro *{color:var(--color-white)}.intro-copy{display:grid;gap:2rem}.intro-copy p,.intro-copy strong,.intro-copy em,.intro-copy a{font-size:2.25rem}.intro-copy strong{font-weight:200}.intro-copy a{color:transparent;border-bottom:.1rem solid var(--color-sky-medium);box-shadow:inset 0 0 0 0 var(--color-sky-medium);transition:box-shadow .2s ease;text-decoration:none}.intro-copy a:hover{opacity:1;box-shadow:inset 0 -2rem 0 0 var(--color-sky-medium)}.word{display:inline-block}.text-animation .letter{display:inline-block;line-height:130%;transform:translateY(50px);opacity:0}main{width:100%;padding:50vh 1rem 1rem;opacity:0}body.page-selection main{flex:1 1 auto;min-height:0;padding:0 1rem 1rem;display:flex}body.page-selection main .inner{width:100%;height:100%;flex:1 1 auto;grid-template-columns:repeat(3,minmax(0,1fr))}main .inner{position:relative;width:calc(100% + .25rem);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:var(--grid-row-unit, 1px);justify-content:center;gap:.25rem}.image.uno{grid-column:span 1;grid-row:span 1}.image.dos{grid-column:span 2;grid-row:span 2}.image.tres{grid-column:span 3;grid-row:span 3}body.page-selection .image.uno,body.page-selection .image.dos,body.page-selection .image.tres{grid-column:span 1;grid-row:span 1}.image{display:block;overflow:hidden;transition:opacity .32s ease}.image-gap{pointer-events:none;visibility:hidden}.image picture,.image img{display:block;width:100%;height:100%}body.page-selection .image{height:100%}.image img{object-fit:cover;pointer-events:none}.inner.hovering-image .image:not(:hover) img{opacity:.2}.status-message{padding:2rem 0}.lightbox-carousel{position:fixed;inset:0;z-index:-10;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.lightbox-carousel.active{z-index:10;opacity:1}.lightbox-carousel.active .carousel{opacity:1}.carousel{display:flex;align-items:center;height:100%;overflow-x:auto;overflow-y:hidden;gap:12vw;padding:2rem 50vw;opacity:.2;cursor:none;touch-action:pan-y}.carousel-slide{flex:0 0 auto;height:100%;opacity:1}.carousel-slide picture,.carousel-slide img{display:block;height:100%}.carousel-slide img{width:auto;max-width:80vw;object-fit:contain;pointer-events:none}#cursor{position:fixed;z-index:999;display:flex;align-items:center;justify-content:center;width:.5rem;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-sky-medium);border-radius:50%;transform:translate(-50%,-50%);transform-origin:center;pointer-events:none;transition:width .2s var(--motion-bounce),height .2s var(--motion-bounce),background .2s var(--motion-bounce),transform .2s var(--motion-bounce)}#cursor .cursor-player{opacity:0;width:40px;height:40px}#cursor.eye .cursor-player{opacity:1}body.page-selection #cursor .light,body.page-archive #cursor .dark{display:none}#cursor.hover{transform:translate(-50%,-50%) scale(2)}#cursor.eye{transform:translate(-50%,-50%) scale(5);background:var(--color-white)}#cursor.hover.pressed{transform:translate(-50%,-50%) scale(4)}#cursor.eye.pressed{transform:translate(-50%,-50%) scale(8)}@media(max-width:1279px){main .inner{grid-template-columns:repeat(4,minmax(0,1fr))}body.page-selection main .inner{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1023px){:root{font-size:18px}#cursor{display:none}*{cursor:auto}body.page-selection main .inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1023px)and (orientation:landscape){body.page-selection main .inner{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){:root{font-size:16px}#menu{gap:1.2rem}.nav-action .label{font-size:1.25rem}.intro-copy p,.intro-copy strong,.intro-copy em,.intro-copy a{font-size:1.5rem}main .inner{grid-template-columns:repeat(1,minmax(0,1fr))}.image-gap{display:none}body.page-selection #app{display:block;min-height:auto}body.page-selection main{display:block;flex:none;min-height:auto;height:auto;padding:0 1rem 1rem}body.page-selection main .inner{height:auto;grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row}body.page-selection .image{height:auto;aspect-ratio:4 / 5}}@media(max-width:500px){header{padding:.5rem 1rem}.nav-action .label{display:none}#menu{gap:.5rem}.nav-action{padding:.5rem}.intro-copy p,.intro-copy strong,.intro-copy em,.intro-copy a{font-size:1.8rem}main .inner{grid-template-columns:repeat(2,minmax(0,1fr))}.image.uno{grid-column:span 1;grid-row:span 1}.image.dos,.image.tres{grid-column:span 2;grid-row:span 2}body.page-selection .image.uno,body.page-selection .image.dos,body.page-selection .image.tres{grid-column:span 1;grid-row:span 1}.intro-copy a:hover{box-shadow:inset 0 -1.6rem 0 0 var(--color-sky-medium)}}