@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap");.batik-page{font-family:Plus Jakarta Sans,sans-serif;background-color:#fcf9f5;color:#2c2420;min-height:100vh;overflow-x:hidden}::-moz-selection{background:#d4af37;color:#1a1512}::selection{background:#d4af37;color:#1a1512}.font-serif{font-family:Cinzel,serif}.batik-container{max-width:1200px;margin:0 auto;padding:0 24px}.batik-back-bar{background:#1a1512;color:#fff;padding:10px 0;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(212,175,55,.2)}.batik-back-btn{display:flex;align-items:center;font-size:13px;font-weight:500;color:#d4af37;text-decoration:none;background:rgba(255,255,255,.05);padding:6px 16px;border-radius:4px;transition:all .2s}.batik-back-btn:hover{background:#d4af37;color:#1a1512}.batik-nav{padding:24px 0;position:absolute;top:41px;left:0;right:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(26,21,18,.8) 0,transparent);color:white}.batik-logo{font-family:Cinzel,serif;font-size:28px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.batik-hero{position:relative;overflow:hidden;height:90vh;min-height:600px}.batik-hero-bg{position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1490481651871-ab68de25d43d?auto=format&fit=crop&q=80);background-size:cover;background-position:50%;z-index:1;animation:zoomSlow 20s linear infinite alternate}@keyframes zoomSlow{0%{transform:scale(1)}to{transform:scale(1.1)}}.batik-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,21,18,.85),rgba(61,43,31,.6) 50%,rgba(26,21,18,.9));z-index:2}.batik-badge{font-size:11px;font-weight:600;color:#d4af37;border:1px solid rgba(212,175,55,.4);padding:6px 16px;border-radius:2px}.batik-h1{font-family:Cinzel,serif;font-size:clamp(40px,6vw,76px);line-height:1.1;font-weight:600;letter-spacing:1px}.batik-hero-p{font-size:clamp(15px,1.8vw,17px);line-height:1.8}.batik-btn-primary{background:#d4af37;color:#1a1512;font-weight:700;padding:10px 24px;border-radius:2px;border:none;cursor:pointer;transition:all .3s ease;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px;font-size:13px}.batik-btn-primary:hover{background:#fff;transform:translateY(-2px)}.batik-btn-gold{background:#d4af37;color:#1a1512;border:none;cursor:pointer;transition:all .3s ease;display:inline-block}.batik-btn-gold:hover{background:#fcf9f5;transform:translateY(-2px)}.batik-btn-outline-white{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.batik-btn-outline-white:hover{border-color:#d4af37;color:#d4af37;background:rgba(212,175,55,.05)}.batik-section{padding:120px 0;position:relative}.batik-product-card{cursor:pointer}.batik-story{position:relative;overflow:hidden}.batik-story-bg{position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1594916844976-1bd1eac8b43f?auto=format&fit=crop&q=80);background-size:cover;background-position:50%;background-attachment:fixed;z-index:1}.batik-story:before{content:"";position:absolute;inset:0;background:rgba(26,21,18,.7);z-index:2}.animate-marquee{animation:marquee 35s linear infinite;display:inline-block}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.batik-container{padding:0 20px}.batik-nav{top:50px}.batik-logo{font-size:22px}.batik-hero{height:auto;min-height:500px;padding:120px 0 60px}.batik-h1{font-size:clamp(32px,10vw,52px)}.batik-section{padding:60px 0}.batik-story-bg{background-attachment:scroll}.animate-marquee{animation-duration:20s}}@media (max-width:480px){.batik-btn-primary{width:100%;text-align:center}}