.portfolio{--paper:#fafaf9;--ink:#191919;--quiet:#686868;background:var(--paper);color:var(--ink);min-height:100svh;padding:0 clamp(20px,3.2vw,64px);font-family:Helvetica Neue,Helvetica,Arial,sans-serif}:is(.portfolio a:focus-visible,.portfolio button:focus-visible){outline-offset:5px;outline:2px solid #171717}.portfolio ::selection{color:#fff;background:#242424}.portfolio .skip-link{color:#111;z-index:50;background:#fff;padding:15px;position:fixed;top:-70px;left:24px}.portfolio .skip-link:focus{top:10px}.portfolio .site-header{grid-template-columns:1fr auto;align-items:center;gap:20px;height:120px;padding:0;display:grid;position:relative;inset:auto}.portfolio .site-header h1{font-size:inherit;margin:0}.portfolio .wordmark{letter-spacing:-1.05px;font-size:25px;font-weight:500;line-height:1}.portfolio .header-credit{text-align:center;color:var(--quiet);font-size:13px}.portfolio .site-header nav{justify-self:end;gap:28px;font-size:14px;display:flex}.portfolio .site-header nav a{align-items:center;min-height:44px}.portfolio .site-header nav a:hover{text-underline-offset:5px;text-decoration:underline}.portfolio .selected-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px;display:grid}.portfolio .lead-film{grid-column:1/-1}.portfolio .film-card{min-width:0;color:inherit;text-align:left}.portfolio .film-frame{background:#151515;position:relative;overflow:hidden}.portfolio .film-open{aspect-ratio:16/9;color:#fff;background:#151515;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.portfolio .lead-film .film-open{aspect-ratio:16/9}.portfolio .film-open img,.portfolio .film-open video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.portfolio .film-open img{transition:transform .65s}.portfolio .film-open video{opacity:0;transition:opacity .25s}.portfolio .film-open video.is-playing{opacity:1}.portfolio .film-open:hover img{transform:scale(1.012)}.portfolio .film-watch{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#141414b8;align-items:center;gap:9px;padding:10px 13px;font-size:13px;line-height:1;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:22px;left:24px;transform:translateY(4px)}.portfolio .lead-film .film-watch,.portfolio .film-open:hover .film-watch{opacity:1;transform:none}.portfolio .film-open:focus-visible .film-watch{opacity:1;transform:none}.portfolio .preview-toggle{color:#fff;background:#141414b8;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:16px;right:20px}.portfolio .film-caption{color:inherit;text-align:left;background:0 0;border:0;align-items:baseline;gap:18px;width:100%;min-height:54px;padding:16px 0 0;display:flex}.portfolio .film-number{color:var(--quiet);font-variant-numeric:tabular-nums;font-size:12px}.portfolio .film-name{flex-wrap:wrap;flex:1;align-items:baseline;gap:14px;min-width:0;display:flex}.portfolio .film-client{letter-spacing:-.2px;font-size:15px;font-weight:500;line-height:1.4}.portfolio .film-title{color:var(--quiet);font-size:14px;line-height:1.4}.portfolio .film-arrow{opacity:0;flex:none;align-self:center;transition:opacity .2s}:is(.portfolio .film-caption:hover .film-arrow,.portfolio .film-caption:focus-visible .film-arrow){opacity:1}.portfolio .work-section{padding:110px 0 104px;scroll-margin-top:32px}.portfolio .work-heading{border-top:1px solid #d9d9d7;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 34px;display:flex}.portfolio .work-heading h2,.portfolio .info-section>h2{margin:0;font-size:14px;font-weight:400;line-height:1.5}.portfolio .work-heading h2 span{color:var(--quiet);margin-left:6px;font-size:12px}.portfolio .work-filters{flex-wrap:wrap;gap:24px;display:flex}.portfolio .work-filters button{font:inherit;color:var(--quiet);background:0 0;border:0;padding:10px 0;font-size:14px;position:relative}.portfolio .work-filters button[aria-pressed=true]{color:var(--ink)}.portfolio .work-filters button[aria-pressed=true]:after{content:"";background:currentColor;height:1px;position:absolute;bottom:5px;left:0;right:0}.portfolio .film-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 22px;display:grid}.portfolio .film-grid .film-name{display:block}.portfolio .film-grid .film-title{margin-top:3px;font-size:13px;display:block}.portfolio .film-grid .film-caption{padding-top:14px}.portfolio .selected-films{scroll-margin-top:24px}.portfolio .show-more{color:var(--ink);background:0 0;border:1px solid #d0d0ce;margin:52px auto 0;padding:15px 26px;font-size:13px;transition:background .2s;display:block}.portfolio .show-more:hover{background:#efefed}.portfolio .show-more span{color:var(--quiet);margin-left:8px}.portfolio .info-section{border-top:1px solid #d9d9d7;grid-template-columns:1fr 2fr;gap:24px;margin:0;padding:60px 0 84px;scroll-margin-top:30px;display:grid}.portfolio .bio{letter-spacing:-.035em;max-width:850px;margin:0;font-size:clamp(25px,2.65vw,42px);font-weight:400;line-height:1.25}.portfolio .contact-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,.7fr);gap:22px;margin-top:48px;display:grid}.portfolio .contact-grid .direct-contact{grid-column:1/-1;margin-top:12px}.portfolio .eyebrow{color:var(--quiet);margin:0 0 12px;font-size:12px}.portfolio .contact-grid a{align-items:center;gap:9px;width:fit-content;font-size:14px;display:flex}.portfolio .contact-grid .contact-email{max-width:100%;color:var(--quiet);overflow-wrap:anywhere;margin-top:8px;font-size:13px;line-height:1.6;display:block}.portfolio footer{color:var(--quiet);border-top:1px solid #d9d9d7;gap:20px;margin:0;padding:24px 0 32px;font-size:12px}.portfolio footer>a:last-child{display:block}.external-player{width:100%;height:100%;display:block;position:relative}.external-player>span{color:#fff;white-space:nowrap;background:#111e;align-items:center;gap:12px;padding:16px 22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1000px){.portfolio .film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio .header-credit{font-size:12px}.portfolio .contact-grid{grid-template-columns:1fr 1fr}.portfolio .film-name{gap:4px 12px}}@media (max-width:650px){.portfolio .site-header{justify-content:space-between;gap:16px;height:94px;display:flex}.portfolio .wordmark{font-size:23px}.portfolio .header-credit{display:none}.portfolio .site-header nav{gap:24px}.portfolio .selected-films{grid-template-columns:1fr;gap:30px}.portfolio .lead-film .film-open{aspect-ratio:16/10}.portfolio .film-caption{gap:12px;padding-top:13px}.portfolio .film-name{display:block}.portfolio .film-title{margin-top:3px;font-size:13px;display:block}.portfolio .film-watch{opacity:1;padding:10px;font-size:12px;bottom:12px;left:12px;transform:none}.portfolio .preview-toggle{bottom:6px;right:8px}.portfolio .work-section{padding:68px 0}.portfolio .work-heading{flex-direction:column;align-items:flex-start;gap:10px;padding:20px 0 25px}.portfolio .work-filters{gap:22px}.portfolio .film-grid{grid-template-columns:1fr;gap:30px}.portfolio .info-section{grid-template-columns:1fr;gap:28px;padding:32px 0 54px}.portfolio .bio{font-size:28px}.portfolio .contact-grid{gap:30px;margin-top:34px}.portfolio .contact-grid>div:first-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.portfolio .film-open video{display:none}.portfolio .film-open img{transform:none!important}}.portfolio .view-toolbar{color:var(--quiet);justify-content:space-between;align-items:center;padding:0 0 28px;font-size:14px;display:flex}.portfolio .view-toggle{border:1px solid #d9d9d7;gap:3px;padding:3px;display:flex}.portfolio .view-toggle a{min-height:38px;color:var(--quiet);padding:9px 17px;display:block}.portfolio .view-toggle a[aria-current=page]{background:var(--ink);color:var(--paper)}.portfolio .directory-section{padding-bottom:100px;scroll-margin-top:24px}.portfolio .directory-section .work-heading{padding-bottom:24px}.portfolio .directory-list{margin:0;padding:0;list-style:none}.portfolio .directory-head,.portfolio .directory-row{grid-template-columns:50px minmax(0,1fr) minmax(0,1.5fr) 110px 18px;align-items:baseline;gap:24px;display:grid}.portfolio .directory-head{color:var(--quiet);padding:0 0 16px;font-size:12px}.portfolio .directory-row{border-top:1px solid #dededc;padding:21px 0;font-size:16px;line-height:1.4;text-decoration:none;transition:background .15s}.portfolio .directory-row:hover{background:#eeeeec}.portfolio .directory-number{font-variant-numeric:tabular-nums;color:var(--quiet);font-size:12px}.portfolio .directory-title{color:var(--quiet);overflow-wrap:anywhere}.portfolio .directory-category{color:var(--quiet);font-size:13px}.portfolio .awards-section{border-top:1px solid #d9d9d7;grid-template-columns:1fr 2fr;gap:24px;padding:48px 0 80px;scroll-margin-top:30px;display:grid}.portfolio .awards-section h2{margin:0;font-size:14px;font-weight:400}.portfolio .award-row{border-bottom:1px solid #dededc;grid-template-columns:50px 1fr auto;gap:22px;padding:22px 0;line-height:1.5;display:grid}.portfolio .award-row:first-child{padding-top:0}.portfolio .award-body{font-size:16px;display:block}.portfolio .award-project,.portfolio .award-category{color:var(--quiet);font-size:14px;display:block}.portfolio .award-year{color:var(--quiet);font-variant-numeric:tabular-nums;font-size:13px}.portfolio .award-result{align-items:baseline;gap:8px;font-size:13px;display:flex}.portfolio .award-row:hover .award-body{text-underline-offset:4px;text-decoration:underline}@media (max-width:650px){.portfolio .site-header nav{gap:14px;font-size:13px}.portfolio .directory-head{display:none}.portfolio .directory-row{grid-template-columns:28px minmax(0,1fr) 18px;gap:5px 12px;padding:18px 0}.portfolio .directory-number{grid-row:1/3}.portfolio .directory-client{grid-column:2}.portfolio .directory-title{grid-column:2;font-size:14px}.portfolio .directory-category{display:none}.portfolio .directory-row svg{grid-area:1/3}.portfolio .awards-section{grid-template-columns:1fr;gap:30px;padding:32px 0 54px}.portfolio .award-row{grid-template-columns:36px 1fr;gap:10px}.portfolio .award-result{grid-column:2}.portfolio .directory-section{padding-bottom:60px}}.portfolio .directory-preview{pointer-events:none;display:none}@media (hover:hover) and (pointer:fine) and (min-width:651px){.portfolio .directory-preview{aspect-ratio:16/9;z-index:30;visibility:hidden;opacity:0;pointer-events:none;background:var(--paper);width:min(38vw,540px);transition:none;display:block;position:fixed;bottom:32px;right:clamp(20px,3.2vw,64px)}.portfolio .directory-preview img{object-fit:cover;width:100%;height:100%;display:block}:is(.portfolio .directory-row:hover .directory-preview,.portfolio .directory-row:focus-visible .directory-preview){visibility:visible;opacity:1;transition:visibility 0s linear .3s,opacity .18s .3s}}@media (prefers-reduced-motion:reduce){:is(.portfolio .directory-row:hover .directory-preview,.portfolio .directory-row:focus-visible .directory-preview){transition:visibility 0s linear .3s,opacity 0s linear .3s}}.portfolio .image-leader{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:8px 0 42px;display:grid}.portfolio .image-leader-film{min-width:0;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;align-self:start;padding:0;display:block}.portfolio .image-leader-frame{aspect-ratio:16/9;background:#e8e8e6;display:block;overflow:hidden}.portfolio .image-leader-frame img{object-fit:cover;width:100%;height:100%;display:block}.portfolio .image-leader-caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 16px;padding-top:14px;line-height:1.5;display:flex}.portfolio .image-leader-name{font-size:14px;font-weight:400}.portfolio .image-leader-title{color:var(--quiet);overflow-wrap:anywhere;font-size:12px}.portfolio .image-leader-film:hover .image-leader-name{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.portfolio .image-leader-film:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.portfolio-image-led .view-toolbar{justify-content:flex-end;padding-bottom:12px}.portfolio-image-led .view-toggle{border:0;gap:24px;padding:0}.portfolio-image-led .view-toggle a{align-items:center;min-height:44px;padding:10px 0;font-size:14px;display:flex;position:relative}.portfolio-image-led .view-toggle a[aria-current=page]{color:var(--ink);background:0 0}.portfolio-image-led .view-toggle a[aria-current=page]:after{content:"";background:currentColor;height:1px;position:absolute;bottom:6px;left:0;right:0}@media (max-width:1000px){.portfolio .image-leader-caption{flex-direction:column;gap:2px}}@media (max-width:650px){.portfolio .image-leader{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;margin:4px 0 28px}.portfolio .image-leader-film:first-child{grid-column:1/-1}.portfolio .image-leader-film:first-child .image-leader-caption{flex-direction:row}.portfolio .image-leader-caption{padding-top:12px}}