.works-page{background:#0d0c11;color:#f4f1eb;min-height:100svh;overflow-x:hidden}
.works-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 54%,rgba(112,140,49,.13),transparent 43%);z-index:0}
.works-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 4vw}
.works-header .brand{letter-spacing:.02em}.works-back{font-size:12px;color:#d6d0cf}.works-back:hover{color:#fff}
.works-main{position:relative;z-index:1;max-width:1780px;margin:0 auto;padding:20px 4vw 25px}
.works-eyebrow{display:flex;justify-content:space-between;align-items:center;color:#c0b7b4;font:700 10px Arial,sans-serif;letter-spacing:.17em}
.works-main h1{font:900 clamp(52px,6.4vw,110px)/.95 Impact,'Arial Narrow','PingFang SC',sans-serif;letter-spacing:-.04em;text-align:center;margin:3px 0 15px}
.works-main h1 span{color:var(--accent)}
.works-categories{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:20px}
.works-categories a{padding:9px 13px;border:1px solid transparent;border-radius:999px;font-size:12px;color:#a7a1a0;transition:background .2s,color .2s,border-color .2s}
.works-categories a:hover,.works-categories a[aria-current="page"]{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff}
.works-categories a small{color:#8c8183;font-size:10px;margin-left:4px}
.deck-stage{position:relative;height:clamp(320px,39vw,570px);overflow:hidden;isolation:isolate;touch-action:pan-y}
.deck-card{position:absolute;top:3%;left:50%;width:min(59vw,850px);height:91%;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:13px;overflow:hidden;background:#171922;color:#fff;text-align:left;cursor:pointer;box-shadow:0 22px 70px rgba(0,0,0,.48);transition:transform .55s cubic-bezier(.21,.7,.2,1),opacity .45s,filter .45s,border-color .25s}
.deck-card img{width:100%;height:100%;object-fit:cover;display:block}
.deck-card::before{content:"";position:absolute;z-index:1;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.76));pointer-events:none}
.deck-card .deck-card-caption{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;align-items:end;gap:10px;text-shadow:0 2px 16px #000}
.deck-card-caption strong{font-size:clamp(18px,2vw,30px);line-height:1.3}.deck-card-caption small{font-size:11px;font-weight:700;white-space:nowrap}
.deck-card[data-slot="current"]{z-index:3;transform:translateX(-50%) scale(1);filter:none}
.deck-card[data-slot="previous"]{z-index:2;transform:translateX(calc(-50% - 47vw)) scale(.82);filter:brightness(.59) saturate(.7)}
.deck-card[data-slot="next"]{z-index:2;transform:translateX(calc(-50% + 47vw)) scale(.82);filter:brightness(.59) saturate(.7)}
.deck-card[data-slot="hidden"]{opacity:0;pointer-events:none;transform:translateX(-50%) scale(.68)}
.deck-stage[data-direction="forward"] .deck-card[data-slot="current"]{animation:deck-forward .48s cubic-bezier(.2,.75,.2,1) both}
.deck-stage[data-direction="backward"] .deck-card[data-slot="current"]{animation:deck-backward .48s cubic-bezier(.2,.75,.2,1) both}
@keyframes deck-forward{from{opacity:.55;transform:translateX(calc(-50% + 9vw)) scale(.87)}to{opacity:1;transform:translateX(-50%) scale(1)}}
@keyframes deck-backward{from{opacity:.55;transform:translateX(calc(-50% - 9vw)) scale(.87)}to{opacity:1;transform:translateX(-50%) scale(1)}}
.deck-card:hover{border-color:rgba(255,255,255,.55)}
.deck-meta{display:flex;justify-content:space-between;align-items:end;gap:30px;min-height:112px;padding-top:16px}
.deck-category{font:700 10px Arial,sans-serif;letter-spacing:.18em;color:var(--accent)}
.deck-meta h2{font-size:clamp(23px,2.6vw,43px);line-height:1.12;margin:7px 0 6px;letter-spacing:-.045em}.deck-meta p{color:#c0b9bd;font-size:13px;margin:0 0 9px}.deck-detail-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:4px}.deck-detail-link:hover{color:var(--accent)}
.deck-navigation{display:flex;align-items:center;gap:15px;white-space:nowrap}.deck-navigation button{width:43px;height:43px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:20px;cursor:pointer}.deck-navigation button:hover{background:#eee;color:#17141c}.deck-navigation span{font:900 18px Impact,Arial,sans-serif;letter-spacing:.08em}
.deck-progress{height:2px;background:rgba(255,255,255,.18);margin:20px 0 0}.deck-progress span{display:block;height:100%;background:var(--accent);transition:width .4s ease}
.works-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:12px 4vw 25px;color:#aaa1a1;font:700 10px Arial,sans-serif;letter-spacing:.12em}.works-footer a:hover{color:#fff}
@media(max-width:700px){.works-header{padding:20px 22px}.works-header .header-label{display:none}.works-header .brand{font-size:11px}.works-back{font-size:11px}.works-main{padding:30px 22px 10px}.works-eyebrow{font-size:9px}.works-eyebrow span:last-child{display:none}.works-main h1{text-align:left;font-size:clamp(44px,12vw,70px);margin:12px 0 23px}.works-categories{justify-content:flex-start;gap:3px;margin-bottom:12px}.works-categories a{font-size:11px;padding:9px 10px}.deck-stage{height:min(100vw,490px);min-height:310px;margin:0 -22px}.deck-card{width:80vw;height:87%;top:5%}.deck-card[data-slot="previous"]{transform:translateX(calc(-50% - 73vw)) scale(.85)}.deck-card[data-slot="next"]{transform:translateX(calc(-50% + 73vw)) scale(.85)}.deck-card .deck-card-caption{left:16px;right:16px;bottom:14px}.deck-card-caption small{display:none}.deck-meta{align-items:start;min-height:160px}.deck-meta p{line-height:1.55}.deck-navigation{gap:6px}.deck-navigation button{width:34px;height:34px}.deck-navigation span{font-size:14px}.works-footer{padding:25px 22px;display:block;line-height:2}.works-footer span:nth-child(2){display:none}.works-footer a{display:block}}
@media(prefers-reduced-motion:reduce){.deck-card,.deck-progress span{transition:none;animation:none!important}}
.deck-card img{height:116%;max-width:none;transform:translateY(-6%)}
.deck-card img{height:125%;transform:translateY(-12%)}
.deck-card img{transform:translateY(-14%)}

/* Black / electric-lime continuation for the work index. */
.works-page{background:#0b0d0a;color:#f3f6ed}
.works-page::before{background:radial-gradient(circle at 50% 55%,rgba(95,122,41,.16),transparent 44%)}
.works-categories a{color:#aeb9a3}
.works-categories a:hover,.works-categories a[aria-current="page"]{border-color:rgba(216,251,53,.43);background:rgba(216,251,53,.1);color:var(--accent)}
.works-categories a small{color:#899d6d}
.deck-card{background:#1c2317;border-color:rgba(216,251,53,.22)}
.deck-card:hover{border-color:rgba(216,251,53,.66)}
.deck-navigation button:hover{background:var(--accent);color:#11160a}
.future-work{display:flex;align-items:center;gap:22px;margin-top:34px;padding:22px 25px;border:1px dashed rgba(216,251,53,.36);border-radius:13px;background:rgba(216,251,53,.035)}
.future-work>span{font:700 10px Arial,sans-serif;letter-spacing:.17em;color:var(--accent);white-space:nowrap}
.future-work p{font-size:12px;color:#b8c4ac;margin:0;flex:1}
.future-work div{display:flex;gap:8px}.future-work i{display:block;width:33px;height:25px;border:1px solid rgba(216,251,53,.23);border-radius:4px}
@media(max-width:700px){.future-work{display:block;margin-top:15px;padding:18px}.future-work p{margin:8px 0 15px}.future-work div{display:flex}}

/* Stable, continuous cover-flow cards. Media keeps its full frame inside a 16:9 window. */
.deck-stage{height:clamp(360px,46vw,650px);perspective:1450px;overflow:hidden}
.deck-card{top:50%;left:50%;width:min(64vw,910px);height:auto;aspect-ratio:auto;display:flex;flex-direction:column;transform-origin:center center;background:#151b13;border-color:rgba(216,251,53,.2);transition:transform .7s cubic-bezier(.18,.76,.18,1),opacity .62s ease,filter .62s ease,border-color .35s,box-shadow .35s;backface-visibility:hidden;will-change:transform}
.deck-card img,.deck-card img:last-child{display:block;width:100%;height:auto!important;aspect-ratio:16/9;max-width:100%;object-fit:contain;object-position:center;background:#0b0e0a;transform:none!important}
.deck-card::before{display:none}
.deck-card .deck-card-caption{position:relative;left:auto;right:auto;bottom:auto;width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#1b2318;text-shadow:none}
.deck-card-caption strong{font-size:clamp(15px,1.4vw,21px);line-height:1.25}.deck-card-caption small{color:var(--accent)}
.deck-lens{position:absolute;z-index:2;inset:0 0 58px;pointer-events:none;opacity:0;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.045) 9px,transparent 10px),linear-gradient(105deg,transparent 20%,rgba(216,251,53,.08) 47%,transparent 72%);mix-blend-mode:screen;transition:opacity .35s}
.deck-card[data-position="current"]:hover .deck-lens{opacity:.45}
.deck-card[data-position="current"]{transform:translate(-50%,-50%) translateX(0) rotateY(0) scale(1);opacity:1;filter:none;border-color:rgba(216,251,53,.54);box-shadow:0 26px 90px rgba(0,0,0,.5),0 0 32px rgba(216,251,53,.08)}
/* Cap spacing with the 910px card width so wide screens retain adjacent cards. */
.deck-card[data-position="left"]{transform:translate(-50%,-50%) translateX(max(-49vw,-697px)) rotateY(14deg) scale(.84);opacity:.7;filter:brightness(.72) saturate(.82)}
.deck-card[data-position="right"]{transform:translate(-50%,-50%) translateX(min(49vw,697px)) rotateY(-14deg) scale(.84);opacity:.7;filter:brightness(.72) saturate(.82)}
.deck-card[data-position="far-left"]{transform:translate(-50%,-50%) translateX(max(-78vw,-1109px)) rotateY(23deg) scale(.67);opacity:.12;filter:brightness(.5);pointer-events:none}
.deck-card[data-position="far-right"]{transform:translate(-50%,-50%) translateX(min(78vw,1109px)) rotateY(-23deg) scale(.67);opacity:.12;filter:brightness(.5);pointer-events:none}
.deck-card[data-position="hidden-left"]{transform:translate(-50%,-50%) translateX(max(-110vw,-1564px)) rotateY(25deg) scale(.57);opacity:0;pointer-events:none}
.deck-card[data-position="hidden-right"]{transform:translate(-50%,-50%) translateX(min(110vw,1564px)) rotateY(-25deg) scale(.57);opacity:0;pointer-events:none}
.deck-card:hover{border-color:rgba(216,251,53,.85)}
.media-dialog.work-viewer{width:min(1100px,94vw);max-width:none;max-height:94vh;padding:36px 22px 23px;background:#11170e;animation:work-preview-in .48s cubic-bezier(.18,.78,.2,1) both}
.media-dialog.work-viewer::backdrop{animation:work-backdrop-in .3s ease both}
@keyframes work-preview-in{from{opacity:0;transform:translateY(38px) scale(.88) rotateX(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}
@keyframes work-backdrop-in{from{opacity:0}to{opacity:1}}
.work-preview-heading{margin:0 0 13px}.work-preview-heading h3{font-size:clamp(23px,3vw,40px);margin:6px 0 0}
.media-dialog.work-viewer .work-preview-image,.media-dialog.work-viewer video{display:block;width:100%;height:auto;max-height:67vh;aspect-ratio:16/9;object-fit:contain;background:#0b0e0a;border-radius:8px}
.work-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:17px}
.work-preview-footer p{margin:0;color:#c8d1bb;line-height:1.6}.work-preview-footer .prominent-link{margin:0;white-space:nowrap}
.work-preview-count{font:700 11px Arial,sans-serif;letter-spacing:.15em;color:var(--accent)}
@media(max-width:700px){.deck-stage{height:clamp(270px,76vw,420px);min-height:0;margin:0 -22px}.deck-card{width:85vw}.deck-card .deck-card-caption{min-height:46px;padding:9px 12px}.deck-card-caption strong{font-size:14px}.deck-card-caption small{display:none}.deck-lens{bottom:46px}.deck-card[data-position="left"]{transform:translate(-50%,-50%) translateX(-78vw) rotateY(10deg) scale(.83)}.deck-card[data-position="right"]{transform:translate(-50%,-50%) translateX(78vw) rotateY(-10deg) scale(.83)}.deck-card[data-position="far-left"]{transform:translate(-50%,-50%) translateX(-125vw) rotateY(14deg) scale(.67)}.deck-card[data-position="far-right"]{transform:translate(-50%,-50%) translateX(125vw) rotateY(-14deg) scale(.67)}.media-dialog.work-viewer{padding:45px 10px 17px}.work-preview-footer{display:block}.work-preview-footer .prominent-link{margin-top:17px}.media-dialog.work-viewer .work-preview-image,.media-dialog.work-viewer video{max-height:60vh}}
@media(prefers-reduced-motion:reduce){.deck-card,.media-dialog.work-viewer{transition:none;animation:none}.deck-lens{display:none}}