:root{--paper:#f7f5eb;--ink:#151711;--lime:#baff00;--line:#c7c9bb;--muted:#5e6357}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1370px,calc(100% - 80px));margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #dedfd3}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:22px;letter-spacing:-1px}.brand img{width:25px;height:25px}.brand span{color:#8dbe00}nav{display:flex;gap:33px;font-size:13px;font-weight:700}nav a:hover,.footer a:hover{color:#688d00}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--lime);color:var(--ink);font-size:13px;font-weight:700;padding:16px 20px;border:1px solid var(--ink);border-radius:4px;box-shadow:3px 3px 0 var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.button-small{padding:12px 16px;gap:20px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1.13fr;gap:5px;align-items:center;min-height:700px;padding-top:43px;padding-bottom:40px}.overline,.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;line-height:1.6}.overline{color:#80a900;margin-bottom:24px}.overline span{color:#222;margin:0 8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:-.035em}h1{font-size:clamp(74px,8.4vw,128px);line-height:.78;margin:0}h1 span,.faq h2 span{color:#9cd600}.hand{font-family:'Permanent Marker',cursive;line-height:1.25}.hero-note{font-size:16px;transform:rotate(-6deg);margin:25px 0 12px}.hero-note span{font-size:29px;color:#83b100}.hero-description{font-size:16px;line-height:1.6;max-width:440px;margin:22px 0}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.plain-link{font-size:13px;font-weight:700}.plain-link span{border:1px solid var(--ink);border-radius:50%;display:inline-grid;place-items:center;width:28px;height:28px;margin-right:7px}.prototype-note,.caption{color:#74796a;font-size:11px;line-height:1.5}.prototype-note{margin:19px 0 0}.machine-wrap{position:relative}.machine{width:100%;display:block;overflow:visible}.machine-note{position:absolute;top:12%;right:2%;font-size:14px;z-index:1;transform:rotate(4deg)}.machine-note span{font-size:28px;color:#8bbd00}.out-note{position:absolute;right:0;bottom:13%;font-size:14px;transform:rotate(7deg)}.section-top{display:flex;align-items:center;justify-content:space-between}.scribble{font-size:14px;transform:rotate(-4deg)}.scribble span{color:#88b800;font-size:24px}.process{padding:20px 0 110px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #161811;border-bottom:1px solid #161811}.flow-grid article{padding:22px 25px 25px 0;position:relative}.flow-grid article:not(:last-child):after{content:'→';position:absolute;right:24px;top:16px;font-size:25px}.flow-grid article>span{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:800}.flow-grid h3{font-size:22px;letter-spacing:0;margin:20px 0 8px}.flow-grid p{font-size:13px;line-height:1.6;max-width:225px;margin:0}.caption{margin:12px 0}.stories{padding-bottom:110px}.headline-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.headline-row>p{max-width:330px;font-size:15px;line-height:1.6;margin:0}.eyebrow{margin-bottom:18px}.headline-row h2,h2{font-size:clamp(55px,6vw,92px);line-height:.86;margin:0}.headline-row h2 span,.possibilities h2 span{color:#8cae14}.story-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.story{height:320px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;overflow:hidden;border:1px solid var(--ink);position:relative}.s1{background:#bed7c6}.s2{background:#dbbb9e}.s3{background:#d9e787}.s4{background:#c8d2c2}.s5{background:#acbda9}.story-index{font-size:9px;letter-spacing:.1em;font-weight:700;z-index:1}.story h3{font-size:28px;line-height:.95;margin:0;z-index:1}.story-art{display:flex;justify-content:center;align-items:center;font-family:'Barlow Condensed',sans-serif;font-size:100px;font-weight:900;line-height:1}.story-art span{font-size:55px}.story-art i{font-family:'DM Sans',sans-serif;font-size:15px;display:grid;place-items:center;font-style:normal;background:var(--ink);color:white;width:38px;height:38px;border-radius:50%;margin:0 -5px;z-index:1}.s1 .story-art b,.s3 .story-art b{background:var(--lime);border:2px solid var(--ink);height:100px;width:100px;display:grid;place-items:center;border-radius:50%}.s2 .story-art b{border:2px solid var(--ink);background:#f8eee0;padding:4px 15px;transform:rotate(-5deg)}.s2 .story-art b:last-child{transform:rotate(5deg)}.s4 .story-art span{font-size:120px}.s5 .story-art b{font-size:130px}.ingredients{background:#171b15;color:var(--paper);padding:105px 0}.ingredients-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px}.ingredients .eyebrow{color:var(--lime)}.ingredients h2 span{color:var(--lime)}.section-copy{max-width:390px;font-size:15px;line-height:1.7;margin:26px 0}.section-scribble{color:var(--lime);font-size:17px;transform:rotate(-5deg)}.ingredient-list article{display:grid;grid-template-columns:45px 1fr 45px;gap:15px;border-top:1px solid #6a7163;padding:22px 0}.ingredient-list article:last-child{border-bottom:1px solid #6a7163}.ingredient-list article>span{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;color:var(--lime)}.ingredient-list h3{font-size:29px;letter-spacing:0;margin:0 0 5px}.ingredient-list p{font-size:13px;line-height:1.6;color:#c4cbbd;max-width:340px;margin:0}.ingredient-list b{color:var(--lime);font-size:30px;font-weight:400}.possibilities{padding:110px 0}.possibility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.possibility-grid article{border:1px solid var(--ink);padding:25px;min-height:320px;display:flex;flex-direction:column;align-items:flex-start}.possibility-grid article:nth-child(2){background:#d9ef91}.possibility-grid article:nth-child(3){background:#e9eadc}.possibility-grid article>span{font-weight:700;font-size:10px;letter-spacing:.15em}.possibility-grid h3{font-size:47px;line-height:.87;margin:30px 0 20px}.possibility-grid p{font-size:13px;line-height:1.6;max-width:270px}.possibility-grid b{margin-top:auto;align-self:flex-end;font-size:15px;transform:rotate(-5deg)}.format-band{background:#e9eddb;border-block:1px solid var(--ink);padding:75px 0}.format-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.format-inner h2{font-size:clamp(50px,5vw,75px)}.format-inner h2 span{color:#839f19}.format-inner p:last-child{max-width:390px;line-height:1.6;font-size:14px;margin:22px 0 0}.format-icons{display:flex;align-items:end;justify-content:space-around;gap:20px}.format-icons div{text-align:center;flex:1}.format-icons i{display:block;margin:0 auto 14px;border:2px solid var(--ink);background:var(--lime);box-shadow:6px 6px 0 var(--ink)}.format-icons .vertical{width:65px;height:116px}.format-icons .square{width:90px;height:90px}.format-icons .wide{width:130px;max-width:100%;height:73px}.format-icons b,.format-icons small{display:block}.format-icons b{font-family:'Barlow Condensed',sans-serif;font-size:23px}.format-icons small{font-size:9px;font-weight:700;letter-spacing:.15em}.faq{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px}.faq .hand{font-size:16px;transform:rotate(-4deg);margin-top:28px}.faq-list details{border-bottom:1px solid var(--ink)}.faq-list details:first-child{border-top:1px solid var(--ink)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-weight:700;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.7;color:#555c50;max-width:500px;margin:0 0 20px}.closing{background:var(--lime);border-block:1px solid var(--ink)}.closing-inner{padding:95px 0;position:relative}.closing h2{font-size:clamp(68px,8vw,115px)}.closing h2 span{color:#506a00}.closing p:not(.eyebrow){font-size:16px;margin:25px 0}.dark-button{background:var(--ink);color:white;box-shadow:3px 3px 0 #fff}.closing-note{position:absolute;right:8%;bottom:28%;font-size:18px;transform:rotate(-7deg)}.footer{padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer p{font-size:10px;letter-spacing:.16em;font-weight:700;margin:0}.footer>div{display:flex;gap:23px;font-size:12px;font-weight:700}:focus-visible{outline:3px solid #6a9000;outline-offset:4px}@media(max-width:900px){.shell{width:calc(100% - 42px)}.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero h1{font-size:clamp(72px,14vw,120px)}.machine-wrap{max-width:700px;margin:auto}.flow-grid{grid-template-columns:1fr 1fr}.flow-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.story-strip{grid-template-columns:repeat(3,1fr)}.ingredients-inner,.format-inner,.faq{grid-template-columns:1fr;gap:45px}.possibility-grid{grid-template-columns:1fr 1fr}.closing-note{right:0}.hero{min-height:0}}@media(max-width:560px){.shell{width:calc(100% - 32px)}.nav{height:72px}.brand{font-size:19px}.button-small{font-size:10px;gap:8px;padding:10px}.hero{padding-top:45px}.hero h1{font-size:clamp(64px,16vw,92px)}.hero-description{font-size:15px}.hero-actions{gap:18px}.machine-note{font-size:9px;right:0}.out-note{font-size:10px}.process{padding:20px 0 75px}.flow-grid article{padding-right:15px}.flow-grid article:not(:last-child):after{right:8px}.flow-grid h3{font-size:19px}.flow-grid p{font-size:12px}.headline-row{display:block}.headline-row>p{margin-top:20px}.headline-row h2,h2{font-size:58px}.story-strip{grid-template-columns:1fr 1fr;gap:10px}.story{height:250px;padding:14px}.story h3{font-size:24px}.story-art{font-size:75px}.story-art span{font-size:40px}.s1 .story-art b,.s3 .story-art b{height:75px;width:75px}.s4 .story-art span,.s5 .story-art b{font-size:85px}.stories{padding-bottom:75px}.ingredients,.possibilities,.faq{padding:75px 0}.possibility-grid{grid-template-columns:1fr}.possibility-grid article{min-height:260px}.format-inner h2{font-size:50px}.format-icons{gap:10px}.format-icons .vertical{width:48px;height:85px}.format-icons .square{width:68px;height:68px}.format-icons .wide{width:95px;height:54px}.closing-inner{padding:75px 0}.closing h2{font-size:60px}.closing-note{position:static;display:block;text-align:right;margin-top:30px}.footer{flex-direction:column;align-items:flex-start}.footer>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}
:root{--machine-motion:running}
.machine #robot-arm{transform-box:view-box;transform-origin:291px 133px;animation:robot-sweep 4.8s ease-in-out infinite;animation-play-state:var(--machine-motion)}
.machine #robot-forearm{transform-box:view-box;transform-origin:454px 87px;animation:forearm-sweep 4.8s ease-in-out infinite;animation-play-state:var(--machine-motion)}
.machine #belt-tread{animation:belt-loop 1.1s linear infinite;animation-play-state:var(--machine-motion)}
.machine .roller-spokes{animation-play-state:var(--machine-motion)}
.machine-wrap.is-paused{--machine-motion:paused}
@keyframes robot-sweep{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}
@keyframes forearm-sweep{0%,100%{transform:rotate(1deg)}50%{transform:rotate(-3deg)}}
@keyframes belt-loop{to{stroke-dashoffset:-25}}
.motion-toggle{position:absolute;bottom:0;right:4%;background:transparent;border:0;border-bottom:1px solid #737d62;padding:5px 0;font:700 10px 'DM Sans',sans-serif;color:#4b5741;cursor:pointer}
.motion-toggle span{margin-left:5px}
@media(prefers-reduced-motion:reduce){.machine-wrap:not(.motion-enabled) #robot-arm,.machine-wrap:not(.motion-enabled) #robot-forearm,.machine-wrap:not(.motion-enabled) #belt-tread{animation:none}}
.machine-wrap{width:100%}
.reference-machine{display:block;width:100%;height:auto}
@media(max-width:900px){.machine-note{top:7%;right:0}.out-note{display:none}}
@media(max-width:560px){.machine-note,.out-note{display:none}.motion-toggle{bottom:1%;right:5%}}
@media(prefers-reduced-motion:reduce){.machine-wrap.motion-enabled #robot-arm,.machine-wrap.motion-enabled #robot-forearm{animation-duration:4.8s!important;animation-iteration-count:infinite!important}.machine-wrap.motion-enabled #belt-tread{animation-duration:1.1s!important;animation-iteration-count:infinite!important}}

.machine #belt-tread{animation:none!important}.machine #robot-arm{transform-origin:290px 160px}.machine #robot-forearm{transform-origin:458px 83px}

/* Give the illustration more space while retaining the responsive stack. */
@media(min-width:901px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:24px}.hero h1{font-size:clamp(68px,7.3vw,112px)}.machine-note{right:-1%;top:1%;font-size:12px}.out-note{right:-1%;bottom:16%;font-size:12px}}
@media(max-width:900px){.machine-wrap{max-width:820px}}
.hero{position:relative;isolation:isolate;overflow:hidden}.hero.has-admin-background::before{content:"";position:absolute;z-index:-1;inset:-20px;background-image:linear-gradient(90deg,#f7f5eb 12%,rgba(247,245,235,.84) 49%,rgba(247,245,235,.26)),var(--admin-background-image);background-size:cover;background-position:center;filter:saturate(.86)}.landing-background-video{position:absolute;z-index:-2;inset:-1px;width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(.8)}.hero.has-admin-background .machine-wrap{position:relative;z-index:1}
.landing-answer{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:7%;align-items:center;border-block:1px solid var(--ink);padding-block:58px;margin-bottom:72px}.landing-answer .overline{margin-bottom:16px}.landing-answer h2{font-size:clamp(44px,5vw,72px)}.landing-answer>p{font-size:clamp(17px,1.75vw,23px);line-height:1.55;margin:0}.landing-answer>a{grid-column:2;font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);justify-self:start;padding-bottom:4px}@media(max-width:700px){.landing-answer{grid-template-columns:1fr;gap:24px;padding-block:42px;margin-bottom:55px}.landing-answer>a{grid-column:1}}