/* Portfolio uses the homepage header, footer and brand assets. */
body.portfolio-page{background:var(--paper)}
.portfolio-page .header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.portfolio-heading,.portfolio-filters,.photo-wall,.portfolio-film{max-width:1700px;margin-left:auto;margin-right:auto}
.portfolio-heading{padding:48px 4.5% 28px;display:flex;justify-content:space-between;align-items:baseline;gap:24px}
.portfolio-heading h1{font-family:"Archivo",Arial,sans-serif;font-weight:500;font-size:clamp(38px,4.8vw,64px);line-height:1.1;letter-spacing:-.035em;margin:0}
.portfolio-heading p{font-size:14px;line-height:1.6;margin:0;max-width:430px;text-align:right}
.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;padding:0 4.5% 36px}
.portfolio-filters button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:28px;padding:12px 23px;font-size:15px;font-weight:500;line-height:1.25;min-height:44px;transition:background .15s,color .15s,border-color .15s}
.portfolio-filters button:hover{background:#f3d7d5;border-color:var(--rose)}
.portfolio-filters button[aria-pressed="true"]{background:var(--rose);border-color:var(--rose);color:var(--ink)}
.portfolio-filters button:focus-visible{outline:3px solid var(--forest);outline-offset:4px}
.photo-wall{columns:3;column-gap:24px;padding:0 4.5% 64px}
.photo-wall button{display:block;width:100%;padding:0;border:0;background:none;margin:0 0 24px;break-inside:avoid;cursor:zoom-in}
.photo-wall img{width:100%;height:auto;display:block}
.photo-wall button:focus-visible{outline:3px solid var(--forest);outline-offset:5px}
.photo-wall [hidden],.portfolio-film[hidden]{display:none!important}
.filter-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.portfolio-film{padding:0 4.5% 64px;text-align:center}
.portfolio-film h2{font-size:24px;letter-spacing:-.03em;margin:0 0 24px}
.portfolio-film video{display:block;width:min(100%,420px);height:auto;max-height:80vh;margin:auto;background:var(--ink)}
.portfolio-page dialog,.portfolio-page dialog::backdrop{background:var(--ink)}
@media(max-width:1000px){.photo-wall{columns:2;column-gap:20px}.photo-wall button{margin-bottom:20px}}
@media(max-width:600px){.portfolio-heading{padding:34px 6% 22px;display:block}.portfolio-heading h1{font-size:40px}.portfolio-heading p{text-align:left;margin-top:12px;font-size:14px}.portfolio-filters{padding:0 6% 28px;gap:8px}.portfolio-filters button{padding:11px 17px;font-size:14px}.photo-wall{columns:1;padding:0 6% 38px}.photo-wall button{margin-bottom:22px}.portfolio-film{padding:0 6% 44px}}
@media(prefers-reduced-motion:reduce){.portfolio-filters button{transition:none}}