html,body{background-color:#fff;width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}.zoom-viewport{width:100vw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.bg-video{object-fit:cover;opacity:.2;pointer-events:none;z-index:0;width:100vw;height:100dvh;position:absolute;inset:0}.grid-container{box-sizing:border-box;z-index:1;width:100vw;height:100dvh;position:relative}.center-box{z-index:5;box-sizing:border-box;pointer-events:none;background-color:#0000;position:absolute}.center-heading-container{z-index:10;transition:opacity .15s ease-out;position:absolute;top:40px;left:32px;right:32px}.center-heading-text{letter-spacing:-.03em;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(1.75rem,3.2vw,3.5rem);font-weight:800;line-height:1.15}.heading-line{display:block}.text-black{color:#000}.text-red{color:#dc354b}.scroll-prompt{opacity:0;pointer-events:none;align-items:center;gap:10px;margin-top:24px;transition:opacity .5s ease-out,transform .5s cubic-bezier(.16,1,.3,1);display:inline-flex;transform:translateY(8px)}.scroll-prompt.visible{opacity:.85;transform:translateY(0)}.scroll-prompt-text{color:#555;letter-spacing:.05em;text-transform:uppercase;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(.85rem,1.1vw,1rem);font-weight:600}.chevron-container{flex-direction:column;justify-content:center;align-items:center;width:18px;height:22px;display:flex;position:relative}.chevron{color:#dc354b;width:16px;height:16px;animation:1.6s cubic-bezier(.45,0,.55,1) infinite chevronBounceUp;position:absolute}.chevron-1{animation-delay:0s;top:0}.chevron-2{opacity:.6;animation-delay:.2s;top:6px}@keyframes chevronBounceUp{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.main-logo{opacity:0;z-index:1;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:clamp(80px,8vw,110px);height:auto;animation:.8s ease-out .3s forwards logoCenterFadeIn,.6s cubic-bezier(.4,0,.2,1) 1.4s forwards mainLogoMoveUpHide;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-logo{opacity:0;z-index:2;transform-origin:0 100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:clamp(150px,15vw,220px);height:auto;animation:.7s cubic-bezier(.16,1,.3,1) 1.8s forwards navbarLogoSlideUpCenter,1.25s cubic-bezier(.22,1,.36,1) 2.7s forwards navbarLogoMoveToBottomLeft;display:block;position:absolute;top:50%;left:50%}.scroll-logo-wrapper{z-index:100;pointer-events:none;transform-origin:0 100%;width:clamp(150px,15vw,220px);height:clamp(60px,6vw,100px);position:absolute}.scroll-bound-logo{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform, opacity;backface-visibility:hidden;height:auto;transition:transform .7s ease-out,opacity .7s ease-out;display:block;position:absolute;bottom:0;left:0}.logo-navbar-img{transform-origin:0 100%;width:clamp(150px,15vw,220px)}.logo-main-img{transform-origin:50%;width:clamp(80px,8vw,110px);bottom:50%;left:50%}.expanding-panel{z-index:1;pointer-events:none;box-sizing:border-box;perspective:1200px;transition:z-index;position:absolute;overflow:visible!important}.expanding-panel.interactive{pointer-events:auto;cursor:pointer}.expanding-panel.interactive:hover,.expanding-panel.auto-active{z-index:999!important}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.flip-card-front,.flip-card-back{box-sizing:border-box;backface-visibility:hidden;border:4px solid #fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.flip-card-front{z-index:2;transform:rotateX(0)translateZ(0)}.flip-card-front img{object-fit:contain;width:80%;height:80%;display:block;transform:translateZ(0)}.flip-card-back{z-index:1;transform:rotateX(180deg)translateZ(0)}.card-title-text{text-transform:uppercase;letter-spacing:-.01em;text-align:center;padding:0 16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(1.25rem,3.5vw,4rem);font-weight:800}.voice-tone .flip-card-front,.voice-tone .flip-card-back{color:#fff;background-color:#dc354b}.logo .flip-card-front,.logo .flip-card-back,.color .flip-card-front,.color .flip-card-back{color:#000;background-color:#f7f6f4}.imagery .flip-card-front,.imagery .flip-card-back{color:#fff;background-color:#dc354b}@media (min-width:769px){.expanding-panel.interactive:hover .flip-card-inner{transform:rotateX(-180deg)}}.expanding-panel.auto-active .flip-card-inner{transform:rotateX(-180deg)}.center-icon{background-color:#fff;justify-content:center;align-items:center;display:flex}.center-content{position:absolute}.lines-wrapper{z-index:10;pointer-events:none;position:absolute;inset:0}.anim-line{pointer-events:none;position:absolute}.anim-line.horizontal{width:100vw;height:1px}.anim-line.vertical{width:1px;height:100dvh}.draw-left-to-right{transform-origin:0;animation:1.6s cubic-bezier(.55,0,1,.45) forwards drawH,10ms linear 1.6s forwards instantLightRed;left:0;transform:scaleX(0)}.draw-right-to-left{transform-origin:100%;animation:1.6s cubic-bezier(.55,0,1,.45) forwards drawH,10ms linear 1.6s forwards instantLightRed;right:0;transform:scaleX(0)}.draw-top-to-bottom{transform-origin:top;animation:1.6s cubic-bezier(.55,0,1,.45) forwards drawV,10ms linear 1.6s forwards instantLightRed;top:0;transform:scaleY(0)}.draw-bottom-to-top{transform-origin:bottom;animation:1.6s cubic-bezier(.55,0,1,.45) forwards drawV,10ms linear 1.6s forwards instantLightRed;bottom:0;transform:scaleY(0)}.fade-in-line{opacity:0;background-color:#dc354b;animation:.8s ease-in-out 1.2s forwards fadeIn}@keyframes drawH{0%{background-color:#dc354b;transform:scaleX(0)}to{background-color:#dc354b;transform:scaleX(1)}}@keyframes drawV{0%{background-color:#dc354b;transform:scaleY(0)}to{background-color:#dc354b;transform:scaleY(1)}}@keyframes instantLightRed{to{opacity:.35;background-color:#dc354b}}@keyframes fadeIn{0%{opacity:0}to{opacity:.35}}@keyframes logoCenterFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes mainLogoMoveUpHide{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-120%)}}@keyframes navbarLogoSlideUpCenter{0%{opacity:0;top:50%;left:50%;transform:translate(-50%,20%)scale(1)}to{opacity:1;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}}@keyframes navbarLogoMoveToBottomLeft{0%{top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}to{top:calc(100% - 16px);left:16px;transform:translateY(-100%)scale(1)}}@media (max-width:768px){.center-heading-container{text-align:center;top:24px;left:16px;right:16px}.scroll-prompt{justify-content:center}.card-title-text{font-size:clamp(1rem,5vw,1.75rem)}@keyframes navbarLogoMoveToBottomLeft{0%{top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}to{top:calc(100% - 24px);left:50%;transform:translate(-50%,-100%)scale(1)}}.scroll-logo-wrapper{transform-origin:bottom;left:50%!important}.scroll-bound-logo{bottom:0;left:0}.logo-navbar-img{width:clamp(150px,15vw,220px)}.logo-main-img{bottom:50%;left:50%;transform:translate(-50%,50%)}}