.skya-tiles{--skya-tiles-ease: cubic-bezier(.4, 0, .2, 1);--skya-tiles-speed: .26s}.skya-tiles__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.skya-tiles__eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8c5a3f}.skya-tiles__title{margin:0;font-size:clamp(1.625rem,1.2rem + 1.4vw,2.5rem);line-height:1.15;color:rgb(var(--colors-heading))}.skya-tiles__link{flex:none;padding-bottom:.25rem;font-size:.875rem;color:rgb(var(--colors-heading));text-decoration:underline;text-decoration-color:#e6ded7;text-underline-offset:4px;transition:color var(--skya-tiles-speed) var(--skya-tiles-ease),text-decoration-color var(--skya-tiles-speed) var(--skya-tiles-ease)}.skya-tiles__link:is(:hover,:focus-visible){color:#8c5a3f;text-decoration-color:currentColor}.skya-tiles__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.skya-tile{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;border-radius:10px;background:#f6f2ee;color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 0 0 1px #2636440f;transition:transform var(--skya-tiles-speed) var(--skya-tiles-ease),box-shadow var(--skya-tiles-speed) var(--skya-tiles-ease)}.skya-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--skya-tiles-ease)}.skya-tile__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#26364400 38%,rgb(38 54 68 / var(--skya-tile-shade, .65)))}.skya-tile__index{position:absolute;top:.875rem;left:1rem;font-size:.6875rem;font-weight:600;letter-spacing:.14em;color:#ffffffe6;text-shadow:0 1px 2px rgb(0 0 0 / .25);font-variant-numeric:tabular-nums}.skya-tile__body{position:absolute;right:1rem;bottom:.875rem;left:1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}.skya-tile__text{display:grid;gap:.125rem;min-width:0}.skya-tile__name{font-size:1.125rem;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skya-tile__count{font-size:.75rem;letter-spacing:.04em;color:#ffffffc7}.skya-tile__arrow{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid rgb(255 255 255 / .55);border-radius:999px;background:#ffffff1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color var(--skya-tiles-speed) var(--skya-tiles-ease),border-color var(--skya-tiles-speed) var(--skya-tiles-ease),color var(--skya-tiles-speed) var(--skya-tiles-ease)}.skya-tile__arrow svg{width:.875rem;height:.875rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--skya-tiles-speed) var(--skya-tiles-ease)}.skya-tile:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #26364414,0 14px 30px -18px #2636448c}.skya-tile:hover .skya-tile__image{transform:scale(1.04)}.skya-tile:is(:hover,:focus-visible) .skya-tile__arrow{border-color:#fff;background:#fff;color:#263644}.skya-tile:is(:hover,:focus-visible) .skya-tile__arrow svg{transform:translate(3px)}.skya-tile:focus-visible{outline:2px solid rgb(140 90 63);outline-offset:3px}@media(max-width:749px){.skya-tiles__header{margin-bottom:1rem}.skya-tiles__link{display:none}.skya-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.skya-tile{aspect-ratio:5 / 4;border-radius:8px}.skya-tile__index{top:.625rem;left:.75rem;font-size:.625rem}.skya-tile__body{top:.5rem;right:.5rem;bottom:.625rem;left:.75rem;display:block}.skya-tile__text{position:absolute;right:0;bottom:0;left:0}.skya-tile__arrow{position:absolute;top:0;right:0}.skya-tile__name{font-size:.875rem}.skya-tile__count{font-size:.6875rem}.skya-tile__arrow{width:1.625rem;height:1.625rem}.skya-tile__arrow svg{width:.75rem;height:.75rem}}@media(max-width:359px){.skya-tile__name{font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.skya-tile,.skya-tile__image,.skya-tile__arrow,.skya-tile__arrow svg,.skya-tiles__link{transition:none}.skya-tile:hover,.skya-tile:hover .skya-tile__image,.skya-tile:is(:hover,:focus-visible) .skya-tile__arrow svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/skya-category-tiles.css.map */