@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:#f8f7ef;--ink:#292e20;--muted:#6d7163;--lime:#d8f36a;--orange:#ed7545;--line:#dddfd0;--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}main{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #72842d;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.page-width{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:12px 20px;background:var(--lime);border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.header{display:flex;align-items:center;justify-content:space-between;min-height:112px;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:10px;align-items:center;font-family:var(--display);font-size:35px;font-weight:800;letter-spacing:-2.2px;line-height:1}.wordmark>svg{width:31px;height:33px;fill:currentColor;transform:rotate(-13deg)}.wordmark-dot{color:#7c8b46}.header-story{font-size:13px;font-weight:600;margin-left:40px}.header-story span{margin-left:12px;font-size:19px}.header-story:hover{color:#758633}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;background:var(--ink);color:var(--paper);font-weight:700;transition:transform .22s,background .22s,box-shadow .22s}.button:hover{transform:translateY(-3px);background:#404b2d;box-shadow:0 8px 20px #292e2015}.button:active{transform:translateY(0)}.button-small{padding:15px 21px;border-radius:100px;font-size:13px}.button svg{width:18px;height:18px}.hero{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:36px;padding-top:67px;padding-bottom:110px;min-height:770px}.hero-copy{z-index:2}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;display:flex;align-items:center;gap:9px;line-height:1.7}.status-dot{width:7px;height:7px;background:#7f9242;border-radius:50%;box-shadow:0 0 0 4px #7f924210}.title-wrap{position:relative;width:max-content}.hero h1{font-family:var(--display);font-size:clamp(96px,11.65vw,168px);font-weight:800;line-height:1.02;letter-spacing:-12px;margin:16px 0 14px}.title-period{color:#92a543}.title-spark{position:absolute;right:-48px;top:10px;fill:var(--orange);width:49px;height:49px;transform:rotate(11deg)}.hero-tagline{position:relative;font-family:var(--display);font-size:38px;line-height:1.2;letter-spacing:-1.7px;font-weight:700;width:max-content;margin:6px 0 25px}.hero-tagline>span{position:relative;z-index:1}.underline{position:absolute;width:224px;height:15px;bottom:-10px;left:0;fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round}.hero-description{color:var(--muted);font-size:15px;line-height:1.75;margin:31px 0 25px}.hero-actions{display:flex;align-items:center;gap:21px}.button-primary{border-radius:100px;padding:9px 9px 9px 26px;min-height:59px;gap:30px;font-size:15px;white-space:nowrap}.button-arrow{display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);width:42px;height:42px;transition:transform .3s}.button:hover .button-arrow{transform:rotate(45deg)}.button-arrow>svg{width:18px;height:18px}.chain-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px;white-space:nowrap}.chain-icon{display:grid;gap:2px;width:12px;transform:skew(-18deg)}.chain-icon i{height:2px;background:#899669}.contract-block{max-width:449px;margin-top:29px}.contract-label{font-size:8px;letter-spacing:1.7px;font-weight:700;display:block;margin-bottom:8px;color:#686e5c}.contract-bar{display:flex;align-items:center;border:1px solid #d7dacb;background:#f0f1e7;border-radius:11px;padding:6px;gap:10px;min-height:47px}.contract-prefix{font-size:10px;font-weight:700;padding:4px 0 4px 10px;color:#737960}.contract-bar input{border:0;outline:none;min-width:0;flex:1;background:transparent;color:#6b715e;font-family:monospace;font-size:10px;text-overflow:ellipsis;padding:8px 0}.copy-button{border:0;background:#e3e7d4;border-radius:7px;display:flex;gap:5px;align-items:center;padding:9px 10px;font-size:9px;font-weight:600;min-height:34px}.copy-button:disabled{opacity:.5}.copy-button:not(:disabled):hover{background:var(--lime)}.copy-button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}#contract-status{font-size:9px;margin:8px 0 0;color:#777b6d}
.hero-art{position:relative;margin-top:12px;align-self:start;height:539px;isolation:isolate}.photo-shell{position:absolute;top:15px;left:4%;width:92%;height:475px;border-radius:47% 47% 43% 43%;transform:rotate(5deg);overflow:hidden;border:8px solid var(--paper);box-shadow:0 18px 55px #2c34151a;z-index:2;animation:photo-enter 1s cubic-bezier(.2,.7,.2,1) both}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:51% 45%;transform:scale(1.09) rotate(-5deg)}.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#29351e25,transparent 35%);pointer-events:none}.orbit{position:absolute;z-index:0;inset:2% -2% 2% 0%;background:var(--lime);border-radius:49% 51% 43% 57% / 44% 49% 51% 56%;transform:rotate(-12deg)}.orbit-two{inset:3% 0 1% 0;background:transparent;border:1px solid #94a350;transform:rotate(13deg) scale(1.04)}.floating-spark{position:absolute;fill:var(--orange);z-index:3}.spark-left{width:57px;height:57px;left:-4%;top:43px;animation:gentle-turn 9s ease-in-out infinite}.spark-right{width:29px;height:29px;right:-4%;bottom:108px;fill:#86933a}.photo-tag{position:absolute;z-index:4;top:16px;right:-6px;background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:12px 18px;font-size:11px;font-weight:600;box-shadow:0 4px 0 #292e2007;transform:rotate(9deg);animation:tag-float 6s ease-in-out infinite}.photo-tag>span{color:var(--orange);margin-right:5px;font-size:17px;vertical-align:middle}.good-boy-stamp{position:absolute;z-index:5;bottom:12px;left:-10px;width:122px;height:122px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 6px var(--paper)}.good-boy-stamp>svg:first-child{width:100%;height:100%;animation:stamp-spin 35s linear infinite;fill:var(--ink);font-size:10px;font-weight:700;letter-spacing:1.65px}.stamp-paw{position:absolute;left:39px;top:40px;width:43px;height:43px;fill:var(--ink);transform:rotate(-13deg)}.boop-note{position:absolute;bottom:-24px;right:11%;display:flex;gap:8px;align-items:end;z-index:3;transform:rotate(-6deg);font-family:Georgia,serif;font-size:17px;font-style:italic}.boop-note>svg{width:59px;height:53px;fill:none;stroke:var(--ink);stroke-width:1.5;position:absolute;left:72%;bottom:28px;transform:rotate(7deg)}.pet-target{position:absolute;top:43%;left:33%;width:34%;height:27%;background:transparent;border:0;border-radius:50%;cursor:pointer;z-index:6}.pet-target-ring{position:absolute;inset:12%;border:2px solid #f8f7ef00;border-radius:50%;transition:border-color .2s,transform .2s}.pet-target:hover .pet-target-ring{border-color:#f8f7ef70;transform:scale(1.05)}.pet-target:active{transform:scale(.92)}#pet-effects{position:absolute;inset:0;pointer-events:none;z-index:7}.pet-effect{position:absolute;left:50%;top:50%;font-size:30px;color:var(--lime);text-shadow:0 2px 10px #292e2033;animation:pet-pop 1.2s ease-out forwards;pointer-events:none;font-weight:800}.pet-count{position:absolute;bottom:-54px;right:14%;font-size:11px;color:#737c5b}.scroll-note{position:absolute;left:0;bottom:29px;display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:1.4px;font-weight:600;color:#7d826f}.scroll-circle{width:24px;height:24px;border:1px solid #d6dbc6;border-radius:50%;display:grid;place-items:center;font-size:13px;transition:transform .2s}.scroll-note:hover .scroll-circle{transform:translateY(3px)}
.ticker{overflow:hidden;background:var(--lime);border-block:1px solid #c3da60;transform:rotate(-1.3deg);margin-inline:0;padding:24px 0;position:relative;z-index:5}.ticker-track{display:flex;width:max-content;animation:marquee 36s linear infinite}.ticker-group{display:flex;align-items:center;gap:52px;padding-right:52px;flex:none}.ticker-group span{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.8px;white-space:nowrap}.ticker-group svg{fill:var(--ink);width:26px;height:26px}.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:center;padding-block:110px 100px;position:relative}.billy-card{width:330px;max-width:100%;padding:13px 13px 0;background:#fffef7;border:1px solid #e6e5d9;box-shadow:0 10px 35px #292e200d;transform:rotate(-6deg);position:relative;margin-inline:auto}.card-photo{height:280px;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.12)}.card-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Georgia,serif;font-style:italic;font-size:17px;padding:21px 5px 24px}.card-caption svg{width:23px;height:23px;fill:var(--ink);transform:rotate(14deg)}.card-tape{position:absolute;width:108px;height:29px;left:calc(50% - 54px);top:-14px;background:#d7e69a95;z-index:2;transform:rotate(4deg);backdrop-filter:blur(1px)}.card-doodle{position:absolute;right:-49px;bottom:-23px;color:var(--orange);font-size:96px;line-height:1;font-family:Georgia,serif;font-weight:400;transform:rotate(15deg)}.about-copy .eyebrow{font-size:9px;letter-spacing:1.6px}.about h2{font-family:var(--display);font-size:56px;font-weight:800;line-height:1.08;letter-spacing:-3px;margin:20px 0 24px}.about h2 span{color:#879747}.about p{font-size:14px;line-height:1.9;color:var(--muted);max-width:380px;margin:0 0 15px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:11px;font-weight:700;border-bottom:1px solid #abb58e;padding-block:8px;margin-top:3px}.text-link svg{width:14px;height:14px;transition:transform .2s}.text-link:hover svg{transform:translate(2px,-2px)}.about-spark{position:absolute;width:36px;height:36px;fill:var(--orange);right:7px;top:130px;transform:rotate(12deg)}.closing{display:flex;justify-content:space-between;align-items:center;background:#eeefe3;border:1px solid #e1e4d4;border-radius:22px;padding:35px 42px;margin-bottom:50px}.closing .eyebrow{font-size:8px;letter-spacing:1.5px}.closing h2{font-family:var(--display);font-size:36px;font-weight:800;letter-spacing:-1.8px;margin:8px 0 0}.closing h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#7d8e3f}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:30px 36px;gap:20px}.footer .wordmark{font-size:28px}.footer .wordmark>svg{width:24px;height:25px}.footer>span{font-size:9px;color:#858a77}.back-top{font-size:8px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:10px}.back-top>span{font-size:16px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:16px 24px;border-radius:14px;background:var(--ink);color:var(--paper);font-size:13px;line-height:1.5;box-shadow:0 10px 40px #292e2030;z-index:30;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.reveal.is-pending{opacity:0;transform:translateY(24px)}.reveal{transition:opacity .7s,transform .7s}.hero-copy{animation:copy-enter .8s ease-out both}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes stamp-spin{to{transform:rotate(360deg)}}@keyframes tag-float{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-7px) rotate(7deg)}}@keyframes gentle-turn{0%,100%{transform:rotate(0)}50%{transform:rotate(25deg)}}@keyframes copy-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes photo-enter{from{opacity:0;transform:rotate(10deg) translateY(25px)}to{opacity:1;transform:rotate(5deg) translateY(0)}}@keyframes pet-pop{from{opacity:1;transform:translate(-50%,0) scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--drift,0px)),-150px) rotate(var(--turn,15deg)) scale(1.3)}}
@media(min-width:1500px){.hero{gap:70px}.hero-art{height:570px}.photo-shell{height:510px}.hero{padding-top:82px;padding-bottom:120px;min-height:820px}.hero h1{font-size:173px}.hero-tagline{font-size:42px}}
@media(max-width:1100px){.page-width{width:calc(100% - 72px)}.hero{gap:20px;min-height:730px;padding-top:60px}.hero h1{font-size:12vw;letter-spacing:-9px}.hero-tagline{font-size:33px}.hero-art{height:480px;margin-top:35px}.photo-shell{height:418px}.hero-actions{gap:13px}.chain-note{font-size:9px}.button-primary{gap:20px;padding-left:20px}.good-boy-stamp{width:100px;height:100px;bottom:20px}.stamp-paw{width:35px;height:35px;top:33px;left:33px}.boop-note{right:4%;bottom:-6px;font-size:15px}.photo-tag{font-size:10px;padding:10px 14px}.about{gap:65px}.about h2{font-size:49px}.title-spark{width:38px;height:38px;right:-36px}.about-spark{right:-8px}}
@media(max-width:800px){.page-width{width:calc(100% - 48px)}.header{min-height:88px}.header-story{display:none}.hero{grid-template-columns:1fr;gap:0;padding-top:42px;padding-bottom:69px;min-height:0}.hero-copy{max-width:550px}.hero h1{font-size:clamp(106px,21vw,158px);letter-spacing:-9px;margin-top:10px}.hero-tagline{font-size:36px}.hero-description{font-size:14px}.hero-art{width:min(480px,90%);height:510px;justify-self:center;margin-top:49px;margin-bottom:38px}.photo-shell{height:455px}.good-boy-stamp{bottom:3px;left:-6px}.boop-note{bottom:-28px;right:10%;font-size:17px}.pet-count{bottom:-51px}.hero-actions{gap:22px}.chain-note{font-size:10px}.contract-block{max-width:480px}.scroll-note{bottom:15px}.about{gap:40px;padding-block:80px 65px}.about h2{font-size:38px;letter-spacing:-2px}.about p{font-size:12px}.billy-card{padding:9px 9px 0}.card-photo{height:230px}.card-caption{font-size:13px;padding-block:17px}.card-doodle{font-size:70px;right:-29px}.about-copy .eyebrow{font-size:7px;letter-spacing:1px}.about-spark{width:25px;right:-8px;top:80px}.closing{padding:30px}.closing h2{font-size:29px}.closing .button-primary{font-size:13px;gap:14px}.ticker{padding-block:21px}.ticker-group{gap:35px;padding-right:35px}.ticker-group span{font-size:21px}.footer{flex-wrap:wrap}.footer>span{font-size:8px}}
@media(max-width:540px){.page-width{width:calc(100% - 40px)}.header{min-height:82px}.wordmark{font-size:32px}.button-small{padding:13px 17px;font-size:11px;gap:18px}.button-small svg{width:15px;height:15px}.hero{padding-top:35px}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero h1{font-size:clamp(100px,27vw,145px);letter-spacing:-8px;margin-bottom:14px}.title-spark{right:-30px;top:5px;width:33px;height:33px}.hero-tagline{font-size:31px;letter-spacing:-1.2px}.underline{width:190px}.hero-description{margin-top:25px;font-size:13px}.hero-actions{gap:17px}.button-primary{font-size:13px;min-height:55px;gap:19px;padding:8px 8px 8px 21px}.button-arrow{width:38px;height:38px}.chain-note{font-size:8px;gap:6px}.contract-block{margin-top:25px}.hero-art{width:92%;height:390px;margin-top:40px;margin-bottom:43px}.photo-shell{height:348px;left:2%;width:96%;border-width:6px}.photo-tag{right:-10px;top:5px;font-size:9px;padding:9px 12px}.spark-left{width:40px;left:-6%;top:32px}.spark-right{right:-7%;width:22px}.good-boy-stamp{width:91px;height:91px;bottom:-5px;left:-13px}.stamp-paw{width:32px;height:32px;left:30px;top:30px}.boop-note{font-size:15px;bottom:-32px;right:3%}.boop-note>svg{width:44px;bottom:23px}.pet-count{bottom:-52px;right:6%;font-size:9px}.ticker-group span{font-size:19px}.ticker-group svg{width:22px;height:22px}.ticker{padding-block:19px}.about{grid-template-columns:1fr;gap:51px;padding-block:75px 54px}.billy-card{width:270px}.card-photo{height:240px}.card-caption{font-size:15px;padding:18px 4px 22px}.about-copy{padding-inline:10px}.about-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.about h2{font-size:45px;margin-top:17px}.about p{font-size:13px;line-height:1.85}.about-spark{top:420px;right:8px;width:32px}.text-link{font-size:10px}.closing{align-items:start;gap:23px;flex-direction:column;padding:27px 25px;margin-bottom:30px;border-radius:18px}.closing h2{font-size:32px}.closing .eyebrow{font-size:7px}.footer{padding-block:26px;gap:22px}.footer .wordmark{font-size:25px}.footer>span{order:3;flex-basis:100%;font-size:8px}.footer .back-top{font-size:7px}.toast{font-size:12px;bottom:16px;width:max-content;padding:13px 18px}}
@media(max-width:370px){.hero h1{font-size:98px}.hero-art{height:348px}.photo-shell{height:307px}.chain-note{font-size:7px}.hero-actions{gap:10px}.title-spark{width:27px;right:-25px}.hero-tagline{font-size:29px}.contract-bar{gap:6px}.copy-button{padding-inline:7px}}
.pet-pop{position:absolute;left:50%;top:51%;font-size:30px;color:var(--lime);text-shadow:0 2px 10px #292e2044;animation:boop-float 1.2s ease-out both;animation-delay:var(--delay,0ms);pointer-events:none;font-weight:800}.pet-target.is-petted .pet-target-ring{border-color:var(--lime);transform:scale(1.1)}.reveal.is-revealed{animation:copy-enter .7s ease-out both}@keyframes boop-float{from{opacity:1;transform:translate(-50%,0) scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--x,0px)),-150px) rotate(var(--tilt,15deg)) scale(1.3)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.is-pending{opacity:1;transform:none}.photo-shell{transform:rotate(5deg)}.pet-effect,.pet-pop{display:none}}

.motion-toggle{border:1px solid var(--line);border-radius:100px;background:transparent;padding:9px 12px;font-size:9px;color:var(--muted)}.motion-toggle:hover{border-color:#879747;color:var(--ink)}.motion-toggle:disabled{opacity:.7;cursor:default}.motion-paused,.motion-paused *{scroll-behavior:auto!important}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .reveal.is-revealed{animation:none}.motion-paused .hero-copy,.motion-paused .photo-shell{animation:none}@media(max-width:540px){.footer{gap:15px}.motion-toggle{font-size:8px;padding:8px 10px}}
