@font-face{font-family:Pixelify;src:url('/fonts/pixelify-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Quicksand;src:url('/fonts/quicksand-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Quicksand;src:url('/fonts/quicksand-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Quicksand;src:url('/fonts/quicksand-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--cream:#fff9f0;--ink:#191c32;--muted:#505468;--orange:#ff951f;--page-gutter:20px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Quicksand,Arial,sans-serif;font-size:20px;font-weight:500;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Pixelify,monospace;font-weight:700;line-height:1.15}a:focus-visible,button:focus-visible{outline:3px solid #3158bd;outline-offset:4px}[hidden]{display:none!important}.container{width:min(1120px,calc(100% - 2 * var(--page-gutter)));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:12px 20px;background:var(--ink);color:var(--cream);border-radius:8px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.arrow{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.hero{position:relative;padding:48px 0;margin-bottom:32px;isolation:isolate}.hero-content{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;text-align:center;pointer-events:none}.hero-pie{width:144px;height:112px;object-fit:contain;image-rendering:pixelated;margin-bottom:16px}.hero h1{font-size:72px;line-height:1.08;letter-spacing:-1px}.hero h1 span{color:#eb7a08}.hero p{font-size:22px;font-weight:600;margin-top:12px;line-height:1.5}.cloud-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.cloud-track{position:absolute;width:200%;height:100%;display:flex;animation:cloud-drift 120s linear infinite;animation-play-state:paused}.motion-ready .cloud-track{animation-play-state:running}.clouds-paused .cloud-track{animation-play-state:paused}.cloud-group{width:50%;height:100%;flex-shrink:0;position:relative}.cloud{position:absolute;width:300px;height:88px}.cloud-left{left:-100px;bottom:32px}.cloud-right{right:-110px;bottom:64px;transform:scaleX(-1);width:320px}.far{animation-duration:150s;animation-delay:-30s;opacity:.55}.cloud-distant{left:44%;bottom:4px;width:180px;height:48px}.motion-control{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;z-index:2;pointer-events:none}.cloud-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;pointer-events:auto}.cloud-toggle:hover{color:var(--ink)}.motion-icon{font-size:12px}@keyframes cloud-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.projects{display:grid;gap:64px}.project-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}.project-preview{grid-column:1/span 5;aspect-ratio:3/2;overflow:hidden;border-radius:16px;min-width:0;background:#e8e9ed}.project-preview>img{width:100%;height:100%;object-fit:cover}.pixelpeeping-preview{padding:8px;background:#e9edf1;display:flex;align-items:center}.pixelpeeping-preview>img{object-fit:contain;border-radius:6px}.project-copy{grid-column:6/-1;min-width:0}.project-copy h3{font-size:48px;line-height:1.15;overflow-wrap:break-word}.descriptor{font-size:22px;font-weight:700;line-height:1.4;margin-top:8px}.description{max-width:52ch;margin-top:12px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:14px 24px;background:var(--orange);color:var(--ink);font-size:18px;font-weight:700;line-height:1.3;text-decoration:none;border-radius:12px;box-shadow:0 4px 0 #a94714;margin-top:24px;transition:background 140ms,transform 140ms,box-shadow 140ms}.button:hover{background:#f28712}.button:active{transform:translateY(2px);box-shadow:0 2px 0 #a94714}.support-note{font-size:15px;line-height:1.5;color:var(--muted);margin-top:12px;font-weight:600}.status{display:table;background:#eee6db;border-radius:5px;font-size:14px;font-weight:700;line-height:1.5;padding:3px 12px;margin-top:20px;color:var(--muted)}.coming-soon{font-size:15px;color:var(--muted);margin-top:8px}.text-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none;min-height:44px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.papple-preview{position:relative}.puzzle-tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:100%;width:100%;gap:2px;background:#fff9f0}.puzzle-tiles span{background-image:url('/assets/papple-puzzle-18.webp');background-size:400% 400%;background-repeat:no-repeat;background-position:calc(var(--x) * 100% / 3) calc(var(--y) * 100% / 3)}
.pie-divider{display:flex;align-items:center;gap:24px;margin-block:48px}.pie-divider span{height:1px;background:#d5d1ca;flex:1}.pie-divider img{width:48px;height:40px;object-fit:contain;image-rendering:pixelated}.about{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center;padding-bottom:48px}.about-copy{grid-column:1/span 8}.about h2{font-size:36px;line-height:1.2;margin-bottom:12px}.about p{max-width:52ch}.mug-art{grid-column:10/-1;width:192px;justify-self:end;image-rendering:pixelated}.landscape{height:64px;background:url('/assets/landscape.svg') bottom center / 640px 64px repeat-x;pointer-events:none}footer{background:var(--ink);color:var(--cream);padding:32px 0 24px;font-size:15px;line-height:1.5}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;align-items:start}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;gap:4px;min-height:44px}.footer-brand img{object-fit:contain;image-rendering:pixelated;width:56px;height:40px}.footer-brand span{font-family:Pixelify,monospace;font-size:26px;line-height:1.2;white-space:nowrap}.footer-brand em{font-style:normal;color:var(--orange)}.footer-group{border-left:1px solid #ffffff40;padding-left:24px;min-height:112px}.footer-group h2{display:flex;align-items:center;gap:8px;font-family:Quicksand,Arial,sans-serif;font-size:18px;line-height:1.5;font-weight:700}.footer-group h2 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.footer-group p{color:#d4d5df}.footer-group .text-link{color:var(--orange);font-size:14px}.footer-status{font-size:13px;margin-top:8px}.socials{border-left:1px solid #ffffff40;display:flex;gap:24px;padding-left:24px;padding-top:8px;min-height:112px}.socials a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:44px;min-height:44px;text-decoration:none;font-size:12px;color:#d4d5df}.socials svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.socials a:hover{color:var(--orange)}.copyright{text-align:center;color:#d4d5df;font-size:13px;margin-top:24px}footer a:focus-visible{outline-color:var(--cream)}
@media(min-width:600px){:root{--page-gutter:32px}}
@media(min-width:900px){:root{--page-gutter:48px}}
@media(max-width:899px){.hero{padding:40px 0}.hero-pie{height:96px;width:124px}.hero h1{font-size:60px}.hero p{font-size:20px}.project-row{grid-template-columns:1fr;gap:24px}.project-preview,.project-copy{grid-column:1}.project-preview{width:100%;max-width:640px}.project-copy h3{font-size:40px}.pie-divider{margin-block:40px}.about{display:flex;flex-wrap:wrap;gap:24px;padding-bottom:40px}.about-copy{width:100%}.about h2{font-size:32px}.mug-art{max-width:160px;margin-left:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-group,.socials{border-left:0;padding-left:0}.cloud-left{left:-160px}.cloud-right{right:-170px}}
@media(max-width:599px){body{font-size:18px}.hero{padding:32px 0;margin-bottom:24px}.hero-pie{height:80px;width:104px;margin-bottom:12px}.hero h1{font-size:clamp(36px,9vw,52px);letter-spacing:0}.hero p{font-size:18px;max-width:30ch}.hero .hero-content{padding-bottom:20px}.cloud{width:160px;height:48px}.cloud-left{left:-80px;bottom:12px}.cloud-right{right:-80px;bottom:24px;width:170px}.far{display:none}.near{animation-duration:150s}.projects{gap:48px}.project-copy h3{font-size:32px}.descriptor{font-size:20px}.button{display:flex;width:100%;margin-top:20px}.pie-divider{margin-block:32px;gap:24px}.about{padding-bottom:32px;gap:16px}.about h2{font-size:28px}.mug-art{width:112px;height:auto}.landscape{height:40px;background-size:400px 40px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-brand{flex-direction:row;align-items:center;gap:12px}.footer-brand img{width:48px;height:44px}.footer-brand span{font-size:28px}.footer-group,.socials{min-height:auto}.footer-group p br{display:none}.footer-status{margin-top:4px}.socials{gap:32px;justify-content:flex-start;padding-top:0}.copyright{text-align:left}.motion-control{bottom:-4px}.cloud-toggle{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cloud-track{animation:none!important}.cloud-toggle{display:none}.button{transition:none}}
/* Keep the moving sky in the shallow band below the tagline at every position. */
.cloud-backdrop{inset:auto 0 0;height:48px}.cloud-left,.cloud-right{bottom:0}.cloud-distant{bottom:-4px}
@media(max-width:599px){.cloud-backdrop{height:40px}.cloud-left,.cloud-right{bottom:0}}
.cloud{height:48px}.cloud-distant{height:32px;bottom:0}.cloud-toggle{background:var(--cream);border-radius:6px;padding-inline:8px}
@media(min-width:600px) and (max-width:899px){.cloud-backdrop{height:40px}.cloud{height:40px}}
@media(max-width:599px){.cloud{height:40px}}
.hero-pie{width:174px}@media(max-width:899px){.hero-pie{width:149px}}@media(max-width:599px){.hero-pie{width:124px}}