:root{color-scheme:dark;--black:#090909;--white:#eeeee9;--muted:#949491;--line:#363635;--pad:clamp(20px,2.5vw,48px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:var(--white);color:var(--black)}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}a,button,summary{touch-action:manipulation}.skip-link{position:fixed;left:20px;top:-100px;z-index:200;background:var(--white);color:var(--black);padding:16px}.skip-link:focus{top:20px}
.masthead{position:absolute;z-index:10;top:0;left:0;width:100%;padding:28px var(--pad);display:flex;align-items:flex-start;justify-content:space-between;font-size:.875rem;line-height:1.35}.identity span{display:block;color:var(--muted);font-size:.75rem}.clock{font-size:.75rem;display:flex;gap:16px;padding-top:2px}.clock span{color:var(--muted);font-variant-numeric:tabular-nums}.menu-toggle{display:flex;gap:14px;align-items:center;padding:0;min-height:28px}.menu-icon{width:22px;display:grid;gap:5px}.menu-icon i{height:1px;background:currentColor;display:block}.hero{height:100svh;min-height:680px;position:relative;isolation:isolate;overflow:hidden}.hero-image{position:absolute;top:23%;left:28%;width:44%;height:53%;overflow:hidden}.hero-image img{filter:brightness(.72);transform:scale(1.06)}.wordmark{position:absolute;z-index:2;top:38%;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:13.4vw;line-height:.84;font-weight:300;letter-spacing:-.065em;mix-blend-mode:difference;pointer-events:none}.hero-nav{position:absolute;top:calc(38% + 13.7vw);left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:.875rem}.hero-nav a{padding:14px 0}.hero-nav sup{font-size:.75rem;color:var(--muted)}.hero-bottom{position:absolute;bottom:30px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:end;font-size:.75rem;line-height:1.4}.hero-bottom p{color:var(--muted)}.scroll-link{display:flex;gap:35px;align-items:center}.scroll-link span{font-size:28px}.latest{display:grid;grid-template-columns:1fr 30px;gap:8px 28px;border-top:1px solid var(--line);padding-top:12px;min-width:210px}.latest>span:first-child{font-size:.75rem;color:var(--muted)}.latest strong{grid-row:2;font-size:1.375rem;font-weight:400}.latest>span:last-child{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;font-size:24px}
.section-pad{padding:100px var(--pad)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:60px}.section-heading>span{font-size:.75rem}.section-heading>span:last-child{color:var(--muted)}.section-heading h2{font-weight:400;font-size:clamp(38px,5.7vw,90px);letter-spacing:-.06em}.feature{display:block}.image-wrap{position:relative;overflow:hidden;aspect-ratio:16/9;background:#171717}.image-wrap img{transition:transform 1.2s var(--ease),filter 1.2s var(--ease)}a:hover .image-wrap img{transform:scale(1.035)}.feature .image-wrap{aspect-ratio:2.05}.play-label{position:absolute;right:24px;bottom:24px;border:1px solid #eee8;padding:14px 18px;font-size:.75rem;background:#09090955;backdrop-filter:blur(8px)}.film-caption{display:flex;justify-content:space-between;margin-top:18px;padding-bottom:28px;border-bottom:1px solid var(--line);font-size:.75rem}.film-caption h3{font-size:1rem;font-weight:400}.film-caption>span{color:var(--muted)}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px 24px;margin-top:75px}.archive{margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.archive summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;justify-content:space-between;font-size:.875rem}.archive summary::-webkit-details-marker{display:none}.stills-section{background:var(--white);color:var(--black)}.stills-section .section-heading>span:last-child{color:#555}.stills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 28px}.about-section{display:grid;grid-template-columns:1fr 2fr;padding-top:150px;padding-bottom:150px}.about-section>span{font-size:.75rem}.about-section h2{font-size:clamp(48px,7vw,110px);line-height:.97;font-weight:400;letter-spacing:-.055em}.about-section p{max-width:470px;font-size:1.125rem;line-height:1.5;color:var(--muted);margin:35px 0}.text-link{display:inline-flex;gap:50px;font-size:.875rem;padding:16px 0;border-bottom:1px solid var(--line)}.contact-section{border-top:1px solid var(--line);padding-bottom:30px}.contact-title{display:flex;align-items:center;justify-content:space-between;font-size:clamp(80px,18vw,280px);font-weight:400;letter-spacing:-.08em;line-height:1.15}.contact-title span{font-size:.6em;transition:transform .5s var(--ease)}.contact-title:hover span{transform:translate(12px,-12px)}.footer-links{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:30px;margin-top:70px;font-size:.75rem}.footer-links>span{color:var(--muted)}
.menu-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;max-height:none;background:var(--white);color:var(--black);border:0;padding:30px var(--pad)}.menu-dialog::backdrop{background:#0008}.menu-head{display:flex;justify-content:space-between;font-size:.875rem}.close-menu{display:flex;align-items:center;gap:20px;padding:0}.close-menu span{font-size:30px;line-height:20px}.menu-dialog nav{display:flex;flex-direction:column;margin-top:7vh}.menu-dialog nav a{font-size:clamp(50px,9vw,140px);line-height:1.1;letter-spacing:-.06em}.menu-dialog nav sup{font-size:.75rem;letter-spacing:0;display:inline-block;width:70px;vertical-align:middle}.menu-email{position:absolute;bottom:40px;left:var(--pad);font-size:.875rem}body:has(dialog[open]){overflow:hidden}
@media(max-width:700px){.masthead{padding-top:22px}.clock{display:none}.hero{min-height:620px;max-height:1000px}.hero-image{width:76%;left:12%;top:25%;height:45%}.wordmark{font-size:13.4vw;top:43%}.hero-nav{top:calc(43% + 14vw);font-size:.75rem}.hero-bottom{bottom:24px}.hero-bottom>p{max-width:110px}.scroll-link{font-size:0;gap:0}.scroll-link span{font-size:28px}.latest{min-width:120px;gap:8px}.latest strong{font-size:1.125rem}.latest>span:first-child{font-size:.75rem}.section-pad{padding:65px var(--pad)}.section-heading{flex-wrap:wrap;gap:20px;margin-bottom:35px}.section-heading>span:last-child{display:none}.section-heading h2{width:100%;order:1;font-size:3rem}.feature .image-wrap{aspect-ratio:16/10}.film-grid{grid-template-columns:1fr;gap:40px;margin-top:40px}.play-label{right:14px;bottom:14px;padding:10px}.stills-grid{grid-template-columns:1fr 1fr;gap:30px 14px}.about-section{grid-template-columns:1fr;gap:45px}.about-section h2{font-size:3.5rem}.contact-title{font-size:19vw}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:40px}.footer-links>a:first-child{grid-column:1/-1}.footer-links>span{grid-column:1/-1}.menu-dialog nav{margin-top:14vh}.menu-dialog nav a{font-size:19vw;line-height:1.25}.menu-dialog nav sup{width:45px}}
.hero-image{animation:image-intro 1.8s var(--ease) both;will-change:transform}.hero-image img{transform:translate(var(--pointer-x,0px),var(--pointer-y,0px)) scale(1.1);transition:transform .8s var(--ease)}.wordmark>span{display:inline-block;animation:type-intro 1.6s var(--ease) both}.wordmark>span:nth-child(2){animation-delay:.12s}.wordmark>span:nth-child(3){animation-delay:.24s}.wordmark{transform:translateY(calc(var(--scroll,0)*-75px));opacity:calc(1 - var(--scroll,0)*.65)}.hero-nav,.hero-bottom{animation:fade-in 1.8s .35s both}.hero-nav a{position:relative}.hero-nav a:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.hero-nav a:hover:after{transform:scaleX(1)}.hero-image{border:1px solid #ffffff0a}.feature{margin-top:20px}.film-grid>a:nth-child(even){margin-top:90px}.film-grid .film-caption{gap:20px}.film-caption h3{line-height:1.35}.film-caption .film-kind{font-size:.75rem;color:var(--muted);display:block;margin-top:6px}.archive-row{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:50px 1fr 30px;align-items:center;gap:20px;font-size:clamp(16px,2vw,28px);transition:padding .4s var(--ease),background .4s}.archive-row:hover{padding-left:16px;padding-right:16px;background:#151515}.archive-row>span:first-child{font-size:.75rem;color:var(--muted)}.archive summary span{color:var(--muted)}.archive[open] summary{color:var(--muted)}.stills-grid>a:nth-child(3n+2){margin-top:90px}.still-image{height:420px;overflow:hidden;background:#d6d6d1}.stills-grid>a:nth-child(3n+2) .still-image{height:300px}.still-image img{transition:transform 1s var(--ease)}.stills-grid>a:hover img{transform:scale(1.04)}.still-caption{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:.75rem;line-height:1.4}.still-caption span:last-child{white-space:nowrap}.about-section{grid-template-columns:1fr 3fr}.about-section h2{font-size:clamp(42px,6.2vw,100px)}.about-section p{max-width:590px}.reveal{opacity:0;transform:translateY(45px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.in-view{opacity:1;transform:translateY(0)}.menu-dialog[open] nav a{animation:menu-intro .65s var(--ease) both}.menu-dialog[open] nav a:nth-child(2){animation-delay:.04s}.menu-dialog[open] nav a:nth-child(3){animation-delay:.08s}.menu-dialog[open] nav a:nth-child(4){animation-delay:.12s}.menu-dialog nav a{transition:color .25s,transform .4s var(--ease);width:fit-content}.menu-dialog nav a:hover{color:#686864;transform:translateX(15px)}.film-dialog{inset:0;margin:auto;width:100%;max-width:none;height:100%;max-height:none;border:0;background:#090909;color:var(--white);padding:28px var(--pad);overscroll-behavior:contain}.film-dialog::backdrop{background:#090909}.player-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.player-head>div>span{font-size:.75rem;color:var(--muted)}.player-head h2{font-weight:400;font-size:clamp(22px,3vw,42px);letter-spacing:-.03em;margin-top:6px}.close-player{display:flex;align-items:center;gap:20px;font-size:.875rem;padding:10px 0}.close-player span{font-size:30px}.player-screen{width:100%;height:min(68vh,70vw);background:#030303}.player-screen iframe{width:100%;height:100%;border:0}.player-footer{display:flex;gap:30px;justify-content:space-between;padding-top:22px;font-size:.75rem;line-height:1.6;color:var(--muted)}.player-footer a{color:var(--white);flex-shrink:0}#player-alternates{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}#player-alternates button{border:1px solid var(--line);padding:10px 14px;font-size:.875rem}#player-alternates button[aria-pressed=true]{background:var(--white);color:var(--black)}
@keyframes image-intro{from{clip-path:inset(48% 0 48% 0)}to{clip-path:inset(0)}}@keyframes type-intro{from{opacity:0;transform:translateY(85%) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes menu-intro{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.still-image{height:550px}.stills-grid>a:nth-child(3n+2) .still-image{height:400px}}
@media(max-width:700px){.film-grid>a:nth-child(even),.stills-grid>a:nth-child(3n+2){margin-top:0}.still-image{height:260px}.stills-grid>a:nth-child(3n+2) .still-image{height:260px}.stills-grid>a:nth-child(even){margin-top:60px}.still-caption{flex-direction:column}.still-caption span:last-child{font-size:.75rem;color:#666}.about-section{grid-template-columns:1fr}.about-section h2{font-size:clamp(30px,7.7vw,54px)}.archive-row{grid-template-columns:25px 1fr 20px;gap:10px;font-size:1rem}.film-dialog{padding-top:22px}.player-screen{height:52vh}.player-footer{flex-direction:column;gap:18px}.wordmark{letter-spacing:-.075em}}
@media(max-width:380px){.still-image,.stills-grid>a:nth-child(3n+2) .still-image{height:220px}.masthead .identity{font-size:.75rem}.identity span{max-width:160px}.hero-nav a{font-size:.75rem}.hero-bottom{gap:16px}}
.masthead{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:auto;padding:14px 18px;gap:32px;align-items:center;background:#6a6a6a33;backdrop-filter:blur(24px);border:1px solid #ffffff0c}.identity{white-space:nowrap;font-weight:700;letter-spacing:-.06em;font-size:1.4rem}.top-nav{display:flex;gap:24px;font-family:monospace;font-size:.875rem}.top-nav a{color:#c7c7c3;transition:color .2s}.top-nav a:hover{color:#fff}.masthead .menu-toggle{display:none}.cinema-home{height:100svh;min-height:660px;padding:20px}.cinema-home .hero-image{inset:0;width:100%;height:100%;animation:none;will-change:auto}.cinema-home .hero-image img{filter:brightness(.85);transform:none;transition:opacity .45s}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 65%),linear-gradient(0deg,#000b,transparent 38%);pointer-events:none}.hero-index{position:absolute;top:50%;left:var(--pad);transform:translateY(-50%);display:flex;flex-direction:column;align-items:start;gap:4px;z-index:2}.eyebrow{font-family:monospace;font-size:.75rem;color:#c2c2ba;margin-bottom:20px;letter-spacing:.05em}.hero-project{font-family:monospace;text-align:left;padding:10px 0;font-size:.875rem;color:#c3c3bd;transition:color .25s,transform .25s}.hero-project>span{font-size:.75rem;display:inline-block;width:30px;color:#8d8d87}.hero-project.active{color:#fff}.hero-project.active>span{color:#e9734b}.hero-project:hover{color:#fff;transform:translateX(5px)}.hero-watch{position:absolute;z-index:2;left:62%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;font-family:monospace;font-size:.75rem}.hero-watch>span:first-child{width:76px;height:76px;border:1px solid #fffa;border-radius:50%;display:grid;place-items:center;padding-left:3px;font-size:1rem;transition:background .25s,transform .3s}.hero-watch:hover>span:first-child{background:#ffffff2b;transform:scale(1.08)}.home-caption{position:absolute;inset:auto var(--pad) 28px;display:flex;align-items:end;justify-content:space-between;gap:20px;z-index:2}.preview-state{display:flex;gap:14px;align-items:center;font-family:monospace;font-size:.75rem}.preview-state button{font-size:1rem;min-width:30px;min-height:30px;color:#f88d65}.preview-state>span:last-child{color:#bbb}.home-signature h1{font-size:clamp(34px,5vw,80px);font-weight:400;letter-spacing:-.065em;line-height:1}.home-signature p{font-family:monospace;font-size:.75rem;color:#bbb;margin-top:12px}.home-scroll{font-size:32px}.home-signature{margin-left:auto}#hero-video{position:absolute;inset:0;opacity:0;transition:opacity .6s}#hero-video.playing{opacity:1}#hero-video iframe{position:absolute;left:50%;top:50%;width:100%;height:100%;border:0;transform:translate(-50%,-50%);pointer-events:none}
@media(max-width:700px){.masthead{top:12px;padding:12px 15px;width:calc(100% - 24px);justify-content:space-between;gap:12px}.masthead .identity{font-size:1.2rem}.top-nav{display:none}.masthead .menu-toggle{display:flex;font-size:.75rem}.hero-index{top:42%;gap:1px}.hero-project{font-size:.75rem;padding:9px 0}.hero-project>span{width:25px}.hero-watch{left:79%;top:46%}.hero-watch>span:first-child{width:60px;height:60px}.home-caption{flex-wrap:wrap;bottom:22px}.home-signature{margin-left:0;width:calc(100% - 40px);order:-1}.home-signature h1{font-size:13vw}.home-signature p{font-size:.75rem;line-height:1.4}.home-scroll{order:-1}.preview-state{margin-top:20px;gap:12px}.cinema-home{min-height:680px}.hero-shade{background:linear-gradient(90deg,#0009,transparent),linear-gradient(0deg,#000b,transparent 65%)}}
.cursor-trail{position:fixed;inset:0;z-index:100;pointer-events:none;mix-blend-mode:difference}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-image,.wordmark{transform:none!important;opacity:1!important}.cursor-trail{display:none}}

/* Local project, photography and biography pages. */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.project-index-list{display:flex;flex-direction:column;align-items:start;max-height:55svh;overflow-y:auto;padding-right:18px;scrollbar-width:thin;scrollbar-color:#666 transparent}.all-work-home .hero-index{top:49%;max-width:45%}.all-work-home .project-index-list{max-height:57svh}.hero-project{text-shadow:0 1px 8px #000}.home-caption,.hero-index,.hero-watch{transition:opacity .4s}.interior-page{padding-top:140px}.page-intro{padding:20px var(--pad) 70px}.page-intro h1{font-size:clamp(44px,8vw,130px);font-weight:400;line-height:1;letter-spacing:-.06em;max-width:1200px;margin:28px 0}.page-intro>p{color:var(--muted);font-size:1rem;line-height:1.5}.page-intro .eyebrow{display:inline-block}.resume-copy{width:min(900px,100%);margin-left:auto;padding:0 var(--pad) 100px;font-size:1.125rem;line-height:1.8}.resume-copy p{margin:0 0 32px}.resume-copy h2{font-size:1.5rem;font-weight:400;letter-spacing:-.025em;margin:48px 0 18px;border-top:1px solid var(--line);padding-top:25px}.resume-copy strong{font-weight:500;color:#fff}.resume-copy a,.project-copy a{text-decoration:underline;text-underline-offset:4px}.light-page{background:var(--white);color:var(--black)}.light-page .masthead{background:#eeeee9b8;border-color:#0001}.light-page .top-nav a{color:#333}.light-page .eyebrow{color:#555}.light-page .contact-section{border-color:#bbb}.light-page .footer-links{border-color:#bbb}.light-page .contact-section .section-heading>span:last-child{color:#555}.light-page .footer-links>span{color:#555}.light-page .page-intro>p{color:#555}.collection-page>.text-link{margin:40px var(--pad) 80px}.photo-grid{columns:3;column-gap:20px;padding:0 var(--pad)}.photo-grid figure{margin:0 0 20px;break-inside:avoid}.photo-grid img{height:auto;transition:opacity .3s}.photo-grid a:hover img{opacity:.88}.photo-grid figcaption{font-size:.875rem;line-height:1.5;padding:10px 0 14px}.photo-grid a{display:block}.contact-page{padding-top:180px;min-height:100svh}.interior-page .stills-section{padding-top:20px}.film-page{position:relative;min-height:100svh;background:#080808;outline:none}.film-screen{position:absolute;inset:0 0 82px;overflow:hidden;background:#080808}.film-poster{position:absolute;inset:0;opacity:.5;object-fit:contain;transition:opacity .5s}.film-screen.is-playing .film-poster{opacity:0}#film-media{position:absolute;inset:0;z-index:1}#film-media iframe{border:0;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none}.film-start{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;width:90px;height:90px;display:grid;place-items:center;font-size:1.25rem;padding-left:8px;background:#0003;backdrop-filter:blur(8px)}.film-feedback{position:absolute;z-index:4;bottom:40px;left:50%;transform:translateX(-50%);text-align:center;width:min(90%,600px);font-size:.875rem;line-height:1.5}.film-feedback p:not([hidden]){background:#000a;padding:12px;backdrop-filter:blur(8px)}#film-retry{padding:12px 20px;margin-top:15px;border:1px solid #fff7;background:#222}.film-toolbar{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 14px;width:calc(100% - 40px);max-width:1500px;font-family:monospace;font-size:.875rem;background:#68686866;backdrop-filter:blur(24px);z-index:5}.film-toolbar button{font-family:inherit;white-space:nowrap;padding:8px 4px;font-size:.875rem;min-height:36px}.film-toolbar button:hover{color:#ffc0a7}.film-toolbar-title{white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;flex-shrink:2;font-size:.75rem;color:#ccc}.film-back{font-size:1.5rem;padding:4px 7px}.seek-label{flex:1;min-width:80px;display:flex;align-items:center}.seek-label input{width:100%;accent-color:#e5e5dd;height:20px;cursor:pointer}.film-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.time-divider{color:#aaa}#film-info{border-left:1px solid #ffffff40;padding-left:15px}#film-play{min-width:65px}#film-play:before{content:'';display:inline-block;width:7px;height:7px;background:#ed875f;margin-right:8px}.film-toolbar button[aria-pressed=false]{color:#bbb}.film-page:fullscreen{height:100vh;width:100vw}.credits-dialog{margin:auto auto 0;width:min(1240px,96vw);max-width:none;height:86svh;max-height:90svh;border:1px solid #ffffff20;border-bottom:0;padding:30px 30px 60px;background:#111;color:var(--white);overscroll-behavior:contain}.credits-dialog::backdrop{background:#0008;backdrop-filter:blur(4px)}.credits-header{display:flex;gap:24px;justify-content:space-between;align-items:start;position:sticky;top:-30px;z-index:3;background:#111e;padding:22px 0;backdrop-filter:blur(20px)}.credits-header h2{font-size:clamp(24px,4vw,52px);font-weight:400;letter-spacing:-.035em;line-height:1.05;margin-top:12px}.close-credits{white-space:nowrap;padding:8px;font-size:.875rem}.project-copy{max-width:780px;font-size:1rem;line-height:1.75;margin:35px auto 50px}.project-copy p{margin-bottom:28px}.project-copy p:empty{display:none}.project-copy strong{font-weight:500}.frames-heading{font-family:monospace;font-size:.875rem;font-weight:400;margin:45px 0 24px;color:#aaa}.credits-dialog .photo-grid{padding:0;columns:2}.film-versions{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.film-version{font-size:.875rem;border:1px solid var(--line);padding:12px 16px}.film-version[aria-pressed=true]{background:var(--white);color:var(--black)}#lightbox{position:fixed;inset:0;margin:0;border:0;padding:24px;width:100%;height:100%;max-width:none;max-height:none;background:#080808;color:var(--white);overflow:hidden}#lightbox::backdrop{background:#080808}.lightbox-bar{display:flex;justify-content:space-between;align-items:center;height:45px;font-family:monospace;font-size:.875rem}.lightbox-bar button{padding:10px}.lightbox-stage{display:flex;align-items:center;justify-content:space-between;gap:20px;height:calc(100svh - 145px)}.lightbox-stage img{width:calc(100% - 130px);height:100%;object-fit:contain}.lightbox-stage button{font-size:2rem;width:44px;height:54px;flex-shrink:0}#lightbox-caption{text-align:center;font-size:.875rem;max-width:900px;margin:18px auto 0;line-height:1.4}.watch-page .masthead{z-index:10}.watch-page:has(.film-page:fullscreen) .masthead{display:none}
@media(max-width:1100px){.film-toolbar{gap:9px}.film-toolbar-title{max-width:120px}#film-fullscreen{font-size:.75rem}#film-fit{font-size:.75rem}.time-divider{display:none}}
@media(max-width:850px){.film-toolbar{flex-wrap:wrap;gap:5px 14px;justify-content:center}.film-toolbar-title{max-width:230px;flex:1}.seek-label{flex-basis:35%;min-width:100px}.film-screen{bottom:130px}.film-toolbar button{font-size:.75rem}#film-info{border-left:0}.photo-grid{columns:2}.credits-dialog{padding:20px}.credits-header{top:-20px}.all-work-home .hero-index{max-width:65%}}
@media(max-width:500px){.interior-page{padding-top:115px}.page-intro{padding-bottom:45px}.page-intro h1{font-size:13vw;overflow-wrap:anywhere}.resume-copy{font-size:1rem;line-height:1.75}.photo-grid{columns:1;padding:0 16px}.credits-dialog .photo-grid{columns:1}.film-toolbar{width:calc(100% - 20px);bottom:10px;padding:10px;gap:3px 12px}.film-toolbar-title{font-size:.75rem;max-width:200px}.film-toolbar .seek-label{order:1;flex-basis:100%}.film-time{order:2}.film-toolbar button{order:3}.film-toolbar #film-play{order:0}.film-toolbar #film-info{order:3;margin-left:auto}.film-screen{bottom:155px}.film-feedback{bottom:15px}.film-feedback p{font-size:.75rem}.lightbox-stage{gap:4px;height:calc(100svh - 145px)}.lightbox-stage img{width:calc(100% - 80px)}.lightbox-stage button{width:36px}#lightbox{padding:12px}.all-work-home .hero-index{max-width:72%}.all-work-home .hero-watch{left:85%}.all-work-home .hero-watch>span:first-child{width:50px;height:50px}.all-work-home .hero-watch>span:last-child{font-size:.65rem}.credits-header{gap:10px}.close-credits{font-size:.75rem}.credits-dialog{width:100vw;border-left:0;border-right:0}.collection-page .page-intro{padding-bottom:40px}.contact-page{padding-top:120px}}
.resume-copy h3{font-size:1.2rem;font-weight:400;margin:20px 0}.screen-icon{display:none}
@media(max-width:850px){.film-toolbar button,#film-fullscreen,#film-fit{font-size:.875rem}}
@media(max-width:500px){.film-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px}.film-back{grid-column:1;grid-row:1}.film-toolbar-title{grid-column:2/4;grid-row:1;max-width:none}.film-toolbar #film-play{grid-column:4;grid-row:1;min-width:0}.film-toolbar .seek-label{grid-column:1/-1;grid-row:2;min-width:0}.film-time{grid-column:1;grid-row:3}#film-sound{grid-column:2;grid-row:3;font-size:.75rem}#film-speed{grid-column:3;grid-row:3}#film-fullscreen{grid-column:4;grid-row:3}.screen-label{display:none}.screen-icon{display:inline;font-size:1.5rem}.film-toolbar #film-fit{grid-column:1/3;grid-row:4}.film-toolbar #film-info{grid-column:3/5;grid-row:4;margin-left:0;padding-left:0}.film-screen{bottom:185px}.film-toolbar #film-sound{font-size:.75rem}}

/* Film browsing works with touch and with the keyboard. */
.hero-stepper{position:absolute;right:var(--pad);bottom:128px;z-index:3;display:flex;align-items:center;gap:12px;padding:7px;background:#090909a8;border:1px solid #ffffff38;backdrop-filter:blur(12px);font: .75rem monospace}
.hero-stepper button{min-width:44px;min-height:44px;border:1px solid #ffffff5e;font:1.25rem monospace;display:grid;place-items:center}
.hero-stepper button:hover,.hero-stepper button:focus-visible{background:#ffffff30}
.hero-stepper output{min-width:68px;text-align:center;font-variant-numeric:tabular-nums}
.film-up-next{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:12px;width:min(420px,calc(100% - 40px));padding:28px;background:#090909db;border:1px solid #ffffff7a;backdrop-filter:blur(18px);text-align:left;box-shadow:0 22px 70px #0009}
.film-up-next span{font: .75rem monospace;letter-spacing:.08em}
.film-up-next span:last-child{color:#ff9c75}
.film-up-next strong{font-size:clamp(1.5rem,3vw,2.6rem);font-weight:400;letter-spacing:-.04em;line-height:1.1}
.film-up-next:hover,.film-up-next:focus-visible{border-color:#ff9c75}
@media(max-width:700px){.hero-stepper{top:90px;bottom:auto;right:var(--pad)}.hero-stepper button{min-width:44px;min-height:44px}.hero-stepper output{min-width:60px}.film-up-next{padding:22px}}
@media(max-width:500px){.all-work-home .project-index-list{max-height:40svh}}