.collage-hero{--collage-tilt: 2deg;--collage-color-tint: rgba(107, 45, 62, .08);position:relative;contain:layout style paint;content-visibility:auto;contain-intrinsic-size:auto 500px}.collage-hero :global(.breakout-width){max-width:none;padding-inline:0;margin:0}.collage-hero :global(figure){margin:0}.collage-hero :global(figure img){border-radius:2px}.collage-hero--designer,.collage-hero--brand{display:grid;grid-template-columns:1fr;gap:0;margin-block:2rem 3rem}@media(min-width:640px){.collage-hero--designer,.collage-hero--brand{grid-template-columns:5fr 7fr;gap:2rem;align-items:start}.collage-hero--designer .collage-hero-meta,.collage-hero--brand .collage-hero-meta{order:-1;padding-top:1rem}.collage-hero--designer .collage-hero-image,.collage-hero--brand .collage-hero-image{position:relative}.collage-hero--designer .collage-hero-image :global(figure img),.collage-hero--brand .collage-hero-image :global(figure img){transform:rotate(calc(var(--collage-tilt) * -1));clip-path:polygon(1% 0%,99% 2%,100% 1%,98% 98%,97% 100%,3% 100%,0% 97%,2% 3%);transition:transform .4s var(--ease-editorial)}.collage-hero--designer .collage-hero-image :global(figure img):hover,.collage-hero--brand .collage-hero-image :global(figure img):hover{transform:rotate(0)}.collage-hero--designer .collage-hero-image:before,.collage-hero--brand .collage-hero-image:before{content:"";position:absolute;inset:1rem -.75rem -1rem .75rem;background:var(--collage-color-tint);mix-blend-mode:multiply;border-radius:2px;z-index:-1;pointer-events:none}}.collage-hero-meta .collage-meta-label{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-micro);text-transform:uppercase;letter-spacing:.1em;padding:.25rem .625rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);margin-right:.5rem;margin-bottom:.5rem}@media(min-width:640px){.collage-hero-meta .collage-meta-label{transform:rotate(calc(var(--collage-tilt) * .5))}.collage-hero-meta .collage-meta-label:nth-child(2n){transform:rotate(calc(var(--collage-tilt) * -.75))}}.collage-hero--collection{display:grid;grid-template-columns:1fr;gap:0;margin-block:2rem 3rem}@media(min-width:640px){.collage-hero--collection{grid-template-columns:4fr 8fr;gap:2rem;align-items:start}.collage-hero--collection .collage-hero-meta{order:-1;padding-top:1rem}.collage-hero--collection .collage-hero-image{position:relative}.collage-hero--collection .collage-hero-image :global(figure img){transform:rotate(calc(var(--collage-tilt) * .75));clip-path:polygon(0% 1%,98% 0%,100% 3%,99% 97%,97% 100%,2% 99%,0% 98%,1% 2%);transition:transform .4s var(--ease-editorial)}.collage-hero--collection .collage-hero-image :global(figure img):hover{transform:rotate(0)}.collage-hero--collection .collage-hero-image:before{content:"";position:absolute;inset:-.5rem 1rem .5rem -1rem;background:var(--collage-color-tint);mix-blend-mode:multiply;border-radius:2px;z-index:-1;pointer-events:none}}.collage-hero--piece{margin-block:2rem 3rem}@media(min-width:640px){.collage-hero--piece .collage-hero-image{position:relative}.collage-hero--piece .collage-hero-image :global(figure img){clip-path:polygon(0% 0%,100% 1%,99% 100%,1% 99%);transition:clip-path .4s var(--ease-editorial)}.collage-hero--piece .collage-hero-image :global(figure img):hover{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.collage-hero--piece .collage-hero-image:after{content:"";position:absolute;inset:-4px;border:1px solid var(--color-border);pointer-events:none;z-index:1}}.collage-hero--movement{margin-block:2rem 3rem}@media(min-width:640px){.collage-hero--movement .collage-hero-image{position:relative}.collage-hero--movement .collage-hero-image :global(figure img){transform:rotate(calc(var(--collage-tilt) * .5));clip-path:polygon(2% 0%,100% 1%,98% 100%,0% 99%);transition:transform .4s var(--ease-editorial)}.collage-hero--movement .collage-hero-image :global(figure img):hover{transform:rotate(0)}.collage-hero--movement .collage-hero-image:before{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:3px;background:var(--collage-color-tint);z-index:1;pointer-events:none}}.collage-hero--designer~.collage-influenced-item:nth-child(odd){transform:rotate(calc(var(--collage-tilt) * .25))}.collage-hero--designer~.collage-influenced-item:nth-child(2n){transform:rotate(calc(var(--collage-tilt) * -.25))}.collage-featured{--collage-tilt: 2deg;--collage-color-tint: rgba(107, 45, 62, .08);position:relative;contain:layout style paint}.collage-featured-image{position:relative}@media(min-width:640px){.collage-featured-image img{transform:rotate(calc(var(--collage-tilt) * -1));clip-path:polygon(1% 0%,99% 2%,100% 1%,98% 98%,97% 100%,3% 100%,0% 97%,2% 3%);transition:transform .4s var(--ease-editorial)}.collage-featured-image:hover img{transform:rotate(0)}.collage-featured-image:before{content:"";position:absolute;inset:1rem -.75rem -1rem .75rem;background:var(--collage-color-tint);mix-blend-mode:multiply;border-radius:2px;z-index:-1;pointer-events:none}}.collage-card-grid{--collage-tilt: 2deg}@media(min-width:640px){.collage-card-grid>:nth-child(odd){transform:rotate(calc(var(--collage-tilt) * .3))}.collage-card-grid>:nth-child(2n){transform:rotate(calc(var(--collage-tilt) * -.25))}.collage-card-grid>:nth-child(3n){transform:rotate(calc(var(--collage-tilt) * .5))}.collage-card-grid>*{transition:transform .3s var(--ease-editorial)}.collage-card-grid>*:hover{transform:rotate(0)!important}}.collage-movement-card{position:relative;overflow:hidden}.collage-movement-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--collage-color-tint, rgba(107, 45, 62, .08));pointer-events:none}@media(prefers-color-scheme:dark){.collage-hero{--collage-color-tint: rgba(196, 122, 142, .12)}.collage-hero--designer .collage-hero-image:before,.collage-hero--brand .collage-hero-image:before,.collage-hero--collection .collage-hero-image:before{mix-blend-mode:screen}.collage-featured{--collage-color-tint: rgba(196, 122, 142, .12)}.collage-featured-image:before{mix-blend-mode:screen}}.collage-hero:after,.collage-featured:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");background-size:256px 256px;mix-blend-mode:overlay;opacity:.4;pointer-events:none;z-index:2}.collage-section{contain:layout style paint;content-visibility:auto;contain-intrinsic-size:auto 400px}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){.collage-hero,.collage-section{animation:collage-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 80%;will-change:transform}}}@keyframes collage-reveal{0%{opacity:.85;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.collage-hero,.collage-hero *,.collage-hero :before,.collage-hero :after,.collage-featured,.collage-featured *,.collage-featured :before,.collage-featured :after,.collage-card-grid>*,.collage-section{transform:none!important;animation:none!important;animation-timeline:none!important;transition-duration:.01ms!important}}@media(max-width:639px){.collage-hero{margin-block:1rem 2rem}.collage-hero--designer .collage-hero-image :global(figure img),.collage-hero--brand .collage-hero-image :global(figure img){transform:none;clip-path:none}.collage-hero--designer .collage-hero-image:before,.collage-hero--brand .collage-hero-image:before{display:none}.collage-hero--collection .collage-hero-image :global(figure img){transform:none;clip-path:none}.collage-hero--collection .collage-hero-image:before{display:none}.collage-hero--piece .collage-hero-image :global(figure img){clip-path:none}.collage-hero--piece .collage-hero-image:after{display:none}.collage-hero--movement .collage-hero-image :global(figure img){transform:none;clip-path:none}.collage-hero--movement .collage-hero-image:before{display:none}.collage-featured-image img{transform:none!important;clip-path:none!important}.collage-featured-image:before{display:none}.collage-card-grid>*{transform:none!important}.collage-hero:after,.collage-featured:after{display:none}.collage-meta-label{transform:none!important}}
