.materik-hero{width:100%;display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 150px);min-height:520px;max-height:860px;overflow:hidden;position:relative}.materik-hero__left,.materik-hero__right{position:relative;overflow:hidden}.materik-hero__left{background:#faf9f5;transition:background .4s ease}.materik-hero__left>a,.materik-hero__right>a{display:block;width:100%;height:100%}.materik-hero__left img,.materik-hero__right video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.materik-hero__caption{position:absolute;left:6%;bottom:6%;z-index:2;font-family:var(--font-mono-family);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:.78;pointer-events:none}.materik-hero__left[data-tone=light] .materik-hero__caption{color:#111;opacity:.62}.materik-hero__right:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,#000000b3);pointer-events:none;z-index:1}.materik-hero__copy{position:absolute;left:7%;right:7%;bottom:calc(6% - 4.3px);z-index:2;color:#fff;text-align:left}.materik-hero__eyebrow{font-family:var(--font-mono-family);font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin:0}.materik-hero__heading{font-family:var(--font-heading-family);font-weight:300;font-size:clamp(28px,3.6vw,54px);line-height:1.05;letter-spacing:-.01em;color:#fff;margin:12px 0 0;text-shadow:0 2px 20px rgba(0,0,0,.3)}.materik-hero__heading em{font-family:var(--font-accent-family);font-style:italic;font-weight:400}.materik-hero__cta{display:inline-block;width:auto;height:auto;margin-top:18px;font-family:var(--font-body-family);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:3px;position:relative;z-index:3}.materik-hero__cta:hover{border-bottom-color:#fff}@media(max-width:749px){.materik-hero{grid-template-columns:1fr;grid-template-rows:1.15fr 1fr;height:auto;min-height:88vh;max-height:none}.materik-hero__heading{font-size:30px}.materik-hero__copy{bottom:7%}}.section-materik-hero{padding:0!important;margin:0!important}.materik-hero__nav{position:absolute;top:50%;margin-top:-14px;z-index:3;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:none;cursor:pointer;opacity:.9;color:#111;filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 0 8px rgba(255,255,255,.6));transition:opacity .16s ease,color .2s ease}.materik-hero__nav:hover,.materik-hero__nav:focus-visible{opacity:1}.materik-hero__nav svg{width:15px;height:15px}.materik-hero__nav--prev{left:20px;transform:rotate(90deg)}.materik-hero__nav--next{right:20px;transform:rotate(-90deg)}.materik-hero__left[data-tone=dark] .materik-hero__nav--prev,.materik-hero[data-video-tone=dark] .materik-hero__nav--next{color:#faf9f5;filter:drop-shadow(0 0 2px rgba(0,0,0,.95)) drop-shadow(0 0 8px rgba(0,0,0,.6))}.materik-hero__image{transition:opacity .14s ease}.materik-hero__left.is-swapping .materik-hero__image{opacity:0}@media(prefers-reduced-motion:reduce){.materik-hero__image{transition:none}.materik-hero__left.is-swapping .materik-hero__image{opacity:1}}@media(max-width:749px){.materik-hero__nav--prev{left:12px}.materik-hero__nav--next{right:12px}}.materik-hero__left img[src*=crystalcase]{scale:.916;translate:0 -1.8%;transform-origin:center}
/*# sourceMappingURL=/cdn/shop/t/84/assets/materik-hero-2026.css.map */