.works-page .works-index-hero{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:clamp(2rem,5vw,5rem);min-height:0;padding-block:clamp(3rem,6vw,5.5rem)}.works-page .works-index-copy{align-self:center;max-width:58rem}.works-page .works-index-copy h1{max-width:10ch;font-size:clamp(3.8rem,6.7vw,7.6rem);line-height:.9}.works-page .works-index-copy>p:nth-of-type(2){max-width:40ch}.works-index-actions{border-top:1px solid var(--border-default);align-items:center;gap:var(--space-6);margin-top:var(--space-10);padding-top:var(--space-5);flex-wrap:wrap;display:flex}.works-index-actions a{background:var(--color-accent);border-radius:var(--radius-full);color:var(--color-accent-foreground);font-size:var(--text-caption);align-items:center;gap:var(--space-4);min-height:48px;padding-inline:var(--space-5);transition:background var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard);font-weight:700;text-decoration:none;display:inline-flex}.works-index-actions a:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.works-index-actions a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.works-index-actions>span{color:var(--color-text-tertiary);font-size:var(--text-caption)}.works-page .works-archive-section{border-top:1px solid var(--border-default);padding-top:clamp(var(--space-12), 4vw, var(--space-16));margin:0}.works-page .works-archive-header{align-items:end}.works-page .works-archive-header>div:first-child{gap:var(--space-4);display:grid}.works-archive-kicker{color:var(--color-accent-text);font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700;display:block}.works-page .works-archive-header h2{font-size:clamp(2.8rem,5vw,5rem);line-height:var(--leading-h2)}.works-page .works-archive-header h2 span{color:var(--color-accent-text)}.works-page .works-archive-header p{font-size:var(--text-caption);margin:0}.works-page .works-filter-bar{background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--space-3);margin:var(--space-8) 0 var(--space-8);padding:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto}.works-page .works-filter-label{border-right:1px solid var(--border-default);font-size:var(--text-micro);letter-spacing:.06em;padding:0 var(--space-4) 0 var(--space-2);text-transform:uppercase;font-weight:700}.works-page .works-filter-options{scrollbar-width:none;flex-wrap:nowrap;min-width:0;overflow-x:auto}.works-page .works-filter-options::-webkit-scrollbar{display:none}.works-page .works-filter-options>div{flex-wrap:nowrap;padding-block:2px}.works-page .works-filter-options button{white-space:nowrap;flex:none}.works-page .works-filter-actions{flex-wrap:nowrap}.works-page .works-archive-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,2vw,1.5rem)}.works-page .work-bento-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:0;transition:border-color var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard);grid-column:span 4;overflow:hidden}.works-page .work-bento-card:hover,.works-page .work-bento-card:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.works-page .work-bento-card-0{grid-column:span 7}.works-page .work-bento-card-1,.works-page .work-bento-card-2{grid-column:span 5}.works-page .work-bento-card-3{grid-column:span 7}.works-page .work-bento-card>a{flex-direction:column;height:100%;display:flex}.works-page .work-archive-card.work-bento-card>a>figure{aspect-ratio:16/9;border:0;border-bottom:1px solid var(--border-subtle);box-shadow:none;border-radius:0;flex:none;padding:0}.works-page .work-bento-card-0 figure,.works-page .work-bento-card-1 figure,.works-page .work-bento-card-2 figure,.works-page .work-bento-card-3 figure{height:clamp(14rem,26vw,23rem)}.works-page .work-bento-card figure img{display:block}.works-page .work-bento-card .work-archive-copy{flex-direction:column;flex:1;padding:clamp(1.25rem,2.2vw,2rem);display:flex}.works-page .work-bento-card .work-archive-copy h3{overflow-wrap:anywhere;min-width:0;font-size:clamp(1.65rem,2.8vw,2.8rem)}.works-page .work-bento-card .work-archive-copy>span{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);margin-top:auto}.works-page .work-bento-card .work-archive-copy>p{margin-bottom:var(--space-6)}.works-page .work-bento-card figure figcaption{background:var(--surface-overlay);border:1px solid var(--border-subtle);font-size:var(--text-micro)}.works-page .works-archive-list{margin-top:var(--space-6)}@media (max-width:900px){.works-page .works-index-hero{min-height:0;padding-block:var(--space-16);grid-template-columns:1fr}.works-page .works-index-copy h1{max-width:11ch}.works-page .work-bento-card,.works-page .work-bento-card-0,.works-page .work-bento-card-1,.works-page .work-bento-card-2,.works-page .work-bento-card-3{grid-column:span 6}.works-page .work-bento-card-0 figure,.works-page .work-bento-card-1 figure,.works-page .work-bento-card-2 figure,.works-page .work-bento-card-3 figure{height:auto}.works-page .works-filter-label{display:none}.works-page .works-filter-bar{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:48rem){.works-page .works-archive-grid{grid-template-columns:1fr}.works-page .work-bento-card,.works-page .work-bento-card-0,.works-page .work-bento-card-1,.works-page .work-bento-card-2,.works-page .work-bento-card-3{grid-column:1}.works-page .work-archive-card.work-bento-card>a>figure{aspect-ratio:auto}.works-page .work-bento-card figure img{height:auto}.works-page .work-bento-card figure figcaption{padding:var(--space-3) var(--space-5);border:0;border-radius:0;position:static}.works-page .works-archive-header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.works-page .work-bento-card,.works-index-actions a{transition:none}.works-page .work-bento-card:hover,.works-index-actions a:hover{transform:none}}