.spoink-portfolio{--spf-bg: #f7f5fc;--spf-eyebrow: #5c42ab;--spf-heading: #0b1020;--spf-body: #5c5470;--spf-card-bg: #ffffff;--spf-card-border: #e9e4f7;--spf-slot-border: #d9d2ef;--spf-slot-ink: #8c8c96;--spf-link: #5c42ab;--spf-heading-size: 4rem;--spf-radius: 1.6rem;--spf-slot-height: 8.8rem;--spf-logo-columns: 6;--spf-columns: 3;--spf-thumb-ratio: 4 / 3;display:block;background:var(--spf-bg)}.spoink-portfolio *,.spoink-portfolio *:before,.spoink-portfolio *:after{box-sizing:border-box}.spoink-portfolio__eyebrow{display:block;margin-bottom:1rem;color:var(--spf-eyebrow);font-family:var(--font-body-family);font-weight:700;font-size:1.2rem;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.spoink-portfolio__heading{margin:0;color:var(--spf-heading);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:900;font-size:calc(var(--spf-heading-size) * .68);line-height:1.08;letter-spacing:-.02em}@media screen and (min-width:750px){.spoink-portfolio__heading{font-size:var(--spf-heading-size)}}.spoink-portfolio__text{margin:1.2rem 0 0;max-width:62rem;color:var(--spf-body);font-family:var(--font-body-family);font-size:1.5rem;line-height:1.5}.spoink-portfolio__logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin:3.2rem 0 0;padding:0;list-style:none}@media screen and (min-width:750px){.spoink-portfolio__logos{grid-template-columns:repeat(var(--spf-logo-columns),minmax(0,1fr))}}.spoink-portfolio__slot{display:flex;align-items:center;justify-content:center;min-height:var(--spf-slot-height);padding:1.2rem;border-radius:var(--spf-radius);background:var(--spf-card-bg)}.spoink-portfolio__slot--empty{border:1px dashed var(--spf-slot-border)}.spoink-portfolio__slot img{max-width:100%;max-height:calc(var(--spf-slot-height) - 2.4rem);width:auto;height:auto}.spoink-portfolio__slot-label{color:var(--spf-slot-ink);font-family:var(--font-body-family);font-weight:700;font-size:1.1rem;line-height:1.2;letter-spacing:.12em;text-align:center;text-transform:uppercase}.spoink-portfolio__list{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;margin:2.4rem 0 0;padding:0;list-style:none}@media screen and (min-width:750px){.spoink-portfolio__list{grid-template-columns:repeat(var(--spf-columns),minmax(0,1fr))}}.spoink-portfolio__card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--spf-card-border);border-radius:var(--spf-radius);background:var(--spf-card-bg)}.spoink-portfolio__thumb:not(.spoink-ig){aspect-ratio:var(--spf-thumb-ratio);background:#ece8f7}.spoink-portfolio__thumb img,.spoink-portfolio__thumb .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.spoink-portfolio__thumb--video,.spoink-portfolio__thumb--video .video-wrapper,.spoink-portfolio__thumb--video deferred-media{position:relative;display:block;width:100%;height:100%}.spoink-portfolio__thumb--video video{display:block;width:100%;height:100%;object-fit:cover}.spoink-portfolio__body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:1.8rem 2rem 2rem}.spoink-portfolio__title{margin:0;color:var(--spf-heading);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:900;font-size:1.8rem;line-height:1.25;letter-spacing:-.01em}.spoink-portfolio__detail{margin:.8rem 0 0;color:var(--spf-body);font-family:var(--font-body-family);font-size:1.4rem;line-height:1.5}.spoink-portfolio__link{display:inline-flex;align-items:center;gap:.6rem;margin-top:auto;color:var(--spf-link);font-family:var(--font-body-family);font-weight:700;font-size:1.4rem;line-height:1.2;text-decoration:none}.spoink-portfolio__title:has(+.spoink-portfolio__link),.spoink-portfolio__detail:has(+.spoink-portfolio__link){margin-bottom:1.6rem}.spoink-portfolio__link:hover .spoink-portfolio__link-arrow{transform:translate(.3rem)}.spoink-portfolio__link-arrow{flex:0 0 auto;width:1.4rem;height:1.4rem;transition:transform var(--duration-short, .1s) ease}@media(prefers-reduced-motion:reduce){.spoink-portfolio__link-arrow{transition:none}.spoink-portfolio__link:hover .spoink-portfolio__link-arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-spoink-portfolio.css.map */