.works-shell{min-height:calc(100vh - 170px);padding:0 var(--page-edge-padding) clamp(1rem, 2.5vw, 2.3rem);z-index:1;position:relative}.works-wrap{gap:1.2rem;max-width:1220px;margin:0 auto;display:grid}.works-head{gap:.65rem;max-width:70ch;display:grid}.works-head h1{font-family:var(--page-title-font);font-size:var(--page-title-size);line-height:var(--page-title-line-height);letter-spacing:var(--page-title-letter-spacing);font-weight:var(--page-title-weight);text-align:left;margin:0}.works-head p{color:var(--text-secondary);margin:0;font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.66}.works-layout{grid-template-columns:minmax(300px,.92fr) minmax(0,1.28fr);align-items:stretch;gap:1rem;display:grid}.works-rail{border:1px solid var(--ui-border);background:color-mix(in srgb, var(--ui-surface) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:.72rem;max-height:68vh;padding:.72rem;display:grid;overflow:auto}.project-card{border:1px solid color-mix(in srgb, var(--ui-border) 90%, transparent);background:color-mix(in srgb, var(--ui-surface) 88%, transparent);color:var(--text-primary);text-align:left;cursor:pointer;grid-template-columns:auto 1fr;gap:.75rem;padding:.9rem;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:grid}.project-card:hover,.project-card:focus-visible{border-color:color-mix(in srgb, var(--accent-yellow) 56%, var(--ui-border));box-shadow:0 10px 24px color-mix(in srgb, var(--accent-yellow) 24%, transparent);outline:none;transform:translateY(-2px)}.project-card.active{border-color:color-mix(in srgb, var(--accent-yellow) 72%, var(--ui-border));background:color-mix(in srgb, var(--accent-yellow) 12%, var(--ui-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-yellow) 45%, transparent), 0 8px 24px color-mix(in srgb, var(--accent-yellow) 18%, transparent)}.project-idx{letter-spacing:.08em;background:color-mix(in srgb, var(--ui-muted) 74%, transparent);color:color-mix(in srgb, var(--text-primary) 86%, transparent);align-self:flex-start;padding:.23rem .35rem;font-size:.78rem;font-weight:700}.project-copy{gap:.45rem;display:grid}.project-copy h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.02rem;line-height:1.35}.project-copy p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.84rem;line-height:1.54;display:-webkit-box;overflow:hidden}.project-tag{text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb, var(--accent-yellow) 70%, var(--text-primary));-webkit-line-clamp:initial;font-size:.68rem;font-weight:700}.signal-board{border:1px solid var(--ui-border);background:color-mix(in srgb, var(--ui-surface) 86%, transparent);min-height:68vh;position:relative;overflow:hidden}.signal-content{z-index:1;padding:clamp(1rem,2vw,1.4rem);position:relative}.signal-panel{gap:1rem;display:grid}.signal-head{gap:.52rem;display:grid}.signal-label{text-transform:uppercase;letter-spacing:.11em;color:color-mix(in srgb, var(--accent-yellow) 76%, var(--text-primary));margin:0;font-size:.68rem;font-weight:700}.signal-head h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.4rem,3vw,2.3rem);line-height:1.08}.signal-brief{color:var(--text-secondary);max-width:68ch;margin:0;line-height:1.62}.signal-chain{grid-template-columns:1fr 1fr;align-items:stretch;gap:.8rem;display:grid}.chain-node{border:1px solid color-mix(in srgb, var(--ui-border) 88%, transparent);background:color-mix(in srgb, var(--ui-surface) 92%, transparent);gap:.44rem;padding:.9rem;display:grid}.chain-node p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.problem-node{border-left:3px solid color-mix(in srgb, #f7694f 62%, var(--ui-border))}.solution-node{border-left:3px solid color-mix(in srgb, #48b37f 62%, var(--ui-border))}.chain-title{letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700;color:var(--text-primary)!important}.impact-zone{border:1px solid color-mix(in srgb, var(--ui-border) 88%, transparent);background:color-mix(in srgb, var(--ui-surface) 90%, transparent);gap:.85rem;padding:.9rem;display:grid}.impact-header{gap:.35rem;display:grid}.impact-header p{color:var(--text-secondary);margin:0;line-height:1.58}.impact-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.impact-chip{border:.75px solid color-mix(in srgb, var(--accent-yellow) 24%, var(--ui-border));background:color-mix(in srgb, var(--accent-yellow) 9%, var(--ui-surface));gap:.45rem;padding:.7rem .65rem;display:grid}.impact-chip span{color:color-mix(in srgb, var(--text-secondary) 60%, transparent);font-size:.64rem;line-height:1.35}.impact-chip strong{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:1.45rem;font-weight:700;line-height:1.1}.signal-meta{flex-wrap:wrap;gap:.4rem;display:flex}.signal-meta span{letter-spacing:.05em;text-transform:uppercase;border:.75px solid color-mix(in srgb, var(--ui-border) 70%, transparent);background:color-mix(in srgb, var(--ui-muted) 48%, transparent);padding:.3rem .48rem;font-size:.64rem;font-weight:700}@media (width<=1100px){.works-layout{grid-template-columns:1fr}.works-rail{max-height:unset;grid-auto-columns:minmax(280px,74vw);grid-auto-flow:column;overflow:auto hidden}.project-card{height:100%}.signal-board{min-height:unset}}@media (width<=760px){.works-shell{padding:0 var(--page-edge-padding) .8rem}.signal-chain{grid-template-columns:1fr}.chain-link{justify-self:start}.chain-link:after{display:none}.impact-stats{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.project-card,.signal-content{transition:none}.project-card:hover,.project-card:focus-visible{transform:none}}