:root{--gradient-offset:300px;--title-color:#AA00FE}.work__brand.svelte-16q4b3p .container.svelte-16q4b3p.svelte-16q4b3p{max-width:1214px;display:flex;align-items:center;justify-content:center;flex-direction:column}.work__brand.svelte-16q4b3p .container.svelte-16q4b3p>.svelte-16q4b3p:first-child{margin-bottom:4em}@media screen and (min-width: 1200px){.work__brand.svelte-16q4b3p .container.svelte-16q4b3p.svelte-16q4b3p{flex-direction:row;justify-content:space-between}.work__brand.svelte-16q4b3p .container.svelte-16q4b3p>.svelte-16q4b3p:first-child{margin-bottom:0}}.work__cans.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p,.work__brand.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p{background:#f2f2f2}.work__cans.svelte-16q4b3p .container.svelte-16q4b3p.svelte-16q4b3p{display:flex;align-items:center;justify-content:center}.work__trailer.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p{text-align:center}.work__trailer.svelte-16q4b3p img.svelte-16q4b3p.svelte-16q4b3p{margin:0 auto}.masthead__wrap.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p{position:relative;background-color:#aa00fe}.masthead__wrap.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:calc(var(--gradient-offset) + 0px);background:#fff;z-index:2}.masthead__wrap.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:url(../../../images/work/tc/masthead-pattern.png);background-size:cover;background-position:50% 0;z-index:3;mix-blend-mode:soft-light}.can.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p{background-image:url(../../../images/work/tc/can-cat.webp),url(../../../images/work/tc/can-gelato.webp),url(../../../images/work/tc/can-jelly.webp),url(../../../images/work/tc/can-ocean.webp),linear-gradient(180deg,#a700ff00,#ff00eb);background-position:calc(50% - 700px) 100%,calc(50% - 350px) 100%,calc(50% + 350px) 100%,calc(50% + 700px) 100%,0 calc(var(--gradient-offset) * -1);background-repeat:no-repeat;min-height:1200px;height:160vh;position:relative;z-index:4}.can__container.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p{position:sticky;top:0vh}.can__canvas.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p{margin-top:15vw;margin-bottom:-6px;position:relative;left:50%;transform:translate(-50%) scale(.83);height:396px;width:396px;display:inline-block;transform-origin:50% 100%}@media screen and (max-width: 600px){.can__canvas.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p{margin-top:10vh;transform:scale(.9) translate(-50%);transform-origin:50% 50%}.work__cans.svelte-16q4b3p img.svelte-16q4b3p.svelte-16q4b3p{max-width:200px}.work__cans.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p{overflow:hidden}.work__cans.svelte-16q4b3p .container.svelte-16q4b3p.svelte-16q4b3p{transform:scale(1.4);padding:6em 0}.work__cans.svelte-16q4b3p img.svelte-16q4b3p.svelte-16q4b3p:nth-of-type(1){transform:translate(10%)}.work__cans.svelte-16q4b3p img.svelte-16q4b3p.svelte-16q4b3p:nth-of-type(2){transform:translate(-10%)}.container--spread.svelte-16q4b3p figure.svelte-16q4b3p.svelte-16q4b3p{margin-top:6em}}.work__cans.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p{margin:4em 0 8em;text-align:center;background:linear-gradient(180deg,#fff0,#fff 8%,#f2f2f2 8%,#f2f2f2 92%,#fff 92%,#fff);background:#fff}.work__cans.svelte-16q4b3p img.svelte-16q4b3p.svelte-16q4b3p:nth-of-type(1){transform:translate(20%);max-height:100vh;position:relative;z-index:2}.work__cans.svelte-16q4b3p img.svelte-16q4b3p.svelte-16q4b3p:nth-of-type(2){transform:translate(-20%);max-height:90vh;position:relative;z-index:1}.work__collections.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p{background:linear-gradient(#f2f2f2 8%,#f2f2f2 72%,#fff 72%,#fff)}.container--spread.svelte-16q4b3p figure.svelte-16q4b3p.svelte-16q4b3p{background:#fff;box-shadow:0 0 30px #00000029;margin-top:14em}.container--spread.svelte-16q4b3p figure.svelte-16q4b3p img.svelte-16q4b3p{display:block}.can--item.svelte-16q4b3p.svelte-16q4b3p.svelte-16q4b3p{position:relative;text-align:center;padding-bottom:100px}.can--item.svelte-16q4b3p>.svelte-16q4b3p.svelte-16q4b3p{pointer-events:none}.can--item.svelte-16q4b3p svg.svelte-16q4b3p.svelte-16q4b3p{position:absolute;left:50%;bottom:0;transform:translate(-50%);z-index:-1}