@import "https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Caveat:wght@400;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Silkscreen:wght@400;700&family=VT323&family=Manrope:wght@400;600;700;800&display=swap";:root{--bg-paper:#f7f5ef;--bg-paper-card:#fff;--grid-line:#0000000e;--text-main:#181716;--text-muted:#6b6862;--text-sketch:#3b3835;--font-sans:"Plus Jakarta Sans", "Manrope", -apple-system, sans-serif;--font-hand:"Architects Daughter", "Caveat", cursive;--font-pixel:"Silkscreen", "VT323", monospace;--badge-yellow:#fd3;--badge-green:#10b981;--badge-pink:#ff5e99;--badge-blue:#2563eb;--badge-beige:#efe7d3;--border-dark:#181716;--shadow-block:4px 4px 0px #181716;--shadow-block-lg:6px 6px 0px #181716}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-paper);width:100%;min-height:100vh;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.notebook-container{background-color:var(--bg-paper);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:28px 28px;width:100%;min-height:100vh;position:relative}.notebook-container:before{content:"";pointer-events:none;z-index:10;background-color:#ef444440;width:2px;position:absolute;top:0;bottom:0;left:60px}@media (width<=768px){.notebook-container:before{left:10px}}.scroll-progress-bar{background:var(--border-dark);transform-origin:0;z-index:9999;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.craft-navbar-wrapper{z-index:1000;justify-content:space-between;align-items:center;gap:16px;width:calc(100% - 48px);max-width:1350px;margin:0 auto 20px;display:flex;position:sticky;top:16px}.craft-navbar-logo{border:2px solid var(--border-dark);width:44px;height:44px;box-shadow:2px 2px 0px var(--border-dark);object-fit:cover;cursor:pointer;background:#700b1a;border-radius:50%;flex-shrink:0;transition:transform .2s}.craft-navbar-logo:hover{transform:scale(1.08)rotate(-6deg)}.craft-navbar{border:2px solid var(--border-dark);box-shadow:3px 3px 0px var(--border-dark);background:#fff;border-radius:999px;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.craft-nav-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.craft-nav-item{color:var(--text-main);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.craft-nav-item:hover{background:#0000000d}.craft-nav-item.active{background:var(--badge-yellow);border:1.5px solid var(--border-dark);box-shadow:2px 2px 0px var(--border-dark)}.craft-contact-btn{color:var(--text-main);border:2px solid var(--border-dark);box-shadow:2px 2px 0px var(--border-dark);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 20px;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.craft-contact-btn:hover{box-shadow:3px 3px 0px var(--border-dark);background:#fdfbf7;transform:translate(-1px,-1px)}.desktop-only-nav{display:flex!important}.mobile-only-nav{display:none!important}.mobile-top-bar{z-index:1000;border:2px solid var(--border-dark);width:calc(100% - 20px);box-shadow:3px 3px 0px var(--border-dark);background:#fff;border-radius:999px;justify-content:space-between;align-items:center;margin:0 auto 16px;padding:8px 14px;display:flex;position:sticky;top:12px}@media (width<=768px){.desktop-only-nav{display:none!important}.mobile-only-nav{display:flex!important}.desktop-only-doodle,.desktop-only-sticker{display:none!important}}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite dot-pulse-anim;display:inline-block;box-shadow:0 0 #10b98166}@keyframes dot-pulse-anim{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.hero-name-badge-container{flex-direction:column;align-items:center;width:100%;max-width:700px;margin:16px 0 28px;padding:0 16px;display:inline-flex;position:relative}.hero-top-badge-row{z-index:5;justify-content:space-between;gap:8px;width:100%;margin-bottom:-12px;padding:0 10px;display:flex}.hero-bottom-badge-row{z-index:5;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:100%;margin-top:-14px;display:flex}@media (width<=768px){.hero-top-badge-row{flex-wrap:wrap!important;justify-content:center!important;margin-bottom:8px!important}.hero-bottom-badge-row{gap:6px!important;margin-top:8px!important}.pixel-name-box{margin:4px 0!important}}.hero-cta-primary{color:#fff;cursor:pointer;background:#181716;border-radius:999px;align-items:center;gap:12px;padding:12px 28px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:4px 4px #fd3;border:none!important}.hero-cta-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #fd3}.hero-cta-arrow-circle{color:#181716;background:#fd3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:900;transition:transform .2s;display:flex}.hero-cta-primary:hover .hero-cta-arrow-circle{transform:translate(3px)}.hero-cta-secondary{color:#181716;cursor:pointer;background:#fff;border:2px solid #181716;border-radius:999px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:3px 3px #181716}.hero-cta-secondary:hover{background:#fdfbf7;transform:translate(-2px,-2px);box-shadow:5px 5px #181716}@media (width<=480px){.hero-cta-primary,.hero-cta-secondary{padding:10px 18px;font-size:.82rem}}.pixel-header-title{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--text-main);text-transform:uppercase;margin-bottom:20px;font-size:clamp(1.8rem,5vw,4.8rem);font-weight:700;line-height:1}.pixel-name-box{border:3px solid var(--border-dark);box-shadow:var(--shadow-block-lg);text-align:center;background:#fff;max-width:100%;margin:12px 0;padding:14px 36px;display:inline-block;position:relative}.pixel-name-text{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--text-main);text-transform:uppercase;font-size:clamp(2rem,7.5vw,6rem);font-weight:700;line-height:1}@media (width<=480px){.pixel-name-box{border-width:2.5px;padding:8px 14px}}.hand-annotation{font-family:var(--font-hand);color:var(--text-sketch);font-size:1.35rem;line-height:1.2}.sketch-badge{font-family:var(--font-sans);border:1.5px solid var(--border-dark);box-shadow:2px 2px 0px var(--border-dark);white-space:normal;word-break:break-word;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:5px 14px;font-size:.82rem;font-weight:700;transition:transform .2s;display:inline-flex}.sketch-badge:hover{transform:translateY(-2px)}.sketch-badge.yellow{background:var(--badge-yellow);color:#181716}.sketch-badge.green{background:var(--badge-green);color:#fff}.sketch-badge.pink{background:var(--badge-pink);color:#fff}.sketch-badge.blue{background:var(--badge-blue);color:#fff}.sketch-badge.beige{background:var(--badge-beige);color:#181716}@media (width<=480px){.sketch-badge{padding:4px 10px;font-size:.74rem}}.sticky-note{font-family:var(--font-hand);border:1px solid #00000026;padding:10px 18px;font-size:1.1rem;font-weight:700;display:inline-block;position:relative;box-shadow:3px 3px 8px #0000001a}.sticky-note.blue{color:#1e3a8a;background:#d0e8ff;transform:rotate(-3deg)}.sticky-note.yellow{color:#78350f;background:#fff3b0;transform:rotate(4deg)}.sticky-note.pink{color:#831843;background:#ffd6e8;transform:rotate(-2deg)}.polaroid-card{background:#fff;border:1px solid #e2dec9;max-width:100%;padding:12px 12px 28px;transition:transform .3s;position:relative;box-shadow:0 12px 30px -6px #00000026,0 4px 10px #0000000d}.polaroid-card:hover{z-index:20;transform:scale(1.03)rotate(0)!important}.polaroid-img{object-fit:cover;border:1px solid #eee;width:100%;height:240px;display:block}.polaroid-caption{font-family:var(--font-hand);color:#555;text-align:center;margin-top:10px;font-size:1rem}.tape-strip{z-index:5;pointer-events:none;background:#f5ecc3d9;border:1px dashed #c8b47866;width:90px;height:26px;position:absolute;top:-12px;box-shadow:0 2px 4px #00000014}.tape-strip.left{left:20px;transform:rotate(-8deg)}.tape-strip.right{right:20px;transform:rotate(6deg)}.tape-strip.center{left:50%;transform:translate(-50%)rotate(-2deg)}.folder-container{width:100%;max-width:1100px;margin:0 auto}.folder-tab-header{z-index:2;flex-wrap:wrap;gap:4px;display:flex;position:relative}.folder-tab-btn{font-family:var(--font-pixel);border:3px solid var(--border-dark);box-shadow:2px -2px 0px var(--border-dark);cursor:pointer;white-space:nowrap;border-bottom:none;border-radius:12px 12px 0 0;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:transform .15s;display:inline-flex}.folder-tab-btn.blue{color:#fff;background:#2563eb}.folder-tab-btn.dark{color:#fff;background:#181716}.folder-tab-btn.yellow{color:#181716;background:#fd3}.folder-card-wrapper{border:3px solid var(--border-dark);box-shadow:6px 6px 0px var(--border-dark);border-radius:0 16px 16px;position:relative;overflow:hidden}.folder-card-wrapper.dark{color:#fff;background:#181716}.folder-card-wrapper.yellow{color:#181716;background:#fd3}.folder-card-body{grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding:40px 36px;display:grid}@media (width<=868px){.folder-card-body{grid-template-columns:1fr;gap:24px;padding:24px 18px}.folder-tab-btn{padding:6px 10px;font-size:.72rem}}.project-date-text{font-family:var(--font-pixel);letter-spacing:.05em;opacity:.85;margin-bottom:12px;font-size:.85rem;font-weight:700}.project-heading{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;line-height:1.05}.project-subtext{opacity:.9;margin-bottom:24px;font-size:1.05rem;line-height:1.6}.view-project-link{cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:12px 28px;font-size:.92rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;border:none!important}.view-project-link.white-btn{color:#181716;background:#fff;box-shadow:4px 4px #fd3}.view-project-link.white-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #fd3}.view-project-link.dark-btn{color:#fff;background:#181716;box-shadow:4px 4px #fff}.view-project-link.dark-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #fff}.section-wrapper{border-bottom:1.5px dashed #d6d2c4;width:100%;max-width:1350px;margin:0 auto;padding:70px 36px;position:relative;background:0 0!important}@media (width<=768px){.section-wrapper{padding:36px 12px}}.section-title-hand{font-family:var(--font-hand);color:var(--text-sketch);align-items:center;gap:14px;margin-bottom:20px;font-size:2rem;display:flex}.section-title-hand:after{content:"";background:var(--text-sketch);opacity:.25;flex:1;height:1.5px}.sketch-outline-box{border:2px solid var(--border-dark);font-family:var(--font-hand);box-shadow:2px 2px 0px var(--border-dark);background:#fff;border-radius:6px;padding:6px 20px;font-size:1.3rem;font-weight:700;display:inline-block}.avatar-sticker{object-fit:cover;border:3px solid #ff3b5f;border-radius:50%;width:64px;height:64px;box-shadow:0 4px 12px #00000026}.craft-footer{text-align:center;max-width:1350px;margin:0 auto;padding:70px 36px;position:relative;background:0 0!important}@media (width<=768px){.craft-footer{padding:36px 12px}}.footer-hand-note{font-family:var(--font-hand);color:var(--text-sketch);margin-top:20px;font-size:1.3rem}