/* Home (canvas: "Half on the strings, full-width tiles", option C).
   Name, tagline and tiles line up with the logo at the page margin, like the project pages.
   Strings run edge to edge under the nav; the bottom string runs through the middle of the name's capitals. */
body.home .work { padding: 0 var(--pad); margin-top: 0; }
body.home .work-grid { max-width: none; }

body.home .hero { padding-bottom: 72px; }
body.home .hero-copy { padding-top: 140px !important; }
.hero-staff { height: 90px; }                         /* six strings, 18px apart */
/* Newsreader, lowercase name: x-height top sits 0.309em below the box, x-height 0.426em, so the bottom string runs through the middle of the letters at 0.522em */
body.home .hero h1 { margin-top: -0.522em; position: relative; }

@media (max-width: 640px) { .hero-staff { height: 70px; } body.home .staff-hint { display: none; } }

/* finer, lighter strings */
body.home .staff-svg path { stroke-width: 1; stroke-opacity: .38; }