.hero-sec{justify-content:center;align-items:center;width:100%;min-height:350px;margin:0 auto 2rem;display:flex;position:relative;overflow:hidden}.hero-bg{filter:blur(12px)brightness(.85);z-index:1;background-image:url(/assets/pics/heropic.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:-20px;left:0}.hero-content{z-index:2;color:#222;text-align:center;width:100%;padding:3rem 1rem;position:absolute;bottom:0;left:0}.hero-content p{letter-spacing:2px;color:#774508;font-family:sans-serif;font-size:1.5rem}.hero-content h1{letter-spacing:.08em;text-transform:uppercase;color:#55422a;font-family:Gowun Dodum;font-size:64px}.hero-content button{color:#774508;cursor:pointer;background-color:#fff6eb;border:none;border-radius:25px;margin-right:20px;padding:.75rem 2rem;font-size:1.1rem;transition:all .3s}.hero-content button:hover{color:#fff6eb;background-color:#755a38}
.collection-tile{text-align:center;flex-direction:column;align-items:center;max-width:300px;margin:20px;display:flex}.collection-tile img{object-fit:cover;cursor:pointer;border-radius:4px;width:100%;height:400px}.collection-tile h4{letter-spacing:1px;margin:5px 0 15px;font-family:Gowun Dodum,sans-serif;font-size:20px}.collection-tile button{color:#774508;cursor:pointer;background-color:#ffe8cc;border:none;border-radius:20px;padding:8px 20px;font-size:16px;font-weight:500;transition:background-color .2s}.collection-tile button:hover{color:#fff6eb;background-color:#755a38}
.collections{flex-direction:row;justify-content:center;align-items:center;display:flex}h1{text-align:center;letter-spacing:1px;margin-top:20px;font-size:32px;font-weight:700}@media (max-width:800px){.collections{scroll-snap-type:x mandatory;scroll-behavior:smooth;justify-content:flex-start;padding:0 .5rem 1rem;scroll-padding:16px;display:flex;overflow-x:auto}.collections::-webkit-scrollbar{height:8px}.collections::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.collections>*{scroll-snap-align:center;flex:0 0 70vw;min-width:180px;max-width:320px}}@media (min-width:801px){.collections{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);place-items:center;gap:2rem 2.5rem;max-width:900px;margin:0 auto;padding:2rem 0;display:grid}}