@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Karla:ital,wght@0,200..800;1,200..800&display=swap";body,p{font-family:Karla,sans-serif;font-weight:200}h1,h2,h3{font-weight:400}body,h1,h2,h3{font-family:Cormorant Garamond,serif}body{font-size:1rem;margin:0;padding:0;height:100%;background:#f4f2f0;background-attachment:fixed;background-position:50%;background-size:cover;position:relative;overflow-x:hidden}header{position:sticky;top:0;width:100%;background-color:#e8e5e1;transition:all .3s;display:flex;justify-content:center;align-items:center;z-index:1000}header h1{text-align:center;font-size:3rem;font-family:Karla,sans-serif}.container{max-width:1300px;margin:0 auto;text-align:center}.banner{background-image:linear-gradient(rgba(154,138,123,.8),rgba(154,138,123,.8)),url(/images/banner.jpg);background-size:cover;background-position:50%;background-attachment:fixed;padding:3rem 0;text-align:center;color:#fff;display:flex;justify-content:center;height:70vh;width:100%;align-items:center;position:relative;z-index:3}.banner .banner-content{max-width:800px}.banner .banner-content h2{font-size:3.5rem;text-transform:uppercase;margin:0}.banner .banner-content h2 span{font-weight:600;color:#fff}.banner .banner-content p{font-size:1rem;margin-top:10px}.banner .banner-content button{font-family:Karla,sans-serif;color:#9a8a7b;letter-spacing:.5px;padding:.75rem 1rem;min-width:200px;font-size:1rem;margin-top:37px;cursor:pointer;background:#f4f2f0;border:1px solid #f4f2f0;border-radius:8px;transition:color .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15);text-transform:uppercase}.banner .banner-content button:hover{background-color:rgba(0,0,0,0);color:#f4f2f0;transition:opacity .9s}.popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#f4f2f0;padding:20px;border-radius:10px;text-align:center;max-width:600px;width:100%}.popup-content .close-popup{background-color:#9a8a7b;color:#fff;padding:10px 20px;border:1px solid #9a8a7b;cursor:pointer;margin-top:60px;min-width:200px}.popup-content .close-popup:hover{background-color:rgba(0,0,0,0);color:#9a8a7b}.opening{position:relative;height:100vh;width:100%;background:url(/images/opening.jpg) no-repeat 50%/cover;display:flex;justify-content:center;align-items:flex-end;padding-bottom:40px;padding-left:0}@media(min-width:768px){.opening{background-attachment:fixed}}.opening:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80%;background:linear-gradient(0deg,#E8E5E1 0,rgba(232,229,225,.9) 30%,rgba(232,229,225,.4) 60%,rgba(232,229,225,0));z-index:1}.countdown{position:relative;z-index:2;display:flex;gap:100px;padding:100px 30px;border-radius:12px}.countdown .time-box{display:flex;flex-direction:column;align-items:center;color:#9a8a7b;min-width:60px}.countdown .time-box .number{font-size:7rem;line-height:1}.countdown .time-box .label{font-size:.875rem;text-transform:uppercase;margin-top:5px;opacity:.8}.arrow-container{display:flex;justify-content:center}.down-arrow{width:60px;animation:bounce 1.5s infinite;filter:invert(59%) sepia(21%) saturate(296%) hue-rotate(348deg) brightness(91%) contrast(85%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.feature{display:grid;grid-template-columns:1fr 2.2fr 1fr;align-items:start;padding:160px 10px 30px;gap:var(--gap);background:linear-gradient(180deg,#E8E5E1 85%,#F4F2F0 0)}@media(max-width:1024px){.feature{grid-template-columns:1fr 2fr 1fr;padding:120px 15px 20px}}@media(max-width:768px){.feature{grid-template-columns:1fr;padding:80px 15px 30px;gap:3rem}}.media-left,.media-right{display:flex;justify-content:center;align-items:center}.media-right{margin-top:260px;z-index:2}@media(max-width:768px){.media-right{margin-top:0}.media-left{display:none}}.media-left img,.media-right img{width:100%;max-width:270px;border-radius:var(--radius);box-shadow:var(--shadow);border:6px solid #fff;object-fit:cover}.media-left img{transform:rotate(-4deg)}.media-right img{transform:rotate(4deg)}@media(max-width:768px){.media-right img{transform:rotate(-1deg)}}.feature .content{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:2.2rem}.content-logo{max-width:120px;margin:0 auto 1.5rem;display:block;filter:invert(61%) sepia(14%) saturate(413%) hue-rotate(348deg) brightness(89%) contrast(93%)}.content h1{margin:0 0 .5rem;font-size:3rem;line-height:1.2;text-transform:uppercase;color:#9a8a7b}.content h1 span{font-weight:600;color:#9a8a7b}.content p{font-size:18px;margin:0 auto;max-width:600px;color:#9a8a7b}@media(max-width:768px){.opening{height:90vh;padding-bottom:20px}.opening:after{background:linear-gradient(0deg,#e8e5e1 0,rgba(232,229,225,.9) 40%,rgba(232,229,225,.4) 70%,rgba(232,229,225,0));height:135%}.countdown{gap:55px;padding:15px 20px;flex-direction:column}.countdown .time-box{min-width:auto}.countdown .time-box .number{font-size:6rem}.countdown .time-box .label{font-size:.75rem}.content h1{font-size:2rem}.banner{height:40vh;padding:2rem 0;text-align:center}.banner .banner-content h2{font-size:2rem}.banner .banner-content p{font-size:1rem;margin-top:8px}.banner .banner-content button{font-size:1rem;padding:1rem 2rem;width:100%;margin-top:15px;z-index:1;border-radius:8px}}