/* Selected work: portrait covers, shared rolling title, native touch scrolling. */
.work-section{padding:42px 0 100px}
.work-section .section-title{margin-bottom:36px;gap:24px}
.work-section .section-title h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(34px,3.8vw,58px);font-weight:500;line-height:1.1;margin:0}
.work-section .section-title>span{line-height:1.5;text-align:right}
.work-gallery{position:relative;isolation:isolate}
.work-gallery-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px clamp(14px,2.2vw,34px);align-items:start}
.work-card{display:block;min-width:0;color:#f5f4f1;outline-offset:7px;border-radius:18px}
.work-card:hover{color:#f5f4f1}
.work-card-media{--work-x:0;--work-y:0;position:relative;aspect-ratio:.72;overflow:hidden;border-radius:18px;background:#151518;transform:translateZ(0)}
.work-card-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--work-position,50% 50%);transform:translate(calc(var(--work-x)*-9px),calc(var(--work-y)*-9px)) scale(1.065);transition:transform .7s cubic-bezier(.2,.7,.2,1);filter:saturate(.82)}
.work-card-media::after{content:'';position:absolute;inset:0;background:#000;opacity:0;transition:opacity .4s;pointer-events:none}
.work-gallery[data-active] .work-card:not(.is-active) .work-card-media::after{opacity:.66}
.work-card.is-active .work-card-media img{filter:saturate(1)}
.work-card-meta{display:flex;align-items:flex-start;gap:12px;margin:18px 1px 0}
.work-card-index{font-size:12px;line-height:1.7;color:#85838a;flex:0 0 auto;padding-top:2px}
.work-card-copy{min-width:0;flex:1}
.work-card-title{font-family:'Manrope',Arial,sans-serif;font-size:clamp(15px,1.45vw,21px);line-height:1.25;font-weight:500;letter-spacing:-.035em;margin:0 0 9px}
.work-card-role{display:block;overflow-wrap:break-word;font-family:var(--landing-font,Arial,sans-serif);font-size:12px;line-height:1.45;letter-spacing:-.01em;color:#c4b8ce;margin:0 0 10px}
.work-card-copy p{font-size:12px;line-height:1.5;letter-spacing:-.01em;color:#929098;max-width:23em;margin:0}
.work-card-category{display:block;overflow-wrap:break-word;font-size:12px;letter-spacing:.05em;color:#79777e;margin-top:14px}
.work-card-arrow{font-size:17px;line-height:1.2;flex:0 0 auto}
.work-gallery-caption{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:116%;z-index:3;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s;color:#fff;text-shadow:0 2px 28px #0004}
.work-gallery-caption.is-visible{opacity:1;visibility:visible}
.work-gallery-number{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:24px}
.work-gallery-title{font-family:'Manrope',Arial,sans-serif;font-size:clamp(48px,8.5vw,136px);font-weight:500;line-height:.98;letter-spacing:-.065em;text-transform:uppercase}
.work-title-line{display:block;overflow:hidden;padding:.08em .1em;margin:-.08em 0}
.work-title-roll{display:block;transform:translateY(115%);transition:transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--line,0)*65ms)}
.work-gallery-caption.is-visible .work-title-roll{transform:translateY(0)}
.work-swipe-hint{display:none}
@media(min-width:761px){
.work-card:last-child:nth-child(3n+1){grid-column:2}
}
@media(min-width:761px) and (max-width:1000px){
.work-card-meta{gap:8px}.work-card-category{font-size:12px}.work-card-media{border-radius:12px}.work-card-copy p{font-size:12px}
}
@media(max-width:760px){
.work-section{padding:22px 0 65px}
.work-section .section-title{display:flex;align-items:flex-end;margin-bottom:25px;gap:15px}
.work-section .section-title h2{font-size:34px}
.work-section .section-title>span{max-width:100px;font-size:12px}
.work-gallery-track{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6vw;margin-inline:-6vw;padding:6px 6vw 22px;scrollbar-width:thin;scrollbar-color:#5e5b64 transparent}
.work-card{flex:0 0 82vw;max-width:400px;scroll-snap-align:start;border-radius:14px}
.work-card-media{aspect-ratio:.8;border-radius:14px}
.work-card-media img{transform:none;filter:none}
.work-card-meta{margin-top:16px}
.work-card-title{font-size:25px;line-height:1.1;margin-bottom:10px}
.work-card-copy p{font-size:12px;max-width:26em}
.work-card-category{display:none}
.work-card-index{padding-top:3px}
.work-card-arrow{font-size:21px}
.work-gallery-caption{display:none}
.work-gallery[data-active] .work-card:not(.is-active) .work-card-media::after{opacity:0}
.work-swipe-hint{display:block;margin:15px 0 0;font-size:12px;letter-spacing:.08em;color:#85828a}
}
@media(hover:none){
.work-card-media img{transform:none}
.work-gallery-caption{display:none}
.work-gallery[data-active] .work-card:not(.is-active) .work-card-media::after{opacity:0}
}
@media(prefers-reduced-motion:reduce){
.work-card-media img{transform:none}.work-title-roll{transform:none}
.work-gallery-caption,.work-card-media::after,.work-card-media img,.work-title-roll{transition:none}
.work-gallery-track{scroll-behavior:auto}
}