.item-portfolio-list{border:var(--border-width-r) solid var(--color-border);border-radius:var(--border-radius-l);margin-trim:block;padding:var(--spacing-r) var(--spacing-m);text-align:center;margin-block-end:var(--spacing-l)}.item-portfolio-list:not(:last-of-type){margin-block-end:var(--spacing-r)}.item-portfolio-list h3{margin-block:0;margin-inline:var(--spacing-r)}.item-portfolio-list p{font-size:var(--font-size-2xs)}[data-page-action]{border:var(--border-width-r) solid var(--color-border);border-radius:var(--border-radius-r);color:var(--color-text-default);cursor:pointer;font:inherit;padding:var(--spacing-s) var(--spacing-r);background-color:#0000}[data-portfolio-results]{font-family:var(--font-family-alt);font-size:var(--font-size-xs);text-transform:uppercase}[data-page-action]+[data-page-action]{margin-inline-start:var(--spacing-s)}[data-page-action][disabled]{cursor:not-allowed;opacity:.5}@media screen and (width>=48em){.item-portfolio-example{& .portfolio-grid>div{padding:var(--spacing-xs)}& .portfolio-grid>div img{object-fit:cover;object-position:center;block-size:100%}& .portfolio-grid>div:first-of-type{grid-area:1/1/auto/3}& .portfolio-grid>div:nth-of-type(2){grid-area:1/3/auto/-1}& .portfolio-grid>div:nth-of-type(3){grid-area:2/1/auto/4}& .portfolio-grid>div:nth-of-type(4){grid-area:2/4/auto/-1}}}