.works-hero{position:relative;width:100%;height:calc(var(--w-hero-height) + (var(--works-hero-scroll, 0) * 100vh));background:var(--w-gray-200);--w-hero-height: var(--works-hero-h, 100vh)}@supports (height: 1svh){.works-hero{--w-hero-height: var(--works-hero-h-sm, 100svh)}}.works-hero--static{height:var(--w-hero-height)}.works-hero__sticky{position:sticky;top:0;height:var(--w-hero-height);min-height:480px;overflow:hidden}.works-hero__frames{position:absolute;top:0;right:0;bottom:0;left:0}.works-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.works-hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .22s ease}.works-hero__img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.works-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--works-hero-overlay, .1);pointer-events:none;z-index:1}.works-hero--dark .works-hero__sticky:before,.works-hero--dark .works-hero__sticky:after{content:none}.works-hero__sticky:before,.works-hero__sticky:after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:1}.works-hero__sticky:before{top:0;height:150px;background:linear-gradient(to bottom,#0000006b,#0000)}.works-hero__sticky:after{bottom:0;height:300px;background:linear-gradient(to top,#0000009e,#00000029 50%,#0000)}.works-hero__content{position:absolute;inset:auto 0 0 0;z-index:2;will-change:opacity;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:var(--w-gutter);padding:var(--w-margin);color:var(--w-white)}.works-hero__lead{display:flex;align-items:baseline;gap:1.25rem;flex-wrap:wrap}.works-hero__heading{margin:0;color:var(--w-white);font-size:clamp(2.5rem,7vw,6.5rem);font-weight:400;line-height:.95;letter-spacing:-.02em}.works-hero__sup{font-size:.28em;font-weight:400;vertical-align:super;margin-left:.15em;letter-spacing:0}.works-hero__cta{color:var(--w-white);font-size:var(--w-fs-link);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding-bottom:.35rem}.works-hero__cta:hover{opacity:.7}.works-hero__body{justify-self:end;max-width:34ch;color:var(--w-white);font-size:var(--w-fs-body);line-height:1.35}.works-hero__body p{margin:0}.works-hero--text-left .works-hero__content{grid-template-columns:1fr}.works-hero--text-left .works-hero__body{justify-self:start;order:-1;max-width:44ch;margin-bottom:4px}.works-hero--dark .works-hero__content,.works-hero--dark .works-hero__heading,.works-hero--dark .works-hero__cta,.works-hero--dark .works-hero__body{color:var(--w-black)}@media screen and (max-width:749px){.works-hero__content{grid-template-columns:1fr;gap:1.5rem}.works-hero__body{justify-self:start;max-width:none;font-size:15px;order:-1}.works-hero__heading{font-size:clamp(2rem,11vw,3.5rem)}.works-hero__img{object-position:45% 40%}}@media(prefers-reduced-motion:reduce){.works-hero{height:var(--w-hero-height)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/works-hero.css.map */