.blog-page .blog-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:28px}.blog-page .blog-card{display:flex;flex-direction:column;background:var(--white);color:var(--black);text-decoration:none;box-shadow:0 5px 10px #0002;overflow:hidden}.blog-page .blog-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.blog-page .blog-card-copy{padding:25px;display:flex;flex:1;flex-direction:column;gap:15px}.blog-page .blog-card h3{font-size:1.5rem;line-height:1.35;font-weight:400}.blog-page .blog-card p{line-height:1.7;margin:0}.blog-page .blog-category,.blog-page .blog-read{color:var(--secondary2);font-weight:700}.blog-page .blog-read{margin-top:auto;text-decoration:underline;text-underline-offset:4px}.blog-page a:focus-visible,.blog-page [tabindex]:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.blog-page .blog-card:hover h3{text-decoration:underline;text-underline-offset:5px}.blog-page .blog-index-intro{max-width:70ch}.blog-page .blog-prose{overflow-wrap:break-word}.blog-page .blog-prose section{margin-bottom:38px;scroll-margin-top:150px}.blog-page .blog-prose h2{margin:0 0 18px}.blog-page .blog-prose h3{font-size:1.25rem;font-weight:400;margin:24px 0 12px}.blog-page .blog-prose p{margin-bottom:20px}.blog-page .blog-prose ul{padding-left:24px;margin:20px 0}.blog-page .blog-prose li{line-height:1.75;margin-bottom:12px}.blog-page .blog-prose a{color:var(--secondary2);text-decoration:underline;text-underline-offset:3px}.blog-page .blog-summary{font-size:1.125rem}.blog-page .blog-toc h2{font-size:1.5rem;color:#fff;font-weight:400;margin-bottom:20px}.blog-page .blog-toc ul{list-style:none;padding:0}.blog-page .blog-toc li+li{margin-top:15px}.blog-page .blog-toc a{color:#fff;text-decoration:underline;text-underline-offset:4px;line-height:1.6}.blog-page .blog-table{max-width:100%;overflow-x:auto;margin:25px 0}.blog-page table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.6}.blog-page caption{text-align:left;font-weight:700;margin-bottom:12px}.blog-page th,.blog-page td{padding:14px;border:1px solid #888;text-align:left;vertical-align:top}.blog-page thead{background:var(--secondary2);color:#fff}.blog-page .blog-figure{margin:35px 0}.blog-page .blog-figure img{width:100%;height:auto;display:block}.blog-page figcaption{font-size:.9rem;line-height:1.6;margin-top:12px}.blog-page .blog-related{margin-top:65px}.blog-page .blog-related>h2{margin-bottom:25px;font-weight:400}.blog-page .blog-related .blog-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}@media(max-width: 1050px){.blog-page .blog-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 750px){.blog-page .blog-grid,.blog-page .blog-related .blog-grid{grid-template-columns:1fr}}html.dark .blog-page .blog-card{background:rgba(255,255,255,.08);box-shadow:1px 1px 5px rgba(0,0,0,.35);color:#fff}html.dark .blog-page .blog-card:hover{box-shadow:1px 1px 5px rgba(0,0,0,.75)}html.dark .blog-page .blog-card h3,html.dark .blog-page .blog-related h2,html.dark .blog-page .blog-prose h3{color:#fff}html.dark .blog-page .blog-category,html.dark .blog-page .blog-read,html.dark .blog-page .blog-prose a{color:var(--primary)}html.dark .blog-page .blog-prose :is(p,h2,h3,li,th,td,caption,figcaption),html.dark .blog-page .blog-card p{color:#fff}html .blog-page .cta{background-image:linear-gradient(rgba(6, 27, 42, 0.68), rgba(6, 27, 42, 0.68)),url("/assets/images/blog/screened-porch-cta-1920.webp");background-attachment:scroll;background-position:center 60%}@media(max-width: 750px){html .blog-page .cta{background-image:linear-gradient(rgba(6, 27, 42, 0.72), rgba(6, 27, 42, 0.72)),url("/assets/images/blog/screened-porch-cta-768.webp");background-position:center}}html.dark .blog-index .city-project{background:var(--bodyDark);background-image:url("/assets/images/globals/textures/wall-dark.png")}html .blog-page .city-project-main{grid-template-areas:"article guide"}html .blog-page .city-project-main>.blog-prose{grid-area:article}html .blog-page .city-project-main>.city-project-side{grid-area:guide}@media(max-width: 1050px){html .blog-page .city-project-main{grid-template-areas:"guide" "article"}html .blog-page .city-project-main>.city-project-side{grid-template-columns:1fr}}