.hero2{position:relative;padding:clamp(64px,8vw,130px) var(--pad-x) clamp(56px,7vw,110px);overflow:hidden}.hero2-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:center}.hero2 h1{font-family:var(--font-display);font-weight:800;font-size:clamp(54px,7.4vw,118px);line-height:.94;letter-spacing:-.045em;text-transform:uppercase;margin:0 0 28px;text-wrap:balance}.hero2 h1 .accent{color:var(--pink);font-style:italic}.hero2 .lede2{max-width:460px;margin-bottom:38px}.hero2-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:30px}.hero2 .rating-row{margin-bottom:0}.hero2-photo{position:relative;display:flex;align-items:center;justify-content:center}.hero2-photo .bag{width:min(64%,300px);filter:drop-shadow(0 40px 55px rgba(255,82,104,.32));animation:bagFloat 8s ease-in-out infinite}.hero2-photo .bag.is-not-cutout{filter:none}@keyframes bagFloat{0%,to{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-16px) rotate(2.5deg)}}@media(prefers-reduced-motion:reduce){.hero2-photo .bag{animation:none;transform:rotate(4deg)}}.hero2-photo .stamp{position:absolute;left:4%;bottom:6%;width:clamp(90px,9vw,130px);pointer-events:none;filter:drop-shadow(0 10px 22px rgba(42,26,18,.18))}.hero2-photo .promo-tag{z-index:2;position:absolute;left:0;top:8%;background:var(--amber);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;border-radius:999px;transform:rotate(-6deg);box-shadow:0 12px 26px -8px #c9950073}.best-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:clamp(44px,5vw,72px)}.best-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,36px)}.sugar2{background:var(--ink);color:var(--cream)}.sugar2 .eyebrow2{color:#ffeace99}.sugar2 .eyebrow2:before{background:var(--pink)}.sugar2 .h-section{color:var(--cream)}.sugar2 .lede2{color:#ffeacea6}.sugar2-bars{display:flex;flex-direction:column;margin-top:clamp(44px,5vw,72px)}.sbar2{display:grid;grid-template-columns:150px 1fr 90px;gap:28px;align-items:center;padding:22px 0;border-top:1px solid rgba(255,234,206,.12)}.sbar2:last-child{border-bottom:1px solid rgba(255,234,206,.12)}.sbar2 .name{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.sbar2 .bar{height:10px;background:#ffeace14;border-radius:999px;overflow:hidden}.sbar2 .fill{height:100%;width:0;background:#ffeace73;border-radius:999px;transition:width 1.1s var(--ease-out)}.sbar2.is-us .fill{background:var(--keppel)}.sbar2 .grams{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.02em;text-align:right}.sbar2.is-us .name,.sbar2.is-us .grams{color:var(--keppel);opacity:1}.sugar2 .foot{font-family:var(--font-body);font-size:12.5px;opacity:.4;margin:26px 0 0}.why-grid{display:grid;grid-template-columns:repeat(3,1fr)}.why-col{border-left:1px solid var(--hairline-soft);padding:8px 40px}.why-col:first-child{border-left:0;padding-left:0}.why-col .num{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.22em;color:var(--pink);display:block;margin-bottom:22px}.why-col .big{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,4.6vw,68px);line-height:1;letter-spacing:-.04em;margin:0 0 14px;color:var(--ink)}.why-col h3{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.03em;text-transform:uppercase;margin:0 0 12px}.why-col p{font-family:var(--font-body);font-size:14.5px;line-height:1.65;color:var(--ink-soft);margin:0}.ongkir{background:var(--paper-soft);border-top:1px solid var(--hairline-soft);border-bottom:1px solid var(--hairline-soft)}.ongkir-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,5vw,80px);align-items:center}.ongkir .bags{display:flex;gap:14px;justify-content:center;align-items:flex-end}.ongkir .bags img{width:30%;max-width:150px;border-radius:12px}.ongkir .bags img:nth-child(2){transform:translateY(-14px) rotate(-3deg)}.ongkir .bags img:nth-child(3){transform:rotate(4deg)}.ongkir-meta{display:flex;gap:28px;margin-top:30px;flex-wrap:wrap}.ongkir-meta .m .v{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.02em}.ongkir-meta .m .l{font-family:var(--font-body);font-size:12.5px;color:var(--ink-mute);margin-top:3px}.calc{margin-top:32px;max-width:470px;background:#fff;border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:22px 24px}.calc-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.calc-out{text-align:right}.calc-k{display:block;font-family:var(--font-body);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px}.calc-v{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--ink)}.calc-v.accent{color:var(--pink)}.calc-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--cream-deep);outline:none}.calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--ink);border:3px solid #fff;box-shadow:0 3px 10px #2a1a124d;cursor:pointer}.calc-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--ink);border:3px solid #fff;cursor:pointer}.calc-range:focus-visible{box-shadow:0 0 0 3px var(--pink-soft)}.calc-note{font-family:var(--font-body);font-size:12.5px;color:var(--ink-soft);margin:14px 0 0}.quotes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,36px)}.quote{background:#fff;border:1px solid var(--hairline-soft);border-radius:24px;padding:34px 32px;display:flex;flex-direction:column;gap:18px}.quote .stars{color:var(--amber);font-size:15px;letter-spacing:2px}.quote blockquote{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.3;letter-spacing:-.01em;margin:0;color:var(--ink);flex:1}.quote .who{display:flex;align-items:center;gap:12px;font-family:var(--font-body);font-size:13px;color:var(--ink-soft)}.quote .av{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:15px;color:#fffdf8}.quote .src{font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);border:1px solid var(--hairline-soft);padding:4px 10px;border-radius:999px;margin-left:auto;white-space:nowrap}.channels{text-align:center}.channels .chip-row{justify-content:center;margin-top:36px}.channels .chip2{padding:14px 26px;font-size:13px}.channels .note{font-family:var(--font-body);font-size:13px;color:var(--ink-mute);margin:26px 0 0}.channels .pays{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:14px}.story2-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,96px);align-items:center}.story2 .photo{aspect-ratio:4/5;border-radius:24px;overflow:hidden}.story2 .photo img{width:100%;height:100%;object-fit:cover}.story2 p{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--ink-soft);margin:0 0 18px;max-width:480px}.promo2{background:var(--pink);color:#fffdf8;text-align:center}.promo2 .eyebrow2{color:#fffdf8bf}.promo2 .eyebrow2:before,.promo2 .eyebrow2.centered:after{background:#fffdf899}.promo2 .h-section{color:#fffdf8}.promo2 p{font-family:var(--font-body);font-size:16px;max-width:440px;margin:20px auto 36px;opacity:.92;line-height:1.6}.promo2 form{max-width:480px;margin:0 auto;display:flex;gap:8px;background:#fffdf8;border-radius:999px;padding:6px}.promo2 input{flex:1;border:0;background:transparent;padding:13px 22px;font-family:var(--font-body);font-size:16px;color:var(--ink);outline:none;min-width:0}.promo2 button{background:var(--ink);color:var(--cream);border:0;padding:14px 24px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:13px;cursor:pointer;transition:background .16s}.promo2 button:hover{background:#150c07}.promo2 .code-note{font-family:var(--font-body);font-size:12.5px;opacity:.75;margin:18px 0 0}@media(max-width:960px){.hero2-inner{grid-template-columns:1fr;gap:48px}.hero2-photo{order:-1}.hero2-photo .bag{width:min(64%,260px)}.best-grid{grid-template-columns:1fr}.sbar2{grid-template-columns:1fr;gap:8px;padding:16px 0}.sbar2 .grams{text-align:left}.why-grid{grid-template-columns:1fr;gap:44px}.why-col{border-left:0;padding-left:0}.ongkir-inner,.quotes-grid,.story2-inner{grid-template-columns:1fr}}@media(max-width:640px){.hero2{padding-top:34px}.hero2-photo .bag{width:min(78%,260px)}.hero2 .rating-row{flex-direction:column;align-items:flex-start;gap:6px}.hero2 .rating-row .dot{display:none}.best-head{gap:18px}.why-grid{gap:34px}.why-col .big{font-size:clamp(56px,20vw,76px)}.calc{padding:18px 16px;max-width:none}.calc-head{gap:12px}.calc-v{font-size:20px}.ongkir-meta{gap:18px 26px}.ongkir .bags img{width:31%;max-width:108px}.chip-row{gap:8px}.channels .chip2{padding:12px 18px;font-size:12px}.quote{padding:24px 20px;border-radius:20px}.promo2 form{flex-direction:column;background:transparent;border-radius:0;padding:0;gap:10px}.promo2 form input,.promo2 form button{width:100%;border-radius:999px}.promo2 form input{background:#fffdf8}.promo2 form:focus-within{box-shadow:none}.promo2 form input:focus-visible{outline:none;box-shadow:0 0 0 3px #2a1a1247}}.promo2 .form-status{font-family:var(--font-body);font-size:12.5px;opacity:.9;margin:14px auto 0;max-width:480px}.promo2 .form-status.is-error{opacity:1;text-decoration:underline;text-underline-offset:3px}.ongkir .cta-row form{display:contents}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ss-home.css.map */