/* Original SewerScope home, with an architectural inspection study. */
:root{--ink:#263533;--ink-2:#2c3d39;--ink-3:#334842;--ink-line:#4e6159;--on-ink:#f3efe5;--on-ink-2:#cbd3c9;--amber:#c7b58c;--amber-ink:#263533;--amber-deep:#685c45;--paper:#f2ece2;--paper-2:#e7e1d4;--card:#fffaf1;--line:#d1c8b6;--text:#2c3837;--text2:#52615c}
.site-head{background:var(--paper);color:var(--text);border-color:var(--line)}
.site-head .brand,.site-head .nav a{color:var(--text)}
.site-head .brand b{color:var(--amber-deep)}
.hero{background:var(--ink);padding:0}
.hero-media{opacity:.12}
.hero-media::after{background:linear-gradient(90deg,#263533 0%,#263533aa 55%,#26353380)}
.hero-in{padding-top:64px;padding-bottom:44px}
.scope-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px;align-items:center}
.scope-hero-copy h1{font-size:clamp(38px,4.15vw,64px);max-width:13em}
.scope-hero-copy .lede{max-width:49ch;color:var(--on-ink-2)}
.scope-house-study{margin:0;overflow:hidden;border:1px solid #859180;border-radius:5px;background:var(--paper);box-shadow:0 22px 55px #15262350}
.scope-house-study img{width:100%;height:auto;display:block;aspect-ratio:1280/853;object-fit:cover;transform-origin:50% 75%}
.scope-house-study figcaption{display:flex;gap:12px;justify-content:space-between;padding:16px 18px;color:var(--text);font:11px/1.6 var(--mono);letter-spacing:.09em;text-transform:uppercase;border-top:1px solid var(--line)}
.scope-house-study figcaption span:last-child{color:var(--text2)}
.router{margin-top:38px}
.router-grid a{border-radius:5px}
.card,.answer-card,.sheet,.era-card{border-radius:5px}
.btn{border-radius:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.scope-house-study img{animation:scope-house-drift 10s ease-in-out infinite alternate}}
@keyframes scope-house-drift{to{transform:scale(1.024) translateY(-2px)}}
@media(max-width:1000px){.scope-hero-grid{gap:28px}.scope-hero-copy h1{font-size:44px}}
@media(max-width:760px){.hero-in{padding-top:34px}.scope-hero-grid{grid-template-columns:1fr;gap:28px}.scope-hero-copy h1{font-size:clamp(36px,9vw,48px)}.scope-house-study{max-width:620px}.scope-house-study figcaption{flex-wrap:wrap;gap:4px;font-size:10px}.router{margin-top:28px}.site-head .btn-sm{font-size:11px;padding:10px 12px}.site-head .brand{font-size:19px}}
@media(prefers-reduced-motion:reduce){.scope-house-study img{animation:none!important;transition:none!important;transform:none!important}}