:root{--ink:#102b25;--pine:#0f342b;--cream:#f5f0e7;--paper:#e9dfcd;--orange:#e86e3d;--lime:#c6d987;--line:rgba(16,43,37,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.announcement{height:35px;background:var(--ink);color:#f3eddf;text-align:center;font:11px 'DM Mono',monospace;letter-spacing:.05em;padding:11px}.announcement span{color:var(--lime);margin:0 10px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;background:var(--cream);position:sticky;top:0;z-index:5}.brand{font:700 23px 'DM Sans';letter-spacing:-1.4px}.brand span{font-family:'Playfair Display';font-style:italic;font-weight:600;color:var(--orange);margin-left:2px}nav{display:flex;gap:30px;font-size:14px;font-weight:500}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--orange);transition:.25s}.actions{display:flex;align-items:center;gap:17px}.icon{border:0;background:none;font-size:29px;color:var(--ink);line-height:1;cursor:pointer}.shop-small{font-size:13px;font-weight:600;background:var(--ink);color:white;padding:12px 16px;border-radius:99px}.hero{min-height:630px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;background:#dfe7bf}.hero-copy{padding:92px 5vw 55px 9vw;position:relative;z-index:1}.eyebrow{margin:0 0 18px;font:11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#6b7063}.eyebrow:before{content:'✦';color:var(--orange);margin-right:7px}.hero h1,.intro h2,.products h2,.feature h2{font:600 clamp(43px,5.1vw,74px)/.98 'Playfair Display';letter-spacing:-3px;margin:0}.hero h1 i,.intro h2 i,.feature h2 i{color:var(--orange);font-weight:600}.lead{max-width:445px;line-height:1.6;font-size:16px;margin:26px 0 30px;color:#355047}.hero-buttons{display:flex;gap:20px;align-items:center}.btn{display:inline-flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.primary{background:var(--ink);color:white;padding:16px 20px;border-radius:3px}.primary b,.arrow-link b{font-size:18px;font-weight:400}.text{border-bottom:1px solid var(--ink);padding-bottom:4px}.trust{display:flex;gap:28px;margin-top:65px}.trust div{display:grid;gap:2px}.trust strong{font:600 14px 'DM Mono'}.trust span{font-size:11px;color:#526259}.hero-art{position:relative;min-height:630px;background:#d2dc9d;overflow:hidden}.sun{width:115px;height:115px;border-radius:50%;background:#f4b551;position:absolute;top:70px;right:19%;box-shadow:0 0 0 15px rgba(244,181,81,.13)}.cloud{position:absolute;border-radius:50px;background:#f4e7cc;width:112px;height:31px;opacity:.88}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:inherit}.cloud:before{width:42px;height:42px;bottom:0;left:22px}.cloud:after{width:31px;height:31px;bottom:0;right:18px}.c1{top:133px;left:12%;transform:scale(.65)}.c2{top:75px;left:48%;transform:scale(.42)}.ground{position:absolute;left:-10%;right:-10%;bottom:-11px;height:180px;background:#92a56a;border-radius:50% 50% 0 0/30% 30% 0 0}.house{position:absolute;width:300px;height:270px;bottom:116px;left:23%;filter:drop-shadow(16px 17px 0 rgba(55,87,59,.13))}.wall{position:absolute;bottom:0;left:33px;width:235px;height:161px;background:#ddb177;border:7px solid #8e5839}.roof{position:absolute;top:22px;left:3px;width:0;height:0;border-left:148px solid transparent;border-right:148px solid transparent;border-bottom:122px solid #9c5136;filter:drop-shadow(0 6px 0 #75402c)}.chimney{position:absolute;right:43px;top:18px;width:35px;height:83px;background:#c68457;border:6px solid #8e5839}.door{position:absolute;bottom:0;left:85px;width:56px;height:102px;background:#70412f;border:5px solid #8e5839}.window{position:absolute;width:47px;height:49px;background:#e7db96;border:5px solid #8e5839;top:44px}.w1{left:18px}.w2{right:18px}.tree{position:absolute;bottom:123px;width:26px;height:85px;background:#73513a;z-index:2}.tree:after{content:'';position:absolute;width:98px;height:108px;border-radius:60% 60% 46% 46%;background:#4d7952;bottom:33px;left:-35px;box-shadow:inset -15px -8px #3c6648}.t1{left:10%}.t2{right:8%;transform:scale(.75)}.label-card{position:absolute;right:4%;bottom:41px;background:#f8f2e6;padding:16px 18px;width:178px;box-shadow:7px 8px 0 rgba(16,43,37,.14)}.label-card span{font:9px 'DM Mono';color:var(--orange)}.label-card b,.label-card em{display:block}.label-card b{font:600 17px 'Playfair Display';margin:4px 0}.label-card em{font-size:10px;color:#617066}.marquee{overflow:hidden;background:var(--orange);color:#fff;white-space:nowrap;padding:15px 0;font:600 15px 'DM Mono';letter-spacing:.06em}.marquee div{display:inline-block;animation:slide 22s linear infinite}.marquee span{color:#f6d18f;margin:0 17px}@keyframes slide{to{transform:translateX(-25%)}}.intro{padding:120px 9vw;background:var(--cream)}.intro h2{font-size:56px}.intro>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:500px;margin:26px 0 65px;color:#526259}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.values article{padding:25px 27px 0 0;border-right:1px solid var(--line);min-height:147px}.values article+article{padding-left:27px}.values article:last-child{border:0}.values span{font:11px 'DM Mono';color:var(--orange)}.values h3{font-size:17px;margin:14px 0 8px}.values p{font-size:13px;line-height:1.5;margin:0;color:#5a675f}.products{padding:100px 5.5vw;background:#f1ece1}.section-top{display:flex;align-items:end;justify-content:space-between;margin:0 3.5vw 26px}.products h2{font-size:51px}.arrow-link{font-size:14px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:4px}.filters{margin:0 3.5vw 30px;display:flex;gap:9px;overflow:auto}.filters button{border:1px solid #b8b8a7;border-radius:99px;background:transparent;padding:10px 15px;white-space:nowrap;font:12px 'DM Sans';cursor:pointer}.filters .active{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-art{height:285px;position:relative;overflow:hidden;background:#d6d9c0}.badge{position:absolute;top:14px;left:14px;z-index:2;background:#faf4e7;padding:7px 9px;font:9px 'DM Mono';letter-spacing:.03em}.product-copy{padding:15px 3px 25px}.product-copy p{font:9px 'DM Mono';color:var(--orange);margin:0 0 8px}.product-copy h3{font:600 20px/1.1 'Playfair Display';margin:0 0 7px}.product-copy>span{color:#647069;font-size:12px}.product-copy a{display:block;margin-top:15px;font-size:12px;font-weight:600}.mosque{background:#ded3b5}.mosque-body{position:absolute;bottom:38px;left:20%;width:62%;height:123px;background:#b87849;border:5px solid #71462e;display:flex;justify-content:space-around;align-items:end;padding:0 12px}.mosque-body:before{content:'';position:absolute;top:-91px;left:38%;width:66px;height:66px;border-radius:50% 50% 10% 10%;background:#b87849;border:5px solid #71462e}.mosque-body:after{content:'';position:absolute;top:-15px;left:-23px;right:-23px;height:19px;background:#e8bd72;border:4px solid #71462e}.mosque-body i{display:block;width:20px;height:35px;border-radius:12px 12px 0 0;background:#f0d67c;border:3px solid #71462e}.clock{background:#e9c87d}.clock-face{position:absolute;width:170px;height:170px;border:9px solid #8d5538;border-radius:50%;background:#e83f4f;top:55px;left:calc(50% - 85px);color:#fff;box-shadow:8px 9px 0 rgba(100,56,37,.22)}.clock-face b{font:12px 'DM Mono';position:absolute}.clock-face b:nth-child(1){left:65px;top:8px}.clock-face b:nth-child(2){right:10px;top:74px}.clock-face b:nth-child(3){bottom:7px;left:71px}.clock-face b:nth-child(4){left:10px;top:74px}.clock-face i,.clock-face em{position:absolute;width:5px;background:#fff;border-radius:9px;bottom:78px;left:80px;transform-origin:bottom}.clock-face i{height:53px;transform:rotate(40deg)}.clock-face em{height:67px;transform:rotate(-95deg)}.lift{background:#c8d5ba}.lift-frame{position:absolute;bottom:30px;left:25%;width:50%;height:215px;border:9px solid #5b4a35;border-bottom:0}.lift-frame:before{content:'';position:absolute;top:-24px;left:24%;width:52%;height:28px;border:8px solid #5b4a35;border-radius:50%}.lift-frame i{position:absolute;width:100%;height:5px;background:#5b4a35;top:74px;transform:rotate(-22deg)}.lift-frame b{position:absolute;width:80px;height:63px;bottom:18px;left:22px;background:#e0723d;border:5px solid #5b4a35}.lift-frame em{position:absolute;width:20px;height:20px;border-radius:50%;background:#f1c25f;right:25px;top:25px;border:4px solid #5b4a35}.grass{background:#d5c596}.grass-sheet{position:absolute;left:20%;top:50px;width:60%;height:185px;background:#82a252;border:7px solid #e8d78a;transform:rotate(-4deg);overflow:hidden}.grass-sheet:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(74deg,transparent 0 9px,rgba(33,82,38,.4) 10px 12px)}.grass-sheet i{position:absolute;bottom:-8px;width:7px;height:125px;background:#f0df96;transform-origin:bottom;transform:rotate(var(--r));z-index:2}.grass-sheet i:nth-child(1){left:22%;--r:-21deg}.grass-sheet i:nth-child(2){left:39%;height:145px;--r:18deg}.grass-sheet i:nth-child(3){left:62%;height:115px;--r:-13deg}.grass-sheet i:nth-child(4){left:75%;height:132px;--r:24deg}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--pine);color:#f7f1e4;min-height:510px}.feature-art{background:#b3c276;position:relative;overflow:hidden}.workbench{position:absolute;left:18%;bottom:0;width:64%;height:73%;background:#d7a266;transform:perspective(600px) rotateX(9deg);box-shadow:0 -10px #8c542f}.workbench:before{content:'';position:absolute;width:100%;height:15px;top:22%;background:#7b492d}.workbench i{position:absolute;background:#f0d69b;border:4px solid #75462e}.workbench i:nth-child(1){width:120px;height:88px;top:34px;left:17px}.workbench i:nth-child(2){width:78px;height:49px;top:82px;right:31px;transform:rotate(-13deg)}.workbench i:nth-child(3){width:105px;height:9px;bottom:37px;left:54px;background:#e66e40}.workbench i:nth-child(4){width:45px;height:9px;bottom:70px;right:58px;background:#517d4d;transform:rotate(21deg)}.workbench b{position:absolute;left:44%;top:70px;width:13px;height:122px;background:#d95835;transform:rotate(-16deg);border-radius:10px}.feature-copy{padding:90px 10%}.feature-copy .eyebrow{color:#c7d48e}.feature h2{font-size:55px}.feature-copy>p:not(.eyebrow){max-width:430px;line-height:1.65;color:#cfddcf;margin:26px 0 30px}.quote{padding:105px 15%;text-align:center;background:#e9dfcd}.quote p{font:600 clamp(27px,3.4vw,45px)/1.12 'Playfair Display';margin:0 auto 22px;max-width:850px}.quote span{font:11px 'DM Mono';letter-spacing:.1em;color:var(--orange)}footer{padding:42px 5.5vw;background:var(--ink);color:#f6f0e3;display:flex;justify-content:space-between;align-items:flex-start}footer>div{display:flex;gap:23px;font-size:13px}footer p{font:11px/1.65 'DM Mono';text-align:right;margin:0;color:#a5b7a9}@media(hover:hover){nav a:hover:after{width:100%}.product:hover .product-art{transform:translateY(-4px)}.product-art{transition:.25s}.btn.primary:hover{background:var(--orange)}}@media(max-width:780px){header{height:70px;padding:0 5vw}nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 7vw 48px}.hero-art{min-height:415px}.hero h1{font-size:49px}.trust{margin-top:45px}.house{left:17%;transform:scale(.85);transform-origin:bottom left}.intro{padding:80px 7vw}.intro h2,.products h2,.feature h2{font-size:42px}.values{grid-template-columns:1fr}.values article,.values article+article{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.products{padding:75px 5vw}.section-top{margin:0 2vw 23px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-art{height:220px}.product-copy h3{font-size:17px}.feature{grid-template-columns:1fr}.feature-art{height:330px}.feature-copy{padding:70px 9%}.quote{padding:75px 9%}footer{display:grid;gap:28px}footer p{text-align:left}.shop-small{padding:10px 13px}.announcement{font-size:9px}}
.product-art>img{width:100%;height:100%;display:block;object-fit:contain;padding:8px;background:#f8f3e8;transition:opacity .25s ease}.product:hover .product-art>img{opacity:.94}
.video-section{padding:105px 9vw;background:#f7f2e9}.video-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.video-heading h2{font:600 54px/.98 'Playfair Display';letter-spacing:-2px;margin:0}.video-heading h2 i{color:var(--orange)}.video-heading>p{max-width:360px;margin:0 0 4px;color:#526259;font-size:15px;line-height:1.6}.video-layout{max-width:1000px;margin:auto}.youtube-frame{position:relative;aspect-ratio:16/9;background:#102b25;overflow:hidden;box-shadow:15px 15px 0 #d7c7aa}.youtube-frame iframe{display:none;width:100%;height:100%;border:0}.video-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#f8f2e6;padding:20px;background:radial-gradient(circle at 68% 22%,#d86e42 0 1%,transparent 34%),linear-gradient(135deg,#1e4b3f,#102b25)}.video-empty span{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 15px;border:1px solid #f7f2e9;border-radius:50%;font-size:19px;padding-left:3px}.video-empty strong{font:600 27px 'Playfair Display'}.video-empty small{margin-top:8px;color:#d3ddd4;font-size:12px}.video-form{margin:38px auto 0;max-width:700px}.video-form label{display:block;font:11px 'DM Mono';letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px}.video-form>div{display:flex}.video-form input{min-width:0;flex:1;border:1px solid #aab2a5;border-right:0;background:#fffdf8;padding:15px 17px;font:14px 'DM Sans';outline:none}.video-form input:focus{border-color:var(--orange)}.video-form button{border:0;background:var(--orange);color:#fff;padding:0 19px;font:600 13px 'DM Sans';cursor:pointer}.video-form p{font-size:11px;color:#738078;margin:9px 0}.video-empty[hidden]{display:none}@media(max-width:780px){.video-section{padding:75px 7vw}.video-heading{display:block}.video-heading h2{font-size:42px}.video-heading>p{margin-top:18px}.youtube-frame{box-shadow:8px 8px 0 #d7c7aa}.video-form>div{display:block}.video-form input{width:100%;border-right:1px solid #aab2a5}.video-form button{width:100%;height:48px}.video-empty strong{font-size:23px}}
.checkout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding:105px 9vw;background:#dce4b9}.checkout h2{font:600 55px/.98 'Playfair Display';letter-spacing:-2px;margin:0}.checkout h2 i{color:var(--orange)}.checkout-intro>p:not(.eyebrow){max-width:330px;line-height:1.65;color:#43584d;margin:25px 0}.checkout-options{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.checkout-card{min-height:185px;border:1px solid rgba(16,43,37,.22);padding:20px;background:rgba(255,252,243,.48);display:flex;flex-direction:column;text-align:left;color:var(--ink);transition:.25s;cursor:pointer;font-family:'DM Sans'}.checkout-card:hover{background:#fffaf0;transform:translateY(-3px);box-shadow:5px 6px 0 rgba(16,43,37,.12)}.checkout-card>span{font:10px 'DM Mono';color:var(--orange);margin-bottom:auto}.checkout-card strong{font:600 26px 'Playfair Display';margin:18px 0 5px}.checkout-card small{font-size:12px;line-height:1.45;color:#5a6c62;min-height:36px}.checkout-card b{font-size:12px;margin-top:13px}.shopee strong{color:#eb5f2e}.tokopedia strong{color:#278a48}.tiktok strong{color:#1b2630}.gateway strong{color:#4f528d}.transfer strong{color:#8b4f35}.payment-dialog{border:0;padding:0;max-width:510px;width:calc(100% - 40px);background:#f8f2e6;box-shadow:0 20px 80px rgba(0,0,0,.28)}.payment-dialog::backdrop{background:rgba(16,43,37,.62)}.payment-dialog>div{padding:46px}.payment-dialog h3{font:600 40px 'Playfair Display';letter-spacing:-1px;margin:0 0 16px}.payment-dialog p:not(.eyebrow){line-height:1.65;color:#526259;margin:0}.dialog-close{position:absolute;right:15px;top:11px;border:0;background:none;font-size:29px;color:var(--ink);cursor:pointer}.payment-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.payment-tags span{font:11px 'DM Mono';padding:9px 11px;background:#dce4b9}.payment-dialog .btn{margin-top:25px}@media(max-width:780px){.checkout{grid-template-columns:1fr;gap:30px;padding:75px 7vw}.checkout h2{font-size:42px}.checkout-options{grid-template-columns:1fr}.checkout-card{min-height:155px}.payment-dialog>div{padding:38px 27px}.payment-dialog h3{font-size:34px}}