/* Indonesian-inspired textile geometry, pandan green, soga brown and copper. */
:root{--green:#283f32;--deep:#1d3329;--cream:#faf7ee;--lime:#e4cb8b;--ink:#2b3c30;--muted:#676253;--line:#d9ccae;--copper:#a64f31;--gold:#bd934d;--soga:#6c402a}
body{background:var(--cream)}
.announcement{background:var(--soga);letter-spacing:.075em;border-bottom:3px solid var(--gold)}
header{border-bottom:1px solid var(--line)}
.brand-dot{color:var(--copper)}
.brand small{color:var(--soga)}
.bag{border-color:#b7bba7;background:#f2eedf}
.hero{position:relative;gap:65px;padding-top:45px;padding-bottom:62px}
.hero .eyebrow{color:var(--soga);font-size:12px;letter-spacing:2.1px;display:flex;align-items:center;gap:13px}
.hero .eyebrow::before{content:"";width:30px;height:1px;background:var(--copper);flex-shrink:0}
.hero h1{font-size:clamp(42px,4.6vw,68px);line-height:1.16;letter-spacing:-1.7px}
em{color:var(--copper)}
.hero .intro{font-size:17px;line-height:1.8;max-width:440px}
.button{border-radius:2px;padding:15px 25px}
.primary{background:var(--copper)}
.primary:hover{background:#823a24}
.whatsapp{background:#316b4b;color:#fff;border-color:#316b4b}
.whatsapp:hover{background:#25543a;transform:translateY(-1px)}
.hero-foot{border-top:1px solid var(--line);padding-top:20px;margin-top:31px;font-size:13px}
.hero-photo{border-radius:220px 220px 6px 6px;height:510px;outline:1px solid var(--gold);outline-offset:9px;border:7px solid var(--cream);margin:10px 10px 10px 0;box-shadow:13px 17px 0 #d7bc802c}
.hero-photo>img{object-position:50% 50%}
.photo-label{background:var(--cream);color:var(--green);border:1px solid var(--gold);outline:5px solid var(--cream);left:24px;bottom:40px;transform:rotate(-5deg);font-size:36px;padding:20px 28px;box-shadow:0 6px 20px #25160e24}
.photo-label em{font-size:22px;color:var(--soga)}
.textile-border{height:38px;border-top:4px double var(--gold);border-bottom:4px double var(--gold);background-color:var(--soga);background-image:radial-gradient(ellipse at 50% 0%,transparent 11px,#dfbf7c 12px,#dfbf7c 13px,transparent 14px),radial-gradient(ellipse at 50% 100%,transparent 11px,#dfbf7c 12px,#dfbf7c 13px,transparent 14px),radial-gradient(circle at 0% 50%,#dfbf7c 1px,transparent 2px);background-size:32px 30px}
.shop-section{background:#f1ead9;padding-top:55px;padding-bottom:64px}
.section-top .eyebrow{color:var(--soga)}
.section-top h2{color:var(--green)}
.filters button{border-color:#bcac8f;border-radius:3px;background:#faf7ee80;font-size:14px}
.filters button[aria-pressed=true]{background:var(--green);border-color:var(--green)}
.price-note{color:#68604e}
.products{gap:23px}
.product{padding:12px 12px 17px;background:var(--cream);border:1px solid #d9cdb1;box-shadow:0 5px 0 #d8c6a13b}
.product-photo{border-radius:130px 130px 3px 3px;aspect-ratio:1/1.07;border:1px solid #e0d5bf}
.product .tag{top:auto;bottom:12px;left:50%;transform:translateX(-50%);max-width:92%;width:max-content;font-size:11px;text-align:center;color:var(--green);background:var(--cream);padding:4px 9px}
.product h3{font-size:24px;line-height:1.2;margin-top:19px;color:var(--green)}
.product .description{line-height:1.55;font-size:14px;min-height:48px}
.product select{background:#fffdf7;border-color:#c7b991;border-radius:2px;min-height:44px}
.product label{font-size:13px;color:var(--soga)}
.price{color:var(--soga)}
.add{border-radius:2px;background:var(--green);min-height:42px}
.product details{border-top:1px solid #e4dcc9;padding-top:8px;font-size:13px}
.story{max-width:none;position:relative;margin:0;padding:64px max(5%,calc((100% - 1296px)/2));background:var(--soga);color:var(--cream);gap:65px;border-top:3px double var(--gold);border-bottom:3px double var(--gold)}
.story::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;pointer-events:none;opacity:.5;background-image:radial-gradient(ellipse at 50% 0%,transparent 8px,#dfbf7c 9px,#dfbf7c 10px,transparent 11px),radial-gradient(ellipse at 50% 100%,transparent 8px,#dfbf7c 9px,#dfbf7c 10px,transparent 11px);background-size:28px 24px}
.story-title{position:relative;padding-left:140px;min-height:140px;display:flex;flex-direction:column;justify-content:center}
.story-seal{position:absolute;left:0;top:50%;transform:translateY(-50%);width:112px;height:112px;padding:7px;background:var(--cream);border-radius:50%;outline:1px solid var(--gold);outline-offset:6px}
.story .eyebrow{color:#e1c98d;font-size:11px;margin-bottom:13px}
.story h2{font-size:clamp(29px,2.5vw,37px);letter-spacing:-.7px}
.story em{color:#e5ca8c}
.story p:not(.eyebrow){color:#f5e9d7;line-height:1.8}
.story .text-link{color:var(--cream);border-color:var(--gold)}
.practical{background:var(--cream);color:var(--soga);border-bottom:1px solid var(--line);padding-top:42px;padding-bottom:42px}
.number{color:var(--copper);font-size:32px}
.practical p{opacity:1;color:var(--muted);line-height:1.75}
footer{background:#ede5d2;color:var(--soga);border-bottom:7px solid var(--soga)}
footer .brand-portrait{background:var(--cream);border-radius:50%;padding:3px}
dialog{border:1px solid var(--gold);border-radius:4px}
.dialog-head{border-bottom:3px double var(--line);padding-bottom:19px}
.total strong{color:var(--soga)}
@media(max-width:1100px){.hero{gap:35px}.story-title{padding-left:0;padding-top:105px}.story-seal{width:78px;height:78px;top:0;transform:none}.story{gap:45px}.product-bottom{flex-wrap:wrap}.product .add{flex:1}.hero h1{font-size:49px}}
@media(max-width:650px){.announcement{font-size:11px;letter-spacing:.035em}.hero{padding-top:30px;padding-bottom:38px;gap:30px}.hero .eyebrow{font-size:10px;letter-spacing:1.4px;gap:8px}.hero .eyebrow::before{width:18px}.hero h1{font-size:44px;line-height:1.17;letter-spacing:-1.3px}.hero .intro{font-size:16px}.hero-foot{font-size:12px;gap:12px}.hero-photo{height:350px;margin:0 8px 8px;border-radius:170px 170px 4px 4px;outline-offset:6px;border-width:5px}.photo-label{font-size:30px;bottom:34px;left:20px;padding:16px 22px}.photo-label em{font-size:19px}.textile-border{height:32px;background-size:30px 24px}.shop-section{padding-top:37px;padding-bottom:42px}.products{gap:23px 12px}.product{padding:8px 8px 12px}.product h3{font-size:21px;overflow-wrap:anywhere}.product .description{font-size:13px;min-height:70px}.product-photo{border-radius:95px 95px 2px 2px}.product .tag{font-size:10px;padding:3px 5px;bottom:8px}.product label{font-size:12px}.product select{font-size:12px;padding-left:5px}.product .price{font-size:19px}.product .add{font-size:13px;flex-basis:100%}.product details{font-size:12px}.story{padding:42px 6%;gap:13px}.story-title{padding-top:0;padding-left:96px;min-height:103px}.story-seal{width:72px;height:72px;top:12px;padding:4px;outline-offset:4px}.story h2{font-size:29px;line-height:1.3}.story .eyebrow{font-size:10px;letter-spacing:1.1px}.story p:not(.eyebrow){font-size:15px}.practical{padding-top:30px;padding-bottom:30px}.practical>div{padding-left:48px}footer{gap:22px}.dialog-head .eyebrow{font-size:11px}}
@media(max-width:380px){.hero h1{font-size:39px}.hero .eyebrow{letter-spacing:.7px}.hero-foot{font-size:11px}.story h2{font-size:26px}.story-title{padding-left:86px}.story-seal{width:64px;height:64px}.product h3{font-size:19px}.product .tag{font-size:9px}}