
    :root{--cream:#f4f0e7;--ivory:#fbfaf6;--ink:#232723;--muted:#666a60;--lime:#c3d772;--line:#dadbd1;--dark:#292e29;--sans:Inter,'Avenir Next',Avenir,'Helvetica Neue',Arial,sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}
    .wrap{max-width:1232px;margin:auto;padding:0 48px}header{position:relative;z-index:2;border-bottom:1px solid rgba(35,39,35,.13)}.nav{height:96px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:40px;font-weight:900;letter-spacing:-.12em;line-height:1;text-decoration:none;padding-right:.1em}.nav-right{display:flex;align-items:center;gap:42px}.nav a:not(.pill):not(.logo){font-size:13px;text-decoration:none;font-weight:600}.nav a:hover{text-decoration:underline;text-underline-offset:5px}.pill{border:1px solid var(--ink);border-radius:999px;padding:14px 23px;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:14px;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px)}.pill.dark{background:var(--ink);color:#fff}.pill.dark:hover{background:#394139}.pill .arr{font-size:19px;line-height:0}
    .hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:52% 48%;min-height:665px;align-items:center}.hero-text{padding:75px 14px 92px 0;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.23em}.dot{width:7px;height:7px;background:#8c9d4e;border-radius:50%}.hero h1{font-size:clamp(59px,6vw,91px);font-weight:650;line-height:.99;letter-spacing:-.075em;margin:26px 0 25px;max-width:640px}.hero h1 i{font-family:Georgia,'Times New Roman',serif;font-size:1.02em;letter-spacing:-.082em;font-weight:400}.hero .intro{font-size:17px;line-height:1.7;color:#52574f;max-width:460px;margin:0 0 34px}.small-note{font-size:11px;color:#85877f;margin-top:16px}.hero-art{min-height:650px;height:100%;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 65% 48%,#f9f6ee 0,#e7e6d9 65%,transparent 72%)}.halo{position:absolute;inset:8% 1% 8% 3%;border:1px solid rgba(82,96,58,.14);border-radius:50%;transform:rotate(-25deg)}.halo.h2{inset:20% -12% 17% 20%;border-color:rgba(82,96,58,.11);transform:rotate(25deg)}.circle{position:absolute;width:290px;height:290px;background:#e8edcd;border-radius:50%;filter:blur(75px);top:30%;left:25%;opacity:.76}.stage{position:absolute;bottom:75px;left:9%;width:93%;height:15%;background:radial-gradient(ellipse,#c6c6b8 0,transparent 67%);filter:blur(17px);opacity:.7}.pack{width:260px;height:370px;background:linear-gradient(120deg,#fbfbf6,#f0f1e5 70%,#dde1cf);box-shadow:30px 28px 44px rgba(39,42,32,.20),inset -4px 0 10px rgba(40,43,30,.08);border-radius:6px;position:relative;transform:rotate(-6deg) translate(-27px,-5px);display:flex;flex-direction:column;padding:26px 27px;isolation:isolate}.pack:before{content:"";position:absolute;top:4px;right:-13px;width:14px;height:99%;background:linear-gradient(90deg,#d7dbc8,#aeb6a4);transform:skewY(-25deg);border-radius:0 3px 3px 0;z-index:-1}.pack:after{content:"";position:absolute;left:5px;right:5px;bottom:5px;height:8px;background:rgba(0,0,0,.025)}.pack .brand{font-size:76px;font-weight:850;letter-spacing:-.14em;line-height:1}.pack .brand small{font-size:15px;letter-spacing:.18em;font-weight:700;display:block;margin:8px 0 0 7px}.pack .product{margin-top:auto;display:flex;flex-direction:column;gap:8px}.pack .category{letter-spacing:.17em;text-transform:uppercase;font-size:13px;font-weight:800}.pack .flavor{color:#555d4b;font-size:13px;font-weight:500}.pack .green{width:86px;height:8px;border-radius:10px;background:var(--lime);margin-top:8px}.pack .bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#4a5248;padding-top:17px;border-top:1px solid #bdc4b5;margin-top:21px;letter-spacing:.07em}.stick{height:295px;width:63px;position:absolute;bottom:130px;right:5%;border-radius:5px;background:linear-gradient(90deg,#d5dac9,#fcfcf6 22%,#f4f4eb 78%,#c2cbb9);box-shadow:15px 18px 28px rgba(39,42,32,.20);transform:rotate(13deg);display:flex;align-items:center;flex-direction:column;padding:23px 8px}.stick:before,.stick:after{content:"";position:absolute;left:0;right:0;height:9px;background:repeating-linear-gradient(90deg,transparent 0 4px,rgba(76,79,67,.08) 4px 6px)}.stick:before{top:0}.stick:after{bottom:0}.stick .sbrand{font-size:29px;letter-spacing:-.12em;font-weight:900}.stick .sproduct{margin-top:auto;writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;letter-spacing:.21em;font-size:11px;font-weight:800}.stick .sflavor{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.12em;font-size:8px;color:#4d5840;margin-top:12px}.stick .slash{width:22px;height:5px;background:var(--lime);margin-top:11px}
    .ticker{background:var(--dark);color:#edece4;padding:20px 0}.ticker-grid{display:flex;justify-content:space-around;gap:18px}.ticker span{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:700}.ticker b{color:var(--lime);font-weight:900;font-size:15px;margin-right:21px}
    section{scroll-margin-top:40px}.story{padding:113px 0 105px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:53px}.mini{font-size:11px;font-weight:800;letter-spacing:.21em;text-transform:uppercase;color:#697252}.section-intro h2,.cta h2{font-size:clamp(40px,4.8vw,63px);font-weight:600;letter-spacing:-.065em;line-height:1.1;margin:15px 0 0;max-width:660px}.section-intro p{max-width:310px;color:var(--muted);font-size:15px;line-height:1.7;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:var(--ivory);padding:35px 31px 34px;min-height:273px;border:1px solid #e7e7df}.feature .number{display:block;font-size:12px;letter-spacing:.13em;color:#8c9575}.feature .symbol{margin:28px 0 17px;display:block;font-size:29px;color:#879755}.feature h3{font-size:18px;letter-spacing:-.025em;margin:0 0 12px}.feature p{color:#666b61;font-size:13px;line-height:1.7;margin:0}
    .vision{background:#dfe6c8;padding:78px 0}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.vision blockquote{margin:0;font-family:Georgia,serif;font-size:clamp(29px,3.15vw,46px);line-height:1.22;letter-spacing:-.04em}.vision p{font-size:15px;line-height:1.8;color:#414d3c;max-width:440px}.vision .tag{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin-bottom:23px}
    .cta{padding:111px 0 118px;text-align:center}.cta .mini{display:block}.cta h2{margin:15px auto 18px;max-width:700px}.cta p.lead{font-size:16px;color:var(--muted);line-height:1.7;max-width:510px;margin:0 auto 35px}.form{display:flex;flex-wrap:wrap;gap:9px;max-width:500px;margin:0 auto}.form input[type=email]{flex:1 1 240px;min-width:0;background:#fff;border:1px solid #c8cabc;border-radius:2px;padding:19px 18px;font-size:14px;color:var(--ink);outline-offset:3px}.form button{border:none;border-radius:2px;background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:11px;padding:0 26px;min-height:58px;cursor:pointer}.form button:hover{background:#42503a}.consent{flex-basis:100%;font-size:12px;text-align:left;display:flex;align-items:flex-start;gap:10px;line-height:1.5;color:#60665b;margin-top:12px}.consent input{margin:3px 0 0;accent-color:#5b683b}.consent a{color:inherit;text-decoration:underline}.subnote{font-size:12px;color:#777c70;margin-top:22px}.footer{background:#e8e7df;border-top:1px solid #d3d5c9;padding:33px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer .foot-logo{font-size:27px;letter-spacing:-.13em;font-weight:900}.footer p{font-size:11px;line-height:1.6;color:#73766f;max-width:530px}.footer a{font-size:12px;color:#444a42}
    @media(max-width:900px){.wrap{padding:0 27px}.nav{height:77px}.nav-right{gap:20px}.nav a:not(.pill):not(.logo){display:none}.hero-grid{grid-template-columns:1fr}.hero-text{padding:75px 0 24px}.hero h1{max-width:650px}.hero-art{min-height:475px;margin:0 -27px}.pack{transform:rotate(-6deg) translate(-14px,0) scale(.85)}.stick{right:18%;bottom:70px;transform:rotate(13deg) scale(.85)}.section-intro{align-items:start;flex-direction:column}.vision-grid{gap:40px}.ticker-grid{flex-wrap:wrap;justify-content:center}.ticker b{margin-right:10px}.story{padding:72px 0}.cta{padding:85px 0}}
    @media(max-width:600px){.wrap{padding:0 22px}.nav .pill{padding:11px 15px;font-size:10px}.logo{font-size:35px}.hero-text{padding:58px 0 14px}.hero h1{font-size:clamp(52px,12vw,70px);margin:21px 0 22px}.hero .intro{font-size:15px}.hero-art{margin:0 -22px;min-height:410px}.pack{transform:rotate(-6deg) translate(-24px,-6px) scale(.76)}.stick{right:7%;bottom:59px;transform:rotate(13deg) scale(.72)}.ticker{padding:17px 0}.ticker-grid{gap:16px}.ticker span{font-size:9px}.ticker b{font-size:12px;margin-right:5px}.section-intro{margin-bottom:24px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0;padding:27px}.feature .symbol{margin:17px 0 12px}.vision-grid{grid-template-columns:1fr}.vision{padding:66px 0}.cta{padding:76px 0 86px}.cta h2{font-size:48px}.form{flex-direction:column}.form button{min-height:54px}.form input[type=email]{flex-basis:auto}.footer-inner{align-items:start;flex-direction:column}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill{transition:none}}
  
:focus-visible{outline:2px solid #5b683b;outline-offset:5px}.document{max-width:800px;padding-top:85px;padding-bottom:100px}.document h1{font-size:clamp(44px,7vw,68px);letter-spacing:-.065em;line-height:1.05;font-weight:600}.document h2{font-size:23px;letter-spacing:-.025em;margin-top:35px}.document p{color:var(--muted);line-height:1.8}.document .pill{margin-top:20px}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:5}.skip:focus{top:12px}
