.portfolio-nav{background:var(--ink);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:20px 5vw;display:flex}.portfolio-nav nav{gap:clamp(18px,4vw,52px);font-size:13px;display:flex}:is(.portfolio a:focus-visible,.portfolio-nav a:focus-visible){outline-offset:5px;outline:2px solid}.portfolio-hero{isolation:isolate;color:#fff;background:var(--ink);align-items:flex-end;min-height:clamp(460px,72svh,800px);display:flex;position:relative;overflow:hidden}.portfolio-hero img,.portfolio-hero:after{width:100%;height:100%;position:absolute;inset:0}.portfolio-hero img{object-fit:cover;object-position:center 63%;animation:1.2s ease-out both portfolio-open}.portfolio-hero:after{content:"";background:linear-gradient(#0000 25%,#000c)}.portfolio-hero>div{z-index:1;padding:50px 5vw;position:relative}.portfolio h1{letter-spacing:-.07em;margin:20px 0 28px;font-size:clamp(52px,9vw,145px);font-weight:500;line-height:.92}.portfolio-hero a,.portfolio-heading a,.portfolio-detail>a{border-bottom:1px solid;padding-bottom:5px;font-size:13px}.portfolio-section{padding:clamp(56px,8vw,115px) 5vw}.portfolio-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:32px;display:flex}.portfolio-heading h2{letter-spacing:-.07em;font-size:clamp(44px,7vw,100px);font-weight:500;line-height:1}.portfolio-grid,.portfolio-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px;display:grid}.portfolio-card:first-child{grid-column:1/-1}.portfolio-image{aspect-ratio:4/3;background:#d7d4ca;overflow:hidden}.portfolio-card:first-child .portfolio-image{aspect-ratio:2.35}.portfolio-image img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.portfolio-card:first-child img{object-position:center 68%}:is(.portfolio-card:hover img,.portfolio-card:focus-visible img){transform:scale(1.045)}.portfolio-card-copy{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.portfolio h3{letter-spacing:-.04em;font-size:clamp(21px,3vw,36px);line-height:1.12}.portfolio-card-copy p,.portfolio-detail>p{margin-top:6px;font-size:14px}.portfolio-films{color:#fff;background:var(--ink)}.portfolio-films video{aspect-ratio:16/9;background:#080808;width:100%;margin-bottom:14px;display:block}.portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin:40px 0;display:grid}.portfolio-gallery img{width:100%;height:auto;display:block}.portfolio-gallery img:first-child{grid-column:1/-1;width:auto;max-width:100%;max-height:82svh}@keyframes portfolio-open{0%{transform:scale(1.045)}to{transform:scale(1)}}@media (max-width:640px){.portfolio-grid,.portfolio-film-grid,.portfolio-gallery{grid-template-columns:1fr;gap:24px}.portfolio-card:first-child .portfolio-image{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.portfolio-hero img{animation:none}.portfolio-image img{transition:none}:is(.portfolio-card:hover img,.portfolio-card:focus-visible img){transform:none}}.portfolio-location-nav{flex-wrap:wrap;gap:12px 24px;display:flex}.portfolio-location-nav a{border-bottom:1px solid;padding:5px 0}.portfolio-location{margin-top:clamp(48px,7vw,90px);scroll-margin-top:20px}.portfolio-location h2{letter-spacing:-.05em;font-size:clamp(32px,5vw,68px);line-height:1}
