@font-face{font-family:Bricolage;src:url('assets/bricolage.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:Space;src:url('assets/space.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--paper:#f5f0e5;--ink:#28251f;--muted:#6c675c;--lime:#ccf45a;--kraft:#d9bb8e;--line:2px solid var(--ink);--shadow:4px 4px 0 var(--ink);--heading:Bricolage,'Arial Black',sans-serif;--body:Space,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a[data-link]{cursor:pointer}a[data-link][aria-disabled=true]{cursor:default}img{display:block;max-width:100%}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid #679924;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;background:var(--lime);padding:12px;z-index:30}.skip-link:focus{top:10px}.site-header{height:100px;border-bottom:var(--line);background:var(--paper);position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand>span{font-family:var(--heading);font-weight:800;font-size:36px;letter-spacing:-2px;position:relative}.brand-dot{font-family:var(--body);font-size:12px;position:absolute;top:3px;right:-13px;letter-spacing:0}.brand img{object-fit:contain}.navigation{display:flex;align-items:center;gap:32px}.nav-link{font-size:13px;font-weight:700;position:relative;padding-block:12px;white-space:nowrap}.nav-link:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:3px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-number{font-size:10px;font-weight:400;color:var(--muted);margin-right:6px}.header-actions{display:flex;align-items:center;gap:10px}.button{min-height:62px;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:13px 19px;border:var(--line);border-radius:7px;box-shadow:var(--shadow);font-size:13px;font-weight:700;letter-spacing:.01em;transition:transform .17s,box-shadow .17s,background .17s;position:relative}.button:not([aria-disabled=true]):hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.button:not([aria-disabled=true]):active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.button img{flex-shrink:0;width:32px;height:32px;object-fit:contain}.button .social-icon{width:25px;height:25px;margin-inline:3.5px}.button-arrow{font-size:21px;font-weight:400;margin-left:auto}.button-lime{background:var(--lime)}.button-paper{background:#fffaf0}.header-buy{min-height:47px;font-size:12px;gap:8px;padding:8px 13px;box-shadow:3px 3px 0 var(--ink)}.header-buy img{width:25px;height:25px}.header-buy>span{margin-left:8px;font-size:19px}.menu-toggle{display:none}.hero{overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:72px 74px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.1px;display:flex;align-items:center;gap:9px;margin-bottom:23px}.tiny-star{font-size:23px;line-height:1}h1,h2,h3,p,figure{margin:0}h1{font-family:var(--heading);font-size:clamp(76px,7.9vw,114px);font-weight:800;line-height:.91;letter-spacing:-7px}.gary-word{display:inline-block;position:relative;z-index:1}.period{color:#819b32}.word-underline{position:absolute;bottom:-13px;left:0;width:100%;height:29px;z-index:-1;overflow:visible}.word-underline path{fill:none;stroke:var(--lime);stroke-width:9;stroke-linecap:round}.hero-description{margin-top:33px;color:#635d52;line-height:1.7;font-size:15px;letter-spacing:-.2px}.hero-description strong{font-weight:700;color:var(--ink)}.hero-buttons{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:485px}.hero-note{font-size:13px;display:flex;align-items:center;gap:12px;margin:17px 0 0 15px;color:var(--muted);font-style:italic;transform:rotate(-2deg)}.hand-arrow{font-size:34px;line-height:1;color:var(--ink)}.hero-art{position:relative;padding:15px 0 10px;margin-top:6px}.gary-photo{border:var(--line);padding:10px 10px 0;background:#fffaf0;transform:rotate(3deg);box-shadow:7px 8px 0 var(--ink);border-radius:3px}.hero-image{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--ink)}.gary-photo figcaption{padding:15px 2px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:.7px}.gary-photo figcaption>span:last-child{font-size:22px;line-height:1}.photo-tape{position:absolute;z-index:3;top:-2px;left:26%;width:220px;padding:15px 10px;background:#d8c199e8;text-align:center;font-size:10px;font-weight:700;letter-spacing:2px;transform:rotate(-6deg);clip-path:polygon(2% 0,98% 0,100% 18%,98% 31%,100% 45%,98% 66%,100% 80%,98% 100%,0 100%,2% 82%,0 63%,2% 42%,0 20%)}.round-sticker{background:var(--lime);position:absolute;top:46px;right:-25px;z-index:3;width:126px;height:126px;border:var(--line);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);box-shadow:3px 3px 0 var(--ink)}.round-sticker>span:first-child{font-family:var(--heading);font-size:34px;font-weight:800;line-height:1.1;letter-spacing:-2px}.round-sticker strong{font-size:10px;letter-spacing:.4px}.sticker-star{font-size:25px;line-height:1.2}.photo-label{position:absolute;z-index:3;left:-31px;bottom:6px;width:154px;padding:13px 15px 11px;border:1.5px solid var(--ink);background:#fffaf0;transform:rotate(-8deg);box-shadow:3px 3px 0 #28251f35}.label-mini{font-size:8px;letter-spacing:1px;display:block;margin-bottom:4px}.photo-label strong{font-size:15px;letter-spacing:-.3px}.barcode{height:27px;margin-top:8px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 12px,transparent 12px 14px,var(--ink) 14px 15px,transparent 15px 19px)}.label-serial{font-size:6px;display:block;text-align:center;margin-top:4px}.art-spark{position:absolute;left:-32px;top:13px;font-size:57px;transform:rotate(16deg)}.ticker-strip{overflow:hidden;background:var(--lime);border-block:var(--line);padding:17px 0}.ticker-track{display:flex;align-items:center;gap:37px;width:max-content;animation:ticker 40s linear infinite;font-family:var(--heading);font-size:21px;font-weight:800;letter-spacing:-.5px}.ticker-track b{font-size:24px;line-height:1}.ticker-strip:hover .ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-50%)}}.roadmap{padding:69px 0 73px;background:var(--ink);color:var(--paper)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:21px;border-bottom:1px solid #f5f0e536}.section-label{font-size:11px;letter-spacing:1.2px;font-weight:700}.roadmap .section-label{color:var(--lime)}.section-aside{font-size:9px;letter-spacing:1px;opacity:.65}.roadmap-heading{margin-top:33px;display:flex;align-items:flex-end;gap:44px;position:relative}.roadmap h2,.chart-section h2{font-family:var(--heading);font-size:clamp(48px,5.1vw,72px);line-height:.96;font-weight:800;letter-spacing:-3.5px}.roadmap h2 span{color:var(--lime)}.roadmap-heading>p{font-size:14px;color:#c1baad;line-height:1.75;margin:0 0 3px auto}.road-doodle{font-size:85px;line-height:1;margin-left:14px;margin-bottom:-24px;color:var(--lime);transform:rotate(10deg)}.roadmap-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0;margin:45px 0 0}.roadmap-card{background:#f5f0e5;color:var(--ink);border:2px solid #13120f;padding:22px 24px 18px;box-shadow:5px 5px 0 #11100d;border-radius:3px;transition:transform .25s}.roadmap-card:hover{transform:translateY(-6px)}.roadmap-card:nth-child(2){background:#e6cfaa}.roadmap-card:nth-child(3){background:var(--lime)}.card-top{display:flex;align-items:center;justify-content:space-between}.phase{font-size:9px;font-weight:700;letter-spacing:1px;border:1px solid var(--ink);border-radius:20px;padding:6px 10px}.phase-icon{font-size:25px;line-height:1}.phase-number{font-family:var(--heading);font-size:76px;line-height:1;letter-spacing:-5px;font-weight:800;margin:25px 0 12px}.phase-number span{color:#8f9b55}.roadmap-card:nth-child(3) .phase-number span{color:#687d2f}.roadmap-card h3{font-family:var(--heading);font-size:25px;letter-spacing:-1px;line-height:1.05}.roadmap-card>p{font-size:12px;line-height:1.7;margin-top:15px;min-height:60px;color:#625b4e}.roadmap-card:nth-child(3)>p{color:#4c572e}.roadmap-card ul{list-style:none;padding:0;margin:22px 0 25px;min-height:76px}.roadmap-card ul li{font-size:11px;line-height:1.5;position:relative;padding-left:15px;margin-bottom:10px}.roadmap-card ul li:before{content:'↗';position:absolute;left:0}.card-foot{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.6px;font-weight:700;border-top:1px solid #28251f40;padding-top:14px}.card-foot>span{font-size:20px;line-height:1}.pack-banner{height:250px;margin-top:51px;border:2px solid #11100d;position:relative;overflow:hidden;border-radius:4px}.pack-banner>img{width:100%;height:100%;object-fit:cover;object-position:center 49%}.pack-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1d160bc7,transparent 68%)}.banner-caption{position:absolute;top:38px;left:31px;z-index:1}.banner-tag{display:inline-block;font-size:9px;letter-spacing:1.3px;border:1px solid #f5f0e5a0;padding:6px 9px;margin-bottom:17px}.banner-caption p{font-family:var(--heading);font-size:36px;line-height:1.04;font-weight:800;letter-spacing:-1.2px}.banner-stamp{position:absolute;right:30px;bottom:27px;z-index:1;width:97px;height:102px;border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:-7px;background:var(--lime);color:var(--ink);padding:14px 12px;font-weight:800;font-family:var(--heading);font-size:21px;line-height:.98;transform:rotate(9deg);box-shadow:4px 4px 0 var(--ink)}.banner-stamp span{font-size:19px}.chart-section{padding:68px 0 80px}.chart-section .section-top{border-color:#28251f42}.chart-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:35px}.chart-section h2 span{position:relative}.chart-heading p{font-size:14px;color:var(--muted);margin-top:20px}.chart-external{min-height:52px;padding:10px 15px;gap:9px;font-size:11px;margin-bottom:4px}.chart-window{margin-top:34px;border:var(--line);border-radius:7px;overflow:hidden;box-shadow:7px 7px 0 var(--ink);background:#111216}.chart-toolbar{background:var(--lime);color:var(--ink);display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:10px 19px;border-bottom:var(--line)}.chart-window-title{display:flex;align-items:center;gap:10px}.chart-window-title strong{font-size:14px;letter-spacing:-.2px}.chart-window-title>span{font-size:10px;letter-spacing:1px}.window-controls{display:flex;gap:6px}.window-controls>span{height:9px;width:9px;border:1px solid var(--ink);border-radius:50%}.window-controls>span:last-child{background:var(--ink)}#dexscreener-embed{width:100%;height:590px;border:0;display:block;background:#111216;color-scheme:dark}.chart-bottom{border-top:1px solid #ffffff26;display:flex;justify-content:space-between;align-items:center;padding:13px 19px;color:#b8b8aa;font-size:8px;letter-spacing:1px}.chart-bottom>span:last-child>span{color:var(--lime);margin-left:10px;font-size:13px}.site-footer{border-top:var(--line);padding:28px 0 22px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-brand>span{font-size:29px;letter-spacing:-1.7px}.footer-inner p{font-size:12px;color:var(--muted)}.footer-links{display:flex;align-items:center;gap:12px}.footer-links>a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:4px;background:#fffaf0;transition:background .2s}.footer-links>a:hover{background:var(--lime)}.footer-links>a.back-top{width:64px;gap:5px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #28251f24;padding-top:19px;margin-top:23px;font-size:8px;letter-spacing:.8px;color:var(--muted)}.footer-bottom>span:last-child span{margin-left:10px;color:var(--ink)}
img[src="assets/x.svg"]{filter:brightness(0)}
#dexscreener-embed[src="about:blank"]{opacity:0;pointer-events:none}
@media(min-width:1600px){.hero-inner{padding-block:85px 90px;gap:90px}.hero-copy h1{font-size:121px}.hero-description{font-size:16px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.navigation{gap:20px}.hero-inner{gap:40px;padding-block:62px}.hero-copy h1{font-size:88px;letter-spacing:-6px}.hero-description{font-size:13px}.button{gap:9px;padding:11px 12px;font-size:11px}.button img{width:28px;height:28px}.round-sticker{width:105px;height:105px;right:-16px}.round-sticker>span:first-child{font-size:28px}.round-sticker strong{font-size:8px}.photo-label{left:-20px;bottom:-8px;width:130px;padding:10px 12px}.photo-label strong{font-size:12px}.photo-tape{width:180px;padding:12px 5px;font-size:8px}.roadmap-card{padding:19px}.roadmap-card h3{font-size:22px}.roadmap-card ul li{font-size:10px}.road-doodle{display:none}.section-aside{font-size:8px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.site-header{height:78px}.header-inner{gap:15px}.brand img{width:47px;height:47px}.brand>span{font-size:29px}.header-buy{min-height:42px;font-size:11px}.navigation{gap:17px}.nav-number{display:none}.nav-link{font-size:11px}.hero-inner{gap:34px;padding-block:55px 65px}.hero-copy h1{font-size:72px;letter-spacing:-4.5px}.eyebrow{font-size:8px;letter-spacing:.4px;margin-bottom:19px;gap:5px}.tiny-star{font-size:18px}.hero-description{font-size:12px;line-height:1.7}.desktop-break{display:none}.hero-buttons{gap:11px}.hero-buttons .button{font-size:9px;padding:9px 8px;gap:5px;min-height:52px}.hero-buttons .button img{width:24px;height:24px}.hero-buttons .button .social-icon{width:19px;height:19px;margin-inline:2.5px}.button-arrow{font-size:17px}.hero-note{font-size:10px;gap:7px;margin-left:0}.round-sticker{top:28px;width:90px;height:90px}.round-sticker>span:first-child{font-size:24px}.round-sticker strong{font-size:7px}.sticker-star{font-size:21px}.photo-tape{top:0;left:22%;width:160px;font-size:7px}.gary-photo{padding:7px 7px 0;box-shadow:5px 6px 0 var(--ink)}.gary-photo figcaption{font-size:6px;padding:11px 0;letter-spacing:.3px}.art-spark{left:-23px;top:17px;font-size:37px}.photo-label{width:110px;left:-13px;bottom:-22px;padding:9px}.photo-label strong{font-size:10px}.label-mini{font-size:6px}.barcode{height:20px;margin-top:5px}.label-serial{font-size:5px}.ticker-strip{padding:13px 0}.ticker-track{font-size:17px;gap:24px}.roadmap,.chart-section{padding-block:50px}.roadmap h2,.chart-section h2{font-size:52px;letter-spacing:-2.5px}.roadmap-heading{gap:20px}.roadmap-heading>p{font-size:12px}.roadmap-grid{gap:15px;margin-top:30px}.roadmap-card{padding:17px 14px}.phase{font-size:8px;padding:5px 8px}.phase-number{font-size:62px;margin-top:21px}.roadmap-card h3{font-size:19px;letter-spacing:-.7px}.roadmap-card>p{font-size:10px;min-height:68px}.roadmap-card ul{min-height:102px;margin-top:16px;margin-bottom:15px}.roadmap-card ul li{font-size:10px;padding-left:12px}.card-foot{font-size:6px;letter-spacing:.2px}.pack-banner{height:210px;margin-top:36px}.banner-caption{top:31px;left:24px}.banner-caption p{font-size:29px}.banner-stamp{right:21px;bottom:22px}.chart-heading p{font-size:12px}.chart-external{font-size:9px;gap:5px}.chart-external img{width:23px;height:23px}#dexscreener-embed{height:520px}.footer-inner p{font-size:10px;max-width:200px;line-height:1.6}.footer-brand>span{font-size:25px}.footer-links{gap:8px}}
@media(max-width:640px){html{scroll-padding-top:84px}.wrap{width:calc(100% - 40px)}.site-header{height:74px}.brand img{width:44px;height:44px}.brand>span{font-size:28px}.brand-dot{font-size:9px;right:-10px}.header-actions{gap:10px}.header-buy{font-size:10px;min-height:39px;padding:6px 9px;gap:5px}.header-buy img{width:23px;height:23px}.header-buy>span{font-size:15px;margin-left:1px}.menu-toggle{display:flex;align-items:center;gap:4px;justify-content:center;min-height:40px;padding:6px;border:1.5px solid var(--ink);border-radius:4px;background:var(--paper);font-size:9px;font-weight:700}.menu-toggle img{width:22px;height:22px}.navigation{display:none;position:absolute;top:73px;left:0;right:0;padding:12px 20px 19px;background:var(--paper);border-bottom:var(--line);box-shadow:0 5px 0 #28251f15;gap:13px}.navigation.is-open{display:flex;justify-content:space-between}.nav-number{display:inline;font-size:8px;margin-right:3px}.nav-link{font-size:12px;padding-block:10px}.hero-inner{grid-template-columns:1fr;gap:46px;padding-block:37px 52px}.eyebrow{font-size:9px;letter-spacing:.8px;margin-bottom:20px}.tiny-star{font-size:21px}.hero-copy h1{font-size:clamp(80px,17.5vw,112px);letter-spacing:-5px;line-height:.9}.hero-description{font-size:14px;margin-top:27px;max-width:365px}.hero-buttons{margin-top:23px;max-width:none;gap:13px}.hero-buttons .button{min-height:58px;font-size:11px;padding:11px 13px;gap:9px}.hero-buttons .button img{width:28px;height:28px}.hero-buttons .button .social-icon{width:22px;height:22px;margin-inline:3px}.hero-note{font-size:12px;margin:16px 0 0 8px}.hero-art{width:calc(100% - 25px);margin:0 auto;padding:10px 0}.gary-photo{transform:rotate(2deg);padding:8px 8px 0;box-shadow:6px 6px 0 var(--ink)}.gary-photo figcaption{font-size:7px;letter-spacing:.3px;padding:13px 2px}.photo-tape{width:190px;left:24%;top:-7px;font-size:8px;padding:13px 8px}.round-sticker{width:108px;height:108px;top:37px;right:-19px}.round-sticker>span:first-child{font-size:30px}.round-sticker strong{font-size:9px}.sticker-star{font-size:25px}.photo-label{left:-15px;bottom:-10px;width:131px;padding:11px}.photo-label strong{font-size:13px}.label-mini{font-size:7px}.barcode{height:23px}.label-serial{font-size:6px}.art-spark{font-size:42px;left:-15px;top:2px}.ticker-strip{padding:14px 0}.ticker-track{font-size:19px;gap:26px}.section-top{padding-bottom:16px}.section-label{font-size:10px}.section-aside{display:none}.roadmap,.chart-section{padding-block:41px 44px}.roadmap-heading{display:block;margin-top:27px}.roadmap h2,.chart-section h2{font-size:53px;letter-spacing:-2.7px}.roadmap-heading>p{font-size:13px;line-height:1.7;margin-top:23px}.roadmap-grid{grid-template-columns:1fr;gap:21px;margin-top:29px}.roadmap-card{padding:23px 24px 19px}.phase{font-size:9px;padding:6px 10px}.phase-number{font-size:74px;margin:18px 0 9px}.roadmap-card h3{font-size:28px;letter-spacing:-1.1px}.roadmap-card>p{font-size:13px;min-height:0;margin-top:13px}.roadmap-card ul{min-height:0;margin-top:20px;margin-bottom:24px}.roadmap-card ul li{font-size:12px;padding-left:18px;margin-bottom:10px}.card-foot{font-size:8px;letter-spacing:.5px}.pack-banner{height:265px;margin-top:30px}.pack-banner>img{object-position:53% center}.pack-banner:after{background:linear-gradient(90deg,#1d160b91,transparent),linear-gradient(0deg,#1d160b99,transparent 70%)}.banner-caption{top:22px;left:20px}.banner-caption p{font-size:29px}.banner-tag{font-size:8px}.banner-stamp{width:82px;height:89px;font-size:18px;padding:12px;bottom:18px;right:18px}.chart-heading{display:block;margin-top:28px}.chart-heading p{font-size:13px;line-height:1.6;max-width:290px;margin-top:18px}.chart-external{display:inline-flex;min-height:47px;gap:10px;font-size:10px;margin-top:24px}.chart-external .button-arrow{margin-left:10px}.chart-window{margin-top:27px;box-shadow:4px 4px 0 var(--ink)}.chart-toolbar{min-height:52px;padding:9px 12px}.chart-window-title{gap:7px}.chart-window-title img{width:25px;height:25px}.chart-window-title strong{font-size:13px}.chart-window-title>span{font-size:8px;letter-spacing:.5px}.window-controls{gap:4px}.window-controls>span{height:7px;width:7px}#dexscreener-embed{height:490px}.chart-bottom{padding:12px;font-size:6px;letter-spacing:.4px}.chart-bottom>span:last-child>span{margin-left:4px}.footer-inner{flex-wrap:wrap;gap:17px}.footer-brand{order:1}.footer-inner p{order:3;max-width:none;flex-basis:100%;font-size:11px}.footer-links{order:2;margin-left:auto}.footer-links>a{width:34px;height:34px}.footer-links>a.back-top{width:52px}.footer-links>a.back-top img{width:23px;height:23px}.footer-bottom{font-size:6px;letter-spacing:.5px;margin-top:20px;gap:10px}.site-footer{padding-top:23px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand{gap:4px}.brand img{width:37px;height:37px}.brand>span{font-size:24px}.header-actions{gap:7px}.menu-toggle span{display:none}.menu-toggle{width:35px}.hero-buttons .button{font-size:10px;padding:10px;gap:7px}.round-sticker{right:-12px}.photo-tape{left:20%}.chart-window-title>span{font-size:7px}.footer-bottom{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* GARY's world: warm cardboard, soft shapes, tape, creases and slow movement. */
:root {
  --paper: #f3eddf;
  --ink: #2c2924;
  --muted: #716657;
  --lime: #d7dfa1;
  --kraft: #c9a675;
  --grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.55' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
  --torn-edge: polygon(0 20%,3% 37%,6% 12%,9% 30%,12% 16%,16% 38%,19% 24%,23% 43%,27% 19%,31% 34%,35% 14%,40% 40%,43% 26%,47% 39%,51% 17%,55% 33%,59% 21%,62% 43%,66% 18%,70% 33%,74% 14%,78% 37%,82% 23%,85% 41%,89% 17%,93% 35%,96% 18%,100% 32%,100% 100%,0 100%);
}
html { scroll-padding-top: 112px; }
body::before { background-image: var(--grain); opacity: .07; z-index: 30; }
.site-header { height: 98px; background: #f3eddfef; border-bottom: 1px solid #78654a40; backdrop-filter: blur(16px); }
.brand-dot,.nav-number { display: none; }
.nav-link { padding-inline: 8px; isolation: isolate; }
.nav-link::after { display: none; }
.nav-link::before { content: ''; position: absolute; inset: 5px -4px; z-index: -1; background: #d7c29c; opacity: 0; transform: rotate(-3deg) scaleX(.85); transition: opacity .25s,transform .25s; clip-path: polygon(2% 0,100% 3%,98% 32%,100% 68%,98% 100%,0 96%,2% 62%,0 29%); }
.nav-link:hover::before,.nav-link.active::before { opacity: .75; transform: rotate(-3deg) scaleX(1); }
.button { border-width: 1.5px; border-radius: 17px 19px 17px 13px; background: #fbf6ea; box-shadow: 0 5px 0 var(--ink),inset 0 2px 0 #ffffff8a; font-size: 12px; transition: transform .25s,box-shadow .25s,background .25s; }
.button:not([aria-disabled=true]):hover { background: #e7ddc8; transform: translateY(-3px) rotate(-1deg); box-shadow: 0 8px 0 var(--ink),inset 0 2px 0 #ffffff8a; }
.button:not([aria-disabled=true]):active { transform: translateY(4px); box-shadow: 0 1px 0 var(--ink); }
.button-lime { background: var(--lime); }
.button-lime:not([aria-disabled=true]):hover { background: #e1e9b1; }
.header-buy { border-radius: 14px; box-shadow: 0 3px 0 var(--ink); font-size: 11px; }
img[src="assets/dexscreener.png"] { object-fit: contain; border-radius: 4px; }

/* Daylight and a layered, taped photograph. */
.hero { position: relative; isolation: isolate; background: linear-gradient(122deg,#fffaf35c 0 44%,transparent 44% 57%,#e3cfac21 57% 65%,transparent 65%),radial-gradient(ellipse at 80% 48%,#dcc09880,transparent 58%); }
.hero::before { content: ''; position: absolute; z-index: -1; width: 760px; height: 760px; top: -240px; right: -120px; border: 1px solid #9e80592a; border-radius: 47% 53% 61% 39%; transform: rotate(-25deg); box-shadow: 0 0 0 32px #ad8c5a08,0 0 0 66px #ad8c5a06; }
.hero-inner { gap: 75px; padding-block: 93px 117px; }
.hero-copy { position: relative; }
h1 { font-size: clamp(70px,6.6vw,98px); line-height: 1.04; letter-spacing: -6px; }
.gary-word { font-size: 1.48em; line-height: .88; letter-spacing: -.065em; }
.period { color: #9a7a4e; }
.word-underline { width: 104%; left: -2px; }
.word-underline path { stroke: #b8c67a; stroke-width: 8; }
.hero-description { margin-top: 34px; font-size: 17px; color: var(--muted); }
.hero-buttons { gap: 18px 15px; max-width: 488px; margin-top: 32px; }
.hero-handling { width: 86px; height: 58px; color: #8a7353; opacity: .5; transform: rotate(-5deg); margin: 33px 0 0 3px; }
.hero-art { isolation: isolate; padding: 5px; margin-top: 0; }
.hero-art::before { content: ''; position: absolute; inset: 16% -7% -5% 9%; z-index: -2; background: #302d28; border-radius: 44% 49% 43% 48%; transform: rotate(-9deg); opacity: .16; filter: blur(30px); }
.cardboard-layer { position: absolute; inset: -18px -8px -13px -12px; z-index: -1; transform: rotate(-5deg); background: linear-gradient(95deg,#c9a775,#d7b582 58%,#bd965f); border: 1px solid #a7824f; border-radius: 4px; box-shadow: 2px 4px 0 #9b784b,8px 14px 25px #3a2d231a; }
.cardboard-layer::before { content: ''; position: absolute; inset: 0; background: var(--grain),repeating-linear-gradient(90deg,#7556300a 0 1px,transparent 1px 4px); opacity: .5; }
.cardboard-layer::after { content: ''; position: absolute; top: 0; bottom: 0; left: 68%; width: 1px; background: #98734645; box-shadow: 2px 0 1px #f3d8ac8c; }
.gary-photo { padding: 12px 12px 34px; background: #faf5e9; border: 1px solid #3a302ba3; border-radius: 5px; box-shadow: 2px 6px 13px #2f241b42; transition: transform .65s cubic-bezier(.22,.61,.36,1); }
.hero-art:hover .gary-photo { transform: rotate(1deg) translateY(-5px); }
.hero-image { border-radius: 2px; border: 1px solid #8c73575c; }
.photo-tape { width: 205px; height: 48px; padding: 0; top: -19px; left: 29%; background: linear-gradient(0deg,#e2c896bb,#cbb17fbf); border-inline: 1px solid #98775033; box-shadow: 0 2px 1px #50412d14; transform: rotate(-8deg); backdrop-filter: blur(2px); }
.photo-tape::after { content: ''; position: absolute; inset: 0; background: var(--grain); opacity: .17; }
.sleep-sticker { position: absolute; z-index: 3; top: 38px; right: -25px; width: 112px; height: 112px; display: flex; align-items: center; justify-content: center; padding: 8px 4px 0 0; background: var(--lime); border: 1.5px solid var(--ink); border-radius: 47% 51% 46% 50%; box-shadow: 2px 4px 0 #3a332c,inset -6px -5px 0 #bec785; transform: rotate(12deg); }
.sleep-sticker span { font: 800 55px/.9 var(--heading); letter-spacing: -5px; transform: rotate(-13deg); }
.sleep-sticker span:nth-child(2) { font-size: 39px; margin-top: -28px; }
.sleep-sticker span:nth-child(3) { font-size: 26px; margin-top: -53px; }
.photo-label { width: 145px; padding: 15px 16px; background: var(--paper); border: 1px solid #7d6e55; box-shadow: 2px 3px 2px #30261d2e; bottom: -4px; transform: rotate(-9deg); }
.photo-label strong { font: 800 23px var(--heading); letter-spacing: -1px; }
.barcode { display: block; }
.loose-thread { position: absolute; width: 133px; height: 100px; right: -14px; bottom: -80px; z-index: -2; transform: rotate(14deg); }
.loose-thread path { fill: none; stroke: #8b704c; stroke-width: 2; stroke-linecap: round; }

/* Kraft tags hanging from twine, with holes, stamps and perforations. */
.roadmap { position: relative; padding: 76px 0 80px; background: #302d28; }
.roadmap::before { content: ''; position: absolute; top: -22px; left: 0; right: 0; height: 25px; background: #302d28; clip-path: var(--torn-edge); }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.roadmap h2,.chart-section h2 { font-size: clamp(49px,5.4vw,76px); line-height: 1.05; letter-spacing: -4px; }
.roadmap h2 > span,.chart-section h2 > span { color: #b6c17a; }
.section-index { font: 500 16px var(--body); border: 1px solid #b8ad945e; border-radius: 50%; width: 45px; height: 45px; display: grid; place-items: center; color: #bdad90; }
.roadmap-parcels { position: relative; margin-top: 29px; padding-top: 49px; }
.parcel-string { width: calc(100% + 36px); height: 120px; position: absolute; left: -18px; top: -14px; pointer-events: none; overflow: visible; }
.parcel-string path { fill: none; stroke: #af9470; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 3 1; filter: drop-shadow(0 2px 1px #0009); }
.roadmap-grid { margin: 0; gap: 28px; align-items: start; }
.roadmap-card { --turn: -2deg; position: relative; padding: 61px 28px 22px; background: #dfc79f; border-radius: 30px 30px 3px 3px; border: 1px solid #a68a62; box-shadow: 3px 8px 0 #15130f45,0 15px 24px #0002; transform: rotate(var(--turn)); transform-origin: 50% 13px; transition: transform .65s cubic-bezier(.2,.7,.3,1),box-shadow .65s; }
.roadmap-card:nth-child(2) { --turn: 2deg; background: #ede5d3; margin-top: 19px; }
.roadmap-card:nth-child(3) { --turn: -1.5deg; background: #d1d7a7; }
.roadmap-card:hover { transform: rotate(0deg) translateY(-6px); box-shadow: 4px 12px 0 #15130f35,0 24px 32px #0003; }
.roadmap-card::before { content: ''; position: absolute; inset: 10px; pointer-events: none; border: 1px solid #67543629; border-radius: 22px 22px 0 0; }
.roadmap-card::after { content: ''; position: absolute; bottom: -1px; right: -1px; width: 27px; height: 27px; background: linear-gradient(135deg,#0001 0 47%,#ab916a 49% 53%,#302d28 55%); }
.tag-hole { width: 19px; height: 19px; border: 4px solid #b29972; background: #302d28; border-radius: 50%; position: absolute; top: 18px; left: calc(50% - 9px); box-shadow: inset 0 2px 2px #1118,0 1px 0 #fff6; }
.tag-hole::before { content: ''; position: absolute; height: 45px; width: 19px; border: 2px solid #ba9c72; border-radius: 50%; top: -34px; left: -3px; transform: rotate(-14deg); box-shadow: 1px 0 1px #332b1f77; }
.phase-number { display: inline-block; padding: 2px 11px 5px; border: 2px solid #6f5e4773; border-radius: 50%; font: 700 45px/.95 var(--heading); letter-spacing: -3px; color: #6f5e47; transform: rotate(-9deg); opacity: .88; margin: 0; }
.roadmap-card h3 { font-size: 27px; margin-top: 25px; }
.roadmap-card ul { padding: 23px 0; margin: 20px 0 0; border-top: 1px dashed #7e6a4b88; border-bottom: 1px dashed #7e6a4b88; min-height: 145px; }
.roadmap-card ul li { padding-left: 20px; font-size: 12px; line-height: 1.6; margin-bottom: 12px; }
.roadmap-card ul li:last-child { margin-bottom: 0; }
.roadmap-card ul li::before { content: ''; left: 2px; top: 7px; width: 6px; height: 6px; border: 1px solid #7e6a4b; border-radius: 1px; transform: rotate(-10deg); }
.parcel-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 19px; color: #7d6c52; }
.handling-arrows { font-size: 32px; line-height: 1; letter-spacing: -2px; border-bottom: 2px solid currentColor; padding-bottom: 1px; }
.parcel-footer .barcode { width: 66px; height: 22px; margin: 0; opacity: .55; }
.pack-banner { height: 270px; margin: 72px 7px 0; padding: 10px; overflow: visible; background: #d5bc91; border: 1px solid #998061; border-radius: 0; transform: rotate(-1deg); box-shadow: 4px 7px 0 #17151266; }
.pack-banner::before,.pack-banner::after { content: ''; position: absolute; inset: auto; z-index: 1; top: -16px; width: 102px; height: 35px; background: #d9c39ac9; backdrop-filter: blur(2px); border-inline: 1px solid #8f775833; }
.pack-banner::before { left: 13%; transform: rotate(-12deg); }
.pack-banner::after { right: 13%; transform: rotate(13deg); }
.pack-banner > img { object-position: center 48%; }
.banner-corner { position: absolute; bottom: 9px; right: 9px; width: 55px; height: 55px; background: linear-gradient(135deg,transparent 48%,#c9ae83 49% 53%,#ecd9b6 54%); filter: drop-shadow(-2px -2px 1px #33291f44); }

/* The chart sits inside a padded kraft sleeve. */
.chart-section { position: relative; padding: 84px 0 76px; background: radial-gradient(ellipse at 15% 80%,#dbc39938,transparent 64%),var(--paper); }
.chart-section::before { content: ''; position: absolute; top: -21px; left: 0; right: 0; height: 24px; background: var(--paper); clip-path: var(--torn-edge); }
.chart-heading { margin-top: 0; margin-bottom: 46px; align-items: center; }
.chart-external { min-height: 52px; font-size: 11px; padding: 10px 15px; gap: 10px; margin: 0; }
.chart-package { position: relative; padding: 26px 26px 0; border: 1px solid #a88b62; border-radius: 10px 12px 5px 7px; background: linear-gradient(110deg,#d4b381,#d9bd92 48%,#c2a071); box-shadow: 0 5px 0 #94734c,0 20px 35px #4e3c241a; }
.chart-package::before { content: ''; position: absolute; z-index: 2; top: -17px; left: calc(50% - 63px); height: 39px; width: 126px; background: #d9c49fbd; border-inline: 1px solid #ab916a33; backdrop-filter: blur(3px); transform: rotate(-4deg); }
.chart-package::after { content: ''; position: absolute; inset: 6px; border: 1px dashed #85673c70; border-radius: 5px; pointer-events: none; }
.chart-window { position: relative; margin: 0; border: 2px solid #574937; border-radius: 12px 12px 5px 5px; background: #171717; box-shadow: 0 3px 7px #58432c50; }
.chart-toolbar { min-height: 59px; padding: 11px 21px; background: #ede5d3; border-bottom: 1px solid #746650; }
.window-controls > span { border-color: #8a7c65; }
.window-controls > span:last-child { background: #b6be87; }
#dexscreener-embed { height: 560px; background: #171717; }
.package-bottom { position: relative; height: 69px; display: flex; align-items: center; justify-content: space-between; color: #80633e; }
.package-bottom .barcode { margin: 0; width: 91px; height: 24px; opacity: .6; }
.package-fold { width: 96px; height: 69px; position: absolute; left: calc(50% - 48px); top: 0; background: #b5966947; border-inline: 1px solid #93724640; box-shadow: 1px 0 0 #e5cc9c7d; }
.site-footer { padding: 26px 0 29px; border-top: 1px solid #a793753b; }
.copyright { font-size: 10px; color: var(--muted); letter-spacing: .8px; }
.footer-links > a { border: 1px solid #9c8968; border-radius: 12px; background: #faf4e7; }

@media (min-width:1600px) { .hero-inner { padding-block:108px 126px; } .hero-copy h1 { font-size:98px; } }
@media (max-width:1100px) {
  .hero-inner { gap:49px; padding-block:85px 103px; }
  .hero-copy h1 { font-size:7vw; letter-spacing:-4.5px; }
  .hero-buttons { gap:16px 12px; }
  .button { font-size:10px; gap:8px; padding:12px; }
  .header-buy { padding:8px 13px; }
  .sleep-sticker { width:99px; height:99px; right:-15px; }
  .photo-tape { width:175px; height:42px; }
  .roadmap-grid { gap:21px; }
  .roadmap-card { padding:57px 21px 21px; }
  .roadmap-card h3 { font-size:23px; }
  .roadmap-card ul { min-height:162px; }
  .roadmap-card ul li { font-size:11px; }
}
@media (max-width:800px) {
  .site-header { height:80px; }
  .navigation { gap:12px; }
  .nav-link { padding-inline:5px; }
  .header-buy { min-height:41px; padding:7px 9px; gap:5px; }
  .hero-inner { gap:35px; padding-block:76px 94px; }
  .hero-description { font-size:14px; margin-top:27px; }
  .hero-buttons { margin-top:26px; gap:15px 10px; }
  .hero-buttons .button { font-size:9px; padding:10px 8px; gap:5px; min-height:52px; border-radius:12px; }
  .hero-handling { margin-top:28px; width:68px; height:46px; }
  .gary-photo { padding:8px 8px 24px; }
  .photo-tape { width:145px; height:36px; top:-17px; left:25%; }
  .sleep-sticker { width:82px; height:82px; right:-13px; top:25px; }
  .sleep-sticker span { font-size:44px; }
  .sleep-sticker span:nth-child(2) { font-size:31px; margin-top:-21px; }
  .sleep-sticker span:nth-child(3) { font-size:22px; margin-top:-43px; }
  .photo-label { width:115px; left:-16px; bottom:-16px; padding:11px 13px; }
  .photo-label strong { font-size:19px; }
  .loose-thread { width:100px; height:80px; bottom:-70px; }
  .roadmap { padding:57px 0 64px; }
  .roadmap h2,.chart-section h2 { font-size:53px; letter-spacing:-3px; }
  .roadmap-grid { gap:16px; }
  .roadmap-card { padding:54px 16px 16px; }
  .roadmap-card h3 { font-size:20px; margin-top:21px; min-height:42px; }
  .roadmap-card ul { min-height:179px; padding-block:20px; margin-top:16px; }
  .roadmap-card ul li { font-size:10px; padding-left:14px; }
  .phase-number { font-size:38px; }
  .parcel-footer { gap:10px; padding-top:16px; }
  .handling-arrows { font-size:26px; }
  .parcel-footer .barcode { width:48px; height:18px; }
  .pack-banner { height:220px; margin-top:58px; padding:8px; }
  .chart-section { padding:64px 0 55px; }
  .chart-external { font-size:9px; }
  .chart-package { padding:20px 20px 0; }
  #dexscreener-embed { height:510px; }
}
@media (max-width:640px) {
  html { scroll-padding-top:100px; }
  .site-header { height:74px; }
  .header-buy { min-height:39px; font-size:10px; padding:6px 9px; }
  .menu-toggle { border:1px solid #8e7858; border-radius:11px; background:#f9f2e3; }
  .navigation { padding:14px 23px 18px; border-bottom:1px solid #a7926c; box-shadow:0 5px 7px #28251f13; }
  .hero-inner { gap:64px; padding-block:47px 92px; }
  .hero-copy h1 { font-size:clamp(61px,13.7vw,85px); line-height:1.04; letter-spacing:-4px; }
  .gary-word { font-size:1.65em; }
  .hero-description { font-size:15px; margin-top:25px; }
  .hero-buttons { margin-top:27px; gap:17px 13px; }
  .hero-buttons .button { min-height:58px; font-size:10px; padding:11px 13px; gap:9px; border-radius:15px 17px 14px 13px; }
  .hero-handling { display:none; }
  .hero-art { width:calc(100% - 27px); padding:5px; }
  .cardboard-layer { inset:-12px -7px -9px; }
  .gary-photo { padding:9px 9px 28px; }
  .photo-tape { width:165px; height:41px; top:-18px; left:25%; }
  .sleep-sticker { width:92px; height:92px; right:-19px; top:26px; }
  .sleep-sticker span { font-size:48px; }
  .sleep-sticker span:nth-child(2) { font-size:34px; }
  .sleep-sticker span:nth-child(3) { font-size:23px; }
  .photo-label { width:121px; left:-18px; bottom:-15px; padding:12px 14px; }
  .photo-label strong { font-size:20px; }
  .loose-thread { right:-5px; bottom:-67px; }
  .roadmap { padding:45px 0 48px; }
  .roadmap h2,.chart-section h2 { font-size:clamp(39px,10.7vw,59px); letter-spacing:-2.4px; }
  .section-index { width:35px; height:35px; font-size:12px; }
  .roadmap-parcels { margin-top:16px; padding-top:31px; }
  .parcel-string { display:none; }
  .roadmap-parcels::before { content:''; position:absolute; top:4px; bottom:0; left:50%; width:2px; background:repeating-linear-gradient(0deg,#b59973 0 3px,#8d714f 3px 4px); transform:rotate(-1deg); }
  .roadmap-grid { gap:39px; padding-inline:9px; }
  .roadmap-card { --turn:-2deg; padding:55px 25px 20px; }
  .roadmap-card:nth-child(2) { margin-top:0; --turn:2deg; }
  .roadmap-card h3 { font-size:27px; margin-top:19px; min-height:0; }
  .phase-number { font-size:40px; }
  .roadmap-card ul { min-height:0; padding-block:20px; margin-top:18px; margin-bottom:0; }
  .roadmap-card ul li { font-size:12px; padding-left:19px; margin-bottom:13px; }
  .parcel-footer .barcode { width:65px; height:21px; }
  .pack-banner { height:219px; margin:50px 2px 0; padding:7px; }
  .pack-banner::before,.pack-banner::after { width:70px; height:27px; top:-12px; }
  .pack-banner > img { object-position:52% center; }
  .banner-corner { width:37px; height:37px; bottom:6px; right:6px; }
  .chart-section { padding:44px 0 43px; }
  .chart-heading { display:flex; flex-wrap:wrap; gap:20px; margin:0 0 36px; }
  .chart-heading h2 { flex-basis:100%; }
  .chart-external { min-height:43px; font-size:10px; padding:8px 12px; gap:8px; margin:0; }
  .chart-package { padding:13px 13px 0; border-radius:8px; }
  .chart-package::before { width:92px; left:calc(50% - 46px); height:28px; top:-13px; }
  .chart-package::after { inset:4px; }
  .chart-window { border-width:1px; border-radius:8px 8px 3px 3px; }
  .chart-toolbar { min-height:50px; padding:9px 10px; gap:8px; }
  .chart-window-title { gap:6px; }
  .chart-window-title strong { font-size:12px; }
  .chart-window-title > span { font-size:7px; letter-spacing:.3px; }
  .window-controls { gap:4px; }
  .window-controls > span { width:6px; height:6px; }
  #dexscreener-embed { height:475px; }
  .package-bottom { height:53px; }
  .package-bottom .barcode { width:61px; height:20px; }
  .package-fold { width:67px; left:calc(50% - 33px); height:53px; }
  .copyright { order:3; flex-basis:100%; font-size:9px; margin-left:3px; }
}
@media (max-width:370px) {
  .hero-buttons .button { font-size:9px; padding:10px; gap:6px; }
  .sleep-sticker { width:81px; height:81px; right:-14px; }
  .roadmap-card { padding-inline:22px; }
  .roadmap-card h3 { font-size:24px; }
  .roadmap-card ul li { font-size:11px; }
  .window-controls { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
}

.chart-placeholder {
  min-height: 560px;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #d8ceb8;
  background: #171717;
  text-align: center;
  font-size: 14px;
}
@media (max-width:800px) {
  .chart-placeholder { min-height: 510px; }
}
@media (max-width:640px) {
  .chart-placeholder { min-height: 475px; font-size: 12px; }
}
[hidden] { display:none!important; }
