.project-intro{display:grid;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--pico-mark-background-color)18%,transparent),transparent 60%),var(--pico-card-background-color);box-shadow:var(--pico-card-box-shadow);border-radius:.5rem;margin-block-start:.75rem;margin-block-end:2.5rem;padding:clamp(1.25rem,4vw,2rem)}nav.breadcrumbs+.project-intro{margin-block-start:0}.project-intro h1{margin-block-end:.5rem}.project-intro .tagline{color:var(--pico-h2-color);text-wrap:balance;font-family:Manrope,sans-serif;font-size:1.2rem;font-weight:600;line-height:1.35}.project-intro>:last-child{margin-block-end:0}.project-intro a{text-underline-offset:.2em;font-weight:500}.project-intro:has(>img) a{white-space:nowrap}.project-intro>img{display:block;border-radius:.25rem;width:min(100%,20rem);height:auto;margin-block-end:1rem}@media (min-width:44rem){.project-intro{grid-template-columns:minmax(0,1fr)clamp(14rem,38%,20rem);grid-template-rows:repeat(3,auto)1fr;column-gap:2rem}.project-intro>*{grid-column:1}.project-intro>img{grid-column:2;grid-row:1/-1;margin-block-start:.4rem;margin-block-end:0}.project-intro:not(:has(>img)){grid-template-columns:minmax(0,1fr)}}