/* Ary palette and type, with the scattered rhythm of the supplied reference. */
.portfolio-album{--album-gap:48px;padding:52px 0 80px;overflow:clip}
.album-heading,.album-filters,.album-status,.album-end{margin-inline:48px}
.album-title-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:28px 0 38px}
.inner-page #main .album-title-row h1{font-size:clamp(50px,6.5vw,96px);line-height:1;margin:0;max-width:900px}
.album-total{font-size:12px;white-space:nowrap;padding-bottom:8px;color:var(--muted)}
.album-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px}
.inner-page #main .album-toolbar p{margin:0;color:var(--muted);font-size:16px}
.album-switch,.album-filters button{border:1px solid currentColor;border-radius:9999px;padding:12px 24px;min-height:44px;line-height:1.25;font-size:13px;transition:background .2s,color .2s}
.album-switch:hover,.album-filters button:hover{background:var(--fg);color:var(--bg)}
.album-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.album-filters button{border-color:var(--line);padding:11px 20px}
.album-filters button[aria-pressed=true]{border-color:var(--fg);text-decoration:underline;text-underline-offset:4px}
.portfolio-album [hidden]{display:none!important}
.inner-page #main .album-status{font-size:11px;color:var(--muted);margin-top:24px;margin-bottom:24px}
.album-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;padding:0 48px;align-items:start}
.album-frame{margin:0;min-width:0}
.inner-page #main .album-photo{display:block;text-decoration:none;border-radius:var(--radius);overflow:hidden}
.inner-page #main .album-photo img{display:block;width:100%;height:auto;max-height:none;max-width:100%;margin:0;border-radius:var(--radius);transition:transform .65s var(--ease);aspect-ratio:var(--photo-ratio)}
.album-photo:hover img{transform:scale(1.035)}
.inner-page #main .album-end{margin-top:90px;max-width:none;display:flex;justify-content:space-between;gap:24px;font-size:18px}
@media(min-width:901px){
 .album-scattered .album-photos{grid-template-columns:repeat(12,minmax(0,1fr));gap:90px 28px;padding:36px 48px 100px}
 .album-scattered .album-frame:nth-child(5n+1){grid-column:1/5;width:92%;margin-top:70px}
 .album-scattered .album-frame:nth-child(5n+2){grid-column:7/12;width:95%;margin-top:190px}
 .album-scattered .album-frame:nth-child(5n+3){grid-column:2/6;margin-top:-80px;width:83%}
 .album-scattered .album-frame:nth-child(5n+4){grid-column:8/13;margin-top:100px;width:94%}
 .album-scattered .album-frame:nth-child(5n){grid-column:3/9;margin-top:20px;width:86%}
 .album-scattered .album-frame{transform:translateY(var(--drift,0px));will-change:transform}
 .album-scattered .album-photo{transition:transform .65s var(--ease)}
 .album-scattered .album-photo:hover{transform:rotate(-1deg)}
 .album-scattered .album-photo img{max-height:72svh!important;object-fit:contain;width:100%;aspect-ratio:auto!important}
 .album-scattered .album-status{visibility:hidden}
}
@media(max-width:900px){.portfolio-album{padding-top:35px}.album-heading,.album-filters,.album-status,.album-end{margin-inline:24px}.album-photos{padding-inline:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.album-title-row{align-items:start}.album-total{padding-top:12px}.album-switch{display:none}.album-toolbar{display:block}.album-filters{gap:8px}.album-filters button{font-size:12px;padding:11px 16px}.inner-page #main .album-end{display:block}.album-end a{display:block;margin-top:16px}}
@media(max-width:600px){.album-heading,.album-filters,.album-status,.album-end{margin-inline:20px}.album-title-row{display:block;margin:24px 0}.album-total{display:block;padding-top:18px}.inner-page #main .album-title-row h1{font-size:clamp(48px,12vw,72px)}.album-photos{padding-inline:20px;gap:28px 14px}.album-filters{margin-top:28px}.inner-page #main .album-end{margin-top:60px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.album-frame,.album-photo,.album-photo img{transform:none!important;transition:none!important}}