:root{--ink:#282b23;--olive:#353b2b;--sand:#dec29e;--paper:#faf8f3;--muted:#7c7c70;--line:#e5e3da;--green:#e8ecdf;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,input,select{outline-offset:5px}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h2{font:46px/1.13 var(--serif);letter-spacing:-1.4px}small{font-size:11px}svg{flex-shrink:0}img{display:block;max-width:100%}button{border:0;background:none}em{font-weight:400;color:var(--sand)}.topbar{background:var(--ink);color:#eee7d9;display:flex;justify-content:space-between;padding:9px 5%;font-size:9px;letter-spacing:1.8px}.brand{display:flex;align-items:center;gap:9px;width:max-content}.brand>span:last-child{font:bold 31px/.95 var(--serif);letter-spacing:3px}.brand small{display:block;font:8px/2.1 'Segoe UI',sans-serif;letter-spacing:3.2px}.brand-star{font-size:36px;color:#a77b4f}.shop-header{display:flex;align-items:center;justify-content:space-between;padding:26px 5%;border-bottom:1px solid var(--line);background:var(--paper)}.shop-header nav{display:flex;gap:29px;font-size:12px}.shop-header nav a:hover{color:#a77b4f}.head-actions{display:flex;align-items:center;gap:17px}.head-actions button{display:flex;align-items:center;padding:0;gap:6px}.head-actions [data-count]{font-size:10px;border:1px solid #d3d1c6;border-radius:100%;width:18px;height:18px}.hero{min-height:575px;display:grid;grid-template-columns:1fr 1fr}.hero-copy{background:var(--ink);color:var(--paper);padding:60px 10% 25px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;margin-bottom:23px;display:flex;align-items:center;gap:10px}.eyebrow>span{display:inline-block;width:22px;height:1px;background:var(--sand)}.hero h1{font:80px/1.02 var(--serif);letter-spacing:-4px;margin:14px 0 26px}.hero p{color:#d0cfc3;font-size:14px;line-height:1.9}.btn{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:17px 25px;font-size:10px;letter-spacing:1.15px;font-weight:650;border:1px solid transparent;transition:filter .2s,transform .2s}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.sand{background:var(--sand);color:var(--ink)}.dark{background:var(--ink);color:#fff}.hero .btn{margin-top:12px}.hero-foot{border-top:1px solid #55574b;display:flex;justify-content:space-between;width:100%;font-size:8px;letter-spacing:1.6px;margin-top:auto;padding-top:24px}.hero-foot span{font-size:20px;line-height:10px}.hero-visual{position:relative;overflow:hidden;background:#d9c6ad;display:flex;align-items:center;justify-content:center}.hero-visual>img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;position:absolute}.vertical-text{position:absolute;left:20px;top:27px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px}.hero-stamp{position:absolute;right:25px;top:25px;width:94px;height:94px;border:1px solid #7f6b52;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:7px;line-height:.75;letter-spacing:1.5px;transform:rotate(12deg)}.hero-stamp b{font-size:30px;margin:7px}.photo-label{position:absolute;bottom:26px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;border-top:1px solid #a99a82;padding-top:13px}.ticker{background:#e9e5d9;padding:18px 0;display:flex;justify-content:space-around;gap:30px;white-space:nowrap;overflow:hidden;font-size:10px;letter-spacing:2px}.collection{padding:80px 5% 85px}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top .eyebrow{margin-bottom:15px}.section-top p{font-size:12px;color:var(--muted);margin-right:10px}.filterbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:15px 0 23px;gap:15px}.tabs{display:flex;gap:30px}.tab{padding:15px 0;border-bottom:2px solid transparent;font-size:12px}.tab.selected{border-color:var(--ink);font-weight:650}.search-inline{display:flex;align-items:center;gap:8px!important;margin:0!important}.search-inline input{border:0!important;background:none!important;font-size:11px!important;padding:9px 0!important;min-width:190px}.demo-note{font-size:8px;letter-spacing:1.5px;display:flex;justify-content:space-between;color:var(--muted);margin-bottom:20px}.demo-note span{letter-spacing:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.product-picture{position:relative;width:100%;padding:0;overflow:hidden;background:#eeece5;aspect-ratio:4/5}.product-picture img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .5s}.product-picture:hover img{transform:scale(1.04)}.product-tag{position:absolute;z-index:1;top:15px;left:14px;font-size:7px;letter-spacing:1.2px;border-bottom:1px solid #9b9b8d}.quick{position:absolute;bottom:0;left:0;right:0;padding:12px 14px;background:#fff9;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;backdrop-filter:blur(5px)}.quick svg{width:16px}.product-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted);padding-top:15px}.product h3{font-size:14px;font-weight:500;margin:6px 0}.product h3 button{padding:0;text-align:left}.price{font-size:13px}.price span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.essence{background:#e9e5da;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:70px 10%}.essence-mark{font:230px/.8 var(--serif);color:#aaa98f;text-align:center;position:relative}.essence-mark>span{position:absolute;font-size:75px;color:#655b43;bottom:-15px;right:25%}.essence h2{font-size:54px}.essence p{max-width:390px;font-size:12px;color:#66695d;line-height:1.9}.text-link{font-size:9px;letter-spacing:1px;border-bottom:1px solid;padding:0 0 5px;width:max-content;display:inline-block}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:35px 5%;border-bottom:1px solid var(--line);gap:20px}.benefits>div{display:grid;grid-template-columns:30px 1fr;font-size:25px}.benefits b{font-size:12px;font-weight:500}.benefits span{grid-column:2;font-size:10px;color:var(--muted);margin-top:-10px}footer{padding:55px 5% 20px;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:35px;font-size:11px}footer .brand{margin-bottom:18px}footer p,footer small{color:var(--muted)}footer b{display:block;font-size:11px;margin-bottom:15px}footer>div>a:not(.brand){display:block;margin:8px 0}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.empty{padding:55px;text-align:center;color:var(--muted);grid-column:1/-1}dialog{border:0;padding:40px;background:var(--paper);color:var(--ink);max-width:800px;width:calc(100% - 40px);max-height:90vh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#1d231dcc;backdrop-filter:blur(4px)}dialog h2{font-size:34px}dialog .close{position:absolute;top:10px;right:12px;font-size:25px;line-height:1}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail>img{width:100%;height:340px;object-fit:cover;background:#e9e5da}.detail p,.muted{font-size:12px;color:var(--muted)}.detail small{display:block;margin-top:15px;color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;font-size:11px;margin-bottom:17px}input,select,textarea{width:100%;padding:12px;border:1px solid #d8dacf;background:#fff;border-radius:0;color:var(--ink)}.detail .btn{width:100%}.cart-line{display:grid;grid-template-columns:60px 1fr auto;gap:15px;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px}.cart-line img{width:60px;height:75px;object-fit:cover}.cart-line small{display:block;color:var(--muted);margin:5px 0}.qty{display:flex;align-items:center;gap:12px}.qty button{border:1px solid var(--line);width:25px;height:25px}.cart-total{display:flex;justify-content:space-between;padding:20px 0;font-size:17px}.success-mark{width:60px;height:60px;border:1px solid #92a583;border-radius:50%;display:grid;place-items:center;font-size:30px;margin-bottom:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:15px 25px;box-shadow:0 4px 25px #0003;z-index:10;opacity:0;pointer-events:none;transition:.2s;width:max-content;max-width:90%;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:var(--ink);color:var(--paper);padding:55px 12%;display:flex;flex-direction:column;justify-content:space-between}.login-brand h1{font:70px/1.1 var(--serif);letter-spacing:-3px;margin-bottom:20px}.login-brand>small{color:#b9bdab;letter-spacing:1px;font-size:8px}.login-form{padding:55px 12%;display:flex;flex-direction:column;justify-content:space-between;gap:70px}.login-form>div{margin-bottom:auto;margin-top:auto}.login-form h2{font-size:40px}.login-form p{color:var(--muted);font-size:12px}.login-form form{margin-top:30px}.login-form .btn{width:100%}.login-form small{color:var(--muted);display:block;margin-top:17px}.login-form #login-error{color:#a93c27}.erp{display:flex;min-height:100vh;background:#f5f6f0}.sidebar{width:235px;background:#282d22;color:#e3e5d8;padding:28px 18px;position:fixed;top:0;bottom:0;overflow:auto}.sidebar .brand{padding-left:12px;margin-bottom:27px}.sidebar .brand>span:last-child{font-size:26px}.sidebar .brand small{font-size:7px}.workspace{display:flex;gap:10px;border:1px solid #49503e;padding:12px;font-size:11px;margin-bottom:25px}.workspace small{display:block;font-size:9px;color:#a9ad9d}.workspace-dot{width:7px;height:7px;border-radius:50%;background:var(--sand);margin-top:5px}.nav-label{font-size:8px;letter-spacing:2px;color:#9b9e8c;padding-left:12px;display:block;margin-bottom:9px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;text-align:left;font-size:11px;color:#bfc5b0;border-radius:3px}.nav-item svg{width:16px;height:16px;opacity:.7}.nav-item.active{background:#454b38;color:#e9d1af}.nav-item>span{margin-left:auto;font-size:9px}.nav-item:hover{background:#3a402f}.visit{margin-top:25px;border-top:1px solid #454b38;padding:19px 12px 0;display:block;font-size:10px}.sidebar #logout{font-size:9px;color:#a9ad9d;padding:12px}.erp-body{margin-left:235px;width:calc(100% - 235px)}.erp-header{display:flex;justify-content:space-between;align-items:center;padding:15px 35px;background:#fff;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px;height:70px}.erp-header span{letter-spacing:0;color:var(--muted);margin-left:10px}.admin-avatar{border-radius:50%;background:#e5e8db;width:32px;height:32px;display:grid;place-items:center;font-size:10px}.erp-header #erp-menu{display:none}.dev-banner{background:#ede9da;padding:9px 35px;font-size:9px;color:#746748;display:flex;gap:18px}.dev-banner b{font-size:8px;letter-spacing:1px}#erp-content{padding:35px;max-width:1700px;margin:auto}.erp-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.erp-title .eyebrow{font-size:8px;color:#7f826f;margin-bottom:9px}.erp-title h1{font:35px/1.2 var(--serif);letter-spacing:-1px;margin-bottom:8px}.erp-title p{color:var(--muted);font-size:11px;margin:0;max-width:650px}.erp-title .btn{padding:13px 18px;font-size:9px;flex-shrink:0;letter-spacing:.3px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:27px}.stats>div{background:#fff;padding:22px;border:1px solid var(--line)}.stats span{display:block;font-size:10px;color:#777c6c}.stats strong{display:block;font:32px/1.5 var(--serif);letter-spacing:-1px}.stats small{color:#939686;font-size:9px}.overview-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);padding:24px;margin-bottom:23px;min-width:0}.panel h2{font:20px/1.3 var(--serif);letter-spacing:-.3px;margin-bottom:16px}.panel p{font-size:11px;color:var(--muted);line-height:1.9}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.panel-top h2{margin-bottom:0}.panel-top>span{font-size:9px;color:var(--muted)}.panel .table-wrap{border:0}.panel.next{background:#e5e8db;border-color:#d8ddc9;padding:28px}.next h2{font-size:30px}.next .eyebrow{font-size:8px;margin-bottom:25px}.next .btn{font-size:8px;padding:12px 16px;margin-top:10px}.next small{display:block;color:#7d826e;font-size:9px;margin-top:35px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#848876;font-weight:500;background:#fcfcf8}th,td{padding:16px 14px;border-bottom:1px solid #eeeFE8}td small{display:block;font-size:9px;color:#999d8e}.pill{font-size:9px;color:#4c6246;background:#edf2e8;border:1px solid #dce7d4;padding:4px 8px;border-radius:3px;display:inline-block}.pill.amber{color:#967337;background:#f6f0e3;border-color:#ede0c5}.mini{font-size:10px;border:1px solid #dfe2d5;padding:5px 9px;margin:2px}.table-product{display:flex;gap:12px;align-items:center}.table-product img{width:35px;height:43px;object-fit:cover;background:#eee}.pdv-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration-grid .panel{margin-bottom:0}.integration-icon{font-size:25px;background:#eff0e7;width:45px;height:45px;display:grid;place-items:center;margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}#erp-content>.table-wrap{margin-bottom:25px}
@media(min-width:1600px){.hero{min-height:680px}.hero h1{font-size:100px}.hero-copy{padding-top:85px}}@media(max-width:1100px){.shop-header nav{gap:15px;font-size:10px}.hero h1{font-size:66px}.hero{min-height:520px}.tabs{gap:20px}.product-grid{gap:16px}.sidebar{width:205px;padding:25px 12px}.erp-body{margin-left:205px;width:calc(100% - 205px)}#erp-content{padding:25px}.stats{gap:10px}.stats>div{padding:15px}.stats strong{font-size:25px}.overview-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr 1fr}.erp-title{align-items:flex-start}.erp-title h1{font-size:30px}.erp-title .btn{font-size:8px;max-width:190px}.essence h2{font-size:43px}}@media(max-width:760px){.topbar{font-size:7px;justify-content:center;padding:8px}.topbar span{display:none}.shop-header{padding:20px 6%}.brand>span:last-child{font-size:27px}.brand-star{font-size:28px}.brand small{font-size:7px}.shop-header nav{display:none}.head-actions{gap:15px}.head-actions>a{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 7% 25px;min-height:480px}.hero h1{font-size:66px;letter-spacing:-3px;margin-top:8px}.hero .eyebrow{font-size:8px}.hero p{font-size:13px}.hero-foot{margin-top:45px}.hero-visual{height:390px}.hero-visual>img{object-fit:contain}.hero-stamp{width:75px;height:75px;font-size:6px}.hero-stamp b{font-size:20px}.ticker{font-size:8px;padding:13px;justify-content:flex-start;gap:20px}.collection{padding:50px 6%}.section-top{display:block}.section-top h2{font-size:36px}.section-top p{font-size:11px}.filterbar{display:block}.tabs{gap:22px;overflow:auto}.tab{font-size:11px;white-space:nowrap}.search-inline{margin:10px 0!important}.search-inline input{width:100%}.demo-note{display:block}.demo-note span{display:block;margin-top:4px}.product-grid{grid-template-columns:1fr 1fr;gap:25px 14px}.product h3{font-size:12px}.product-meta{font-size:6px;letter-spacing:.5px}.product-tag{font-size:6px;top:10px;left:10px}.quick{font-size:7px;padding:10px}.price{font-size:12px}.essence{grid-template-columns:1fr;padding:50px 8%;gap:35px}.essence-mark{font-size:140px}.essence-mark>span{font-size:45px;right:36%}.essence h2{font-size:42px}.benefits{padding:27px 6%;grid-template-columns:1fr;gap:22px}.benefits>div{grid-template-columns:40px 1fr}.benefits span{margin-top:-9px}footer{padding:40px 6% 20px;grid-template-columns:1fr 1fr;font-size:10px}footer>div:nth-child(3){grid-column:1/-1}.copyright{margin-top:0;gap:20px}.detail{grid-template-columns:1fr;gap:20px}.detail>img{height:220px}.detail h2{font-size:29px}.detail .eyebrow{margin-bottom:10px}dialog{padding:30px 22px;max-height:90dvh}dialog h2{font-size:28px}.cart-line{grid-template-columns:45px 1fr auto;gap:10px;font-size:10px}.cart-line img{width:45px;height:60px}.login{grid-template-columns:1fr}.login-brand{padding:28px 8%;min-height:290px}.login-brand h1{font-size:40px;margin:30px 0 10px}.login-brand>small{display:none}.login-brand .eyebrow{display:none}.login-brand p{font-size:11px}.login-form{padding:35px 8%;gap:45px}.login-form h2{font-size:32px}.sidebar{transform:translateX(-100%);transition:transform .2s;z-index:4;width:235px;box-shadow:0 0 40px #0003}.sidebar.mobile-open{transform:translateX(0)}.erp-body{margin:0;width:100%}.erp-header{padding:14px 20px;font-size:8px;gap:12px}.erp-header #erp-menu{display:block}.erp-header>div:nth-child(2){flex:1}.erp-header span{display:block;margin:0}.dev-banner{padding:9px 20px;display:block;font-size:8px}.dev-banner span{display:block}.erp-title{display:block;margin-bottom:22px}.erp-title h1{font-size:29px}.erp-title .btn{margin-top:18px;max-width:none}#erp-content{padding:25px 18px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stats strong{font-size:27px}.stats>div{padding:17px 13px}.stats span,.stats small{font-size:8px}.overview-grid{gap:0}.panel{padding:20px}.panel .table-wrap{margin:0 -20px}.panel-top{gap:10px}.panel-top h2{font-size:18px}.panel-top .text-link{font-size:8px}.panel.next{display:none}.pdv-grid,.integration-grid{grid-template-columns:1fr;gap:0}.integration-grid .panel{margin-bottom:16px}.erp-title p{font-size:10px}.erp-title .eyebrow{font-size:7px}.empty{padding:30px 15px;white-space:normal}.form-row{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
