@import url(https://fonts.googleapis.com/css?family=Cardo:400i|Rubik:400,700&display=swap);.page-content[data-v-5e417f38]{--d:700ms;--e:cubic-bezier(0.19,1,0.22,1);--font-sans:"Rubik",sans-serif;--font-serif:"Cardo",serif;display:grid;grid-gap:1rem;padding:1rem;max-width:1024px;margin:0 auto;font-family:var(--font-sans)}@media (min-width:600px){.page-content[data-v-5e417f38]{grid-template-columns:repeat(2,1fr)}}@media (min-width:800px){.page-content[data-v-5e417f38]{grid-template-columns:repeat(4,1fr)}}.card[data-v-5e417f38]{position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:1rem;width:100%;text-align:center;color:#f5f5f5;background-color:#f5f5f5;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.1)}@media (min-width:600px){.card[data-v-5e417f38]{height:350px}}.card[data-v-5e417f38]:before{height:110%;background-size:cover;background-position:0 0;transition:transform calc(var(--d)*1.5) var(--e)}.card[data-v-5e417f38]:after,.card[data-v-5e417f38]:before{content:"";position:absolute;top:0;left:0;width:100%;pointer-events:none}.card[data-v-5e417f38]:after{display:block;height:200%;background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.009) 11.7%,rgba(0,0,0,.034) 22.1%,rgba(0,0,0,.072) 31.2%,rgba(0,0,0,.123) 39.4%,rgba(0,0,0,.182) 46.6%,rgba(0,0,0,.249) 53.1%,rgba(0,0,0,.32) 58.9%,rgba(0,0,0,.394) 64.3%,rgba(0,0,0,.468) 69.3%,rgba(0,0,0,.54) 74.1%,rgba(0,0,0,.607) 78.8%,rgba(0,0,0,.668) 83.6%,rgba(0,0,0,.721) 88.7%,rgba(0,0,0,.762) 94.1%,rgba(0,0,0,.79));transform:translateY(-50%);transition:transform calc(var(--d)*2) var(--e)}.card[data-v-5e417f38]:first-child:before{background-image:url(https://images.unsplash.com/photo-1517021897933-0e0319cfbc28?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=eyJhcHBfaWQiOjE0NTg5fQ&ixlib=rb-1.2.1&q=80&w=400)}.card[data-v-5e417f38]:nth-child(2):before{background-image:url(https://images.unsplash.com/photo-1533903345306-15d1c30952de?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=eyJhcHBfaWQiOjE0NTg5fQ&ixlib=rb-1.2.1&q=80&w=400)}.card[data-v-5e417f38]:nth-child(3):before{background-image:url(https://images.unsplash.com/photo-1545243424-0ce743321e11?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=eyJhcHBfaWQiOjE0NTg5fQ&ixlib=rb-1.2.1&q=80&w=400)}.card[data-v-5e417f38]:nth-child(4):before{background-image:url(https://images.unsplash.com/photo-1531306728370-e2ebd9d7bb99?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=eyJhcHBfaWQiOjE0NTg5fQ&ixlib=rb-1.2.1&q=80&w=400)}.content[data-v-5e417f38]{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem;transition:transform var(--d) var(--e);z-index:1}.content>*+[data-v-5e417f38]{margin-top:1rem}.title[data-v-5e417f38]{font-size:1.6rem;font-weight:700;line-height:1.2}.copy[data-v-5e417f38]{font-family:var(--font-serif);font-size:1.425rem;font-style:italic;line-height:1.35}.btn[data-v-5e417f38]{cursor:pointer;margin-top:1.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;letter-spacing:.025rem;text-transform:uppercase;color:#fff;background-color:#000;border:none}.btn[data-v-5e417f38]:hover{background-color:#0d0d0d}.btn[data-v-5e417f38]:focus{outline:1px dashed #ff0;outline-offset:3px}@media (hover:hover) and (min-width:600px){.card[data-v-5e417f38]:after{transform:translateY(0)}.content[data-v-5e417f38]{transform:translateY(calc(100% - 4.5rem))}.content>[data-v-5e417f38]:not(.title){opacity:0;transform:translateY(1rem);transition:transform var(--d) var(--e),opacity var(--d) var(--e)}.card[data-v-5e417f38]:focus-within,.card[data-v-5e417f38]:hover{align-items:center}.card[data-v-5e417f38]:focus-within:before,.card[data-v-5e417f38]:hover:before{transform:translateY(-4%)}.card[data-v-5e417f38]:focus-within:after,.card[data-v-5e417f38]:hover:after{transform:translateY(-50%)}.card:focus-within .content[data-v-5e417f38],.card:hover .content[data-v-5e417f38]{transform:translateY(0)}.card:focus-within .content>[data-v-5e417f38]:not(.title),.card:hover .content>[data-v-5e417f38]:not(.title){opacity:1;transform:translateY(0);transition-delay:calc(var(--d)/8)}.card:focus-within .content>[data-v-5e417f38]:not(.title),.card:focus-within .content[data-v-5e417f38],.card[data-v-5e417f38]:focus-within:after,.card[data-v-5e417f38]:focus-within:before{transition-duration:0s}}.card-wrap[data-v-33e3f521]{margin:10px;transform:perspective(800px);transform-style:preserve-3d;cursor:pointer}.card-wrap:hover .card-info[data-v-33e3f521]{transform:translateY(0)}.card-wrap:hover .card-info p[data-v-33e3f521]{opacity:1}.card-wrap:hover .card-info[data-v-33e3f521],.card-wrap:hover .card-info p[data-v-33e3f521]{transition:.6s cubic-bezier(.23,1,.32,1)}.card-wrap:hover .card-info[data-v-33e3f521]:after{transition:5s cubic-bezier(.23,1,.32,1);opacity:1;transform:translateY(0)}.card-wrap:hover .card-bg[data-v-33e3f521]{transition:.6s cubic-bezier(.23,1,.32,1),opacity 5s cubic-bezier(.23,1,.32,1);opacity:.8}.card-wrap:hover .card[data-v-33e3f521]{transition:.6s cubic-bezier(.23,1,.32,1),box-shadow 2s cubic-bezier(.23,1,.32,1);box-shadow:0 0 40px 5px hsla(0,0%,100%,.2),0 0 0 1px #fff,0 30px 60px 0 rgba(0,0,0,.66),inset 0 0 0 5px #333,inset 0 0 0 6px #fff}.card[data-v-33e3f521]{position:relative;width:240px;height:320px;background-color:#333;overflow:hidden;border-radius:10px;box-shadow:0 30px 60px 0 rgba(0,0,0,.66),inset 0 0 0 5px #333,inset 0 0 0 6px hsla(0,0%,100%,.5);transition:1s cubic-bezier(.445,.05,.55,.95)}.card-bg[data-v-33e3f521]{opacity:.5;position:absolute;width:calc(100% + 40px);height:calc(100% + 40px);left:-20px;top:-20px;background-repeat:no-repeat;background-position:50%;background-size:cover;transition:1s cubic-bezier(.445,.05,.55,.95),opacity 5s cubic-bezier(.445,.05,.55,.95) 1s;pointer-events:none}.card-info[data-v-33e3f521]{position:absolute;bottom:5px;display:flex;flex-direction:column;align-items:flex-start;margin-left:15px;color:#fff;transform:translateY(40%);transition:.6s cubic-bezier(.215,.61,.355,1) 1.6s}.card-info p[data-v-0a9eee38]{line-height:1.5em}.card-info h1+p[data-v-0a9eee38],p+p[data-v-0a9eee38]{margin-top:10px}.container[data-v-0a9eee38]{padding:40px 80px;display:flex;flex-wrap:wrap;justify-content:center}.card-wrap[data-v-0a9eee38]{margin:10px;transform:perspective(800px);transform-style:preserve-3d;cursor:pointer}.card-wrap:hover .card-info[data-v-0a9eee38]{transform:translateY(0)}.card-wrap:hover .card-info p[data-v-0a9eee38]{opacity:1}.card-wrap:hover .card-info[data-v-0a9eee38],.card-wrap:hover .card-info p[data-v-0a9eee38]{transition:.6s cubic-bezier(.23,1,.32,1)}.card-wrap:hover .card-info[data-v-0a9eee38]:after{transition:5s cubic-bezier(.23,1,.32,1);opacity:1;transform:translateY(0)}.card-wrap:hover .card-bg[data-v-0a9eee38]{transition:.6s cubic-bezier(.23,1,.32,1),opacity 5s cubic-bezier(.23,1,.32,1);opacity:.8}.card-wrap:hover .card[data-v-0a9eee38]{transition:.6s cubic-bezier(.23,1,.32,1),box-shadow 2s cubic-bezier(.23,1,.32,1);box-shadow:0 0 40px 5px hsla(0,0%,100%,.2),0 0 0 1px #fff,0 30px 60px 0 rgba(0,0,0,.66),inset 0 0 0 5px #333,inset 0 0 0 6px #fff}.card-info[data-v-0a9eee38]{padding:20px;position:absolute;bottom:0;color:#fff;transform:translateY(40%);transition:.6s cubic-bezier(.215,.61,.355,1) 1.6s}.card-info p[data-v-0a9eee38]{opacity:0;text-shadow:#000 0 2px 3px;transition:.6s cubic-bezier(.215,.61,.355,1) 1.6s}.card-info [data-v-0a9eee38]{position:relative;z-index:1}.card-info[data-v-0a9eee38]:after{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6));background-blend-mode:overlay;opacity:0;transform:translateY(100%);transition:5s cubic-bezier(.445,.05,.55,.95) 1s}.card-info h1[data-v-0a9eee38]{font-family:Playfair Display;font-size:36px;font-weight:700;text-shadow:rgba(0,0,0,.5) 0 10px 10px}.card-info p[data-v-0a9eee38]{font-family:Playfair Display;font-size:15px;text-align:left;margin-left:3px}body[data-v-6f9fd8d0]{display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden;height:100vh;background:#232223;color:#fff;font-family:Roboto,sans-serif;transition:.25s}body .credit[data-v-6f9fd8d0]{position:absolute;bottom:20px;left:20px;color:inherit}body .options[data-v-6f9fd8d0]{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;min-width:600px;max-width:900px;width:calc(100% - 100px);height:400px}@media screen and (max-width:718px){body .options[data-v-6f9fd8d0]{min-width:520px}body .options .option[data-v-6f9fd8d0]:nth-child(5){display:none}}@media screen and (max-width:638px){body .options[data-v-6f9fd8d0]{min-width:440px}body .options .option[data-v-6f9fd8d0]:nth-child(4){display:none}}@media screen and (max-width:558px){body .options[data-v-6f9fd8d0]{min-width:360px}body .options .option[data-v-6f9fd8d0]:nth-child(3){display:none}}@media screen and (max-width:478px){body .options[data-v-6f9fd8d0]{min-width:280px}body .options .option[data-v-6f9fd8d0]:nth-child(2){display:none}}body .options .option[data-v-6f9fd8d0]{position:relative;overflow:hidden;min-width:60px;margin:10px;background:var(--optionBackground,var(--defaultBackground,#e6e9ed));background-size:auto 120%;background-position:50%;cursor:pointer;transition:.5s cubic-bezier(.05,.61,.41,.95)}body .options .option[data-v-6f9fd8d0]:first-child{--defaultBackground:#ed5565}body .options .option[data-v-6f9fd8d0]:nth-child(2){--defaultBackground:#fc6e51}body .options .option[data-v-6f9fd8d0]:nth-child(3){--defaultBackground:#ffce54}body .options .option[data-v-6f9fd8d0]:nth-child(4){--defaultBackground:#2ecc71}body .options .option[data-v-6f9fd8d0]:nth-child(5){--defaultBackground:#5d9cec}body .options .option[data-v-6f9fd8d0]:nth-child(6){--defaultBackground:#ac92ec}body .options .option.active[data-v-6f9fd8d0]{flex-grow:10000;transform:scale(1);max-width:600px;margin:0;border-radius:40px;background-size:auto 100%}body .options .option.active .shadow[data-v-6f9fd8d0]{box-shadow:inset 0 -120px 120px -120px #000,inset 0 -120px 120px -100px #000}body .options .option.active .label[data-v-6f9fd8d0]{bottom:20px;left:20px}body .options .option.active .label .info>div[data-v-6f9fd8d0]{left:0;opacity:1}body .options .option[data-v-6f9fd8d0]:not(.active){flex-grow:1;border-radius:30px}body .options .option:not(.active) .shadow[data-v-6f9fd8d0]{bottom:-40px;box-shadow:inset 0 -120px 0 -120px #000,inset 0 -120px 0 -100px #000}body .options .option:not(.active) .label[data-v-6f9fd8d0]{bottom:10px;left:10px}body .options .option:not(.active) .label .info>div[data-v-6f9fd8d0]{left:20px;opacity:0}body .options .option .shadow[data-v-6f9fd8d0]{position:absolute;bottom:0;left:0;right:0;height:120px;transition:.5s cubic-bezier(.05,.61,.41,.95)}body .options .option .label[data-v-6f9fd8d0]{display:flex;position:absolute;right:0;height:40px;transition:.5s cubic-bezier(.05,.61,.41,.95)}body .options .option .label .icon[data-v-6f9fd8d0]{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:40px;max-width:40px;height:40px;border-radius:100%;background-color:#fff;color:var(--defaultBackground)}body .options .option .label .info[data-v-6f9fd8d0]{display:flex;flex-direction:column;justify-content:center;margin-left:10px;color:#fff;white-space:pre}body .options .option .label .info>div[data-v-6f9fd8d0]{position:relative;transition:.5s cubic-bezier(.05,.61,.41,.95),opacity .5s ease-out}body .options .option .label .info .main[data-v-6f9fd8d0]{font-weight:700;font-size:1.6rem;text-align:left}body .options .option .label .info .sub[data-v-6f9fd8d0]{transition-delay:.1s;font-size:1.6rem}