.clay-brand-index{width:100%;padding-block:var(--clay-brand-index-padding-top, 56px) var(--clay-brand-index-padding-bottom, 72px)}.clay-brand-index__inner{width:100%;max-width:1350px;margin-inline:auto}.clay-brand-index__seo{max-width:780px;margin:0 0 40px}.clay-brand-index__seo-title{margin:0;color:#171717;font-size:var(--clay-brand-seo-h1-size-desktop, 48px);font-weight:var(--clay-brand-seo-h1-weight, 400)}.clay-brand-index__seo-text{margin:14px 0 0;max-width:68ch;color:#171717;font-size:var(--clay-brand-seo-p-size-desktop, 15px);font-weight:var(--clay-brand-seo-p-weight, 400);line-height:1.65}.clay-brand-index__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--clay-brand-index-gap, 30px)}.clay-brand-card{position:relative;min-width:0;aspect-ratio:var(--clay-brand-card-ratio, 5 / 8);overflow:hidden;border:1px solid rgba(22,22,22,.18);border-radius:var(--clay-brand-card-radius, 8px);background:#fff}.clay-brand-card__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:inherit;text-decoration:none}.clay-brand-card__visual,.clay-brand-card__content{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform;transition:transform .65s cubic-bezier(.22,.61,.36,1)}.clay-brand-card__visual{z-index:1;overflow:hidden;background:#fff;transform:translateZ(0)}.clay-brand-card__content{z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(22px,2vw,32px);background:#fff;color:#272727;transform:translate3d(0,-101%,0)}.clay-brand-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--clay-brand-index-image-position-desktop, center center);transition:transform .9s cubic-bezier(.22,.61,.36,1)}.clay-brand-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000047,#0000 34%);pointer-events:none}.clay-brand-card__visual-title{position:absolute;z-index:2;top:clamp(22px,2vw,32px);left:clamp(22px,2vw,32px);right:clamp(22px,2vw,32px);color:#fff;font-size:var(--clay-brand-card-title-size-desktop, 17px);font-weight:var(--clay-brand-card-title-weight, 500);line-height:1.25;text-shadow:0 1px 18px rgba(0,0,0,.2)}.clay-brand-card--no-image .clay-brand-card__shade{display:none}.clay-brand-card--no-image .clay-brand-card__visual-title{color:#272727;text-shadow:none}.clay-brand-card__title{margin:0;color:inherit;font:inherit;font-size:var(--clay-brand-card-title-size-desktop, 17px);font-weight:var(--clay-brand-card-title-weight, 500);line-height:1.3}.clay-brand-card__content-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.clay-brand-card__description{margin:0;max-width:29ch;color:inherit;font-size:var(--clay-brand-card-description-size-desktop, 14px);font-weight:var(--clay-brand-card-description-weight, 400);line-height:1.55}.clay-brand-card__button{display:inline-flex;min-width:120px;min-height:38px;align-items:center;justify-content:center;padding:9px 20px;border-radius:3px;background:#272727;color:#fff;font-size:var(--clay-brand-card-button-size-desktop, 12px);font-weight:var(--clay-brand-card-button-weight, 600);line-height:1}@media(hover:hover)and (pointer:fine){.clay-brand-card:hover .clay-brand-card__visual,.clay-brand-card:focus-within .clay-brand-card__visual{transform:translate3d(0,-101%,0)}.clay-brand-card:hover .clay-brand-card__content,.clay-brand-card:focus-within .clay-brand-card__content{transform:translateZ(0)}.clay-brand-card:hover .clay-brand-card__image,.clay-brand-card:focus-within .clay-brand-card__image{transform:scale(1.025)}}.clay-brand-index__pagination{margin-top:36px;text-align:center}.clay-brand-index__empty{margin:0}@media screen and (min-width:750px)and (max-width:1199px){.clay-brand-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.clay-brand-index__grid{grid-template-columns:minmax(0,1fr);gap:max(16px,var(--clay-brand-index-gap, 30px))}.clay-brand-card__visual-title,.clay-brand-card__content{padding:24px}.clay-brand-card__visual-title{top:0;left:0;right:0}}@media(prefers-reduced-motion:reduce){.clay-brand-card__visual,.clay-brand-card__content,.clay-brand-card__image{transition-duration:.01ms!important}}@media screen and (max-width:749px){.clay-brand-index__seo-title{font-size:var(--clay-brand-seo-h1-size-mobile, 36px)}.clay-brand-index__seo-text{font-size:var(--clay-brand-seo-p-size-mobile, 15px)}.clay-brand-card__image{object-position:var(--clay-brand-index-image-position-mobile, center center)}.clay-brand-card__visual-title,.clay-brand-card__title{font-size:var(--clay-brand-card-title-size-mobile, 17px)}.clay-brand-card__description{font-size:var(--clay-brand-card-description-size-mobile, 14px)}.clay-brand-card__button{font-size:var(--clay-brand-card-button-size-mobile, 12px)}}.clay-brand-card__visual-title,.clay-brand-card__title{font-family:"Cronicle Display",var(--font-heading--family, serif)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/clay-brand-index.css.map */