.brand .brand-trio{padding-block:var(--space-section);background:var(--surface-base);color:var(--text-primary)}.brand .brand-trio[data-surface=sand]{background:var(--surface-muted)}.brand .brand-trio[data-surface=graphite]{background:var(--surface-inverse);color:var(--text-inverse)}.brand .brand-trio[data-pad=compact]{padding-block:var(--space-section-tight)}.brand .brand-trio[data-pad=generous]{padding-block:var(--space-section-loose)}.brand .brand-trio__inner{max-inline-size:var(--grid-container-max);margin-inline:auto;padding-inline:var(--space-margin)}.brand .brand-trio__head{display:flex;flex-direction:column;gap:var(--space-3);margin-block-end:var(--space-7);max-inline-size:56rem}@media(min-width:1024px){.brand .brand-trio__head{gap:var(--space-4);margin-block-end:var(--space-8)}}.brand .brand-trio__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-trio__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-trio__lede{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-trio[data-surface=graphite] .brand-trio__lede{color:color-mix(in oklch,var(--text-inverse) 75%,transparent)}.brand .brand-trio__lede>p:first-child{margin-block-start:0}.brand .brand-trio__lede>p:last-child{margin-block-end:0}.brand .brand-trio__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(max-width:767px){.brand .brand-trio__grid{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--space-margin, 16px);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-block-end:8px;margin-inline-end:calc(var(--space-margin, 16px) * -1);padding-inline-end:var(--space-margin, 16px);scrollbar-width:none}.brand .brand-trio__grid::-webkit-scrollbar{display:none}.brand .brand-trio__card{flex:0 0 calc(100% - 28px - var(--space-margin, 16px));scroll-snap-align:start}.brand .brand-trio__card:last-child{margin-inline-end:var(--space-margin, 16px)}}@media(min-width:768px){.brand .brand-trio__grid{grid-template-columns:repeat(var(--trio-cols, 3),1fr);gap:var(--space-5)}.brand .brand-trio__grid[data-count="2"]{--trio-cols: 2}.brand .brand-trio__grid[data-count="4"]{--trio-cols: 4}}@media(min-width:1024px){.brand .brand-trio__grid{gap:var(--space-6)}}.brand .brand-trio__card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;isolation:isolate}.brand .brand-trio__media{position:relative;overflow:hidden;background:var(--surface-muted)}.brand .brand-trio__media .brand-image{aspect-ratio:9 / 16}.brand .brand-trio__media .brand-image__img{transition:transform var(--dur-lg) var(--ease-out-expo)}@media(hover:hover){a.brand-trio__card:hover .brand-image__img{transform:scale(1.04)}}.brand .brand-trio__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}.brand .brand-trio__body{display:flex;flex-direction:column;gap:4px;padding-block-start:var(--space-3);padding-inline:var(--space-1)}.brand .brand-trio__label{font-family:var(--font-display);font-variation-settings:"opsz" 28,"SOFT" 30,"wght" 460;font-size:1.125rem;line-height:1.2;color:inherit}@media(min-width:1024px){.brand .brand-trio__label{font-size:1.25rem}}.brand .brand-trio__caption{font-family:var(--font-body);font-size:var(--text-small);color:var(--text-secondary);line-height:var(--lh-body);max-inline-size:32ch}.brand .brand-trio[data-surface=graphite] .brand-trio__caption{color:color-mix(in oklch,var(--text-inverse) 70%,transparent)}@media(prefers-reduced-motion:reduce){.brand .brand-trio__media .brand-image__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-editorial-trio.css.map */