/* Wide counterpart of the eight PROGRAMS cover cards. */
.project-detail .project-detail-next{padding-top:68px;padding-bottom:88px}
.project-detail .project-detail-next>p{color:rgba(255,255,255,.58);font:500 10px/1.4 "JetBrains Mono",monospace;letter-spacing:.12em}
.project-detail .project-detail-next button.project-next-card{position:relative;display:block;width:100%;height:clamp(250px,27vw,390px);margin:24px 0 0;padding:0;overflow:hidden;appearance:none;border:1px solid rgba(224,228,232,.48);border-radius:0;background:#161a20;color:#fff;text-align:left;cursor:pointer;isolation:isolate}
.project-next-card-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.9) brightness(.78);transform:scale(1.01);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.project-next-card-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.36) 47%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.34),transparent 52%)}
.project-next-card-copy{position:absolute;left:clamp(24px,4vw,58px);right:110px;bottom:clamp(26px,4vw,54px);display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:880px}
.project-next-card-copy small,.project-next-card-copy em{color:rgba(255,255,255,.83);font:500 10px/1.5 "JetBrains Mono",monospace;letter-spacing:.13em;font-style:normal}
.project-next-card-copy strong{display:block;color:#fff;font-family:"Noto Sans SC",Manrope,Arial,sans-serif;font-size:clamp(34px,4.5vw,68px);font-weight:500;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.project-next-card-arrow{position:absolute;right:clamp(24px,4vw,58px);bottom:clamp(26px,4vw,54px);width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.67);color:#fff;font:400 32px/1 Manrope,Arial,sans-serif;transition:background .25s,color .25s,transform .25s}
.project-next-card:hover .project-next-card-image,.project-next-card:focus-visible .project-next-card-image{transform:scale(1.055);filter:saturate(1.03) brightness(.87)}
.project-next-card:hover .project-next-card-arrow,.project-next-card:focus-visible .project-next-card-arrow{background:#fff;color:#08090a;transform:translate(3px,-3px)}
.project-detail .project-detail-next button.project-next-card:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:760px){.project-detail .project-detail-next{padding:58px 16px 72px}.project-detail .project-detail-next button.project-next-card{height:290px;margin-top:18px}.project-next-card-image{object-position:center}.project-next-card-shade{background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.2) 85%)}.project-next-card-copy{left:20px;right:70px;bottom:23px;gap:11px}.project-next-card-copy small,.project-next-card-copy em{font-size:8px;line-height:1.35}.project-next-card-copy strong{font-size:clamp(27px,8vw,40px);line-height:1.18}.project-next-card-arrow{right:18px;bottom:22px;width:38px;height:38px;font-size:23px}}
@media(prefers-reduced-motion:reduce){.project-next-card-image,.project-next-card-arrow{transition:none}}
/* The AIGC artwork should lead into the next project without an oversized blank panel. */
.project-detail[data-project="aigc"] .aigc-extensions{padding-bottom:56px}
.project-detail[data-project="aigc"] .project-detail-body{padding-bottom:24px}
.project-detail[data-project="aigc"] .project-detail-next{padding-top:44px}
@media(max-width:760px){.project-detail[data-project="aigc"] .aigc-extensions{padding-bottom:40px}.project-detail[data-project="aigc"] .project-detail-body{padding-bottom:20px}.project-detail[data-project="aigc"] .project-detail-next{padding-top:34px}}