:root{--cream:#fff5e4;--caramel:#b08968;--ink:#3d291f;--soft:#efdfc8;--muted:#6e5442;--green:#596349;--white:#fffaf1;--ground:var(--cream);--accent:var(--caramel);--font-display:Georgia,'Times New Roman',serif;--font-text:Arial,Helvetica,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(20px,4.2vw,80px);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-text);font-size:17px;line-height:1.6}body.dialog-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:6px}button:active,.button:active{transform:scale(.97)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.055em;line-height:1.07;text-wrap:balance}h2{font-size:clamp(42px,4.8vw,76px)}p{max-width:46ch}button,a{touch-action:manipulation}section{scroll-margin-top:85px}.section-pad{padding:110px var(--gutter)}.skip-link{position:fixed;left:20px;top:-80px;padding:12px 20px;background:var(--ink);color:var(--cream);z-index:100}.skip-link:focus{top:15px}.site-header{height:94px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;gap:24px}.brand img{width:126px;height:auto}.site-header nav{display:flex;gap:36px;font-size:15px}.header-contact{display:flex;gap:20px;align-items:center;font-size:15px;font-weight:600}.header-contact span{font-size:23px}.site-header a{transition:opacity 180ms}.site-header a:hover{opacity:.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:var(--cream);padding:17px 26px;border-radius:100px;font-weight:600;font-size:15px;line-height:1.4;transition:transform 180ms var(--ease),background-color 180ms}.button span{font-size:22px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:25px;background:none;padding:0;font-weight:600;font-size:16px;min-height:46px}.text-link span{font-size:24px}.hero{position:relative;min-height:820px}.scene-stage{min-height:min(900px,100svh);height:100svh;position:relative;overflow:hidden;isolation:isolate}.hero-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-46%);width:48%;z-index:3}.hero h1,.hero h2{font-size:clamp(54px,6.9vw,108px);line-height:1.04;max-width:9.8em}.hero-copy p{font-size:17px;max-width:350px;line-height:1.7;margin:27px 0 32px}.hero-beat{position:relative}.hero-beat:not(.beat-first){display:none}.hero-product{position:absolute;right:3vw;top:12%;width:49vw;max-width:800px;height:77%;z-index:1}.product-disc{position:absolute;inset:13% 8% 12%;border-radius:50%;background:var(--soft)}.hero-jar{position:absolute;left:29%;top:8%;height:82%;width:46%;object-fit:contain;transform:rotate(8deg)}.flying-roll{position:absolute;width:21%;object-fit:contain;z-index:3}.roll-a{left:6%;top:16%;transform:rotate(-28deg)}.roll-b{left:73%;top:13%;transform:rotate(29deg)}.roll-c{left:2%;top:59%;transform:rotate(22deg)}.roll-d{left:74%;top:69%;transform:rotate(-35deg)}.roll-e{left:65%;top:43%;transform:rotate(75deg);width:15%}.roll-f{left:23%;top:88%;transform:rotate(-15deg);width:16%}.product-note{position:absolute;bottom:3%;left:36%;font-size:14px;color:var(--muted)}.hero-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:13px;z-index:4}.scroll-cue{display:flex;gap:24px;align-items:center}.scroll-cue>span:last-child{font-size:24px}.scene-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--soft)}.scene-progress i{display:block;width:100%;height:100%;background:var(--caramel);transform-origin:left;transform:scaleX(0)}.hero.is-live{height:300svh;min-height:0}.is-live>.scene-stage{position:sticky;top:0}.is-live .hero-beat:not(.beat-first){display:block;position:absolute;top:0;opacity:0;visibility:hidden}.is-live .hero-copy{transform:translateY(-46%)}.hero.is-rest .scene-progress{display:none}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:50px}.section-heading>p{font-size:17px;margin-bottom:4px}.flavors{background:var(--white)}.flavor-selector{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap}.flavor-tab{background:var(--cream);display:flex;align-items:center;gap:12px;padding:14px 25px;border-radius:100px;font-size:15px;min-height:52px;transition:background-color 180ms,color 180ms}.flavor-tab.selected{background:var(--ink);color:var(--cream)}.flavor-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.original-dot{background:#c69555}.cheese-dot{background:#f2cc6c}.seaweed-dot{background:#8b9a6d}.flavor-panel{display:grid;grid-template-columns:1.25fr 1fr;min-height:490px;background:var(--cream)}.flavor-photo{position:relative;overflow:hidden;background:#e5e0d4}.flavor-photo>img{width:100%;height:100%;object-fit:cover;min-height:490px;mix-blend-mode:multiply}.photo-caption{position:absolute;bottom:24px;left:28px;font-size:13px;color:var(--ink);background:var(--cream);padding:5px 12px;border-radius:100px}.photo-next{position:absolute;right:25px;bottom:24px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--cream);font-size:24px;transition:transform 200ms var(--ease)}.flavor-copy{padding:60px clamp(30px,4.2vw,75px);display:flex;flex-direction:column;justify-content:space-between;gap:35px}.flavor-description-tag{font-size:15px;color:var(--muted);display:block;margin-bottom:12px}.flavor-copy h3{font-size:clamp(38px,4vw,64px);margin-bottom:25px}.flavor-copy p{font-size:16px;line-height:1.75;max-width:33ch}.flavor-copy .flavor-facts{font-size:14px;margin-bottom:12px}.flavor-facts span{padding:0 8px}.moments{padding-top:140px;padding-bottom:140px}.moment-main{display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:8vw}.moment-copy h2{margin-bottom:30px}.moment-copy>p{max-width:31ch;line-height:1.75}.moment-photo img{aspect-ratio:1.12;object-fit:cover}.moment-photo figcaption,figure>figcaption{font-size:13px;margin-top:14px;color:var(--muted)}.moment-secondary{display:grid;grid-template-columns:1fr 1fr;gap:15vw;align-items:center;margin:100px 9vw 0}.moment-secondary>figure img{aspect-ratio:.85;object-fit:cover;width:100%}.sharing-logo{width:75px;height:75px;object-fit:contain;margin-bottom:30px}.sharing-copy>p{font-size:clamp(26px,2.7vw,40px);line-height:1.4;font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:25px}.good-to-know{background:var(--soft);display:grid;grid-template-columns:1fr 1.25fr;gap:9vw}.good-to-know h2{font-size:clamp(38px,4.1vw,64px)}.questions details{background:var(--cream);padding:24px 28px;margin-bottom:12px}.questions summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:17px;font-weight:500;line-height:1.5;cursor:pointer;list-style:none}.questions summary::-webkit-details-marker{display:none}.questions summary>span{font-size:25px;transition:transform 200ms}.questions details[open] summary>span{transform:rotate(45deg)}.questions details>p{font-size:16px;line-height:1.75;padding-top:18px;max-width:50ch;color:var(--muted)}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center;padding-top:130px;padding-bottom:130px}.contact-picture img{aspect-ratio:1;object-fit:cover}.contact-copy h2{margin-bottom:25px}.contact-copy>p{margin-bottom:30px;max-width:35ch}.contact-number{font-size:24px;display:block;margin-top:25px;letter-spacing:-.03em}.email{font-size:15px;color:var(--muted);display:inline-block;min-height:44px;padding-top:5px;overflow-wrap:anywhere}.site-footer{background:var(--ink);color:var(--cream);padding:60px var(--gutter) 40px}.site-footer>img{width:100%;height:auto;max-height:260px;object-fit:contain;object-position:left}.site-footer>div{margin-top:50px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px}.site-footer p:nth-child(2){color:#d9c6af}.site-footer a{min-height:44px;display:flex;align-items:center}dialog{color:var(--ink);background:var(--cream);border:0;border-radius:6px;padding:0;width:min(940px,calc(100% - 40px));max-height:90svh;overflow:auto}dialog[open]{display:grid;grid-template-columns:.85fr 1fr;animation:dialog-enter 260ms var(--ease)}dialog::backdrop{background:rgba(32,23,17,.55);backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:13px;right:13px;z-index:2;background:var(--cream);width:44px;height:44px;font-size:28px;border-radius:50%;line-height:1}.dialog-photo{background:var(--soft);display:flex;align-items:center}.dialog-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.dialog-copy{padding:48px 38px}.dialog-copy>p:first-child{font-size:13px;margin-bottom:15px;color:var(--muted)}.dialog-copy h2{font-size:42px;margin-bottom:20px}.dialog-copy p{font-size:15px}.dialog-copy dl{margin:24px 0;display:grid;gap:14px}.dialog-copy dl div{padding:12px 16px;background:var(--soft)}dt{font-size:13px;color:var(--muted)}dd{margin:2px 0 0;font-size:15px}.dialog-copy .allergen{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:24px}.dialog-copy .button{font-size:14px;padding:15px 22px}@keyframes dialog-enter{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(hover:hover) and (pointer:fine){.button:hover{background:#5b3f2e;transform:translateY(-2px)}.photo-next:hover{transform:rotate(45deg)}.text-link:hover span{transform:translate(3px,-3px)}.text-link span{transition:transform 180ms var(--ease)}}
@media(min-width:1600px){.hero-product{right:7vw}.hero-copy{left:6vw}}
@media(max-width:1000px){.site-header nav{gap:22px}.hero h1,.hero h2{font-size:7vw}.hero-copy{width:47%}.hero-product{width:51vw;right:1vw;top:19%;height:65%}.hero-copy p{font-size:16px;max-width:29ch}.hero .button{padding:15px 20px;gap:20px}.hero-bottom{font-size:13px}.flavor-panel{grid-template-columns:1.1fr 1fr;min-height:420px}.flavor-photo>img{min-height:420px}.flavor-copy{padding:40px 30px}.flavor-copy h3{font-size:40px}.moment-main{gap:5vw}.moment-secondary{margin-left:4vw;margin-right:4vw;gap:10vw}.good-to-know{gap:5vw}.questions details{padding:20px}.section-pad{padding-top:90px;padding-bottom:90px}}
@media(max-width:650px){:root{--gutter:22px}.site-header{height:80px;gap:15px}.brand img{width:100px}.site-header nav{display:none}.header-contact{font-size:13px;gap:8px}.header-contact span{font-size:20px}.hero{min-height:780px}.scene-stage{min-height:780px;height:100svh;max-height:1000px}.hero-copy{top:110px;left:var(--gutter);right:var(--gutter);width:auto;transform:none}.is-live .hero-copy{transform:none}.hero h1,.hero h2{font-size:clamp(45px,11.5vw,68px);letter-spacing:-.06em;line-height:1.08}.hero-copy p{font-size:14px;line-height:1.65;max-width:34ch;margin:18px 0}.hero .button{font-size:13px;padding:12px 18px;gap:20px}.hero .button span{font-size:19px}.hero-product{top:43%;right:6%;width:88%;max-width:none;height:48%}.hero-jar{height:86%;top:0;left:30%;width:43%}.product-disc{inset:8% 6% 5%}.product-note{font-size:13px;bottom:0;left:31%}.roll-a{left:3%;top:8%;width:22%}.roll-b{left:76%;top:7%;width:21%}.roll-c{left:1%;top:52%;width:23%}.roll-d{left:75%;top:65%;width:21%}.roll-e{left:73%;top:35%;width:15%}.roll-f{left:22%;top:84%;width:18%}.hero-bottom{bottom:14px;gap:15px;font-size:13px;align-items:flex-end}.hero-bottom>span{max-width:17ch}.scroll-cue{gap:8px}.scroll-cue>span:last-child{font-size:21px}.hero.is-live{height:280svh}.hero.is-live .scene-stage{min-height:100svh;height:100svh}.section-pad{padding-top:66px;padding-bottom:66px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:43px}.section-heading>p{margin-top:22px;font-size:15px}.section-heading>p br{display:none}.flavor-selector{gap:7px;margin-bottom:20px;flex-wrap:nowrap}.flavor-tab{font-size:13px;gap:7px;padding:11px 13px;min-height:44px;flex:1;justify-content:center;white-space:nowrap}.flavor-dot{width:6px;height:6px}.flavor-panel{display:flex;flex-direction:column}.flavor-photo>img{height:290px;min-height:0;object-fit:cover}.photo-caption{font-size:13px;left:16px;bottom:16px}.photo-next{right:16px;bottom:16px;width:40px;height:40px}.flavor-copy{padding:28px 24px;gap:25px;min-height:355px}.flavor-copy h3{font-size:42px;margin-bottom:18px}.flavor-description-tag{font-size:13px;margin-bottom:10px}.flavor-copy p{font-size:15px;max-width:36ch}.flavor-copy .flavor-facts{font-size:13px}.text-link{font-size:14px}.moment-main{display:flex;flex-direction:column;gap:34px;align-items:stretch}.moment-copy h2{font-size:43px;margin-bottom:24px}.moment-copy>p{font-size:15px;max-width:34ch}.moment-photo img{aspect-ratio:1}.moment-photo figcaption,figure>figcaption{font-size:13px;margin-top:10px}.moment-secondary{margin:50px 0 0;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.moment-secondary>figure img{aspect-ratio:.7}.sharing-logo{width:40px;height:40px;margin-bottom:18px}.sharing-copy>p{font-size:23px;line-height:1.35;margin-bottom:15px}.sharing-copy .text-link{font-size:13px;gap:10px;line-height:1.5}.sharing-copy .text-link span{font-size:20px}.good-to-know{display:block}.good-to-know h2{font-size:40px;margin-bottom:35px}.questions details{padding:20px;margin-bottom:10px}.questions summary{font-size:15px}.questions details>p{font-size:14px}.contact{display:flex;flex-direction:column;gap:35px;align-items:stretch}.contact-picture img{aspect-ratio:1.2}.contact-copy h2{font-size:43px}.contact-copy>p{font-size:15px}.contact-copy .button{font-size:14px}.contact-number{font-size:22px}.email{font-size:14px}.site-footer{padding:40px var(--gutter) 25px}.site-footer>div{margin-top:30px;display:block;font-size:13px}.site-footer>div p{margin-bottom:10px}.site-footer a{margin-top:10px}dialog{width:calc(100% - 28px);max-height:90svh}dialog[open]{display:block}.dialog-photo{height:190px}.dialog-photo img{object-fit:cover;object-position:center 49%}.dialog-copy{padding:26px}.dialog-copy h2{font-size:34px}.dialog-copy p{font-size:14px}.dialog-copy dl{gap:8px;margin:18px 0}.dialog-copy dl div{padding:9px 12px}.dialog-copy .allergen{font-size:13px}.dialog-close{top:10px;right:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero.is-live{height:auto}.scene-stage{position:relative!important}.scene-progress{display:none}}

.hero-beat{transition:opacity 220ms var(--ease),transform 260ms var(--ease)}
@media(max-width:650px){.hero-product{top:clamp(370px,45svh,440px);height:calc(100svh - 455px);min-height:265px}.hero-bottom>span{font-size:11px}.scroll-cue{font-size:12px}}

.motion-toggle{padding:10px 0;min-height:44px;background:transparent;font-size:13px;color:var(--muted)}.manual-reduced{scroll-behavior:auto}.manual-reduced *{animation:none!important;transition:none!important}@media(max-width:650px){.hero-bottom>span{display:none}.hero-bottom{align-items:center}.hero-copy p{margin-bottom:16px}}

html{scroll-padding-top:20px}section{scroll-margin-top:0}.good-to-know>h2{align-self:start}@media(min-width:651px) and (max-width:1000px){.hero h2{font-size:6.5vw}}

.sharing-copy>p{font-size:clamp(23px,2.7vw,36px)}@media(max-width:650px){.sharing-copy>p{font-size:23px}}

.contact-picture img{aspect-ratio:1.5;object-fit:contain}