.seo-nav{display:flex;flex-wrap:wrap;gap:1.2rem;padding:1.2rem clamp(1.2rem,5vw,5rem);background:#101c2c;border-bottom:1px solid #d7ae7233;color:#f3ede4;font-size:.9rem}.seo-nav a{text-decoration:none}.seo-nav a:hover,.seo-nav a:focus-visible{color:#d7ae72;text-decoration:underline}.seo-main,.seo-home{background:#f5f2ec;color:#172638;padding:3rem clamp(1.2rem,5vw,5rem) 5rem}.seo-main>*{max-width:1180px;margin-left:auto;margin-right:auto}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.55rem;font-size:.82rem;color:#596473;margin-bottom:3rem}.seo-intro{max-width:960px;margin-bottom:3rem}.seo-intro h1,.seo-home h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em;line-height:1.08;font-size:clamp(2.25rem,4.5vw,4.4rem);margin:0 0 1.3rem}.seo-lead{font-size:1.15rem;line-height:1.75;max-width:850px;color:#536173}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;margin-bottom:2rem}.seo-tile,.seo-project{display:block;background:#fff;border:1px solid #dfd8cc;border-radius:10px;padding:1.6rem;color:#172638;text-decoration:none}.seo-tile{transition:transform .2s,border-color .2s}.seo-tile:hover{transform:translateY(-3px);border-color:#b28a53}.seo-tile h3,.seo-project h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:1.65rem;line-height:1.2;margin:.2rem 0 1rem}.seo-tile p,.seo-project p{line-height:1.7;font-size:.95rem;color:#536173}.seo-tile span,.seo-project a{color:#8c6735;font-size:.9rem;font-weight:600}.reading-section{max-width:850px;margin-top:2.5rem;margin-bottom:2.5rem}.reading-section h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.65rem,3vw,2.3rem);font-weight:500;line-height:1.25;margin-bottom:1rem}.reading-section p{font-size:1.05rem;line-height:1.85;color:#425166}.reading-section a,.breadcrumbs a,.source-note a{color:#795827;text-underline-offset:3px}.source-note{max-width:850px;font-size:.88rem;line-height:1.7;color:#617080}.seo-consult{margin-top:4rem;background:#07111f;border-radius:12px;color:#fff;padding:clamp(1.5rem,4vw,3.5rem)}.seo-consult h2{font:500 clamp(2rem,4vw,3.5rem)/1.12 Georgia,serif;margin:0 0 1rem}.seo-consult p{line-height:1.7;max-width:720px}.seo-consult .text-button{display:inline-block;margin:1rem;overflow-wrap:anywhere}.seo-home{border-top:1px solid #dfd8cc}.seo-home>*{max-width:1420px;margin-left:auto;margin-right:auto}.developer-directory{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.developer-directory a{padding:.6rem .9rem;border:1px solid #cbb793;border-radius:6px;color:#795827;text-decoration:none;font-size:.9rem}.developer-directory a:hover{background:#ede3d2}.seo-tile:focus-visible,.developer-directory a:focus-visible{outline:3px solid #a57c40;outline-offset:3px}.hero h1{font-size:clamp(3rem,5.3vw,5.7rem)}
@media(max-width:900px){.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-nav{gap:1rem}.seo-main{padding-top:2rem}.breadcrumbs{margin-bottom:2rem}}
@media(max-width:600px){.seo-grid{grid-template-columns:1fr}.seo-consult .text-button{margin:1.3rem 0 0;display:block}.seo-intro h1{font-size:2.4rem}.seo-lead{font-size:1.05rem}.hero h1{font-size:clamp(2.7rem,11vw,3.8rem)}.seo-nav{font-size:.82rem;gap:.9rem}.seo-main,.seo-home{padding-bottom:3rem}}

.project-overview { max-width:850px; margin:2rem auto 3rem; padding:clamp(1.2rem,3vw,2rem); background:#fff; border:1px solid #dfd8cc; border-radius:12px; }
.project-overview h2 { font:500 1.7rem/1.25 Georgia,serif; margin:0 0 1.4rem; }
.project-overview dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.5rem; margin:0; }
.project-overview dl div { padding-bottom:.8rem; border-bottom:1px solid #eee7dc; }
.project-overview dt { font-size:.74rem; color:#617080; text-transform:uppercase; letter-spacing:.07em; }
.project-overview dd { margin:.3rem 0 0; color:#172638; font-size:1rem; line-height:1.55; }
.project-overview .source-note { margin:1.4rem 0 0; }
.project-directory-heading { font:500 1.7rem/1.3 Georgia,serif; margin-top:2.5rem; }
.project-directory { display:flex; flex-wrap:wrap; gap:.65rem; }
.project-directory a { padding:.65rem .9rem; border-radius:6px; background:#fff; border:1px solid #dfd8cc; color:#795827; font-size:.9rem; text-decoration:none; }
.project-directory a:hover { border-color:#b28a53; background:#ede3d2; }
.project-directory a:focus-visible { outline:3px solid #a57c40; outline-offset:3px; }
.reading-section h3 { font-size:1.12rem; line-height:1.5; }
.reading-section li { margin:.7rem 0; line-height:1.7; }
@media(max-width:600px) { .project-overview dl { grid-template-columns:1fr; } }