@font-face{font-family:parent-regular;src:url(/fonts/parent-regular-pro.woff2) format('woff2'),url(/fonts/parent-regular-pro.woff) format('woff'),url(/fonts/parent-regular-pro.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:parent-book;src:url(/fonts/parent-book.woff2) format('woff2'),url(/fonts/parent-book.woff) format('woff'),url(/fonts/parent-book.ttf) format('truetype');font-weight:400;font-style:normal}@keyframes scroll{0%{top:0}100%{top:.1em}}@keyframes fade{0%{opacity:0}100%{opacity:1}}body,html{margin:0;padding:0}body{background-color:#f7f6f5}body,main{width:100%}a{color:#000;text-decoration:none;border-bottom:1px solid transparent;transition:opacity 1s}a:hover{border-bottom-color:#000}a.arrow:hover{border-bottom-color:transparent;opacity:.25}img,section,section>div{transition:all .3s}section{width:100%;display:flex;align-items:center;justify-content:center;position:relative}section.transitioned{opacity:1}.play-button,a,p{font-family:parent-regular;font-size:120px;text-align:center;margin:0;font-size:clamp(32px,4.6875vw,120px);line-height:1.2em}p span{display:block}section#aloof-studio{height:100svh;width:100%;margin-bottom:1px}section#aloof-studio p{margin:0 .5em;width:30ch;cursor:pointer}#aloof-studio p,footer>span{opacity:0}.js #aloof-studio p,.js footer>span{animation:fade 2s ease-in;animation-fill-mode:forwards}section#portfolio{flex-wrap:wrap;width:100%}section#portfolio .piece{width:100%}section#portfolio .piece div{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0;padding-bottom:clamp(5px,1vw,12.5px);overflow:hidden}section#portfolio .piece div>span{display:block;width:100%}section#portfolio .piece:nth-last-of-type(2) div:last-child{padding-bottom:0;gap:0}section#portfolio picture{width:100%}section#portfolio .film-container,section#portfolio img{width:100%;display:block;transition:opacity 1s;transition-delay:.3s}section#portfolio picture:last-child img{transition-delay:.5s}section#portfolio .film-container,section#portfolio img{opacity:0}section#portfolio div.loaded .film-container,section#portfolio div.loaded img{opacity:1}section#portfolio .pair{gap:clamp(5px,1vw,12.5px)}section#portfolio .piece div{flex-wrap:nowrap}section#portfolio .pair>span{width:50%}section#portfolio .film{width:100%;aspect-ratio:4/3}section#portfolio .film>div{width:100%;height:100%;padding-bottom:0;justify-content:center;align-items:center;background:#eee}section#portfolio .film span.film-container{width:100%;width:clamp(320px,80vw,1920px);background-size:cover;background-color:transparent}section#portfolio .slideshow{position:relative;overflow:hidden}section#portfolio .slideshow span.slide:first-of-type{position:relative;left:0;animation:unset}section#portfolio .slideshow span.slide{position:absolute;top:0;left:0;left:-100%;width:100%;animation-name:var(--animation);animation-duration:var(--duration);animation-iteration-count:infinite;animation-timing-function:step-end;animation-play-state:paused;background:#eee}section#portfolio .slideshow.play span.slide{animation-play-state:running}@keyframes slideshow-2-slides{0%{left:0}50%{left:-100%}}@keyframes slideshow-3-slides{0%{left:0}33.333%{left:-100%}}@keyframes slideshow-4-slides{0%{left:0}25%{left:-100%}}@keyframes slideshow-5-slides{0%{left:0}20%{left:-100%}}section#portfolio .film-container{position:relative;background-color:transparent;background-size:cover}section#portfolio .film-container .play-button{position:absolute;top:0;left:0;right:0;bottom:0;z-index:99;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity 1s;cursor:pointer;padding-bottom:0!important}section#portfolio .film-container.paused iframe{visibility:hidden}section#portfolio .film-container.playing iframe{visibility:visible}section#portfolio .film-container.playing{background-image:none!important}section#portfolio .film-container.playing .play-button{opacity:0}section#portfolio .play-icon{width:clamp(64px,6.5vw,168px)}section#portfolio .film iframe,section#portfolio .film video{width:100%;aspect-ratio:1920/1080;display:block}section#portfolio #classic .film span.film-container{width:100%;max-width:100vw;height:100%}section#portfolio #classic .film iframe,section#portfolio #classic .film video{aspect-ratio:2500/1875}section#portfolio #ledmore .film,section#portfolio #ledmore-capital .film,section#portfolio #test .film{aspect-ratio:500/600}section#portfolio #ledmore .film span.film-container,section#portfolio #ledmore-capital .film span.film-container,section#portfolio #test .film span.film-container{width:40%}section#portfolio #ledmore .film iframe,section#portfolio #ledmore .film video,section#portfolio #ledmore-capital .film iframe,section#portfolio #ledmore-capital .film video,section#portfolio #test .film iframe,section#portfolio #test .film video{aspect-ratio:976/2112}@media (min-width:600px){section#portfolio #ledmore .film,section#portfolio #ledmore-capital .film,section#portfolio #test .film{aspect-ratio:unset}section#portfolio #ledmore .film span.film-container,section#portfolio #ledmore-capital .film span.film-container,section#portfolio #test .film span.film-container{width:50%;max-width:480px}}section#portfolio .piece div.quotation{background:#eee;aspect-ratio:4/3;height:100vh;min-height:70em;width:100%;padding-bottom:0;margin-bottom:clamp(5px,1vw,12.5px)}section#portfolio .piece div.quotation blockquote{min-height:fit-content}@media (orientation:portrait){section#portfolio .piece div.quotation{min-height:auto}}section#portfolio div:nth-last-child(2)>div:last-child{margin-bottom:0;padding-bottom:clamp(5px,1vw,12.5px)}.quotation blockquote{margin:0;padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.quotation blockquote p{margin-bottom:1em;width:35ch;max-width:90vw}.quotation blockquote p:last-child{margin:0}.quotation blockquote p,.quotation blockquote span.source{font-size:clamp(24px,3.125vw,80px)}.quotation blockquote p span.source{display:block;margin-top:1em;font-size:clamp(16px,.929675vw,24px)}footer{height:4em;position:fixed;z-index:99;bottom:0;width:calc(100% - 3em);left:1.5em;display:flex;justify-content:space-between;align-items:center}footer a{text-align:left}@media screen and (min-width:600px){footer{height:7em;width:calc(100% - 7em);left:3.5em}}footer *{font-size:clamp(16px,.929675vw,24px)}.js footer>span{animation-delay:1s}footer #rollerdex{height:1.4em;line-height:1.4em;overflow:hidden;display:block;position:relative;line-height:1.4em;width:100%}footer #rollerdex #roller{display:block;top:0;position:absolute}footer #rollerdex #roller span{display:block;line-height:1.4em;height:1.4em}.caption-aloof-studio footer #roller{top:0}div#copyright{height:1px}