.sfx-band--page.sfx-halftone{--halftone-opacity:.16;--halftone-cell:14px}

.page-open{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter);row-gap:clamp(1.5rem,3vw,2.5rem)}
.page-open__title{grid-column:1 / span 8;font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--type-display-lg);line-height:var(--leading-display);letter-spacing:var(--tracking-display-lg);color:var(--text-primary);max-width:20ch}
.page-open__lead{grid-column:1 / span 6;font-size:var(--type-body-lg);line-height:var(--leading-body);color:var(--text-secondary);max-width:var(--measure-body)}
@media (max-width:960px){.page-open__title,.page-open__lead{grid-column:1 / -1}}

.work-list{border-top:1px solid var(--border-hairline-strong)}
.work-row{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter);align-items:start;padding:clamp(1.75rem,3vw,2.5rem) 0;border-bottom:1px solid var(--border-hairline);text-decoration:none;color:inherit;transition:background-color var(--dur-sm) var(--ease-standard)}

.work-row[hidden]{display:none}
.work-row:hover{background:var(--surface-accent-tint)}
.work-row__media{grid-column:1 / span 3;position:relative}

.work-row__chip{position:absolute;left:0;bottom:0;z-index:1}
.work-row__chip .sfx-tag{background:var(--navy-900);border-color:var(--navy-900);color:var(--navy-50)}
.work-row:hover .work-row__chip .sfx-tag{background:var(--action-accent);border-color:var(--action-accent);color:var(--text-on-accent)}
.work-row__body{grid-column:5 / span 6;display:flex;flex-direction:column;gap:var(--space-3)}
.work-row__meta{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}
.work-row__where{font-size:var(--type-body-xs);color:var(--text-tertiary)}
.work-row__title{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--type-display-sm);line-height:var(--leading-heading);letter-spacing:var(--tracking-display);color:var(--text-primary);max-width:24ch;transition:color var(--dur-xs) var(--ease-standard)}
.work-row:hover .work-row__title{color:var(--text-accent)}
.work-row__summary{font-size:var(--type-body-sm);line-height:var(--leading-body);color:var(--text-secondary);max-width:56ch}

.work-row__go{grid-column:12;justify-self:end;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-primary);transition:var(--transition-hover)}
.work-row:hover .work-row__go{background:var(--action-accent);border-color:var(--action-accent);color:var(--text-on-accent)}
.work-row:hover .work-row__go .sfx-icon{transform:translate(3px,-3px)}
.work-row__go .sfx-icon{transition:transform var(--dur-sm) var(--ease-out-expo)}
@media (max-width:900px){.work-row__media{grid-column:1 / span 4}.work-row__body{grid-column:6 / span 7}.work-row__go{display:none}}
@media (max-width:640px){.work-row__media,.work-row__body{grid-column:1 / -1}}