.ko-hero__media-wrap{position:relative;width:100%;min-height:70vh;overflow:hidden}.ko-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ko-hero__overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:100%;min-height:70vh;padding:var(--container-padding);gap:var(--space-3);background:linear-gradient(to top,#000000bf,#00000040 45%,#0000)}.ko-hero__eyebrow{font-family:var(--font-body);font-size:var(--type-utility-size);letter-spacing:var(--type-utility-tracking);text-transform:uppercase;color:var(--color-accent);margin:0}.ko-hero__title{font-family:var(--font-display);font-size:var(--type-display-xl-size);line-height:var(--type-display-xl-leading);color:var(--color-paper);margin:0;max-width:20ch;text-wrap:balance}.ko-hero__subheadline{font-family:var(--font-body);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-leading);color:var(--color-paper);opacity:.85;max-width:45ch;margin:0}.ko-hero__cta{margin-top:var(--space-2)}@media(prefers-reduced-motion:reduce){.ko-hero__media{display:none}}.ko-video-portal{display:block;text-decoration:none;cursor:pointer;position:relative;width:100%;height:100%}.ko-hero__media{transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s ease}@media(hover:hover){.ko-video-portal:hover .ko-hero__media{opacity:.6}.ko-video-portal:hover .button--primary{transform:scale(1.02);box-shadow:0 4px 15px #0000004d}.ko-video-tag-mobile{display:none}}.ko-video-tag-mobile{position:absolute;bottom:24px;right:24px;color:var(--color-paper, #f5f5f0);font-family:Helvetica Neue,Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;background:#0a0a0a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 16px;border:1px solid rgba(245,245,240,.15);border-radius:4px;z-index:10;animation:koPulse 2.5s infinite}@keyframes koPulse{0%{box-shadow:0 0 #f5f5f040}70%{box-shadow:0 0 0 10px #f5f5f000}to{box-shadow:0 0 #f5f5f000}}@media(min-width:769px){.ko-video-tag-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ko-hero.css.map */