.tag-scan{--phone-shift-vh:50vh;--helmet-shift-vh:0vh;--title-shift-vh:50vh;--lock-title-shift-vh:8vh;position:relative;width:100%;background:#f8f8f8;color:#000;padding-bottom:6rem}.tag-scan__sticky{position:-webkit-sticky;position:sticky;top:0;height:100dvh;width:100%;overflow:hidden}.tag-scan__helmet-wrap,.tag-scan__stage{position:absolute;inset:0}.tag-scan__helmet-wrap{pointer-events:none;z-index:1}.tag-scan__helmet{position:absolute!important;left:50%!important;top:50%!important;width:min(90vw,1100px)!important;height:min(70vh,900px)!important;object-fit:contain;transform:translate(-50%,calc(-50% + var(--helmet-shift-vh)))}.tag-scan__title-wrap{position:absolute;inset:0;pointer-events:none;z-index:2;display:grid;place-items:center;transition:opacity .25s linear}.tag-scan__title{margin:0;text-align:center;left:50%;top:50%;transform:translate(-50%,calc(-50% + var(--title-shift-vh)));width:100%;position:absolute}.tag-scan__title span{color:#00c8dc}.tag-scan__phone-wrap{position:absolute;inset:0;z-index:3;pointer-events:none}.tag-scan__phone{position:absolute!important;left:50%!important;top:50%!important;width:min(40vw,200px)!important;max-height:70vh;object-fit:contain;transform:translate(-50%,calc(-50% + var(--phone-shift-vh)));opacity:0;z-index:0;transition:none}@media(min-width:768px)and (max-width:1280px)and (orientation:landscape){.tag-scan__phone{width:150px!important}}.tag-scan__phone.active{opacity:1;z-index:1}.tag-scan__phone.fading-out{opacity:0;z-index:2;transition:opacity .6s ease}.glow-container{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:0;transition:.4s ease}.glow-container div{width:48px;height:48px;background:#00c8dc;border-radius:50%;filter:blur(10px);animation:glow 2s infinite}@keyframes glow{0%{opacity:.2}45%{opacity:1}55%{opacity:1}to{opacity:.2}}.tag-scan__after{width:100%;height:400vh}.tag-scan__lock-text{position:absolute;left:50%;bottom:7rem;transform:translateX(-50%);opacity:0;pointer-events:none;z-index:4;text-align:center;transition:opacity .4s ease;width:100%}.tag-scan__lock-heading{margin:0;width:100%}.tag-scan__lock-heading span{color:#00c8dc}@media(max-width:768px){.tag-scan__sticky{top:0}.tag-scan__helmet{height:min(60vh,800px)!important}.tag-scan__phone{width:min(40vw,320px)!important;max-height:60vh}.tag-scan__lock-text{bottom:7rem}}