.work-gallery{gap:1rem;margin-top:1.5rem;display:grid}.work-gallery-wide{gap:1.25rem}@media (min-width:1024px){.work-gallery-wide{gap:1.5rem}}.work-stage{gap:1rem;display:grid}.work-stage-phone .work-phone{justify-self:center;width:min(60%,260px)}@media (min-width:1024px){.work-stage-phone{grid-template-columns:minmax(0,1fr) minmax(0,220px);align-items:start;gap:1.25rem}.work-gallery-wide .work-stage-phone{grid-template-columns:minmax(0,1fr) minmax(0,260px);gap:1.5rem}.work-stage-phone .work-phone{width:100%}}.work-pair,.work-shelf{gap:inherit;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.work-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.work-pair>.work-span{grid-column:1/-1}}.work-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.work-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}@media (min-width:1024px){.work-gallery-wide .work-shelf{grid-template-columns:repeat(7,minmax(0,1fr))}}.work-figure{min-width:0;margin:0}.work-frame{border:1px solid var(--border);background:#0d0c0b;border-radius:6px;transition:border-color .2s;display:block;overflow:hidden}.work-frame:hover{border-color:#e8c8748c}.work-phone .work-frame{border-radius:18px}.work-frame img{width:100%;height:auto;display:block}.work-figure figcaption{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted-foreground);margin-top:.5rem;font-size:.75rem;line-height:1.45}.work-page{max-width:72rem;margin:0 auto;padding:3rem 1rem 6rem}@media (min-width:640px){.work-page{padding:4.5rem 2rem 8rem}}.work-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:.75rem}.work-title{letter-spacing:-.045em;color:#e3bd62;background:linear-gradient(#fff1c2 8%,#e3bd62 52%,#a7782b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:14ch;margin-top:1rem;padding-bottom:.06em;font-size:clamp(2.6rem,9vw,6.5rem);font-weight:700;line-height:.95}.work-intro{max-width:58ch;color:var(--ink);margin-top:1.75rem;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.55}.work-index{border-top:1px solid var(--border);gap:0;margin-top:3rem;padding:0;list-style:none;display:grid}@media (min-width:768px){.work-index{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}}.work-index li{border-bottom:1px solid var(--border)}.work-index a{color:var(--ink);align-items:baseline;gap:1rem;padding:.85rem 0;text-decoration:none;display:flex}.work-index a:hover .work-index-title{color:var(--gold)}.work-index-num,.work-num{font-family:var(--font-mono);color:var(--gold);flex:none;font-size:.75rem}.work-index-title{font-weight:600;transition:color .2s}.work-index-kind{font-family:var(--font-mono);color:var(--muted-foreground);text-align:right;margin-left:auto;font-size:.7rem}.work-piece{margin-top:5rem;scroll-margin-top:2rem}@media (min-width:1024px){.work-piece{margin-top:8rem}}.work-piece-head{border-top:1px solid var(--border);gap:1.25rem;padding-top:1.25rem;display:grid}@media (min-width:1024px){.work-piece-head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:3rem}}.work-piece-title{letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere;margin-top:.5rem;font-size:clamp(1.9rem,4.5vw,3.25rem);font-weight:650;line-height:1.02}.work-meta{font-family:var(--font-mono);color:var(--muted-foreground);margin-top:.75rem;font-size:.75rem}.work-problem{color:#cfc9bd;max-width:62ch}.work-links{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1rem;font-size:.95rem;display:flex}.work-links a{font-weight:500}