/* The cover's editorial system, carried through the portfolio and case studies. */
.inner-page {--muted:#b0b0b0;--line:#292929}
.inner-page .site-header {grid-template-columns:minmax(0,1fr) auto}
.inner-page .all-work,.inner-page .case-study {padding-top:clamp(2rem,5vw,5rem);padding-bottom:var(--space-section)}
.inner-page .page-eyebrow {color:#b0b0b0}
.inner-page .archive-heading {margin:2rem 0 clamp(3rem,6vw,6rem)}
.inner-page .archive-heading h1,.inner-page .case-heading h1 {font-size:clamp(2.375rem,5.55vw,6.5rem);font-weight:700;line-height:1.025;letter-spacing:-.045em}
.inner-page .archive-heading p {max-width:30ch;color:#b0b0b0}
.inner-page .filter-bar {padding:1.5rem 0 3rem;border-color:var(--line)}
.inner-page .filters {gap:.5rem 1.75rem}
.inner-page .filters button {padding:.65rem 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#b0b0b0;min-height:44px;font-weight:400}
.inner-page .filters button[aria-pressed=true] {border-bottom-color:#fff;color:#fff;background:transparent}
.inner-page .filters button:hover {color:#fff}
.inner-page .archive-grid {gap:clamp(3rem,6vw,6rem) clamp(1.5rem,4vw,5rem)}
.inner-page .archive-grid .image-wrap {aspect-ratio:1.3;background:#080808;transition:transform .35s cubic-bezier(.2,.6,.2,1)}
.inner-page .project:hover img {transform:none}
.inner-page .view {left:auto;right:1rem;bottom:1rem;border-radius:0;padding:.6rem .85rem;font-size:.8125rem;letter-spacing:.04em;line-height:1.25}
.archive-meta {display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.35rem .75rem;margin-top:1rem;font-size:.875rem;line-height:1.25;letter-spacing:.015em}
.archive-meta h2 {margin:0;font-size:inherit;font-weight:700;line-height:inherit;overflow-wrap:anywhere}
.archive-meta p {grid-column:2/-1;margin:0;font-size:.8125rem;line-height:1.25;color:#b0b0b0;max-width:40ch}
.project-number,.project-year {font-size:.8125rem;color:#aaa}
.inner-page .back-work {color:#b0b0b0;border-bottom:1px solid #555;padding-bottom:.3rem;margin-bottom:clamp(2rem,4vw,4rem)}
.inner-page .back-work:hover {color:#fff;border-color:#fff}
.inner-page .case-heading {padding:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:clamp(2rem,5vw,5rem);align-items:start}
.inner-page .case-heading .page-eyebrow {grid-column:1/-1}
.inner-page .case-heading h1 {margin:0 0 2rem;max-width:18ch;text-wrap:initial}
.inner-page .case-heading>p {font-size:var(--type-lead);line-height:1.25;letter-spacing:-.025em;max-width:36ch;margin:0 0 2rem}
.inner-page .case-tags {grid-column:1/-1;margin:1rem 0 3.5rem;gap:.75rem 1.5rem}
.inner-page .case-tags span {padding:0;border:0;border-radius:0;color:#b0b0b0;font-size:.875rem;line-height:1.3}
.inner-page .case-info h2 {font-weight:500}
.inner-page .case-info p {max-width:44ch}
.inner-page .case-info li {border-color:#292929}
.inner-page .case-study figcaption:empty {display:none}
.inner-page .next-case {border-color:#292929;align-items:baseline}
.inner-page .next-case strong {font-weight:700;line-height:1.025;letter-spacing:-.045em}
.inner-page footer {border-top:1px solid #292929;color:#b0b0b0}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .inner-page .project:hover .image-wrap,.inner-page .project:focus-visible .image-wrap {transform:translateY(-8px) scale(1.015)}
}
@media(max-width:800px) {
  .inner-page .all-work,.inner-page .case-study {padding-top:1rem}
  .inner-page .archive-grid {grid-template-columns:1fr;gap:3.5rem}
  .inner-page .case-heading {grid-template-columns:minmax(0,1fr)}
  .inner-page .case-heading h1 {font-size:clamp(2.375rem,8vw,4rem)}
  .inner-page .case-heading>p {font-size:1.375rem}
  .inner-page .case-tags {margin:0 0 2.5rem}
  .inner-page .view {opacity:0;transform:none}
  .inner-page .project:focus-visible .view {opacity:1}
}
@media(prefers-reduced-motion:reduce) {.inner-page .image-wrap {transition:none;transform:none}}