.hero-image{object-fit:cover;width:100%;height:50vh}.featured-cards{grid-row:1/4}.hero-content{background-color:#318a475b;border-radius:10px;flex-direction:column;align-items:flex-start;gap:30px;max-width:600px;margin:auto 15px;padding:10px;font-size:clamp(1rem,1rem - 1vw,20px);display:flex}.hero-content>h1{letter-spacing:4px;font-family:Aeonika}.herosection{grid-template-rows:1fr;grid-template-columns:1fr;height:50vh;display:grid;overflow:hidden}.hero-content>button{border:none;border-radius:15px;padding:8px 15px}@media (max-width:768px){.hero-container{grid-template-columns:1fr}}
.fcard-container{border:1px solid var(--dimmed-text);flex-direction:column;gap:10px;max-width:100%;transition:all .3s;display:flex;position:relative}.fcard-container:before{content:"";z-index:0;transition:all .5s;position:absolute;inset:0}.fcard-container:hover:before{background:linear-gradient(90deg,#1a471a0c,#b4b42c0a)}.card-container:hover{border:1px solid #024f0c2d}.vertical-flex{flex-direction:column;gap:5px;padding:0 10px;display:flex}.card-sub-heading{color:var(--dimmed-text);letter-spacing:-1.5px;justify-content:space-between;gap:5px;padding:0 7px;font-family:roboto;display:flex}.fcard-image>img{width:100%;height:auto}@media (max-width:768px){.card-container{flex-direction:row;align-items:center;gap:10px;max-width:100%}.desktop-only{display:none}.vertical-flex{justify-content:center;gap:10px}.card-sub-heading{justify-content:flex-start;gap:1.5rem;padding:0}}
#category-panel{width:fit-content;color:var(--background);text-transform:uppercase;z-index:10;background:linear-gradient(90deg,#318a47,#c8905b);padding:5px;font-family:Gotham;font-size:.8rem}