.collab-detail{width:100%;background:rgb(var(--color-background))}.collab-detail__hero{position:relative;width:100%;height:clamp(60vh,80vh,900px);overflow:hidden}.collab-detail__hero-img{width:100%;height:100%;object-fit:cover;display:block}.collab-detail__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#00000026,#0000)}.collab-detail__hero-content{position:absolute;bottom:0;left:0;right:0;padding:clamp(32px,5vw,72px) clamp(24px,5vw,72px);color:#fff;display:flex;flex-direction:column;gap:8px;max-width:1680px;margin:0 auto}.collab-detail__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(2rem,6vw,5rem);font-weight:600;letter-spacing:-.03em;line-height:1;max-width:18ch}.collab-detail__body{max-width:780px;margin:clamp(48px,6vw,96px) auto;padding:0 clamp(16px,4vw,32px);font-size:1.05rem;line-height:1.7;color:rgba(var(--color-foreground),.85)}.collab-detail__gallery{display:grid;gap:clamp(8px,1.5vw,16px);padding:clamp(32px,5vw,72px) clamp(16px,4vw,72px);max-width:1680px;margin:0 auto}.collab-detail__gallery--2col{grid-template-columns:repeat(2,1fr)}.collab-detail__gallery--3col{grid-template-columns:repeat(3,1fr)}.collab-detail__gallery--4col{grid-template-columns:repeat(4,1fr)}.collab-detail__item{margin:0;aspect-ratio:3 / 4;overflow:hidden;background:rgba(var(--color-foreground),.04)}.collab-detail__item-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.collab-detail__item:hover .collab-detail__item-img{transform:scale(1.04)}.collab-detail__back{padding:0 clamp(24px,5vw,72px) clamp(48px,6vw,96px);text-align:center}.collab-detail__back-link{display:inline-block;padding:14px 28px;border:1px solid rgba(var(--color-foreground),.4);color:rgb(var(--color-foreground));text-decoration:none;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;transition:background .3s ease,color .3s ease}.collab-detail__back-link:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (max-width:989px){.collab-detail__gallery--3col,.collab-detail__gallery--4col{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:599px){.collab-detail__hero{height:70vh}.collab-detail__gallery--2col,.collab-detail__gallery--3col,.collab-detail__gallery--4col{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-collaboration-detail.css.map */