#brand-page-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#0e1f12;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}#brand-page-transition.is-active{opacity:1;visibility:visible;pointer-events:all;transition:opacity .35s ease,visibility 0s linear 0s}#brand-page-transition .brand-transition-content{width:min(90vw,900px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#brand-page-transition .brand-transition-logo{display:block;width:min(70vw,650px);max-width:650px;height:auto;max-height:62vh;object-fit:contain;opacity:0;transform:scale(.72);filter:blur(12px)}#brand-page-transition.is-active .brand-transition-logo{animation:wolffoxLogoEnter .9s cubic-bezier(.22,1,.36,1) forwards}@keyframes wolffoxLogoEnter{0%{opacity:0;transform:scale(.72);filter:blur(12px)}45%{opacity:1;transform:scale(1.04);filter:blur(0)}70%{transform:scale(.98)}to{opacity:1;transform:scale(1);filter:blur(0)}}#brand-page-transition .brand-transition-title{margin:22px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,7vw,92px);font-weight:800;letter-spacing:.12em;line-height:1;color:#fff;opacity:0;transform:translateY(25px)}#brand-page-transition.is-active .brand-transition-title{animation:wolffoxTextEnter .7s cubic-bezier(.22,1,.36,1) .35s forwards}@keyframes wolffoxTextEnter{0%{opacity:0;transform:translateY(25px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}#brand-page-transition.is-leaving{opacity:0;transition:opacity .4s ease}#brand-page-transition.is-leaving .brand-transition-logo{animation:wolffoxLogoLeave .4s ease forwards}#brand-page-transition.is-leaving .brand-transition-title{animation:wolffoxTextLeave .3s ease forwards}@keyframes wolffoxLogoLeave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08);filter:blur(4px)}}@keyframes wolffoxTextLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}@media screen and (min-width:750px){#brand-page-transition .brand-transition-logo{width:min(55vw,650px);max-height:62vh}#brand-page-transition .brand-transition-title{font-size:clamp(55px,6vw,92px)}}@media screen and (max-width:749px){#brand-page-transition .brand-transition-content{width:94vw}#brand-page-transition .brand-transition-logo{width:82vw;max-width:none;max-height:55vh}#brand-page-transition .brand-transition-title{margin-top:18px;font-size:clamp(34px,10vw,58px);letter-spacing:.08em}}@media screen and (max-width:380px){#brand-page-transition .brand-transition-logo{width:88vw;max-height:50vh}#brand-page-transition .brand-transition-title{font-size:32px}}@media(prefers-reduced-motion:reduce){#brand-page-transition,#brand-page-transition .brand-transition-logo,#brand-page-transition .brand-transition-title{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/brand-page-transition.css.map */