*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;caret-color:transparent!important}.landing{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.landing:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:radial-gradient(circle at 50% 100%,#df1534,#a30b20);z-index:1;box-shadow:0 10px 30px #00000029}.landing:after{content:"";position:absolute;top:50%;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,#ffdf33,#e6a800);z-index:1}.landing__texture{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");opacity:.75;pointer-events:none;z-index:2}.landing__container{position:absolute;left:50%;bottom:calc(50% + 115px);transform:translate(-50%);width:70vw;max-width:320px;display:flex;justify-content:center;z-index:5;filter:drop-shadow(0 10px 24px rgba(0,0,0,.16));opacity:0;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s}.landing__image{width:100%;height:auto;object-fit:contain;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.landing__ribbon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:61.2vw;max-width:530px;display:flex;justify-content:center;align-items:center;z-index:20;pointer-events:none;filter:drop-shadow(0 12px 28px rgba(0,0,0,.22));opacity:0;animation:scaleIn 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.5s}.landing__ribbon-image{width:100%;height:auto;object-fit:contain;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.carousel{position:absolute;bottom:6%;left:50%;transform:translate(-50%);width:780px;max-width:86vw;z-index:5;opacity:0;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.8s}.carousel__viewport{position:relative;width:auto;overflow:hidden;padding:16px 24px 36px;margin:-16px -24px -36px}.carousel__track{display:flex;gap:32px;align-items:center;transition:transform .6s cubic-bezier(.16,1,.3,1);will-change:transform}.carousel__slide{flex:0 0 auto;width:auto;display:flex;justify-content:center;align-items:center;border-radius:16px;border:1px solid rgba(255,255,255,.45);box-shadow:0 8px 24px #0000002e,0 2px 8px #0000001a;overflow:hidden;position:relative}.carousel__slide:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#ffce0008,#0003);pointer-events:none;z-index:2}.carousel__image{height:160px;width:auto;display:block;filter:sepia(.2) contrast(1.05) brightness(.96);transition:filter .5s cubic-bezier(.16,1,.3,1),transform .5s ease}.carousel:hover .carousel__image{filter:sepia(.08) contrast(1.02) brightness(.99)}.carousel__image:hover{transform:scale(1.03)}.carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid rgba(139,90,0,.22);background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#a30b20;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:25;box-shadow:0 4px 12px #0000001a;transition:all .3s cubic-bezier(.16,1,.3,1);padding:0}.carousel__arrow svg{width:16px;height:16px}.carousel__arrow--left{left:-52px}.carousel__arrow--right{right:-52px}.carousel__arrow:hover:not(:disabled){background:#cf102d;color:#fff;border-color:#cf102d;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #cf102d4d}.carousel__arrow:focus{outline:none}.carousel__arrow:focus-visible{box-shadow:0 0 0 3px #cf102d66}.carousel__arrow:disabled{opacity:.25;cursor:not-allowed;border-color:#8b5a001a}.carousel__dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px}.carousel__dot{width:6px;height:6px;border-radius:50%;border:none;padding:0;cursor:pointer;background:#8b5a0040;transition:all .4s cubic-bezier(.16,1,.3,1)}.carousel__dot:focus{outline:none}.carousel__dot:focus-visible{box-shadow:0 0 0 3px #cf102d66}.carousel__dot--active{background:#cf102d;width:18px;border-radius:4px}.carousel__dot:hover{background:#8b5a0073}.carousel__dot--active:hover{background:#cf102d}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(15px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#0a0505eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}.modal--active{opacity:1;visibility:visible;pointer-events:auto}.modal__content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.modal__image{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 24px 60px #000000a6;border:1px solid rgba(255,255,255,.1);opacity:0;transform:scale(.96);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.modal--active .modal__image{opacity:1;transform:scale(1)}.modal__close{position:absolute;top:24px;right:24px;background:none;border:none;color:#fff9;font-size:38px;line-height:1;cursor:pointer;z-index:1010;width:44px;height:44px;display:flex;justify-content:center;align-items:center;transition:color .3s ease,transform .3s ease}.modal__close:hover{color:#fff;transform:scale(1.1) rotate(90deg)}.modal__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1010;transition:background .3s ease,border-color .3s ease,transform .3s ease;padding:0}.modal__arrow svg{width:20px;height:20px}.modal__arrow:hover{background:#fff3;border-color:#ffffff73;transform:translateY(-50%) scale(1.08)}.modal__arrow--left{left:32px}.modal__arrow--right{right:32px}@media (min-width: 1025px){.carousel{width:780px}.carousel__image{height:170px}}@media (max-width: 1024px){.carousel{width:500px}.carousel__image{height:155px}.carousel__arrow--left{left:-48px}.carousel__arrow--right{right:-48px}.modal__arrow{width:40px;height:40px;background:#0a0505a6;border-color:#ffffff26}.modal__arrow--left{left:16px}.modal__arrow--right{right:16px}}@media (max-width: 600px){.landing__container{width:50vw;max-width:198px;bottom:calc(50% + 95px)}.landing__ribbon{width:84vw;max-width:336px}.carousel{width:250px}.carousel__image{height:140px}.carousel__arrow{width:32px;height:32px;background:#ffffffe6;border-color:#8b5a0026}.carousel__arrow svg{width:14px;height:14px}.carousel__arrow--left{left:6px}.carousel__arrow--right{right:6px}}@media (max-height: 600px){.landing__container{bottom:calc(50% + 85px);max-width:153px;width:40vw}.landing__ribbon{width:70vw;max-width:276px}.carousel{width:200px;bottom:3%}.carousel__image{height:95px}.carousel__slide{border-radius:10px}.carousel__dot{width:4px;height:4px}.carousel__dot--active{width:12px}.carousel__dots{gap:4px;margin-top:6px}.carousel__arrow{width:28px;height:28px}.carousel__arrow--left{left:4px}.carousel__arrow--right{right:4px}}@media (min-height: 900px){.carousel__image{height:195px}.carousel__slide{border-radius:18px}}@media (min-width: 1200px) and (min-height: 800px){.carousel{width:820px}.carousel__image{height:180px}}@media (max-height: 450px) and (orientation: landscape){.landing__container{bottom:calc(50% + 80px);max-width:140px;width:25vw}.landing__ribbon{width:35vw;max-width:280px}.carousel{width:160px;bottom:2%}.carousel__image{height:75px}.carousel__slide{border-radius:8px}.carousel__dots{margin-top:4px;gap:3px}.carousel__dot{width:4px;height:4px}.carousel__dot--active{width:10px}.carousel__arrow{width:26px;height:26px}.carousel__arrow--left{left:4px}.carousel__arrow--right{right:4px}}