.tilted-grid{position:relative;overflow:hidden;container-type:size}.tilted-grid-band{transition:opacity .5s;position:absolute;inset:0}.tilted-grid-tile{transform-style:preserve-3d;display:block;position:absolute}.tilted-grid-band:hover .tilted-grid-tile{animation-play-state:paused}.tilted-grid-slice{background:var(--surface);position:absolute;top:0;overflow:hidden}.tilted-grid-slice:first-child{border-radius:var(--radius-sm,12px) 0 0 var(--radius-sm,12px)}.tilted-grid-slice:last-child{border-radius:0 var(--radius-sm,12px) var(--radius-sm,12px) 0}.tilted-grid-slice img{object-fit:cover;max-width:none;position:absolute;top:0}@media (prefers-reduced-motion:reduce){.tilted-grid-tile{animation-play-state:paused}}.project-stream-band{height:clamp(260px,34vw,560px);margin-inline:calc(-1 * var(--gutter))}.project-stream-caption{letter-spacing:-.025em;text-transform:uppercase;text-align:center;justify-items:center;gap:7px;min-height:43px;margin:14px 0 0;font-size:16px;font-weight:600;line-height:1.2;display:grid}.project-stream-caption span{color:var(--muted);letter-spacing:.025em;font-size:11px;font-weight:400;line-height:1.4}
.project-grid{--project-columns:1;--project-gap:clamp(20px, 1.5vw, 28px);grid-template-columns:repeat(var(--project-columns), minmax(0, 1fr));column-gap:var(--project-gap);row-gap:40px;display:grid}.project-card{min-width:0}.project-card>a{display:block;position:relative}.project-media{aspect-ratio:3/2;isolation:isolate;border-radius:var(--radius);background:var(--surface);width:100%;position:relative;overflow:hidden}.project-media-motion{position:absolute;inset:0}.project-caption{gap:7px;padding-top:12px;display:grid}.project-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.project-heading h3{letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:16px;font-weight:600;line-height:1.2}.project-open{color:var(--muted);font-size:16px;line-height:1}.project-meta{color:var(--muted);letter-spacing:.025em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px;line-height:1.4;display:flex}.project-caption>p{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.project-card>a:hover .project-heading h3{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.project-card>a:hover .project-open{color:var(--foreground)}.projects-more{justify-content:center;margin-top:44px;display:flex}.projects-more-button{border:1px solid var(--border);border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:32px;min-height:52px;padding:15px 24px;font-size:14px;transition:border-color .2s,color .2s;display:inline-flex}.projects-more-button:hover{border-color:var(--accent);color:var(--accent)}@media (min-width:700px){.project-grid{--project-columns:2}}@media (min-width:1080px){.project-grid{--project-columns:3}}@media (min-width:2240px){.project-grid{--project-columns:4}}@media (min-width:1080px){.work-section .project-grid{--project-columns:3}}