/* Brief, visual project presentations using the supplied artwork. */
.project-detail .case-main{max-width:1600px;width:100%;padding:115px 5vw 28px;margin:auto}
.case-back{display:inline-block;font-size:13px;letter-spacing:1px;margin-bottom:30px;padding:8px 0}
.case-heading{display:flex;align-items:center;gap:30px;margin:0 2vw 12px}
.project-detail .case-heading h1{font-size:clamp(48px,5.8vw,86px);margin:0;white-space:nowrap}
.case-heading p{font-size:clamp(15px,1.3vw,19px);line-height:1.5;max-width:450px;border-left:1px solid #1d1b1c66;padding-left:28px;margin:0}
.case-art-scroll{margin:0 -5vw;outline-offset:-5px}
.case-art{position:relative;aspect-ratio:1536/565;overflow:hidden;margin:0;mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 92%,transparent)}
.case-art img{display:block;position:absolute;left:0;top:-44.248%;width:100%;max-width:none;height:auto}
.case-pagination{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:13px;letter-spacing:.5px}
.case-pagination a,.case-back{min-height:44px}.case-pagination a:hover,.case-back:hover{color:var(--red)}
.case-closing{text-align:center;padding:6px 0 12px}.case-closing>a{display:block;font:400 clamp(34px,4vw,62px)/1.2 var(--display)}.case-closing span{color:var(--red)}.case-closing small{display:block;margin-top:22px;font-size:10px;opacity:.8}.case-swipe{display:none}
.project-card>a{display:block}.project-card>a:focus-visible{outline-offset:7px}.project-card>a:hover .project-status{color:var(--red)}
@media(max-width:700px){.project-detail .case-main{padding:94px 6vw 24px;max-width:none}.case-back{margin-bottom:18px}.case-heading{display:block;margin:0}.project-detail .case-heading h1{font-size:clamp(42px,10vw,70px);white-space:normal}.case-heading p{border:0;padding:0;margin:18px 0 22px;font-size:16px;max-width:100%}.case-art-scroll{margin:0 -6vw;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.case-art{width:900px}.case-swipe{display:block;font-size:12px;margin:0 0 10px;opacity:.8}.case-pagination{font-size:12px;align-items:flex-start;gap:20px}.case-pagination a{max-width:48%;padding:10px 0}.case-pagination a:last-child{text-align:right}.case-closing{padding-top:20px}.case-closing>a{font-size:clamp(33px,8vw,48px)}}

.case-pagination{justify-content:flex-end}.case-pagination a:last-child{max-width:none}