:root{--paper:#f4ead5;--paper-deep:#ebdfc4;--paper-darker:#ddd0b0;--ink:#3a2e1f;--ink-soft:#6b5a44;--sage:#7d8f5e;--sage-deep:#5a6b40;--rose:#c97c6a;--rose-soft:#e8b8ad;--honey:#d9a55b;--plum:#6e4a5c;--night:#4a4060;--cream:#faf3e3;--shadow:rgba(58,46,31,.15)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{font-family:'Fraunces',Georgia,serif;background:var(--paper);color:var(--ink);line-height:1.6;overflow-x:hidden;max-width:100%;position:relative}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.23 0 0 0 0 0.18 0 0 0 0 0.12 0 0 0 0.18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 40%,rgba(58,46,31,.12) 100%)}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.container-narrow{max-width:820px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}
nav{padding:1.5rem 0;position:sticky;top:0;background:rgba(244,234,213,.92);backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid transparent;transition:border-color .3s}nav.scrolled{border-bottom-color:var(--paper-darker)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:'Nine By Five NBP','VT323',monospace;font-size:1.5rem;letter-spacing:.02em;display:flex;align-items:center;gap:.6rem;text-transform:uppercase;color:var(--ink);text-decoration:none}.logo .paw{width:22px;height:22px;color:var(--rose)}.nav-links{display:flex;gap:2rem;font-size:.95rem;font-weight:500;align-items:center}.nav-links a{color:var(--ink-soft);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--rose)}.nav-cta{font-family:'Nine By Five NBP','VT323',monospace;text-transform:uppercase;font-size:.85rem;letter-spacing:.03em;background:var(--ink);color:var(--cream)!important;padding:.55rem 1rem;text-decoration:none;box-shadow:3px 3px 0 var(--rose);transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--rose)}
section{padding:6rem 0;position:relative}.hero{padding:4rem 0 6rem}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.eyebrow,.section-eyebrow{font-family:'Caveat',cursive;font-size:1.6rem;color:var(--rose);transform:rotate(-2deg);display:inline-block;margin-bottom:1rem}.section-eyebrow{font-size:1.5rem;margin-bottom:.5rem}h1.headline{font-family:'Nine By Five NBP','VT323',monospace;font-size:clamp(2rem,4vw,3.4rem);line-height:1.15;letter-spacing:.01em;color:var(--ink);margin-bottom:1.5rem;text-transform:uppercase}h1.headline em,h2 em{font-style:normal;color:var(--sage-deep)}h1.headline .pixie-name{color:var(--rose);position:relative;display:inline-block}h1.headline .pixie-name::after{content:'';position:absolute;left:-2px;right:-2px;bottom:4px;height:8px;background:var(--honey);opacity:.35;z-index:-1;border-radius:4px;transform:rotate(-1deg)}.sub,.section-intro{font-size:1.15rem;color:var(--ink-soft);max-width:32em;margin-bottom:2rem;line-height:1.65}.section-intro{font-size:1.1rem;max-width:38em;margin-bottom:4rem}.cta-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.btn{font-family:'Nine By Five NBP','VT323',monospace;font-size:.95rem;text-transform:uppercase;letter-spacing:.03em;padding:.95rem 1.6rem;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.btn-primary{background:var(--ink);color:var(--cream);box-shadow:4px 4px 0 var(--rose)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--rose)}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--cream)}.btn-small{padding:.6rem 1rem;font-size:.8rem}.micro-trust{font-family:'Caveat',cursive;font-size:1.1rem;color:var(--ink-soft);transform:rotate(-1deg);display:inline-block}.heart{color:var(--rose)}
.hero-scene{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.scene-frame{width:100%;aspect-ratio:1;background:var(--cream);border:1px solid var(--ink-soft);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,8px 8px 0 var(--paper-deep),8px 8px 0 1px var(--ink-soft);padding:1.2rem;position:relative;transform:rotate(1.5deg)}.scene-frame svg,.scene-frame img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.scene-caption{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%) rotate(-1deg);font-family:'Caveat',cursive;font-size:1.2rem;color:var(--ink-soft);background:var(--paper);padding:0 .6rem;white-space:nowrap}.floating-tag{position:absolute;font-family:'Caveat',cursive;font-size:1.1rem;color:var(--ink-soft);pointer-events:none}.tag-1{top:-10px;left:-30px;transform:rotate(-8deg);color:var(--sage-deep)}.tag-2{bottom:40px;right:-50px;transform:rotate(6deg);color:var(--rose)}
.memory-strip{background:var(--rose);color:var(--cream);padding:1.2rem 0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;overflow:hidden;transform:rotate(-1deg);box-shadow:0 8px 30px var(--shadow);position:relative;z-index:3}.memory-track{display:flex;gap:3rem;white-space:nowrap;animation:scroll 40s linear infinite;font-family:'Fraunces',serif;font-style:italic;font-size:1.1rem;width:max-content}.memory-track span{display:inline-flex;align-items:center;gap:3rem}.memory-track .dot{color:var(--ink);opacity:.55;font-size:1.5rem;line-height:1}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
h2{font-family:'Nine By Five NBP','VT323',monospace;font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.2;letter-spacing:.01em;margin-bottom:1.2rem;max-width:22ch;text-transform:uppercase}h3{font-family:'Nine By Five NBP','VT323',monospace;text-transform:uppercase;letter-spacing:.02em}.section-header-center{text-align:center;margin-bottom:4rem}.section-header-center h2{margin:0 auto 1rem;max-width:22ch}.section-header-center .section-intro{margin:0 auto}.about-block{background:var(--cream);border:1px solid var(--paper-darker);padding:3.5rem;position:relative;box-shadow:6px 6px 0 var(--paper-deep)}.about-block::before{content:'✿';position:absolute;top:-18px;left:3rem;background:var(--paper);padding:0 .8rem;color:var(--rose);font-size:1.5rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.about-pitch{font-size:1.3rem;line-height:1.5;font-style:italic;color:var(--ink)}.about-pitch::first-letter{font-size:3.5rem;float:left;line-height:.85;margin:.3rem .6rem 0 0;color:var(--rose);font-style:normal;font-weight:600}.about-practical p{color:var(--ink-soft);margin-bottom:1rem}.about-practical strong{color:var(--ink);font-weight:600}
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem;counter-reset:why}.why-item{counter-increment:why;padding-left:4rem;position:relative}.why-item::before{content:"0" counter(why);position:absolute;left:0;top:-.3rem;font-family:'Nine By Five NBP','VT323',monospace;font-size:2.2rem;color:var(--rose);opacity:.7}.why-item h3,.feature-card h3,.place-card h3,.devlog-card h3{font-size:1.05rem;margin-bottom:.5rem;color:var(--ink)}.why-item p,.feature-card p,.place-card p,.devlog-card p{color:var(--ink-soft);font-size:1rem;line-height:1.6}
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.feature-card{background:var(--cream);padding:2.2rem;position:relative;border:1px dashed var(--ink-soft);transition:transform .3s ease,box-shadow .3s ease}.feature-card:nth-child(odd){transform:rotate(-.6deg)}.feature-card:nth-child(even){transform:rotate(.6deg)}.feature-card:hover{transform:rotate(0) translateY(-4px);box-shadow:0 12px 30px var(--shadow)}.feature-card::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:50px;height:16px;background:var(--rose);opacity:.6;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.15)}.feature-icon{width:44px;height:44px;margin-bottom:1.2rem;color:var(--sage-deep)}
.world-section,.devlog-section{background:var(--paper-deep);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:6rem 0;width:100vw;max-width:100vw;overflow:hidden}.places-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.place-card{background:var(--cream);border:1px solid var(--ink-soft);padding:1.5rem;box-shadow:4px 4px 0 var(--paper)}.place-card:nth-child(odd){transform:rotate(-.4deg)}.place-card:nth-child(even){transform:rotate(.5deg)}.place-tag,.cat-rarity,.devlog-tag{font-family:'VT323',monospace;font-size:.85rem;background:var(--ink);color:var(--cream);padding:1px 6px;letter-spacing:.05em;display:inline-block;margin-bottom:.8rem;text-transform:uppercase}.place-thumb,.devlog-cover{aspect-ratio:16/10;background:var(--paper);margin-bottom:1rem;border:1px solid var(--paper-darker);overflow:hidden;display:flex;align-items:center;justify-content:center}.place-thumb svg,.place-thumb img,.devlog-cover img,.devlog-cover svg{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.cats-section{padding:6rem 0}.cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem}.cat-card{background:var(--cream);padding:1rem 1rem 1.4rem;border:1px solid var(--ink-soft);box-shadow:4px 4px 0 var(--paper-deep);position:relative}.cat-card:nth-child(1){transform:rotate(-1.5deg)}.cat-card:nth-child(2){transform:rotate(1deg)}.cat-card:nth-child(3){transform:rotate(-.5deg)}.cat-card:nth-child(4){transform:rotate(1.8deg)}.cat-portrait{aspect-ratio:1;background:var(--paper);margin-bottom:.8rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--paper-deep);position:relative;overflow:hidden}.cat-rarity{position:absolute;top:6px;right:6px;font-size:.75rem;margin:0}.cat-rarity.rare{background:var(--rose)}.cat-portrait svg{width:80%;height:80%;image-rendering:pixelated}.cat-portrait img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.cat-name{font-family:'Caveat',cursive;font-size:1.6rem;font-weight:600;color:var(--ink);line-height:1;margin-bottom:.4rem}.cat-detail{font-size:.9rem;color:var(--ink-soft);line-height:1.5;border-top:1px dashed var(--paper-darker);padding-top:.6rem;margin-top:.4rem}.cats-note{text-align:center;margin-top:3rem;font-family:'Caveat',cursive;font-size:1.4rem;color:var(--ink-soft)}
.time-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border:1px solid var(--ink-soft)}.time-card{padding:2rem 1.5rem;text-align:center;border-right:1px solid var(--ink-soft)}.time-card:last-child{border-right:none}.time-card:nth-child(1){background:linear-gradient(180deg,#f4d9a8 0%,#f4ead5 100%)}.time-card:nth-child(2){background:linear-gradient(180deg,#e8b8ad 0%,#f4ead5 100%)}.time-card:nth-child(3){background:linear-gradient(180deg,#4a4060 0%,#6e4a5c 100%);color:var(--cream)}.time-icon{font-size:2rem;margin-bottom:.5rem;display:block}.time-label{font-family:'Nine By Five NBP','VT323',monospace;font-size:1rem;letter-spacing:.1em;margin-bottom:.4rem;text-transform:uppercase}.time-desc{font-style:italic;font-size:1rem;line-height:1.4}.memory-section{padding:8rem 0}.memory-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:5rem;align-items:center}.polaroid{background:var(--cream);padding:1rem 1rem 3.5rem;box-shadow:0 10px 40px var(--shadow),0 2px 8px rgba(0,0,0,.08);transform:rotate(-3deg);position:relative;max-width:380px}.polaroid-image{aspect-ratio:1;background:linear-gradient(135deg,#e8d8b8 0%,#d4b890 100%);overflow:hidden}.polaroid-image svg,.polaroid-image img{width:100%;height:100%;object-fit:cover}.polaroid-caption{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font-family:'Caveat',cursive;font-size:1.4rem;color:var(--ink-soft)}.memory-text blockquote{font-style:italic;font-size:1.25rem;line-height:1.6;color:var(--ink);border-left:2px solid var(--rose);padding-left:1.5rem;margin:2rem 0}.memory-text p{color:var(--ink-soft);font-size:1.05rem;margin-bottom:1rem}.signature{font-family:'Caveat',cursive;font-size:1.6rem;color:var(--ink);margin-top:1.5rem}.mid-cta{background:var(--ink);color:var(--cream);padding:5rem 0;text-align:center;position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;overflow:hidden}.mid-cta-inner{max-width:700px;margin:0 auto;padding:0 2rem}.mid-cta h2{color:var(--cream);margin:0 auto 1rem;text-align:center}.mid-cta h2 em{color:var(--honey)}.mid-cta p{color:var(--rose-soft);font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.mid-cta .btn-primary{background:var(--honey);color:var(--ink);box-shadow:4px 4px 0 var(--rose)}.mid-cta .micro-trust{color:var(--rose-soft);margin-top:1.5rem;display:block}
.devlog-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;flex-wrap:wrap;gap:1rem}.devlog-header>div{max-width:600px}.devlog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.devlog-card{background:var(--cream);border:1px solid var(--ink-soft);text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.devlog-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px var(--shadow)}.devlog-body{padding:1.4rem;flex:1;display:flex;flex-direction:column}.devlog-meta{display:flex;gap:.8rem;align-items:center;margin-bottom:.7rem;font-family:'VT323',monospace;font-size:.9rem;color:var(--ink-soft);letter-spacing:.03em}.devlog-tag{background:var(--rose-soft);color:var(--ink);margin:0}.read-more{margin-top:1rem;font-family:'Caveat',cursive;font-size:1.15rem;color:var(--rose)}.faq-list{max-width:760px;margin:0 auto}.faq-item{border-bottom:1px solid var(--paper-darker);padding:1.4rem 0}.faq-item summary{font-family:'Nine By Five NBP','VT323',monospace;font-size:1rem;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;line-height:1.3;padding-right:1rem;gap:1rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';font-family:'Fraunces',serif;font-size:1.6rem;color:var(--rose);flex-shrink:0;line-height:1}.faq-item[open] summary::after{content:'–'}.faq-answer{color:var(--ink-soft);font-size:1rem;line-height:1.65;padding:1rem 1rem 0 0;max-width:60ch}.newsletter-block{background:var(--cream);border:1px dashed var(--ink-soft);padding:3rem;text-align:center;position:relative;max-width:720px;margin:0 auto}.newsletter-block::before{content:'✉';position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:var(--paper);padding:0 .8rem;font-size:1.6rem;color:var(--rose)}.newsletter-block h3{font-size:1.3rem;margin-bottom:.6rem}.newsletter-block p{color:var(--ink-soft);margin-bottom:1.5rem}.newsletter-form{display:flex;gap:.6rem;max-width:440px;margin:0 auto;flex-wrap:wrap}.newsletter-form input{flex:1;min-width:200px;padding:.85rem 1rem;border:1px solid var(--ink-soft);background:var(--paper);font-family:'Fraunces',serif;font-size:1rem;color:var(--ink)}.final-cta{padding:7rem 0 4rem;text-align:center}.final-cta h2{margin:0 auto 1rem;text-align:center;max-width:22ch}.final-cta .sub{margin:0 auto 2.5rem}footer{border-top:1px solid var(--paper-darker);padding:4rem 0 3rem;margin-top:2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-col h4{font-family:'Nine By Five NBP','VT323',monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin-bottom:1rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.5rem}.footer-col a{color:var(--ink-soft);text-decoration:none;font-size:.95rem;transition:color .2s}.footer-col a:hover{color:var(--rose)}.footer-about p{color:var(--ink-soft);font-size:.95rem;line-height:1.6;margin-top:.6rem}.footer-bottom{border-top:1px solid var(--paper-darker);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-note{font-family:'Caveat',cursive;font-size:1.15rem;color:var(--ink-soft)}.footer-meta{font-size:.88rem;color:var(--ink-soft);font-style:italic}.paw-trail{position:absolute;pointer-events:none;opacity:.12}.paw-trail svg{width:100%;height:100%}.paw-1{top:20%;right:5%;width:60px;transform:rotate(15deg)}.paw-2{top:60%;left:3%;width:50px;transform:rotate(-25deg)}.fade-in{animation:fadeIn 1.2s ease-out backwards}.delay-1{animation-delay:.15s}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero-grid,.features-grid,.why-list,.places-grid,.devlog-grid{grid-template-columns:1fr}.hero-grid{gap:3rem}.cats-grid{grid-template-columns:repeat(2,1fr)}.memory-grid,.about-grid{grid-template-columns:1fr;gap:3rem}.polaroid{margin:0 auto}.nav-links{display:none}.time-strip{grid-template-columns:1fr}.time-card{border-right:none;border-bottom:1px solid var(--ink-soft)}.time-card:last-child{border-bottom:none}section{padding:4rem 0}.container,.container-narrow{padding:0 1.5rem}.floating-tag{display:none}.footer-grid{grid-template-columns:1fr 1fr}.about-block{padding:2rem}.why-item{padding-left:3rem}.why-item::before{font-size:1.8rem}}@media(max-width:500px){.cats-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.nav-cta{display:none}}