@charset "UTF-8";
.work-page [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header [aria-current="page"]{text-decoration:underline;text-underline-offset:7px}
.work-hero{background:var(--pink);padding:122px max(5%,calc((100% - 1120px)/2)) 28px}.work-title-row{display:flex;align-items:baseline;gap:24px}.work-title{margin:0;font:900 64px/1 "Arial Black",Arial,sans-serif;letter-spacing:-.06em}.work-title span{display:inline-block;font:36px/1 Arial;margin-left:18px;color:var(--light)}.work-title-row p{margin:0;font-size:16px;letter-spacing:.06em}
.work-archive{max-width:1120px;margin:auto;padding:28px 0 56px}.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.archive-heading h2{margin:0;font-size:22px;line-height:1.4}#work-count{display:inline-block;margin-left:12px;font:14px/1.5 Consolas,monospace;border:1px solid var(--line);border-radius:30px;padding:2px 10px;vertical-align:middle}.source-link{display:flex;align-items:center;gap:12px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.source-link>span:last-child{font-size:20px}
.archive-controls{padding-top:20px}.archive-fields{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px}.archive-fields label{display:flex;flex-direction:column;gap:7px;font-size:14px}.archive-fields input,.archive-fields select{width:100%;min-width:0;height:44px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);font:inherit;font-size:16px;padding:0 12px}.archive-fields input:focus-visible,.archive-fields select:focus-visible{outline:2px solid var(--ink);outline-offset:2px;background:var(--light)}.archive-fields input::placeholder{color:#77656b}.archive-results{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#67545b;margin-top:12px}.archive-results p{margin:0}
.work-years{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 20px;border-bottom:1px solid var(--ink)}.work-years a{display:flex;align-items:center;justify-content:center;min-width:60px;min-height:40px;padding:6px 12px;background:var(--light);border-radius:5px;font:700 14px Arial,sans-serif}.work-years a:hover{background:var(--ink);color:var(--paper)}
.work-year{scroll-margin-top:24px;padding-top:26px}.work-year>h4{display:flex;align-items:baseline;gap:12px;margin:0 0 10px;font:800 30px/1.2 Arial,sans-serif;letter-spacing:-.03em}.year-count{font:12px/1.5 "Yu Gothic",Meiryo,sans-serif;letter-spacing:0;color:#67545b}.work-entries{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.work-entry{display:grid;grid-template-columns:105px minmax(0,1fr) 132px 58px;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.work-entry-meta{font:12px/1.6 Consolas,monospace;color:#67545b;white-space:nowrap}.work-entry h4{margin:0;font-size:16px;font-weight:600;line-height:1.65;overflow-wrap:anywhere}.work-tag{font-size:12px;line-height:1.5;color:#67545b}.work-detail-link{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:14px;min-height:40px;text-decoration:underline;text-underline-offset:4px}.work-detail-link:hover,.source-link:hover{color:var(--red)}.work-detail-link>span{font-size:18px}
.archive-no-results,.archive-error,.archive-empty{padding:30px 0;font-size:16px;line-height:1.8}.empty-number,.empty-heart{display:none}.archive-empty h3{font-size:22px}.archive-load,.noscript-note{font-size:16px;line-height:1.8}
.work-outro{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:var(--paper);padding:24px 5%}.work-outro>span{color:var(--pink);font-size:25px}.work-outro p{font-size:16px;margin:0}.home-link{font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-left:24px}.work-page footer{padding:28px 5%}.work-page .footer-big{display:none}.work-page .footer-bottom{margin-top:20px}
@media(max-width:1240px){.work-archive{margin:0 5%}}
@media(max-width:700px){.work-hero{padding:101px 5% 22px}.work-title{font-size:44px}.work-title span{font-size:27px;margin-left:12px}.work-title-row{gap:16px}.work-title-row p{font-size:14px;letter-spacing:0}.work-archive{padding:22px 0 40px}.archive-heading h2{font-size:20px}.source-link{font-size:12px;gap:6px}.source-link>span:last-child{display:none}.archive-fields{grid-template-columns:minmax(0,1fr) 142px;gap:10px}.archive-fields label{font-size:12px}.archive-fields input,.archive-fields select{padding:0 8px}.work-years{gap:6px;padding:14px 0 16px}.work-years a{min-width:53px;padding:6px 10px}.work-year{padding-top:22px}.work-year>h4{font-size:27px}.work-entry{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding:12px 0}.work-entry-meta{grid-column:1;grid-row:1}.work-tag{grid-column:1;grid-row:3}.work-entry h4{grid-column:1 / -1;grid-row:2;font-size:16px}.work-detail-link{grid-column:2;grid-row:3;min-height:32px}.work-outro{flex-wrap:wrap;gap:12px}.home-link{margin-left:0}.work-page footer{padding:25px 5%}}
.work-entry{grid-template-columns:105px minmax(0,1fr) 112px 238px}.work-links{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:16px}.work-detail-link{white-space:nowrap;font-size:14px;gap:4px}
@media(max-width:700px){.work-entry{grid-template-columns:minmax(0,1fr) auto}.work-links{grid-column:2;grid-row:3;gap:16px}.work-detail-link{min-height:36px}}

@media(max-width:700px){.work-links{grid-column:1 / -1;grid-row:4;justify-content:flex-start}.work-tag{grid-column:1 / -1}.archive-heading{align-items:flex-start}}
.source-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 20px}

.work-entry-content{min-width:0}.work-role,.work-description{font-size:14px;line-height:1.7;margin:5px 0 0;color:#67545b;white-space:pre-line;overflow-wrap:anywhere}.work-entry-no-links .work-entry-content{grid-column:2 / 4}.work-entry-no-links .work-tag{grid-column:4}
@media(max-width:700px){.work-entry-content,.work-entry-no-links .work-entry-content{grid-column:1 / -1;grid-row:2}.work-entry-no-links .work-tag{grid-column:1 / -1;grid-row:3}}

.archive-section{scroll-margin-top:24px}.archive-section+.archive-section{margin-top:48px;padding-top:28px;border-top:2px solid var(--ink)}.archive-section-title{display:flex;align-items:baseline;gap:12px;font-size:26px;margin:26px 0 0}.work-years .section-jump{background:var(--ink);color:var(--paper);width:112px;min-width:112px;flex:0 0 112px}
.work-entry-meta>div{white-space:normal;font-size:11px}
.work-years{flex-direction:column;align-items:stretch;gap:10px}.work-years-group{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:700px){.work-years-group{gap:6px}}