.swatch-catalog{background:#faf6ef;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.08  0 0 0 0 0.06  0 0 0 0 0.04  0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/></svg>");background-size:200px 200px;color:#1a1a1a;font-family:Exo,-apple-system,sans-serif;position:relative}.swatch-catalog .shape .text-color-white,.swatch-catalog .text-color-white{color:#faf6ef!important}.swatch-catalog .sc-hero{padding:3rem 0 2rem;text-align:center}.swatch-catalog .sc-hero .sc-hero-kicker{background:rgba(var(--bs-primary-rgb),.08);border-radius:100px;color:var(--bs-primary);display:inline-block;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.22em;margin-bottom:1.25rem;padding:.35rem .9rem;text-transform:uppercase}.swatch-catalog .sc-hero .sc-hero-title{color:#141414;font-family:Exo,sans-serif;font-size:clamp(2rem,4.4vw,3.6rem);font-weight:900;letter-spacing:-.022em;line-height:1.05;margin:0 0 1rem}.swatch-catalog .sc-hero .sc-hero-title .accent{color:var(--bs-primary)}.swatch-catalog .sc-hero .sc-hero-sub{color:#5a5a5a;font-family:Exo,sans-serif;font-size:1.02rem;line-height:1.6;margin:0 auto 1.5rem;max-width:64ch}.swatch-catalog .sc-hero .sc-deck-meta{color:#8a8a8a;display:inline-flex;flex-wrap:wrap;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;gap:0 1.25rem;justify-content:center;letter-spacing:.18em;text-transform:uppercase}.swatch-catalog .sc-hero .sc-deck-meta .sc-deck-sep{color:#d0d0d0}.swatch-catalog .sc-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));padding:1rem 0 4.5rem}.swatch-catalog .sc-card{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px #00000005,0 12px 24px -18px #00000038;color:inherit;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .2s ease}.swatch-catalog .sc-card:focus-visible,.swatch-catalog .sc-card:hover{border-color:rgba(var(--bs-primary-rgb),.35);box-shadow:0 2px #00000005,0 28px 48px -22px #00000047;transform:translateY(-4px)}.swatch-catalog .sc-card:focus-visible .sc-swatch:before,.swatch-catalog .sc-card:hover .sc-swatch:before{transform:scale(1.04)}.swatch-catalog .sc-card:focus-visible .sc-swatch-fold,.swatch-catalog .sc-card:hover .sc-swatch-fold{transform:translate(4px,-4px) rotate(-2deg)}.swatch-catalog .sc-card:focus-visible .sc-arrow,.swatch-catalog .sc-card:hover .sc-arrow{color:var(--bs-primary);transform:translate(4px)}.swatch-catalog .sc-card:focus-visible{outline:2px solid var(--bs-primary);outline-offset:3px}.swatch-catalog .sc-swatch{background-color:#ede6d5;height:220px;overflow:hidden;position:relative}.swatch-catalog .sc-swatch:before{background-image:var(--swatch-img,none);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";inset:0;position:absolute;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.swatch-catalog .sc-swatch:after{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.35)),linear-gradient(0deg,transparent 75%,rgba(0,0,0,.15));content:"";inset:0;pointer-events:none;position:absolute}.swatch-catalog .sc-swatch-stripe{background:var(--swatch-chip,var(--bs-primary));height:4px;left:0;position:absolute;right:0;top:0;z-index:2}.swatch-catalog .sc-swatch-pantone{align-items:stretch;background:#fff;border:1px solid rgba(0,0,0,.14);color:#1a1a1a;display:inline-flex;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem;left:14px;letter-spacing:.12em;position:absolute;text-transform:uppercase;top:14px;z-index:2}.swatch-catalog .sc-swatch-pantone .sc-chip-dot{background:var(--swatch-chip,var(--bs-primary));border-right:1px solid rgba(0,0,0,.14);width:18px}.swatch-catalog .sc-swatch-pantone .sc-chip-meta{font-weight:700;padding:4px 7px}.swatch-catalog .sc-swatch-fold{background:linear-gradient(225deg,hsla(0,0%,100%,.85),hsla(0,0%,100%,.85) 50%,transparent 50.5%,transparent);box-shadow:-2px 2px 4px #00000014;height:32px;pointer-events:none;position:absolute;right:0;top:0;transition:transform .25s cubic-bezier(.2,.7,.2,1);width:32px;z-index:2}.swatch-catalog .sc-swatch-material{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141414bf;bottom:14px;color:#faf6ef;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;left:14px;letter-spacing:.14em;padding:4px 9px;position:absolute;text-transform:uppercase;z-index:2}.swatch-catalog .sc-face{display:flex;flex:1;flex-direction:column;padding:1.25rem 1.25rem 1.1rem}.swatch-catalog .sc-face-head{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.35rem}.swatch-catalog .sc-face-head .sc-index{color:#9a9a9a;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem;letter-spacing:.18em}.swatch-catalog .sc-face-head .sc-tech-line{color:var(--bs-primary);font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.swatch-catalog .sc-name{color:#141414;font-family:Exo,sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:-.012em;margin:0 0 .2rem}.swatch-catalog .sc-subtitle{color:#6a6a6a;font-family:Exo,sans-serif;font-size:.9rem;line-height:1.4;margin:0 0 .75rem}.swatch-catalog .sc-specs{border-top:1px dashed rgba(0,0,0,.12);display:grid;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;gap:3px 10px;grid-template-columns:72px 1fr;margin:.5rem 0 .75rem;padding-top:.65rem}.swatch-catalog .sc-specs dt{color:#9a9a9a;font-weight:400;letter-spacing:.15em;text-transform:uppercase}.swatch-catalog .sc-specs dd{color:#1a1a1a;font-weight:700;letter-spacing:.02em;margin:0}.swatch-catalog .sc-cta{align-items:center;border-top:1px solid rgba(0,0,0,.06);color:#141414;display:flex;font-family:Exo,sans-serif;font-size:.82rem;font-weight:700;justify-content:space-between;letter-spacing:.04em;margin-top:auto;padding-top:.75rem}.swatch-catalog .sc-cta .sc-arrow{color:#9a9a9a;font-size:1.1rem;line-height:1;transition:transform .2s ease,color .2s ease}.swatch-catalog .sc-footer-meta{border-top:1px dashed rgba(0,0,0,.15);color:#8a8a8a;display:flex;flex-wrap:wrap;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;gap:1rem;justify-content:space-between;letter-spacing:.18em;margin-top:1rem;padding:1.25rem 0;text-transform:uppercase}.swatch-catalog .sc-footer-meta .sc-footer-item strong{color:#141414;font-weight:700;margin-left:.5rem}@media(max-width:575px){.swatch-catalog .sc-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.swatch-catalog .sc-arrow,.swatch-catalog .sc-card,.swatch-catalog .sc-swatch-fold{transition:none}.swatch-catalog .sc-card:hover{transform:none}}