:root{font-family:Helvetica,Arial,sans-serif;color:#171717;background:#fff;font-synthesis:none;--edge:36px;--header-size:18px;--tag-size:10px;--muted:#747474}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none;text-underline-offset:4px}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:1px solid #171717;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,p,figure{margin:0}ul{padding:0;margin:0;list-style:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:30}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:28px auto;align-items:start;padding:26px var(--edge) 35px;background:#fff}
.name,.categories,.page-links{font-size:var(--header-size);line-height:1.22;font-weight:400;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}.name{grid-column:3;grid-row:1;justify-self:end;padding:6px 0}.categories{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:baseline;gap:10px;font-weight:600}.categories a{padding:6px 0;text-transform:inherit;letter-spacing:inherit;font-size:inherit;line-height:inherit;font-weight:inherit}.categories a:hover .filter-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.page-links{grid-column:1;grid-row:1 / span 2;justify-self:start;display:flex;flex-direction:column;align-items:flex-start;padding:6px 0}.page-links a:hover{text-decoration:underline}.press-section h2{font-size:10px;font-weight:300;line-height:1.55;margin-bottom:22px}.press-list{display:grid;gap:17px;font-size:10px;font-weight:300;line-height:1.55}.press-list a:hover{text-decoration:underline}
.tags{grid-column:2;grid-row:2;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 8px;width:100%;max-width:620px;justify-self:center;margin:3px 0 0}.tags a{font-size:var(--tag-size);font-weight:300;letter-spacing:.075em;line-height:1;min-height:27px;padding:8px 1px;white-space:nowrap}.tags a:hover .filter-label{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:.5px}.filter-label{padding:1px 0}.site-header [role=button][aria-pressed=true] .filter-label{color:#fff;background:#000;box-shadow:3px 0 #000,-3px 0 #000;text-decoration:none}
main{padding:8px var(--edge) 40px;outline:none;flex:1}.project-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:42px 26px;align-items:start}.project-cell{position:relative;min-width:0;aspect-ratio:4/3}.project-cell.is-filtered{visibility:hidden;pointer-events:none}.project-card{display:block;width:100%;height:100%}.project-card img{width:100%;height:100%;object-fit:cover;object-position:center}.project-cell[data-slug="low-end"] img,.project-cell[data-slug="silo-model"] img,.project-cell[data-slug="can-machines-copy"] img,.project-cell[data-slug="life-jacket"] img,.project-cell[data-slug="commercial-documentary-film"] img{object-fit:contain}.card-caption{position:absolute;top:100%;left:0;right:0;padding-top:8px;display:flex;justify-content:center;text-align:center;gap:8px;font-size:10px;line-height:1.3;opacity:0;transition:opacity .15s}.card-caption .year{color:var(--muted);white-space:nowrap}.project-card:hover .card-caption,.project-card:focus-visible .card-caption{opacity:1}.project-card:hover img{opacity:.9}
.project-detail{max-width:1040px;margin:0 auto;padding-top:3px}.back-link{display:inline-block;font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.025em;color:var(--muted);padding:8px 0;white-space:nowrap}.back-link:hover{text-decoration:underline}.project-title{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin:14px 0 31px}.project-title h1{font-size:var(--header-size);line-height:1.22;font-weight:400;letter-spacing:.025em;text-transform:uppercase}.project-title .back-link{flex-shrink:0}.project-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:end;gap:50px;margin-bottom:35px}.project-intro .project-metadata>div:last-child,.project-intro .project-copy>p:last-child{margin-bottom:0}.project-intro:empty{display:none}.project-metadata{font-size:10px;font-weight:300;line-height:1.5;margin:0}.project-metadata div{margin-bottom:9px}.project-metadata dt,.project-metadata dd{display:inline}.project-metadata dt{font-family:Helvetica,Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.025em;color:inherit}.project-metadata dd{margin:0}.project-copy{font-size:10px;font-weight:300;line-height:1.55;max-width:670px}.project-copy p{margin-bottom:15px}.project-copy:only-child{grid-column:1/-1}.gallery{display:grid;gap:38px;margin:35px 0}.image-button{width:100%;display:block;padding:0}.image-button img{width:auto;max-width:100%;max-height:1000px;margin:0 auto}.gallery figcaption{font-size:10px;font-weight:300;font-style:italic;line-height:1.5;margin-top:11px;color:inherit}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.gallery-grid img{max-height:420px}.film-frame{aspect-ratio:16/9;background:#f5f5f5}.film-frame iframe{border:0;width:100%;height:100%;display:block}.watch-link{display:inline-block;font-size:10px;margin:14px 0 32px;text-decoration:underline}.press-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin:25px 0;font-size:12px}.press-links a{text-decoration:underline}.film-catalog{margin:30px 0}.film-catalog li{padding:20px 0;border-top:1px solid #e8e8e8}.film-catalog h2{font-size:16px;font-weight:400;line-height:1.5}.film-catalog h2 a{text-decoration:underline}.film-catalog p{font-size:14px;line-height:1.5;color:var(--muted);margin-top:6px}.small-note{font-size:12px;color:var(--muted)}
.gallery-dialog{max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:20px 30px;border:0;background:#fff;color:#171717}.gallery-dialog::backdrop{background:white}.dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:14px}.dialog-bar button{padding:8px}.dialog-image{height:calc(100dvh - 125px);width:100%;object-fit:contain;margin-top:12px}.dialog-bottom{display:flex;justify-content:center;align-items:center;gap:25px;font-size:14px;margin-top:10px}.dialog-bottom button{padding:8px}.dialog-bottom button:disabled{opacity:.3;cursor:default}
@media(min-width:1700px){:root{--edge:48px}.project-grid{gap:48px 35px}}
@media(max-width:1150px){.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 23px}.site-header{grid-template-columns:1fr auto 1fr}.name{font-size:var(--header-size);white-space:normal;width:130px;text-align:right}.project-intro{gap:30px}}
@media(max-width:850px){:root{--edge:24px}.site-header{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:17px;padding-bottom:24px}.page-links{grid-row:1}.name{grid-column:1;grid-row:1;width:auto;white-space:nowrap}.categories{grid-column:1;grid-row:2;justify-self:center;margin-top:19px}.tags{grid-column:1;grid-row:3;justify-self:center;margin:3px 0 0}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 20px}.project-intro{grid-template-columns:1fr;gap:22px}.project-metadata{max-width:600px}}
@media(max-width:540px){:root{--edge:18px;--header-size:clamp(14px,4.1vw,16px);--tag-size:10px}.site-header{padding-bottom:22px}.categories{gap:7px}.tags{max-width:100%;width:100%;flex-wrap:wrap;gap:0 10px}.tags a{min-height:26px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 14px}.card-caption{font-size:9px;padding-top:6px}.project-title{gap:16px;margin:12px 0 23px}.gallery{gap:25px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.gallery-dialog{padding:14px}.dialog-bar>span{max-width:74%;font-size:12px}.dialog-image{height:calc(100dvh - 135px)}}
@media(hover:none){.card-caption{opacity:1}.card-caption .year{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.site-footer{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:5px 18px;padding:0 var(--edge) 24px;font-size:10px;font-weight:300;line-height:1.5}.site-footer>span,.site-footer>a{white-space:nowrap}.site-footer a:hover{text-decoration:underline}

.categories a,.tags a{display:inline-block}.tags a:focus-visible,.categories a:focus-visible{outline-offset:2px}.name-break{display:none}.cover-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;background:#f3f3f1;color:#777;text-align:center;font-size:10px;font-weight:300;line-height:1.5}.information-copy p{margin-bottom:24px}.information-copy a{text-decoration:underline}.video-entry{margin:35px 0 50px}.video-entry h2{font-size:18px;font-weight:400;line-height:1.3;margin-bottom:12px}.video-credits{font-size:10px;font-weight:300;line-height:1.55;margin-bottom:18px}.video-play{display:block;width:100%;height:100%;position:relative;background:#f3f3f1}.video-play img{width:100%;height:100%;object-fit:contain}.play-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:10px 16px;font-size:10px;line-height:1.5;box-shadow:0 0 0 1px #ddd}.video-play:hover .play-label{background:#171717;color:#fff}.gallery:empty{display:none}.project-copy ul{list-style:disc;padding-left:18px}.project-copy li{margin-bottom:8px}.project-copy a{text-decoration:underline}.gallery-dialog [data-gallery-close],.gallery-dialog [data-gallery-previous],.gallery-dialog [data-gallery-next]{font-size:10px;font-weight:300}body:has(.gallery-dialog[open]){overflow:hidden}
@media(max-width:1150px) and (min-width:851px){.name-break{display:block}.tags{max-width:540px}.site-header{grid-template-columns:1fr minmax(0,auto) 1fr}.categories{gap:7px}.name{width:150px}}
@media(max-width:850px){.tags{max-width:620px}.name-break{display:none}.site-header{position:relative}}
@media(max-width:540px){.categories{font-size:clamp(12px,3.65vw,16px)}.video-entry h2{font-size:var(--header-size)}.tags{gap:0 10px}.tags a{min-height:30px;padding:10px 1px}.site-footer{padding-bottom:24px}}

.film-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#f5f5f5}

.information-gallery{max-width:520px;margin-top:36px}.cover-placeholder{background:#fff;color:#999}

/* Object covers: two wide anchors and closer, stable filtering positions. */
.project-grid{gap:26px 18px;grid-auto-flow:row}.project-cell.is-wide{grid-column:span 2;aspect-ratio:8/3}.project-card img{object-position:center}
@media(min-width:1600px){.project-grid{gap:30px 24px}}
@media(max-width:1150px){.project-grid{gap:24px 18px}}
@media(max-width:850px){.project-grid{gap:24px 16px}}
@media(max-width:540px){.project-grid{gap:22px 14px}.project-cell.is-wide{aspect-ratio:8/3}}

.page-links [aria-current=page] .filter-label{color:#fff;background:#000;box-shadow:3px 0 #000,-3px 0 #000;text-decoration:none}.page-links .back-projects{font-size:10px;font-weight:300;letter-spacing:.075em;text-transform:none;line-height:1.5;margin-top:10px}.information-page{padding-top:30px}.information-press .information-copy{max-width:850px}.information-press .information-copy a{font-size:18px;font-weight:500;line-height:1.35;text-decoration:none}.information-press .information-copy a:hover{text-decoration:underline}.information-press time{font-size:10px;font-weight:300}.film-frame video{width:100%;height:100%;object-fit:contain}
