.trcl-hero__logo{--trcl-step:1px;position:relative;z-index:2;width:300px;max-width:100%;padding:20px 0 40px}.trcl-hero__logo-float{position:relative;z-index:1;display:block;perspective:1000px;animation:trcl-hero-float 6s cubic-bezier(.45,0,.55,1) infinite}.trcl-hero__logo-tilt,.trcl-hero__logo-3d{position:relative;display:block;transform-style:preserve-3d}.trcl-hero__logo-tilt{transform:rotateX(var(--trcl-rx,0deg)) rotateY(var(--trcl-ry,0deg));transition:transform .9s cubic-bezier(.16,1,.3,1)}.trcl-hero__logo--3d .trcl-hero__logo-3d{will-change:transform;animation:trcl-hero-turn 11s ease-in-out infinite}.trcl-hero__logo-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.trcl-hero__logo-img--front{position:relative}.trcl-hero__logo-layer{position:absolute;left:0;top:0;height:100%;transform:translateZ(calc(var(--i) * var(--trcl-step) * -1));filter:brightness(var(--b,.5)) saturate(.85) blur(.35px);pointer-events:none}.trcl-hero__logo--plate .trcl-hero__logo-img{box-sizing:border-box;padding:24px;object-fit:contain}.trcl-hero__logo--plate .trcl-hero__logo-img--file{aspect-ratio:2/1;object-fit:cover;padding:0}.trcl-hero__plate{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-style:preserve-3d}.trcl-hero__plate-face,.trcl-hero__plate-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px}.trcl-hero__plate-face{background:radial-gradient(120% 90% at 50% 40%,#24375F 0%,var(--trcl-navy) 70%);box-shadow:inset 0 0 0 1px #ffffff14,0 30px 50px #1b2a4a47}.trcl-hero__plate-edge{background:#0e172b;transform:translateZ(calc(var(--k) * -3px))}.trcl-hero__logo--plate-light .trcl-hero__plate-face{background:radial-gradient(120% 90% at 50% 40%,#fff,#eef1f6 70%);box-shadow:inset 0 0 0 1px #1b2a4a1f,0 30px 50px #1b2a4a38}.trcl-hero__logo--plate-light .trcl-hero__plate-edge{background:#c3cbd8}.trcl-hero__logo--plate-light .trcl-hero__logo-layer{filter:contrast(.7) brightness(calc(var(--b,.5) + .55)) blur(.35px)}.trcl-hero__logo--3d .trcl-hero__plate{top:-5%;right:-4%;bottom:-5%;left:-4%;transform:translateZ(calc(var(--trcl-depth) * var(--trcl-step) * -1 - 18px))}.trcl-hero__logo-sheen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden;pointer-events:none;transform:translateZ(1px);-webkit-mask-image:var(--trcl-mask);mask-image:var(--trcl-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.trcl-hero__logo-sheen.is-on{display:block}.trcl-hero__logo--plate .trcl-hero__logo-sheen{box-sizing:border-box;padding:24px;-webkit-mask-origin:content-box;mask-origin:content-box;-webkit-mask-clip:content-box;mask-clip:content-box}.trcl-hero__logo--plate .trcl-hero__logo-img--file~.trcl-hero__logo-sheen{padding:0;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-origin:border-box;mask-origin:border-box;-webkit-mask-clip:border-box;mask-clip:border-box}.trcl-hero__logo-sheen:before{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:24%;background:linear-gradient(100deg,#fff0,#fffc,#fff0);transform:translate(-130%) skew(-14deg);animation:trcl-hero-sheen 6.5s cubic-bezier(.45,0,.55,1) 1.8s infinite}.trcl-hero__logo-shadow{position:absolute;left:12%;right:12%;bottom:6px;height:22px;border-radius:50%;background:radial-gradient(closest-side,#1b2a4a52,#1b2a4a00);animation:trcl-hero-breathe 6s cubic-bezier(.45,0,.55,1) infinite}.trcl-hero__logo-glow{position:absolute;left:50%;top:44%;width:86%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e2001a47,#e2001a00 62%);animation:trcl-hero-glow 6s ease-in-out infinite;pointer-events:none}.trcl-hero__logo--bundled{--trcl-step:.5px;width:calc(300px * var(--trcl-bf,1));padding:28px 0 44px}.trcl-hero__logo--bundled .trcl-hero__logo-img{aspect-ratio:auto}.trcl-hero__logo--bundled .trcl-hero__logo-layer{filter:brightness(var(--b,60%)) saturate(.9)}.trcl-hero__logo--bundled .trcl-hero__logo-layer{transform:translateZ(calc(var(--i) * var(--trcl-step) * var(--trcl-bs,1) * -1))}.trcl-hero__logo--tone-dark .trcl-hero__logo-layer{filter:brightness(0) invert(var(--b,30%)) sepia(.35) hue-rotate(180deg) saturate(1.3)}.trcl-hero__logo--tone-photo .trcl-hero__logo-layer{filter:brightness(var(--b,60%)) sepia(.3)}.trcl-hero__logo--word{--trcl-wstep:.008em;--trcl-wmax:96px;container-type:inline-size;padding:28px 0 46px}.trcl-hero__logo--word .trcl-hero__logo-3d{display:grid;justify-items:center;align-items:center}.trcl-hero__word{grid-area:1/1;display:block;max-width:100%;font-family:var(--trcl-display);font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:.02em;line-height:1;white-space:nowrap;text-align:center;font-size:min(var(--trcl-wmax),calc(300px / (var(--trcl-n,6) * .92 + .1)));font-size:min(var(--trcl-wmax),calc(100cqi / (var(--trcl-n,6) * .92 + .1)));padding:.1em .04em .12em}.trcl-hero__logo-3d--wrap .trcl-hero__word{white-space:normal;line-height:.98}.trcl-hero__word--front{position:relative;color:var(--trcl-navy);background:linear-gradient(180deg,#30497c,#1b2a4a 58%,#132039);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.trcl-hero__word-layer{color:#22345c;-webkit-text-stroke:.5px currentColor;transform:translateZ(calc(var(--i) * var(--trcl-wstep) * -1));filter:brightness(var(--b,.5));pointer-events:none;-webkit-user-select:none;user-select:none}.trcl-hero__word-layer:before,.trcl-hero__word-sheen:before{content:attr(data-trcl-w)}.trcl-hero__word-sheen{position:relative;transform:translateZ(1px);color:transparent;-webkit-text-fill-color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(100deg,#fff0 40%,#fffc,#fff0 60%) no-repeat;background-size:250% 100%;background-position:160% 0;-webkit-background-clip:text;background-clip:text;animation:trcl-hero-wsheen 6.5s cubic-bezier(.45,0,.55,1) 1.8s infinite}.trcl-hero__word-bar{grid-area:2/1;width:28%;height:6px;margin-top:8px;border-radius:3px;background:var(--trcl-red);box-shadow:0 8px 18px #e2001a4d;transform:translateZ(0)}@keyframes trcl-hero-wsheen{0%{background-position:160% 0}30%,to{background-position:-60% 0}}@keyframes trcl-hero-float{0%,to{transform:translateZ(0) rotate(-1deg)}50%{transform:translate3d(0,-14px,0) rotate(1deg)}}@keyframes trcl-hero-turn{0%,to{transform:rotateX(9deg) rotateY(-11deg)}50%{transform:rotateX(6deg) rotateY(11deg)}}@keyframes trcl-hero-sheen{0%{transform:translate(-130%) skew(-14deg)}30%,to{transform:translate(560%) skew(-14deg)}}@keyframes trcl-hero-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.55}}@keyframes trcl-hero-glow{0%,to{opacity:.75}50%{opacity:1}}@media(min-width:640px){.trcl-hero__logo{width:360px}.trcl-hero__logo--bundled{width:calc(360px * var(--trcl-bf,1))}}@media(min-width:1024px){.trcl-hero__logo{--trcl-step:1.3px;width:420px}.trcl-hero__logo--word{--trcl-wstep:.007em;--trcl-wmax:128px}.trcl-hero__logo--bundled{--trcl-step:.65px;width:calc(420px * var(--trcl-bf,1))}}@media(max-width:749px){.trcl-hero__word-sheen{animation-iteration-count:2}}@media(prefers-reduced-motion:reduce){.trcl-hero__logo-float,.trcl-hero__logo-shadow,.trcl-hero__logo-glow,.trcl-hero__logo-3d{animation:none!important}.trcl-hero__logo--3d .trcl-hero__logo-3d{transform:rotateX(8deg) rotateY(-9deg);will-change:auto}.trcl-hero__logo-tilt{transition:none}.trcl-hero__logo-sheen,.trcl-hero__word-sheen{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/tr-3d-logo.css.map */