.cat-banner{--cb-inset: clamp(1rem, .55rem + 1.6vw, 2rem)}.cat-banner__row{display:grid;grid-template-columns:repeat(var(--tiles, 3),minmax(0,1fr));gap:var(--cb-gap, 0px);padding-inline:var(--cb-margin, 0px);height:max(24rem,var(--cb-h, 80svh))}.cat-banner__tile{position:relative;display:block;overflow:hidden;background:var(--wash);color:var(--ink)}.cat-banner__tile img,.cat-banner__tile svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.cat-banner__tile:hover img{transform:scale(1.03)}}.cat-banner__label{position:absolute;z-index:1;left:var(--cb-inset);bottom:var(--cb-inset);display:inline-flex;align-items:baseline;gap:.6rem;padding:.6rem .85rem;background:#fff;color:#000;font-size:var(--t-xs);font-weight:500;line-height:1.2;transition:background-color .25s ease,color .25s ease}.cat-banner__label small{font-size:inherit;font-weight:400;color:var(--muted);transition:color .25s ease}.cat-banner__tile:hover .cat-banner__label,.cat-banner__tile:focus-visible .cat-banner__label{background:#000;color:#fff}.cat-banner__tile:hover .cat-banner__label small{color:#ffffffa6}.cat-banner__big{position:absolute;z-index:1;inset:auto auto var(--cb-inset) var(--cb-inset);max-width:calc(100% - 2 * var(--cb-inset));display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.5rem,.9vw,.85rem);color:var(--cb-color, #fff)}.cat-banner__word{font-family:var(--font);font-weight:var(--cb-weight, 800);text-transform:var(--cb-case, uppercase);font-size:clamp(calc(var(--cb-size, 88px) * .5),var(--cb-vw, 6vw),var(--cb-size, 88px));letter-spacing:var(--cb-track, -.03em);line-height:.86}.cat-banner__explore{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font);font-size:var(--t-sm);font-weight:500;letter-spacing:.01em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-color:transparent;transition:text-decoration-color .25s ease}.cat-banner__explore svg{position:static;flex:none;width:14px;height:14px;transition:transform .3s ease}.cat-banner__tile:hover .cat-banner__explore,.cat-banner__tile:focus-visible .cat-banner__explore{text-decoration-color:currentColor}.cat-banner__tile:hover .cat-banner__explore svg{transform:translate(4px)}.cat-banner[data-match] .cat-banner__word{font-size:clamp(2.3rem,1rem + 4.3vw,4.75rem);font-weight:600;line-height:1.1;letter-spacing:-.015em;text-transform:uppercase}.cat-banner[data-shadow] .cat-banner__big{text-shadow:0 1px 24px rgba(0,0,0,.22)}.cat-banner[data-pos$=right] .cat-banner__big{left:auto;right:var(--cb-inset);align-items:flex-end;text-align:right}.cat-banner[data-pos^=top] .cat-banner__big{bottom:auto;top:var(--cb-inset)}.cat-banner[data-pos=bottom-center] .cat-banner__big,.cat-banner[data-pos=center] .cat-banner__big{left:50%;transform:translate(-50%);align-items:center;text-align:center}.cat-banner[data-pos=center] .cat-banner__big{bottom:auto;top:50%;transform:translate(-50%,-50%)}@media(max-width:720px){.cat-banner:not([data-match]) .cat-banner__word{font-size:calc(var(--cb-size, 88px) * .62)}.cat-banner__row{grid-template-columns:1fr;height:auto;padding-inline:min(var(--cb-margin, 0px),var(--gutter))}.cat-banner__tile{aspect-ratio:4 / 5}}@media(prefers-reduced-motion:reduce){.cat-banner__tile img{transition:none}}.cat-banner__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:none}.cat-banner__tile[data-shade=full]:after{background:rgba(0,0,0,var(--shade, .4))}.cat-banner__tile[data-shade=bottom]:after,.cat-banner__tile[data-shade=top]:after,.cat-banner__tile[data-shade=left]:after,.cat-banner__tile[data-shade=right]:after{--a: var(--shade, .4);background:linear-gradient(var(--dir, 0deg),rgba(0,0,0,var(--a)) 0%,rgba(0,0,0,calc(var(--a) * .94)) 10%,rgba(0,0,0,calc(var(--a) * .82)) 20%,rgba(0,0,0,calc(var(--a) * .65)) 30%,rgba(0,0,0,calc(var(--a) * .46)) 40%,rgba(0,0,0,calc(var(--a) * .29)) 49%,rgba(0,0,0,calc(var(--a) * .15)) 57%,rgba(0,0,0,calc(var(--a) * .06)) 64%,rgba(0,0,0,0) 72%)}.cat-banner__tile[data-shade=top]:after{--dir: 180deg}.cat-banner__tile[data-shade=left]:after{--dir: 90deg}.cat-banner__tile[data-shade=right]:after{--dir: 270deg}
/*# sourceMappingURL=/cdn/shop/t/35/assets/collection-banner.css.map */