/* Real work, presented as a continuous photographic strip. */
.works-showcase{--work-gap:20px;--work-width:clamp(320px,32vw,520px);position:relative;max-width:1920px;margin-inline:auto;padding-block:60px 50px;background:#101112;overflow:hidden}
.works-intro{padding:0 var(--pad) 35px}
.works-intro .section-index{margin-bottom:30px;padding-bottom:20px}
.works-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.works-intro h2{font-size:clamp(32px,2.8vw,42px);font-weight:500;letter-spacing:.055em;line-height:1.45}
.works-intro-copy{padding-bottom:2px}.works-intro p{font-size:13px;line-height:2.1;color:#b9bcb8;margin-top:19px;max-width:570px}
.works-actions{display:flex;align-items:center;gap:36px;flex-shrink:0}
:is(.works-all-link,.works-all){display:inline-flex;gap:27px;align-items:center;font-size:12px;font-weight:500;border-bottom:1px solid #62615b;padding-block:13px;margin-top:17px;white-space:nowrap;transition:border-color .3s,color .3s}
:is(.works-all-link,.works-all) span{color:var(--gold);font:24px/1 var(--en);transition:transform .3s}
:is(.works-all-link,.works-all):hover{color:var(--gold);border-color:var(--gold)}
:is(.works-all-link,.works-all):hover span{transform:translate(3px,-3px)}
.works-controls{display:flex;align-items:center;gap:8px}
.works-controls button{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #525652;border-radius:50%;font:23px/1 var(--en);transition:background .25s,border-color .25s,color .25s}
.works-controls button:hover{color:#101112;background:var(--gold);border-color:var(--gold)}
.works-controls button:focus-visible{outline-offset:4px}
.works-controls .works-pause{width:34px;height:34px;border-color:transparent;font-size:12px;color:#c5c7c2}
.works-controls .works-pause:hover{border-color:var(--gold);color:#101112}
.works-pause-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.works-viewport{width:calc(100% - var(--pad));margin-left:var(--pad);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto;cursor:grab;scroll-padding-inline:var(--pad);padding:5px 0 8px;touch-action:pan-x pan-y;outline-offset:-3px!important}
.works-viewport::-webkit-scrollbar{display:none}
.works-viewport.is-dragging{cursor:grabbing;user-select:none}
.works-track{display:flex;width:max-content;padding:0}
.works-group[hidden]{display:none}.works-group{display:flex;gap:var(--work-gap);padding-right:var(--work-gap);flex:none}
.work-card{display:block;position:relative;isolation:isolate;width:var(--work-width);height:430px;flex:none;overflow:hidden;background:#232726;border:1px solid #373c38;-webkit-user-drag:none}
.work-card figure,.work-card-shade{position:absolute;inset:0;z-index:-1}
.work-card figure{background:#292d29;overflow:hidden}
.work-card figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.62) brightness(.88) contrast(1.06);transform:scale(1.015);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .65s;pointer-events:none;user-select:none;-webkit-user-drag:none}
.work-card-shade{background:linear-gradient(180deg,rgba(7,10,9,.28),transparent 32%,rgba(7,10,9,.08) 48%,rgba(7,10,9,.86) 89%,#090c0b)}
.work-card:after{position:absolute;bottom:0;left:0;right:0;height:2px;content:"";background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.work-card-top{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;gap:15px;align-items:center;font:500 10px/1.5 var(--en);letter-spacing:.14em;color:#edeee9;text-shadow:0 1px 8px #111}
.work-card-top>:first-child{font-size:11px;letter-spacing:.1em;border-bottom:1px solid rgba(201,174,117,.8);padding-bottom:5px}
.work-card-top>:last-child{font-family:var(--jp);font-size:12px;text-align:right;letter-spacing:.04em;line-height:1.7}
.work-card-caption{position:absolute;left:27px;right:27px;bottom:28px;padding-top:19px;border-top:1px solid rgba(211,205,186,.32)}
.work-card-caption h3{font-size:22px;line-height:1.6;font-weight:500;letter-spacing:.04em;padding-right:37px}
.work-card-caption p{font-size:13px;line-height:1.9;letter-spacing:.035em;margin-top:8px;color:#bbbfba;padding-right:30px}
.work-card-arrow{position:absolute;right:0;top:20px;font:27px/1.5 var(--en);color:var(--gold);transition:transform .4s}
.work-card:focus-visible{outline-offset:-5px}
.work-card:focus-visible:after{transform:scaleX(1)}
.works-footer{padding:0;display:flex;justify-content:space-between;gap:25px;align-items:center;margin:22px var(--pad) 0;color:#8e958e;font:500 9px/1.7 var(--en);letter-spacing:.14em}
.works-footer p{font-family:var(--jp);font-weight:400;font-size:10px;letter-spacing:.04em}
.works-drag-hint{display:flex;align-items:center;gap:13px;white-space:nowrap}
.works-drag-hint:before{content:"";width:34px;height:1px;background:var(--gold);opacity:.8}
@media(hover:hover){.work-card:hover figure img{transform:scale(1.075);filter:saturate(.8) brightness(1) contrast(1.04)}.work-card:hover:after{transform:scaleX(1)}.work-card:hover .work-card-arrow{transform:translate(3px,-3px)}}
@media(max-width:1100px){.works-actions{gap:20px}.works-heading-row{gap:25px}.works-intro h2{font-size:34px}.works-intro p{font-size:12px}:is(.works-all-link,.works-all){gap:18px;font-size:11px}.works-controls button{width:37px;height:37px}.work-card{height:415px}.work-card-caption{left:23px;right:23px}.work-card-caption h3{font-size:21px}}
@media(max-width:800px){.works-showcase{padding-block:65px 70px;--work-gap:15px}.works-intro .section-index{margin-bottom:32px}.works-heading-row{display:block}.works-actions{justify-content:space-between;margin-top:23px}.works-intro{padding-bottom:30px}.works-intro h2{font-size:32px}.works-intro p{margin-top:16px}.works-footer{align-items:flex-start}}
@media(max-width:540px){.works-showcase{--work-width:84vw;--work-gap:13px;padding-block:58px 60px}.works-intro{padding-inline:7vw}.works-intro .section-index{margin-bottom:28px}.works-intro .section-index span:last-child{font-size:8px}.works-intro h2{font-size:29px;letter-spacing:.035em}.works-intro p{font-size:14px;line-height:2}.works-actions{gap:15px;margin-top:20px}:is(.works-all-link,.works-all){font-size:14px;gap:25px}.works-controls{gap:4px}.works-controls button{width:36px;height:36px}.works-controls .works-pause{width:30px;height:30px}.works-viewport{margin-left:7vw;width:93%}.work-card{height:380px}.work-card-top{top:20px;left:22px;right:22px}.work-card-caption{left:22px;right:22px;bottom:25px}.work-card-caption h3{font-size:21px}.work-card-caption p{font-size:13px}.works-footer{margin:22px 7vw 0;gap:17px}.works-footer p{font-size:9px;max-width:210px}.works-drag-hint{font-size:8px;gap:9px}.works-drag-hint:before{width:21px}}
@media(prefers-reduced-motion:reduce){.work-card figure img,.work-card:after,.work-card-arrow,.works-controls button,:is(.works-all-link,.works-all),:is(.works-all-link,.works-all) span{transition:none}.work-card:hover figure img{transform:none}}

/* Keep specifications and destination links readable while photographs remain dominant. */
@media(max-width:900px){
 .works-intro p{font-size:14px;line-height:2}
 :is(.works-all-link,.works-all){font-size:14px}
 .work-card-top>:last-child{font-size:12px}
 .work-card-caption p{font-size:13px;color:#d0d3cc}
 .works-controls button{width:44px;height:44px}
 .works-controls .works-pause{width:44px;height:44px}
}