.collaborations{position:relative;background:#050c17;color:#f4f2ed}.collaborations-intro{height:82svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:7rem 6vw;background:#f1eee7;color:#101827}.collaborations-intro h2{font:400 clamp(5rem,10vw,11rem)/.76 'Cormorant Garamond',Georgia,serif;letter-spacing:-.055em;margin:0}.collaborations-intro h2 em{font-weight:300}.collaborations-intro>p:not(.eyebrow){font:300 1.25rem/1.55 'Cormorant Garamond',Georgia,serif;max-width:610px;margin:2.2rem auto 0;color:#52616c}.collaborations-intro>span{margin-top:4rem;font:600 .58rem Inter,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#697782}.project-step{display:contents}.project-panel{position:sticky;top:0;height:100svh;overflow:hidden;border-radius:28px 28px 0 0;background:#07101f;transform-origin:center top;will-change:auto;z-index:var(--project-index);box-shadow:0 -20px 80px rgba(0,0,0,.36)}.project-panel>img,.project-shade{position:absolute;inset:0;width:100%;height:100%}.project-panel>img{object-fit:cover;transform:scale(1.055);transition:transform 1.3s cubic-bezier(.16,.8,.22,1);filter:saturate(.68) contrast(1.03)}.project-panel.is-active>img{transform:scale(1)}.project-shade{background:linear-gradient(90deg,rgba(4,11,22,.88) 0%,rgba(4,11,22,.53) 43%,rgba(4,11,22,.08) 78%),linear-gradient(0deg,rgba(3,9,18,.64),transparent 48%,rgba(3,9,18,.2))}.project-top{position:absolute;top:3.3rem;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.42);padding-top:1.1rem;font:500 .62rem Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase}.project-copy{position:absolute;left:7vw;bottom:8vh;max-width:880px}.project-copy>p:first-child{font:600 .64rem Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#b8cfdd;margin:0 0 1.8rem}.project-copy h3{font:400 clamp(5rem,9vw,10rem)/.76 'Cormorant Garamond',Georgia,serif;letter-spacing:-.05em;margin:0}.project-copy h3 em{font-weight:300}.project-copy>p:nth-of-type(2){font:300 1.2rem/1.55 'Cormorant Garamond',Georgia,serif;color:rgba(245,247,248,.8);max-width:650px;margin:2rem 0 0}.project-copy ul{display:flex;gap:.65rem;list-style:none;padding:0;margin:2rem 0 0}.project-copy li{border:1px solid rgba(255,255,255,.42);border-radius:100px;padding:.7rem 1rem;font:500 .58rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;background:rgba(7,16,31,.22);backdrop-filter:blur(8px)}
@media(max-width:900px){.collaborations-intro{height:72svh}.collaborations-intro h2{font-size:16vw}.project-panel{border-radius:20px 20px 0 0}.project-panel>img{object-position:center}.project-shade{background:linear-gradient(0deg,rgba(3,9,18,.92) 0%,rgba(3,9,18,.2) 72%,rgba(3,9,18,.34))}.project-top{top:2rem;left:6vw;right:6vw}.project-copy{left:6vw;right:6vw;bottom:7vh}.project-copy h3{font-size:14vw}.project-copy>p:nth-of-type(2){font-size:1.05rem;max-width:90%}}
@media(max-width:540px){.collaborations-intro{height:66svh;padding-left:5vw;padding-right:5vw}.collaborations-intro>p:not(.eyebrow){font-size:1.05rem}.collaborations-intro>span{margin-top:2.5rem}.project-top{font-size:.52rem}.project-copy h3{font-size:16vw}.project-copy>p:first-child{margin-bottom:1.2rem}.project-copy>p:nth-of-type(2){font-size:.96rem;margin-top:1.4rem}.project-copy ul{flex-wrap:wrap;margin-top:1.4rem}.project-copy li{font-size:.5rem;padding:.55rem .7rem}}
.project-copy li.project-details-item{padding:0;border:0;background:none;backdrop-filter:none}
.project-details-button{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:0;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.42);border-radius:100px;background:rgba(7,16,31,.22);color:#f5f4ef;backdrop-filter:blur(8px);cursor:pointer;font:600 .58rem/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:background .35s,color .35s,border-color .35s,transform .35s}
.project-details-button i{color:#9eb9ff;font:400 .72rem/1 Inter,sans-serif;font-style:normal;transition:transform .35s}
.project-details-button:hover{background:#f3f1eb;color:#071321;border-color:#f3f1eb;transform:translateY(-2px)}.project-details-button:hover i{transform:rotate(45deg);color:#526fff}
.project-details-card{position:absolute;right:5vw;bottom:8vh;z-index:5;width:min(410px,34vw);padding:2rem;background:rgba(5,16,29,.9);border:1px solid rgba(190,215,228,.32);box-shadow:0 30px 80px rgba(0,0,0,.38);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateX(35px);transition:opacity .45s ease,transform .6s cubic-bezier(.16,.8,.22,1),visibility .45s}
.project-panel.details-open .project-details-card{opacity:1;visibility:visible;transform:none}.project-details-card>button{position:absolute;right:1rem;top:.8rem;border:0;background:none;color:#dce8ee;font:300 1.8rem/1 Inter,sans-serif;cursor:pointer}.project-details-card>small{color:#93aaff;font:700 .58rem/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase}.project-details-card dl{margin:2rem 0 0}.project-details-card dl div{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid rgba(190,215,228,.18)}.project-details-card dt{color:rgba(203,221,230,.48);font:600 .56rem/1.4 Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase}.project-details-card dd{margin:0;color:#eff2f2;font:500 .72rem/1.55 Inter,sans-serif;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:900px){.project-details-card{left:6vw;right:6vw;bottom:5vh;width:auto}.project-panel.details-open .project-copy{opacity:.18;transition:opacity .35s}}
@media(max-width:540px){.project-details-button{padding:.55rem .72rem;font-size:.5rem}.project-details-button i{font-size:.62rem}.project-details-card{padding:1.5rem}.project-details-card dl div{grid-template-columns:1fr;gap:.45rem;padding:.8rem 0}}
@media(prefers-reduced-motion:reduce){.project-panel,.project-panel>img{transition:none!important;transform:none!important;filter:none!important}}

/* Keep Chromium sticky layers free of whole-panel filter surfaces. */
.collaborations .project-panel{filter:none!important;will-change:auto}
.collaborations .project-shade::after{content:"";position:absolute;inset:0;background:#020912;opacity:var(--project-dim,0);pointer-events:none}
.collaborations .project-details-card[hidden]{display:none!important}
.collaborations .project-details-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(5,16,29,.97)}
@media(prefers-reduced-motion:reduce){.collaborations .project-shade::after{opacity:0}}

/* Native sticky stacking: no transformed or filtered full-viewport surfaces. */
.collaborations{isolation:isolate}
.collaborations .project-panel{position:sticky;top:0;transform:none!important;filter:none!important;will-change:auto;contain:none;backface-visibility:visible;box-shadow:none}
.collaborations .project-panel>img{transform:none!important;filter:none!important;transition:none;will-change:auto}
.collaborations .project-copy li,.collaborations .project-details-button{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(7,16,31,.55)}