.pattone{--pattone-shell: 72rem;--pattone-gutter: 1.25rem;background:var(--pattone-bg);color:var(--pattone-fg);padding-block:7rem 5rem}.pattone *,.pattone *:before,.pattone *:after{box-sizing:border-box}.pattone a{color:inherit;text-decoration:none}.pattone__shell{margin-inline:auto;width:100%;max-width:var(--pattone-shell);padding-inline:var(--pattone-gutter)}.pattone-masthead{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2.5rem}.pattone-masthead__eyebrow{margin:0;font-family:var(--font-heading--family);font-weight:400;font-size:.75rem;text-transform:uppercase;letter-spacing:-.025em;color:var(--pattone-muted)}.pattone-masthead__intro{margin:0;max-width:36rem;font-family:var(--font-body--family);font-size:1.5rem;line-height:1.25;text-wrap:balance;color:var(--pattone-fg)}.pattone-back{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;align-self:flex-start;margin-bottom:1.5rem;border:1px solid color-mix(in srgb,var(--pattone-fg) 30%,transparent);border-radius:.75rem;padding:.75rem 1.75rem;font-family:var(--font-heading--family);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:-.025em;color:var(--pattone-fg);transition:background-color .2s ease}.pattone-back:hover{background:color-mix(in srgb,var(--pattone-fg) 10%,transparent)}.pattone-back svg{width:.875rem;height:.875rem;flex-shrink:0}.pattone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}.pattone-card{display:flex;flex-direction:column;gap:.75rem}.pattone-card__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:.5rem;background:var(--pattone-elevated)}.pattone-card__media img{height:100%;width:100%;object-fit:cover;transition:transform .5s ease}.pattone-card:hover .pattone-card__media img{transform:scale(1.03)}.pattone-card__fallback{display:flex;height:100%;width:100%;align-items:center;justify-content:center;padding:1rem;text-align:center;font-family:var(--font-heading--family);font-weight:400;font-size:.75rem;text-transform:uppercase;letter-spacing:-.025em;color:var(--pattone-muted)}.pattone-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.pattone-card__title{margin:0;font-family:var(--font-heading--family);font-weight:400;font-size:.75rem;text-transform:uppercase;letter-spacing:-.025em;color:var(--pattone-fg);transition:opacity .2s ease}.pattone-card:hover .pattone-card__title{opacity:.7}.pattone-card__count{margin:0;white-space:nowrap;font-family:var(--font-heading--family);font-weight:400;font-size:.75rem;text-transform:uppercase;letter-spacing:-.025em;color:var(--pattone-muted)}.pattone-empty{margin:0;font-family:var(--font-heading--family);font-weight:400;font-size:.75rem;text-transform:uppercase;letter-spacing:-.025em;color:var(--pattone-muted)}@media(min-width:768px){.pattone{--pattone-gutter: 2rem;padding-block:8rem 7rem}.pattone-masthead{margin-bottom:3.5rem}.pattone-masthead__intro{font-size:1.875rem}.pattone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}@media(min-width:1024px){.pattone-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pattone-logo{display:flex;align-items:center}.pattone-logo svg{display:block;height:22px;width:auto}@media(min-width:640px){.pattone-logo svg{height:30px}}@media(min-width:768px){.pattone-logo svg{height:38px}}.pattone-credit{color:inherit;text-decoration:none;transition:color .2s ease}.pattone-credit:hover{color:var(--pattone-fg)}.pattone :focus-visible{outline:2px solid var(--pattone-fg);outline-offset:3px;border-radius:2px}@media(prefers-reduced-motion:reduce){.pattone *,.pattone *:before,.pattone *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pattone-brand.css.map */