
/* BANDUNG V8 · Balanced, airy responsive system · one Poppins family */
:root{--red:#a91916;--red2:#a91916;--ink:#322820;--cream:#f2eee6;--paper:#f2eee6;--yellow:#fabd3f;--muted:#716960;--line:#e9e3d9;--font:'Poppins',Arial,sans-serif;--display:var(--font)}
html{scroll-padding-top:86px}body{font-family:var(--font);color:var(--ink);background:var(--cream);overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font)!important;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}p{line-height:1.8}img{max-width:100%}.container{width:min(1320px,calc(100% - 88px))}
.topbar{height:32px;background:#fabd3f;color:#4f2a20;font-weight:650;font-size:10px;letter-spacing:.11em}
.site-header{background:#a91916;border-bottom:1px solid #ffffff2b;box-shadow:none}.nav{min-height:86px;grid-template-columns:188px 1fr auto;gap:30px}.brand-logo{width:172px}.links{gap:clamp(14px,2.1vw,32px)}.links a{font-weight:600!important;font-size:12px;letter-spacing:.015em;white-space:nowrap}.links a:after{height:2px}.lang{font-weight:600!important;border-radius:6px;padding:9px 12px}
.hero{background:#a91916;isolation:isolate}.hero:before{background:radial-gradient(circle at 76% 46%,#e25a4859,transparent 46%)}.hero:after{font-size:clamp(90px,15vw,230px);font-weight:800;letter-spacing:-.045em;opacity:.35;bottom:-28px;color:#ffffff0c}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,3vw,56px);min-height:660px}.hero-grid>div:first-child{padding:94px 0 92px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.08em;gap:11px;flex-wrap:wrap}.hero h1{font-family:var(--font)!important;font-weight:800!important;font-size:clamp(62px,7.6vw,108px)!important;line-height:1.15!important;letter-spacing:-.048em!important;margin:30px 0 24px;white-space:normal!important;text-wrap:balance;max-width:710px}.hero h1 span{color:#fabd3f}.hero-desc{font-size:clamp(15px,1.25vw,18px);line-height:1.9;font-weight:400;max-width:520px;color:#f2eee6}.hero-actions{gap:12px;margin-top:32px}.btn{min-height:54px;padding:15px 23px;border-radius:7px;letter-spacing:0;font-size:12px;font-weight:650!important;transition:transform .22s,background .22s}.btn-yellow{background:#fabd3f;color:#4c2822}.btn-outline{border-color:#ffffff90}.btn-dark{background:#a91916}.hero-notes{margin-top:47px;gap:22px;font-weight:500;font-size:10px;letter-spacing:.01em;color:#f2eee6}.hero-notes b{color:#fabd3f}.hero-art{height:570px}.hero-art:before{width:min(39vw,480px);height:min(39vw,480px);top:46px;border-color:#ffffff4f;background:#fff4d514}.hero-art:after{background:#511c1920}.hero-art .hero-product-image{height:520px;max-width:100%;transform:rotate(-3deg);filter:drop-shadow(12px 23px 22px #551e1d45)}.round-stamp{background:#fabd3f;box-shadow:0 8px 24px #66232333;font-weight:750!important;font-size:15px!important;line-height:1.15;width:112px;height:112px;right:0;top:75px;letter-spacing:0}
.brand-ribbon{background:#fabd3f}.brand-ribbon-track{padding:13px 0;gap:28px}.brand-ribbon-track span{font-size:clamp(16px,2vw,22px)!important;font-weight:750!important;letter-spacing:-.025em!important}
.section{padding:clamp(72px,7.4vw,110px) 0}.section-heading{gap:32px;align-items:end;margin-bottom:40px}.section-heading>div{max-width:800px}.kicker{color:#a91916;font-size:11px;font-weight:700!important;letter-spacing:.095em;margin-bottom:20px}.section-heading h2,.feature-copy h2,.story h2,.newsletter h2,.spotlight-copy h2,.values-intro h2{font-family:var(--font)!important;font-size:clamp(36px,4.5vw,66px)!important;line-height:1.2!important;letter-spacing:-.04em!important;font-weight:800!important;max-width:870px;text-wrap:balance}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:300px}
.product-grid{gap:clamp(14px,1.6vw,24px)}.product-card{transition:transform .25s}.product-card:hover{transform:translateY(-3px)}.product-photo{background:#f2eee6!important;border-radius:12px;aspect-ratio:1/1.12!important;min-height:0}.product-card:nth-child(2) .product-photo{background:#f2eee6!important}.product-card:nth-child(3) .product-photo{background:#edf1e9!important}.product-card:nth-child(4) .product-photo{background:#f2eee6!important}.product-photo:before{opacity:.24}.product-photo .actual-product{width:94%;height:94%;max-height:400px;filter:drop-shadow(0 15px 13px #47302820)}.product-photo .actual-product.jar-product{width:81%;height:87%}.tag,.product-photo .tag{border-radius:5px;font-weight:650!important;letter-spacing:0;padding:8px 11px}.product-info{padding:21px 2px 0}.product-index{font-weight:600;color:#a91916;letter-spacing:.065em;margin-bottom:9px}.product-info h3{font-family:var(--font)!important;font-size:clamp(16px,1.5vw,21px)!important;line-height:1.45!important;font-weight:700!important;letter-spacing:-.02em!important;min-height:0;margin-bottom:7px}.product-info p{font-size:13px;line-height:1.7;color:var(--muted)}.prod-link{border-color:var(--line);font-weight:650;font-size:11px;letter-spacing:0}
.ingredient-spotlight{background:#f2eee6}.spotlight-grid{gap:50px;min-height:520px}.spotlight-copy{padding:75px 0}.spotlight-copy h2{font-size:clamp(36px,4.4vw,64px)!important;margin:18px 0 23px}.spotlight-copy p{font-size:15px;line-height:1.95;color:#655d55;max-width:515px}.spotlight-visual{height:470px}.spotlight-visual:before{background:#eae0d1}.spotlight-visual img{height:420px;max-width:100%;object-fit:contain}
.red-feature{background:#a91916}.feature-grid{gap:50px;min-height:530px}.feature-visual{height:520px;background:radial-gradient(circle,#e66d5966,transparent 64%)}.feature-visual:before{font-size:70px;letter-spacing:-.04em}.feature-copy{padding:72px 0}.feature-copy h2{font-size:clamp(39px,4.6vw,67px)!important;margin:20px 0 22px}.feature-copy p{font-size:15px;line-height:1.95;color:#f2eee6}.real-jar-group img{max-height:365px}
.values-section{background:#f2eee6;border-color:#f2eee6}.values-intro{margin-bottom:35px}.values-intro h2{font-size:clamp(34px,4vw,59px)!important}.values{gap:16px}.value{background:#f2eee6;border:1px solid #f2eee6;border-radius:9px;padding:30px!important}.value .glyph{font-size:11px;font-weight:650}.value h3{font-size:21px!important;letter-spacing:-.025em;margin:17px 0 12px;font-weight:700!important}.value p{color:var(--muted);line-height:1.85}
.newsletter{background:#fabd3f;padding:76px 0}.newsletter h2{font-size:clamp(35px,4.5vw,64px)!important;color:#43332a}.newsletter p{font-weight:400}.footer{background:#a91916}
.page-intro{background:#a91916}.page-intro h1{font-family:var(--font)!important;font-size:clamp(48px,6.5vw,84px)!important;line-height:1.19!important;font-weight:800!important;letter-spacing:-.045em!important;max-width:920px}.page-intro p{font-size:16px;line-height:1.9}.filter{font-weight:600!important;border-radius:7px}
.story h2{font-size:clamp(38px,4.3vw,64px)!important}.story p{font-size:15px;line-height:1.95}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.nav{grid-template-columns:170px 1fr auto;gap:14px}.links{gap:16px}.hero h1{font-size:clamp(58px,7.6vw,90px)!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art .hero-product-image{height:440px}.hero-art{height:470px}.hero-grid{min-height:560px}}
@media(max-width:800px){.container{width:calc(100% - 42px)}.nav{grid-template-columns:1fr auto;min-height:72px}.brand-logo{width:155px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-grid>div:first-child{padding:64px 0 12px}.hero h1{font-size:clamp(52px,10vw,82px)!important;max-width:650px}.hero-desc{max-width:580px}.hero-art{height:470px}.hero-art:before{height:380px;width:380px;top:35px}.hero-art .hero-product-image{height:455px}.round-stamp{right:8%;top:35px}.hero-notes{margin-top:32px}.section-heading{align-items:start}.section-heading>p{max-width:340px}.spotlight-grid,.feature-grid{grid-template-columns:1fr;gap:0}.spotlight-copy{padding:66px 0 0}.spotlight-visual{height:350px}.spotlight-visual img{height:330px}.feature-visual{height:350px}.feature-copy{padding:30px 0 65px}.values{grid-template-columns:1fr;gap:14px}.feature-visual:before{font-size:55px}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.topbar{font-size:9px;letter-spacing:.03em;height:30px}.nav{min-height:66px}.brand-logo{width:142px}.hero-grid>div:first-child{padding:52px 0 4px}.eyebrow{font-size:9px;letter-spacing:.04em;gap:8px}.hero h1{font-size:clamp(43px,11vw,62px)!important;line-height:1.2!important;letter-spacing:-.047em!important;margin:21px 0 20px}.hero-desc{font-size:14px;line-height:1.85}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.hero-actions .btn{font-size:10px;min-height:52px;padding:12px 9px;text-align:center}.hero-notes{margin-top:25px;font-size:9px;gap:13px}.hero-art{height:340px}.hero-art:before{width:290px;height:290px;top:18px}.hero-art .hero-product-image{height:330px}.round-stamp{width:78px;height:78px;font-size:11px!important;top:20px;right:4%}.section{padding:68px 0}.section-heading{display:block;margin-bottom:29px}.section-heading h2,.feature-copy h2,.spotlight-copy h2,.story h2,.newsletter h2,.values-intro h2{font-size:clamp(32px,8vw,43px)!important;line-height:1.23!important;letter-spacing:-.035em!important}.section-heading>p{margin-top:16px;max-width:460px;font-size:13px}.product-grid{grid-template-columns:1fr;gap:28px}.product-photo{aspect-ratio:1/1.02!important}.product-photo .actual-product{height:93%;width:93%}.product-photo .actual-product.jar-product{width:78%;height:87%}.product-info{padding:15px 2px 0}.product-info h3{font-size:18px!important;line-height:1.4!important}.product-info p{font-size:12px;margin-bottom:13px}.product-index{font-size:10px}.prod-link{font-size:11px}.tag,.product-photo .tag{font-size:10px;padding:8px 10px}.spotlight-copy{padding:58px 0 0}.spotlight-visual{height:270px}.spotlight-visual img{height:255px}.spotlight-visual:before{width:235px;height:235px}.feature-visual{height:280px}.feature-copy{padding:34px 0 58px}.real-jar-group{min-height:250px}.real-jar-group img{max-height:245px}.value{padding:25px!important}.value h3{font-size:20px!important}.newsletter{padding:64px 0}.page-intro h1{font-size:clamp(38px,9vw,56px)!important;line-height:1.22!important}.page-intro p{font-size:14px}.brand-ribbon-track span{font-size:15px!important}}
@media(max-width:390px){.hero h1{font-size:10.5vw!important}.hero-actions{grid-template-columns:1fr}.hero-art{height:310px}.hero-art .hero-product-image{height:300px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
