/* The work index and password form share the live homepage's reading measure. */
.portfolio-access{--sans:freight-sans-pro,'Alegreya Sans',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font:1.125rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
.access-wrap{max-width:660px;padding:0 28px;margin:0 auto}
.access-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid var(--line);font-size:1rem}
.access-top a{display:inline-flex;align-items:center;min-height:44px}
.access-top .access-name{font:400 1.45rem/1.2 var(--serif);text-decoration:none}
.access-content{padding:60px 0 44px;min-height:65vh}
.access-content h1{font:400 2.75rem/1.1 var(--serif);letter-spacing:-.01em;margin:0 0 24px}
.access-content>p{margin:0 0 18px;max-width:55ch}
.access-content .access-form{margin-top:30px;max-width:460px}
.access-content .access-help{margin-top:24px;font-size:1rem;color:var(--muted)}
.access-cases{list-style:none;margin:36px 0 0;padding:0}
.access-cases li{padding:26px 0;border-top:1px solid var(--line)}
.access-cases li:last-child{border-bottom:1px solid var(--line)}
.access-cases h3{font:400 1.75rem/1.25 var(--serif);letter-spacing:-.01em;margin:0 0 10px}
.access-cases h3 a{display:block;padding:4px 0;text-decoration:underline}
.access-cases h3 a:hover,.access-cases h3 a:focus-visible{text-decoration:underline}
.work-group{margin-top:40px}
.work-group+.work-group{margin-top:56px}
.work-group>h2{font:400 1.125rem/1.65 var(--sans);letter-spacing:0;margin:0 0 12px;color:var(--muted)}
.work-group .access-cases{margin-top:24px}
.archive-link{margin-top:28px}
.access-cases li p{margin:0}
.access-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 40px;font-size:.9375rem;color:var(--muted)}
.access-bottom form{margin:0}
.password-gate .access-wrap{max-width:460px}
.password-gate .access-content{padding-top:clamp(72px,18vh,160px);min-height:0}
.password-gate .access-content h1{font-size:2.25rem;margin-bottom:28px}
.password-gate .access-form{margin-top:0}
.password-gate .access-help{margin-top:28px}
.password-gate .access-help{font-size:inherit}
/* One text-link treatment across the public introduction and password page. */
.intro .work-link a,.portfolio-access a{color:var(--link);font-weight:400;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.intro .work-link a:hover,.portfolio-access a:hover{text-decoration-thickness:2px}
.portfolio-access a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}
@media(max-width:560px){.access-wrap{padding-inline:22px}.access-top{padding:16px 0}.access-content{padding-top:40px}.access-content h1{font-size:2.25rem}.access-cases h3{font-size:1.6rem}}

/* Work navigation matches the case studies; the password form stays separate. */
.work-index .access-top{padding:20px 0;border-bottom:0}
.work-index .access-top a,.work-index .access-top .access-name{font:400 1rem/1.4 var(--sans);color:var(--link);text-decoration:none}
.work-index .access-top a:hover,.work-index .access-top a:focus-visible{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.work-index .access-top{padding:16px 0}}