Hats and Beanies

About

/* MAIN WRAPPER */ .nixy-hats-seo { margin-top: 60px; padding: 48px 20px 64px; background: radial-gradient(circle at top left, #f7fcff 0%, #ffffff 45%); border-radius: 32px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: #102028; position: relative; overflow: hidden; } /* Soft abstract shapes */ .nixy-hats-seo::before { content: ""; position: absolute; right: -90px; top: -70px; width: 240px; height: 240px; background: rgba(0, 188, 212, 0.07); border-radius: 50%; filter: blur(40px); } .nixy-hats-seo::after { content: ""; position: absolute; left: -120px; bottom: -80px; width: 260px; height: 260px; background: rgba(255, 167, 94, 0.07); border-radius: 50%; filter: blur(50px); } .nixy-hats-inner { max-width: 1080px; margin: 0 auto; position: relative; z-index: 1; } /* HEADER AREA */ .nixy-hats-eyebrow { font-size: 0.88rem; letter-spacing: 0.22em; text-transform: uppercase; color: #6d7c85; margin-bottom: 18px; } .nixy-hats-seo h1 { font-size: 2.1rem; line-height: 1.25; font-weight: 700; margin-bottom: 12px; color: #102028; } .nixy-hats-subline { font-size: 0.95rem; letter-spacing: 0.16em; text-transform: uppercase; color: #7a8a96; margin-bottom: 24px; } .nixy-hats-intro { font-size: 1.08rem; line-height: 1.8; max-width: 780px; color: #28343a; margin-bottom: 10px; } .nixy-hats-intro-secondary { font-size: 1.02rem; line-height: 1.7; max-width: 780px; color: #3a464d; margin-bottom: 26px; } .nixy-hats-highlight { font-size: 1rem; line-height: 1.7; max-width: 780px; color: #243447; padding: 12px 16px; margin-bottom: 34px; border-radius: 12px; background: #f5f8fc; border: 1px solid #dde7f3; } .nixy-hats-link { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; color: #0072ce; } /* CARD GRID */ .nixy-hats-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; } /* CARDS */ .nixy-hats-card { background: rgba(255, 255, 255, 0.9); border-radius: 18px; border: 1px solid