@import"https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@100..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&family=Ms+Madi&display=swap";html,body{margin:0;padding:0;font-family:"Playpen Sans",cursive;background:#000;width:100%;overflow:hidden;touch-action:none}body{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.flip-card{width:100vw;height:100vh;aspect-ratio:3/4;perspective:1000px;position:relative}@media(min-width: 1025px){.flip-card{width:80vw}}@media(min-width: 1921px){.flip-card{width:70vw}}@media(min-width: 2169px){.flip-card{width:60vw}}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;overflow:hidden}.flip-card-front img,.flip-card-back img{width:100%;height:100%;object-fit:cover;display:block}.flip-card-front{z-index:2}.flip-card-back{transform:rotateY(180deg)}.flip-card-text{position:absolute;top:0;left:0;width:100%;height:90vh;display:none;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;color:#fff}.flip-card-text *{width:80%}.flip-card-text.active{display:flex;animation:fadein 3s}.flip-card-text#txt-0 h1{font-family:"Ms Madi",cursive;font-weight:400;font-size:3rem}@media(min-width: 820px){.flip-card-text#txt-0 h1{font-size:4rem}}@media(min-width: 1559px){.flip-card-text#txt-0 h1{font-size:5.5rem}}.flip-card-text#txt-0 h3{font-size:1.2rem;font-weight:300}@media(min-width: 820px){.flip-card-text#txt-0 h3{font-size:2rem}}@media(min-width: 1559px){.flip-card-text#txt-0 h3{font-size:3rem}}.flip-card-text#txt-0 h3:first-child{flex-grow:1;padding-top:2rem}.flip-card-text#txt-1{justify-content:center;font-size:.7rem;font-weight:200;width:100%;line-height:1rem;padding:2rem 0;color:#2d1e1e}@media(min-width: 526px){.flip-card-text#txt-1{font-size:.7rem;line-height:1rem;padding:2.3rem 0;letter-spacing:.1rem}}@media(min-width: 600px){.flip-card-text#txt-1{line-height:1.3rem;padding:2.7rem 0}}@media(min-width: 820px){.flip-card-text#txt-1{line-height:1.5rem;padding:3.5rem 0}}@media(min-width: 1120px){.flip-card-text#txt-1{font-size:1rem;line-height:1.8rem;padding:1.7rem 0}}@media(min-width: 1159px){.flip-card-text#txt-1{font-size:1.8rem;line-height:2.2rem;padding:2.2rem 0}}.flip-card-text#txt-2{justify-content:flex-start;text-align:left;font-size:1.4rem;font-weight:200;width:100%;line-height:2.4rem;color:#2d1e1e;padding:1.3rem 0}.flip-card-text#txt-2 b{font-size:1.8rem}@media(min-width: 600px){.flip-card-text#txt-2{font-size:1.8rem;line-height:3rem}.flip-card-text#txt-2 b{font-size:2.2rem}}@media(min-width: 820px){.flip-card-text#txt-2{font-size:2rem;line-height:3.3rem}.flip-card-text#txt-2 b{font-size:2.4rem}}@media(min-width: 1120px){.flip-card-text#txt-2 br{display:none}}.flip-card-text#txt-3{font-size:.8rem;font-weight:300;width:100%;line-height:2rem;color:#2d1e1e;padding:45vh 0;pointer-events:none !important}@media(min-width: 600px){.flip-card-text#txt-3{font-size:1rem;line-height:2.3rem}}@media(min-width: 820px){.flip-card-text#txt-3{font-size:1.3rem;line-height:2.5rem}}@media(min-width: 1120px){.flip-card-text#txt-3{padding:37vh 0}.flip-card-text#txt-3 p{width:65%;display:inline-block}}@media(min-width: 1159px){.flip-card-text#txt-3{padding:45vh 0}}.nav-dots{position:absolute;bottom:3vh;display:flex;gap:1.3rem;justify-content:center;flex-wrap:wrap;opacity:1;transition:opacity 1s ease-in-out;pointer-events:auto}.nav-dots.hidden{opacity:0;pointer-events:none}@media(min-width: 1159px){.nav-dots.hidden{opacity:1}}.nav-dot-icon{width:1.3rem;border-radius:50%;border:4px solid rgba(0,0,0,0);cursor:pointer;object-fit:cover;transition:border-color .3s ease}.nav-dot-icon.active{background-color:#d5b79c;border-color:#fff;box-shadow:0 0 16px 4px #fff,0 0 32px 8px #fff2e0}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}/*# sourceMappingURL=styles.css.map */