.hero{position:relative;overflow:hidden;min-height:560px;height:100vh;height:100svh;display:grid;--hero-c: var(--c-on-ink);--scrim-top: var(--c-footer-from);--scrim-text: var(--c-footer-from);color:var(--hero-c);background:var(--c-footer-from)}.hero--h-dark{--scrim-top: var(--c-bg);background:var(--c-bg)}@media(orientation:landscape){.hero--d-dark{--hero-c: var(--c-ink);--scrim-text: var(--c-bg)}}@media(orientation:portrait){.hero--m-dark{--hero-c: var(--c-ink);--scrim-text: var(--c-bg)}}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__media picture{display:block;width:100%;height:100%}.hero__media .img,.hero__media .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--pos-y, 50%)}.hero__media .img{transform:scale(1.035);transition:opacity var(--dur-slow) var(--ease),transform 2.4s var(--ease)}.hero__media .img.is-loaded,.no-js .hero__media .img{transform:none}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--scrim-top) calc(var(--scrim) * .7),transparent) 0%,transparent 24%),radial-gradient(115% 90% at 0% 100%,color-mix(in srgb,var(--scrim-text) var(--scrim),transparent) 0%,transparent 66%)}.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:66fr auto 34fr;grid-template-areas:"." "content" "note";padding:calc(var(--header-h) + var(--gutter)) var(--gutter) 16px}.hero__content{grid-area:content}.hero__title{max-width:14.5em;text-wrap:balance}.hero__link{margin-top:12px}.hero__note{grid-area:note;align-self:end;max-width:50%;opacity:.92}.hero__caption{right:var(--gutter);bottom:16px}@media(max-width:749px){.hero__inner{grid-template-rows:1fr auto auto;grid-template-areas:"." "note" "content";padding-bottom:52px}.hero__note{align-self:auto;max-width:none;margin-bottom:10px}.hero__scrim{background:linear-gradient(180deg,color-mix(in srgb,var(--scrim-top) calc(var(--scrim) * .7),transparent) 0%,transparent 20%),linear-gradient(0deg,color-mix(in srgb,var(--scrim-text) calc(var(--scrim) * 1.2),transparent) 0%,transparent 58%)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero.css.map */