:root{--pds: 1rem;--pdm: 2rem;--pdl: 4rem;--primary-color: #000;--secondary-color: #fefefe;--ease: cubic-bezier(.72, .27, .25, .68);--font-size: 1.5rem;--actor-color: #005f83;--playwright-color: #da291c;--editor-color: #ffc600}*,*:before,*:after{box-sizing:border-box}ul[class],ol[class]{padding:0}[hidden]{display:none}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:120%;margin:0 0 1.5rem}p,input,select,caption,textarea{font-weight:400;line-height:120%;overflow-wrap:break-word}a,a:visited,a:active{color:inherit;text-decoration:none}header{padding:1rem;z-index:100;width:100%;position:fixed;top:0;right:0;transition:transform .3s var(--ease)}header .site__title{display:flex;justify-content:space-between;align-items:center}header .site__title h1{font-family:Arial}header .site__title h1,header .site__title h2{--fs: 3rem;margin:0;padding:0;font-weight:400;color:var(--secondary-color);filter:drop-shadow(0 0 .5rem var(--primary-color))}@media (max-width: 60rem){header .site__title h1,header .site__title h2{--fs: 2rem}}header .site__title h1,header .site__title h2{font-size:var(--fs)}header .site__title h1 a,header .site__title h2 a{font-size:var(--fs);font-weight:500}#app .hero__gif{height:100vh;position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0}#app .hero__gif canvas{margin:0 auto;width:100%;height:100%;background-color:var(--primary-color)}@media (max-width: 60rem){#app .hero__gif{height:50vh}}#app #works{--gap: 1rem;min-height:100vh;margin-top:100vh;padding-top:var(--pdl);padding-inline:var(--pds);display:flex;flex-direction:column;color:#000;background-color:#fff}@media (max-width: 60rem){#app #works{margin-top:var(--canvas-height)}}#app #works .filter{display:flex;justify-content:space-between;text-transform:capitalize;text-align:center;color:var(--secondary-color)}#app #works .filter .filter__item{width:100%;padding:var(--pds)}#app #works .filter .filter__item.all{width:20%;background-color:var(--primary-color)}#app #works .filter .filter__item p{cursor:pointer;transition:transform .3s var(--ease);font-weight:500}#app #works .filter .filter__item p:hover{transform:scale(1.02)}#app #works .filter [data-tag=actor]{background-color:var(--actor-color)}#app #works .filter [data-tag=writer]{background-color:var(--playwright-color)}#app #works .filter [data-tag=other]{background-color:var(--editor-color)}#app #works .work.work--hidden{display:none}#app #works .work{cursor:pointer;border-top:2px solid silver;height:auto}#app #works .work[data-tag=actor]{border-right:1rem solid var(--actor-color)}#app #works .work[data-tag=writer]{border-right:1rem solid var(--playwright-color)}#app #works .work[data-tag=other]{border-right:1rem solid var(--editor-color)}#app #works .work .title__wrap{display:flex;justify-content:space-between}#app #works .work .title__wrap:hover .title{transform:translate(.25rem)}#app #works .work .title__wrap .title{width:65%;transition:transform .3s var(--ease);padding-block:var(--pds)}@media (max-width: 60em){#app #works .work .title__wrap .title{width:95%}}#app #works .work .title__wrap .title h2{font-weight:500;margin:0}#app #works .work .content__wrapper:not([hidden]){gap:var(--gap)}@media (max-width: 60rem){#app #works .work .content__wrapper:not([hidden]){flex-direction:column}}#app #works .work .content__wrapper .content{width:60%;padding-block-end:var(--pdm)}@media (max-width: 60rem){#app #works .work .content__wrapper .content{width:95%}}#app #works .work .content__wrapper .content p:not(:last-child){margin-bottom:var(--pds)}#app #works .work .content__wrapper .content a{text-decoration:underline;cursor:pointer}#app #works .work .content__wrapper .content__image{padding-block:var(--pdm);padding-inline:var(--pds);margin-block-end:var(--pds);display:flex;flex-wrap:wrap;gap:var(--gap)}#app #works .work .content__wrapper .content__image .image{width:10rem;height:10rem;overflow:hidden;transition:transform .3s var(--ease);cursor:zoom-in}#app #works .work .content__wrapper .content__image .image img{cursor:pointer;height:100%;width:100%;object-fit:cover;object-position:top}#app #works .work .content__wrapper .content__image .image:hover{transform:scale(1.02)}#app #works .work .content__wrapper .content__image .image.image--active{width:33.3333333333%;height:22.2222222222%;overflow:initial;cursor:zoom-out}@media (max-width: 60rem){#app #works .work .content__wrapper .content__image .image.image--active{width:100%}}#app #works .work .content__wrapper .content__image .image.image--active img{object-fit:contain}#app #works .work .content__wrapper .content__image .image.image--active:hover{transform:scale(1)}.site-footer{margin-top:var(--pdm);padding:var(--pdm) var(--pds);background-color:var(--primary-color);color:var(--secondary-color);font-size:1.4rem;text-align:center;font-family:Neue Haas Grotesk Text,sans-serif}.site-footer .footer-nav{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1rem}.site-footer .footer-nav a{color:var(--secondary-color);text-decoration:none;font-weight:500}.site-footer .footer-nav a:hover{text-decoration:underline}.site-footer .newsletter{font-style:italic;font-size:1.2rem;color:var(--secondary-color)}.info__page{--gap: 1rem;display:flex;padding-block:calc(var(--pdl) * 1.5);padding-inline:var(--pds);gap:var(--gap);justify-content:space-between}@media (max-width: 60rem){.info__page{flex-direction:column-reverse;gap:calc(var(--gap) * 4)}}.info__page .contact{width:40%}@media (max-width: 60rem){.info__page .contact{width:100%}.info__page .contact img{display:none}}.info__page .contact .profile__img{width:max-content}.info__page .contact .profile__img img{transition:all .5s var(--ease)}.info__page .contact .profile__img img:hover{filter:grayscale(0%)}.info__page .contact .contact__info p:nth-child(2n){padding-inline-start:var(--pdl)}.info__page .contact .contact__info a{text-decoration:underline;cursor:pointer}.info__page .bio{width:60%}.info__page .bio .mobile__float{display:none}@media (max-width: 60rem){.info__page .bio{width:100%}.info__page .bio .mobile__float{display:block;width:100%;padding-block-end:var(--pds)}}.info__page .bio p+p{text-indent:var(--pdl)}.site-footer{padding:2rem 1rem;text-align:center}.site-footer p{margin:0}.site-footer nav{margin-bottom:1rem}.site-footer .copyright{margin-bottom:.75rem}.site-footer .verse{margin:.75rem auto 0;font-size:.95rem;font-style:italic;opacity:.9;max-width:90%;line-height:1.4;text-align:center}.site-footer .verse-ref{background:none;border:0;padding:0;color:inherit;font:inherit;display:inline-block;margin:.5rem auto 0;font-style:normal;font-weight:500;text-align:center;cursor:pointer;position:relative;text-decoration:underline;text-underline-offset:2px}.site-footer .verse-ref:hover,.site-footer .verse-ref.is-open{color:#ddd}.site-footer .verse-ref:after{content:attr(data-verse);position:absolute;left:50%;bottom:140%;transform:translate(-50%) scale(.95);background:rgba(0,0,0,.9);color:#fff;padding:10px 14px;border-radius:6px;font-size:1rem;line-height:1.5;max-width:280px;min-width:220px;white-space:normal;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.28);z-index:10;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.site-footer .verse-ref:before{content:"";position:absolute;left:50%;bottom:130%;transform:translate(-50%);border:6px solid transparent;border-top-color:rgba(0,0,0,.9);opacity:0;transition:opacity .2s ease;z-index:10}.site-footer .verse-ref:hover:after,.site-footer .verse-ref:focus-visible:after,.site-footer .verse-ref.is-open:after,.site-footer .verse-ref:hover:before,.site-footer .verse-ref:focus-visible:before,.site-footer .verse-ref.is-open:before{opacity:1;transform:translate(-50%) scale(1)}@media (max-width: 400px){.site-footer .verse{font-size:.85rem}.site-footer .verse-ref:after{font-size:.9rem;max-width:240px}}@font-face{font-family:Respira Black;src:url(/assets/font/Respira\ Black.woff) format("woff")}body{scroll-behavior:smooth;font-family:Neue Haas Grotesk Text,sans-serif;font-weight:400;color:var(--primary-color);font-size:62.5%;margin:0;background:var(--secondary-color)}body h1,body h2,body h3,body h4,body h5,body h6,body p,body a,body li,body span,body button,body input,body textarea{font-size:var(--font-size);font-weight:400;word-wrap:break-word}@media (max-width: 60rem){body h1,body h2,body h3,body h4,body h5,body h6,body p,body a,body li,body span,body button,body input,body textarea{--font-size: 1.2rem;font-size:var(--font-size)}}body::-webkit-scrollbar{width:.5rem;background-color:var(--secondary-color)}body::-webkit-scrollbar-thumb{background-color:var(--secondary-color);border-radius:20px}body::-webkit-scrollbar-track{background:var(--primary-color)}.intro-tagline{text-align:center;margin:1rem 0 2rem;font-size:2.5rem;font-style:italic;line-height:2;color:var(--primary-color);animation:fadeInTagline .8s ease-in-out both}@media (max-width: 60rem){.intro-tagline{font-size:1.4rem;padding:0 1rem}}@keyframes fadeInTagline{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}