.project-card{border:0;padding:0;color:#fff;text-align:left;font:inherit;min-width:0}.project-card[hidden]{display:none!important}.project-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s}.project-card:hover .project-photo{transform:scale(1.045)}.project-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.1) 65%)}.project-client{color:#ccc}.project-arrow{font-size:22px}.project-card.full .project-img-wrap{aspect-ratio:21/9}.project-card:focus-visible,.reel-play:focus-visible{outline:2px solid #ff5500;outline-offset:-3px}.portfolio-note{font-size:12px;color:#888;line-height:1.6;margin-top:20px}.reel-poster{position:absolute;inset:0;background:linear-gradient(#0005,#000a),url(showreel-poster.jpg) center/cover}.reel-label{color:#fff}.reel-play{color:white;cursor:pointer}.vol-dialog{color:white;background:#111;border:1px solid #383838;padding:0;max-width:1000px;width:92vw;max-height:90vh;margin:auto;overflow:auto;cursor:auto}.vol-dialog::backdrop{background:#000e}.vol-dialog button,.vol-dialog a{cursor:pointer}.dialog-close{position:sticky;top:12px;float:right;margin:12px 12px -52px 0;z-index:2;border:1px solid #888;border-radius:50%;width:38px;height:38px;color:white;background:#111e;font-size:22px}.detail-photo{width:100%;max-height:56vh;object-fit:cover;display:block}.detail-copy{padding:30px}.detail-copy h2{font-size:30px;margin:10px 0 16px}.detail-copy p{line-height:1.7;color:#bbb;white-space:pre-line}.detail-meta{font-size:12px;color:#ff650d}.detail-copy a{display:inline-block;margin-top:20px;color:#ff650d}#detail-concept{font-size:12px;margin-top:20px;color:#aaa}#showreel-video{width:100%;max-height:80vh;display:block;background:black}.reel-caption{padding:16px 24px;font-size:12px;letter-spacing:.15em}.vol-dialog [hidden]{display:none}body:has(.vol-dialog[open]){overflow:hidden}body:has(.vol-dialog[open]) #cursor,body:has(.vol-dialog[open]) #cursor-ring,body:has(.vol-dialog[open]) #trail-canvas{display:none}@media(max-width:768px){.project-card.full{grid-column:1/-1}.project-card.full .project-img-wrap{aspect-ratio:16/10}.project-overlay{padding:18px}.project-name{font-size:19px}.detail-copy{padding:22px}.vol-dialog{width:96vw}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}.project-photo{transition:none}#trail-canvas{display:none}}

.project-card{display:block}.project-card .project-img-wrap{height:100%}