.flexible-content-container .hat-styles{padding:80px 0;background:#fff}.flexible-content-container .hat-styles .section-header{text-align:center;margin-bottom:56px}.flexible-content-container .hat-styles .section-header .subtitle{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-size:12px;font-weight:700;letter-spacing:2px;letter-spacing:.2em;text-transform:uppercase}.flexible-content-container .hat-styles .section-header h2{font-size:3rem;line-height:1;font-weight:800;margin:12px 0 16px;text-transform:uppercase;color:#0f1822;line-height:1;letter-spacing:-.01em}@media (max-width:992px){.flexible-content-container .hat-styles .section-header h2{font-size:2.25rem}}.flexible-content-container .hat-styles .section-header p{max-width:575px;margin:0 auto;color:rgba(15,24,34,.5019607843);line-height:1.5;font-size:1rem;line-height:1.5}.flexible-content-container .hat-styles .styles-grid{display:grid;grid-template-columns:1fr;gap:20px}.flexible-content-container .hat-styles .style-card{background:#fafaf8;border:1px solid #f3f4f6;overflow:hidden;transition:all .3s ease}.flexible-content-container .hat-styles .style-card:hover{border-color:rgba(0,105,57,.3);box-shadow:0 4px 12px rgba(0,0,0,.08)}.flexible-content-container .hat-styles .style-card:hover img{transform:scale(1.05)}.flexible-content-container .hat-styles .style-card:hover .link svg{transform:translateX(4px)}.flexible-content-container .hat-styles .style-card .image-wrap{width:100%;aspect-ratio:1/1;overflow:hidden}.flexible-content-container .hat-styles .style-card .image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.flexible-content-container .hat-styles .style-card .card-content{padding:20px}.flexible-content-container .hat-styles .style-card .card-content h3{font-size:16px;font-weight:800;color:#0f1822;text-transform:uppercase;margin:0;margin-bottom:6px;line-height:1.5}.flexible-content-container .hat-styles .style-card .card-content p{font-size:12px;color:rgba(15,24,34,.5);line-height:1.6;margin-bottom:12px;margin-top:0}.flexible-content-container .hat-styles .style-card .card-content .link{font-size:12px;font-weight:700;color:#006939;text-transform:uppercase;text-decoration:none;transition:.3s;display:flex;align-items:center;gap:4px;line-height:1;line-height:1.3333333333;letter-spacing:.05em}.flexible-content-container .hat-styles .style-card .card-content .link svg{transition:transform .3s ease}@media (min-width:640px){.flexible-content-container .hat-styles .styles-grid{grid-template-columns:repeat(2,1fr)}.flexible-content-container .hat-styles .section-header h2{font-size:3rem;line-height:1}}@media (min-width:1024px){.flexible-content-container .hat-styles .styles-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.flexible-content-container .hat-styles .styles-grid{grid-template-columns:repeat(4,1fr)}.flexible-content-container .hat-styles .section-header h2{font-size:48px}}