*{box-sizing:border-box}body{margin:0;background:#000}.teaser{position:relative;margin:0;width:100vw;min-height:100vh;overflow:hidden}.teaser>img{display:block;width:100vw;height:100vh;object-fit:cover;object-position:center}.teaser-overlay{position:absolute;inset:0;pointer-events:none}.flipr-logo{position:absolute;left:50%;top:max(18px,env(safe-area-inset-top));transform:translate(-50%);width:clamp(120px,14vw,210px);height:auto;z-index:8}.picker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(94vw,1100px);height:clamp(150px,22vh,250px);perspective:1200px;overflow:hidden}.picker:before,.picker:after{content:none}.picker-center{position:absolute;left:50%;top:50%;width:min(92vw,860px);height:clamp(42px,6.5vh,70px);transform:translate(-50%,-50%);border:0;background:transparent;z-index:2}.picker-window{position:relative;width:100%;height:100%;transform-style:preserve-3d}.picker-item{position:absolute;top:50%;left:0;width:100%;margin:0;padding:0 20px;text-align:center;color:#fff;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(26px,7vw,76px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 7px 24px rgba(0,0,0,.5);transform:translate3d(0,calc(-50% + (var(--offset) * clamp(34px,5vh,56px))),calc(var(--abs) * -52px)) rotateX(calc(var(--offset) * -22deg)) scale(calc(1 - (var(--abs) * .14)));opacity:calc(1 - (var(--abs) * .27));filter:blur(calc(var(--abs) * .9px));transition:transform .95s cubic-bezier(.22,.61,.36,1),opacity .95s ease,filter .95s ease;z-index:1}.picker-item[aria-hidden=true]{opacity:0}.picker-item.is-active{filter:blur(0);opacity:1;z-index:4}.countdown{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(96vw,1040px);display:flex;justify-content:center;gap:clamp(6px,1.2vw,12px);flex-wrap:nowrap}.flap{min-width:clamp(58px,13vw,104px);text-align:center}.flap-value{position:relative;display:block;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(24px,5.6vw,46px);font-weight:800;letter-spacing:.05em;line-height:1.1;color:#fff;background:#00000094;border:1px solid rgba(255,255,255,.22);border-radius:9px;box-shadow:0 10px 24px #0006;padding:clamp(8px,1.5vw,12px) 8px;overflow:hidden;animation:flap-in .24s ease-out}.flap-value:before,.flap-value:after{content:"";position:absolute;left:0;width:100%;height:50%;pointer-events:none}.flap-value:before{top:0;background:linear-gradient(180deg,#ffffff29,#fff0)}.flap-value:after{bottom:0;border-top:1px solid rgba(255,255,255,.2);background:linear-gradient(0deg,#0000004d,#0000)}.flap-label{display:block;margin-top:4px;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(10px,2.1vw,13px);letter-spacing:.08em;text-transform:uppercase;color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.55)}@keyframes flap-in{0%{transform:rotateX(-78deg);opacity:.55}to{transform:rotateX(0);opacity:1}}@media(max-width:768px){.teaser>img{object-fit:contain;background:#000}.flipr-logo{top:calc(env(safe-area-inset-top) + 10px);width:clamp(104px,36vw,170px)}.picker{height:clamp(124px,20vh,180px)}.countdown{bottom:calc(env(safe-area-inset-bottom) + 42px)}}