.work-intro--archive{padding-bottom:clamp(3.25rem,6vw,6.5rem)}.work-intro--archive .work-intro__copy>p{max-width:34rem}.work-lens{z-index:2;border-block:1px solid var(--line);color:#f1f0ea;background:#151719;position:relative}.work-lens__inner{grid-template-columns:minmax(12rem,.55fr) minmax(0,1.45fr);align-items:stretch;display:grid}.work-lens__label{border-right:1px solid var(--line);font:700 .68rem var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#b8bcb9;align-items:center;gap:.7rem;margin:0;padding:1.25rem 1.5rem 1.25rem 0;display:flex}.work-lens__label:before{content:"";background:var(--coral);width:8px;height:8px}.work-lens__controls{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.work-lens button{border:0;border-right:1px solid var(--line);color:#b8bcb9;min-height:4.75rem;font:600 .82rem var(--ui);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:.6rem;padding:1rem clamp(.8rem,2vw,1.6rem);transition:background .18s,color .18s;display:flex}.work-lens button:last-child{border-right:0}.work-lens button span{color:#747b79;font-size:.63rem}.work-lens button[aria-pressed=true]{background:var(--volt);color:#151719}.work-lens button[aria-pressed=true] span{color:#3f5950}.work-lens button:focus-visible{outline:2px solid var(--pink-light);outline-offset:-4px}@media (hover:hover) and (pointer:fine){.work-lens button:not([aria-pressed=true]):hover{color:#f1f0ea;background:#23272a}}.work-archive{color:#f1f0ea;background:#1b1e21;padding:clamp(4rem,7vw,7.5rem) 0}.work-archive__status{border-bottom:1px solid var(--line);font:600 .72rem var(--ui);letter-spacing:.07em;text-transform:uppercase;color:#8f9693;justify-content:space-between;gap:1rem;margin:0 0 clamp(3rem,5vw,5rem);padding-bottom:1rem;display:flex}.work-group+.work-group{margin-top:clamp(6rem,11vw,12rem)}.work-group__head{grid-template-columns:minmax(0,1fr) minmax(17rem,.55fr);align-items:end;gap:clamp(2rem,8vw,8rem);margin-bottom:clamp(2.25rem,4vw,4rem);display:grid}.work-group__head p{color:#aeb4b1;max-width:34rem;margin:0;line-height:1.65}.work-group__kicker{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.7rem;display:flex;color:var(--coral)!important;font:700 .69rem var(--ui)!important;margin:0 0 1rem!important}.work-group__kicker:before{content:"";background:currentColor;width:30px;height:2px}.work-group__head h2{letter-spacing:-.055em;margin:0;font-size:clamp(3.4rem,7vw,7.5rem);line-height:.9}.work-group__head h2 em{color:var(--cobalt);font-style:normal}.work-item[hidden],.work-group[hidden]{display:none!important}.work-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,6vw,6rem) clamp(1.2rem,2.6vw,2.7rem);display:grid}.work-visual-grid .work-item{min-width:0}.work-visual-grid .project-card__image{background:#25292c;border-radius:14px;padding:clamp(.7rem,1.35vw,1.25rem);overflow:hidden}.work-visual-grid .project-card .project-visual{aspect-ratio:1.28;min-height:0;transition:transform .3s var(--ease-out);border-radius:7px}.work-visual-grid .project-card__caption{padding-inline:.2rem}.work-visual-grid .project-card__caption:before{content:"";background:var(--project-accent,var(--coral));width:44px;height:2px;margin-top:1rem;display:block}.work-visual-grid .project-card__meta{color:#9da3a0;border:0;margin:.65rem 0 .45rem;padding:0;font-size:.82rem}.work-visual-grid .project-card h3{margin:.35rem 0 0;font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.05}.work-visual-grid .project-card__summary{color:#d2d6d3;max-width:38rem;margin:.8rem 0 0;font-size:1rem;line-height:1.55}.work-visual-grid .project-card__role,.system-card__role{color:#d2d6d3;font:500 .85rem/1.5 var(--ui);letter-spacing:0;text-transform:none;flex-wrap:wrap;gap:.25rem .75rem;margin:1.25rem 0 0;display:flex}.work-visual-grid .project-card__role span{color:#ff906f;font-weight:700}.system-card__role span{color:var(--system-accent);font-weight:700}.work-visual-grid .project-card__areas{margin:1rem .2rem 0;font-size:.82rem}@media (hover:hover) and (pointer:fine){.work-visual-grid .project-card:hover .project-visual{transform:scale(1.014)}}.systems-shelf{border-top:1px solid var(--line)}.system-card{--system-accent:var(--cobalt);border-bottom:1px solid var(--line);transition:background .22s}.system-card>a{color:inherit;padding:clamp(1.5rem,3vw,2.7rem) 0;text-decoration:none;display:block}.system-card__header,.system-card footer{font:700 .63rem/1.4 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#8f9693;justify-content:space-between;gap:1rem;display:flex}.system-card__header span:last-child{color:var(--system-accent)}.system-card__main{grid-template-columns:minmax(15rem,.72fr) minmax(30rem,1.28fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(1.7rem,3vw,3rem) 0;display:grid}.system-card__identity h3{letter-spacing:-.045em;margin:0 0 .8rem;font-size:clamp(2.2rem,4vw,4.6rem);line-height:.94}.system-card__identity p{color:#aeb4b1;max-width:30rem;margin:0;line-height:1.55}.system-card__identity .system-card__role{color:#d2d6d3;margin-top:1.15rem}.system-card__diagram{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:clamp(.4rem,1vw,.9rem);display:grid}.system-card__diagram span{border-top:3px solid var(--system-accent);min-height:5.8rem;font:700 clamp(.68rem,.8vw,.78rem)/1.35 var(--ui);letter-spacing:.03em;text-transform:uppercase;background:#25292c;align-items:center;gap:.7rem;padding:1rem;display:flex}.system-card__diagram i{border:2px solid var(--system-accent);border-radius:50%;flex:none;width:8px;height:8px}.system-card__diagram b{color:var(--system-accent);font:500 1.1rem var(--ui)}.system-card footer{border-top:1px solid #0000;align-items:center;padding-top:1rem}.system-card footer span:last-child{color:var(--system-accent);transition:transform .18s var(--ease-out);font-size:1rem}@media (hover:hover) and (pointer:fine){.system-card:hover{background:#202427}.system-card:hover footer{border-color:var(--system-accent)}.system-card:hover footer span:last-child{transform:translate(.2rem,-.2rem)}}.work-page__note{color:#8f9693;max-width:42rem;margin:5rem 0 0;line-height:1.6}@media (width<=900px){.work-lens__inner{grid-template-columns:1fr}.work-lens__label{display:none}.work-lens__controls{grid-template-columns:repeat(4,minmax(9rem,1fr));overflow-x:auto}.work-group__head{grid-template-columns:1fr;gap:1.2rem}.work-group__head>p{max-width:38rem}.system-card__main{grid-template-columns:1fr;gap:1.5rem}.system-card__diagram{max-width:48rem}}@media (width<=680px){.work-lens{position:sticky;top:0}.work-lens__controls{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.work-lens button{border-bottom:1px solid var(--line);min-height:4rem;padding:.8rem}.work-lens button:nth-child(2n){border-right:0}.work-lens button:nth-last-child(-n+2){border-bottom:0}.work-archive{padding-top:3.5rem}.work-archive__status{flex-direction:column;align-items:flex-start}.work-visual-grid{grid-template-columns:1fr;gap:3rem}.work-visual-grid .project-card .project-visual{aspect-ratio:1.12}.work-visual-grid .project-card h3{font-size:clamp(2rem,8vw,3rem)}.system-card__header{flex-direction:column;align-items:flex-start;gap:.35rem}.system-card__diagram{grid-template-columns:1fr}.system-card__diagram b{display:none}.system-card__diagram span{min-height:4.4rem}.system-card footer{margin-top:.5rem}}@media (prefers-reduced-motion:reduce){.work-lens button,.system-card,.system-card footer span:last-child,.work-visual-grid .project-card .project-visual{transition:none}}