@font-face{font-family:Shrikhand;src:url('assets/Shrikhand.ttf') format('truetype');font-display:swap}@font-face{font-family:'Work Sans';src:url('assets/WorkSans.ttf') format('truetype');font-display:swap}:root{--cream:#F6EFE3;--orange:#E94E1F;--green:#1F5C3D;--ink:#1A1614}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Work Sans',sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:6px}header{height:88px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #1a161425}.wordmark{font-family:Shrikhand,serif;color:var(--orange);font-size:32px;letter-spacing:-1.6px;display:flex;align-items:center;gap:12px}.brand-dot,.eyebrow>span{display:inline-block;background:var(--green);height:10px;width:10px;border-radius:50%}.nav-link{font-size:14px;font-weight:600;display:flex;gap:40px;align-items:center}.nav-link span{font-size:25px}.hero{padding:40px 5% 0;max-width:1600px;margin:auto}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:10px}h1,h2,.footer-brand{font-family:Shrikhand,serif;font-weight:400;letter-spacing:-.045em;margin:0;color:var(--orange)}h1{font-size:clamp(70px,9.7vw,150px);line-height:.99;margin-top:30px;position:relative;z-index:1}.period{color:var(--green)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;min-height:240px;margin-top:-12px}.hero-copy{padding-bottom:45px;z-index:2}.hero-copy p{font-size:19px;line-height:1.5;margin:0 0 25px;letter-spacing:-.5px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--ink);padding:15px 23px;border-radius:100px;font-size:13px;font-weight:600;min-height:48px;transition:background .2s,color .2s}.pill:hover{background:var(--green);color:var(--cream);border-color:var(--green)}.pill span{font-size:19px}.cat{margin:0 2% 0 0;width:49%;position:relative;align-self:flex-end;max-width:600px;transform:rotate(-3deg)}.cat img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.cat figcaption{position:relative;text-align:center;margin-top:8px;transform:rotate(3deg);font-size:10px;letter-spacing:.4px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid #1a161425;font-size:9px;letter-spacing:1.3px;padding:22px 0;margin-top:16px}.ticker{background:var(--green);color:var(--cream);overflow:hidden;padding:18px 0;white-space:nowrap}.ticker>div{width:max-content;font-size:22px;font-weight:600;letter-spacing:1.8px;animation:marquee 35s linear infinite}.ticker b{font-size:24px;color:#f3b17d;padding:0 40px}@keyframes marquee{to{transform:translateX(-33.33%)}}.making{height:430vh;position:relative;background:var(--orange);color:var(--cream);scroll-margin-top:0}.making-sticky{position:sticky;top:0;height:100svh;min-height:630px;max-height:1200px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:6vw 5%;overflow:hidden}.story-copy{align-self:center;position:relative;z-index:2;max-width:490px}.story-copy>.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:44px}.step-counter{font-size:14px;font-weight:600;letter-spacing:2px}.step-counter>span+span{opacity:.5}.story-copy h2{color:var(--cream);font-size:clamp(55px,6vw,92px);line-height:1.03;min-height:2.06em}.step-description{font-size:16px;line-height:1.6;max-width:310px;min-height:4.8em;margin:22px 0}.step-buttons{display:flex;gap:12px}.step-buttons button{height:44px;width:44px;background:transparent;color:var(--cream);border:1px solid #f6efe36b;border-radius:50%;font-family:inherit;font-size:11px;cursor:pointer;transition:color .2s,background .2s}.step-buttons button[aria-pressed=true]{background:var(--cream);color:var(--orange);border-color:var(--cream)}.step-buttons button:focus-visible{outline-color:var(--cream)}.scroll-note{font-size:9px;letter-spacing:1.4px;margin-top:32px;opacity:.8}.illustration{position:relative;width:100%;max-width:800px;margin:auto}.illustration svg{width:100%;height:auto;display:block;overflow:visible}.round-stamp{position:absolute;right:-1%;top:0;border:1px solid #f6efe3a0;border-radius:50%;width:106px;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;line-height:1.6;letter-spacing:1px;transform:rotate(13deg)}.round-stamp strong{font-family:Shrikhand,serif;font-size:25px;line-height:1.2;font-weight:400;letter-spacing:-1px}#rice,#fillings,#rolled,#sliced{opacity:0;transform-box:fill-box;transform-origin:center}#flat{transform-origin:350px 335px}.story-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#f6efe333}.story-progress span{display:block;background:var(--cream);width:0;height:100%}.outro{padding:95px 5% 0;overflow:hidden}.outro h2{font-size:clamp(60px,8vw,118px);line-height:1.02;margin:36px 0 32px}.outro-bottom{display:flex;align-items:center;justify-content:space-between;margin-bottom:65px}.outro-bottom p{font-size:18px;line-height:1.5;margin:0}.footer-brand{font-size:clamp(65px,14.5vw,224px);line-height:1.3;white-space:nowrap;letter-spacing:-.055em;border-top:1px solid #1a161425;padding-top:24px}.footer-brand span{font-family:'Work Sans',sans-serif;color:var(--green);font-size:.55em;margin-left:18px;vertical-align:middle}footer{padding:22px 5%;display:flex;gap:16px;justify-content:space-between;background:var(--green);color:var(--cream);font-size:9px;line-height:1.7;letter-spacing:.6px}.skip{position:fixed;left:10px;top:-100px;z-index:20;background:var(--cream);padding:14px}.skip:focus{top:10px}.noscript{padding:20px}.spark{opacity:.85}
@media(min-width:1600px){header{max-width:1440px;margin:auto}.making-sticky{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:700px){header{height:74px;margin:0 6%}.wordmark{font-size:25px;gap:9px}.brand-dot{width:8px;height:8px}.nav-link{font-size:11px;gap:12px}.nav-link span{font-size:20px}.hero{padding:29px 6% 0}.eyebrow{font-size:8px;letter-spacing:1px;gap:7px}.eyebrow>span{width:7px;height:7px}h1{font-size:clamp(47px,12vw,82px);line-height:1.04;letter-spacing:-.05em;margin-top:27px}.hero-bottom{position:relative;display:block;margin-top:10px;min-height:334px}.hero-copy{padding:12px 0 0}.hero-copy p{font-size:14px;line-height:1.6;margin-bottom:21px}.pill{padding:12px 17px;font-size:11px;gap:22px;min-height:45px}.cat{width:75%;margin:12px -8px 0 auto;transform:rotate(-5deg)}.cat figcaption{font-size:7px;transform:rotate(5deg);margin-top:5px}.hero-foot{font-size:7px;letter-spacing:.7px;padding:17px 0;margin-top:10px;gap:16px}.hero-foot span:last-child{max-width:120px;text-align:right}.ticker{padding:14px 0}.ticker>div{font-size:15px}.ticker b{font-size:19px;padding:0 23px}.making{height:420svh}.making-sticky{height:100svh;min-height:650px;max-height:none;display:flex;flex-direction:column;padding:28px 6% 25px;justify-content:space-between;gap:0}.story-copy{align-self:stretch;max-width:none}.story-copy>.eyebrow{font-size:7px;letter-spacing:1px;margin:0 0 23px}.step-counter{font-size:11px;margin:0 0 9px}.story-copy h2{font-size:clamp(42px,12vw,65px);min-height:2.06em;line-height:1.02;letter-spacing:-.04em}.step-description{font-size:13px;line-height:1.5;max-width:280px;min-height:3em;margin:14px 0 17px}.step-buttons{gap:8px}.step-buttons button{width:44px;height:44px;font-size:9px}.scroll-note{display:none}.illustration{width:103%;max-width:430px;margin:-6px auto -4px;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.illustration svg{max-height:100%;width:100%;height:100%}.round-stamp{width:66px;height:66px;font-size:6px;right:0;top:4%;line-height:1.6}.round-stamp strong{font-size:17px}.outro{padding:55px 6% 0}.outro h2{font-size:clamp(43px,11vw,76px);margin:27px 0}.outro-bottom{align-items:flex-start;flex-direction:column;gap:23px;margin-bottom:40px}.outro-bottom p{font-size:14px}.footer-brand{font-size:14.3vw;padding-top:17px;line-height:1.6}.footer-brand span{margin-left:7px}footer{padding:18px 6%;flex-direction:column;gap:8px;font-size:7px}.spark{opacity:.65}}
@media(max-width:350px){.hero-bottom{min-height:302px}.cat{width:79%;margin-top:12px}.hero-copy p{font-size:13px}.making-sticky{min-height:650px}.story-copy>.eyebrow{margin-bottom:19px}.step-description{max-width:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}.pill,.step-buttons button{transition:none}.making{height:100svh;min-height:650px}.making-sticky{position:relative}.scroll-note{visibility:hidden}}