:root{--site-background-color: white;--site-primary-color: #ffffff;--site-secondary-color: #08080800;width:100%;height:100%;min-height:100vh;margin:0;padding:0;background-color:var(--site-background-color);color:var(--site-seconard-color)}#root{width:100%;height:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.align-left{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.align-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.align-top{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.align-bottom{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.align-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.align-center-row{display:flex;flex-direction:row;align-items:center;justify-content:center}.special-elite-regular{font-family:Special Elite,system-ui;font-weight:400;font-style:normal}.saira-condensed-thin{font-family:Saira Condensed,sans-serif;font-weight:100;font-style:normal}.saira-condensed-extralight{font-family:Saira Condensed,sans-serif;font-weight:200;font-style:normal}.saira-condensed-light{font-family:Saira Condensed,sans-serif;font-weight:300;font-style:normal}.saira-condensed-regular{font-family:Saira Condensed,sans-serif;font-weight:400;font-style:normal}.saira-condensed-medium{font-family:Saira Condensed,sans-serif;font-weight:500;font-style:normal}.saira-condensed-semibold{font-family:Saira Condensed,sans-serif;font-weight:600;font-style:normal}.saira-condensed-bold{font-family:Saira Condensed,sans-serif;font-weight:700;font-style:normal}.saira-condensed-extrabold{font-family:Saira Condensed,sans-serif;font-weight:800;font-style:normal}.saira-condensed-black{font-family:Saira Condensed,sans-serif;font-weight:900;font-style:normal}.syne-mono-regular{font-family:Syne Mono,monospace;font-weight:400;font-style:normal}.rubik-glitch-pop-regular{font-family:Rubik Glitch Pop,system-ui;font-weight:400;font-style:normal}#artifacts-header{padding:5px}main{flex:1 1 auto;min-height:100vh}.film-sprocket-square{width:10px;height:20px;background-color:#fff;border:.1px solid black}.film-sprocket-square.hidden{width:10px;height:20px;background-color:#fff;border:.1px solid black;visibility:hidden}#artifacts-footer{width:100%;height:100px;display:flex;flex-direction:row;overflow:hidden;background-color:#e4e4e7;padding:5px}.film-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#e7e7e7}.film-sprocket-strip-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;background-color:#e7e7e7}.film-sprocket-strip{width:30%;height:30px;padding:5px 10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.film-wrapper-sprocket-square{width:10px;height:20px;border-radius:2px}.film-wrapper-sprocket-square.selected{background-color:#000}.film-wrapper-sprocket-square.unselected{background-color:#fff}.film-wrapper-sprocket-square.disabled{width:10px;height:20px;border-radius:2px;position:relative;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXgtaWNvbiBsdWNpZGUteCI+PHBhdGggZD0iTTE4IDYgNiAxOCIvPjxwYXRoIGQ9Im02IDYgMTIgMTIiLz48L3N2Zz4=);background-position:center}#film-slides{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;column-gap:20px;padding:0 20px}.film-reel-skeleton{padding:10px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:25px;background-color:#fff}.film-wrapper-nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.film-wrapper-nav-prev{left:2rem}.film-wrapper-nav-next{right:2rem}@media (max-width: 768px){.film-sprocket-strip{width:95%}#film-slides{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.film-wrapper-nav-prev{left:5px}.film-wrapper-nav-next{right:5px}}.film-wrap{position:relative;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#e7e7e7;padding:15px 8px;overflow:hidden}.film-wrap-sprocket-vert-container.right{position:absolute;top:10px;right:1%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:5px;overflow:hidden}.film-wrap-sprocket-vert-container.left{position:absolute;top:10px;left:1%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:5px;overflow:hidden}.film-wrap-sprocket-square{width:20px;height:10px;border-radius:2px;background-color:#fff}.film-wrap-skeleton{width:92%;height:80%;display:flex;justify-content:center;align-items:center;border-radius:25px;background-color:#fff}.cover-img{width:100vw;aspect-ratio:3 / 2;object-fit:fill}#title-image{width:100vw;position:absolute;top:42px;left:0;aspect-ratio:3 / 2;z-index:5;object-fit:scale-down}#title-statement-section{width:100%;height:100%;min-height:700px;display:grid;grid-template-columns:1fr 1fr}#title-statement{padding:2em;max-width:1000px;font-size:3.5rem;color:#000}#latest-work-section{display:grid;grid-template-columns:1fr 1.618fr}#latest-work-statement{width:100%;height:100%;padding:2em;background-color:#fe0000;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}#latest-work-statement h2{font-size:1.125em;color:#fff}#latest-work-statement #latest-work-redirect-icon{color:#fff;margin-left:2px}#latest-work-statement p{font-size:1em;font-weight:700;letter-spacing:0em;color:#fff}#latest-work-section img{width:100%;height:100%;object-fit:cover}#film-reel-action{font-size:clamp(1.25em,2.5vw,2em);font-weight:500;letter-spacing:0em;color:#000}@media (max-width: 768px){#explore-description{position:relative}.film-frame-icon{transform:scale(.7)}#title-statement-section{min-height:auto;display:flex;flex-direction:column}#title-statement{padding:1em}#latest-work-section{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}#latest-work-statement{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;z-index:2;background-color:transparent}#latest-work-statement h2,#latest-work-statement #latest-work-redirect-icon,#latest-work-statement p{color:#fe0000}#latest-work-section img{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;z-index:1;width:100%;height:70vh;object-fit:cover}}.rotary-container{height:300vh;position:relative;--radius-factor: .725}.rotary-box{position:sticky;top:1vh;aspect-ratio:1/1;margin:0 auto;transform:translateY(-33%)}.trapezoid-clip{position:absolute;width:100%;height:100%;clip-path:polygon(41.75% 50.25%,105.75% 31%,105.25% 62.25%,42.5% 64.5%);-webkit-clip-path:polygon(41.75% 50.25%,105.75% 31%,105.25% 62.25%,42.5% 64.5%);overflow:hidden}.rotating-content{width:100%;aspect-ratio:1/1;border-radius:50%;background-color:#ccc;position:relative}.film-reel-image{width:100%;aspect-ratio:1/1}.dial-item{position:absolute;top:50%;left:50%}.dial-item-0{--angle: 0;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-1{--angle: .0625turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-2{--angle: .125turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-3{--angle: .1875turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-4{--angle: .25turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-5{--angle: .3125turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-6{--angle: .375turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-7{--angle: .4375turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-8{--angle: .5turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-9{--angle: .5625turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-10{--angle: .625turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-11{--angle: .6875turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-12{--angle: .75turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-13{--angle: .8125turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-14{--angle: .875turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.dial-item-15{--angle: .9375turn;--x: calc(50% * var(--radius-factor) * cos(var(--angle)));--y: calc(50% * var(--radius-factor) * sin(var(--angle)));left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--angle))}.light-beam{position:sticky;left:50%;top:52%;width:200px;height:100px;background:conic-gradient(#ff0 10%,#ffff9680 40%,#ff00 90%);opacity:1;filter:blur(20px);clip-path:polygon(0% 30%,100% 0%,100% 100%,0% 70%);transform:rotate(0)}.ascii-art-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#000;font-family:monospace;font-size:1rem}@media (max-width: 768px){.ascii-art-container{font-size:.5rem}}.narrative-title-statement{max-width:500px;font-size:3rem}#about-section{padding:2em;display:grid;grid-template-columns:1fr 1fr 1fr;height:100%;min-height:500px}@media (max-width: 768px){#about-section{display:flex;flex-direction:column;align-items:center;justify-content:center}}#application-page{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.ascii-art-container{position:absolute;top:0;left:0;width:100%;color:#000;font-family:monospace;font-size:1em;z-index:1}.ascii-art-line{line-height:1}#applications-list{max-width:1000px;list-style-type:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);column-gap:20px}#applications-list>li{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;z-index:2}#applications-list>li>a{display:flex;flex-direction:column;align-items:center;justify-content:center}.application-title{font-size:1rem}.application-icon{width:64px;height:64px;margin-right:10px}@media (max-width: 768px){.ascii-art-container{font-size:.5rem}#applications-list{max-width:100%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto)}.application-title{font-size:.6rem}.application-icon{width:48px;height:48px}}