@layer components{.post-byline{font-family:var(--font-ui);font-size:var(--font-size-small);color:var(--color-ink);align-items:center;gap:1rem;display:flex}.post-byline__divider{background-color:var(--color-pencil-02);flex:1;height:1px}.post-content{row-gap:2rem}.post-content__inner{max-width:43rem;font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-ink)}.post-content__inner>*+*{margin-block-start:1.125rem}.post-content__lead{font-family:var(--font-ui);font-weight:var(--font-weight-semibold)}.post-content__inner h2{margin-block-start:2rem}.post-content__image-img{width:100%}.related-project{padding-block:var(--space-section);border-top:1px solid var(--color-pencil-02);border-bottom:1px solid var(--color-pencil-02)}.post-content__image-caption{font-size:var(--font-size-small);color:var(--color-pencil);margin:.75rem 0 0}.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}.post-signature__inner{align-items:center;gap:1.5rem;max-width:43rem;display:flex}.post-signature__photo{object-fit:cover;border-radius:50%;flex-shrink:0;width:7rem;height:7rem}.post-signature__eyebrow{font-family:var(--font-ui);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-pencil);display:block}.post-signature__name{font-family:var(--font-heading);font-variation-settings:"opsz" 14, "wdth" 100;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);color:var(--color-ink);margin:.25rem 0 0}.post-signature__role{font-family:var(--font-ui);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-pencil);margin:.125rem 0 0}.post-signature__info{font-size:var(--font-size-small);color:var(--color-secondary);margin:.5rem 0 0}@media (width<=40rem){.post-signature__inner{flex-direction:column;align-items:flex-start;gap:1rem}}.social-links{gap:.75rem;margin-block-start:.75rem;display:flex}.social-links__link{width:1.25rem;height:1.25rem;color:var(--color-pencil);justify-content:center;align-items:center;transition:transform .15s,color .15s;display:inline-flex}.social-links__link:hover{color:var(--color-ink);transform:scale(.9)}.social-links__link svg{width:100%;height:100%}.blog-preview__list{border-top:1px solid var(--color-pencil-02)}.post-teaser{border-bottom:1px solid var(--color-pencil-02);border-inline:1px solid var(--color-pencil-02);grid-template-columns:18.75rem 1fr auto;align-items:center;gap:2.1875rem;padding:1.625rem 1.75rem;transition:background-color .15s;display:grid;position:relative}.post-teaser:hover{background-color:rgb(from var(--color-ink) r g b / .025)}.post-teaser__thumbnail{aspect-ratio:300/162;background-color:var(--color-primary);flex-shrink:0;overflow:hidden}.post-teaser__thumbnail img{object-fit:cover;width:100%;height:100%}.post-teaser__title{font-size:var(--font-size-h2);line-height:var(--line-height-heading-snug);color:var(--color-ink)}.post-teaser .more-link{z-index:1;flex-shrink:0;align-self:start;position:relative}@media (width<=64rem){.post-teaser{grid-template-rows:auto auto;grid-template-columns:10rem 1fr}.post-teaser__thumbnail{grid-row:1/3}.post-teaser .more-link{grid-column:2}}@media (width<=48rem){.post-teaser{grid-template-rows:auto;grid-template-columns:1fr}.post-teaser__thumbnail{grid-row:auto}.post-teaser .more-link{grid-column:auto}}.post-teaser__link:after{content:"";position:absolute;inset:0}}