.hero{text-align:center;background-image:linear-gradient(#0d0d0d66,#0d0d0dcc),url(https://images.unsplash.com/photo-1490481651871-ab68de25d43d?w=1600&auto=format&fit=crop&q=80);background-position:50%;background-size:cover;justify-content:center;align-items:center;height:80vh;min-height:500px;padding:0 1.5rem;display:flex;position:relative}.hero-content{max-width:800px}.hero-title{color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.2}@media (min-width:640px){.hero-title{margin-bottom:1.5rem;font-size:3rem}}.hero-subtitle{font-family:var(--font-sans);color:#e5e5e5;margin-bottom:2rem;font-size:1rem;font-weight:300}@media (min-width:640px){.hero-subtitle{margin-bottom:2.5rem;font-size:1.25rem}}.bg-secondary{background-color:var(--background-secondary)}.section-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}@media (min-width:640px){.section-header{flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}}.section-header .section-title{text-align:left;margin-bottom:0}.view-all-link{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);border-bottom:1px solid var(--accent);padding-bottom:2px;font-size:.875rem;font-weight:500}.view-all-link:hover{color:var(--accent)}.category-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.category-grid{grid-template-columns:repeat(2,1fr)}}.category-card{aspect-ratio:4/5;border-radius:8px;display:block;position:relative;overflow:hidden}@media (min-width:768px){.category-card{aspect-ratio:16/9}}.category-image-wrap{width:100%;height:100%}.category-image{object-fit:cover;width:100%;height:100%;transition:transform .7s}.category-card:hover .category-image{transform:scale(1.05)}.category-overlay{background:linear-gradient(#0d0d0d33 0%,#0d0d0de6 100%);align-items:flex-end;padding:2.5rem;display:flex;position:absolute;inset:0}.category-name{color:#fff;margin:0;font-size:2rem;transition:transform .3s,color .3s;transform:translateY(10px)}.category-card:hover .category-name{color:var(--accent);transform:translateY(0)}