@import "https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary-color:#0d0d0d;--secondary-color:#2b2b2b;--bg-color:#fcfcfc;--text-color:#1a1a1a;--accent-color:#c09e73;--glass-bg:#ffffffbf;--font-heading:"Montserrat", sans-serif;--font-body:"Figtree", sans-serif;--transition:all .4s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-color);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}header{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);width:100%;transition:var(--transition);border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:1.2rem 6%;display:flex;position:fixed;top:0}.logo img{mix-blend-mode:multiply;height:45px}nav ul{gap:2.5rem;list-style:none;display:flex}nav a{color:var(--primary-color);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}nav a:after{content:"";background-color:var(--accent-color);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}nav a:hover{color:var(--accent-color)}nav a:hover:after{width:100%}.hero{text-align:center;color:#fff;background:url(/images/homepage_1000x2000_ec3da9d7-fdd0-4d6c-928e-2609e0e950c3.jpg) 50%/cover no-repeat fixed;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.hero:after{content:"";background:linear-gradient(#0000004d 0%,#0009 100%);position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;padding:2rem;animation:1s ease-out forwards fadeUp;position:relative;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(40px)}}.hero h1{font-family:var(--font-heading);letter-spacing:4px;text-transform:uppercase;margin-bottom:1.5rem;font-size:4rem;font-weight:300}.hero p{letter-spacing:1px;opacity:.9;margin-bottom:2.5rem;font-size:1.2rem;font-weight:300}.cta-button{color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;transition:var(--transition);background-color:#0000;border:1px solid #fff;padding:1rem 2.5rem;font-size:.85rem;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.cta-button:hover{color:var(--primary-color);background-color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.products{text-align:center;background-color:#fff;padding:8rem 6%}.products h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:3px;color:var(--primary-color);margin-bottom:4rem;font-size:2.2rem;font-weight:400}.product-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:4rem 3rem;display:grid}.product-card{text-align:left;group:product;cursor:pointer}.image-wrapper{aspect-ratio:4/5;background:#f4f4f4;margin-bottom:1.5rem;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.product-card:hover .product-image{transform:scale(1.05)}.product-title{font-family:var(--font-heading);color:var(--primary-color);margin-bottom:.4rem;font-size:1.1rem;font-weight:500;transition:color .3s}.product-card:hover .product-title{color:var(--accent-color)}.product-sku{color:#888;margin-bottom:.5rem;font-size:.85rem;display:block}.product-price{font-family:var(--font-body);color:var(--primary-color);margin-bottom:1.2rem;font-size:1.1rem;font-weight:600;display:block}.buy-btn{background-color:var(--primary-color);color:#fff;width:100%;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;transition:var(--transition);border:1px solid var(--primary-color);justify-content:center;align-items:center;padding:1rem;font-size:.8rem;text-decoration:none;display:inline-flex}.buy-btn:hover{color:var(--primary-color);background-color:#0000}footer{text-align:center;background-color:var(--primary-color);color:#fff;font-family:var(--font-body);padding:4rem 2rem}footer p{letter-spacing:1px;opacity:.7;font-size:.85rem}@media (width<=768px){.hero h1{font-size:2.5rem}header{padding:1rem 5%}nav ul{display:none}.product-grid{grid-template-columns:1fr}}
