.cr-hero-section{display:block}.cr-hero{position:relative;display:block;background-color:rgb(var(--color-background));overflow:hidden}.cr-hero--full{width:100%}.cr-hero:not(.cr-hero--full){max-width:var(--cr-page-width);margin-inline:auto;border-radius:var(--cr-radius-lg)}.cr-hero__viewport{position:relative;display:grid}.cr-hero__slide{grid-area:1 / 1;position:relative;opacity:0;visibility:hidden;transition:opacity var(--cr-duration-slow) var(--cr-ease),visibility 0s linear var(--cr-duration-slow);pointer-events:none}.cr-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity var(--cr-duration-slow) var(--cr-ease),visibility 0s;pointer-events:auto;z-index:1}.cr-hero__link{display:block;text-decoration:none;color:inherit;outline-offset:-4px}.cr-hero__media{position:relative;display:block;overflow:hidden}.cr-hero__img{display:block;width:100%;height:auto;transform:scale(1.03);transition:transform .9s var(--cr-ease-out)}.cr-hero__slide.is-active .cr-hero__img{transform:scale(1)}.cr-hero__placeholder{width:100%;height:auto;background-color:rgba(var(--color-foreground),.06)}.cr-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--cr-navy-darker) 0%,rgba(16,26,56,.55) 55%,rgba(16,26,56,.15) 100%);pointer-events:none}.cr-hero__img--mobile{display:none}@media screen and (max-width:749px){.cr-hero__img--desktop{display:none}.cr-hero__img--mobile{display:block}}.cr-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;pointer-events:none}.cr-hero__content .cr-container{width:100%}.cr-hero__content--left .cr-hero__text{margin-right:auto;text-align:left}.cr-hero__content--center .cr-hero__text{margin-inline:auto;text-align:center}.cr-hero__content--right .cr-hero__text{margin-left:auto;text-align:right}.cr-hero__text{max-width:54.4rem;color:var(--cr-text-inverse);text-shadow:0 1px 12px rgba(16,26,56,.45)}.cr-hero__subheading{margin:0 0 var(--cr-space-2);font-size:1.3rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.9}.cr-hero__heading{margin:0 0 var(--cr-space-4);font-size:clamp(2.8rem,1.76rem + 2.6vw,5.6rem);line-height:1.08;font-weight:700;letter-spacing:-.02em}.cr-hero__btn{display:inline-flex;align-items:center;gap:var(--cr-space-2);padding:var(--cr-space-3) var(--cr-space-6);border-radius:var(--cr-radius-pill);background-color:var(--cr-crimson);color:var(--cr-text-inverse);font-size:1.5rem;font-weight:600;letter-spacing:.02em;text-shadow:none;box-shadow:var(--cr-shadow-2);transition:background-color var(--cr-duration) var(--cr-ease),transform var(--cr-duration) var(--cr-ease),box-shadow var(--cr-duration) var(--cr-ease)}.cr-hero__link:hover .cr-hero__btn{background-color:var(--cr-crimson-dark);transform:translateY(-2px);box-shadow:var(--cr-shadow-3)}.cr-hero__slide .cr-hero__subheading,.cr-hero__slide .cr-hero__heading,.cr-hero__slide .cr-hero__btn{opacity:0;transform:translateY(12px);transition:opacity var(--cr-duration-slow) var(--cr-ease-out),transform var(--cr-duration-slow) var(--cr-ease-out)}.cr-hero__slide.is-active .cr-hero__subheading,.cr-hero__slide.is-active .cr-hero__heading,.cr-hero__slide.is-active .cr-hero__btn{opacity:1;transform:translateY(0)}.cr-hero__slide.is-active .cr-hero__subheading{transition-delay:.12s}.cr-hero__slide.is-active .cr-hero__heading{transition-delay:.2s}.cr-hero__slide.is-active .cr-hero__btn{transition-delay:.3s}.cr-hero__control{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background-color:#ffffffd9;color:var(--cr-navy-ink);cursor:pointer;box-shadow:var(--cr-shadow-2);opacity:0;transition:opacity var(--cr-duration) var(--cr-ease),background-color var(--cr-duration) var(--cr-ease),transform var(--cr-duration) var(--cr-ease)}.cr-hero__control svg{width:2rem;height:2rem}.cr-hero__control--prev{left:var(--cr-space-4)}.cr-hero__control--next{right:var(--cr-space-4)}.cr-hero:hover .cr-hero__control,.cr-hero:focus-within .cr-hero__control{opacity:1}.cr-hero__control:hover{background-color:#fff;transform:translateY(-50%) scale(1.06)}.cr-hero__control:active{transform:translateY(-50%) scale(.97)}@media(hover:none){.cr-hero__control{opacity:1}}@media screen and (max-width:749px){.cr-hero__control{width:3.6rem;height:3.6rem}.cr-hero__control--prev{left:var(--cr-space-2)}.cr-hero__control--next{right:var(--cr-space-2)}}.cr-hero__dots{position:absolute;bottom:var(--cr-space-4);left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:var(--cr-space-2);padding:var(--cr-space-2) var(--cr-space-3);border-radius:var(--cr-radius-pill);background-color:#101a3859;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cr-hero__dot{width:8px;height:8px;padding:0;border:0;border-radius:var(--cr-radius-pill);background-color:#ffffff80;cursor:pointer;transition:width var(--cr-duration) var(--cr-ease),background-color var(--cr-duration) var(--cr-ease)}.cr-hero__dot:hover{background-color:#fffc}.cr-hero__dot.is-active{width:24px;background-color:#fff}@media screen and (max-width:749px){.cr-hero__dots{bottom:var(--cr-space-2)}}.cr-hero--empty{padding-block:var(--cr-space-8);text-align:center;color:rgb(var(--color-foreground))}@media(prefers-reduced-motion:reduce){.cr-hero__img,.cr-hero__slide.is-active .cr-hero__img{transform:none;transition:none}.cr-hero__slide .cr-hero__subheading,.cr-hero__slide .cr-hero__heading,.cr-hero__slide .cr-hero__btn{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/computrock-hero.css.map */