:root{--bg:#eee;--fg:#111}*{margin:0;padding:0}a{text-decoration:none;color:inherit}body{background:var(--bg);font-family:Roboto,Arial Black,Arial,sans-serif;flex-direction:column;height:100%;width:100%;min-width:400px}.error-page{font-size:5rem}.main{height:100vh;display:flex;flex-direction:column}.header{background:var(--fg);font-size:1.5rem;box-shadow:3px 3px 6px rgba(0,0,0,.5);position:relative;z-index:10}.header,.header-logo{display:flex;height:-moz-fit-content;height:fit-content}.header-logo{background:var(--bg);padding:15px 0;min-width:12rem;justify-content:center;min-height:20px;max-height:50px;transition:all .15s}.header-logo:hover{background:#ddd;transition:all .15s}.header-info{color:#aaa;flex-grow:1;display:flex;justify-content:space-between;width:auto}.header-info-subtitle{padding:18px;font-size:1.2rem;flex-grow:1}.header-info-nav{align-self:flex-end;margin:auto}.header-info-nav>a{color:#eee;font-size:1.5rem;padding:15px;transition:all .15s}.header-info-nav>a:hover{background:#222;transition:all .15s}.header-menu{display:none;cursor:pointer;transition:all .15s}.header-menu:hover{background:#222;transition:all .15s}.content{height:auto;display:flex;width:100%;height:100%}.content-gallery{width:12rem;display:flex;flex-direction:column;position:relative;margin:auto}.content-gallery-container{display:flex}.content-gallery-ref{background:var(--bg);width:50%;aspect-ratio:4/3;margin:10px auto;position:relative;display:inline-block;border-radius:4px;overflow:hidden;box-shadow:3px 3px 6px rgba(0,0,0,.3);transition:all .15s}.content-gallery-ref:hover{box-shadow:3px 3px 10px #000;scale:1.15;transition:all .15s}.content-gallery-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.triangle-right{width:0;height:0;margin:auto 1.35rem auto -1.35rem;box-sizing:content-box;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(1,1,1,0);transition:all .35s}.active{border-left-color:#010101;transition:all .35s}.content-enlarged{background:var(--bg);flex-grow:1;display:flex;position:relative;overflow:hidden}.content-enlarged-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.content-grid{display:flex;flex-wrap:wrap;margin:0 calc(12rem - 20px)}.content-grid-container{padding:20px;flex-grow:1;flex-basis:300px;position:relative}.content-grid-info{background:var(--fg);color:#eee;padding:.5rem 1rem;display:block;width:-moz-fit-content;width:fit-content;min-width:0;border-radius:4px 4px 0 0}.content-grid-info,.content-grid-ref{overflow:hidden;box-shadow:3px 3px 8px rgba(0,0,0,.7);transition:all .35s}.content-grid-ref{background:#222;width:100%;min-width:400px;aspect-ratio:4/3;position:relative;display:inline-block;border-radius:0 4px 4px 4px}.content-grid-container:hover .content-grid-info,.content-grid-container:hover .content-grid-ref{box-shadow:3px 3px 30px #000;transition:all .35s}.content-grid-container:hover .content-grid-info{min-width:calc(100% - 2rem);transition:all .35s}.content-grid-photo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.portfolio-photo{border-radius:4px}.portfolio-photo:hover{scale:1.075}img{display:block;position:absolute;max-width:100%}.portfolio-info{display:block;margin:20px 0 0}.portfolio-info>p{margin:15px 12rem 0;font-size:1.25rem}.portfolio-header{background:var(--fg);width:-moz-fit-content;width:fit-content;color:#eee;padding:15px;margin:20px 12rem 0;border-radius:4px;overflow:hidden;box-shadow:3px 3px 6px rgba(0,0,0,.3)}hr{margin:1.5rem;height:2px;border-width:0;color:#aaa;background:#aaa}.portfolio-body{margin:20px 12rem 1rem;padding:1rem;border-radius:4px;background:#ddd;box-shadow:3px 3px 6px rgba(0,0,0,.3)}.portfolio-body>h2{margin-top:1rem;margin-bottom:.5rem}.portfolio-header>h1>em{font-style:normal;font-size:.8em}.portfolio-cast,.portfolio-pt{display:flex;flex-wrap:wrap}.portfolio-data-role{width:30%}.portfolio-data-ensemble,.portfolio-data-role{padding:.5rem 2rem 0 0}.portfolio-pc{margin-top:1rem}.team-container{margin-top:1.5rem}.content-about{margin:20px 50px;height:-moz-fit-content;height:fit-content}.bio-header{background:var(--fg);width:-moz-fit-content;width:fit-content;color:#eee;padding:10px;margin:0 0 20px;border-radius:4px;overflow:hidden;box-shadow:3px 3px 6px rgba(0,0,0,.3)}.content-aboutpage{height:100%;position:relative;display:flex}.content-bio,.content-contacts,.content-resume{margin:30px 0;padding:1rem;border-radius:4px;background:#ddd;box-shadow:3px 3px 6px rgba(0,0,0,.3)}.content-bio>p{font-size:1.25rem;margin:10px 0 25px 10px}table{margin:0 10px 20px}td,th{padding:.25em 1em .25em 0;font-size:1.25rem;text-align:left}.content-contacts>p{font-size:1.25rem;margin:10px 10px 0}.content-resume-pdf{border-radius:4px;overflow:hidden;box-shadow:3px 3px 6px rgba(0,0,0,.3)}.content-portrait{margin:50px 0 0 50px;width:25%;min-width:25%;vertical-align:top;height:-moz-fit-content;height:fit-content}.content-portrait>img{display:inline-block;position:relative;border-radius:4px;overflow:hidden;box-shadow:3px 3px 6px rgba(0,0,0,.3)}.button{background:var(--fg);width:-moz-fit-content;width:fit-content;color:#eee;padding:10px;margin:0 0 20px}.button,.button:hover{transition:background .15s}.button:hover{background:#222}@media screen and (max-width:1600px){.portfolio-data-role{padding:.5rem 2rem 0 0;width:45%}}@media screen and (max-width:1200px){.portfolio-data-ensemble,.portfolio-data-role{padding:.5rem 2rem 0 0;width:100%}}@media screen and (max-width:900px){.bio-credits-company{display:none}}@media screen and (max-width:1000px){.header-info-nav{display:none}.header-info,.header-menu{display:block}.header-menu{float:right}.content-gallery{display:none}.portfolio-body{width:80%;margin-left:auto;margin-right:auto}.content-grid{margin:0 calc(2rem - 20px)}.content-grid-ref{min-width:200px}.portfolio-header{max-width:80%;margin-left:auto;margin-right:auto}.content-aboutpage{display:flex;flex-direction:column}.content-portrait{width:50%;margin-left:auto;margin-right:auto}}@media screen and (max-width:550px){.bio-credits-director{display:none}}.responsive{display:flex;flex-direction:column;float:right;width:100%;text-align:right}.hamburger{margin:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;overflow:visible;max-height:29px}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#eee}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:40px;height:4px;background-color:#eee;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transform:rotate(90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s}