.collaboration-page{--collab-accent:#39e6a5;--fg-laser:var(--collab-accent);--collab-bg-position:center;--collab-bg-mobile-position:center;background:#050505}
.collaboration-page:before{background-color:#050505;background-image:linear-gradient(rgba(0,0,0,.36),rgba(0,0,0,.36)),url("assets/collaboration-bg.webp");background-position:center,var(--collab-bg-position);background-size:cover,cover;background-repeat:no-repeat,no-repeat}
.collaboration-page .fg-hero{background:radial-gradient(circle at 78% 34%,rgba(57,230,165,.13),transparent 24%),linear-gradient(135deg,rgba(7,7,7,.34) 20%,rgba(4,20,15,.32) 62%,rgba(5,5,5,.38))}
.collaboration-page .fg-hero:before{content:"04"}
.collaboration-page .section-no:before,.collaboration-page .fg-works-heading .section-no:before{background:var(--collab-accent);box-shadow:0 0 7px rgba(57,230,165,.52)}
.collaboration-page .site-header .nav a:after{background:var(--collab-accent);box-shadow:0 0 7px rgba(57,230,165,.4)}
.collaboration-page .fg-works{background:linear-gradient(180deg,rgba(4,21,15,.42),rgba(5,5,5,.27) 18%,rgba(5,5,5,.35))}
.collaboration-archive-heading{align-items:flex-end}.collaboration-archive-heading h2{font-size:clamp(42px,5.7vw,84px)}
.collaboration-work-count{margin:0 0 5px;color:var(--collab-accent);font:500 clamp(10px,1vw,14px)/1 "Space Grotesk";letter-spacing:.22em;text-shadow:0 0 8px rgba(57,230,165,.3)}
.collaboration-page .fg-video-frame{background:radial-gradient(circle at 50% 36%,rgba(57,230,165,.18),transparent 24%),linear-gradient(145deg,#061b16,#090909 60%,#111815)}
.collaboration-page .fg-work-info{height:145px;padding:10px 12px 8px;border-top-color:rgba(57,230,165,.3)}
.collaboration-page .fg-work-info:before{height:1px;background:var(--collab-accent);box-shadow:0 0 6px rgba(57,230,165,.58),0 0 12px rgba(57,230,165,.2)}
.collaboration-page .fg-number,.collaboration-page .fg-meta{color:var(--collab-accent)}
.collaboration-page .fg-play.is-unavailable i{border-color:rgba(57,230,165,.7)}.collaboration-page .fg-play.is-unavailable span{color:rgba(57,230,165,.82)}
.collaboration-page .fg-back:after{background:var(--collab-accent);box-shadow:0 0 8px rgba(57,230,165,.42)}.collaboration-page .fg-back span{color:var(--collab-accent)}
.collab-card-cta{position:relative;box-sizing:border-box;display:flex;width:min(100%,154px);min-height:25px;align-items:center;justify-content:space-between;margin-top:auto;padding:3px 10px;overflow:hidden;border:1px solid rgba(57,230,165,.72);border-left:3px solid var(--collab-accent);background:rgba(3,3,3,.68);box-shadow:0 0 6px rgba(57,230,165,.1);color:#fff;font:650 10px/1 "Space Grotesk";letter-spacing:.12em;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.collab-card-cta:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--collab-accent);box-shadow:0 0 7px rgba(57,230,165,.38);transition:width .4s ease}.collab-card-cta b{color:var(--collab-accent);font-size:17px;line-height:1;text-shadow:0 0 6px rgba(57,230,165,.34);transition:transform .3s ease,text-shadow .3s ease}
@media(hover:hover) and (pointer:fine){.collaboration-page .fg-work-card:hover .fg-work-info:before{width:100%;box-shadow:0 0 8px rgba(57,230,165,.78),0 0 16px rgba(57,230,165,.3)}.collaboration-page .fg-play:hover i{background:rgba(57,230,165,.16)}.collab-card-cta:hover{border-color:var(--collab-accent);background:rgba(57,230,165,.06);box-shadow:0 4px 12px rgba(0,0,0,.22),0 0 9px rgba(57,230,165,.16);transform:translateY(-1px)}.collab-card-cta:hover:after{width:32%}.collab-card-cta:hover b{transform:translateX(2px);text-shadow:0 0 9px rgba(57,230,165,.5)}}
@media(hover:none){.collaboration-page .fg-work-info:before{width:44px;transition:none}.collab-card-cta,.collab-card-cta:after,.collab-card-cta b{transition:none}}
@media(max-width:760px){.collaboration-page:before{background-color:#050505;background-image:linear-gradient(rgba(0,0,0,.36),rgba(0,0,0,.36)),url("assets/collaboration-bg-mobile.webp");background-position:center,var(--collab-bg-mobile-position);background-size:cover,cover;background-repeat:no-repeat,no-repeat}.collaboration-archive-heading{display:block}.collaboration-archive-heading h2{margin-top:20px;font-size:clamp(36px,10vw,54px)}.collaboration-work-count{margin-top:18px;font-size:8px}.collaboration-page .fg-work-info{height:120px;padding:8px 10px 6px}.collab-card-cta{width:min(100%,132px);min-height:24px;padding:2px 8px;font-size:8px;letter-spacing:.08em}.collab-card-cta b{font-size:14px}}

/* Match the HOW TO guide card button while retaining the collaboration green. */
.collab-card-cta{width:100%;min-height:38px;padding:0 10px;border:1px solid color-mix(in srgb,var(--collab-accent) 62%,transparent);box-shadow:none;font-size:8px;font-weight:600;letter-spacing:.12em;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease,transform .3s ease}.collab-card-cta:after{display:none}.collab-card-cta b{font-size:13px;transition:transform .3s ease,text-shadow .3s ease}
@media(hover:hover) and (pointer:fine){.collab-card-cta:hover{border-color:var(--collab-accent);background:color-mix(in srgb,var(--collab-accent) 8%,rgba(3,3,3,.68));box-shadow:0 0 12px color-mix(in srgb,var(--collab-accent) 20%,transparent);transform:translateY(-1px)}.collab-card-cta:hover b{transform:translateX(3px);text-shadow:0 0 8px color-mix(in srgb,var(--collab-accent) 55%,transparent)}}
@media(max-width:760px){.collab-card-cta{width:100%;min-height:38px;padding-inline:9px;border-left-width:1px;transition:none}.collab-card-cta b{transition:none}.collab-card-cta:hover{background:rgba(3,3,3,.68);box-shadow:none;transform:none}}