/* MADE WITH. uses the portfolio's shared type, palette, header and footer. */
.collab-hero{padding:160px var(--gutter) 60px;min-height:92svh;display:flex;flex-direction:column;justify-content:center}
.collab-kicker{display:flex;justify-content:space-between;gap:24px;color:var(--muted);margin-bottom:58px}
.collab-kicker span:first-child{color:var(--red)}
.collab-hero h1{font:bold clamp(74px,15.5vw,250px)/.92 var(--display);letter-spacing:-.06em;white-space:nowrap}
.collab-hero h1 .accent-period{color:var(--red)}
.collab-hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:52px;align-items:end}
.collab-hero-copy .eyebrow{margin-bottom:18px;color:var(--muted)}
.collab-hero-copy p{max-width:600px;font-size:clamp(22px,2.05vw,34px);line-height:1.4;letter-spacing:-.025em}
.collab-scroll{justify-self:end;display:flex;align-items:center;gap:24px;font-size:12px}
.collab-scroll span{font:30px/1 var(--sans);color:var(--red);transition:transform .25s}
.collab-scroll:hover span{transform:translateY(5px)}
.collab-context{margin:0 var(--gutter);padding:28px 0 32px;border-top:1px solid var(--line)}
.collab-context p{max-width:none;font-size:clamp(15px,1.15vw,18px);line-height:1.6;color:var(--muted)}
.collab-context p a{color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.collab-roster{padding:40px var(--gutter) 100px;display:grid;grid-template-columns:145px minmax(0,1fr) 145px;gap:2vw;align-items:start}
.collab-rail{position:sticky;top:140px;padding-top:20px;color:var(--muted)}
.collab-rail h2{font:12px/1.6 var(--mono);letter-spacing:.015em;font-weight:400;max-width:120px}
.collab-counter{display:flex;align-items:baseline;gap:10px;margin-top:28px;color:var(--paper)}
.collab-counter b{font:48px/1 var(--sans);font-weight:400;letter-spacing:-.06em}
.collab-counter span{font:12px var(--mono);color:var(--muted)}
.collab-track{margin-top:24px;width:70px;height:2px;background:var(--line);transform-origin:left}
.collab-track span{display:block;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.collab-names{list-style:none;padding:0;margin:0;min-width:0}
.collab-name{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:clamp(112px,11.5vw,180px);padding:19px 0}
.collab-name .artist-index{position:absolute;left:-26px;font:11px var(--mono);color:var(--red)}
.artist-name{display:block;font:bold clamp(44px,var(--name-size,8.4vw),146px)/1.03 var(--display);letter-spacing:-.05em;transform-origin:center;overflow-wrap:normal;transition:opacity .6s ease,transform .7s cubic-bezier(.2,.65,.2,1);will-change:auto}
.collaborations-motion .artist-name{opacity:.34;transform:translateY(14px) scale(.985)}
.collaborations-motion .collab-name.is-near .artist-name{opacity:.68;transform:translateY(4px) scale(1)}
.collaborations-motion .collab-name.is-current .artist-name{opacity:1;transform:translateY(0) scale(1.015)}
.collaborations-motion .collab-name.is-past .artist-name{transform:translateY(-7px) scale(.985)}
.collab-work{padding:90px var(--gutter) 110px;border-top:1px solid var(--line)}
.collab-work-intro{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;margin-bottom:55px}
.collab-work h2{font:bold clamp(48px,6.8vw,112px)/1 var(--display);letter-spacing:-.055em;max-width:650px}
.collab-work-intro p{font-size:clamp(20px,2vw,30px);line-height:1.45;letter-spacing:-.02em;max-width:620px;color:var(--muted)}
.collab-projects{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.collab-projects a{display:grid;grid-template-columns:45px 1fr auto;gap:22px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}
.collab-projects .mono{color:var(--muted)}
.collab-projects h3{font:bold clamp(26px,3.3vw,55px)/1.15 var(--display);letter-spacing:-.035em;transition:transform .25s,color .25s}
.collab-projects small{display:block;font:11px/1.6 var(--mono);color:var(--muted);margin-top:10px;text-transform:uppercase}
.collab-projects .project-arrow{font:32px/1 var(--sans);color:var(--red);transition:transform .25s}
.collab-projects a:hover h3{transform:translateX(8px)}
.collab-projects a:hover .project-arrow{transform:translate(3px,-3px)}
.collab-all-work{margin-top:32px;width:fit-content}
.collab-contact .footer-top{align-items:baseline}
.collab-contact .footer-top>span:first-child{max-width:50%;text-transform:none;font:clamp(16px,1.35vw,21px)/1.5 var(--sans);letter-spacing:0}
.collab-contact .footer-cta{font-size:clamp(58px,10vw,166px);align-items:flex-end}
.collab-contact .footer-cta h2{font:inherit;letter-spacing:inherit;line-height:inherit}
.about-collaborations-link{margin-top:24px}
@media(min-width:1600px){.collab-roster{grid-template-columns:200px minmax(0,1fr) 200px}.collab-name{min-height:175px}.collab-hero{min-height:850px}}
@media(max-width:1050px){.collab-roster{grid-template-columns:90px minmax(0,1fr) 90px}.artist-name{font-size:clamp(38px,var(--name-size,8.4vw),112px)}.collab-name .artist-index{display:none}.collab-hero{min-height:80svh}.collab-kicker{margin-bottom:45px}}
@media(max-width:700px){
 .collab-hero{min-height:78svh;padding:125px var(--gutter) 48px}
 .collab-kicker{font-size:10px;margin-bottom:45px;gap:18px}.collab-kicker span:last-child{text-align:right}
 .collab-hero h1{font-size:16.4vw;letter-spacing:-.06em}
 .collab-hero-copy{grid-template-columns:1fr;margin-top:32px;gap:36px}
 .collab-hero-copy p{font-size:23px;max-width:450px}.collab-scroll{justify-self:start;font-size:11px;gap:20px}
 .collab-context{padding:24px 0 28px}.collab-context p{font-size:15px;line-height:1.6}
 .collab-roster{display:block;padding-top:0;padding-bottom:60px}
 .collab-rail{top:70px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;background:var(--ink);border-bottom:1px solid var(--line)}
 .collab-rail h2{max-width:none;font-size:10px}.collab-counter{margin:0;gap:8px}.collab-counter b{font-size:25px}.collab-counter span{font-size:10px}.collab-track{display:none}
 .collab-names{padding-top:24px}.collab-name{min-height:108px;padding:20px 0}
 .artist-name{font-size:clamp(27px,calc(var(--name-size,8.4vw)*1.09),65px);letter-spacing:-.045em}
 .collab-work{padding-top:55px;padding-bottom:65px}.collab-work-intro{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.collab-work h2{font-size:14vw}.collab-work-intro p{font-size:21px}
 .collab-projects a{grid-template-columns:22px 1fr 25px;gap:14px;padding:25px 0}.collab-projects h3{font-size:28px}.collab-projects small{font-size:10px;max-width:260px}.collab-projects .project-arrow{font-size:26px}.collab-projects a:hover h3{transform:none}
 .collab-contact .footer-top{align-items:flex-start;gap:22px}.collab-contact .footer-top>span:first-child{max-width:60%;font-size:16px}.collab-contact .footer-top>span:last-child{text-align:right}
 .collab-contact .footer-cta{font-size:13.6vw;gap:15px}.collab-contact .footer-cta h2{max-width:85%}
}
@media(prefers-reduced-motion:reduce){.collaborations-motion .artist-name{opacity:1;transform:none!important}.collab-track span{transition:none}}