.works-redesign{--works-ink:#10213a;--works-muted:#607086;--works-line:#10213a24;--works-accent:#234f7d;--ink:var(--works-ink);--muted:var(--works-muted);--line:var(--works-line);--paper:#fdfdfb;background:var(--paper);color:var(--works-ink);min-height:100vh;font-family:var(--font-body,"Inter", "IBM Plex Sans Thai", sans-serif)}.works-redesign .works-page-hero,.works-redesign .works-explorer-shell,.works-redesign .works-submit-callout{width:calc(100% - 2 * var(--page-gutter));max-width:var(--content-max);margin-inline:auto}.works-redesign .works-page-hero{min-height:0;color:var(--works-ink);padding:var(--section-space) 0 0;box-shadow:none;background:0 0;border:0;border-radius:0;margin-block:0;overflow:visible}.works-redesign .works-explorer-shell{padding:0 0 var(--section-space)}.works-redesign .archive-toolbar{margin-bottom:var(--heading-space);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.works-redesign .works-search-field{border-radius:var(--radius-control);min-height:var(--search-height);background:#fff;border:1px solid #ccd7e4;gap:12px;padding:0 8px 0 20px}.works-redesign .works-search-field input{color:var(--works-ink);padding:10px 0;font-size:16px;line-height:1.5}.works-redesign .works-search-field input::placeholder{color:var(--works-muted);opacity:1}.works-redesign .works-search-field>.site-icon{color:var(--works-ink)}.works-redesign .works-search-field .search-clear-btn{color:var(--works-ink);background:0 0;border:0}.works-redesign .works-search-field:focus-within{outline:2px solid var(--works-accent);outline-offset:3px}.works-redesign .result-count{color:var(--works-muted);white-space:nowrap;font-size:14px}.works-redesign .works-catalogue-layout{min-width:0;display:grid}.works-redesign .works-catalogue-layout.has-sidebar{grid-template-columns:200px minmax(0,1fr);gap:48px}.works-redesign .works-filter-panel{border-right:1px solid var(--works-line);min-width:0;padding-right:24px}.works-redesign .works-filter-heading{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-bottom:24px;display:flex}.works-redesign .works-filter-heading strong{font-size:15px;font-weight:600}.works-redesign .works-filter-heading :is(button,a){color:var(--works-muted);font:inherit;font-size:var(--type-meta);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;align-items:center;min-height:44px;padding:8px 0;text-decoration:underline;display:inline-flex}.works-redesign .works-filter-submit{min-height:var(--search-height);background:var(--works-ink);color:#fff;border:1px solid var(--works-ink);border-radius:var(--radius-control);font:500 14px/1.5 var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:12px;padding:12px 24px;display:inline-flex}.works-redesign .works-filter-submit .site-icon{width:18px;height:18px}.works-redesign .works-filter-help{color:var(--works-muted);font-size:var(--type-meta);margin-top:16px;line-height:1.8}.works-redesign .works-simple-filters{flex-direction:column;align-items:stretch;gap:24px;margin:0;display:flex}.works-redesign .works-simple-filters label{flex:none;gap:8px;width:100%;max-width:none;display:grid}.works-redesign .works-simple-filters label>span{color:var(--works-muted);font-size:var(--type-meta)}.works-redesign .works-simple-filters select{width:100%;min-height:var(--control-height);color:var(--works-ink);font:inherit;font-size:var(--type-control);background:#fff;border:1px solid #ccd7e4;border-radius:4px;padding:12px 28px 12px 12px}.works-redesign .works-results{min-width:0;scroll-margin-top:96px}.works-redesign .works-results:focus{outline:none}.works-redesign .works-results-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin-bottom:24px;display:flex}.works-redesign .works-results-heading>p{margin:0;font-size:16px;font-weight:500}.works-redesign .works-results-heading>div>p{margin:0 0 4px;font-size:16px;font-weight:500}.works-redesign .works-results-heading .result-count{font-size:var(--type-meta)}.works-redesign .works-sort-select{font-size:var(--type-meta);color:var(--works-muted);align-items:center;gap:12px;display:flex}.works-redesign .works-sort-select select{border:1px solid var(--works-line);border-radius:var(--radius-control);max-width:180px;min-height:44px;color:var(--works-ink);font:400 var(--type-control)/1.5 var(--font-body);background:#fff;padding:8px 32px 8px 16px}.works-redesign .works-clear-link{min-height:44px;color:var(--works-ink);font-size:var(--type-meta);text-underline-offset:4px;align-items:center;gap:12px;text-decoration:underline;display:inline-flex}.works-redesign .works-sort{color:var(--works-muted);font-size:var(--type-meta);position:relative}.works-redesign .works-sort summary{border:1px solid var(--works-line);border-radius:var(--radius-control);cursor:pointer;background:#fff;align-items:center;gap:12px;min-height:44px;padding:8px 16px;list-style:none;display:flex}.works-redesign .works-sort summary::-webkit-details-marker{display:none}.works-redesign .works-sort summary>span{color:var(--works-ink);font-size:var(--type-meta)}.works-redesign .works-sort summary .site-icon{width:16px;height:16px}.works-redesign .works-sort fieldset{z-index:5;border:1px solid var(--works-line);border-radius:var(--radius-panel);background:#fff;min-width:192px;margin:0;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #10213a0a}.works-redesign .works-sort fieldset label{min-height:44px;color:var(--works-ink);font-size:var(--type-meta);cursor:pointer;align-items:center;gap:12px;padding:8px;display:flex}.works-redesign .works-sort fieldset input{accent-color:var(--works-accent)}.works-redesign .archive-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:48px 24px;display:grid}.works-redesign .archive-work-card,.works-redesign .archive-work-card:hover{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;padding:0;transition:none;display:flex;overflow:visible;transform:none}.works-redesign .archive-work-card:nth-child(n) .works-editorial-cover{background:0 0;border:0;border-radius:0;flex-direction:column;gap:0;min-height:0;padding:0;display:flex}.works-redesign .works-entry-image{aspect-ratio:4/3;background:#eef3f8;border-radius:14px;width:100%;margin-bottom:16px;display:flex;overflow:hidden}.works-redesign .works-entry-image img{object-fit:cover;width:100%;height:100%;display:block}.works-redesign .works-entry-no-image{color:#64758c;flex-direction:column;justify-content:center;align-items:center;gap:16px}.works-redesign .works-entry-no-image .site-icon{width:32px;height:32px}.works-redesign .works-entry-no-image>span{font-size:var(--type-meta)}.works-redesign .works-entry-meta{color:var(--works-muted);font-size:var(--type-meta);justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 8px;line-height:1.6;display:flex}.works-redesign .works-editorial-cover h2{font:500 var(--type-card-title)/1.4 var(--font-body);color:var(--works-ink);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0}.works-redesign .works-editorial-cover h2 a{min-height:0;display:block}.works-redesign .works-editorial-cover h2{font-weight:500!important}.works-redesign .works-entry-body{flex-direction:column;flex:1;padding:12px 0 0;display:flex}.works-redesign .works-card-program{font-size:var(--type-meta);color:var(--works-muted);margin:0 0 12px;line-height:1.7}.works-redesign .work-uploader{max-width:100%;min-height:32px;color:var(--works-ink);font-size:var(--type-meta);overflow-wrap:anywhere;grid-template-columns:16px minmax(0,1fr) 16px;align-self:flex-start;align-items:start;gap:6px;margin:0 0 12px;line-height:1.7;text-decoration:none;display:grid}.works-redesign .work-uploader .site-icon{width:16px;height:16px}.works-redesign .works-contributors{color:var(--works-muted);font-size:var(--type-meta);margin:0 0 12px;line-height:1.7}.works-redesign .works-contributors>span{color:var(--works-muted);font-size:inherit;margin:0 8px 0 0;display:inline}.works-redesign .works-summary{-webkit-line-clamp:3;color:var(--works-muted);-webkit-box-orient:vertical;margin:0 0 16px;font-size:14px;line-height:1.8;display:-webkit-box;overflow:hidden}.works-redesign .works-entry-link{border:0;border-top:1px solid var(--works-line);min-height:44px;color:var(--works-ink);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:14px;font-weight:500;display:inline-flex}.works-redesign .works-entry-link .site-icon{width:16px;height:16px}.works-redesign .empty-state{text-align:left;border:0;flex-direction:column;justify-content:center;align-items:flex-start;min-height:240px;display:flex;box-shadow:none!important;background:0 0!important;padding:48px 0!important}.works-redesign .empty-state>.site-icon{width:28px;height:28px;color:var(--works-muted);margin-bottom:16px}.works-redesign .empty-state h2{font:500 22px/1.5 var(--font-body);color:var(--works-ink);margin:0 0 8px}.works-redesign .empty-state p{color:var(--works-muted);margin:0;font-size:14px}.works-redesign .works-pagination-wrap{flex-direction:column;align-items:center;gap:16px;margin-top:56px;display:flex}.works-redesign .works-pagination-wrap>p{color:var(--works-muted);font-size:var(--type-meta);margin:0}.works-redesign .works-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.works-redesign .works-pagination :is(a,.is-disabled){min-width:44px;min-height:44px;font:inherit;font-size:var(--type-meta);color:var(--works-ink);border-radius:var(--radius-control);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:8px;display:inline-flex}.works-redesign .works-pagination a[aria-current=page]{color:#fff;background:var(--works-accent)}.works-redesign .works-pagination .is-disabled{color:#a0abba}.works-redesign .works-pagination .site-icon{width:16px;height:16px}.works-redesign .works-pagination>span{color:var(--works-muted);padding:8px 0}.works-redesign .works-submit-callout{border-top:1px solid var(--works-line);border-bottom:1px solid var(--works-line);justify-content:space-between;align-items:center;gap:32px;margin-bottom:64px;padding:40px 0;display:flex}.works-redesign .works-submit-callout p{color:var(--works-muted);font-size:var(--type-meta);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}.works-redesign .works-submit-callout h2{font:500 26px/1.5 var(--font-body);color:var(--works-ink);margin:0 0 8px}.works-redesign .works-submit-callout span{color:var(--works-muted);font-size:var(--type-meta);line-height:1.8}.works-redesign .works-submit-callout>a{min-height:var(--control-height);border-radius:var(--radius-control);background:var(--works-accent);color:#fff;font-size:var(--type-control);flex:none;justify-content:center;align-items:center;gap:24px;padding:12px 24px;display:inline-flex}.works-redesign .works-submit-callout>a .site-icon{width:18px;height:18px}.works-redesign :is(a,button,select,input,summary):focus-visible{outline:2px solid var(--works-accent);outline-offset:4px}.works-redesign .works-search-field input:focus-visible{outline:0}@media (hover:hover) and (pointer:fine){.works-redesign .works-entry-link:hover,.works-redesign .work-uploader:hover,.works-redesign .works-breadcrumb a:hover{color:var(--works-accent);text-underline-offset:4px;text-decoration:underline}.works-redesign .works-pagination a:not([aria-current=page]):hover,.works-redesign .works-sort fieldset label:hover{background:#edf2f8}}@media (max-width:1100px){.works-redesign .works-catalogue-layout.has-sidebar{grid-template-columns:180px minmax(0,1fr);gap:32px}.works-redesign .archive-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.works-redesign .work-section-navigation{margin-top:24px}.works-redesign .works-explorer-shell{padding-top:0;padding-bottom:var(--section-space)}.works-redesign .archive-toolbar{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:24px}.works-redesign .works-catalogue-layout.has-sidebar{grid-template-columns:minmax(0,1fr);gap:32px}.works-redesign .works-filter-panel{border-right:0;border-bottom:1px solid var(--works-line);padding:0 0 24px}.works-redesign .works-filter-heading{margin-bottom:8px}.works-redesign .works-simple-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.works-redesign .works-simple-filters select{font-size:var(--type-meta);padding-left:8px;padding-right:24px}.works-redesign .works-results-heading{margin-bottom:16px}.works-redesign .works-submit-callout{margin-bottom:40px;padding:32px 0}}@media (max-width:480px){.works-redesign .archive-work-grid{grid-template-columns:minmax(0,1fr);gap:40px}.works-redesign .works-simple-filters{grid-template-columns:minmax(0,1fr);gap:16px}.works-redesign .works-simple-filters label{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px}.works-redesign .works-entry-image{aspect-ratio:3/2}.works-redesign .works-submit-callout{flex-direction:column;align-items:flex-start;gap:24px}.works-redesign .works-submit-callout h2{font-size:22px}}