.hero{display:grid;grid-template-areas:"hero-stack";inline-size:100%;overflow:hidden;position:relative}.hero-media{block-size:100%;grid-area:hero-stack;inline-size:100%;z-index:1}.hero-media img{block-size:100%;display:block;inline-size:100%;object-fit:cover;object-position:center}.hero-overlay{align-items:flex-start;background:linear-gradient(to right,rgb(9 15 0 / 90%) 0%,rgb(9 15 0 / 75%) 50%,transparent 100%);block-size:100%;display:flex;flex-direction:column;grid-area:hero-stack;justify-content:center;padding-block:1rem;padding-inline:1rem;position:relative;z-index:2}.hero-overlay>*{max-inline-size:75%}.hero-overlay h1,.hero-overlay p{color:var(--color-white)}.hero-overlay p{font-weight:300}.hero-overlay .btn{margin-block-start:3rem}.recent-posts{padding-block:2rem}.recent-posts h2{padding-block-start:1rem;position:relative}.recent-posts h2::after{background:var(--color-green-light);block-size:.3rem;border-radius:var(--radius-md);content:"";inline-size:3.2rem;inset-block-start:0;inset-inline-start:0;position:absolute}.explore-categories{background:var(--color-green-lightest);border-radius:var(--radius-md);margin-block:2rem;padding-block:1rem;padding-inline:1rem}.explore-categories h2{font-size:2rem;padding-block-start:.5rem;position:relative}.explore-categories h2::after{background:var(--color-green-light);block-size:.3rem;border-radius:var(--radius-md);content:"";inline-size:3.2rem;inset-block-start:0;inset-inline-start:0;position:absolute}.categories-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center}.category-card{align-items:center;aspect-ratio:1 / 1;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;inline-size:100%;justify-content:center;max-inline-size:18rem;overflow:hidden;padding-inline:.5rem;position:relative;text-align:center}.category-card::after{background:linear-gradient(to top,rgb(9 15 0 / 90%) 0%,rgb(9 15 0 / 75%) 20%,transparent 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.category-card .category-card-background{block-size:100%;inline-size:100%;inset:0;object-fit:none;object-position:center;position:absolute;z-index:0}.category-card img:not(.category-card-background),.category-card h3{position:relative;z-index:2}.category-card img:not(.category-card-background){block-size:auto;inline-size:auto;max-inline-size:50%;max-block-size:50%;object-fit:contain}.category-card h3{color:var(--color-white);padding-block-start:.5rem}.category-card:focus-visible{box-shadow:0 .5rem 2rem rgb(51 51 51 / 25%)}.category-card:focus-visible .category-card-background{transform:scale(1.1)}@media (hover:hover){.category-card:hover{box-shadow:0 .5rem 2rem rgb(51 51 51 / 25%)}.category-card:hover .category-card-background{transform:scale(1.1)}}@media (min-width:1024px){.hero-overlay{background:linear-gradient(to right,rgb(9 15 0 / 90%) 0%,rgb(9 15 0 / 75%) 20%,transparent 100%);padding-inline:5rem}.hero-overlay>*{max-inline-size:45%}.hero-overlay p{font-size:2rem;line-height:2.4rem}.recent-posts h2{padding-block-start:1.5rem}.recent-posts h2::after{block-size:.4rem;inline-size:4.2rem}.explore-categories{padding-block:2rem;padding-inline:2rem}.explore-categories h2{font-size:2.4rem;padding-block-start:1rem}.explore-categories h2::after{block-size:.4rem;inline-size:4.2rem}.categories-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.category-card{border-radius:var(--radius-lg);transition:box-shadow var(--transition-normal)}.category-card-background{transition:transform var(--transition-normal)}}@media (prefers-reduced-motion:reduce){.category-card,.category-card-background{transition:none}.category-card:hover .category-card-background,.category-card:focus-visible .category-card-background{transform:none}}