*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-underline-position:under;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@font-face{font-family:Denim INK;src:url(DenimINK-Light.3c4249eb.woff2)format("woff2"),url(DenimINK-Light.3ef430b3.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Denim INK;src:url(DenimINK-Regular.a422c62f.woff2)format("woff2"),url(DenimINK-Regular.b9d885f8.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Denim INK;src:url(DenimINK-Medium.f26c650d.woff2)format("woff2"),url(DenimINK-Medium.feff0942.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Denim INK;src:url(DenimINK-Bold.9bf8909e.woff2)format("woff2"),url(DenimINK-Bold.e9586bdb.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}.f-medium{font-weight:500}.f-bold{font-weight:700}h1,.f-title-1{letter-spacing:-.02em;font-size:4rem;font-weight:700;line-height:1.125}@media screen and (min-width:56.25em){h1,.f-title-1{font-size:6rem;line-height:1}}h2,.f-title-2{letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.3}@media screen and (min-width:56.25em){h2,.f-title-2{font-size:3.5rem;line-height:1.14}}h3,.f-title-3{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1.2}@media screen and (min-width:56.25em){h3,.f-title-3{font-size:2.8rem;line-height:1.07}}h4,h5,h6{letter-spacing:-.01em;font-family:Denim INK,Helvetica,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.38}small{letter-spacing:.03em;text-transform:uppercase;font-size:1.2rem;font-weight:500;line-height:1.33}.f-light{font-weight:300}button,.button{cursor:pointer;color:currentColor;background-color:#0000;border:none;border-radius:0;padding:0}.button{font-family:var(--font-family-body);letter-spacing:-.01em;color:var(--color-black);background-color:var(--color-white);text-align:center;transition:color var(--timing-reg),box-shadow var(--timing-reg),background-color var(--timing-reg);border-radius:3rem;align-items:center;padding:1.1rem 2.4rem 1.3rem;font-size:1.4rem;font-weight:400;line-height:1;display:inline-flex;box-shadow:1px 1px 4px #0000001a}.button svg{margin-right:.8rem}.button:hover{color:var(--color-white);background-color:var(--color-offblack);box-shadow:1px 1px 1px #0000001a}.button:focus{outline:none}.button:focus-visible{outline-offset:.3em;outline:.15em dashed}.button--link{color:currentColor;background-color:#0000;padding:0;text-decoration:underline}.button--link:hover{color:var(--color-pink);background-color:#0000}.button--black{color:var(--color-white);background-color:#000}.dark-mode .button--black{background-color:var(--color-offblack)}.button--black:hover{background-color:var(--color-white);color:var(--color-black)}.button--offblack{color:var(--color-white);background-color:#262626}.dark-mode .button--offblack{background-color:var(--color-offblack)}.button--offblack:hover{background-color:var(--color-white);color:var(--color-black)}.button--white{background-color:#fff}.button--offwhite{box-shadow:none;border:.1rem solid var(--color-chalk);background-color:#f4f3f2}.button--chalk{background-color:#d8d6cf}.button--pink{background-color:#f4accd}.button--lightpink{background-color:#f8d9e7}.button--darkpink{background-color:#c9afbb}.button--green{background-color:#45d108}.button--lightgreen{background-color:#ace892}.button--yellow{background-color:#e0b942}.button--lightyellow{background-color:#ead79f}.button--grey{background-color:#c7c7c7}.button--midgrey{background-color:#d5d3d0}.button--lightgrey{background-color:#e6e4e5}.button--notquitedarkgrey{background-color:#717171}.button--darkgrey{background-color:#434343}:root{--color-black:#000;--color-offblack:#262626;--color-white:#fff;--color-offwhite:#f4f3f2;--color-chalk:#d8d6cf;--color-pink:#f4accd;--color-lightpink:#f8d9e7;--color-darkpink:#c9afbb;--color-green:#45d108;--color-lightgreen:#ace892;--color-yellow:#e0b942;--color-lightyellow:#ead79f;--color-grey:#c7c7c7;--color-midgrey:#d5d3d0;--color-lightgrey:#e6e4e5;--color-notquitedarkgrey:#717171;--color-darkgrey:#434343;--spacing-xsmall:1rem;--spacing-small:2rem;--spacing-medium:3rem;--spacing-large:6rem;--spacing-xlarge:8rem;--timing-fast:.1s;--timing-reg:.3s;--timing-slow:.5s;--top-bar-height:5rem;--vh:100vh;--scrollbar:0px;--col-spacing:.5rem;--site-gutter:.7rem;--col-gutter:calc(var(--col-spacing)*2);--site-margin:calc(var(--site-gutter) + var(--col-spacing));--grid-width:calc((100vw - var(--scrollbar)) - (2*var(--site-gutter)));--col-1:calc(var(--grid-width)*.0833);--col-1--gutters:calc(var(--grid-width)*.0833 - (var(--col-gutter)));--col-2:calc(var(--grid-width)*.1666);--col-2--gutters:calc(var(--grid-width)*.1666 - (var(--col-gutter)));--col-3:calc(var(--grid-width)*.25);--col-3--gutters:calc(var(--grid-width)*.25 - (var(--col-gutter)));--col-4:calc(var(--grid-width)*.333);--col-4--gutters:calc(var(--grid-width)*.333 - (var(--col-gutter)));--col-5:calc(var(--grid-width)*.4166);--col-5--gutters:calc(var(--grid-width)*.4166 - (var(--col-gutter)));--col-6:calc(var(--grid-width)*.5);--col-6--gutters:calc(var(--grid-width)*.5 - (var(--col-gutter)));--col-7:calc(var(--grid-width)*.5833);--col-7--gutters:calc(var(--grid-width)*.5833 - (var(--col-gutter)));--col-8:calc(var(--grid-width)*.666);--col-8--gutters:calc(var(--grid-width)*.666 - (var(--col-gutter)));--col-9:calc(var(--grid-width)*.75);--col-9--gutters:calc(var(--grid-width)*.75 - (var(--col-gutter)));--col-10:calc(var(--grid-width)*.833);--col-10--gutters:calc(var(--grid-width)*.833 - (var(--col-gutter)));--col-11:calc(var(--grid-width)*.9166);--col-11--gutters:calc(var(--grid-width)*.9166 - (var(--col-gutter)));--col-12:calc(var(--grid-width)*1);--col-12--gutters:calc(var(--grid-width)*1 - (var(--col-gutter)))}@media screen and (min-width:56.25em){:root{--col-spacing:.8rem;--site-gutter:3rem;--top-bar-height:8rem}}::selection{background-color:var(--color-white);color:var(--color-black)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-black);color:var(--color-white);font-size:62.5%;font-weight:400}body{letter-spacing:-.01em;font-family:Denim INK,Helvetica,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.38}body.working,body.downloading{cursor:wait}body.downloading .site-wrap:after{content:"";z-index:5;background-color:#21212180;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:5rem;position:absolute;inset:0}body.stop-scrolling{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}a{color:var(--color-black);cursor:pointer;text-decoration:none;display:inline-block}a:active,a:focus{outline:none}a:focus-visible{outline-offset:.3em;outline:.15em dashed}.color-black{color:#000}.background-black{background-color:#000}.color-offblack{color:#262626}.background-offblack{background-color:#262626}.color-white{color:#fff}.background-white{background-color:#fff}.color-offwhite{color:#f4f3f2}.background-offwhite{background-color:#f4f3f2}.color-chalk{color:#d8d6cf}.background-chalk{background-color:#d8d6cf}.color-pink{color:#f4accd}.background-pink{background-color:#f4accd}.color-lightpink{color:#f8d9e7}.background-lightpink{background-color:#f8d9e7}.color-darkpink{color:#c9afbb}.background-darkpink{background-color:#c9afbb}.color-green{color:#45d108}.background-green{background-color:#45d108}.color-lightgreen{color:#ace892}.background-lightgreen{background-color:#ace892}.color-yellow{color:#e0b942}.background-yellow{background-color:#e0b942}.color-lightyellow{color:#ead79f}.background-lightyellow{background-color:#ead79f}.color-grey{color:#c7c7c7}.background-grey{background-color:#c7c7c7}.color-midgrey{color:#d5d3d0}.background-midgrey{background-color:#d5d3d0}.color-lightgrey{color:#e6e4e5}.background-lightgrey{background-color:#e6e4e5}.color-notquitedarkgrey{color:#717171}.background-notquitedarkgrey{background-color:#717171}.color-darkgrey{color:#434343}.background-darkgrey{background-color:#434343}.hide-desktop{display:block}@media screen and (min-width:37.5em){.hide-desktop{display:none}}.hide-mobile{display:none}@media screen and (min-width:37.5em){.hide-mobile{display:block}}.hide-mobile-flex{display:none}@media screen and (min-width:37.5em){.hide-mobile-flex{display:flex}}.hide-tablet{display:none}@media screen and (min-width:56.25em){.hide-tablet{display:block}}.hide-tablet-flex{display:none}@media screen and (min-width:56.25em){.hide-tablet-flex{display:flex}}.svg-fill{fill:currentColor}.svg-stroke{stroke:currentColor}.visually-hidden{clip:rect(0 0 0 0);border:0;width:.1rem;height:.1rem;margin:-.1rem;padding:0;position:absolute;overflow:hidden}.socials{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}@media screen and (min-width:56.25em){.socials{gap:1rem}}.socials a{color:currentColor;width:3.5rem;height:3.5rem;transition:background-color var(--timing-reg);background-color:#0000;border:.1rem solid;border-radius:100%;justify-content:center;align-items:center;display:flex}.socials a:hover{background-color:var(--color-pink);color:var(--color-black)}@media screen and (min-width:56.25em){.socials a{width:4.5rem;height:4.5rem}}.ccc-notify-button{border-radius:5rem!important}.top-bar{width:100%;color:var(--color-black);background-color:var(--color-lightgrey);padding:1.2rem var(--site-margin);min-height:var(--top-bar-height);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.top-bar>*{flex:1}.top-bar a{justify-content:flex-end;display:flex}.top-bar__logo{line-height:0}.top-bar__logo svg{width:auto;height:5rem}.topbar__buttons{align-items:center;gap:1.6rem;display:flex}.topbar__buttons button{align-items:center;display:inline-flex}.topbar__buttons button svg{width:1.6rem;height:auto;margin-right:.4rem;overflow:visible}.topbar__buttons button span{line-height:0}.section{padding:var(--site-margin);min-height:100vh;min-height:var(--vh);width:100%}@media screen and (min-width:56.25em){.section{min-height:100vh}}.welcome{background-color:var(--color-black);color:var(--color-white);flex-direction:column;display:flex;position:relative}@media screen and (min-width:56.25em){.welcome{justify-content:center;align-items:center}}.welcome__video{width:calc(100% + var(--site-margin)*2);margin-left:calc(-1*var(--site-margin));margin-top:calc(-1*var(--site-margin));object-fit:cover;object-position:center;flex-grow:1;height:auto;min-height:40vh;max-height:40rem}@media screen and (min-width:56.25em){.welcome__video{z-index:0;width:100%;max-width:100%;height:100%;max-height:none;margin:0;position:absolute;inset:0}}.welcome-content{text-align:center;padding:var(--site-margin);z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.welcome-content svg{max-width:100%;height:auto}.welcome-content h2{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1.2}@media screen and (min-width:56.25em){.welcome-content h2{font-size:2.8rem;line-height:1.07}}.welcome-content h2{max-width:20ch;margin-top:2rem}.welcome-content p{margin-top:2.6rem;display:none}.welcome-content a{font-family:var(--font-family-body);letter-spacing:-.01em;text-underline-position:auto;font-size:1.4rem;font-weight:400;line-height:1.57;text-decoration:underline}.welcome-content a:hover{color:var(--color-pink)}@media screen and (min-width:56.25em){.welcome-content{background-color:var(--color-black);width:var(--col-8--gutters);flex:none;margin-top:0;padding:4rem}.welcome-content h2{margin-top:3.2rem}.welcome-content p{display:block}}@media screen and (min-width:75em){.welcome-content{width:var(--col-6--gutters)}}.welcome-content__logo svg{width:6rem;height:auto}@media screen and (min-width:56.25em){.welcome-content__logo svg{width:10rem}}.welcome-content__glow{margin-top:1.6rem}.welcome-content__glow svg{max-width:30rem;height:auto}@media screen and (min-width:56.25em){.welcome-content__glow svg{max-width:none}}.welcome-content__buttons{gap:.8rem;margin-top:3.2rem;margin-bottom:1.6rem;display:flex}@media screen and (min-width:56.25em){.welcome-content__buttons{gap:1.6rem}}.welcome-content__buttons form{display:none}.welcome-content__buttons .button{max-width:23rem}.camera{padding-top:var(--top-bar-height);justify-content:center;align-items:center;display:flex}.camera-content{flex-direction:column;align-items:center;width:100%;display:flex}.camera-content h2{margin-top:2rem}.camera-content video{background-color:var(--color-offblack);width:100%;max-width:64rem;height:40rem;margin-top:2rem}@media screen and (min-width:56.25em){.camera-content video{height:48rem;margin-top:4rem}}.camera-content button{margin-top:5rem}.crop{padding-top:var(--top-bar-height);justify-content:center;align-items:center;display:flex}.crop[data-current-background=white] cropper-canvas{background:#fff}.crop[data-current-background=black] cropper-canvas{background:#000}.crop-content{flex-direction:column;align-items:center;width:100%;display:flex}.crop-content h2{margin-top:2rem}.crop-content p{text-align:center;max-width:45ch;margin-top:.8rem}.crop-content .crop-content__output{vertical-align:top;background-color:var(--color-offblack);flex-direction:column;width:100%;max-width:64rem;height:100%;min-height:40rem;margin-top:2rem;display:inline-flex;position:relative}@media screen and (min-width:56.25em){.crop-content .crop-content__output{flex-direction:row;min-height:48rem;margin-top:4rem}}.crop-content canvas{display:none}.crop-content cropper-canvas{width:100%;max-width:100%;height:100%;position:absolute}.crop-content cropper-handle{background-color:#0000}.crop-content__bgs{z-index:2;justify-content:center;gap:1rem;margin-top:auto;margin-bottom:1rem;display:flex}@media screen and (min-width:56.25em){.crop-content__bgs{flex-direction:column;margin-top:0;position:absolute;top:0;left:calc(100% + 1.6rem)}}.crop-content__bgs button{background-color:#fff;background-image:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%);width:2.6rem;height:2.6rem;transition:transform var(--timing-reg);border:.1rem solid #fff;border-radius:100%}.crop-content__bgs button.active{border-width:.2rem;border-color:var(--color-green);transform:scale(1.2)}.crop-content__bgs #black{background:#000}.crop-content__bgs #white{background:#fff}.crop-content__bgs button>*{pointer-events:none}.crop-content__buttons{align-items:center;gap:2rem;margin-top:2.5rem;display:flex}@media screen and (min-width:56.25em){.crop-content__buttons{flex-direction:column;margin-top:5rem}}.editor{padding:0;padding-top:var(--top-bar-height);flex-direction:column;display:flex}@media screen and (min-width:56.25em){.editor{flex-direction:row;align-items:flex-start}}.editor-options{color:var(--color-black);background-color:var(--color-offwhite);padding:.8rem var(--site-margin);z-index:2;border-radius:2rem 2rem 0 0;flex:1;margin-top:-2rem;display:flex}.editor-options h2{text-align:center;padding-top:.8rem}@media screen and (min-width:56.25em){.editor-options{min-height:calc(100vh - var(--top-bar-height));padding:var(--site-margin);z-index:auto;border-radius:0;margin-top:0}.editor-options h2{text-align:left;border-top:.1rem solid #0707071a;padding-top:2rem}}.editor-buttons{justify-content:space-between;gap:var(--col-gutter);flex-wrap:wrap;margin-top:2.4rem;margin-bottom:.8rem;display:flex}.editor-buttons button{width:calc(33.333% - var(--col-gutter));transition:border-color var(--timing-reg),background-color var(--timing-reg);border:.1rem solid #0000;border-radius:.4rem;flex-direction:column;justify-content:space-around;align-items:center;padding:1rem;display:flex}.editor-buttons button>*{pointer-events:none}.editor-buttons button .button__image{margin-top:auto;margin-bottom:.5rem}.editor-buttons button .button__image svg{width:100%;max-width:15rem;height:auto;transition:transform var(--timing-reg)}.editor-buttons button .button__background{background-color:var(--color-black);width:75%;height:0;transition:transform var(--timing-reg);margin-top:auto;margin-bottom:.5rem;padding-top:75%;position:relative}.editor-buttons button .button__background img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.editor-buttons button .button__text{margin-top:auto}.editor-buttons button:hover{background-color:var(--color-white);border-color:var(--color-grey)}.editor-buttons button:hover svg,.editor-buttons button:hover .button__background{transform:scale(1.02)}.editor-buttons button.active{border-color:var(--color-black);background-color:var(--color-white);font-weight:700}.editor-buttons button.active svg{transform:scale(1.05)}@media screen and (min-width:56.25em){.editor-buttons button{padding:2.6rem 2rem}.editor-buttons button .button__image,.editor-buttons button .button__background{margin-bottom:2rem}}.editor-step{flex-direction:column;width:100%;display:flex}.editor-nav{z-index:5;pointer-events:none;align-items:center;width:100%;margin-top:auto;padding:.5rem;display:flex;position:fixed;top:0;left:0;right:0}@media screen and (min-width:56.25em){.editor-nav{padding:0;position:relative;inset:auto}}.editor-nav button{pointer-events:all}.editor-nav .button--green{margin-left:auto}.editor-image{color:var(--color-white);background-color:var(--color-black);padding:var(--site-margin);background-position:50%;background-repeat:no-repeat;background-size:cover;order:-1;justify-content:center;align-items:center;height:60vh;min-height:40rem;max-height:50rem;padding:3.5rem 4rem;display:flex;position:relative;overflow:hidden}@media screen and (min-width:37.5em){.editor-image{height:65vh}}@media screen and (min-width:56.25em){.editor-image{height:auto;max-height:calc(100vh - var(--top-bar-height));min-height:calc(100vh - var(--top-bar-height));flex:1;order:initial;padding:var(--site-margin)}}.editor-image .editor-image__render{z-index:-1;opacity:1;pointer-events:none;background-color:var(--color-black);justify-content:center;align-items:center;width:100rem;height:100rem;display:flex;position:absolute;inset:0}.editor-image .editor-image__render .js-editor-photo,.editor-image .editor-image__render .js-render-mask{justify-content:center;align-items:center;display:flex}.editor-image .editor-image__render .js-editor-photo img{width:61rem;max-width:none;height:61rem;position:absolute}.editor-image .editor-image__render .js-render-mask img{width:100%;max-width:none;height:100%;position:absolute}.editor-image .editor-image__placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.editor-image .editor-image__placeholder .js-editor-photo{width:70%;max-width:52rem;height:0;max-height:52rem;padding-top:100%;position:absolute}@media screen and (min-width:56.25em){.editor-image .editor-image__placeholder .js-editor-photo{width:100%}}.editor-image .editor-image__placeholder .js-editor-photo img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.editor-image .editor-image__placeholder .js-render-mask{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.editor-image .editor-image__placeholder .js-render-mask img{object-fit:cover;width:100%;max-width:88rem;height:100%;max-height:88rem;position:absolute}@media screen and (min-width:56.25em){.editor-download{justify-content:center}}.editor-download__content{text-align:center;flex-direction:column;align-items:center;padding-top:2rem;display:flex}.editor-download__content h2{letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.3}@media screen and (min-width:56.25em){.editor-download__content h2{font-size:3.5rem;line-height:1.14}}.editor-download__content h2{text-align:center;border:0;margin-bottom:2rem;padding-top:0}@media screen and (min-width:56.25em){.editor-download__content{padding-top:0}.editor-download__content h2{letter-spacing:-.02em;text-wrap:pretty;font-size:4rem;font-weight:700;line-height:1.125}}@media screen and (min-width:56.25em) and (min-width:56.25em){.editor-download__content h2{font-size:6rem;line-height:1}}@media screen and (min-width:56.25em){.editor-download__content h2{margin-bottom:4rem}}.editor-download__buttons{text-align:center;border-top:.1rem solid #0707071a;flex-direction:column;align-items:center;margin-top:4rem;padding-top:4rem;padding-bottom:.8rem;display:flex}.editor-download__buttons .welcome-content__buttons{margin-top:2.4rem}.editor-download__buttons p{font-family:var(--font-family-body);letter-spacing:-.01em;margin-top:3rem;font-size:1.4rem;font-weight:400;line-height:1.57}.editor-download__buttons p a{text-decoration:underline}.editor-download__socials{border-top:.1rem solid #0707071a;width:100%;margin-top:3rem;padding-top:1rem}.editor-download__socials>p{margin-bottom:.8rem;font-weight:700}
/*# sourceMappingURL=index.38e190c8.css.map */