.brand .brand-ctiles{padding-block:var(--space-section);background:var(--surface-base);color:var(--text-primary)}.brand .brand-ctiles[data-surface=sand]{background:var(--surface-muted)}.brand .brand-ctiles[data-surface=graphite]{background:var(--surface-inverse);color:var(--text-inverse)}.brand .brand-ctiles[data-pad=compact]{padding-block:var(--space-section-tight)}.brand .brand-ctiles[data-pad=generous]{padding-block:var(--space-section-loose)}.brand .brand-ctiles__inner{max-inline-size:var(--grid-container-max);margin-inline:auto;padding-inline:var(--space-margin)}.brand .brand-ctiles__head{display:flex;flex-direction:column;gap:var(--space-3);margin-block-end:var(--space-6);max-inline-size:56rem}@media(min-width:1024px){.brand .brand-ctiles__head{gap:var(--space-4);margin-block-end:var(--space-7)}}.brand .brand-ctiles__eyebrow{margin:0;font-family:var(--font-body);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}.brand .brand-ctiles__heading{margin:0;font-family:var(--font-display);font-variation-settings:var(--frax-heading);font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--tracking-display);color:inherit;max-inline-size:22ch;text-wrap:balance}.brand .brand-ctiles__rhs{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-secondary);max-inline-size:52ch;margin-block-start:var(--space-2)}.brand .brand-ctiles[data-surface=graphite] .brand-ctiles__rhs{color:color-mix(in oklch,var(--text-inverse) 75%,transparent)}.brand .brand-ctiles__rhs>p:first-child{margin-block-start:0}.brand .brand-ctiles__rhs>p:last-child{margin-block-end:0}.brand .brand-ctiles__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:768px){.brand .brand-ctiles__grid{grid-template-columns:repeat(var(--ctiles-cols, 3),1fr);gap:var(--space-5)}.brand .brand-ctiles__grid[data-count="2"]{--ctiles-cols: 2}.brand .brand-ctiles__grid[data-count="3"]{--ctiles-cols: 3}.brand .brand-ctiles__grid[data-count="4"]{--ctiles-cols: 4}}@media(min-width:1024px){.brand .brand-ctiles__grid{gap:var(--space-6)}}.brand .brand-ctile{position:relative;color:inherit;text-decoration:none;display:grid;grid-template-rows:1fr auto;background:var(--surface-base);overflow:hidden;isolation:isolate;transform:translateZ(0);transition:transform var(--dur-md) var(--ease-out-expo),box-shadow var(--dur-md) var(--ease-out-expo)}.brand .brand-ctile[data-tone=sand]{background:var(--surface-muted)}.brand .brand-ctile[data-tone=graphite]{background:var(--surface-inverse);color:var(--text-inverse)}@media(hover:hover){.brand .brand-ctile{will-change:auto}.brand .brand-ctile:hover{transform:translate3d(0,-4px,0);box-shadow:var(--elev-hover)}}.brand .brand-ctile__media{position:relative;aspect-ratio:3 / 4;overflow:hidden}.brand .brand-ctile[data-span=tall] .brand-ctile__media{aspect-ratio:3 / 4}.brand .brand-ctile__media[data-empty=true]{background:linear-gradient(165deg,var(--surface-raised) 0%,var(--surface-base) 35%,var(--surface-muted) 100%)}.brand .brand-ctile[data-tone=graphite] .brand-ctile__media[data-empty=true]{background:linear-gradient(165deg,oklch(28% .008 60) 0%,var(--surface-inverse) 50%,oklch(18% .008 60) 100%)}.brand .brand-ctile[data-tone=sand] .brand-ctile__media[data-empty=true]{background:linear-gradient(165deg,var(--surface-muted) 0%,oklch(from var(--surface-muted) calc(l - .04) c h) 100%)}.brand .brand-ctile__media[data-empty=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,transparent 0 14px,oklch(0% 0 0 / .045) 14px 15px);opacity:.5;pointer-events:none;mix-blend-mode:multiply;z-index:1}.brand .brand-ctile__placeholder-name{position:absolute;inset-inline:var(--space-5);inset-block-start:var(--space-5);z-index:2;font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 50,"wght" 320;font-size:clamp(3rem,1.5rem + 7vw,8rem);line-height:.9;letter-spacing:-.04em;color:var(--text-primary);opacity:.94;pointer-events:none;text-wrap:balance}.brand .brand-ctile[data-tone=graphite] .brand-ctile__placeholder-name{color:var(--text-inverse);opacity:.96}.brand .brand-ctile__placeholder-eyebrow{position:absolute;inset-inline-start:var(--space-5);inset-block-end:var(--space-5);z-index:2;font-family:var(--font-body);font-size:var(--text-eyebrow);font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);pointer-events:none}.brand .brand-ctile[data-tone=graphite] .brand-ctile__placeholder-eyebrow{color:color-mix(in oklch,var(--text-inverse) 60%,transparent)}.brand .brand-ctile__media .brand-image{aspect-ratio:inherit;transition:transform var(--dur-lg) var(--ease-out-expo)}@media(hover:hover){.brand .brand-ctile:hover .brand-image__img{transform:translate3d(0,-1.5%,0) scale(1.06)}.brand .brand-ctile:hover .brand-ctile__body{transform:translate3d(0,-2px,0)}}.brand .brand-ctile__body{transform:translateZ(0);transition:transform var(--dur-md) var(--ease-out-expo)}.brand .brand-ctile__index{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-4);z-index:2;font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 60,"wght" 320;font-size:clamp(1.5rem,1rem + 1vw,2rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;color:var(--text-inverse);mix-blend-mode:difference;opacity:.75;pointer-events:none;transition:transform var(--dur-md) var(--ease-out-expo),opacity var(--dur-sm) var(--ease-out-expo)}.brand .brand-ctile[data-tone=graphite] .brand-ctile__index{color:var(--text-inverse);mix-blend-mode:normal;opacity:.55}@media(hover:hover){.brand .brand-ctile:hover .brand-ctile__index{opacity:1;transform:translate3d(2px,-2px,0)}}.brand .brand-ctile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,oklch(0% 0 0 / .25) 100%);opacity:.5;transition:opacity var(--dur-md) var(--ease-out-expo);z-index:1;pointer-events:none}.brand .brand-ctile:hover .brand-ctile__scrim{opacity:.7}.brand .brand-ctile__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-block-start:1px solid var(--line)}.brand .brand-ctile[data-tone=graphite] .brand-ctile__body{border-block-start-color:#36322f}.brand .brand-ctile__meta{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.brand .brand-ctile__title{margin:0;font-family:var(--font-display);font-variation-settings:"opsz" 48,"SOFT" 30,"wght" 440;font-size:1.5rem;line-height:1.1;letter-spacing:var(--tracking-heading);color:inherit}@media(min-width:1024px){.brand .brand-ctile__title{font-size:1.625rem}}.brand .brand-ctile__hint{font-family:var(--font-body);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}.brand .brand-ctile[data-tone=graphite] .brand-ctile__hint{color:color-mix(in oklch,var(--text-inverse) 60%,transparent)}.brand .brand-ctile__cta{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-small);text-transform:uppercase;color:inherit;white-space:nowrap}.brand .brand-ctile__cta svg{transition:transform var(--dur-sm) var(--ease-out-expo)}.brand .brand-ctile:hover .brand-ctile__cta svg{transform:translate(4px)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-category-tiles.css.map */