/* Bloom website portfolio: scoped to the existing examples section. */
.public-portfolio .portfolio-intro{max-width:70ch;font-size:1.125rem;line-height:1.7;color:#3d5a6d;margin-bottom:2.25rem}
.public-portfolio h2{max-width:22ch}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.portfolio-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #c7dae7;border-radius:12px;overflow:hidden}
.portfolio-preview{display:block;text-decoration:none;border-bottom:1px solid #c7dae7;background:#eaf2f7}
.portfolio-address{display:block;padding:.75rem 1rem;overflow-wrap:anywhere;color:#37566c;font-size:.875rem;border-bottom:1px solid #c7dae7}
.portfolio-preview img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.portfolio-copy{display:flex;flex-direction:column;flex:1;padding:1.5rem}
.portfolio-kind{color:#32698b;font-size:.875rem;line-height:1.5;margin:0 0 .65rem}
.portfolio-copy h3{font-size:1.75rem;line-height:1.2;letter-spacing:-.035em;margin:0 0 1rem}
.portfolio-copy>p:not(.portfolio-kind){color:#37566c;font-size:1rem;line-height:1.7;margin:0 0 1.25rem;max-width:58ch}
.portfolio-scope{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0 0 1.5rem}
.portfolio-scope li{font-size:.875rem;line-height:1.4;padding:.4rem .6rem;background:#edf4f8;color:#31536a;border-radius:4px}
.portfolio-links{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:auto;padding-top:1rem;border-top:1px solid #dbe7ee}
.portfolio-links a{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;line-height:1.5;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.portfolio-links a:first-child{font-weight:800;color:#17364f}
.portfolio-card--bloom{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.portfolio-card--bloom .portfolio-preview{border-bottom:0;border-right:1px solid #c7dae7}
.portfolio-card--bloom .portfolio-preview img{height:calc(100% - 45px);min-height:230px}
.portfolio-footer{margin:2rem 0 0;padding-top:1.5rem;border-top:1px solid #c7dae7;font-size:1rem;line-height:1.7;color:#37566c}
.public-portfolio a:hover{color:#32698b}
.public-portfolio a:focus-visible{outline:3px solid #32698b;outline-offset:4px}
@media(max-width:720px){.portfolio-grid{grid-template-columns:1fr;gap:1.25rem}.portfolio-card--bloom{display:flex;grid-column:auto}.portfolio-card--bloom .portfolio-preview{border-right:0;border-bottom:1px solid #c7dae7}.portfolio-card--bloom .portfolio-preview img{height:auto;min-height:0}.portfolio-copy{padding:1.25rem}.public-portfolio h2{font-size:clamp(2.1rem,9vw,3.625rem)}.portfolio-links{gap:.5rem 1rem}}