:root{--color-black:#1a1a1a;--color-light-black:#333;--color-white:#f2f2f2;--color-dark-white:#bfbfbf;--color-red:#970c14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-black);height:100dvh;color:var(--color-white);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif}@media (min-width:768px){body{padding:2rem;font-size:1.2rem}}::selection{background-color:var(--color-red)}a{color:var(--color-white);text-decoration:none}#layout-wrapper{background-color:var(--color-black);width:100%;height:100%;position:relative;overflow:hidden}@media (min-width:768px){#layout-wrapper{height:calc(100vh - 4rem)}}#navigation{width:100%;height:100%;position:absolute}#nav-list{pointer-events:none;flex-direction:column-reverse;height:100%;list-style:none;display:flex}@media (min-width:768px){#nav-list{flex-direction:row}}.nav-item{width:100%;transition:flex-grow .6s cubic-bezier(.445,.05,.55,.95);display:grid;position:relative}@media (min-width:768px){.nav-item{width:fit-content}}.nav-item[data-route=inactive]{flex-grow:0}.nav-item[data-route=active]{flex-grow:1}@media (max-width:767px){.nav-item:first-child{order:-1}.nav-item:nth-child(2){order:-2}.nav-item:nth-child(3){order:-3}}.nav-item:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:var(--background-image);filter:brightness(.3);z-index:0;position:absolute;inset:0}.nav-link{z-index:100;text-align:center;letter-spacing:.1rem;text-transform:uppercase;color:var(--color-white);-webkit-backdrop-filter:brightness(1.5);backdrop-filter:brightness(1.5);pointer-events:auto;justify-content:center;align-items:center;width:100%;height:3rem;font-weight:700;transition:-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:relative}@media (min-width:768px){.nav-link{writing-mode:vertical-lr;width:5rem;height:100%;transform:rotate(180deg)}}.nav-link:hover{-webkit-backdrop-filter:brightness(1.8);backdrop-filter:brightness(1.8)}.nav-link span{flex-grow:1;padding:0 1rem}@media (min-width:640px){.nav-link span{padding:0}}.nav-link.transitioning,#logo.transitioning,#content-wrapper.transitioning{pointer-events:none}#content-wrapper{pointer-events:none;position:absolute;inset:0;overflow:hidden}#content-wrapper>section{width:100%;height:100%;animation:1s ease-in .2s both animate-in;position:relative}@keyframes animate-in{0%{opacity:0}to{opacity:1}}#carousel-images-container .bg-image,#hover-images-container .bg-image{background-image:var(--background-image);filter:brightness(.3);opacity:0;background-position:50%;background-repeat:no-repeat;background-size:auto 100vh;width:100%;height:100%;transition:opacity .6s;position:absolute}#carousel-images-container .bg-image.active,#hover-images-container .bg-image.active{opacity:1}@media (min-width:768px){#carousel-images-container .bg-image,#hover-images-container .bg-image{background-position:50%;background-size:cover}}#carousel-images-container.root .bg-image{filter:brightness()}section#index #carousel-images-container,section#index #hover-images-container{pointer-events:none;z-index:0;position:absolute;inset:0 0 9rem}section#index #content-container{pointer-events:auto;scroll-behavior:smooth;padding:1.5rem;scroll-padding-top:1.5rem;position:absolute;inset:0 0 9rem;overflow-y:auto}@media (min-width:768px){section#index #carousel-images-container,section#index #hover-images-container{inset:0 0 0 15rem}section#index #content-container{padding:3rem;scroll-padding-top:3rem;inset:0 0 0 15rem}}#logo-wrapper{justify-content:center;display:flex}@media (min-width:768px){#logo-wrapper{justify-content:flex-start}}#logo{pointer-events:auto;height:max-content;display:inline-block}.logo-image{width:auto;height:2.25rem}@media (min-width:768px){.logo-image{height:3rem}}@media (max-width:767px){#logo-wrapper[data-logo=\/]{justify-content:center;align-items:center;height:50vh}}#content{max-width:1200px}#content>:not(#top){margin-top:1.5rem}@media (min-width:768px){#content>:not(#top){margin-top:3rem}}section.content-section:not(#index) #content-container{scroll-behavior:smooth;pointer-events:auto;width:100%;height:100%;max-height:100%;padding:1.5rem;scroll-padding-top:1.5rem;position:relative;overflow-y:auto}@media (min-width:768px){section.content-section:not(#index) #content-container{padding:3rem;scroll-padding-top:3rem}}section#directors-of-photography #carousel-images-container,section#directors-of-photography #hover-images-container,section#production-designers #carousel-images-container,section#production-designers #hover-images-container,section#contact #carousel-images-container,section#contact #hover-images-container{pointer-events:none;position:absolute}@media (min-width:768px){section#directors-of-photography{padding:0 10rem 0 5rem}section#directors-of-photography #carousel-images-container,section#directors-of-photography #hover-images-container{width:calc(100% - 10rem);height:100%;inset:0}}@media (max-width:767px){section#directors-of-photography{padding:3rem 0 6rem}section#directors-of-photography #carousel-images-container,section#directors-of-photography #hover-images-container{width:100%;height:calc(100% - 6rem);inset:0}}@media (min-width:768px){section#production-designers{padding:0 5rem 0 10rem}section#production-designers #carousel-images-container,section#production-designers #hover-images-container{width:calc(100% - 10rem);height:100%;inset:0 0 0 5rem}}@media (max-width:767px){section#production-designers{padding:6rem 0 3rem}section#production-designers #carousel-images-container,section#production-designers #hover-images-container{width:100%;height:calc(100% - 6rem);inset:3rem 0 0}}@media (min-width:768px){section#contact{padding:0 0 0 15rem}section#contact #carousel-images-container,section#contact #hover-images-container{width:calc(100% - 10rem);height:100%;inset:0 0 0 10rem}}@media (max-width:767px){section#contact{padding:9rem 0 0}section#contact #carousel-images-container,section#contact #hover-images-container{width:100%;height:calc(100% - 6rem);inset:6rem 0 0}}.back{flex-direction:row;width:max-content;text-decoration:none;display:flex}.back .fa{color:var(--color-red);flex-direction:column;justify-content:center;padding-right:.5rem;transition:transform .15s;display:flex;transform:translate(0)}.back:hover .fa{transform:translate(-.25rem)}.back span{color:var(--color-white);font-weight:400}.footer{justify-content:right;display:flex}.footer a{color:#fff;text-underline-offset:.25rem;text-decoration:none}.footer a:hover{color:#fff;text-decoration:underline}.header-simple h1{margin-bottom:0;font-weight:700}.header-simple.uppercase{text-transform:uppercase}@media (min-width:768px){.header-simple{text-align:center}}.header-bio{flex-direction:column;display:flex}@media (min-width:768px){.header-bio{display:block}}.header-bio h1{margin-bottom:1rem;font-weight:700}.header-bio h2{margin-bottom:1rem;font-weight:400}.header-bio ul{flex-flow:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.header-bio ul li a{text-underline-offset:.25rem;color:var(--color-white);flex-direction:row;align-items:center;text-decoration:none;display:flex}.header-bio ul li a:hover span{text-decoration:underline}.header-bio ul li a i{color:var(--color-red);margin-right:.25rem}.header-bio address{flex-direction:column;gap:.5rem;margin-top:3rem;display:flex}.header-bio address h3{margin-bottom:0;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.header-bio address h3{font-size:1.5rem}}.header-bio address p{margin-bottom:0}.two-column-grid{margin:0;padding:0;list-style:none}.two-column-grid.list{grid-template-columns:1fr;gap:0 4rem;display:grid}@media (min-width:1024px){.two-column-grid.list{grid-template-columns:1fr 1fr}}.two-column-grid.list li{place-self:start;display:flex}@media (min-width:1024px){.two-column-grid.list li:nth-child(odd){text-align:right;place-self:end}}.two-column-grid.list li a{color:var(--color-white);padding:.5rem 0;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .15s}@media (min-width:1024px){.two-column-grid.list li a{font-size:2rem}}@media (min-width:1280px){.two-column-grid.list li a{font-size:2.5rem}}.two-column-grid.list:has(li:hover) li:not(:hover) a{color:var(--color-dark-white)}.two-column-grid.bio{column-gap:4rem}@media (min-width:1024px){.two-column-grid.bio{column-count:2}}.two-column-grid.bio li{width:100%;display:inline-block}.two-column-grid.bio li+li{margin-top:3rem}@media (min-width:1024px){.two-column-grid.bio li{margin-top:3rem}}.two-column-grid.bio li>div{border-left:.25rem solid var(--color-red);padding:.5rem 1rem}.two-column-grid.bio li div{flex-direction:column;gap:.333rem;line-height:normal;display:flex}.two-column-grid.bio li div+div{margin-top:1.5rem}.two-column-grid.bio li div h3{margin-bottom:1rem;font-size:1.25rem;font-weight:500}@media (min-width:768px){.two-column-grid.bio li div h3{font-size:1.5rem}}.two-column-grid.bio li div h3.uppercase{text-transform:uppercase}.two-column-grid.bio li div .time{margin:0;font-weight:500}.two-column-grid.bio li div a.title{width:max-content;color:var(--color-white)}.two-column-grid.bio li div .title{margin:0;font-weight:500}.two-column-grid.bio li div .text{margin:0}.two-column-grid.bio li div .award{margin:0;font-style:italic}.not-found{z-index:9999;background-color:var(--color-black);text-align:center;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:fixed;inset:0}.not-found .logo-image{margin-bottom:1rem}.not-found h1{margin:0;font-size:4rem;font-weight:700}.not-found h2{color:var(--color-dark-white);margin:0;font-size:1.25rem;font-weight:400}.not-found .back{margin-top:1rem}@media (min-width:768px){.not-found h1{font-size:6rem}.not-found h2{font-size:1.5rem}}
