:root {
  --paper: #c89a60;
  --paper-light: #d6ae76;
  --ink: #34322d;
  --muted-ink: #665740;
  --blue: #53686a;
  --moss: #69704d;
  --cream: #e3c28b;
  --content: min(92vw, 1220px);
  --hand: "Segoe Print", "Comic Sans MS", cursive;
  --display: "Ink Free", "Segoe Print", cursive;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  margin: 0;
  color: var(--ink);
  font-family: var(--hand);
  background-color: #c9995d;
  background-image: url("assets/images/background-v2.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  overflow-x: hidden;
}
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; color: inherit; }
img { display: block; max-width: 100%; }


.site-header {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 50%;
  width: min(94vw, 1400px);
  min-height: 94px;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 26px;
  font: 700 14px/1 var(--hand);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.site-header::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 8px -22px;
  background: url("assets/images/header-paper.png") center / 100% 100% no-repeat;
  filter: drop-shadow(0 4px 3px rgba(66, 47, 27, .18));
}
.site-header nav, .mini-socials { display: flex; align-items: center; gap: clamp(18px, 3vw, 48px); }
.site-header nav a { position: relative; text-decoration: none; padding: 12px 2px; }
.site-header nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 5px; height: 2px; background: var(--ink); transform: rotate(-2deg); transition: right .24s ease; }
.site-header nav a:hover::after, .site-header nav a:focus-visible::after { right: 0; }
.brand-mark { justify-self: start; width: 56px; height: 56px; text-decoration: none; position: relative; }
.brand-face { display: block; position: absolute; left: 8px; top: 13px; width: 40px; height: 32px; border: 2px solid var(--ink); border-radius: 50% 50% 44% 44%; }
.brand-face::before, .brand-face::after { content: ""; position: absolute; top: -13px; width: 10px; height: 18px; border: 2px solid var(--ink); border-bottom: 0; border-radius: 60% 60% 0 0; background: var(--paper); transform: rotate(-10deg); }
.brand-face::before { left: 4px; } .brand-face::after { right: 4px; transform: rotate(10deg); }
.brand-face i { position: absolute; top: 12px; width: 3px; height: 3px; border-radius: 50%; background: var(--ink); }
.brand-face i:first-child { left: 11px; } .brand-face i:last-child { right: 11px; }
.mini-socials { justify-self: end; gap: 12px; }
.mini-socials a { display: grid; place-items: center; width: 35px; height: 35px; border: 2px solid var(--ink); border-radius: 50%; text-decoration: none; font-size: 11px; transition: transform .2s ease, background .2s ease; }
.mini-socials a:hover { background: rgba(75, 86, 82, .2); transform: rotate(-7deg) scale(1.08); }
.menu-toggle { display: none; background: none; border: 0; padding: 12px; }
.menu-toggle span { display: block; width: 28px; height: 2px; margin: 5px 0; background: var(--ink); }
.menu-toggle b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

.section { position: relative; width: 100%; }
.hero { min-height: min(870px, 100svh); padding: 142px max(5vw, calc((100vw - 1400px)/2)) 96px; display: flex; align-items: center; isolation: isolate; }
.hero-art { position: absolute; inset: 0; z-index: -2; background: url("assets/images/hero.webp") center center / cover no-repeat; -webkit-mask-image: linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%); mask-image: linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%); }
.hero::after { display:none; }
.hero-copy { width: min(45vw, 650px); margin-top: 20px; }
.eyebrow, .kicker { margin: 0 0 14px; color: var(--muted-ink); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; }
.hero h1 { margin: 0; max-width: 680px; white-space: nowrap; font: 800 clamp(64px, 8.6vw, 138px)/.82 var(--display); letter-spacing: .02em; text-transform: uppercase; transform: rotate(-2deg); text-shadow: 1px 1px 0 rgba(255,255,255,.16); }
.hero h1 .letter { display: inline-block; opacity: 0; transform: translateY(-18px) rotate(var(--turn, 0deg)); animation: settle-letter .8s cubic-bezier(.2,.8,.2,1) forwards; animation-delay: calc(80ms + var(--i) * 55ms); }
.hero-tagline { margin: 25px 0 0 11%; font-size: clamp(19px, 2.3vw, 34px); line-height: 1.25; transform: rotate(-2deg); }
.hero-tagline strong { margin-left: 12%; font-weight: 600; }
.hero-scribble { width: 170px; height: 10px; border-top: 3px solid var(--ink); border-radius: 50%; margin: 6px 0 14px 22%; transform: rotate(-5deg); }
.art-buttons { display: flex; align-items: center; gap: clamp(5px, .8vw, 13px); margin-top: 10px; }
.art-button { width: clamp(67px, 8vw, 105px); position: relative; display: block; filter: drop-shadow(0 4px 2px rgba(55,40,22,.28)); transition: filter .22s ease; }
.art-button img { width: 100%; height: auto; }
.art-button:nth-child(odd) { transform: rotate(-2deg); }
.art-button:nth-child(even) { transform: rotate(2deg); }
.art-button:hover { filter: drop-shadow(0 6px 3px rgba(55,40,22,.33)) brightness(1.05); }
.art-button:active { filter: drop-shadow(0 2px 1px rgba(55,40,22,.3)); }

.contract-note { position: relative; display: grid; grid-template-columns: 1fr auto; width: min(370px, 92%); margin: 18px 0 0 6px; padding: 24px 52px 22px 38px; text-align: left; border: 0; background: transparent url("assets/images/contract-paper.png") center / 100% 100% no-repeat; box-shadow: none; cursor: pointer; transform: rotate(-1.2deg); filter: drop-shadow(0 5px 3px rgba(61,44,26,.23)); }
.contract-note::before { display:none; }
.contract-note span { grid-column: 1 / -1; text-transform: uppercase; font-size: 13px; letter-spacing: .08em; }
.contract-note strong { margin-top: 7px; font-size: 17px; letter-spacing: .04em; }
.contract-note i { margin: 7px 0 0 12px; font-style: normal; font-size: 24px; }
.copy-status { position: absolute; right: 18px; bottom: -19px; font-style: normal; color: #35523e; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; opacity: 0; transition: opacity .2s, transform .2s; }
.contract-note.copied .copy-status { opacity: 1; transform: translateY(-3px) rotate(2deg); }
.scroll-note { position: absolute; left: 50%; bottom: 48px; transform: translateX(-50%); text-decoration: none; text-transform: uppercase; font-size: 12px; letter-spacing: .16em; }
.scroll-note span { display: inline-block; font-size: 20px; animation: bob 1.6s ease-in-out infinite; }
.star-doodle { position: absolute; right: 7vw; top: 105px; width:clamp(130px,15vw,220px); height:auto; transform: rotate(-8deg); filter:drop-shadow(0 1px 0 rgba(45,42,37,.12)); }

.section-heading { width: var(--content); margin: 0 auto 30px; }
.section-heading h2 { display: inline-block; position: relative; margin: 0; white-space: nowrap; font: 800 clamp(36px, 5vw, 68px)/1 var(--display); text-transform: uppercase; transform: rotate(-1deg); }
.section-heading h2::after { content: ""; position: absolute; left: -5px; right: -15px; bottom: -8px; height: 4px; background: var(--ink); clip-path: polygon(0 40%, 100% 0, 98% 55%, 3% 100%); }
.lore { padding: 90px 0 110px; }
.lore-grid { width: var(--content); margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; gap: clamp(12px, 2.2vw, 34px); }
.lore-card { margin: 0; padding:0; background:transparent; border:0; outline:0; transform: rotate(var(--tilt)); filter: none; transition: transform .34s cubic-bezier(.2,.8,.2,1), filter .25s; opacity: 1; clip-path: none; }
.lore-card.in-view { animation: lore-settle .7s cubic-bezier(.2,.8,.2,1) both; animation-delay: var(--delay, 0ms); }
.lore-card:hover, .lore-card:focus-visible { transform: rotate(0) translateY(-12px) scale(1.025); filter: none; outline: none; }
.lore-card img { width:100%; height:auto; border:0; outline:0; }
.tilt-left { --tilt: -2.5deg; --delay: 0ms; }.tilt-right { --tilt: 1.8deg; --delay: 110ms; }.tilt-left-soft { --tilt: -.8deg; --delay: 220ms; }.tilt-right-soft { --tilt: 2.7deg; --delay: 330ms; }

.roadmap { padding: 60px 0 105px; }
.roadmap-list { position: relative; z-index: 2; width: min(96vw, 1400px); margin: 10px auto 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; }
.roadmap-strip { display:block; width:min(96vw,1400px); height:auto; margin:0 auto -230px; position:relative; z-index:1; filter:drop-shadow(0 4px 2px rgba(69,49,27,.15)); }
.roadmap-step { position: relative; min-width: 0; text-align: center; opacity: 0; transform: scale(.88) rotate(var(--step-tilt)); }
.roadmap-step:nth-child(odd) { --step-tilt: -1.5deg; }.roadmap-step:nth-child(even) { --step-tilt: 1.5deg; }
.roadmap.in-view .roadmap-step { animation: stamp .55s cubic-bezier(.2,.8,.2,1) forwards; animation-delay: calc(var(--n, 0) * 130ms + 300ms); }
.roadmap-step:nth-child(1){--n:0}.roadmap-step:nth-child(2){--n:1}.roadmap-step:nth-child(3){--n:2}.roadmap-step:nth-child(4){--n:3}.roadmap-step:nth-child(5){--n:4}
.roadmap-step img { display:none; width: 100%; height:230px; object-fit:contain; filter: drop-shadow(0 6px 4px rgba(69,49,27,.22)); transition: transform .25s; }
.roadmap-step:hover img { transform: translateY(-7px) rotate(-1deg); }
.roadmap-step div { width: 86%; margin: 245px auto 0; position: relative; min-height: 145px; }
.roadmap-step span { font-size: 13px; letter-spacing: .15em; }
.roadmap-step h3 { margin: 2px 0 2px; font: 800 clamp(21px, 2.2vw, 31px)/1 var(--display); text-transform: uppercase; }
.roadmap-step p { margin: 5px auto; max-width: 200px; font-size: clamp(12px, 1.2vw, 15px); line-height: 1.35; }

.gallery { padding: 70px 0 125px; }
.gallery-wall { width: min(96vw, 1420px); margin: 0 auto; display: grid; grid-template-columns: 1.15fr .8fr 1.15fr .8fr 1.15fr; align-items: center; gap: clamp(26px, 3vw, 48px); }
.gallery-card { position:relative; margin:0; padding:0; border:0; outline:0; background:transparent; filter:none; transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.gallery-card img { display:block; width:100%;height:auto; border:0; outline:0; background:transparent; }
.gallery-card:hover,.gallery-card:focus-visible {transform:rotate(0) translateY(-8px) scale(1.01);filter:none;outline:none}
.polaroid, .dream-note, .check-note { position: relative; margin: 0; padding: 16px 16px 10px; background: #d7b47e; clip-path: polygon(2% 1%, 97% 0, 100% 96%, 4% 100%, 0 5%); filter: drop-shadow(0 8px 5px rgba(69,49,27,.29)); transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.polaroid img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; filter: sepia(.08) saturate(.85); }
.polaroid figcaption { padding: 10px 3px 2px; font-size: clamp(13px, 1.25vw, 18px); }
.p-one { transform: rotate(-4deg); }.p-note{transform:rotate(-1.5deg)}.p-two { transform: rotate(2deg); }.p-list{transform:rotate(3deg)}.p-three { transform: rotate(5deg); }
.polaroid:hover, .polaroid:focus-visible { transform: rotate(0) translateY(-14px) scale(1.03); outline: none; }
.pin { position: absolute; z-index: 2; left: 50%; top: -8px; width: 22px; height: 22px; border-radius: 50%; background: #8a5d1b; filter: drop-shadow(1px 3px 2px rgba(37,25,12,.6)); }
.dream-note, .check-note { min-height: 315px; padding: 48px 24px 30px; background: #cda46c; text-align: center; transform: rotate(-2deg); }
.dream-note > span { position: absolute; right: 20px; top: 16px; font-size: 34px; }
.dream-note p { position: absolute; left: 15px; right: 15px; bottom: 32px; margin: 0; font-size: clamp(15px, 1.5vw, 20px); }
.sketch-mon { position: relative; width: 105px; height: 100px; margin: 12px auto; border: 3px solid var(--ink); border-radius: 47% 47% 36% 36%; }
.sketch-mon::before, .sketch-mon::after { content: ""; position: absolute; top: -21px; width: 17px; height: 31px; border: 3px solid var(--ink); border-bottom: 0; border-radius: 60% 60% 0 0; }
.sketch-mon::before { left: 17px; transform: rotate(-14deg); }.sketch-mon::after { right: 17px; transform: rotate(14deg); }
.sketch-mon i::before, .sketch-mon i::after { content: ""; position: absolute; top: 33px; width: 4px; height: 4px; background: var(--ink); border-radius: 50%; }.sketch-mon i::before { left: 29px; }.sketch-mon i::after { right: 29px; }
.check-note { transform: rotate(3deg); text-align: left; min-height: 338px; }
.check-note b { font-size: 20px; line-height: 1.05; }
.check-note ul { margin: 18px 0 0; padding: 0; list-style: none; font-size: 14px; }
.check-note li::before { content: "□"; margin-right: 7px; }.check-note > span { position: absolute; right: 22px; bottom: 17px; font-size: 32px; }

.signal { width: var(--content); margin: 0 auto; padding: 50px 0 100px; display: grid; grid-template-columns: .8fr 1.5fr .75fr; gap: clamp(30px, 4vw, 65px); align-items: center; }
.signal-intro h2 { margin: 0; font: 800 clamp(37px, 4.6vw, 63px)/1.03 var(--display); text-transform: uppercase; }
.signal-intro p { max-width: 280px; line-height: 1.55; }
.little-mon { position: relative; width: 110px; height: 105px; margin: 35px auto 0; border: 3px solid var(--ink); border-radius: 50% 50% 38% 38%; transform: rotate(-7deg); }
.little-mon::before, .little-mon::after { content: ""; position: absolute; top: -24px; width: 18px; height: 32px; border: 3px solid var(--ink); border-bottom: 0; border-radius: 60% 60% 0 0; }.little-mon::before{left:20px;transform:rotate(-12deg)}.little-mon::after{right:20px;transform:rotate(12deg)}
.little-mon i::before,.little-mon i::after {content:"";position:absolute;top:37px;width:4px;height:4px;border-radius:50%;background:var(--ink)}.little-mon i::before{left:31px}.little-mon i::after{right:31px}
.little-mon b {position:absolute;left:15px;right:15px;top:63px;border-top:2px dashed var(--ink)}
.chart-paper { position: relative; background: #cfa873; padding: 28px 30px 18px; clip-path: polygon(3% 2%, 95% 0, 100% 9%, 97% 93%, 88% 98%, 4% 94%, 0 82%, 2% 8%); filter: drop-shadow(0 8px 5px rgba(69,49,27,.27)); transform: rotate(.6deg); }
.chart-paper::after { content:""; position:absolute; inset:12px; border:1px dashed rgba(73,55,35,.35); pointer-events:none; }
.chart-head { display:flex; justify-content:space-between; align-items:flex-end; gap:10px; margin-bottom:6px; }
.chart-head b { text-transform:uppercase; font-size:17px; }.chart-head span { color:#31533e; font-weight:700; font-size:13px; }
.chart-paper svg { width:100%; height:auto; overflow:visible; }
.chart-paper .grid path { fill:none; stroke:rgba(60,50,39,.25); stroke-width:1; stroke-dasharray:3 5; }
.chart-path { fill:none; stroke:var(--ink); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1200; stroke-dashoffset:1200; }
.signal.in-view .chart-path { animation:draw-chart 2.2s ease-out forwards .2s; }
.chart-ranges { display:flex; justify-content:space-around; font-size:12px; font-weight:700; }.chart-ranges .active{border:2px solid var(--ink);border-radius:45%;padding:1px 8px;margin:-3px -8px}
.signal-actions { text-align:center; }
.dex-cta { display:inline-grid; place-items:center; width:100%; min-height:82px; padding:20px 28px; color:#dac28f; background:transparent url("assets/images/dex-chart-button.png") center / 100% 100% no-repeat; border:0; outline:0; text-decoration:none; text-transform:uppercase; letter-spacing:.12em; font-size:clamp(17px,2vw,25px); transform:rotate(-1deg); filter:drop-shadow(0 6px 3px rgba(69,49,27,.28)); transition:filter .2s, transform .2s; }
.dex-cta:hover { filter:drop-shadow(0 9px 4px rgba(69,49,27,.35)) brightness(1.08); }
.contract-note.compact { width:100%; min-height:78px; margin:22px 0 0; padding:19px 48px 17px 32px; background-image:url("assets/images/dex-contract-paper.png"); }.contract-note.compact span{font-size:10px}.contract-note.compact strong{font-size:13px}.contract-note.compact i{font-size:18px}
.signal-actions > p { font-size:12px; margin-top:28px; text-transform:uppercase; letter-spacing:.1em; }


:focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
[hidden] { display:none !important; }
.reveal-ink { clip-path:inset(0 100% 0 0); animation:ink-wipe .8s ease-out forwards .15s; }

@keyframes settle-letter { to { opacity:1; transform:translateY(0) rotate(var(--turn, 0deg)); } }
@keyframes ink-wipe { to { clip-path:inset(0); } }
@keyframes bob { 50% { transform:translateY(6px); } }
@keyframes lore-settle { from { opacity:.15; transform:rotate(calc(var(--tilt) * 2)) scale(.94); } to { opacity:1; transform:rotate(var(--tilt)) scale(1); } }
@keyframes draw-path { to { stroke-dashoffset:0; } }
@keyframes stamp { 65% { opacity:1; transform:scale(1.04) rotate(calc(var(--step-tilt) * -.5)); } 100% { opacity:1; transform:scale(1) rotate(var(--step-tilt)); } }
@keyframes draw-chart { to { stroke-dashoffset:0; } }

@media (pointer:fine) {
  body, a, button { cursor:none; }
  .cursor { position:fixed; z-index:1000; left:0; top:0; width:26px; height:26px; border:2px solid var(--ink); border-radius:50%; pointer-events:none; transform:translate3d(-50%,-50%,0); transition:width .18s,height .18s,background .18s,border-radius .18s; mix-blend-mode:multiply; }
  .cursor::before { content:"";position:absolute;left:10px;top:10px;width:3px;height:3px;border-radius:50%;background:var(--ink); }
  .cursor span {position:absolute;left:50%;top:35px;transform:translateX(-50%);font:700 9px/1 var(--hand);letter-spacing:.08em;white-space:nowrap;text-transform:uppercase}
  .cursor.is-link{width:46px;height:46px;background:rgba(84,105,105,.18)}.cursor.is-copy{width:54px;height:38px;border-radius:35%;background:rgba(184,136,77,.22)}.cursor.is-drag{width:52px;height:52px;border-style:dashed;animation:cursor-spin 2s linear infinite}
  @keyframes cursor-spin{to{transform:translate3d(-50%,-50%,0) rotate(360deg)}}
}

@media (max-width: 1050px) {
  .hero { min-height:780px; align-items:flex-end; padding-bottom:110px; }
  .hero-art { background-position:58% center; }
  .hero-copy { width:55%; }
  .star-doodle { display:none; }
  .lore-grid { grid-template-columns:repeat(2, minmax(0,1fr)); width:min(82vw,720px); gap:36px; }
  .roadmap-list { grid-template-columns:repeat(3,1fr); width:min(92vw,900px); row-gap:32px; }
  .roadmap-strip { margin-bottom:-210px; }
  .gallery-wall { grid-template-columns:repeat(6,1fr); width:min(90vw,900px); row-gap:36px; }
  .gallery-wall > * { grid-column:span 2; }.gallery-wall > :nth-child(4){grid-column:2/span 2}.gallery-wall > :nth-child(5){grid-column:4/span 2}
  .signal { grid-template-columns:1fr 1.6fr; }.signal-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.signal-actions .contract-note{margin:0}.signal-actions>p{grid-column:1/-1;margin-top:0}
}

@media (max-width: 760px) {
  .site-header { position:fixed;min-height:72px;grid-template-columns:1fr auto; }
  .site-header::before { inset:5px -10px; }
  .site-header nav { position:absolute; top:70px; right:0; width:min(280px,88vw); padding:24px; display:flex; flex-direction:column; align-items:flex-start; background:#c99e68; clip-path:polygon(4% 0,100% 4%,97% 96%,2% 100%); filter:drop-shadow(0 7px 4px rgba(69,49,27,.28)); opacity:0;visibility:hidden;transform:translateY(-10px) rotate(1deg);transition:.25s; }
  .site-header nav.open {opacity:1;visibility:visible;transform:translateY(0) rotate(1deg)}
  .menu-toggle {display:block;justify-self:end}.mini-socials{display:none}.brand-mark{transform:scale(.85)}
  .hero { min-height:860px; padding:108px 6vw 85px; align-items:flex-start; }
  .hero-art { background-position:69% bottom; }
  .hero::before { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(to bottom,rgba(206,165,110,.92) 0%,rgba(206,165,110,.72) 34%,transparent 58%); }
  .hero-copy { width:100%; margin:0; }
  .hero h1 { font-size:clamp(52px,17vw,90px); }
  .hero-tagline{font-size:21px;margin-left:3%}.hero-scribble{margin-left:17%}.art-buttons{max-width:390px;justify-content:flex-start}.art-button{width:76px}
  .contract-note { width:min(350px,100%); }
  .scroll-note { bottom:30px; }
  .section-heading { width:88vw; }.section-heading h2 {font-size:clamp(34px,11vw,55px)}
  .lore {padding-top:70px}.lore-grid{width:min(92vw,540px);grid-template-columns:1fr;gap:35px}.lore-card{width:min(88vw,390px);margin:0 auto}
  .roadmap-strip{display:none}.roadmap-list {grid-template-columns:1fr;width:min(88vw,430px);gap:5px}.roadmap-step img{display:block;height:280px}.roadmap-step div{margin-top:-35px;min-height:168px}.roadmap-step p{font-size:15px;max-width:230px}.roadmap-step h3{font-size:30px}
  .gallery-wall{display:grid;grid-template-columns:1fr;width:min(84vw,420px);gap:38px}.gallery-wall>*{grid-column:auto!important}
  .signal { width:88vw;grid-template-columns:1fr;padding-bottom:75px}.signal-actions{grid-column:auto;display:block}.signal-actions .contract-note{margin-top:22px}.signal-intro{text-align:center}.signal-intro p{margin-left:auto;margin-right:auto}.chart-paper{padding:22px 18px 14px}.chart-head{align-items:flex-start;flex-direction:column}.chart-head b{font-size:15px}
}

@media (max-width: 374px) {
  .hero { padding-left:4.5vw;padding-right:4.5vw;min-height:820px}.hero h1{font-size:49px}.hero-tagline{font-size:18px}.art-button{width:67px}.contract-note{padding-left:24px}.contract-note strong{font-size:14px}.section-heading h2{font-size:32px}.roadmap-step div{margin-top:-30px}.gallery-wall{width:88vw}.chart-paper{padding:20px 13px 13px}
}

@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero h1 .letter,.lore-card,.roadmap-step{opacity:1;clip-path:none;transform:rotate(0)}.journey-line path,.chart-path{stroke-dashoffset:0}.cursor{display:none!important}
}