.landing-video{aspect-ratio:14/8;background-color:#eee;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:end}.landing-video>.intro{max-width:650px;margin-bottom:5%;color:var(--color-primary-dark);font-weight:700}.title-row{color:var(--color-primary-darker)}.title-row>.title{font-weight:500;line-height:1.2}.title-row>.title>span{color:var(--color-primary-dark)}.title-row>.info{font-weight:700}.title-row>.info>span{color:var(--color-primary-dark)}.title-row>.info>.button{background-color:var(--color-primary-dark);color:#fff;font-weight:700;font-size:1rem;height:48px;border-radius:24px;text-align:center}.col{flex:1}.col>.box{width:100%;height:100%;display:flex;flex-direction:column;flex-basis:fit-content;flex-shrink:0;flex-grow:1;background-color:var(--color-gray-dark);border-radius:20px;overflow:hidden}.col>.box>.deco{background-color:var(--color-primary);padding-top:25%}.col>.box>.content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.col>.box>.content>.title{font-size:20px;font-weight:500;line-height:1.8;padding:40px 40px 20px;color:var(--color-primary-dark)}.col>.box>.content>.desc{padding:0 40px 40px;color:var(--color-primary-darker)}.col>.box.long{flex-basis:auto;background-color:var(--color-primary-darker)}.col>.box.long>.content{justify-content:end}.col>.box.long>.content>.title{color:#fff}.col>.box.long>.content>.desc{color:var(--color-primary)}.sample-box{display:flex;flex-wrap:wrap;justify-content:center;border-radius:20px;border:2px solid var(--color-primary-darker);padding:40px 80px}.sample-box .sample{--progress:0%;position:relative;display:flex;flex-shrink:0;justify-content:space-between;align-items:center;height:80px;width:200px;border-radius:40px;font-size:20px;padding:10px 20px 10px 10px;color:var(--color-primary-darkest);border:2px solid var(--color-primary-darker);z-index:1;overflow:hidden;transition:all .35s ease-in-out}.sample-box .sample.playing{background-color:var(--color-secondary);border-color:#00000040;color:#fff}.sample-box .sample.playing>.icon{background-color:transparent;color:#fff}.sample-box .sample>.progress{width:100%;position:absolute;translate:var(--progress) 0;left:-100%;top:0;bottom:0;background-color:#0003;z-index:-1}.sample-box .sample>.icon{width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:30px;font-size:30px;color:var(--color-primary-darkest);background-color:#ebebeacc}.sample-box .sample>.icon>i{display:block;line-height:0}.sample-box .sample>.genre{flex-grow:1;text-align:center;line-height:80px}.sample-box .sample>canvas{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.gray-bg{background-color:var(--color-gray-dark);border-radius:40px}.gray-bg .button{display:inline-block;background-color:var(--color-primary-tint);color:var(--color-primary-darkest);font-weight:700;font-size:1rem;height:48px;line-height:48px;border-radius:24px;text-align:center}.gray-bg .sizes{width:250px;flex-shrink:0}.gray-bg .sizes>.size{width:100%;height:60px;display:flex;border:2px solid var(--color-primary-dark);border-radius:30px;justify-content:space-between;align-items:center;color:var(--color-primary-dark);font-size:20px;padding:0 9px 0 20px;margin-bottom:12px;transition:all .25s ease-in-out}.gray-bg .sizes>.size:last-child{margin-bottom:0}.gray-bg .sizes>.size>.icon{width:40px;height:40px;line-height:44px;padding-left:1%;text-align:center;border-radius:50%;border:2px solid var(--color-primary-dark)}.gray-bg .sizes>.size>.icon>i{font-size:24px}.gray-bg .sizes>.size.active{background-color:var(--color-primary-dark);color:#fff}.gray-bg .sizes>.size.active>.icon{background-color:var(--color-primary-darker);border-color:var(--color-primary-darker)}.gray-bg .chart-container{width:100%;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.gray-bg .chart-container>*{width:100%}.gray-bg .chart-container .box{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:10px;border:2px solid var(--color-tertiary);color:var(--color-primary-darkest);padding:20px}.gray-bg .chart-container .box:last-child{border-color:var(--color-primary);background-color:var(--color-primary)}.gray-bg .chart-container .box>.price{font-size:3rem;font-weight:700;line-height:1.2}.gray-bg .chart-container .box>.label{font-size:1.25rem;margin-bottom:16px}.gray-bg .chart-container .box>.name{font-size:1.25rem;font-weight:700}.gray-bg .chart-container .box>.desc{font-size:1rem;font-weight:600;font-style:italic}.gray-bg .chart-container .chart{display:flex;height:100%;justify-content:center;border-bottom:2px solid var(--color-primary-darkest)}.gray-bg .chart-container .chart>.bar{width:60px;position:relative;border-top-left-radius:10px;border-top-right-radius:10px;background-color:var(--color-tertiary)}.gray-bg .chart-container .chart>.bar:last-child{background-color:var(--color-primary-dark)}.gray-bg .chart-container .chart>.bar:last-child:before{content:attr(data-pctg);font-size:1rem;font-weight:700;color:#fff;text-align:center;position:absolute;top:10px;left:0;right:0}.gray-bg .chart-container .chart>.bar:last-child:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--pctg);background-color:var(--color-primary)}.layout{display:flex;flex-wrap:wrap;border:2px solid var(--color-primary-darker);border-radius:30px;padding:10px 9px;gap:.6rem}.layout>.room{width:calc(50% - 5px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:2px solid var(--color-primary-dark);border-radius:20px;padding:10px 20px;font-size:1rem;color:var(--color-primary-darker)}.layout>.room>div:first-child{font-weight:700}.layout>.room:nth-child(3){width:calc(60% - 5px);border:none}.layout>.room:last-child{width:calc(40% - 5px)}.payments{gap:10px;margin-top:50px}.payments>.button{height:44px;line-height:42px;border-radius:22px;border:2px solid var(--color-primary-darker);background-color:var(--color-primary-darker);font-size:1rem;font-weight:600;padding:0 22px;color:#fff}.payments>.button.active{background-color:transparent;color:var(--color-primary-darker)}.package{background-color:var(--color-gray-dark);border-radius:10px;padding:20px;font-size:1rem;color:var(--color-primary-darker)}.package>.size{font-weight:700}.package>.price{font-size:2.25rem}.package>.unit{margin-bottom:15px}.package>.stepper{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.package>.stepper>a{width:40px;height:40px;line-height:42px;border:2px solid var(--color-secondary);border-radius:50%;text-align:center;transition:all .2s ease-in-out}.package>.stepper>a>i{font-size:1.1rem;color:var(--color-secondary)}.package>.stepper>a:hover{background-color:var(--color-secondary)}.package>.stepper>a:hover>i{color:#fff}.package>.stepper>div{flex-grow:1;text-align:center;font-size:1.25rem;font-weight:700;line-height:40px;color:var(--color-primary-darker)}.secondary-button{display:inline-block;padding:0 25px;height:56px;line-height:56px;color:var(--color-gray-dark);background-color:var(--color-secondary);border-radius:28px;text-align:center;font-size:1.25rem;font-weight:700;transition:all .25s ease-in-out}.newsroom .news{display:flex;flex-direction:column;align-items:flex-start;border-radius:20px;background-color:#fff;padding:18px}.newsroom .news>.img-holder{width:100%;aspect-ratio:16/9;border-radius:10px;background-color:var(--color-gray-dark)}.newsroom .news>div:last-child{justify-self:flex-end;line-height:1}.blog .article{width:calc(33.33% - 13.33px);height:292px;background-color:var(--color-secondary);border-radius:20px}.blog .article:nth-child(5),.blog .article:nth-child(6){width:calc(50% - 10px);height:200px}.mission .flex>*{flex:1 1 calc(50% - 10px)}@media only screen and (max-width: 1280px){.col>.box>.content>.title{line-height:1.5;padding:30px 30px 15px}.col>.box>.content>.desc{padding:0 30px 30px}.sample-box{padding:40px 50px}.sample-box .sample{height:60px;width:150px;font-size:18px;padding:8px 20px 8px 8px}.sample-box .sample>.icon{width:48px;height:48px}.sample-box .sample>.genre{line-height:60px}.gray-bg .button{font-size:16px}.gray-bg .sizes{width:200px}.gray-bg .sizes>.size{height:56px;font-size:18px}.gray-bg .sizes>.size>.icon{width:33px;height:33px;line-height:calc(33px * 1.1)}.gray-bg .sizes>.size>.icon>i{font-size:20px}.gray-bg .chart-container .box{flex:1;padding:20px}.gray-bg .chart-container .box>.price{font-size:2rem;font-weight:700;line-height:1.2}.gray-bg .chart-container .box>.label{font-size:1rem;margin-bottom:10px}.gray-bg .chart-container .box>.name{font-size:16px;line-height:1.4}.gray-bg .chart-container .box>.desc{font-size:.75rem}.gray-bg .chart-container .chart>.bar{width:65px}.gray-bg .chart-container .chart>.bar:nth-child(2){width:40px}.gray-bg .chart-container .chart>.bar:last-child:before{font-size:14px}.package>.price{font-size:2rem}.package>.unit{margin-bottom:15px;font-size:14px}.package>.desc{font-size:14px}.secondary-button{height:54px;line-height:54px;font-size:1.15rem}}@media only screen and (max-width: 1024px){.col>.box>.content>.title{line-height:1.5;padding:20px 20px 10px}.col>.box>.content>.desc{padding:0 20px 20px}.sample-box{padding:40px}.sample-box .sample{height:50px;width:140px;font-size:16px;padding:5px 20px 5px 5px}.sample-box .sample>.icon{width:40px;height:40px}.sample-box .sample>.genre{line-height:50px}.gray-bg .button{font-size:14px}.gray-bg .sizes{width:180px}.gray-bg .sizes>.size{height:50px;font-size:16px;transition:all .25s ease-in-out}.gray-bg .sizes>.size>.icon{width:30px;height:30px;line-height:33px}.gray-bg .sizes>.size>.icon>i{font-size:20px}.gray-bg .chart-container .box{flex:1;padding:10px 15px}.gray-bg .chart-container .box>.price{font-size:2rem;font-weight:700;line-height:1.2}.gray-bg .chart-container .box>.label{font-size:1rem;margin-bottom:10px}.gray-bg .chart-container .box>.name{font-size:16px;line-height:1.4}.gray-bg .chart-container .box>.desc{font-size:.75rem}.gray-bg .chart-container .chart>.bar{width:50px}.gray-bg .chart-container .chart>.bar:nth-child(2){width:20px}.gray-bg .chart-container .chart>.bar:last-child:before{font-size:14px}.package>.price{font-size:2rem}.package>.unit{margin-bottom:15px;font-size:14px}.package>.desc{font-size:14px}.secondary-button{height:50px;line-height:50px;font-size:1rem}}