.portfolio-index>.intro{padding-block:48px 24px}.portfolio-index>.section{padding-top:24px}.portfolio-filter-bar{margin-bottom:36px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.portfolio-filters{display:flex;gap:10px;flex-wrap:wrap}.portfolio-filters button{background:transparent;border:1px solid #746264;color:#e4cecf;padding:10px 18px;border-radius:0;min-height:44px}.portfolio-filters button[aria-pressed="true"]{background:#e4cecf;color:#000;border-color:#e4cecf}.portfolio-filters button:hover{border-color:#e4cecf}.filter-count{font-size:13px;color:#c8babc}.project[hidden]{display:none!important}.portfolio-detail>.intro{padding-block:35px 22px}.portfolio-detail>.intro h1{font-size:clamp(2.3rem,4.2vw,4.25rem);max-width:24ch}.portfolio-detail>.intro .eyebrow{margin-bottom:14px}.portfolio-detail>.intro .lead{margin-top:18px;font-size:18px;line-height:1.55;max-width:78ch}.portfolio-detail>.intro>a{display:inline-block;font-size:13px;margin-bottom:18px}.portfolio-detail>.breadcrumb{padding-top:20px;padding-bottom:0}.portfolio-detail>.intro+.section{padding-top:20px}.portfolio-detail .comparison-heading{margin-top:28px;margin-bottom:18px}.portfolio-detail .project-facts{margin-top:25px}.project-notes{border-top:1px solid #443a3b}.project-notes>.case-context{margin-top:20px}.project-notes>p{margin-bottom:24px}@media(max-width:700px){.portfolio-index>.intro{padding-block:30px 18px}.portfolio-detail>.intro{padding-block:24px 14px}.portfolio-detail>.intro+.section{padding-top:16px}.portfolio-filters{gap:8px}.portfolio-filters button{padding:9px 12px;font-size:14px}.portfolio-filter-bar{margin-bottom:24px;gap:12px}.portfolio-detail>.intro h1{font-size:clamp(2rem,8vw,3rem)}.portfolio-detail>.intro .lead{font-size:16px}}