.project-page{padding:var(--p)}.project-header{margin-bottom:var(--p);top:var(--p);width:calc(100% - 2*var(--p));mix-blend-mode:difference;z-index:10;position:fixed}.project-headbar{justify-content:space-between;align-items:flex-start;gap:var(--p);flex-direction:row;display:flex}.project-title{font-weight:600;font-size:var(--title-font);margin:0}.project-meta{align-items:center;column-gap:var(--p);font-size:var(--small-font);flex-wrap:wrap;justify-content:flex-end;display:flex}.project-tags{gap:calc(var(--p)/2);list-style:none;display:flex}.project-summary{top:calc(4*var(--p));left:var(--p);font-size:var(--body-font);position:fixed}.summary-p{margin-bottom:calc(2*var(--p))}.project-credit{font-size:var(--small-font)}.control-button-div{bottom:var(--p);right:var(--p);width:calc(100% - 2*var(--p));mix-blend-mode:difference;justify-content:space-between;display:flex;position:fixed}.back-button{font-size:var(--body-font);font-weight:100}.project-gallery{z-index:5;grid-template-columns:1fr;gap:1.25rem;display:grid}.project-image{margin:0}.project-image img,.project-image video{width:100%;height:auto;display:block}.project-image.portrait img,.project-image.portrait video{max-width:80%;margin:0 auto}.project-caption{text-align:left;font-size:var(--small-font);opacity:.7;margin-top:.35rem}.project-caption.portrait{max-width:80%;margin-left:10%}.video-control{justify-content:flex-end;width:-webkit-fill-available;display:flex}.video-control.portrait{margin-right:10%}.unmute-btn{font-size:var(--small-font);font-weight:100}.project-loading{text-align:center;padding:4rem 0}@media (hover:hover) and (pointer:fine){.back-button:hover,.unmute-btn:hover{font-weight:400}}@media (min-width:1024px){.project-header{width:calc(30% - 2*var(--p))}.project-summary{width:calc(30% - 2*var(--p));margin-top:var(--p)}.project-credit{width:calc(30% - 2*var(--p));bottom:calc(3*var(--p));left:var(--p);position:fixed}.project-gallery{width:calc(70% - var(--p));margin-left:30%}.control-button-div{width:calc(30% - 2*var(--p));left:var(--p);right:unset}.project-image.portrait img,.project-image.portrait video{max-width:65vh}.project-caption.portrait{max-width:65vh;margin-left:calc(50% - 32.5vh)}.video-control.portrait{margin-right:calc(50% - 32.5vh)}}@media (max-width:1023px){.project-summary{opacity:var(--vis,1);z-index:0;width:calc(100vw - 2*var(--p));will-change:opacity,filter;filter:blur(calc(2px*(1 - var(--vis))));transition:opacity,filter .35s}.project-gallery{margin-top:calc(var(--summary-chars)*.4px + 5rem);background-color:var(--background);width:calc(100vw - 2*var(--p))}.project-credit{margin:calc(2*var(--p))0 calc(2*var(--p))}.summary-link{text-align:end}}
.pdf-stack-section{--iso-x:60deg;--iso-z:45deg;--pdf-w:3.5rem;--pdf-h:calc(var(--pdf-w)*1.4142);--pdf-overlap:.1rem;margin-top:calc(var(--p));place-items:center;display:grid}.pdf-stack-section:hover,.pdf-stack-section[data-armed=true],.pdf-stack-section:focus-within{--pdf-overlap:.2rem}.pdf-stack-section[data-armed=false]{--pdf-overlap:.1rem}.pdf-stack-div{grid-template-columns:2fr 1fr;justify-items:center;display:grid}.pdf-stack-scene{width:var(--pdf-w);height:calc(var(--pdf-h) + var(--pdf-overlap)*var(--depth,0));position:relative}.pdf-page{width:var(--pdf-w);height:var(--pdf-h);transform:rotateX(var(--iso-x))rotateZ(var(--iso-z));transform-origin:50%;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0}.pdf-page.cover{z-index:20;background-position:50%;background-repeat:no-repeat;background-size:contain;box-shadow:0 10px 24px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.25)}.pdf-page.placeholder{background:var(--foreground);top:calc(var(--pdf-overlap)*var(--i));z-index:calc(20 - var(--i));border:1px solid rgba(255,255,255,.55);transition:top .24s;box-shadow:0 7px 18px rgba(0,0,0,.25),0 1px 5px rgba(0,0,0,.18)}.pdf-stack-actions{grid-area:2/1/auto/span 2;align-items:center;width:100%;margin-top:-4rem;display:flex}.mailto-btn{opacity:0;pointer-events:none;font-size:var(--small-font);text-decoration:none;transition:opacity .2s,transform .2s;transform:translateY(2px)}.pdf-stack-section:hover .mailto-btn,.pdf-stack-section[data-armed=true] .mailto-btn,.pdf-stack-section:focus-within .mailto-btn{opacity:1;pointer-events:auto;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.mailto-btn:hover{font-weight:400;transform:translateY(-1px)}}.pdf-stack-title{font-size:var(--small-font)}@media (min-width:1024px){.pdf-stack-section{top:70%;left:var(--p);width:calc(30% - 2*var(--p));position:fixed}.pdf-stack-actions{margin-top:-2rem}}@media (min-width:1920px){.pdf-stack-section{position:fixed;top:80%}}