.c-tech-hero{background-color:rgb(var(--c-tech-hero-background));color:rgb(var(--c-tech-hero-text));--c-tech-grow-panel: 1;--c-tech-grow-open: 21}.c-tech-hero__inner{position:relative;max-width:var(--c-container-max);margin-inline:auto}.c-tech-hero__label--over{display:none}.c-tech-hero__label{margin:0;font-family:var(--c-font-heading);font-size:var(--fs-subheading);font-weight:var(--heading-font-weight);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase;transition:color var(--motion-duration-panel) var(--motion-ease)}.c-tech-hero__copy{font-size:var(--fs-body);line-height:var(--lh-body)}.c-tech-hero__copy>:first-child{margin-block-start:0}.c-tech-hero__copy>:last-child{margin-block-end:0}.c-tech-hero__panel{position:relative;overflow:hidden;color:rgb(var(--c-white));text-decoration:none}.c-tech-hero__media{width:100%;height:100%}.c-tech-hero__scrim{position:absolute;inset-block-end:0;inset-inline:0;height:55%;background-image:linear-gradient(to bottom,#0000,rgba(0,0,0,var(--c-scrim-caption)));pointer-events:none}.c-tech-hero__body{position:absolute;display:flex;flex-direction:column;gap:var(--sp-8);opacity:0;visibility:hidden;transition:opacity var(--motion-duration-ui) var(--motion-ease),visibility var(--motion-duration-ui)}.c-tech-hero__name{overflow-wrap:break-word;font-family:var(--c-font-heading);font-size:var(--fs-heading);font-weight:var(--heading-font-weight);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase}.c-tech-hero__text{font-size:var(--fs-body);line-height:var(--lh-body)}@media screen and (min-width:1000px){.c-tech-hero__inner{display:flex;gap:var(--sp-16);height:calc(100dvh - var(--c-sticky-height) - var(--sp-12));margin-block-start:var(--sp-12);padding-inline:var(--sp-24);transition:gap var(--motion-duration-panel) var(--motion-ease)}.c-tech-hero__inner:has(.c-tech-hero__panel:hover){gap:var(--sp-8)}.c-tech-hero__label{position:absolute;inset-block-start:var(--sp-64);inset-inline-start:var(--c-gutter);z-index:1;pointer-events:none}.c-tech-hero__label--over[data-active]{display:block;color:rgb(var(--c-white));z-index:2;mask-image:var(--c-tech-label-mask, none);-webkit-mask-image:var(--c-tech-label-mask, none)}.c-tech-hero__rail{display:contents}.c-tech-hero__intro{display:flex;flex:0 0 calc((100cqi + var(--sp-24) * 2) * var(--c-tech-column) - var(--sp-24) - var(--sp-16));flex-direction:column;justify-content:flex-end;min-width:0;overflow:hidden;padding-block-end:var(--sp-48);padding-inline-start:var(--c-gutter);transition:flex-basis var(--motion-duration-panel) var(--motion-ease),opacity var(--motion-duration-panel) var(--motion-ease)}.c-tech-hero__inner:has(.c-tech-hero__panel:hover) .c-tech-hero__intro{flex-basis:0;opacity:0}.c-tech-hero__copy{max-width:259px}.c-tech-hero__panel{flex:var(--c-tech-grow-panel) 1 0;min-width:0;transition:flex-grow var(--motion-duration-panel) var(--motion-ease)}.c-tech-hero__panel:hover{flex-grow:var(--c-tech-grow-open)}.c-tech-hero__inner{container-type:inline-size;--c-tech-open-reserve: calc(var(--c-gutter) + var(--c-tech-panels) * var(--sp-8))}.c-tech-hero__inner:not(:has(.c-tech-hero__intro)){--c-tech-open-reserve: calc((var(--c-tech-panels) - 1) * var(--sp-8))}.c-tech-hero__media>.c-media__image{--c-tech-open-width: calc( (100cqi - var(--c-tech-open-reserve)) * var(--c-tech-grow-open) / (var(--c-tech-grow-open) + (var(--c-tech-panels) - 1) * var(--c-tech-grow-panel)) );position:absolute;inset-block:0;inset-inline-start:calc(50% - var(--c-tech-open-width) / 2);width:var(--c-tech-open-width);max-width:none}.c-tech-hero__body{inset-block-end:var(--sp-48);inset-inline-start:var(--sp-40);width:259px;max-width:calc(100% - var(--sp-80))}.c-tech-hero__panel:hover .c-tech-hero__body{opacity:1;visibility:visible;transition-delay:var(--motion-duration-panel)}}@media screen and (max-width:999px){.c-tech-hero__inner{display:flex;flex-direction:column;min-height:calc(100dvh - var(--c-sticky-height))}.c-tech-hero__label{padding-block-start:var(--sp-64);padding-inline:var(--c-gutter)}.c-tech-hero__intro{flex:1 1 auto;width:45%;margin-inline-start:auto;padding-block-start:var(--sp-48);padding-inline-end:var(--c-gutter)}.c-tech-hero__rail{display:flex;flex:0 0 auto;gap:var(--sp-8);height:279px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-inline-start:var(--c-gutter);transition:height var(--motion-duration-panel) var(--motion-ease)}.c-tech-hero__rail::-webkit-scrollbar{display:none}.c-tech-hero__panel{flex:0 0 57px;transition:flex-basis var(--motion-duration-panel) var(--motion-ease)}@media screen and (min-width:741px){.c-tech-hero__panel{flex:1 0 57px}}.c-tech-hero[data-open] .c-tech-hero__label,.c-tech-hero[data-open] .c-tech-hero__intro{display:none}.c-tech-hero[data-open] .c-tech-hero__rail{height:calc(100dvh - var(--c-sticky-height) - var(--sp-64));margin-block-start:var(--sp-64);padding-inline-start:0}.c-tech-hero__panel[data-open]{flex:0 0 84%}.c-tech-hero__body{inset-block:var(--sp-32) auto;inset-inline-start:var(--sp-32);max-width:calc(100% - var(--sp-64))}.c-tech-hero__panel[data-open] .c-tech-hero__body{opacity:1;visibility:visible;transition-delay:var(--motion-duration-panel)}.c-tech-hero__panel[data-open] .c-tech-hero__scrim{inset-block:0 auto;height:45%;background-image:linear-gradient(to bottom,rgba(0,0,0,var(--c-scrim-caption)),#0000)}}@media(prefers-reduced-motion:reduce){.c-tech-hero__inner,.c-tech-hero__rail,.c-tech-hero__intro,.c-tech-hero__panel,.c-tech-hero__body,.c-tech-hero__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-tech-hero.css.map */