.work-archive{padding-top:clamp(6.8rem,8vw,8rem)}.work-archive .archive-header{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:1.5rem clamp(2rem,7vw,7rem);margin-bottom:2.5rem;padding-top:0;border-top:0;align-items:end}.work-archive .breadcrumb,.work-archive .archive-stats{grid-column:1 / -1}.work-archive .archive-title{margin:.6rem 0 0;font-size:clamp(4rem,7vw,5.5rem);font-weight:400;letter-spacing:-.06em;line-height:.95}.work-archive .archive-introduction{padding-bottom:.3rem}.work-archive .archive-subtitle{max-width:28ch;margin-bottom:.8rem;font-family:Fraunces,IBM Plex Sans Thai,serif;font-size:clamp(1.7rem,2.4vw,2.2rem);font-weight:400;line-height:1.2}.work-archive .archive-description{max-width:45ch;margin:0;font-size:1.05rem;line-height:1.7}.work-archive .archive-stats{display:flex;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--border-strong);flex-wrap:wrap;gap:1.25rem 3rem}.work-archive .archive-stat{display:flex;padding:0;border:0;align-items:baseline;gap:.65rem}.work-archive .archive-stat-value{font-size:1.35rem;font-weight:400;font-variant-numeric:tabular-nums}.work-archive .archive-stat-label{margin:0;font-size:.82rem;font-weight:400;letter-spacing:0;text-transform:none}.work-archive .filter-button{font-size:.95rem;font-weight:400;letter-spacing:0}.work-archive .filter-count{font-size:.75rem}.work-archive .work-section-heading{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:1.5rem clamp(2rem,7vw,7rem);padding-top:1.5rem;border-top:1px solid var(--border-strong);align-items:end}.work-archive .work-section-heading h2{max-width:20ch;margin:.65rem 0 0;font-size:clamp(2.2rem,4vw,3.7rem);font-weight:400;line-height:1.08}.work-archive .work-section-heading>p{max-width:46ch;margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.75}.work-archive .work-current>.work-section-heading{padding-top:0;border-top:0}.work-archive .work-current>.work-section-heading .section-kicker{display:none}.work-archive .work-current>.work-section-heading h2{max-width:none;margin:0;font-size:clamp(1.4rem,2vw,1.8rem)}.work-archive .work-current>.work-section-heading>p{font-size:.95rem}.work-archive .work-selected-block,.work-archive .work-current-index{margin-top:clamp(2.5rem,5vw,4.5rem)}.work-archive .work-selected-block{margin-top:2rem}.work-archive .work-index-label{margin:0 0 1.15rem;color:var(--text-muted);font-size:.9rem}.work-archive .work-lead{--text-primary: var(--atelier-ivory, #f3ebdd);--text-secondary: #d4d7cc;--text-muted: #c6c9bf;--text-dim: #bec5b9;--accent: var(--atelier-champagne, #b4a07c);--border: #46544b;--border-strong: #7c806a;--focus-ring: var(--atelier-ivory, #f3ebdd);--focus-contrast: var(--atelier-forest, #17251f);background:var(--atelier-forest, #17251f);color:var(--text-primary)}.work-archive .work-lead .project-index-item{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:auto;padding:clamp(1.4rem,3.2vw,3rem);border:0;gap:clamp(1.5rem,4vw,4rem);align-items:center}.work-archive .work-lead .project-index-media{min-height:0;margin:0;padding:.55rem;border:1px solid var(--atelier-champagne, #b4a07c);background:var(--atelier-ivory, #f3ebdd)}.work-archive .work-lead .project-index-media img{height:auto;aspect-ratio:auto;object-fit:contain;transform:none}.work-archive .work-lead .project-index-title{margin:.7rem 0 1.25rem;font-size:clamp(2.5rem,4.1vw,4.7rem);font-weight:400;letter-spacing:-.045em;line-height:1.03}.work-archive .work-lead .project-index-excerpt{margin-bottom:1.5rem;font-size:clamp(1.05rem,1.3vw,1.22rem);line-height:1.75}.work-archive .work-lead .project-category{color:var(--accent)}.work-archive .work-lead .project-card-proof{margin:0 0 1.5rem;padding:1rem 0 0;font-size:.92rem}.work-archive .project-card-verified{display:block;margin-top:.5rem;color:var(--text-muted);font-size:.8rem;line-height:1.6}.work-archive .project-status{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary);font-size:.82rem;line-height:1.5}.work-archive .project-status:before{width:.4rem;height:.4rem;border-radius:50%;background:currentColor;content:""}.work-archive .project-category,.work-archive .project-year{font-size:.8rem;font-weight:400;letter-spacing:.035em}.work-archive .project-index-copy>.project-category{margin:0 0 .65rem}.work-archive .project-index-link{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border);color:var(--accent);font-size:1rem;font-weight:400}.work-archive .project-selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem;border-top:1px solid var(--border-strong)}.work-archive .project-selected-grid .project-index-item{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);grid-template-rows:auto;padding:1.65rem 1.5rem 1.65rem 0;gap:1.5rem}.work-archive .project-selected-grid .project-index-item:nth-child(2){padding-inline:1.5rem 0}.work-archive .project-selected-grid .project-index-media{min-height:0;margin:0;align-self:start}.work-archive .project-selected-grid .project-index-excerpt,.work-archive .project-selected-grid .project-card-proof{display:none}.work-archive .project-selected-grid .project-index-title{font-size:clamp(1.55rem,2.4vw,2.4rem);font-weight:400}.work-archive .project-archive-grid .project-index-title{font-size:clamp(1.7rem,2.6vw,2.7rem);font-weight:400}.work-archive .project-archive-grid .project-index-excerpt{font-size:1rem;line-height:1.75}.work-archive .work-history{margin-top:clamp(5rem,10vw,9rem)}.work-archive .project-history-list{margin-top:2.5rem;border-top:1px solid var(--border-strong)}.work-archive .project-history-row{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr) minmax(0,1fr) auto;gap:clamp(1rem,3vw,2.5rem);padding:1.8rem 0;border-bottom:1px solid var(--border);align-items:center;color:inherit;text-decoration:none}.work-archive .project-history-row:hover h3,.work-archive .project-index-item:hover .project-index-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}.work-archive .project-history-meta{display:grid;gap:.5rem}.work-archive .project-history-meta time{color:var(--text-muted);font-size:.8rem}.work-archive .project-history-row .project-category{margin:0 0 .4rem}.work-archive .project-history-row h3{margin:0;font-size:clamp(1.3rem,2vw,1.9rem);font-weight:400;line-height:1.25}.work-archive .project-history-excerpt{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.work-archive .project-history-link{max-width:10rem;color:var(--accent);font-size:.9rem;line-height:1.5}html[lang=th] .work-archive .archive-title{font-size:clamp(3.5rem,7vw,5.5rem);letter-spacing:-.04em;line-height:1.3}html[lang=th] .work-archive .archive-subtitle,html[lang=th] .work-archive .work-section-heading h2,html[lang=th] .work-archive .project-index-title{font-family:IBM Plex Sans Thai,sans-serif;letter-spacing:0;line-height:1.4}@media(max-width:1020px){.work-archive .work-lead .project-index-item{grid-template-columns:1fr}.work-archive .work-lead .project-index-copy{max-width:48rem}.work-archive .project-selected-grid .project-index-item{grid-template-columns:1fr}.work-archive .project-history-row{grid-template-columns:minmax(0,.35fr) minmax(0,.65fr) auto}.work-archive .project-history-excerpt{display:none}}@media(max-width:760px){.work-archive .archive-header,.work-archive .work-section-heading{grid-template-columns:1fr;align-items:start}.work-archive .archive-title{font-size:clamp(2.5rem,12vw,3rem)}html[lang=th] .work-archive .archive-title{font-size:clamp(2.25rem,11vw,3rem)}.work-archive .archive-stats{gap:.8rem 1.5rem;margin-top:.5rem}.work-archive .archive-stat{flex-wrap:wrap;gap:.25rem .5rem}.work-archive .project-selected-grid{grid-template-columns:1fr}.work-archive .project-selected-grid .project-index-item,.work-archive .project-selected-grid .project-index-item:nth-child(2){grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);padding:1.5rem 0;border-right:0;gap:1rem}.work-archive .project-selected-grid .project-index-meta{flex-wrap:wrap;gap:.4rem}.work-archive .project-archive-grid .project-index-item{padding-inline:0}.work-archive .project-history-row{grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.work-archive .project-history-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.6rem 1rem}.work-archive .project-history-link{max-width:7rem}}@media(max-width:390px){.work-archive .project-selected-grid .project-index-item,.work-archive .project-selected-grid .project-index-item:nth-child(2){grid-template-columns:1fr}}
