:root{--color-black: #000000;--color-white: #ffffff;--color-gray: #666666;--color-light-gray: #f0f0f0;--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--font-display: "Kurale", serif;--font-eyebrow: "Krona One", sans-serif;--max-width: 1200px;--padding-horizontal: 2rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-black);background-color:#fffcf3;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.background-texture{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/bg-D0MPcYVI.png);background-repeat:repeat;background-position:center;background-size:auto;opacity:.5;z-index:-1;pointer-events:none}.header{padding:2rem var(--padding-horizontal);position:absolute;top:0;left:0;width:100%;z-index:100}.logo{display:flex;align-items:center;gap:.75rem}.logo-img{height:64px;width:auto}.main-content{flex:1;padding-top:8rem;padding-bottom:0}.hero{position:relative;max-width:var(--max-width);margin:0 auto;padding:0 var(--padding-horizontal);text-align:center;padding-bottom:5rem}.hero-text{margin-bottom:4rem}.hero-subtitle{font-family:var(--font-eyebrow);font-size:.9375rem;letter-spacing:.13em;text-transform:uppercase;color:#6c5439;margin-bottom:1rem}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,4.375rem);font-weight:400;line-height:.967;letter-spacing:-.05em;margin-bottom:2rem}.hero-description{font-family:var(--font-sans);font-size:1.5rem;line-height:1.5;color:#000000b3;max-width:600px;margin:0 auto}.content-box{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;isolation:isolate;width:642px;min-width:500px;max-width:100%;background:#f4f4f48a;border:.307px solid #fdfdfd;box-shadow:0 2px 5.9px #31210840,inset 0 0 51.6px #fffc,0 0 80px #8c5a1433,0 0 200px #8c5a141f;border-radius:12px;margin:0 auto;overflow:visible}.corner-ornament{position:absolute;top:-4.28px;pointer-events:none}.corner-ornament--left{left:-5.74px;transform:scaleX(-1)}.corner-ornament--right{right:-5.74px}.cards-container{position:relative;width:100%;height:310px;flex-shrink:0;filter:drop-shadow(0px 8px 23.1px rgba(49,33,8,.2));z-index:2;overflow:visible;perspective:800px}.card{position:absolute;width:229.3px;height:269.79px;border:4.01px solid #f4f1ed;border-radius:10.04px;overflow:hidden;transform-origin:center center;transition:transform .45s ease}.card:hover{transition:transform .08s ease;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale(1.04)!important}.card--exiting{transition:transform .45s ease!important}.card-1{left:-10px;top:30px;--rot: -28.04deg;transform:rotate(calc(var(--rot) + var(--float-r, 0deg))) translateY(var(--float-y, 0px));background:#ede5d9;z-index:4;animation:cardEntrance .7s cubic-bezier(.34,1.56,.64,1) .3s backwards}.card-2{left:130px;top:15px;--rot: -12.96deg;transform:rotate(calc(var(--rot) + var(--float-r, 0deg))) translateY(var(--float-y, 0px));background:#cecece;z-index:3;animation:cardEntrance .7s cubic-bezier(.34,1.56,.64,1) .45s backwards}.card-3{left:275px;top:30px;--rot: 8.46deg;transform:rotate(calc(var(--rot) + var(--float-r, 0deg))) translateY(var(--float-y, 0px));background:#d4c9b8;z-index:2;animation:cardEntrance .7s cubic-bezier(.34,1.56,.64,1) .6s backwards}.card-4{left:400px;top:20px;--rot: 22.43deg;transform:rotate(calc(var(--rot) + var(--float-r, 0deg))) translateY(var(--float-y, 0px));background:#c8c0b2;z-index:1;animation:cardEntrance .7s cubic-bezier(.34,1.56,.64,1) .75s backwards}.card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.card-img--multiply{mix-blend-mode:multiply}.card-img--crop{height:127.49%;top:-21.24%;width:100%}.card-body{padding:14px 12px;display:flex;flex-direction:column;height:100%;font-family:var(--font-sans)}.card-row{display:flex;align-items:center;gap:4px;padding:3.5px 0}.card-row--muted{opacity:.35}.card-num{font-size:5.27px;font-weight:900;color:#3a240f;min-width:10px}.card-num--green{color:#5ab348}.card-label{font-size:5.27px;font-weight:600;color:#3a240f}.card-label--green{color:#5ab348}.card-divider{width:100%;border:none;border-top:.31px solid #cdcdcd;opacity:.5;margin:1px 0}.card-scene-box{background:#f9f9f994;border:.2px solid #b6b6b6;border-radius:2.5px;padding:5px 6px;margin:4px 0}.card-scene-title{font-size:4.65px;font-weight:700;color:#4c4c4c;margin-bottom:3px}.card-scene-desc{font-size:4.65px;font-weight:400;color:#6e6e6e;line-height:1.5}.login-box{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:60px 47px 30px;gap:24px;width:100%;flex-grow:1}.login-title{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 34px;width:100%;margin:0}.waitlist-text{font-family:var(--font-sans);font-size:18.9508px;font-weight:700;line-height:29px;text-align:center;color:#000000b3;margin:0}.waitlist-form{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-width:548px}.waitlist-form[hidden]{display:none}.waitlist-form input{width:100%;height:61px;padding:0 20px;font-family:var(--font-sans);font-size:17.586px;font-weight:500;border:.307px solid #312108;border-radius:20px;background:#fafafa;transition:none}.waitlist-form input:focus{outline:none}.waitlist-form input::placeholder{color:#6b6565}.submit-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;align-self:stretch;gap:10px;width:100%;height:78.15px;padding:13px 0;font-family:var(--font-sans);font-size:23.586px;font-weight:600;color:var(--color-white);background:#312108;border:none;border-radius:20px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submit-btn:hover{background-color:#4a3010;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background-color:#1a1208;cursor:not-allowed;transform:none;opacity:.7}.form-message{font-family:var(--font-sans);font-size:.875rem}.form-message:empty{display:none}.form-message.success{color:#28a745}.form-message.error{color:#dc3545}.footer{display:flex;justify-content:space-between;align-items:center;padding:2rem var(--padding-horizontal);width:100%}.footer-left,.footer-right{flex:1}.footer-right{text-align:right}.footer-brand{font-family:var(--font-sans);font-size:1rem;font-weight:600;margin-bottom:.25rem}.footer-tagline,.footer-copyright{font-family:var(--font-sans);font-size:.875rem;color:var(--color-gray)}@media (max-width: 768px){.logo-img{height:48px}.main-content{padding-top:6rem}.hero-title{font-size:clamp(2.5rem,10vw,4rem)}.hero-description{font-size:1.125rem}.footer{flex-direction:column;gap:1rem;text-align:center}.footer-right{text-align:center}}@media (max-width: 620px){.content-box{min-width:unset;width:100%}.corner-ornament{display:none}.cards-container{height:260px}}@media (max-width: 480px){:root{--padding-horizontal: 1rem}.header{padding:1.25rem var(--padding-horizontal);display:flex;justify-content:center}.logo-img{height:40px}.main-content{padding-top:5rem;padding-bottom:6rem}.hero-text{margin-bottom:2.5rem}.hero-title{font-size:clamp(2rem,12vw,3rem)}.hero-description{font-size:1rem}.cards-container{transform:translate(calc(50% - 141px)) scale(.62);transform-origin:top left;height:192px}.card-4{display:none}.login-box{padding:24px 20px;gap:16px}.login-title{padding:0}.waitlist-text{font-size:16px;line-height:1.5}.waitlist-form{padding:0;gap:16px}.waitlist-form input{height:52px;font-size:16px}.submit-btn{height:60px;font-size:18px}}.waitlist-count{font-family:var(--font-sans);font-size:13px;color:#6c5439;opacity:0;transition:opacity .5s ease;margin:0}.waitlist-count.loaded{opacity:1}.success-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 20px 8px;text-align:center;animation:successAppear .55s cubic-bezier(.34,1.56,.64,1) both}.success-state[hidden]{display:none}.success-icon{font-size:2.5rem;color:#6c5439;margin-bottom:4px;animation:successAppear .5s cubic-bezier(.34,1.56,.64,1) .1s both}.success-title{font-family:var(--font-display);font-size:2.75rem;font-weight:400;line-height:1;color:#312108;letter-spacing:-.03em}.success-desc{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:#312108a6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEntrance{0%{opacity:0;transform:rotate(var(--rot)) translateY(36px) scale(.9)}to{opacity:1;transform:rotate(var(--rot)) translateY(0) scale(1)}}@keyframes successAppear{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-title{animation:fadeIn .6s ease .2s both}.hero-description{animation:fadeIn .6s ease .4s both}
