@layer components{.project-showcase__introduction,.project-showcase__details{gap:var(--spacing-4);min-inline-size:0;display:grid}.project-showcase__introduction{max-inline-size:var(--container-reading)}.project-showcase__eyebrow{align-items:center;gap:var(--spacing-3);color:var(--color-action);font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;display:flex}.project-showcase__eyebrow:before{content:"";inline-size:var(--spacing-6);block-size:var(--border-default);background:currentColor;flex:none}.project-showcase__introduction>p:last-child,.project-showcase__relationship,.project-showcase__website{color:var(--color-text-muted)}.project-showcase__list{border-block-end:var(--border-default) solid var(--color-border);margin:0;padding:0;list-style:none}.project-showcase__row{border-block-start:var(--border-default) solid var(--color-border);align-items:center;gap:var(--spacing-8);padding-block:var(--spacing-8);display:grid}.project-showcase__brand{min-inline-size:0;padding:var(--spacing-12);background:var(--color-surface);border:var(--border-default) solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text-strong);justify-content:center;align-items:center;display:flex}#selected-work .project-showcase__brand{background:var(--color-canvas)}.project-showcase__brand img{inline-size:100%;max-inline-size:calc(var(--spacing-24) * 2);block-size:auto}.project-showcase__brand span{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-display);line-height:var(--leading-heading);overflow-wrap:anywhere}.project-showcase__title{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.project-showcase__title h3{font-size:var(--text-2xl);overflow-wrap:anywhere}.project-showcase__relationship,.project-showcase__website{font-size:var(--text-sm)}.project-showcase__details .ui-text-link{justify-self:start}}@media (width>=64rem){.project-showcase__row{gap:var(--spacing-12);grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.project-showcase__brand{padding:var(--spacing-16)}.project-showcase__brand img{max-inline-size:calc(var(--spacing-24) * 3)}}@media (forced-colors:active){.project-showcase__row,.project-showcase__list,.project-showcase__brand{border-color:canvastext}}