.project-depth{--tile-width:clamp(260px, 34vw, 560px)}.project-depth-stage{margin-inline:calc(-1 * var(--gutter));padding:8px var(--gutter) 0;overflow-x:clip}.project-depth-list{touch-action:pan-y;place-items:start center;display:grid}.project-depth-list[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.project-depth-list[data-dragging] a{pointer-events:none}.project-depth-list>.project-card{width:var(--tile-width);transform-origin:50% calc(var(--tile-width) / 3);will-change:transform;filter:brightness(.6);z-index:1;grid-area:1/1;transform:scale(.5)}.project-depth-list>.project-card:first-child{filter:none;z-index:3;transform:none}.project-depth-list>.project-card:nth-child(2){filter:brightness(.8);z-index:2;transform:perspective(1200px)translate(65%)scale(.75)rotateY(-5deg)}.project-depth-list>.project-card:last-child:not(:first-child):not(:nth-child(2)){filter:brightness(.8);z-index:2;transform:perspective(1200px)translate(-65%)scale(.75)rotateY(5deg)}.project-depth-list .project-caption{opacity:0;transition:opacity .2s}.project-depth-list:not([data-ready])>.project-card:first-child .project-caption,.project-depth-list>.project-card[data-active] .project-caption{opacity:1;transition-duration:.45s}.project-depth-list>.project-card:not([data-active])>a{cursor:pointer}.project-depth .section-heading{text-align:center;justify-content:center;position:relative}.project-depth .section-heading h2{max-width:none}.project-depth-nav{gap:4px;display:flex;position:absolute;bottom:-8px;right:-12px}.project-depth-nav button{appearance:none;width:44px;height:44px;color:var(--foreground);font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:20px;font-weight:300;line-height:1;transition:color .2s;display:grid}.project-depth-nav button:hover{color:var(--accent)}.project-depth-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:var(--radius-pill)}@media (max-width:700px){.project-depth{--tile-width:68vw}.project-depth-nav{display:none}}.project-depth .project-media-motion{transform:none!important}
.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:10px;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}}