.restart-button{position:absolute;z-index:3;top:0;right:0;width:5rem;height:5rem;padding:1.5rem;cursor:pointer;opacity:.7;transition-duration:.15s}.restart-button:hover{opacity:1}.restart-button img,.restart-button svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.restart-button svg{fill:#fff}.back-button{position:absolute;z-index:3;bottom:0;left:0;width:5rem;height:5rem;padding:1.5rem;cursor:pointer;opacity:.7;transition-duration:.15s}.back-button:hover{opacity:1}.back-button img,.back-button svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.back-button svg{fill:#fff}.progress-bottle{position:absolute;z-index:3;bottom:0;right:0;width:5.2rem;height:auto;padding:1.5rem;transition-duration:.25s}.progress-bottle.hidden{opacity:0}.progress-bottle .outline{fill:none;stroke:#fff;stroke-width:2px}.progress-bottle .fill{fill:#fff;clip-path:rect(var(--fill-amount) 100% 100% 0);transition-duration:1s}.screens-container{position:absolute;inset:0;transition-duration:var(--transition-duration)}.screens-container.transitioning{opacity:0}.screens-container.transitioning .question{grid-template-rows:0fr}.screens-container.transitioning .wrapper .top{transform:translateX(-6rem);opacity:0}.screens-container.transitioning .wrapper .bottom{transform:translateX(6rem);opacity:0}.screen{position:absolute;inset:0}.screen .background-image{position:absolute;inset:0;z-index:-1}.screen .background-image img{min-width:0;min-height:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.8)}.screen .background-image--dim img{filter:brightness(.35)}.screen .background-video{position:absolute;inset:0;z-index:-1}.screen .background-video video{min-width:0;min-height:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition-duration:.2s}.screen .background-video video.hidden{opacity:0}.screen .background-video--tinted video{filter:brightness(.8)}.screen .background-video--dim video{filter:brightness(.4)}.screen .background-videos{position:absolute;inset:0;z-index:-1;display:grid;grid-template-rows:repeat(2,1fr);height:100vh;gap:0}.screen .background-videos .video-container{width:100%;height:100%;position:relative}.screen .background-videos video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin:0;padding:0;overflow:hidden;transition-duration:.2s}.screen .background-videos video.hidden{opacity:0}.screen .background-videos--tinted video{filter:brightness(.8)}.screen .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.screen .overlay:has(.question){pointer-events:none}.screen .overlay h1{line-height:1}.screen .overlay h1.lg{font-size:4rem;font-weight:600;margin:0;line-height:5rem;letter-spacing:.17em}.screen .overlay h1.md{font-size:4rem;font-weight:600;letter-spacing:.05em}.screen .overlay h1.sm{font-size:2rem;font-weight:200;letter-spacing:.05em}.screen .overlay h2.md{font-weight:500;font-size:35px;margin:0;line-height:3rem;letter-spacing:0;text-align:center;text-transform:none;max-width:25ch}.screen .overlay .gfx-title{width:30rem;height:auto;-o-object-fit:contain;object-fit:contain;margin-top:2rem;margin-bottom:6rem}.screen .overlay .arrow{width:3rem;height:3rem;border-left:.25rem solid #fff;border-top:.25rem solid #fff}.screen .overlay .arrow--down{transform:rotate(225deg)}.screen .overlay .arrow--bottom{position:absolute;bottom:12rem;cursor:pointer}.screen .overlay .recommendation-text{text-transform:uppercase;text-align:center}.screen .overlay .recommendation-text .title{font-size:4.5rem;margin:0;letter-spacing:5px;font-weight:1000}.screen .overlay .recommendation-text .subtitle-wrapper{display:flex;justify-content:center}.screen .overlay .recommendation-text .subtitle-wrapper .subtitle{color:#fff;font-size:3rem;margin-top:8px;letter-spacing:10px;font-weight:400}.screen .overlay .recommendation-text .subtitle-wrapper hr{width:80px;color:#fff;border:2px solid;height:0;line-height:100px;margin-top:39px;margin-left:20px;margin-right:20px}.screen .split-overlay{display:grid;grid-template-rows:repeat(2,1fr);align-items:stretch;justify-content:stretch;text-align:center}.screen .split-overlay:has(.active) .wrapper:not(.active){background-color:rgba(0,0,0,.5)}.screen .split-overlay .wrapper{display:grid;align-items:center;justify-content:center;transition-duration:1s;cursor:pointer}.screen .split-overlay .wrapper.active .title-wrapper:has(h1.md:last-child){margin-bottom:1rem}.screen .split-overlay .wrapper.active h1.md:last-child:after{transform:scaleX(1)}.screen .split-overlay .bottom,.screen .split-overlay .top{text-transform:uppercase;width:60vw;display:grid;justify-content:var(--align);transition-duration:2s}.screen .split-overlay .bottom .title-wrapper,.screen .split-overlay .top .title-wrapper{transition-duration:.5s}.screen .split-overlay .bottom .title-wrapper h1.md,.screen .split-overlay .top .title-wrapper h1.md{display:inline}.screen .split-overlay .bottom .title-wrapper h1.md:after,.screen .split-overlay .top .title-wrapper h1.md:after{content:"";position:absolute;bottom:.25rem;inset-inline:0;height:.3rem;background-color:#fff;transform-origin:0 50%;transform:scaleX(0);transition-duration:1s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.screen .split-overlay .bottom h1,.screen .split-overlay .top h1{letter-spacing:.05em;text-wrap:nowrap;transition-duration:inherit;position:relative;transform:translateX(var(--offset))}.screen .question{--background-color:hsla(0,0%,100%,.2);border:.1rem solid #fff;color:var(--foreground);font-family:var(--heading-font);cursor:pointer;font-size:1.8rem;line-height:1.2;min-width:40vw;max-width:calc(100vw - 6rem);font-weight:400;text-align:center;letter-spacing:.1em;text-transform:uppercase;background-color:var(--background-color);transition-duration:var(--transition-duration);display:grid;grid-template-rows:1fr;overflow:hidden}.screen .question .inner{min-height:0;transition-duration:inherit}.screen .question .inner .padding{padding:1.45rem}.screen .question .line{display:block;transition-duration:inherit}.outline-button{--background-color:hsla(0,0%,100%,.2);padding:1.5rem 2.5rem;border:.2rem solid #fff;color:var(--foreground);font-family:var(--heading-font);cursor:pointer;font-size:1.5rem;letter-spacing:.1em;text-transform:uppercase;transition:background-color .3s ease,color .3s ease;background-color:var(--background-color)}.outline-button:hover{--background-color:#fff;--foreground:#000}