@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f3ec;--ink:#262b24;--orange:#e95b2a;--muted:#686b61;--line:#d9dbcf;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #147786;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif;letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(48px,5.5vw,86px);font-weight:800;margin-bottom:28px}h2{font-size:clamp(32px,3.3vw,48px);font-weight:700;margin-bottom:25px}h3{font-size:30px;font-weight:600}em{font-family:Georgia,serif;font-weight:400}p{margin-bottom:22px}img{max-width:100%;height:auto}.wrap{max-width:1280px;margin:auto;padding-left:56px;padding-right:56px}.announcement{background:#263329;color:#f6f3ec;display:flex;justify-content:space-between;padding:7px 56px;font-size:10px;font-weight:600;letter-spacing:.17em}header{min-height:104px;display:flex;align-items:center;gap:35px;padding:14px 48px;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--paper)}.brand{display:flex;align-items:center;gap:13px;font-weight:800;font-family:'Manrope',sans-serif;letter-spacing:-.03em;font-size:22px;line-height:1.2}.brand>span>span{display:block;font-family:'DM Sans';font-weight:500;font-size:8px;letter-spacing:.17em;margin-top:7px}.brand img{object-fit:contain}nav{display:flex;gap:28px;margin-left:auto}nav a{font-size:13px;position:relative}nav a[aria-current]{color:#b33c17}nav a[aria-current]:after{content:'';position:absolute;width:4px;height:4px;background:var(--orange);border-radius:50%;bottom:-8px;left:50%}.nav-cta{font-size:12px;padding:13px 18px;border:1px solid var(--ink);border-radius:5px}.nav-cta span{margin-left:20px}.menu{display:none}.skip{position:absolute;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;line-height:1.5;margin-bottom:25px}.dot{width:7px;height:7px;background:var(--orange);border-radius:50%;display:inline-block;margin-right:8px}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:620px;max-width:1600px;margin:auto}.hero-content{padding:70px 20px 25px 56px}.hero-content>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8}.hero h1 em{color:#c7502b}.actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button{padding:15px 21px;border-radius:5px;display:inline-flex;align-items:center;gap:40px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.orange{background:var(--orange);color:#191f18}.dark{background:var(--ink);color:white}.text-link{font-size:12px;font-weight:600;display:inline-block;border-bottom:1px solid;padding-bottom:4px}.hero-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;margin-top:65px;padding-right:14px}.hero-world{overflow:hidden;position:relative;background:#283a2c;isolation:isolate;color:#fff5d8;border-radius:0 0 0 100px;display:flex;align-items:center;justify-content:center}.hero-world:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#a1b38740 1px,transparent 1px);background-size:23px 23px;opacity:.3}.hero-world:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,#16291d99);z-index:-1}.hero-logo{width:90%;position:relative;z-index:2;filter:drop-shadow(0 30px 25px #101c1680);transform:translateY(calc(var(--scroll) * -25px)) rotate(calc(var(--scroll) * -3deg));will-change:transform}.orbit{position:absolute;width:650px;height:390px;border:1px solid #91a07235;border-radius:50%;transform:rotate(-30deg) translateY(calc(var(--scroll) * 40px))}.o2{width:810px;height:560px}.o3{width:990px;height:730px}.world-label{position:absolute;top:35px;left:35px;font-size:9px;letter-spacing:.17em;line-height:1.6;color:#c8cead}.world-glow{position:absolute;width:350px;height:350px;background:#ec9c44;filter:blur(100px);opacity:.18}.ember-note{position:absolute;z-index:3;right:28px;bottom:55px;transform:rotate(-7deg);background:#e5efb0;color:#263329;padding:13px 20px;border-radius:3px;box-shadow:3px 6px 0 #102b1980}.ember-note span{font:italic 24px Georgia;display:block}.ember-note small{font-size:9px}.coordinate{position:absolute;bottom:20px;left:40px;font-size:8px;letter-spacing:.18em;color:#c9cbb3}.ticker{display:flex;justify-content:space-around;align-items:center;padding:25px 35px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em;gap:20px}.ticker b{font-size:23px;font-weight:400;color:#d86139}.section{padding-top:90px;padding-bottom:75px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:30px}.section-head .eyebrow{margin-bottom:14px}.section-head h2{margin-bottom:0}.section-head>a{white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product-art{height:265px;background:#e7e9dc;border-radius:7px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-art>span{position:absolute;bottom:12px;left:16px;font-size:7px;letter-spacing:.14em;color:#565e50}.category:nth-child(2) .product-art{background:#ede7dc}.category:nth-child(3) .product-art{background:#e6dfcb}.card-meta{display:flex;justify-content:space-between;margin-top:16px;font-family:Manrope;font-size:16px;font-weight:700;letter-spacing:-.04em}.category p{font-size:12px;color:var(--muted);margin-top:4px}.category:hover .product-art>.nest,.category:hover .tube{transform:rotate(-10deg) translateY(-5px)}.nest{width:200px;height:145px;border:10px solid #c6c3a7;background:#625e45;border-radius:22px;transform:rotate(-17deg);box-shadow:10px 17px 0 #a5a58c,18px 30px 25px #33392a35;position:relative;transition:transform .3s}.chamber{position:absolute;background:#eee9d4;border:3px solid #c6bea2;z-index:1;border-radius:45%;width:68px;height:48px}.c1{left:8px;top:7px}.c2{right:8px;top:7px}.c3{left:8px;bottom:7px}.c4{right:8px;bottom:7px}.tunnel{position:absolute;background:#eee9d4;width:60px;height:16px;top:23px;left:59px}.t2{top:85px}.t3{top:46px;left:87px;width:17px;height:50px}.tube{height:45px;width:190px;transform:rotate(-32deg);border:3px solid #c0c5be;border-radius:10px 35px 35px 10px;background:linear-gradient(#ffffffaa,#cae0da88,#ffffffbb);box-shadow:12px 25px 15px #69624a22;transition:transform .3s}.tube:before{content:'';position:absolute;background:#f6f2e6;left:8px;width:38px;height:100%;border-radius:8px}.tube:after{content:'';position:absolute;background:#8bad9f60;right:0;width:50px;height:100%;border-radius:0 30px 30px 0}.tweezers{position:absolute;height:160px;width:19px;border:5px solid #9b9e91;border-bottom:0;transform:translate(55px,20px) rotate(29deg);border-radius:15px 15px 0 0;box-shadow:8px 10px 13px #4442}.seed{position:absolute;width:30px;height:65px;background:linear-gradient(90deg,#a16c29,#e9c680 45%,#85602e 50%,#c6984c 65%,#e3c286);border-radius:70% 20% 70% 20%;box-shadow:5px 9px 8px #62513230;transform:rotate(40deg)}.s1{left:28%;top:28%;transform:rotate(-35deg)}.s2{left:47%;top:24%;transform:rotate(20deg)}.s3{left:65%;top:34%;transform:rotate(60deg)}.s4{left:38%;top:53%;transform:rotate(85deg)}.s5{left:58%;top:62%;transform:rotate(-25deg)}.small{font-size:10px;color:var(--muted)}.meet{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:55px;padding-bottom:55px;background:#eaecdf;border-radius:12px}.meet p{color:#606755;font-size:14px;max-width:470px}.meet .eyebrow{color:var(--ink)}.ember-stage{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#d8deb9 0%,transparent 68%)}.mascot{width:350px;object-fit:contain;filter:drop-shadow(0 15px 12px #3d442b20)}.ember-stage .mascot{transform:translateY(calc(var(--scroll) * -10px)) rotate(calc(var(--scroll) * 4deg))}.handwritten{position:absolute;bottom:0;left:20px;font:italic 20px Georgia;color:#526446;transform:rotate(-6deg)}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.news{padding:35px 38px 30px;position:relative;border-radius:8px;min-height:295px;overflow:hidden}.news:after{content:'';position:absolute;border:1px solid currentColor;opacity:.15;width:300px;height:300px;border-radius:50%;right:-110px;top:-70px}.orange-news{background:#efba86}.dark-news{background:#293a2c;color:#f0f1dc}.news h3{font-size:36px}.news p{font-size:12px;max-width:320px}.arrow{position:absolute;right:28px;bottom:24px;font-size:28px}.newsletter{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:60px;padding-bottom:65px;align-items:center}.newsletter h2{margin-bottom:15px}.newsletter .eyebrow{margin-bottom:12px}.newsletter p{font-size:12px}.newsletter label{font-size:11px;display:block;margin-bottom:8px}.email-row{display:flex;border-bottom:1px solid var(--ink)}input{padding:15px 0;border:0;background:transparent;color:var(--ink);min-width:0;width:100%;outline-offset:2px}button[type=submit]{border:0;background:transparent;white-space:nowrap;font-weight:600;font-size:12px}footer{background:#e9ebdf;padding:45px 56px 18px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-top p{font-size:12px;color:#636956;margin:auto}.footer-top>div{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;gap:10px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ced2c1;padding-top:20px;font-size:9px;color:#616855;gap:25px}.socials{display:flex;gap:20px}.page-heading{padding-top:70px;padding-bottom:40px}.intro{max-width:570px;color:var(--muted);font-size:17px}.store-section{padding-top:0}.notice{padding:15px 20px;background:#e8e9dd;font-size:12px;border-left:3px solid #818b66;margin-bottom:30px}.live-banner{background:#293a2c;color:#f4f1db;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;margin-top:40px}.live-banner h2{font-size:30px;margin:0}.live-banner .eyebrow{margin-bottom:12px}.live-banner>span{font-size:12px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:90px;align-items:center}.large{height:380px}.large .nest{scale:1.35}dl{font-size:12px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding:20px 0}dd{margin:0;color:var(--muted)}.coming{min-height:60vh;text-align:center;display:flex;flex-direction:column;justify-content:center}.coming h1{font-size:clamp(50px,8vw,110px)}.about-meet{margin-bottom:70px}.search{max-width:500px;border:1px solid var(--line);padding:13px 18px;border-radius:5px;margin-bottom:35px;background:#fff8}.search-label{display:block;font-size:12px;margin-bottom:5px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-card{border:1px solid var(--line);border-radius:7px;overflow:hidden}.photo-placeholder{background:#e6e9db;min-height:210px;display:flex;align-items:center;justify-content:center;text-align:center;color:#626e56;font-size:10px;letter-spacing:.14em}.guide-info{padding:24px}.guide-info h3{font-size:21px;letter-spacing:-.035em}.guide-info p{font-size:12px}.guide-info .eyebrow{font-size:8px}.guide-layout{display:grid;grid-template-columns:280px 1fr;gap:65px;padding-bottom:80px}.guide-section{padding:25px 0;border-bottom:1px solid var(--line)}.guide-section h2{font-size:26px}.placeholder{color:var(--muted);font-size:13px}.blog-feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.blog-art{background:#e1e5d2;border-radius:8px;display:flex;justify-content:center;padding:35px}.blog-art .mascot{transform:rotate(-9deg)}.blog-feature p{color:var(--muted)}.article{max-width:850px;padding-bottom:80px}.article-image{display:flex;justify-content:center;background:#e7e9da;border-radius:8px;margin-bottom:40px}.article h2{font-size:30px}.article-image .mascot{height:320px;width:auto;transform:rotate(6deg)}[hidden]{display:none!important}
@media(min-width:1500px){header,.announcement{padding-left:max(56px,calc((100vw - 1400px)/2));padding-right:max(56px,calc((100vw - 1400px)/2))}.hero-content{padding-left:110px}}
@media(max-width:1100px){header{padding:14px 28px;gap:20px}.nav-cta{display:none}nav{gap:24px}.hero-content{padding-left:35px}.hero h1{font-size:62px}.actions{gap:15px}.hero-foot{font-size:7px}.wrap{padding-left:35px;padding-right:35px}.meet{gap:30px;margin-left:20px;margin-right:20px}.product-art{height:230px}.nest{scale:.85}.ticker{font-size:8px}.hero{min-height:590px}.hero-content{padding-top:65px}}
@media(max-width:760px){.announcement{padding:7px 20px;font-size:7px}.announcement span{font-size:7px}header{min-height:84px;padding:10px 20px;justify-content:space-between}.brand{font-size:18px}.brand img{width:58px}.brand>span>span{font-size:6px}.menu{display:block;border:1px solid #bbc0ac;background:transparent;padding:7px 12px;border-radius:4px;font-size:12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:25px;box-shadow:0 15px 20px #0001;flex-direction:column}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-content{padding:45px 24px 25px}.hero h1{font-size:clamp(48px,10.5vw,72px)}.hero-content>p:not(.eyebrow){font-size:13px}.hero .eyebrow{font-size:8px}.hero-foot{margin-top:40px;font-size:6px}.hero-world{height:440px;border-radius:0 0 0 65px}.hero-logo{height:345px;width:auto;max-width:88%;object-fit:contain}.world-label{font-size:7px;top:20px;left:22px}.ember-note{bottom:30px;right:20px}.ember-note span{font-size:20px}.coordinate{font-size:6px}.ticker{padding:18px;gap:15px;flex-wrap:wrap;font-size:7px}.ticker span{width:38%;text-align:center}.ticker b{font-size:16px}.ticker b:last-of-type{display:none}.wrap{padding-left:24px;padding-right:24px}.section{padding-top:55px;padding-bottom:45px}.section-head{align-items:start;flex-direction:column;gap:15px}.section-head .eyebrow{font-size:8px}.category-grid{grid-template-columns:1fr;gap:25px}.product-art{height:260px}.nest{scale:1.1}.category p{margin-bottom:0}.category-grid+.small{margin-top:20px}.meet{grid-template-columns:1fr;margin:0 15px;gap:28px;padding-top:20px;padding-bottom:40px}.ember-stage{min-height:290px}.mascot{width:280px}.handwritten{font-size:17px;left:5px}.meet p{font-size:13px}.news-grid{grid-template-columns:1fr}.news{padding:28px;min-height:265px}.news h3{font-size:32px}.newsletter{grid-template-columns:1fr;gap:15px;padding-top:40px;padding-bottom:40px}.newsletter .small{font-size:9px}footer{padding:35px 24px 20px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top p{margin:0;font-size:11px}.footer-top>div{align-items:start}.footer-bottom{flex-direction:column;gap:15px}.footer-bottom .socials{flex-wrap:wrap}.page-heading{padding-top:45px;padding-bottom:25px}.page-heading h1{font-size:45px}.intro{font-size:14px}.store-section{padding-top:0}.live-banner{padding:25px;gap:20px;flex-direction:column;align-items:start}.live-banner h2{font-size:28px}.product-detail,.guide-layout,.blog-feature{grid-template-columns:1fr;gap:30px}.large{height:300px}.guide-grid{grid-template-columns:1fr}.guide-layout{padding-bottom:45px}.guide-section h2{font-size:24px}.about-meet{margin-bottom:40px}.article{padding-bottom:40px}.article .notice{font-size:11px}.coming{min-height:55vh}.actions{flex-wrap:wrap}.button{gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}.hero-logo{will-change:auto}}
.care-intro{display:flex;gap:25px;align-items:center;padding:20px 30px;background:#e9ecdc;border-radius:8px;margin-bottom:35px}.care-intro img{object-fit:contain;width:140px;height:130px}.care-intro p{margin-bottom:8px}.care-intro .eyebrow{font-size:9px}.care-intro p:last-child{font-size:13px;color:var(--muted)}@media(max-width:760px){.care-intro{padding:18px;gap:15px}.care-intro img{width:95px;height:100px}.care-intro p:last-child{font-size:11px}}
/* Ember Lab: graphite surfaces, electric blue details, ember-orange accents. */
:root{--paper:#f0f3f7;--ink:#182434;--muted:#596b7d;--line:#ccd7e3;--orange:#ff743d;--blue:#42ccff}
.announcement{background:#101722;color:#c6e9ff}header{background:#f0f3f7ed}.brand>span>span,.eyebrow,.hero-foot,.coordinate,.world-label,.ticker,.small{font-family:'DM Sans',sans-serif}.eyebrow{letter-spacing:.2em}nav a[aria-current]{color:#ad390c}.nav-cta{border-color:#839ab0;background:#fff7}h1,h2,h3{letter-spacing:-.05em}.hero h1 em{color:#cc4c17}.hero-world{background:#101c2e;border-radius:0 0 0 48px;border-left:1px solid #55c8fa60;perspective:1100px}.hero-world:before{background-image:linear-gradient(#44bfff15 1px,transparent 1px),linear-gradient(90deg,#44bfff15 1px,transparent 1px);background-size:38px 38px;opacity:.85;transform:translateY(calc(var(--scroll) * -22px))}.hero-world:after{background:radial-gradient(ellipse at 50% 50%,#21588455,transparent 65%),linear-gradient(180deg,transparent,#080d1966)}.world-glow{background:#008fff;opacity:.22}.orbit{border-color:#52cbff38;box-shadow:0 0 25px #008bff08}.world-label,.coordinate{color:#9cdcff}.ember-note{background:#b8eaff;color:#13243b;box-shadow:4px 6px 0 #008dcc36;border:1px solid #d7f5ff}.dot{box-shadow:0 0 12px #ff743d80}.ticker{background:#e8eef6}.ticker b{color:#007faf}.button{border-radius:4px}.orange{color:#192432}.dark{background:#152238}.product-art,.category:nth-child(2) .product-art,.category:nth-child(3) .product-art{background-color:#e0e7f0;background-image:linear-gradient(#8bacc022 1px,transparent 1px),linear-gradient(90deg,#8bacc022 1px,transparent 1px);background-size:24px 24px;border:1px solid #c9d5e3;border-radius:8px}.product-art>span{color:#526579}.meet{background:#e3ebf5;border:1px solid #cbd8e6}.meet p{color:#526479}.ember-stage{background:radial-gradient(ellipse,#7dcaff3d,transparent 68%)}.handwritten{color:#326486}.news.orange-news{background:#ffd5b5}.news.dark-news{background:#122238;color:#e8f5ff}.newsletter{border-color:#cbd8e6}footer{background:#152132;color:#edf3fc}.footer-top p,.footer-bottom{color:#afc1d6}.footer-bottom{border-color:#334255}.notice{background:#e0eaf5;border-color:#249ecc}.live-banner{background:#13243a;color:#e1f4ff}.photo-placeholder,.blog-art,.article-image,.care-intro{background:#e0e9f4;color:#526a83}.menu{border-color:#a4b5c9}.footer-top .brand img{filter:drop-shadow(0 0 12px #49b5ff30)}
/* Each mascot receives its own viewport-relative scroll and pointer transforms. */
.hero-logo,.mascot,.care-intro img{--mx:0;--my:0;--travel:0;--boost:1;transform:perspective(1000px) translate3d(calc(var(--mx) * 15px),calc(var(--travel) * -28px + var(--my) * 10px),0) rotateX(calc(var(--my) * -7deg)) rotateY(calc(var(--mx) * 10deg)) rotateZ(calc(var(--travel) * 4deg + var(--mx) * 3deg)) scale(var(--boost));transition:transform .22s ease-out,filter .25s;transform-origin:50% 65%;will-change:auto}
.ember-stage .mascot,.blog-art .mascot,.article-image .mascot{transform:perspective(1000px) translate3d(calc(var(--mx) * 15px),calc(var(--travel) * -28px + var(--my) * 10px),0) rotateX(calc(var(--my) * -7deg)) rotateY(calc(var(--mx) * 10deg)) rotateZ(calc(var(--travel) * 5deg + var(--mx) * 4deg)) scale(var(--boost))}
.hero-logo:hover,.mascot:hover,.care-intro img:hover{--boost:1.035;filter:drop-shadow(0 15px 22px #3db9ff55)}
/* Animated food illustration, built from the existing native CSS artwork. */
.seeds{--travel:0}.seeds .seed{left:auto;top:auto;transition:translate .24s ease-out;translate:0 calc(var(--travel) * -12px)}.seeds .s1{left:20%;top:24%;rotate:-12deg}.seeds .s2{left:38%;top:20%}.seeds .s3{left:58%;top:19%;scale:.8}.seeds .s4{left:27%;top:60%;scale:.85}.seeds .s5{left:75%;top:49%;scale:.7}.cricket{position:absolute;width:110px;height:85px;left:43%;top:49%;rotate:-15deg;translate:calc(var(--travel) * 9px) calc(var(--travel) * -8px);filter:drop-shadow(3px 7px 4px #15243c26);transition:translate .24s}.bug-body{position:absolute;width:65px;height:26px;border-radius:65% 30% 50% 45%;background:linear-gradient(160deg,#b98243,#654522);left:13px;top:24px;border:2px solid #503819;z-index:2}.bug-body:after{content:'';position:absolute;width:38px;height:1px;background:#dcaa63;rotate:12deg;left:6px;top:10px}.bug-head{position:absolute;width:22px;height:24px;border-radius:50%;background:#805327;left:70px;top:22px;z-index:3}.bug-head:after{content:'';width:4px;height:4px;background:#151e29;position:absolute;right:3px;top:5px;border-radius:50%}.bug-leg{position:absolute;width:39px;height:25px;border-left:4px solid #8f6636;border-top:3px solid #9f743e;top:13px;left:18px;rotate:24deg;transform-origin:right bottom}.bug-leg.l2{top:37px;rotate:-34deg;scale:1 -1}.bug-leg.l3{left:60px;top:13px;width:21px;height:23px;rotate:65deg;border-width:2px}.bug-leg.l4{left:62px;top:42px;width:22px;height:20px;rotate:-60deg;border-width:2px}.bug-antenna{position:absolute;left:85px;top:10px;width:36px;height:18px;border-top:1px solid #765329;rotate:-30deg;transform-origin:left bottom}.bug-antenna.a2{top:23px;rotate:9deg}.mealworm{position:absolute;display:flex;left:11%;top:47%;rotate:27deg;translate:calc(var(--travel) * -7px) calc(var(--travel) * 7px);filter:drop-shadow(3px 6px 3px #24324725);transition:translate .24s}.mealworm i{display:block;width:9px;height:20px;border-radius:40%;background:linear-gradient(90deg,#a7783d,#eac082,#bb8950);border:1px solid #a87943;margin-left:-2px;transform:translateY(calc(var(--bend,0) * 1px))}.mealworm i:nth-child(2),.mealworm i:nth-child(7){--bend:-3}.mealworm i:nth-child(3),.mealworm i:nth-child(6){--bend:-5}.mealworm i:nth-child(4),.mealworm i:nth-child(5){--bend:-6}.mealworm i:last-child{background:#805329;width:8px;height:16px;margin-top:2px}
.seeds.motion-active .seed{animation:seed-bob 1.1s ease-in-out 2 alternate}.seeds.motion-active .s2,.seeds.motion-active .s4{animation-delay:.13s}.seeds.motion-active .cricket{animation:cricket-hop .9s ease-in-out 2}.seeds.motion-active .bug-leg{animation:leg-twitch .25s ease-in-out 6 alternate}.seeds.motion-active .mealworm i{animation:worm-wave .6s ease-in-out 3 alternate}.seeds.motion-active .mealworm i:nth-child(even){animation-delay:.15s}
@keyframes seed-bob{to{translate:3px -10px;rotate:10deg}}@keyframes cricket-hop{0%,100%{translate:0 0}45%{translate:7px -14px}70%{translate:10px 0}}@keyframes leg-twitch{to{transform:rotate(12deg)}}@keyframes worm-wave{to{transform:translateY(2px) rotate(9deg)}}
@media(prefers-reduced-motion:reduce){.hero-logo,.mascot,.care-intro img,.ember-stage .mascot,.blog-art .mascot,.article-image .mascot,.seeds *{transform:none!important;translate:none!important;animation:none!important;transition:none!important}.hero-world:before{transform:none!important}}
.product-art.nest{width:auto;height:265px;margin:0;transform:none;scale:1;box-shadow:none;border:1px solid #c9d5e3;border-radius:8px}.product-art.large.nest{height:380px}@media(max-width:1100px){.product-art.nest{height:230px}}@media(max-width:760px){.product-art.nest{height:260px}.product-art.large.nest{height:300px}}
/* A consistent hero silhouette; Ember stays still while her expression animates. */
.hero-world{border-radius:32px!important;margin:22px 24px 22px 0;min-height:560px}
.hero-logo,.hero-logo:hover,.mascot,.mascot:hover,.care-intro img,.care-intro img:hover,.ember-stage .mascot,.blog-art .mascot,.article-image .mascot{transform:none!important;transition:none!important;--boost:1;filter:drop-shadow(0 15px 12px #132d4825)}
@media(max-width:760px){.hero-world{margin:0 18px 22px;min-height:0;height:440px;border-radius:24px!important}}
header .brand img{width:112px;height:94px;object-fit:contain}header{min-height:124px}header .brand{gap:14px}@media(max-width:1100px){header .brand img{width:96px;height:82px}header .brand{font-size:19px}nav{gap:20px}}@media(max-width:760px){header .brand img{width:88px;height:74px}header{min-height:94px;padding:10px 18px}header .brand{font-size:16px;gap:10px}header .brand>span>span{font-size:5.5px}}
.ember-interactive{border:0;padding:0;margin:0;background:none;width:90%;position:relative;z-index:2;display:block;cursor:pointer;line-height:0}.ember-interactive .hero-logo{width:100%;height:auto;max-width:100%;object-fit:contain}.ember-interactive:focus-visible{outline:2px solid #42ccff;outline-offset:9px;border-radius:12px}@media(max-width:760px){.ember-interactive{width:88%;max-width:410px}.ember-interactive .hero-logo{max-height:350px;width:100%}}
.wink-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:ellipse(11% 13% at 26% 37%);opacity:0;pointer-events:none}.is-winking .wink-layer{opacity:1}@media(prefers-reduced-motion:reduce){.wink-layer{display:none}}
/* Large standalone brand mark; individual character actions throughout the site. */
header .brand .logo-art{width:224px;flex:none}header .brand img{width:100%;height:auto}header{min-height:205px;padding-top:8px;padding-bottom:8px}header .brand{gap:0}.logo-art{position:relative;display:block;line-height:0}.logo-art img{display:block;width:100%;height:auto}.footer-logo{width:105px;flex:none}.sprite-frame{position:absolute;inset:0;opacity:0;pointer-events:none;width:100%;height:100%;object-fit:contain}.sprite-base{transition:opacity .14s ease!important}.sprite-frame{transition:opacity .14s ease}.sprite-active>.sprite-base{opacity:0}.sprite-active>.sprite-frame{opacity:1}.character-button{position:relative;display:block;border:0;background:transparent;padding:0;margin:0;line-height:0;cursor:pointer;width:350px;max-width:100%;flex:none}.character-button .mascot{width:100%;display:block;height:auto}.character-button .sprite-frame{height:100%}.character-button:focus-visible{outline:2px solid #168abb;outline-offset:8px;border-radius:12px}.care-intro .character-button{width:140px}.care-intro .character-button img{width:100%;height:auto}.article-image .character-button{width:340px}.article-image .mascot{width:100%;height:auto}.blog-art .character-button{width:350px}.hero-antenna{filter:drop-shadow(0 15px 12px #132d4825)}
@media(max-width:1100px){header .brand .logo-art{width:200px}header{min-height:178px}nav{gap:22px}}
@media(max-width:760px){header .brand .logo-art{width:176px}header{min-height:158px;padding:6px 18px}.character-button{width:280px}.care-intro .character-button{width:95px}.blog-art .character-button{width:280px}.article-image .character-button{width:280px}}
@media(prefers-reduced-motion:reduce){.sprite-frame{display:none!important}.sprite-active>.sprite-base{opacity:1!important}.sprite-base{transition:none!important}}

/* Cricket: a single coherent anatomical illustration, including all six legs. */
.cricket{width:140px;height:105px;left:39%;top:42%;object-fit:contain;rotate:-8deg}

/* All product illustrations react when their card enters the viewport. */
.product-art.motion-active>.nest{animation:nest-peek .9s ease-in-out 2}
.product-art.motion-active>.tube{animation:tube-peek .9s ease-in-out 2}
@keyframes nest-peek{0%,100%{transform:rotate(-17deg)}50%{transform:rotate(-10deg) translateY(-8px)}}
@keyframes tube-peek{0%,100%{transform:rotate(-32deg)}50%{transform:rotate(-22deg) translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.product-art.motion-active>.nest,.product-art.motion-active>.tube{animation:none!important}}