/* English creator article and its homepage introduction. */
.creator-note{padding-block:36px 54px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
.creator-note p{max-width:620px;line-height:1.8;color:var(--muted);font-size:14px}
.creator-note .eyebrow{margin-bottom:8px;color:var(--ink)}
.creator-note .text-link{flex-shrink:0}
.projects-main{max-width:1120px;padding-block:68px 100px}
.projects-header{gap:28px;flex-wrap:wrap;padding-block:16px}
.projects-header>.text-link{font-size:13px;flex-shrink:0}
.projects-intro{max-width:850px;margin-bottom:58px}
.projects-page h1{max-width:820px;font-size:clamp(42px,5.3vw,72px);line-height:1.12;text-wrap:balance}
.projects-lead{font-size:19px;line-height:1.8;margin-top:30px;max-width:760px}
.projects-context{font-size:15px;line-height:1.85;color:var(--muted);margin-top:22px;max-width:760px}
.projects-date{font-size:12px;color:var(--muted);margin-top:24px}
.projects-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start}
.projects-toc{padding:24px;border:1px solid var(--line);background:#eeeee7}
.projects-toc h2{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:0;line-height:1.5}
.projects-toc ol{padding-left:22px;margin:16px 0 24px}
.projects-toc li{padding-left:3px}
.projects-toc li a{display:inline-block;padding:9px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px}
.projects-toc>.text-link{font-size:13px;display:inline;line-height:1.8}
.project-story{padding-bottom:44px;margin-bottom:42px;border-bottom:1px solid var(--line);scroll-margin-top:28px}
.project-story .eyebrow{margin-bottom:16px;letter-spacing:.12em}
.project-story h2{font-size:38px;line-height:1.18}
.project-story h2 span{display:block;margin-top:10px;font-family:var(--sans);font-size:18px;font-weight:400;letter-spacing:0;line-height:1.5}
.project-story>p:not(.eyebrow),.projects-end p{margin-top:20px;font-size:16px;line-height:1.9;color:var(--muted)}
.project-story>.text-link,.projects-end>.text-link{margin-top:24px;line-height:1.7}
.projects-end h2{font-size:36px;line-height:1.2}
.projects-end p a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.projects-page .footer{padding-bottom:40px}
@media(max-width:900px){.projects-layout{grid-template-columns:1fr;gap:40px}.projects-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}.projects-main{padding-top:48px}}
@media(max-width:600px){.creator-note{display:block;padding-block:28px 40px}.creator-note>.text-link{margin-top:18px}.projects-header{flex-wrap:wrap;justify-content:flex-start;gap:14px;padding-block:16px}.projects-header>.text-link{font-size:12px;min-height:36px}.projects-main{padding-block:38px 60px}.projects-intro{margin-bottom:34px}.projects-intro .eyebrow{letter-spacing:.1em}.projects-lead{font-size:17px}.projects-context{font-size:14px}.projects-toc{padding:20px}.projects-toc ol{column-gap:20px}.project-story h2{font-size:34px}.project-story>p:not(.eyebrow),.projects-end p{font-size:15px}.project-story{padding-bottom:32px;margin-bottom:32px}}
@media(max-width:360px){.projects-toc ol{grid-template-columns:1fr}}