@font-face{font-family:"epicene";src:url("/assets/fonts/epicene/epicene.eot");src:url("/assets/fonts/epicene/epicene.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/epicene/epicene.woff") format("woff"),url("/assets/fonts/epicene/epicene.ttf") format("truetype"),url("/assets/fonts/epicene/epicene.svg#EpiceneText-Light") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"epicene";src:url("/assets/fonts/epicene-italic/epicene-italic.eot");src:url("/assets/fonts/epicene-italic/epicene-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/epicene-italic/epicene-italic.woff") format("woff"),url("/assets/fonts/epicene-italic/epicene-italic.ttf") format("truetype"),url("/assets/fonts/epicene-italic/epicene-italic.svg#EpiceneText-LightItalic") format("svg");font-weight:normal;font-style:italic}@font-face{font-family:"henrietta";src:url("/assets/fonts/henrietta/henrietta.eot");src:url("/assets/fonts/henrietta/henrietta.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/henrietta/henrietta.woff") format("woff"),url("/assets/fonts/henrietta/henrietta.ttf") format("truetype"),url("/assets/fonts/henrietta/henrietta.svg#VCHenrietta-Black") format("svg");font-weight:normal;font-style:normal}body,html{overflow:hidden;background:#111;margin:0}canvas{width:100%;height:100%;position:absolute}.opener{z-index:10;position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("/assets/images/flakes-s.svg");background-repeat:no-repeat;background-size:cover;background-position:center;transition:opacity .3s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 768px){.opener{background-image:url("/assets/images/flakes.svg")}}.opener.hide{opacity:0;pointer-events:none}.opener .logo{padding-top:5vh}.opener .click{cursor:pointer;transition:transform .3s cubic-bezier(0.28, 1.65, 0.245, 0.855),opacity .3s ease-in-out;transform-origin:50% 50%;pointer-events:none;opacity:0;width:150px;max-width:30vw}.opener .click.active{opacity:1;pointer-events:inherit}.opener .click:hover{transform:translateY(2.5%) scale(1.1)}.opener h2{padding-top:5vh;padding-bottom:5vh;font-family:"epicene";color:#fff;width:100%;max-width:400px;text-align:center;font-size:24px;opacity:0;transition:opacity .3s ease-in-out;font-weight:400}.opener h2.active{opacity:1}.opener h2 span{text-transform:capitalize}@media screen and (min-width: 768px){.opener h2{font-size:40px}}.opener .flakes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.main{z-index:3;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.main:before{content:"";position:fixed;z-index:5;width:100%;height:100%;border:20px solid #ff165f;box-sizing:border-box;pointer-events:none}.main:after{content:"";position:fixed;z-index:6;width:100%;height:100%;border:10px solid #004a27;box-sizing:border-box;pointer-events:none}.main .content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:800px}.main .content-inner{position:relative;perspective:400px;transition:transform .8s cubic-bezier(0.64, -0.435, 0.415, 1.355);transform-style:preserve-3d}.main .content-inner.rotate{transform:rotate3d(0, 1, 0, -180deg)}.main .content-inner.finish{transform:rotate3d(0, 1, 0, -360deg)}.main .content-inner.finish .front img{transform:scale(0.5)}.main .content img{max-width:80vw;max-height:80vh;transform:scale(1);transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.main .content .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.main .content .back{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate3d(0, 1, 0, -180deg);display:flex;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.main .content p{font-family:"epicene";color:#fff;width:100%;max-width:250px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:50px;box-sizing:border-box;font-size:16px;text-align:center;aspect-ratio:1/1;background-image:url("/assets/images/tag.svg");background-size:contain;background-repeat:no-repeat}.main .wrapper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;z-index:10;pointer-events:none}.main .wrapper .top{width:100%;height:50%;position:absolute;top:0;left:0;background-color:#004a27}.main .wrapper .top:after{content:"";position:absolute;top:100%;left:0;width:100%;height:100px;transform:rotate(180deg);background-image:url("/assets/images/giftwrap.png");background-size:contain}.main .wrapper .bottom{width:100%;height:50%;position:absolute;bottom:0;left:0;background-color:#004a27}.main .wrapper .bottom:after{content:"";position:absolute;bottom:100%;left:0;width:100%;height:100px;z-index:-1;background-image:url("/assets/images/giftwrap.png");background-size:contain}.main .wrapper .top,.main .wrapper .bottom{transition:transform .8s cubic-bezier(0.325, 0.845, 0.55, 0.91)}.main .wrapper.open .top{transform:translateY(-150%) skewY(4deg)}.main .wrapper.open .bottom{transform:translateY(150%) skewY(4deg)}