.troy-portfolio{background:#fff;padding:64px 24px}@media screen and (min-width:750px){.troy-portfolio{padding:104px 48px}}.troy-portfolio__inner{max-width:1280px;margin:0 auto}.troy-portfolio__head{display:flex;flex-direction:column;gap:24px;margin-bottom:36px}@media screen and (min-width:750px){.troy-portfolio__head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:48px;flex-wrap:wrap}}.troy-portfolio__headline{font-family:var(--font-headline);font-size:clamp(40px,7vw,64px);line-height:1;margin:0;text-transform:uppercase;letter-spacing:-.01em}.troy-portfolio__intro{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--tc-graphite);max-width:380px;margin:0}.troy-portfolio__grid{display:grid;grid-template-columns:1fr;gap:22px}@media screen and (max-width:749px){.troy-portfolio__grid{display:flex;grid-template-columns:none;gap:16px;margin:0 -24px;padding:0 24px 10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none;transition:transform 0s}.troy-portfolio__grid::-webkit-scrollbar{display:none}.troy-portfolio__grid>.brand-card{flex:0 0 82%;scroll-snap-align:start}.troy-portfolio__grid>.brand-card:last-child{margin-right:24px}.troy-portfolio__grid.is-bouncing{scroll-snap-type:none}}@media screen and (min-width:750px){.troy-portfolio__grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media screen and (min-width:990px){.troy-portfolio__grid{grid-template-columns:repeat(3,1fr);gap:28px}}.brand-card{position:relative;display:block;background:#fff;border:1.5px solid var(--tc-ink);text-decoration:none;color:inherit;overflow:hidden;box-shadow:4px 4px 0 var(--tc-ink);transition:transform .22s var(--tc-ease-out),box-shadow .22s var(--tc-ease-out)}.brand-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--brand-card-accent, var(--tc-tiffany));opacity:1}.brand-card--teal{--brand-card-accent: var(--tc-tiffany);--brand-card-accent-deep: var(--tc-tiffany-deep)}.brand-card--pink{--brand-card-accent: var(--tc-pink);--brand-card-accent-deep: var(--tc-pink-deep)}.brand-card__hero{aspect-ratio:4 / 3;position:relative;display:grid;place-items:center;border-bottom:1.5px solid var(--tc-ink);overflow:hidden;background-color:var(--brand-card-accent);background-image:var(--brand-card-pattern);background-size:320px;background-blend-mode:multiply}.brand-card__hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.brand-card__logo{position:relative;max-width:90%;max-height:85%;width:100%;height:auto;object-fit:contain;filter:drop-shadow(4px 4px 0 var(--brand-card-accent-deep));transition:transform .42s var(--tc-ease-out)}.brand-card:hover .brand-card__logo{transform:scale(1.04)}.brand-card__hero-text{position:relative;font-family:var(--font-headline);font-size:clamp(28px,5.2vw,50px);color:#fff;text-transform:uppercase;letter-spacing:-.01em;text-align:center;padding:0 20px;text-shadow:4px 4px 0 var(--brand-card-accent-deep);transition:transform .42s var(--tc-ease-out);line-height:.95;max-width:100%;word-break:break-word;overflow-wrap:anywhere}.brand-card:hover .brand-card__hero-text{transform:scale(1.04)}.brand-card__index{position:absolute;top:14px;left:14px;font-family:var(--font-label);font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:#0000008c;padding:6px 10px}.brand-card__body{padding:22px 22px 24px}@media screen and (min-width:750px){.brand-card__body{padding:24px 26px 26px}}.brand-card__tag{font-family:var(--font-label);font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brand-card-accent-deep);margin:0 0 10px}.brand-card__title-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.brand-card__name{font-family:var(--font-headline);font-size:28px;text-transform:uppercase;line-height:1;letter-spacing:-.005em;margin:0}@media screen and (min-width:750px){.brand-card__name{font-size:32px}}.brand-card__cta{font-family:var(--font-label);font-weight:700;font-size:12px;letter-spacing:.16em;color:var(--tc-ink);white-space:nowrap;transition:transform .22s var(--tc-ease-out)}.brand-card:hover .brand-card__cta{transform:translate(4px)}.brand-card__desc{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--tc-graphite);margin:12px 0 0}
/*# sourceMappingURL=/cdn/shop/t/52/assets/section-troy-portfolio.css.map */