.seo-projects-intro{background-color:var(--concrete-800);width:100vw;color:var(--concrete-100);border-bottom:1px solid #ffffff0f;margin-left:-2rem;padding:3rem 2rem}.seo-projects-intro-inner{max-width:900px;margin:0 auto}.seo-projects-intro-inner p{color:var(--concrete-300);margin:0;font-family:Messina Sans,sans-serif;font-size:1.05rem;font-weight:400;line-height:1.7}@media (max-width:1000px){.seo-projects-intro{margin-left:-1.5rem;padding:2.5rem 8%}}@media (max-width:640px){.seo-projects-intro{margin-left:-1rem;padding:2rem 6%}.seo-projects-intro-inner p{font-size:.95rem}}
.seo-projects-content{background-color:var(--concrete-900);color:var(--concrete-100);border-bottom:1px solid var(--concrete-700);padding:4rem 0}.seo-projects-content-inner{flex-direction:column;gap:1.25rem;width:80%;max-width:900px;margin:0 auto;display:flex}.seo-projects-content-inner>h2{color:var(--concrete-200);margin:0 0 .5rem;font-family:Messina Sans,sans-serif;font-size:1.75rem;font-weight:400;line-height:1.3}.seo-projects-content-inner>p{color:var(--concrete-300);margin:0;font-family:Messina Sans,sans-serif;font-size:1rem;font-weight:400;line-height:1.7}.seo-project-item{border-top:1px dashed var(--concrete-700);padding:1.25rem 0}.seo-project-item:last-of-type{border-bottom:1px dashed var(--concrete-700)}.seo-project-item h3{margin:0 0 .375rem;font-family:Messina Sans,sans-serif;font-size:1.1rem;font-weight:600}.seo-project-item h3 a{color:var(--concrete-100);text-decoration:none;transition:color .2s}.seo-project-item h3 a:hover{color:var(--concrete-300)}.seo-project-item-meta{text-transform:uppercase;letter-spacing:.1em;color:var(--concrete-500);margin:0 0 .5rem;font-family:Messina Sans Mono,monospace;font-size:.75rem;font-weight:400}.seo-project-item p:not(.seo-project-item-meta){color:var(--concrete-400);margin:0;font-family:Messina Sans,sans-serif;font-size:.95rem;font-weight:400;line-height:1.65}@media (max-width:900px){.seo-projects-content{padding:3rem 0}.seo-projects-content-inner{width:100%;padding:0 8%}.seo-projects-content-inner>h2{font-size:1.4rem}}@media (max-width:480px){.seo-projects-content{padding:2.5rem 0}.seo-projects-content-inner>h2{font-size:1.25rem}.seo-project-item h3{font-size:1rem}.seo-project-item p,.seo-projects-content-inner>p{font-size:.9rem}.seo-project-item-meta{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.seo-project-item h3 a{transition:none}}