.page-module__aTmlCW__pageWrapper{max-width:1600px;margin:0 auto;padding:4rem 2rem 6rem}.page-module__aTmlCW__colorWorldContainer{text-align:center}.page-module__aTmlCW__header{margin-bottom:5rem}.page-module__aTmlCW__title{font-family:var(--font-brand);color:var(--font-color);margin-bottom:1rem;font-size:4.2rem}.page-module__aTmlCW__subtitle{color:#555;max-width:60rem;margin:0 auto;font-size:1.8rem}.page-module__aTmlCW__colorGrid,.page-module__aTmlCW__skeletonGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:3rem;display:grid}.page-module__aTmlCW__colorCard{color:var(--font-color);flex-direction:column;align-items:center;gap:1.5rem;text-decoration:none;transition:transform .3s;display:flex}.page-module__aTmlCW__colorCard:hover{transform:translateY(-5px)}.page-module__aTmlCW__colorSwatch{background-color:#0000;border-radius:12px;width:100%;padding-bottom:100%;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.page-module__aTmlCW__colorCard:hover .page-module__aTmlCW__colorSwatch{box-shadow:0 8px 25px #00000026}.page-module__aTmlCW__colorImage{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.page-module__aTmlCW__colorName{font-size:1.6rem;font-weight:500}.page-module__aTmlCW__errorText{color:#d32f2f;font-size:1.6rem}@keyframes page-module__aTmlCW__pulse{50%{opacity:.6}}.page-module__aTmlCW__skeletonHeader{margin-bottom:5rem;animation:1.5s cubic-bezier(.4,0,.6,1) infinite page-module__aTmlCW__pulse}.page-module__aTmlCW__skeletonTitle{background-color:#e0e0e0;border-radius:8px;width:50%;max-width:400px;height:4.2rem;margin:0 auto 1rem}.page-module__aTmlCW__skeletonSubtitle{background-color:#e0e0e0;border-radius:6px;width:80%;max-width:500px;height:2rem;margin:0 auto}.page-module__aTmlCW__skeletonGrid{animation:1.5s cubic-bezier(.4,0,.6,1) infinite page-module__aTmlCW__pulse}.page-module__aTmlCW__skeletonCard{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.page-module__aTmlCW__skeletonSwatch{background-color:#e0e0e0;border-radius:12px;width:100%;padding-bottom:100%}.page-module__aTmlCW__skeletonName{background-color:#e0e0e0;border-radius:4px;width:60%;height:2rem}@media (max-width:768px){.page-module__aTmlCW__pageWrapper{padding:2rem 1.5rem}.page-module__aTmlCW__title{font-size:3.2rem}.page-module__aTmlCW__subtitle{font-size:1.6rem}.page-module__aTmlCW__colorGrid,.page-module__aTmlCW__skeletonGrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:2rem}.page-module__aTmlCW__skeletonTitle{height:3.2rem}}