@font-face{font-family:Bricolage;src:url('/fonts/bricolage.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/manrope.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--forest:#254e42;--leaf:#e7eee6;--butter:#f1e9a5;--muted:#526357;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--leaf);color:var(--forest);font:400 16px/1.75 Manrope,sans-serif;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}::selection{background:var(--butter)}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #7a6419;outline-offset:5px}header{text-align:center;padding:35px 24px 0}.brand{display:inline-flex;align-items:center;gap:9px;font:500 27px/1 Bricolage,sans-serif;letter-spacing:-.035em}main{text-align:center;padding:24px 24px 45px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font:500 clamp(42px,5vw,64px)/1.1 Bricolage,sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:20px 0 0}.tagline{font:500 clamp(18px,2.5vw,22px)/1.5 Bricolage,sans-serif;margin:23px 0 0}.description{max-width:54ch;font-size:15px;line-height:1.8;margin:19px 0 0;color:var(--muted)}.soon{font-size:14px;margin:25px 0 0}.motion-toggle{margin:19px 0 0;border:0;background:transparent;font:400 12px Manrope,sans-serif;color:var(--muted);padding:8px 12px;min-height:44px;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.motion-toggle[hidden]{display:none}footer{text-align:center;padding:20px 24px 25px;font-size:12px;color:var(--muted)}footer span{padding-inline:8px}.growing-scene{width:360px;max-width:100%;height:225px;position:relative}.flight-path{position:absolute;inset:0 0 35px;opacity:.65}.flight-path svg{width:100%;height:100%}.little-bee{position:absolute;width:51px;height:40px;top:26px;left:45px;animation:bee-flight 12s cubic-bezier(.45,0,.55,1) infinite}.little-bee svg{display:block;width:100%;height:100%;overflow:visible}.wing{transform-box:fill-box;transform-origin:50% 100%;animation:wing-flutter .25s ease-in-out infinite alternate}.wing-right{animation-delay:.13s}.shelf-scene{position:absolute;bottom:34px;left:48px;right:48px;height:107px}.shelf{height:9px;position:absolute;left:0;right:0;bottom:18px;border-radius:4px;background:#aebda1}.shelf-leg{width:9px;height:22px;position:absolute;bottom:0;background:#aebda1;border-radius:0 0 3px 3px}.shelf-leg.left{left:20px}.shelf-leg.right{right:20px}.little-books{position:absolute;left:22px;bottom:27px;height:62px;display:flex;align-items:end;gap:5px}.little-books span{display:block;width:18px;border-radius:4px 4px 1px 1px;background:var(--forest)}.little-books span:nth-child(1){height:49px;background:#4e7863;transform:rotate(-8deg);transform-origin:bottom}.little-books span:nth-child(2){height:62px;background:#9ead78}.little-books span:nth-child(3){height:53px;background:var(--butter)}.material-block{position:absolute;left:117px;bottom:27px;width:55px;height:55px;border-radius:7px;background:var(--butter);display:grid;place-items:center;animation:block-breathe 12s ease-in-out infinite}.material-block svg{width:31px;height:31px}.little-plant{position:absolute;right:22px;bottom:27px;width:46px;height:95px}.pot{position:absolute;bottom:0;width:44px;height:35px;border-radius:3px 3px 12px 12px;background:#728c66}.leaves{position:absolute;left:-5px;bottom:27px;width:55px;height:57px;transform-origin:center bottom;animation:plant-grow 12s cubic-bezier(.45,0,.55,1) infinite}.leaves svg{width:100%;height:100%;stroke-width:1.3}.small-flower{position:absolute;left:29px;bottom:19px;width:24px;height:24px;color:#6f8259;animation:flower-turn 12s ease-in-out infinite}.small-flower svg{width:100%;height:100%}.small-butterfly{position:absolute;right:12px;top:108px;width:27px;height:27px;color:#738861;animation:butterfly-float 8s ease-in-out infinite}.small-butterfly svg{width:100%;height:100%}
@keyframes bee-flight{0%,100%{transform:translate(0,0) rotate(-8deg)}25%{transform:translate(165px,-9px) rotate(8deg)}50%{transform:translate(235px,71px) rotate(-10deg)}75%{transform:translate(110px,75px) rotate(8deg)}}@keyframes wing-flutter{to{transform:scaleY(.7) rotate(8deg)}}@keyframes plant-grow{0%,100%{transform:scale(.8) rotate(-5deg)}50%{transform:scale(1.03) rotate(4deg)}}@keyframes block-breathe{0%,100%{transform:translateY(0) rotate(0)}45%,55%{transform:translateY(-6px) rotate(4deg)}}@keyframes flower-turn{0%,100%{transform:rotate(0)}50%{transform:rotate(30deg)}}@keyframes butterfly-float{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-11px) rotate(10deg)}}.motion-paused .growing-scene *{animation-play-state:paused!important}
@media(max-width:480px){header{padding-top:27px}.brand{font-size:25px}main{padding-top:16px;padding-bottom:25px}.growing-scene{width:320px;height:200px}.little-bee{width:43px;top:20px;left:26px}.shelf-scene{left:37px;right:37px;bottom:25px}.small-butterfly{right:7px;top:80px}h1{font-size:44px;margin-top:15px}.description{font-size:14px;max-width:40ch}.tagline{font-size:19px;margin-top:20px}.soon{font-size:13px;margin-top:22px}footer{font-size:11px;padding:20px}.flight-path{inset:0 0 20px}@keyframes bee-flight{0%,100%{transform:translate(0,0) rotate(-8deg)}25%{transform:translate(165px,-9px) rotate(8deg)}50%{transform:translate(235px,62px) rotate(-10deg)}75%{transform:translate(110px,62px) rotate(8deg)}}}
@media(max-width:359px){h1{font-size:38px}.growing-scene{transform:scale(.93);transform-origin:center bottom}.tagline{font-size:17px}}
@media(prefers-reduced-motion:reduce){.growing-scene *{animation:none!important}.little-bee{transform:translate(170px,0)}.leaves{transform:none}}