@charset "UTF-8";@font-face{font-family:Union;src:url(union_regular.ae8413c5.woff);font-style:normal}@font-face{font-family:Elementa;src:url(ElementaRegular.ca898039.woff);font-style:normal}@font-face{font-family:Times;src:url(TimesNRMTStd-Regular.3a519259.woff);font-style:normal}*{margin:0;padding:0;box-sizing:border-box;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}html{font-size:.6vw;scroll-behavior:smooth;--padding:2.4rem;--body:5.4rem;--info:3.6rem;--small:2rem;--leading:1.05;--line-break:calc(var(--leading)*1em);--sans:"Union",sans-serif;--serif:"Times",serif;--bg:#fff;--fg:#ccc;--highlight:#00f}@media (max-width:720px){html{font-size:10px;--body:2.2rem;--info:2.1rem;--padding:1.2rem;--small:1.6rem}}body{font-size:var(--body);line-height:var(--leading);font-family:var(--serif);height:100%;overflow:hidden;font-variant-numeric:oldstyle-nums}a{text-decoration:none}p{margin-bottom:var(--line-break)}h1 em{text-decoration:none;color:#fff;text-shadow:1px 3px 12px rgba(0,0,0,.6);font-family:var(--serif);font-size:110%}h1{font-size:4.5em;line-height:.8;max-width:120rem;margin:.425em auto .85em;position:relative;filter:url(#drop-shadow)}@media (max-width:720px){h1{font-size:2.65em;margin-bottom:80vh;margin-top:.65em;line-height:.9}}h1 em{text-shadow:1px 3px 24px rgba(0,0,0,.3)}@media (max-width:720px){h1 em{text-shadow:1px 3px 24px rgba(0,0,0,.6)}}h1:after{content:"by Adelle Mills, a Department of Fine Art PhD exhibition (2021)";font-family:var(--sans);position:absolute;bottom:1.25em;text-align:center;font-size:4rem;max-width:48rem;line-height:1.05}@media (max-width:720px){h1:after{display:none}}.disc{width:12em;height:12em;border-radius:50%;background:#fff;box-shadow:1px 3px 48px rgba(0,0,0,.3);position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@media (max-width:720px){.disc{width:10em;height:10em;top:50%}}.ack{font-family:var(--serif);font-size:var(--small);padding:1rem;white-space:nowrap;transition:transform 1s var(--ease);position:fixed;bottom:.5em;left:0;display:flex;align-items:center;width:100%}@media (max-width:720px){.ack{bottom:.25em}}.ack span{-webkit-animation:marquee 30s linear infinite;animation:marquee 30s linear infinite;transform-origin:bottom left;position:relative}.ack span:after{content:"•"}.ack span a{display:inline-block;font-weight:400}.ack span a:hover{color:#ccc}@-webkit-keyframes marquee{0%{transform:translate(0)}to{transform:translateX(-50%)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translateX(-50%)}}.info-trigger{width:.75em;height:.75em;border-radius:50%;background:#fff;position:fixed;top:.5em;right:.5em;box-shadow:1px 3px 24px rgba(0,0,0,.3);z-index:200}@media (max-width:720px){.info-trigger{background:#000}}.info-trigger:hover{box-shadow:1px 3px 24px rgba(0,0,0,.6);cursor:pointer}.info{width:50%;height:100vh;background:#fff;overflow-y:auto;position:fixed;padding:.5em;top:0;right:0;z-index:201;box-shadow:-5px 2px 14px 1px rgba(0,0,0,.26);font-size:var(--info);transition:transform .75s ease-in-out}@media (max-width:720px){.info{width:90%}}.info-close{width:50%;height:100vh;position:fixed;top:0;left:0;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none}.info-close:hover{cursor:pointer}.info h2{text-align:center;margin-bottom:1em}.info p:first-of-type{margin-bottom:0}.info p:nth-of-type(2){text-indent:4em}.info p strong{font-family:var(--sans);font-size:92%}.info em{text-decoration:none;color:#fff;text-shadow:1px 3px 12px rgba(0,0,0,.7)}.info:not(.open){transform:translateX(103%)}header{padding:var(--padding);position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding-top:.5rem;padding-bottom:calc(var(--padding)*5)}header p:last-child{margin-bottom:0}header .enter{color:var(--highlight);font-family:var(--sans);font-size:95%}header .enter i{width:.75em;height:.75em;display:inline-block;background:currentColor;border-radius:50%}.controls{position:fixed;bottom:0;left:0;width:100%;z-index:20;display:flex;justify-content:space-between;padding:var(--padding);font-family:var(--sans)}.controls a{text-decoration:none;color:var(--highlight)}.transcript,body.ended .controls a[data-action=pause],body.ended .controls a[data-action=play],body.playing .controls a[data-action=play],body.started .controls a[data-action=begin],body:not(.ended) .controls a[data-action=restart],body:not(.playing) .controls a[data-action=pause],body:not(.started) .controls a[data-action=pause],body:not(.started) .controls a[data-action=play]{display:none}.transcript{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);padding:var(--padding);padding-bottom:12rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:205}.transcript__spacer{height:calc(100vh - var(--padding)*2)}.transcript__close{position:fixed;top:0;right:0;z-index:3;width:5rem;margin:var(--padding)}@media (max-width:720px){.transcript__close{display:none}}.transcript__close svg{overflow:visible;width:100%}.transcript__close svg line{vector-effect:non-scaling-stroke}.transcript__item{display:flex;transform:translateZ(0);position:relative}.transcript__item__offset{position:absolute;top:calc(.2rem - var(--padding));left:0}.transcript__item__debug{position:absolute;font-size:1.6rem;transform:translateY(-100%);top:-.5rem;display:none}.transcript__item.active .transcript__item__text-clear{color:#000;filter:none;opacity:1}.transcript__item.active .transcript__item__text-redacted{opacity:0}.transcript__item__text{position:relative;font-family:var(--serif);font-size:110%}.transcript__item__text p{max-width:18em;font-size:var(--body);line-height:1}.transcript__item__text-clear{color:var(--bg);transition:opacity 1s,color 1s,blur 1s;opacity:0;filter:blur(10px)}.transcript__item__text-redacted{position:absolute;top:0;left:0;width:100%;z-index:-1;filter:blur(18px);text-decoration:underline;-webkit-text-decoration-skip:none;text-decoration-skip:none;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;text-decoration-thickness:1.1em;color:transparent;-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg);transition:opacity 1s}@media (min-width:721px){.transcript__item:nth-of-type(2n){justify-content:flex-end}.transcript__item:nth-of-type(2n) .transcript__item__text{width:50%}}pre{font-family:monospace;font-size:1.8rem;white-space:pre-wrap}body[data-template=kiosk]{color:#fff;background:#000}body[data-template=kiosk] video{position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=index.css.map */
