:root { --ink:#213a2c; --ink-soft:#5d6b5f; --pine:#193f2c; --green:#3c6742; --lime:#d8edac; --accent:#df7351; --paper:#f8f8f2; --cream:#f2f0e7; --line:#e4e6db; --white:#fff; --shadow:0 18px 48px rgba(23,45,32,.08) }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:98px}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}
    button,a{-webkit-tap-highlight-color:transparent}
    button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
    .wrap{width:min(1160px,calc(100% - 52px));margin:0 auto}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(248,248,242,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(26,63,43,.07)}
    .header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .logo{display:flex;align-items:center;gap:12px;white-space:nowrap}
    .logo-symbol{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:var(--pine);color:var(--lime);flex:none}
    .logo-symbol svg{width:24px;height:24px}
    .logo-name{font-weight:850;letter-spacing:.1em;font-size:19px;line-height:1.1}
    .logo-desc{margin-top:5px;font-size:9px;letter-spacing:.2em;font-weight:800;color:#819184}
    .nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:700}
    .nav a:not(.header-cta){transition:color .2s}.nav a:not(.header-cta):hover{color:var(--accent)}
    .header-cta{border:1px solid var(--pine);background:var(--pine);color:white;padding:11px 18px;border-radius:99px;display:inline-flex;align-items:center;gap:9px;transition:transform .2s,background .2s}
    .header-cta:hover,.primary-btn:hover,.tiktok-action:hover{transform:translateY(-2px);background:#2d5b3d}
    .tiktok-svg{width:17px;height:17px;flex:none}
    .hero{padding:75px 0 72px;overflow:hidden}
    .hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}
    .eyebrow{font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:12px}
    .eyebrow::before{content:"";width:29px;height:1px;background:var(--accent)}
    .hero h1{font-size:clamp(49px,5.7vw,82px);line-height:1.21;letter-spacing:-.055em;font-weight:900;margin:27px 0 24px}
    .hero h1 em{font-style:normal;color:var(--green);position:relative;white-space:nowrap}
    .hero h1 em::after{content:"";position:absolute;left:3%;bottom:-5px;width:93%;height:9px;background:#f3d58d;border-radius:100%;z-index:-1;transform:rotate(-2deg)}
    .hero-text{color:var(--ink-soft);font-size:16px;line-height:2;max-width:470px;margin:0}
    .hero-buttons{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:34px}
    .primary-btn{border:0;border-radius:100px;background:var(--pine);color:white;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 23px;font-weight:800;font-size:14px;transition:transform .2s,background .2s;cursor:pointer}
    .text-btn{font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid var(--pine);padding:9px 0}
    .hero-mini{margin-top:50px;display:flex;align-items:center;gap:19px}
    .hero-mini-num{font:800 43px/1 Georgia,serif;color:var(--pine)}
    .hero-mini-line{width:1px;height:35px;background:#d1d6c8}
    .hero-mini-copy{color:var(--ink-soft);font-size:12px;line-height:1.7;letter-spacing:.03em}
    .hero-art{position:relative;min-height:550px;isolation:isolate}
    .hero-art::before{content:"";position:absolute;background:#dae6c9;border-radius:52% 48% 47% 53%;width:82%;height:90%;left:20%;top:8%;transform:rotate(12deg);z-index:-2}
    .hero-art::after{content:"";position:absolute;background:#ead0a0;width:110px;height:110px;border-radius:50%;right:-29px;top:-28px;z-index:-1}
    .hero-image-frame{width:88%;height:530px;margin-left:4%;border-radius:250px 250px 35px 35px;overflow:hidden;background:#e0ddd0;box-shadow:var(--shadow);transform:rotate(-2deg);border:8px solid white}
    .hero-image-frame img{width:100%;height:100%;object-fit:cover;object-position:center 38%;transform:scale(1.06)}
    .floating-label{position:absolute;right:-8px;bottom:36px;transform:rotate(5deg);background:#fcf8ea;border:1px solid #eadfcb;padding:17px 22px;border-radius:14px;box-shadow:0 17px 35px rgba(23,43,25,.13);font-weight:850;font-size:15px;line-height:1.5}
    .floating-label span{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:#ac7252}
    .dot-decor{position:absolute;bottom:10px;left:-32px;background:var(--accent);width:22px;height:22px;border-radius:50%;box-shadow:32px 1px 0 #edc883,64px -8px 0 #abc58f}
    .section-divider{height:1px;background:var(--line)}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:32px}
    .section-kicker{font-size:11px;letter-spacing:.16em;font-weight:900;color:#aa7456}
    h2{font-size:clamp(31px,4vw,47px);letter-spacing:-.05em;line-height:1.3;margin:10px 0 0}
    .section-small{font-size:14px;color:var(--ink-soft);padding-bottom:7px}
    .products{padding:87px 0 102px}
    .filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
    .filter{padding:11px 22px;border-radius:100px;border:1px solid #d8ddd0;background:transparent;color:#5b685d;cursor:pointer;font-size:13px;font-weight:750;transition:background .2s,color .2s,border .2s}
    .filter:hover{border-color:var(--pine);color:var(--pine)}
    .filter[aria-pressed="true"]{background:var(--pine);color:white;border-color:var(--pine)}
    .products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
    .product-card{min-width:0;display:flex;flex-direction:column;background:var(--white);border:1px solid #ecede5;border-radius:21px;overflow:hidden;box-shadow:0 7px 25px rgba(26,54,35,.025);transition:transform .24s,box-shadow .24s}
    .product-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(22,49,30,.1)}
    .product-card[hidden]{display:none}
    .photo-wrap{height:310px;position:relative;overflow:hidden;background:#e8e5d8}
    .photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s}
    .product-card:hover .photo-wrap img{transform:scale(1.04)}
    .photo-wrap.contain img{object-fit:contain;padding:18px}
    .photo-wrap .badge{position:absolute;top:16px;left:16px;background:rgba(255,255,252,.95);color:var(--pine);font-size:11px;font-weight:800;border-radius:99px;padding:7px 14px;box-shadow:0 6px 16px rgba(0,0,0,.07)}
    .product-detail{padding:25px 25px 22px;display:flex;flex-direction:column;flex:1}
    .product-origin{font-size:10px;font-weight:850;letter-spacing:.14em;color:#b58259;text-transform:uppercase}
    .product-title{font-size:21px;letter-spacing:-.035em;line-height:1.4;margin:8px 0 3px;font-weight:850}
    .product-roman{color:#859085;font-size:12px;letter-spacing:.02em;min-height:18px}
    .product-desc{font-size:13px;line-height:1.85;color:var(--ink-soft);margin:17px 0 23px;min-height:47px}
    .card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:17px;border-top:1px solid #eff0ea}
    .card-footer .hint{font-size:11px;color:#929d90}
    .card-link{border:0;background:transparent;color:var(--pine);cursor:pointer;display:flex;gap:8px;align-items:center;font-size:13px;font-weight:900;padding:5px 0}
    .card-link svg{width:18px;height:18px;transition:transform .2s}.card-link:hover svg{transform:translate(3px,-3px)}
    .info-band{background:#e9ede1;border-top:1px solid #dfe6d6;border-bottom:1px solid #dfe6d6}
    .info-inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;padding:27px 0}
    .info-icon{width:50px;height:50px;border-radius:16px;background:white;display:grid;place-items:center;color:var(--green)}
    .info-icon svg{width:24px;height:24px}
    .info-inner strong{font-size:15px;letter-spacing:.02em}.info-inner p{margin:4px 0 0;font-size:13px;color:#5f705f;line-height:1.8}
    .contact{padding:95px 0 105px}
    .contact-panel{background:var(--pine);color:white;border-radius:28px;position:relative;overflow:hidden;padding:58px 65px;display:flex;align-items:center;justify-content:space-between;gap:30px}
    .contact-panel::after{content:"";position:absolute;border:1px solid rgba(221,239,193,.25);height:320px;width:320px;transform:rotate(35deg);border-radius:42%;right:40px;top:-170px;pointer-events:none}
    .contact-panel h2{font-size:clamp(31px,4vw,43px);margin:8px 0 13px}
    .contact-panel p{font-size:14px;color:#d2dfd2;line-height:1.9;margin:0}
    .contact-panel .section-kicker{color:#cae5b0}
    .contact-panel .primary-btn{position:relative;background:white;color:var(--pine);flex:none;z-index:1}
    .contact-panel .primary-btn:hover{background:#e3f0d4}
    .footer{border-top:1px solid var(--line);padding:36px 0 42px;color:#809081;font-size:12px}
    .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .footer strong{font-weight:900;color:var(--pine);letter-spacing:.08em;font-size:15px}
    .footer-note{margin-top:8px;line-height:1.8}
    .back-to-top{font-weight:800;color:var(--pine);font-size:12px;white-space:nowrap}
    .toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1d3828;color:white;padding:13px 23px;border-radius:11px;box-shadow:0 18px 40px rgba(0,0,0,.18);font-size:13px;z-index:100;white-space:nowrap;transition:opacity .2s,transform .2s;max-width:calc(100vw - 24px)}
    .toast.show{opacity:1;transform:translate(-50%,0)}
    @media(max-width:980px){.hero-grid{gap:32px}.hero-art{min-height:485px}.hero-image-frame{height:465px}.hero h1{font-size:clamp(45px,6vw,68px)}.products-grid{gap:18px}.photo-wrap{height:255px}.product-detail{padding:20px}.floating-label{right:-2px}}
    @media(max-width:720px){.wrap{width:min(100% - 36px,520px)}.header-inner{height:70px}.logo-symbol{width:35px;height:35px}.logo-name{font-size:17px}.logo-desc{font-size:8px}.nav{gap:10px}.nav .nav-product{display:none}.header-cta{font-size:12px;padding:9px 12px}.hero{padding:48px 0 70px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero h1{font-size:clamp(46px,10.8vw,67px);margin:19px 0}.hero-text{font-size:14px;line-height:1.95}.hero-buttons{margin-top:23px;gap:20px}.hero-mini{margin-top:30px}.hero-art{min-height:410px;width:100%}.hero-image-frame{width:82%;height:405px;margin-left:9%;border-width:6px}.hero-art::before{width:72%;left:23%}.hero-art::after{right:5px}.floating-label{right:2%;bottom:15px;padding:12px 15px;font-size:12px}.products{padding:65px 0 76px}.section-head{display:block;margin-bottom:23px}.section-small{margin-top:8px;font-size:12px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo-wrap{height:220px}.product-detail{padding:17px 15px 16px}.product-title{font-size:17px}.product-roman{font-size:11px}.product-desc{font-size:12px;line-height:1.7;min-height:62px;margin:13px 0}.card-footer .hint{display:none}.card-link{font-size:12px}.filters{gap:8px}.filter{padding:8px 13px;font-size:12px}.contact{padding:72px 0}.contact-panel{display:block;padding:37px 27px}.contact-panel .primary-btn{margin-top:27px}.footer-inner{align-items:flex-start}.info-inner{gap:13px}.info-icon{width:42px;height:42px}.info-inner strong{font-size:13px}.info-inner p{font-size:12px}}
    @media(max-width:420px){.wrap{width:calc(100% - 30px)}.logo{gap:8px}.logo-name{font-size:16px}.logo-desc{letter-spacing:.08em}.hero-art{min-height:360px}.hero-image-frame{height:355px}.floating-label{right:0;bottom:8px}.photo-wrap{height:185px}.product-detail{padding:14px 12px 16px}.product-title{font-size:16px}.product-desc{min-height:82px}.product-origin{font-size:9px}.card-link{font-size:11px}.card-link svg{width:15px}.contact-panel{padding:34px 23px}}
    @media(max-width:350px){.products-grid{grid-template-columns:1fr}.photo-wrap{height:300px}.product-desc{min-height:0}.header-cta{font-size:0;gap:0}.header-cta .tiktok-svg{width:20px;height:20px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

    /* Language navigation: Indonesian is the default home page. */
    .language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #d9dfd5;border-radius:999px;background:#fff;white-space:nowrap;flex:none}
    .language-switch a,.language-switch .language-current{font-size:12px;font-weight:800;line-height:1.3;padding:7px 10px;border-radius:999px}
    .language-switch a{color:#486150;transition:background .2s,color .2s}
    .language-switch a:hover{background:#eff3e9;color:var(--pine)}
    .language-switch .language-current{background:var(--pine);color:#fff}
    html[lang="id"] .hero h1{font-size:clamp(45px,5vw,69px);line-height:1.2;letter-spacing:-.06em}
    html[lang="id"] .product-title{letter-spacing:-.025em}
    @media(max-width:720px){
      .logo-desc{display:none}.nav{gap:8px}.header-cta{padding:9px 11px}
      html[lang="id"] .hero h1{font-size:clamp(38px,9.5vw,57px)}
      .language-switch a,.language-switch .language-current{padding:6px 8px;font-size:11px}
    }
    @media(max-width:430px){.header-cta{font-size:0;gap:0}.header-cta .tiktok-svg{width:20px;height:20px}}
    /* Public merchant contact for seller identity verification. */
    .merchant-email{margin-top:14px!important;font-size:14px!important;line-height:1.75!important;overflow-wrap:anywhere}
    .merchant-email a{color:#fff;font-weight:750;text-decoration:underline;text-decoration-color:#b9d6bf;text-underline-offset:4px}
    .merchant-email a:hover{color:#f5e6a0}
    .footer-contact{margin-top:10px;color:var(--pine);font-size:13px;font-weight:650;line-height:1.7;overflow-wrap:anywhere}
    .footer-contact a{color:var(--pine);text-decoration:underline;text-underline-offset:3px}