.work{overflow:hidden}
.work .filters{margin-bottom:20px}
.work-controls{margin-bottom:20px}
.work-carousel{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:3px 0;touch-action:pan-x pan-y}
.work-carousel::-webkit-scrollbar{display:none}
.project-grid{display:flex;grid-template-columns:none;align-items:flex-start;gap:24px;width:max-content}
.project{position:relative;flex:0 0 auto;width:clamp(245px,23vw,370px);aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:var(--ink);isolation:isolate}
.project[hidden]{display:none}
.project-picture{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:inherit}
.project-picture img{height:100%;width:100%;object-fit:cover;border-radius:inherit}
.project-meta{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:end;gap:14px;min-height:160px;padding:65px 20px 24px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.85));pointer-events:none}
.project-meta>div{display:flex;align-items:end;justify-content:space-between;gap:18px;width:100%}
.project h3{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:uppercase;margin:0;max-width:60%}
.project p{font-size:8px;font-weight:400;line-height:1.5;letter-spacing:.07em;color:#e8e6e0;text-transform:uppercase;margin:0;text-align:right;max-width:43%}
.project-meta>span{display:none}
.project:focus-visible{outline:3px solid #a37e41;outline-offset:-4px}
@media(max-width:850px){.project{width:290px}.project-grid{gap:18px}}
@media(max-width:540px){.project{width:76vw;max-width:320px}.project-grid{gap:16px}.project h3{font-size:12px}.project p{font-size:7px}.project-meta{padding:65px 18px 22px}}

/* Manual gallery: full cards followed by an intentional next-card preview. */
.work-carousel{padding:30px 0 40px;scroll-snap-type:x proximity;scroll-padding-left:20px;perspective:1400px}
.project-grid{padding:0 20px}
.project{width:var(--work-card-width,300px);max-width:none;scroll-snap-align:start;transform-origin:center bottom;transition:transform .28s ease,box-shadow .28s ease;will-change:transform}
.project::after{content:'';position:absolute;top:18px;right:18px;z-index:3;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffffb3;border-radius:50%;background:#0003;color:white;font-size:23px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:none}
.work-controls button:disabled{opacity:.3;cursor:default}
.work-controls button:disabled:hover{color:var(--ink);background:transparent}
@media(hover:hover){.project:hover{transform:translateY(-10px) rotate(-1.5deg) scale(1.025);box-shadow:0 20px 30px #0003;z-index:4}.project:nth-child(even):hover{transform:translateY(-10px) rotate(1.5deg) scale(1.025)}.project:hover::after{opacity:1;transform:translateY(0)}}
.project:focus-visible{transform:translateY(-8px) rotate(-1deg) scale(1.02);box-shadow:0 18px 28px #0003;z-index:4}
.project:focus-visible::after{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.project,.project::after{transition:none;will-change:auto}.project:hover,.project:nth-child(even):hover,.project:focus-visible{transform:none}.project:hover img{transform:none}}

.project-picture video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}

.project-invitation{display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:#753d4a;color:#fff5ed;text-decoration:none}.invitation-kicker{font-size:9px;letter-spacing:.12em}.invitation-title{display:block;font-size:clamp(38px,3.5vw,65px);font-weight:400;line-height:1.08;letter-spacing:-.05em}.invitation-title em{font-family:Georgia,serif}.invitation-action{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.08em;line-height:1.6}.invitation-action>span{font-size:30px}.project-invitation::after{display:none}
@media(max-width:540px){.project-invitation{padding:26px}.invitation-title{font-size:45px}}

.project::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19 19 5M5 5h14v14'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:22px}