/* One text flow, with literal single spaces between independent links. */
.navigation{display:block;white-space:normal;text-align:right;column-gap:normal;row-gap:normal}
.header .navigation>a,.header .navigation>a[aria-current=page],.header .navigation>a.answer{display:inline;padding:8px 0;line-height:1.35;color:#000;border-bottom:0}
.header .navigation>a:hover,.header .navigation>a:focus-visible{color:var(--accent)}
@media(max-width:900px){.navigation{text-align:left}}
/* The former work dialog is a small, addressable view. */
.work-view{max-width:1600px;margin:auto;padding:70px 5.1% 64px;min-height:calc(100vh - 310px)}
.work-view h1{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:.06em;max-width:none;margin:0 0 32px}
.work-copy{max-width:510px;font-size:16px;line-height:1.53;letter-spacing:-.015em;color:var(--body);margin:0 0 40px}
.work-back{display:inline-block;padding:10px 0;font-size:12px;letter-spacing:.075em;color:var(--accent)}
@media(max-width:1150px){.work-view{padding:56px 4%}.work-copy{font-size:15px}}
@media(max-width:900px){.work-copy{font-size:14px}}
@media(max-width:640px){.work-view{padding:34px 6% 48px;min-height:360px}.work-view h1{font-size:20px;margin-bottom:25px;letter-spacing:.035em}.work-copy{line-height:1.57;letter-spacing:-.008em;margin-bottom:30px}.work-back{font-size:11px}.navigation{justify-content:flex-start}}