.page{padding:3rem var(--p);flex-direction:column;font-family:Uncut;display:flex}.header{top:var(--p);left:var(--p);z-index:9999;mix-blend-mode:difference;position:fixed}.intro-highlight{font-weight:400;text-decoration:underline}.title{font-size:var(--title-font);font-weight:100}.intro{top:calc(3*var(--p));left:var(--p);font-size:var(--small-font);--intro-gate:0;opacity:calc(var(--intro-gate)*var(--vis,1));will-change:opacity;font-weight:100;transition:opacity .35s;position:fixed}[data-intro-done=true] .intro{--intro-gate:1}.footer-text{font-size:var(--small-font);font-weight:100}.contact-link{color:transparent;--contact-color:var(--foreground);--c-len:7;--type-speed:40ms;--pause:.12s;--email-len:22;--before:1;--after:0;--delay-before:calc(var(--email-len)*var(--type-speed) + var(--pause));--delay-after:0s;--delay-after-opacity:calc(var(--email-len)*var(--type-speed));display:inline-block;position:relative}.contact-link:before,.contact-link:after{white-space:nowrap;color:var(--contact-color);position:absolute;top:0;left:0;overflow:hidden}.contact-link:before{content:"contact";width:calc(var(--before)*var(--c-len)*1ch);transition-property:width,opacity;transition-duration:calc(var(--c-len)*var(--type-speed)),.15s;transition-timing-function:steps(var(--c-len)),linear;transition-delay:var(--delay-before),0s}.contact-link:after{content:attr(data-email);width:calc(var(--after)*var(--email-len)*1ch);opacity:0;transition-property:width,opacity;transition-duration:calc(var(--email-len)*var(--type-speed)),.15s;transition-timing-function:steps(var(--email-len)),linear;transition-delay:var(--delay-after),var(--delay-after-opacity)}.contact-link:hover{--before:0;--after:1;--delay-before:0s;--delay-after:calc(var(--c-len)*var(--type-speed) + var(--pause));--delay-after-opacity:var(--delay-after)}.contact-link:focus-visible{--before:0;--after:1;--delay-before:0s;--delay-after:calc(var(--c-len)*var(--type-speed) + var(--pause));--delay-after-opacity:var(--delay-after)}.contact-link:hover:after{opacity:1}.contact-link:focus-visible:after{opacity:1}@media (min-width:1024px){.intro{max-width:50ch}.page{padding:3rem var(--p)var(--p)}}
@property --overlap{syntax:"<length>";inherits:true;initial-value:2.5rem}:root{--stack-dur:1.02s;--stack-ease:ease;--intro-dur:1.02s;--intro-ease:ease-in-out}.stack-container{width:calc(100% - 2*var(--p));--iso-x:60deg;--iso-z:45deg;--push:12rem;--card-w:12rem;--stack-h:calc(var(--card-w)*.666667);--overlap:2.5rem;margin-left:auto;margin-right:auto;padding-top:5rem;padding-bottom:18rem;position:relative}.stack-container[data-intro=true]{--overlap:4rem}.stack-container[data-intro=true] .stack{pointer-events:none}.stack{flex-direction:column;align-items:center;row-gap:0;display:flex}.stack-item-outer{width:var(--card-w);height:var(--stack-h);margin-block:calc(var(--overlap)*-1);margin-top:calc(var(--overlap)*-1);margin-bottom:calc(var(--overlap)*-1);transition-property:--overlap,margin-top,margin-bottom;transition-duration:var(--stack-dur),var(--stack-dur),var(--stack-dur);transition-timing-function:var(--stack-ease),var(--stack-ease),var(--stack-ease);position:relative}.stack-item-outer:first-child{margin-top:0}.stack-item-outer:last-child{margin-bottom:0}.stack-item-outer[data-active=true]{margin-top:calc(var(--overlap)*-1 + var(--push));margin-bottom:calc(var(--overlap)*-1 + var(--push))}.stack-container[data-intro=true]{--stack-dur:var(--intro-dur);--stack-ease:var(--intro-ease)}.stack-container[data-intro=true] .stack-item-outer[data-active=true]{margin-top:calc(var(--overlap)*-1);margin-bottom:calc(var(--overlap)*-1)}.stack-container[data-intro=true] .stack-item[data-active=true]{transform:rotateX(var(--iso-x))rotateZ(var(--iso-z))}.stack-container[data-intro=true] .stack-item.portrait[data-active=true]{transform:rotateX(var(--iso-x))rotateZ(calc(var(--iso-z) - 90deg))scale(1.5)}.stack-item-wrap{scroll-snap-align:center;scroll-snap-stop:mandatory;width:100%;height:100%;position:relative}.stack-caption{white-space:nowrap;pointer-events:none;font-size:var(--title-font);width:calc(var(--card-w)*1.5);flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative;transform:translate(-17%,175%)}.stack-caption.portrait{width:calc(var(--card-w));transform:translateY(425%)}.stack-caption .caption-title{font-weight:400}.stack-caption .caption-year{font-weight:100}.stack-item{width:100%;height:100%;transform:rotateX(var(--iso-x))rotateZ(var(--iso-z));transform-origin:50%;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:transform .6s cubic-bezier(.22,.61,.36,1),filter .3s}.stack-item.portrait{transform:rotateX(var(--iso-x))rotateZ(calc(var(--iso-z) - 90deg))scale(1.5)}.stack-item[data-active=true]{transform:rotateX(0)rotate(0)scale(1.5)}.stack-item.portrait[data-active=true]{transform:rotateX(0)rotate(0)scale(2.25)}@media (hover:hover) and (pointer:fine){.stack-item:hover{filter:brightness(1.1)}}.scroll-percent{top:var(--p);right:var(--p);font-size:var(--title-font);z-index:9999;position:fixed}.filters{bottom:var(--p);left:var(--p);width:calc(100% - (2*var(--p)));z-index:9999;mix-blend-mode:difference;flex-direction:row;justify-content:space-between;display:flex;position:fixed}.filter-btn{font-size:var(--body-font);text-decoration:none;transition:-webkit-text-decoration 1s ease-in-out,text-decoration 1s ease-in-out}.filter-btn.current{text-decoration:underline}.active{padding-top:var(--p);font-weight:400}@media (min-width:1024px){.stack-container{--push:15rem}.stack-item[data-active=true]{transform:rotateX(0)rotate(0)scale(2)}.stack-item.portrait[data-active=true]{transform:rotateX(0)rotate(0)scale(3)}.stack-caption{font-size:var(--title-font);width:calc(var(--card-w)*3.5);justify-content:space-between;align-items:center;position:relative;transform:translate(-40%,-300%)}.stack-caption.portrait{width:calc(var(--card-w)*3.5);margin-top:0;transform:translate(-40%,-300%)}.filters{bottom:calc(4*var(--p));left:var(--p);z-index:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;position:fixed}.active{padding-left:var(--p);padding-top:0;font-weight:400}}