.skylrk-hero{--skylrk-transition: .75s cubic-bezier(.22, 1, .36, 1);position:relative;background-color:var(--skylrk-hero-default-bg, #f7f5f2);transition:background-color var(--skylrk-transition);padding:clamp(1.5rem,4vw,4rem);min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.skylrk-hero__heading{text-align:center;font-size:clamp(1.6rem,2.4vw,2.2rem);letter-spacing:.16em;text-transform:uppercase;font-weight:400;margin:0 0 clamp(2rem,5vw,4rem);opacity:.7}.skylrk-hero__grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);gap:clamp(1.25rem,2.5vw,2.75rem);height:min(78vh,920px);min-height:480px;list-style:none;margin:0;padding:0}.skylrk-hero__tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:currentColor;overflow:visible;transition:transform var(--skylrk-transition),opacity var(--skylrk-transition);will-change:transform,opacity;outline-offset:8px}.skylrk-hero__tile:nth-child(1){grid-column:1 / 4;grid-row:1 / 5;align-self:start}.skylrk-hero__tile:nth-child(2){grid-column:4 / 7;grid-row:3 / 7;align-self:end}.skylrk-hero__tile:nth-child(3){grid-column:7 / 10;grid-row:1 / 5;align-self:start}.skylrk-hero__tile:nth-child(4){grid-column:10 / 13;grid-row:3 / 7;align-self:end}.skylrk-hero__image-wrap{position:relative;display:block;width:100%;height:100%;overflow:hidden}.skylrk-hero__image,.skylrk-hero__placeholder-svg{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform var(--skylrk-transition)}.skylrk-hero__meta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding-top:1.1rem;text-align:center;opacity:0;transform:translateY(4px);transition:opacity var(--skylrk-transition),transform var(--skylrk-transition)}.skylrk-hero__title{font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;font-weight:400}.skylrk-hero__price{font-size:.85rem;opacity:.6}@media(hover:hover)and (pointer:fine){.skylrk-hero__grid[data-hover-active] .skylrk-hero__tile{opacity:.4;transform:scale(.94)}.skylrk-hero__grid[data-hover-active] .skylrk-hero__tile[data-active]{opacity:1;transform:scale(1.06);z-index:2}.skylrk-hero__tile[data-active] .skylrk-hero__image{transform:scale(1.06)}.skylrk-hero__tile[data-active] .skylrk-hero__meta{opacity:1;transform:translateY(0)}.skylrk-hero__tile[data-hover-color="#1C1A18" i][data-active] .skylrk-hero__meta{color:#f7f5f2}}@media(prefers-reduced-motion:reduce){.skylrk-hero,.skylrk-hero__tile,.skylrk-hero__image,.skylrk-hero__meta{transition:none!important}}@media screen and (max-width:989px){.skylrk-hero{min-height:auto;padding-top:3rem;padding-bottom:3rem}.skylrk-hero__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:none;height:auto;min-height:0;gap:1.75rem 1.25rem}.skylrk-hero__tile{grid-column:auto!important;grid-row:auto!important;align-self:auto!important;min-height:0}.skylrk-hero__tile:nth-child(2n){margin-top:2.5rem}.skylrk-hero__image-wrap{aspect-ratio:3 / 4;height:auto}.skylrk-hero__meta{opacity:1;transform:none}}@media screen and (max-width:480px){.skylrk-hero__grid{grid-template-columns:1fr;max-width:22rem;margin:0 auto;gap:2.5rem}.skylrk-hero__tile:nth-child(2n){margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/skylrk-hero.css.map */