/* Image-led portfolio direction, adapted to Steve Hyde's work and services. */
:root{color-scheme:dark}html{scroll-padding-top:35px}body{background:#080808;color:#eee;font-family:Arial,Helvetica,sans-serif;font-weight:300}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:.04em}a,button{transition:color .2s,background .2s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-color:#dec69d}.section-shell{max-width:1320px;padding-left:6%;padding-right:6%}.site-header{height:168px;background:#080808;border:0;display:flex;flex-direction:column;justify-content:center;gap:31px;padding:26px 5% 21px;position:relative}.wordmark{display:block;text-align:center;font-size:33px;line-height:1;letter-spacing:.22em;font-weight:400}.wordmark span{display:block;font-size:9px;font-weight:400;letter-spacing:.36em;margin-top:13px}.desktop-nav{gap:47px;font-size:10px;letter-spacing:.23em}.desktop-nav>a{color:#cecece}.desktop-nav>a:hover{color:#fff}.desktop-nav>a:after{bottom:-8px}.button{border-radius:0;min-height:47px;font-size:11px;letter-spacing:.04em}.button:hover{transform:none}.button-dark,.button-light{background:#eee;color:#111;border-color:#eee}.button-dark:hover,.button-light:hover{background:#c8c8c8;border-color:#c8c8c8}.button-outline{border:1px solid #686868;background:transparent;color:#eee}.button-outline:hover{background:#eee;color:#111}.text-button{color:#d7d7d7;border-color:#565656;font-size:12px;letter-spacing:.03em}.text-button:hover{color:white;border-color:white}.eyebrow,.tiny-label{color:#aeaeae}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.film-hero{max-width:1800px;margin:auto}.hero-stage{position:relative;background:#121212;outline-offset:-5px!important;overflow:hidden}.hero-slide{position:relative;height:min(65vw,690px);min-height:420px}.hero-slide[hidden]{display:none}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.hero-slide[data-slide="1"] img{object-position:center 45%}.hero-portrait img{object-position:center 35%}.hero-slide:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85));pointer-events:none}.hero-slide figcaption{position:absolute;z-index:1;bottom:40px;left:7%;right:7%;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;text-shadow:0 1px 10px #0006}.hero-slide figcaption p{font-size:8px;letter-spacing:.23em;color:#ddd;margin-bottom:12px}.hero-slide h2{font-size:clamp(25px,2.8vw,42px);letter-spacing:.02em;line-height:1.15;margin-bottom:10px}.hero-slide figcaption div>span{font-size:11px;color:#ccc;letter-spacing:.04em}.hero-project{border:0;border-bottom:1px solid #9b9b9b;background:none;color:white;display:inline-flex;align-items:center;gap:25px;padding:12px 0;font-size:9px;letter-spacing:.2em;white-space:nowrap}.hero-project span{font-size:21px}.hero-project:hover{border-color:white}.gallery-arrow{position:absolute;top:42%;background:#08080820;color:#fff;border:1px solid #ffffff50;font-size:33px;font-weight:200;width:42px;height:51px;line-height:1;z-index:2}.gallery-prev{left:22px}.gallery-next{right:22px}.gallery-arrow:hover{background:#08080880}.gallery-bottom{height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #252525;color:#a6a6a6;gap:20px}.gallery-bottom>span{font-size:8px;letter-spacing:.16em}.gallery-bottom>span:first-child{flex:1}.gallery-bottom>span:last-child{flex:1;text-align:right}.gallery-dots{display:flex;gap:5px}.gallery-dots button{height:38px;width:28px;border:0;background:none;position:relative;padding:0}.gallery-dots button:after{content:'';width:6px;height:6px;border:1px solid #969696;border-radius:50%;position:absolute;top:16px;left:11px}.gallery-dots button[aria-pressed=true]:after{background:#fff;border-color:#fff}.work-section{padding-top:70px;padding-bottom:65px}.work-heading{display:block;text-align:center;margin:0}.work-heading h2,.bio-heading h2,.collaborate-heading h2,.contact-band h2{font-size:24px;font-weight:300;letter-spacing:.22em;line-height:1.4}.work-heading p{margin:17px auto 0;max-width:none;font-size:12px;color:#a7a7a7;letter-spacing:.02em}.filter-row{margin-top:36px;margin-bottom:30px;justify-content:center;position:relative}.filters{gap:22px;justify-content:center}.filter{border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#a2a2a2;font-size:10px;padding:8px 1px;min-height:40px}.filter:hover{background:none;color:#fff}.filter.active{background:transparent;color:#fff;border-color:#fff}.filter span{display:none}#work-count{position:absolute;right:0;color:#999;font-size:7px}.project-grid{gap:32px 20px}.project-image{aspect-ratio:16/9;background:#171717}.project-image img{filter:saturate(.87);transition:transform .5s,filter .4s}.project-open:hover img{filter:saturate(1) brightness(.85);transform:scale(1.025)}.project-image:after{background:linear-gradient(transparent,#0004)}.project-index{display:none}.project-play{background:#0003;right:12px;bottom:12px}.project-meta{padding-top:16px}.project-meta h3{font-size:14px;letter-spacing:.025em;font-weight:400}.project-meta>span{font-size:17px;color:#aaa}.project-description{font-size:10px;color:#aaa;letter-spacing:.025em;margin-top:7px}.project-category{font-size:7px;color:#888;margin-top:13px}.work-note{color:#9b9b9b;border-color:#292929;font-size:11px;text-align:center;margin-top:38px;padding-top:23px}.work-note .text-button{color:#ccc;font-size:11px}.collaborate-section{padding:0;background:#080808}.about-block{display:block;border-top:1px solid #292929;padding:65px 0 75px}.bio-heading{text-align:center}.bio-heading>p{font-family:Georgia,serif;font-style:italic;font-size:19px!important;color:#c6c6c6!important;max-width:none!important;margin:17px 0 35px!important}.bio-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.bio-layout figure{margin:0;max-width:none}.about-block figure img{aspect-ratio:1.15;object-fit:cover;object-position:center;height:auto;filter:saturate(.6)}.about-block .bio-copy p{font-size:13px;color:#bbb;line-height:1.85;max-width:520px;margin-top:16px}.about-block .bio-copy p:first-child{margin-top:0}.about-block>div{margin-top:0}.about-block .text-button{margin-top:23px}.collaborate-heading{display:block;text-align:center;margin:0;border-top:1px solid #292929;padding-top:58px}.collaborate-heading p{color:#a7a7a7;font-size:12px;max-width:570px;margin:18px auto 0;line-height:1.8}.service-tabs{margin-top:35px;border-color:#333}.service-tabs button{font-size:14px;letter-spacing:.06em;color:#ddd;padding:21px 18px;border-bottom-width:1px}.service-tabs button>span:first-child,.service-tabs .tab-arrow{color:#777}.service-tabs button[aria-selected=true]{background:#181818;border-color:#ddd}.service-tabs button:hover{background:#202020}.service-panel{padding:35px 18px 45px;min-height:320px;gap:7%}.service-panel h3{font-size:25px;letter-spacing:0;line-height:1.25}.service-panel p{color:#aaa;font-size:12px}.service-detail-list li{border-color:#3a3a3a;color:#ddd;font-size:11px}.service-detail-list small{color:#999;font-size:10px}.service-footnote{color:#909090!important}.contact-band{background:transparent;color:#eee;border-top:1px solid #292929;padding:65px 0 55px;margin:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.contact-band h2{margin:0;font-size:24px}.contact-band>p{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#bdbdbd;margin-top:18px}.contact-email{font-size:clamp(18px,2vw,27px);font-weight:300;letter-spacing:.02em;margin-top:29px;border-bottom:1px solid #595959;padding-bottom:8px}.contact-band .button{margin-top:27px;font-size:9px;letter-spacing:.15em;gap:25px}.contact-location{font-size:8px;letter-spacing:.15em;color:#939393;margin-top:35px}.site-footer{max-width:none;background:#050505;border-top:1px solid #202020;justify-content:space-between;padding-top:27px;padding-bottom:27px;font-size:8px;letter-spacing:.07em;color:#777}.site-footer p{font-size:9px;color:#888}.site-footer>a{font-size:8px;color:#aaa}.review-label{font-size:7px;color:#777}.skip-link{background:white;color:black}.project-dialog,.inquiry-dialog{background:#111;color:#eee;box-shadow:0 20px 90px #000}.dialog-top{background:#111;border-color:#333}.dialog-top .tiny-label{color:#aaa}.close-button{color:#ddd}.project-body>p{color:#b8b8b8}.project-body h2{font-size:31px;letter-spacing:.02em}.project-body .eyebrow{color:#999}.project-credits{border-color:#3d3d3d}.project-credits dt{color:#969696}.project-credits dd{color:#ddd}.movie-fallback{background:#1e1e1e;color:#aaa}.movie-start>span:nth-child(2){background:#111d}.inquiry-content h2{font-size:32px;letter-spacing:.02em}.inquiry-intro,.form-note{color:#aaa}label{color:#ddd}label span{color:#aaa}input,textarea,select{background:#191919;color:#eee;border-color:#444}input::placeholder,textarea::placeholder{color:#929292}#inquiry-preview{background:#202020;color:#ddd}.noscript-note{background:#333;color:white}
@media(min-width:1600px){.site-header{padding-left:5%;padding-right:5%}}
@media(max-width:1100px){.desktop-nav{gap:30px}.hero-slide{height:62vw;min-height:420px}.bio-layout{gap:32px}.about-block .bio-copy p{font-size:12px}.service-panel{gap:5%}#work-count{position:static;margin-left:10px}.project-meta h3{font-size:12px}}
@media(max-width:760px){.site-header{height:114px;align-items:flex-start;padding:25px 6%;gap:0}.wordmark{font-size:24px;letter-spacing:.17em;text-align:left}.wordmark span{font-size:7px;letter-spacing:.2em;margin-top:12px}.menu-toggle{position:absolute;right:6%;top:32px;color:#ddd;letter-spacing:.08em}.mobile-nav:not([hidden]){top:113px;background:#080808;border-color:#333;padding-top:20px;gap:17px}.mobile-nav>a{color:#ddd;letter-spacing:.15em;font-size:13px}.hero-slide{height:64vh;min-height:420px;max-height:620px}.hero-slide img{object-position:42% center}.hero-slide[data-slide="1"] img{object-position:59% center}.hero-portrait img{object-position:100% center}.hero-slide figcaption{bottom:24px;left:7%;right:7%;display:block}.hero-slide h2{font-size:26px;max-width:290px}.hero-slide figcaption p{font-size:7px;margin-bottom:10px}.hero-slide figcaption div>span{font-size:10px;line-height:1.5}.hero-project{font-size:8px;gap:22px;margin-top:14px;padding:8px 0;min-height:42px}.gallery-arrow{top:34%;width:33px;height:44px;font-size:27px;background:#0003}.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-bottom{height:59px;gap:12px}.gallery-bottom>span:first-child{max-width:135px;font-size:6px;line-height:1.8}.gallery-bottom>span:last-child{font-size:7px}.gallery-dots{gap:0}.work-section{padding-top:44px;padding-bottom:40px}.work-heading h2,.bio-heading h2,.collaborate-heading h2,.contact-band h2{font-size:20px;letter-spacing:.18em}.work-heading p{font-size:11px;line-height:1.8;margin-top:14px}.filter-row{display:block;margin-top:20px;margin-bottom:23px}.filters{justify-content:center;gap:0 18px}.filter{font-size:9px;padding:10px 0;min-height:39px}#work-count{font-size:7px;text-align:center;margin:15px 0 0}.project-grid{grid-template-columns:1fr;gap:28px}.project-image{aspect-ratio:16/9}.project-meta h3{font-size:15px}.project-meta{padding-top:14px}.project-description{font-size:11px}.project-category{font-size:7px;letter-spacing:.12em;margin-top:11px}.work-note{font-size:10px;margin-top:28px}.work-note .text-button{margin-left:0;font-size:10px}.about-block{padding:43px 0 45px}.bio-heading>p{font-size:17px!important;margin-bottom:25px!important}.bio-layout{display:block}.about-block figure img{aspect-ratio:1.5}.about-block .bio-copy{margin-top:26px}.about-block .bio-copy p{font-size:12px;line-height:1.85;max-width:none}.collaborate-heading{padding-top:41px}.collaborate-heading p{font-size:11px;max-width:350px;margin-top:15px}.service-tabs{margin-top:27px}.service-tabs button{font-size:11px;letter-spacing:.01em;padding:16px 7px;gap:6px}.service-tabs button>span:first-child{font-size:7px}.service-panel{padding:27px 0 33px;min-height:0}.service-panel h3{font-size:24px;max-width:330px}.service-panel p{font-size:12px}.service-detail-list{gap:18px}.service-links{gap:21px}.service-links .button{font-size:10px}.service-links .text-button{font-size:10px}.contact-band{margin:0;padding:44px 0 41px}.contact-band>p{font-size:18px;margin-top:15px}.contact-email{font-size:19px;margin-top:25px}.contact-location{font-size:6px;letter-spacing:.12em}.site-footer{gap:16px;justify-content:center;padding-top:24px;padding-bottom:24px}.site-footer p{font-size:8px;text-align:center}.site-footer>a{font-size:7px}.site-footer .review-label{width:100%;text-align:center;font-size:6px}.project-body h2{font-size:25px;line-height:1.2}.inquiry-content h2{font-size:28px}.dialog-top{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.project-sources{display:flex;flex-wrap:wrap;gap:14px 27px;margin:0 0 28px;font-size:11px!important}.project-sources a{border-bottom:1px solid #666;padding-bottom:4px;color:#ccc}.project-sources a:hover{color:#fff}

/* Upcoming documentaries have project details without a video player. */
.project-status{position:absolute;top:14px;left:14px;padding:8px 11px;background:#080808e8;color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;z-index:1}
.project-artwork>img{filter:none}
.project-context-image{margin:0 0 28px;max-width:430px}
.project-context-image img{display:block;width:100%;height:auto}
.project-context-image figcaption{margin-top:10px;color:#aaa;font-size:14px;line-height:1.5}