.work-grid{grid-template-columns:repeat(6,1fr);gap:clamp(.9rem,.6rem + 1.2vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.work-honesty{max-width:60ch;color:var(--color-text-soft);margin:-1.5rem 0 2.25rem}.work-card{background:var(--color-surface-raised);border:var(--border-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-sticker);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform var(--duration-fast) ease-out, box-shadow var(--duration-fast) ease;will-change:transform;flex-direction:column;grid-column:span 2;display:flex;overflow:hidden}.work-tier{margin-top:clamp(2rem,1.4rem + 2vw,3.25rem)}.work-tier-head{border-bottom:1.5px dashed var(--color-border,var(--color-ink));flex-wrap:wrap;align-items:baseline;gap:.25rem .9rem;margin-bottom:1.1rem;padding-bottom:.6rem;display:flex}.work-tier-note{color:var(--color-text-soft);font-size:var(--text-sm);margin:0}.work-grid--lab .work-card{grid-column:span 2}.work-index{border-top:var(--border-ink);margin:0;padding:0;list-style:none}.work-index-row{border-bottom:var(--border-ink)}.work-index-link{color:inherit;transition:transform var(--duration-normal) var(--ease-out-expo);align-items:center;gap:clamp(1rem,2.5vw,2.75rem);padding:clamp(1.1rem,1.6vw,1.9rem) .5rem;text-decoration:none;display:flex;position:relative}.work-index-link:hover{transform:translate(1.25rem)}.work-index-text{flex-direction:column;flex:auto;gap:.55rem;min-width:0;display:flex}.work-index-title{letter-spacing:-.01em;transition:color var(--duration-fast) ease;font-size:clamp(1.9rem,1rem + 3.4vw,3.6rem);font-weight:800;line-height:.98}.work-index-link:hover .work-index-title{color:var(--color-accent,var(--color-coral))}.work-index-meta{color:var(--color-text-soft)}.work-index-thumb{aspect-ratio:16/10;border:var(--border-ink);border-radius:var(--radius-card);width:clamp(132px,19vw,280px);box-shadow:var(--shadow-sticker);opacity:.82;filter:grayscale(.35);transition:transform var(--duration-normal) var(--ease-out-expo), filter var(--duration-fast) ease, opacity var(--duration-fast) ease, box-shadow var(--duration-fast) ease;flex:none;overflow:hidden;transform:scale(.95)rotate(-1.2deg)}.work-index-link:hover .work-index-thumb{opacity:1;filter:none;box-shadow:var(--shadow-sticker-lg);transform:scale(1)rotate(0)}.work-index-thumb svg,.work-index-thumb img{object-fit:cover;width:100%;height:100%;display:block}.work-index-arrow{transition:transform var(--duration-fast) var(--ease-out-expo);flex:none;font-size:1.6rem;font-weight:700}.work-index-link:hover .work-index-arrow{transform:translate(7px)}@media (max-width:700px){.work-index-link{gap:1rem;padding:1rem .25rem}.work-index-link:hover{padding-left:.25rem}.work-index-title{font-size:clamp(1.5rem,7vw,2.1rem)}.work-index-thumb{opacity:1;filter:none;width:92px;transform:none}.work-index-arrow{display:none}}.work-card:hover{box-shadow:var(--shadow-sticker-lg)}.work-card-button{text-align:left;color:inherit;background:0 0;border:none;flex-direction:column;height:100%;padding:0;text-decoration:none;display:flex}.work-cover{aspect-ratio:200/120;border-bottom:var(--border-ink);position:relative;overflow:hidden}.work-concept-badge.client{background:var(--color-lime);color:var(--color-ink-fixed);border-style:solid;transform:rotate(-2deg)scale(1.05)}.work-concept-badge.showpiece{background:var(--color-butter);color:var(--color-ink-fixed);border-style:solid;transform:rotate(-2deg)scale(1.05)}.work-concept-badge.preview{background:var(--color-tangerine);color:var(--color-ink-fixed);border-style:solid;transform:rotate(-2deg)scale(1.05)}.work-concept-badge.live{background:var(--color-sky);color:var(--color-ink-fixed);border-style:solid;transform:rotate(-2deg)scale(1.05)}.work-concept-badge{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;background:var(--color-cream);border:2px solid var(--color-ink);border-radius:var(--radius-sticker);padding:.2rem .6rem;font-size:.62rem;font-weight:600;position:absolute;top:.6rem;left:.6rem;transform:rotate(-2deg)}.work-cover svg,.work-cover img{width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-out-expo)}.work-card:hover .work-cover svg{transform:scale(1.06)rotate(.5deg)}.work-card:hover .work-cover img{transform:scale(1.05)}.work-hint{transition:transform var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) ease}.work-card:hover .work-hint{color:var(--color-text);transform:translate(4px)}.work-meta{padding:var(--space-card);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.5rem;display:flex}.work-meta h3{font-size:var(--text-lg);font-weight:800}.work-tag{color:var(--color-text-soft);white-space:nowrap}.work-hint{padding:0 var(--space-card) var(--space-card);color:var(--color-text-soft);font-size:var(--text-sm);font-weight:600}.work-detail{padding:0 var(--space-card) var(--space-card);gap:.9rem;max-width:60ch;display:grid}.work-result{background:var(--color-butter);border:var(--border-ink);border-radius:var(--radius-sticker);width:fit-content;font-family:var(--font-mono), monospace;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4rem;padding:.35rem .9rem;font-weight:600;display:inline-flex}.work-seeall{justify-content:center;margin-top:clamp(2.25rem,1.6rem + 2.4vw,3.5rem);display:flex}.work-seeall-link{letter-spacing:.01em}@media (max-width:1023px){.work-grid--selected .work-card,.work-grid--lab .work-card{grid-column:span 3}}@media (max-width:700px){.work-grid--selected .work-card,.work-grid--lab .work-card{grid-column:1/-1}}