/* Sappy's scroll scenes retain readable static layouts when motion is off. */
:root{--honey:#ffd148}.header{z-index:40}.header-inner{position:relative}.logo .brand-star{transition:transform .8s cubic-bezier(.16,1,.3,1)}.logo:hover .brand-star{transform:rotate(180deg)}.button{position:relative;isolation:isolate;overflow:hidden}.button:before{content:'';position:absolute;inset:100% -10% -100%;background:var(--honey);z-index:-1;transition:transform .45s cubic-bezier(.2,.8,.2,1);border-radius:50% 50% 0 0}.button:hover:before{transform:translateY(-100%)}.button:hover{color:var(--brown)}.button span{transition:transform .35s}.button:hover span{transform:translate(4px,-4px)}.hero-motion{position:relative;overflow:visible;background:var(--orange)}.hero-stage{position:relative;overflow:hidden;background:var(--orange);color:var(--cream)}.hero-stage .hero-grid{min-height:calc(100svh - 92px);padding-block:25px 75px;gap:0}.hero-stage .hero-copy{z-index:5}.hero-stage .hero-title{font-size:clamp(4.3rem,8.9vw,10rem);line-height:1.08}.title-line{display:block;overflow:hidden;padding-bottom:.05em;margin-bottom:-.05em}.title-line>span{display:block}.hero-stage .hero-visual{z-index:4;max-width:650px}.hero-stage .hero-product{object-fit:contain;aspect-ratio:4/5;max-height:74svh;transform:none;filter:drop-shadow(0 24px 20px rgba(73,18,0,.2))}.hero-stage .product-tag{background:var(--honey);border-radius:50%;width:146px;min-height:146px;display:grid;place-items:center;box-shadow:none;border:1px solid var(--brown);left:3%;bottom:7%;font-size:1.5rem;line-height:1.15;padding:18px}.hero-stage .hero-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:7;font-size:.75rem}.hero-ghost{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-8deg);font:400 32vw/1 var(--display);letter-spacing:-.05em;opacity:.09;pointer-events:none}.hero-finale{display:none;position:absolute;left:4%;top:15%;z-index:2;font:400 clamp(7rem,20vw,24rem)/.96 var(--display);color:var(--honey);letter-spacing:-.035em;pointer-events:none}.hero-finale span{display:block}.hero-orbit{display:none;position:absolute;top:50%;font:400 clamp(1.6rem,3vw,3.5rem)/1.1 var(--display);z-index:6;color:var(--brown);background:var(--honey);padding:20px;transform:rotate(-8deg);box-shadow:7px 7px 0 var(--brown)}.orbit-maple{left:6%}.orbit-honey{right:6%;top:58%;transform:rotate(8deg)}.scroll-progress{width:110px;height:2px;background:rgba(255,248,233,.25);align-self:center;overflow:hidden}.scroll-progress>span{display:block;height:100%;background:var(--cream);transform-origin:left}.motion-enabled .hero-motion{height:220svh}.motion-enabled .hero-stage{position:sticky;top:0;height:100svh}.motion-enabled .hero-stage .hero-grid{min-height:100svh}.motion-enabled .hero-finale,.motion-enabled .hero-orbit{display:block}.motion-enabled .bottle-float{animation:sappy-float 6s ease-in-out infinite}.motion-enabled .hero-product{transform:perspective(900px) rotateY(var(--bottle-y,0deg)) rotateX(var(--bottle-x,0deg));transition:transform .7s ease-out}@keyframes sappy-float{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-16px) rotate(-3deg)}}.ticker{position:relative;z-index:8}.ticker-track{animation-duration:22s}.story-section{overflow:hidden}.campaign-frame{border-radius:46% 46% 4px 4px;will-change:clip-path}.campaign-frame .story-image{scale:1.12}.story-section .image-caption{font-size:.9375rem}.heading-mask{display:inline-block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;vertical-align:bottom}.heading-word{display:inline-block;will-change:transform}.ingredient-theatre{background:var(--honey);position:relative}.ingredient-stage{position:relative;min-height:900px;overflow:hidden;color:var(--brown)}.ingredient-top,.ingredient-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;gap:40px;z-index:5}.ingredient-top{top:38px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.ingredient-top .eyebrow{margin:0}.ingredient-number{font:400 1.5rem/1 var(--display)}.ingredient-bottom{bottom:35px;align-items:flex-end}.ingredient-caption{font-size:1.1rem;line-height:1.6;max-width:330px}.ingredient-caption strong{display:inline-block;margin-top:5px}.ingredient-word{position:absolute;font:400 clamp(6rem,21vw,26rem)/1 var(--display);letter-spacing:-.035em;white-space:nowrap;z-index:1}.maple-word{top:19%;left:1%;transform:rotate(-5deg)}.honey-word{right:1%;bottom:19%;transform:rotate(5deg);color:var(--orange)}.ingredient-plus{position:absolute;left:46%;top:38%;font:400 12vw/1 var(--display);z-index:1;opacity:.35}.ingredient-bottle{position:absolute;z-index:3;left:50%;top:50%;width:min(40vw,450px);transform:translate(-50%,-50%) rotate(8deg);filter:drop-shadow(18px 25px 15px rgba(70,20,0,.2))}.blend-cutout{max-height:66svh;object-fit:contain}.motion-enabled .ingredient-theatre{height:220svh}.motion-enabled .ingredient-stage{position:sticky;top:0;height:100svh;min-height:660px}.recipe-motion{overflow:hidden}.recipe-window{width:100%}.motion-enabled .recipe-motion .recipe-grid{display:flex;gap:35px;width:max-content}.motion-enabled .recipe-motion .idea-stack{display:contents}.motion-enabled .recipe-motion .recipe-photo{width:54vw;height:440px;min-height:440px;max-width:780px;flex:none;border-radius:0}.motion-enabled .recipe-motion .idea-card{width:42vw;height:440px;max-width:610px;flex:none;transform-origin:bottom left;padding:40px}.recipe-motion .idea-card:nth-child(2){background:var(--orange)}.recipe-photo img{will-change:transform}.recipe-overlay h3{font-size:clamp(2.8rem,4vw,5rem)}.idea-card:hover .round-arrow{background:var(--brown);color:var(--cream);transform:rotate(45deg)}.round-arrow{transition:transform .3s,background .3s,color .3s}.cta{position:relative;overflow:hidden}.cta h2{font-size:clamp(4rem,10.6vw,12rem);line-height:1.08}.cta .button{position:relative;z-index:3}.footer-wordmark{transform-origin:bottom center;will-change:transform}.page-head h1{overflow:hidden}.page-head{position:relative;overflow:hidden}.page-head:after{content:'M + H';position:absolute;right:-2%;bottom:-25%;font:400 24vw/1 var(--display);opacity:.07;pointer-events:none}.product-details .description{max-width:34rem}.nav a{transition:opacity .2s}.nav:has(a:hover) a:not(:hover){opacity:.55}.motion-enabled .reveal{animation:none}
@media(max-width:1000px){.hero-stage .hero-title{font-size:9.2vw}.hero-stage .product-tag{width:110px;min-height:110px;font-size:1.125rem}.ingredient-caption{font-size:1rem}.ingredient-stage{min-height:760px}.hero-orbit{font-size:2rem;padding:16px}.recipe-motion .section-heading h2{font-size:5rem}.motion-enabled .recipe-motion .recipe-photo,.motion-enabled .recipe-motion .idea-card{height:380px;min-height:380px}.recipe-motion .section-heading{margin-bottom:30px}}
@media(max-width:700px){.hero-stage .hero-grid{display:flex;flex-direction:column;padding:27px 0 54px;min-height:calc(100svh - 85px);gap:15px;justify-content:flex-start}.hero-stage .hero-copy{width:100%}.hero-stage .hero-title{font-size:clamp(3.6rem,16vw,6rem);line-height:1.05}.hero-stage .hero-copy .eyebrow{margin-bottom:12px;font-size:.75rem}.hero-stage .hero-copy p:not(.eyebrow){margin-top:14px;font-size:.9375rem;line-height:1.5}.hero-stage .hero-actions{margin-top:19px;gap:20px;flex-wrap:nowrap}.hero-stage .hero-actions .button{font-size:.875rem;padding:11px 16px}.hero-stage .hero-actions .text-link{font-size:.875rem}.hero-stage .hero-visual{width:80%;max-width:310px;margin:auto;flex:1;min-height:0;display:flex;justify-content:center;align-items:center}.hero-stage .bottle-float{height:100%;width:100%}.hero-stage .hero-product{height:100%;max-height:43svh;width:100%;aspect-ratio:4/5;object-fit:contain}.hero-stage .product-tag{left:-18px;bottom:13%;width:91px;min-height:91px;font-size:.9375rem;padding:10px}.hero-stage .hero-bottom{font-size:.625rem;gap:9px;padding-block:13px}.hero-stage .hero-bottom span:nth-child(2){max-width:120px;text-align:right}.hero-stage .hero-ghost{font-size:50vw;top:54%}.motion-enabled .hero-motion{height:185svh}.motion-enabled .hero-stage .hero-grid{height:100svh;min-height:0}.hero-finale{font-size:27vw;top:5%;left:6%;line-height:1}.hero-orbit{font-size:1.2rem;padding:11px;top:42%}.orbit-maple{left:5%}.orbit-honey{right:5%;top:65%}.campaign-frame{border-radius:40% 40% 0 0}.ingredient-stage,.motion-enabled .ingredient-stage{min-height:640px;height:100svh;max-height:900px}.motion-enabled .ingredient-theatre{height:185svh}.ingredient-top{top:25px;left:5%;right:5%;gap:20px;padding-bottom:17px}.ingredient-top .eyebrow{font-size:.7rem;max-width:200px}.ingredient-number{font-size:1.25rem;white-space:nowrap}.ingredient-word{font-size:27vw}.maple-word{top:20%;left:0}.honey-word{bottom:32%;right:0}.ingredient-bottle{width:64vw;top:45%}.blend-cutout{max-height:48svh}.ingredient-plus{font-size:25vw;top:34%;left:45%}.ingredient-bottom{left:5%;right:5%;bottom:25px;display:block}.ingredient-caption{font-size:.9375rem;line-height:1.5}.ingredient-caption br{display:none}.ingredient-caption strong{display:block}.ingredient-bottom .button{margin-top:18px;padding:12px 18px}.recipe-motion .section-heading h2{font-size:13vw}.motion-enabled .recipe-motion .recipe-grid{display:grid;width:auto;gap:24px}.motion-enabled .recipe-motion .idea-stack{display:grid;gap:24px}.motion-enabled .recipe-motion .recipe-photo,.motion-enabled .recipe-motion .idea-card{width:100%;max-width:none;height:380px;min-height:380px}.motion-enabled .recipe-motion .idea-card{height:270px;min-height:270px;padding:28px}.cta h2{font-size:16vw;line-height:1.06}.page-head:after{font-size:35vw;bottom:-6%}.recipe-window{overflow:visible}}
@media(prefers-reduced-motion:reduce){.hero-motion,.ingredient-theatre{height:auto!important}.hero-stage,.ingredient-stage{position:relative!important}.hero-ghost,.hero-finale,.hero-orbit{display:none!important}.bottle-float{animation:none!important}.hero-product{transform:none!important}.campaign-frame .story-image{scale:1}.heading-word,.footer-wordmark{transform:none!important}.button:before,.button span,.logo .brand-star,.round-arrow{transition:none!important}}

/* Cutout products float directly over each section's colour. */
.hero-stage .hero-product,.ingredient-bottle img{border-radius:0;background:transparent;object-fit:contain}
.product-cutout{object-fit:contain;filter:drop-shadow(10px 24px 18px rgba(38,12,2,.22));padding:20px;transform:rotate(-7deg)}
.bottle-scene{position:relative;perspective:1000px;overflow:visible}
.bottle-scene .product-cutout{transform:rotate(8deg)}
.bottle-scene .image-caption{z-index:4;bottom:0}
@media(max-width:700px){.hero-stage .hero-product{width:auto;max-width:100%;margin-inline:auto;object-fit:contain}.product-cutout{padding:16px}.bottle-scene{margin-bottom:25px}}