@layer components{.portfolio__intro{padding-block:0 3.5rem}.portfolio__body{max-width:32rem}.portfolio>.container>.more-link{margin-block-start:7rem}.portfolio-item{position:relative}@keyframes portfolio-colorize{0%{filter:grayscale()blur(6px);opacity:.5}to{filter:grayscale(0)blur();opacity:1}}@keyframes portfolio-grain-fade{0%{opacity:.9}to{opacity:0}}.portfolio-item__media:after{content:"";z-index:2;pointer-events:none;background-image:var(--texture-grain);mix-blend-mode:overlay;opacity:0;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.portfolio-item__media{animation:linear both portfolio-colorize;animation-timeline:view();animation-range:entry cover 35%}.portfolio-item__media:after{animation:linear both portfolio-grain-fade;animation-timeline:view();animation-range:entry cover 35%}}}.portfolio-item__link:after{z-index:2}.portfolio-grid{grid-template-columns:1fr 1fr;gap:7rem 3rem;display:grid}.portfolio-item--featured{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;display:grid;position:relative}.portfolio-item--small .portfolio-item__media{margin-block-end:1.5rem}.portfolio-item__media{position:relative}.portfolio-item__main-image-wrap{overflow:hidden}.portfolio-item__main-image{object-fit:cover;width:100%;transition:transform .5s var(--ease-out-expo);display:block}@media (hover:hover) and (pointer:fine){.portfolio-item:hover .portfolio-item__main-image{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.portfolio-item__main-image{transition:none}}.portfolio-item--featured .portfolio-item__main-image{aspect-ratio:502/455}.portfolio-item--small .portfolio-item__main-image{aspect-ratio:519/347}.portfolio-item__secondary{z-index:1;gap:.75rem;display:flex;position:absolute}.portfolio-item__secondary-image{object-fit:cover;object-position:top;width:100%;height:100%;box-shadow:var(--shadow-card);display:block}@media (hover:hover) and (pointer:fine){.portfolio-item__secondary-image{opacity:0;transition:opacity .4s ease, transform .4s var(--ease-out-expo);transform:translateY(1rem)}.portfolio-item:hover .portfolio-item__secondary-image{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.portfolio-item__secondary-image{transition:none}}.portfolio-item--featured .portfolio-item__secondary{height:60%;bottom:-2.4375rem;left:8%;right:-1.0625rem}.portfolio-item--featured .portfolio-item__secondary-image:first-child{flex:1.5}.portfolio-item--featured .portfolio-item__secondary-image:last-child{flex:1}.portfolio-item--small .portfolio-item__secondary{width:40%;height:64%;bottom:-.875rem;right:-.625rem}.portfolio-item__info{padding-block-start:.5rem}.portfolio-item__site{font-family:var(--font-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);font-variation-settings:"opsz" 14, "wdth" 100;margin-block-end:.5rem}.portfolio-item__tags{flex-wrap:wrap;gap:.3125rem;margin-block-end:1.25rem;display:flex}.portfolio-item .pill{background-color:var(--color-pencil);color:var(--color-canvas)}@media (width<=64rem){.portfolio-grid{row-gap:var(--space-section);grid-template-columns:1fr}.portfolio-item--featured .portfolio-item__media{margin-block-end:1.5rem}.portfolio-item--featured .portfolio-item__secondary-image:last-child{display:none}.portfolio-item--featured .portfolio-item__secondary,.portfolio-item--small .portfolio-item__secondary{width:40%;height:64%;bottom:-.625rem;left:auto;right:-.5rem}.portfolio>.container>.more-link{margin-block-start:var(--space-section)}}@media (width>=64.0625rem){.portfolio-item--featured .portfolio-item__heading{font-size:var(--font-size-h1);font-weight:var(--font-weight-regular);line-height:var(--line-height-heading-tight);letter-spacing:var(--letter-spacing-tight)}}.portfolio-item .tag{transition:background-color .2s,color .2s,border-color .2s}.portfolio-item .tag:hover{background-color:var(--color-ink);border-color:var(--color-ink);color:var(--color-canvas)}.portfolio-item__link:after{content:"";position:absolute;inset:0}.project-list{border-top:1px solid var(--color-pencil-02)}.project-list-item{border-bottom:1px solid var(--color-pencil-02)}.project-list-item__link{justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.25rem 1.75rem;transition:background-color .15s;display:flex}.project-list-item__link:hover{background-color:rgb(from var(--color-ink) r g b / .025)}.project-list-item__name{font-family:var(--font-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-snug);font-variation-settings:"opsz" 14, "wdth" 100}.project-list-item__year{font-family:var(--font-ui);font-size:var(--font-size-small);color:var(--color-pencil);flex-shrink:0}}