.portfolio-main{padding-bottom:76px}.portfolio-intro__meta,.portfolio-card__archive,.portfolio-card__meta,.portfolio-card__action,.portfolio-card__image,.portfolio-search>span,.portfolio-tag-filter legend,.portfolio-controls>p{font-family:var(--font-mono);letter-spacing:.045em}.portfolio-intro{border-bottom:1px solid var(--line)}.portfolio-intro :is(h1,h2){margin:0}.portfolio-intro h2{font-size:var(--text-h1);line-height:1}.portfolio-intro__meta{color:var(--graphite);font-size:var(--type-metadata-size);line-height:var(--type-metadata-line-height);margin:24px 0 0}.portfolio-selection{padding-top:0}.portfolio-controls__title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-controls{grid-template-columns:minmax(250px,.75fr) minmax(0,1.5fr) auto;align-items:end;gap:24px;padding:14px 0 15px;display:grid}.portfolio-search{flex-direction:column;min-width:0;display:flex}.portfolio-search>span,.portfolio-tag-filter legend{color:var(--graphite);text-transform:uppercase;margin-bottom:8px;font-size:8px}.portfolio-search input{width:100%;padding:7px 9px}.portfolio-search input::placeholder{color:var(--graphite);opacity:1}.portfolio-search input:focus-visible,.portfolio-tag-filter button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.portfolio-tag-filter{border:0;min-width:0;margin:0;padding:0}.portfolio-tag-filter>div{flex-wrap:wrap;gap:6px;display:flex}.portfolio-tag-filter button{cursor:pointer;padding:6px 9px}.portfolio-tag-filter button:hover,.portfolio-tag-filter button:focus-visible{border-color:var(--primary);color:var(--primary)}.portfolio-tag-filter button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.portfolio-controls>p{min-width:78px;color:var(--graphite);text-align:right;text-transform:uppercase;margin:0 0 9px;font-size:9px}.portfolio-list{margin:0;padding:0;list-style:none}.portfolio-card{border-top:1px solid var(--line)}.portfolio-card:last-child{border-bottom:1px solid var(--line)}.portfolio-card>a{min-height:238px;color:var(--ink);transition:background-color var(--motion-duration-short) var(--motion-easing-standard);grid-template-columns:minmax(240px,320px) minmax(0,1fr);text-decoration:none;display:grid}.portfolio-card>a:hover,.portfolio-card>a:focus-visible{background:#eee8dcb3}.portfolio-card>a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-5px}.portfolio-card>a:active{background:var(--paper-alt);box-shadow:inset 0 0 0 1px var(--blue)}.portfolio-card__image{border-right:1px solid var(--line);background:var(--paper-alt);width:100%;max-width:320px;min-height:238px;color:var(--graphite);text-transform:uppercase;justify-content:center;align-items:center;font-size:9px;display:flex}.portfolio-card__image img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-card__information{flex-direction:column;min-width:0;padding:20px 26px 19px;display:flex}.portfolio-card__archive{color:var(--graphite);text-transform:uppercase;flex-wrap:wrap;gap:7px 17px;margin:0;font-size:9px;display:flex}.portfolio-card__archive span+span:before{color:var(--line);content:"/";margin-right:17px}.portfolio-card h3{transition:color var(--motion-duration-short) var(--motion-easing-standard);margin:24px 0 0}.portfolio-card>a:hover h3,.portfolio-card>a:focus-visible h3{color:var(--blue)}.portfolio-card__summary{color:#3d3c35;max-width:48ch;margin:11px 0 0;font-size:15px;line-height:1.45}.portfolio-card__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:18px 0 0;display:grid}.portfolio-card__meta>div{border-top:1px solid var(--line);min-width:0;padding-top:8px}.portfolio-card__meta>div:last-child:nth-child(odd){grid-column:1/-1}.portfolio-card__meta dt{color:var(--graphite);text-transform:uppercase;margin-bottom:5px;font-size:7px}.portfolio-card__meta dd{overflow-wrap:anywhere;margin:0;font-size:9px;line-height:1.45}.portfolio-card__action{border-bottom:1px solid var(--line);color:var(--blue);text-transform:uppercase;align-self:start;margin-top:auto;padding-top:18px;font-size:10px}.portfolio-empty{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);color:var(--graphite);font-size:var(--type-body-size);line-height:var(--type-body-line-height);margin:0;padding:42px 0}.portfolio-filter-empty{border-bottom:1px solid var(--ink);color:var(--graphite);margin:0;padding:34px 0;font-size:13px;line-height:1.4}.portfolio-filter-empty p{margin:0}.portfolio-filter-empty .filter-reset{margin-top:16px}@media (width<=1100px){.portfolio-controls{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}.portfolio-controls>p{text-align:left;grid-column:1/-1;margin:-7px 0 0}}@media (width<=767px){.portfolio-main{padding-bottom:50px}.portfolio-intro__meta{margin-top:17px}.portfolio-selection{padding-top:27px}.portfolio-controls{padding:13px 0 14px;display:block}.portfolio-tag-filter{margin-top:15px}.portfolio-controls>p{margin-top:13px}.portfolio-card>a{grid-template-columns:1fr;min-height:0}.portfolio-card__image{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--line);max-width:none;min-height:0;margin-inline:0}.portfolio-card__information{padding:18px 16px 17px}.portfolio-card__archive{gap:5px 10px}.portfolio-card__archive span+span:before{margin-right:10px}.portfolio-card h3{margin-top:27px}.portfolio-card__summary{margin-top:13px;font-size:14px}.portfolio-card__meta{gap:10px 14px;margin-top:23px}.portfolio-card__action{margin-top:22px;padding-top:0}}@media (prefers-reduced-motion:reduce){.portfolio-card>a,.portfolio-card h3,.portfolio-tag-filter button{transition:none!important}}