:root{--volcanic-black:#1a1a1a;--obsidian:#1f363c;--lava-deep:#1a1512;--kona-teal:#2c4c54;--ocean-dark:#1a3a3a;--magma-gold:#d4a84b;--magma-orange:#e67e22;--sand-cream:#f5e6ca;--sand-light:#fdf8f0;--volcanic-ash:#3d3d3d;--mist:#f5e6cacc;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Inter",-apple-system,sans-serif;--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--sand-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle,#365d66 0%,#1f363c 40%,#1a1a1a 100%) fixed;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.02em;font-weight:400;line-height:1.2}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:0 24px}.section-padding{padding:120px 0}@media (max-width:768px){.section-padding{padding:80px 0}}.nav{z-index:1000;transition:all .4s var(--ease-smooth);-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#000c 0%,#0000 100%);border-bottom:none;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px);background:#1a1a1af2;border-bottom:1px solid #f5e6ca1a;padding:16px 48px}.nav-logo{z-index:1001;align-items:center;gap:12px;display:flex}.nav-logo img{filter:brightness(1.1);width:auto;height:48px;transition:transform .3s var(--ease-smooth)}.nav.scrolled .nav-logo img{height:40px}.nav-logo:hover img{transform:scale(1.05)}.nav-links{align-items:center;gap:48px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-link{letter-spacing:.15em;text-transform:uppercase;color:var(--sand-cream);transition:color .3s var(--ease-smooth);padding:8px 0;font-size:.85rem;font-weight:400;position:relative}.nav-link:after{content:"";background:var(--magma-gold);width:0;height:1px;transition:width .3s var(--ease-smooth);position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link.active{color:var(--magma-gold);text-shadow:0 0 10px #d4a84b80}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{z-index:1001;align-items:center;gap:24px;margin-left:auto;display:flex}.cart-btn{color:var(--sand-cream);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s var(--ease-smooth);background:0 0;border:1px solid #f5e6ca4d;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-size:.8rem;font-weight:500;display:flex}.cart-btn:hover{background:var(--sand-cream);color:var(--volcanic-black);border-color:var(--sand-cream);transform:translateY(-2px)}.mobile-menu-toggle{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;order:2;gap:6px;display:none}.mobile-menu-toggle span{background:var(--sand-cream);width:24px;height:2px;transition:all .3s var(--ease-smooth);display:block}@media (max-width:768px){.nav,.nav.scrolled{padding:16px 24px}.mobile-menu-toggle{margin-left:24px;display:flex}.nav-links{background:var(--volcanic-black);width:100%;height:100vh;transition:right .4s var(--ease-smooth);z-index:1000;flex-direction:column;justify-content:center;gap:32px;position:fixed;top:0;left:auto;right:-100%;transform:none}.nav-links.active{right:0}.nav-link{font-size:1.5rem}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg)translate(5px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}}.btn-primary{letter-spacing:.15em;text-transform:uppercase;color:#fff;background:var(--magma-orange);cursor:pointer;transition:all .4s var(--ease-smooth);border:none;border-radius:100px;align-items:center;gap:12px;padding:18px 48px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:0 4px 24px #e67e224d}.btn-primary:hover{background:#d35400;transform:translateY(-3px);box-shadow:0 12px 40px #e67e2266}.btn-primary svg{width:18px;height:18px;transition:transform .3s var(--ease-smooth)}.btn-primary:hover svg{transform:translate(4px)}.fade-in-up{opacity:0;transition:opacity .8s var(--ease-smooth),transform .8s var(--ease-smooth);transform:translateY(30px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.cart-popup{background:var(--volcanic-black);z-index:2000;width:400px;height:100vh;transition:right .4s var(--ease-smooth);flex-direction:column;display:flex;position:fixed;top:0;right:-400px;box-shadow:-20px 0 60px #00000080}.cart-popup.open{right:0}.cart-header{border-bottom:1px solid #f5e6ca1a;justify-content:space-between;align-items:center;padding:24px;display:flex}.cart-header h3{font-size:1.2rem}.cart-close{color:var(--sand-cream);cursor:pointer;opacity:.6;background:0 0;border:none;padding:8px;font-size:1.5rem;transition:opacity .3s}.cart-close:hover{opacity:1}.cart-items{flex:1;padding:24px;overflow-y:auto}.cart-empty{text-align:center;color:var(--mist);padding:48px 24px}.cart-item{border-bottom:1px solid #f5e6ca0d;gap:16px;padding:16px 0;display:flex}.cart-item-image{object-fit:contain;width:80px;height:100px}.cart-item-details{flex:1}.cart-item-title{margin-bottom:4px;font-size:.95rem}.cart-item-price{color:var(--magma-orange);font-weight:500}.cart-item-quantity{align-items:center;gap:12px;margin-top:8px;display:flex}.quantity-btn{border:1px solid var(--volcanic-ash);width:28px;height:28px;color:var(--volcanic-ash);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.quantity-btn:hover:not(:disabled){background:var(--volcanic-ash);color:var(--ivory-cream)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-value{text-align:center;min-width:20px;font-size:.9rem}.cart-item-remove{color:var(--volcanic-ash);cursor:pointer;background:0 0;border:none;margin-top:8px;font-size:.8rem;text-decoration:underline}.cart-footer{border-top:1px solid #f5e6ca1a;padding:24px}.cart-total{justify-content:space-between;margin-bottom:20px;font-size:1.1rem;display:flex}.checkout-btn{letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--magma-orange);cursor:pointer;border:none;border-radius:100px;width:100%;padding:18px;font-size:.9rem;font-weight:600;transition:all .3s}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e67e224d}.checkout-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cart-overlay{z-index:1999;opacity:0;pointer-events:none;background:#0009;width:100%;height:100%;transition:opacity .4s;position:fixed;top:0;left:0}.cart-overlay.open{opacity:1;pointer-events:auto}@media (max-width:768px){.cart-popup{width:100%;right:-100%}}.notification{background:var(--volcanic-black);color:var(--sand-cream);z-index:3000;opacity:0;transition:all .4s var(--ease-smooth);border:1px solid #e67e224d;border-radius:100px;align-items:center;gap:12px;padding:16px 32px;font-size:.9rem;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px)}.notification.show{opacity:1;transform:translate(-50%)translateY(0)}.notification svg{width:20px;height:20px;stroke:var(--magma-orange)}.footer{background:0 0;border-top:1px solid #f5e6ca0d;width:100%;padding:80px 48px 40px}.footer-content{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto 60px;display:flex}.footer-brand{flex-direction:column;align-items:center;width:100%;display:flex}.footer-brand img{opacity:.9;height:60px;margin-bottom:20px}.footer-tagline{color:var(--mist);max-width:400px;font-size:.9rem}.footer-links{gap:80px;display:flex}.footer-column h4{letter-spacing:.15em;text-transform:uppercase;color:var(--sand-cream);margin-bottom:20px;font-size:.8rem;font-weight:600}.footer-column a{color:var(--mist);margin-bottom:12px;font-size:.9rem;text-decoration:none;transition:color .3s;display:block}.footer-column a:hover{color:var(--magma-orange)}.footer-bottom{text-align:center;border-top:1px solid #f5e6ca0d;max-width:1200px;margin:0 auto;padding-top:40px}.footer-bottom p{color:#f5e6ca80;font-size:.8rem}@media (max-width:768px){.footer{padding:60px 24px 40px}.footer-content{flex-direction:column;gap:48px}.footer-links{flex-direction:column;gap:32px}}.hero{text-align:center;background-image:linear-gradient(#0000004d,#00000080),url(/hero.png);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:140px 24px 80px;display:flex;position:relative}.hero-content{z-index:2;max-width:1000px;animation:fadeInUp 1.2s var(--ease-smooth)both;flex-direction:column;align-items:center;display:flex;position:relative}.hero h1{background:linear-gradient(135deg,var(--sand-cream)0%,#f0a64e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(3.5rem,8vw,6rem);font-weight:400}.hero-subtitle{max-width:600px;color:var(--sand-cream);opacity:.9;letter-spacing:.02em;margin:0 auto 40px;font-size:clamp(1rem,2vw,1.25rem);font-weight:300;line-height:1.8}.values-strip{border-top:1px solid #f5e6ca1a;border-bottom:1px solid #f5e6ca1a;flex-wrap:wrap;justify-content:center;gap:60px;padding:40px 24px;display:flex}.value-item{color:var(--sand-cream);letter-spacing:.1em;text-transform:uppercase;opacity:.8;align-items:center;gap:12px;font-size:.9rem;font-weight:500;transition:opacity .3s;display:flex}.value-item:hover{opacity:1}.value-item svg{width:20px;height:20px;stroke:var(--magma-orange)}@media (max-width:768px){.values-strip{text-align:center;flex-direction:column;align-items:center;gap:24px}}.featured-section{background:0 0;position:relative}.featured-container{align-items:center;gap:100px;display:flex}.featured-image{flex:1;justify-content:center;display:flex;position:relative}.featured-image img{filter:drop-shadow(0 30px 60px #0006);width:100%;max-width:450px;height:auto;transition:transform .6s var(--ease-smooth)}.featured-image:hover img{transform:scale(1.02)rotate(-1deg)}.featured-content{flex:1}.featured-label{letter-spacing:.2em;text-transform:uppercase;color:var(--magma-orange);margin-bottom:16px;font-size:.8rem;font-weight:500;display:inline-block}.featured-title{color:var(--sand-cream);margin-bottom:24px;font-size:clamp(2.5rem,4vw,4rem)}.featured-desc{color:var(--mist);max-width:500px;margin-bottom:40px;font-size:1.1rem;line-height:1.8}.featured-price{font-family:var(--font-display);color:var(--sand-cream);margin-bottom:24px;font-size:1.5rem}@media (max-width:1024px){.featured-container{text-align:center;flex-direction:column;gap:60px}}.intro-section{text-align:center;background:0 0;position:relative}.intro-quote{font-family:var(--font-display);max-width:900px;color:var(--sand-cream);margin:0 auto 40px;font-size:clamp(1.5rem,3vw,2.5rem);font-style:italic;font-weight:400;line-height:1.6}.intro-link{color:var(--magma-orange);text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid var(--magma-orange);padding-bottom:4px;font-size:.9rem;transition:opacity .3s}.intro-link:hover{opacity:.8}.gallery-thumbnails{justify-content:center;gap:16px;margin-top:24px;display:flex}.gallery-thumb{cursor:pointer;opacity:.6;background:0 0;border:1px solid #f5e6ca33;border-radius:8px;width:60px;height:60px;padding:4px;transition:all .3s}.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--magma-orange);opacity:1}.gallery-thumb img{object-fit:contain;width:100%;height:100%}.shop-hero{text-align:center;background:0 0;padding:160px 24px 80px}.shop-hero h1{color:var(--sand-cream);margin-bottom:16px;font-size:clamp(2.5rem,5vw,4rem)}.shop-hero p{color:var(--mist);max-width:600px;margin:0 auto}.product-detail{background:0 0;padding:0 24px 120px}.product-container{align-items:flex-start;gap:80px;max-width:1200px;margin:0 auto;display:flex}.product-gallery{flex:1;position:sticky;top:120px}.main-image{justify-content:center;width:100%;height:auto;padding:40px;display:flex}.main-image img{filter:drop-shadow(0 20px 40px #0006);width:100%;max-width:450px;height:auto;transition:transform .4s var(--ease-smooth)}.main-image:hover img{transform:scale(1.02)}.product-info{flex:1;padding-top:20px}.product-label{letter-spacing:.2em;text-transform:uppercase;color:var(--magma-orange);margin-bottom:16px;font-size:.75rem;font-weight:500;display:inline-block}.product-title{color:var(--sand-cream);margin-bottom:24px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.product-price{font-family:var(--font-display);color:var(--sand-cream);align-items:baseline;gap:12px;margin-bottom:32px;font-size:2.5rem;display:flex}.product-price span{font-family:var(--font-body);color:var(--mist);font-size:1rem;font-weight:400}.product-description{color:var(--mist);margin-bottom:40px;font-size:1.05rem;line-height:1.8}.product-description p{margin-bottom:16px}.product-features{border-top:1px solid #f5e6ca1a;border-bottom:1px solid #f5e6ca1a;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:48px;padding:32px 0;display:grid}.feature-item{color:var(--sand-cream);align-items:center;gap:12px;font-size:.9rem;display:flex}.feature-item svg{width:20px;height:20px;stroke:var(--magma-orange);flex-shrink:0}@media (max-width:1024px){.product-container{flex-direction:column;gap:48px}.product-gallery{width:100%;max-width:500px;margin:0 auto;position:static}}@media (max-width:768px){.product-features{grid-template-columns:1fr}.btn-primary{justify-content:center;width:100%}}.about-hero{text-align:center;background:0 0;padding:160px 24px 80px}.about-hero h1{color:var(--sand-cream);margin-bottom:16px;font-size:clamp(2.5rem,5vw,4rem)}.about-hero p{color:var(--mist);max-width:600px;margin:0 auto}.story-block{background:0 0;padding:80px 24px}.story-container{align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:flex}.story-image{flex:1;justify-content:center;display:flex;position:relative}.story-image img{filter:drop-shadow(0 20px 40px #0000004d);width:100%;max-width:450px;height:auto;transition:transform .4s var(--ease-smooth)}.story-image:hover img{transform:scale(1.02)}.story-content{flex:1}.story-content h2{color:var(--sand-cream);margin-bottom:24px;font-size:clamp(2rem,4vw,2.5rem)}.story-content p{color:var(--mist);margin-bottom:24px;font-size:1.05rem;line-height:1.8}.story-feature{letter-spacing:.1em;text-transform:uppercase;color:var(--magma-orange);background:0 0;border:1px solid #e67e224d;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:.8rem;font-weight:500;display:inline-flex}@media (max-width:1024px){.story-container{text-align:center;flex-direction:column;gap:48px}.story-image{width:100%;max-width:600px}}.skeleton{background:linear-gradient(90deg,#f5e6ca1a 25%,#f5e6ca33 50%,#f5e6ca1a 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-title{width:60%;height:2em;margin-bottom:1em}.skeleton-image{width:100%;padding-top:100%}.product-grid-section{border-top:1px solid #f5e6ca1a;padding:80px 24px 120px}.product-grid-title{text-align:center;color:var(--sand-cream);margin-bottom:48px;font-size:clamp(1.5rem,3vw,2rem)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.product-card{text-align:center}.product-card-image{transition:transform .3s var(--ease-smooth);margin-bottom:16px;padding:24px;display:block}.product-card-image:hover{transform:scale(1.02)}.product-card-image img{filter:drop-shadow(0 10px 30px #0000004d);width:100%;height:auto}.product-card-title{color:var(--sand-cream);margin-bottom:8px;font-size:1.25rem}.product-card-price{font-family:var(--font-display);color:var(--sand-cream);margin-bottom:16px;font-size:1.25rem}.product-card-btn{letter-spacing:.1em;text-transform:uppercase;color:var(--sand-cream);cursor:pointer;transition:all .3s var(--ease-smooth);background:0 0;border:1px solid #f5e6ca4d;border-radius:100px;padding:12px 32px;font-size:.8rem;font-weight:500}.product-card-btn:hover{background:var(--sand-cream);color:var(--volcanic-black);border-color:var(--sand-cream)}.product-card-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.product-grid{grid-template-columns:1fr;gap:32px}}
