@import "https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Caveat:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-black:#111;--color-gray-dark:#333;--color-gray:#666;--color-gray-light:#ccc;--color-paper:#fafaf8;--font-hand:"Architects Daughter", cursive;--font-script:"Caveat", cursive;--font-sans:"Inter", sans-serif;--wobble-border-radius:255px 15px 225px 15px/15px 225px 15px 255px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-paper);color:var(--color-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/test4/textures/paper_bg.png);background-repeat:repeat;min-height:100vh;overflow-x:hidden}#canvas-container{z-index:1;pointer-events:auto;width:100vw;height:100vh;position:fixed;top:0;left:0}#paper-overlay{z-index:2;mix-blend-mode:multiply;opacity:.85;pointer-events:none;background-image:url(/test4/textures/paper_bg.png);background-repeat:repeat;width:100vw;height:100vh;position:fixed;top:0;left:0}#scroll-container{z-index:3;pointer-events:none;width:100%;height:1000vh;position:absolute;top:0;left:0}.ui-overlay{z-index:10;pointer-events:none;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.interactive{pointer-events:auto}.sketch-box{border:3px solid var(--color-black);border-radius:var(--wobble-border-radius);background-color:#ffffffe6;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:3px 5px #00000026}.sketch-box:hover{transform:translate(-1px,-2px);box-shadow:5px 7px #0003}.sketch-button{font-family:var(--font-hand);border:3px solid var(--color-black);border-radius:var(--wobble-border-radius);cursor:pointer;background-color:#fff;padding:10px 24px;font-size:1.1rem;transition:transform .15s,box-shadow .15s,background-color .15s;box-shadow:2px 4px #00000026}.sketch-button:hover{background-color:#f7f7f7;transform:translate(-1px,-2px);box-shadow:4px 6px #0003}.sketch-button:active{transform:translate(1px,2px);box-shadow:1px 2px #0000001a}.handwritten{font-family:var(--font-hand)}.script{font-family:var(--font-script)}.landing-prompt{text-align:center;z-index:15;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.prompt-text{font-family:var(--font-hand);border:2px solid var(--color-black);border-radius:var(--wobble-border-radius);background-color:#fff;padding:8px 20px;font-size:1.3rem;animation:1.8s ease-in-out infinite prompt-pulse;box-shadow:2px 3px #0000001a}@keyframes prompt-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.scroll-indicator{font-family:var(--font-hand);opacity:.7;flex-direction:column;align-items:center;gap:4px;font-size:.95rem;animation:2s infinite fade-pulse;display:flex}@keyframes fade-pulse{0%,to{opacity:.4}50%{opacity:.8}}.back-button{z-index:100;align-items:center;gap:8px;display:flex;position:fixed;top:30px;left:30px}.gallery-hud{border:2px solid var(--color-black);border-radius:var(--wobble-border-radius);z-index:20;text-align:center;background-color:#fff;padding:8px 24px;position:fixed;top:100px;left:50%;transform:translate(-50%);box-shadow:2px 3px #0000001a}.gallery-hud h2{font-family:var(--font-hand);font-size:1.4rem}.gallery-hud p{opacity:.8;font-size:.9rem}.project-modal-backdrop{z-index:150;background-color:#fafaf899;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.project-modal{border:3px solid var(--color-black);border-radius:var(--wobble-border-radius);background-color:#fff;flex-direction:column;gap:16px;width:90%;max-width:550px;padding:30px;display:flex;position:relative;box-shadow:6px 10px #00000040}.modal-close{cursor:pointer;background:0 0;border:none;font-size:1.8rem;font-weight:700;line-height:1;position:absolute;top:20px;right:20px}.project-title{font-family:var(--font-hand);border-bottom:2px dashed var(--color-black);padding-bottom:8px;font-size:2.2rem}.project-desc{color:var(--color-gray-dark);font-size:1rem;line-height:1.5}.project-tech{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tech-tag{font-family:var(--font-hand);border:1px solid var(--color-black);background-color:#f0f0f0;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.9rem;display:flex}.studio-hud{text-align:center;z-index:20;position:fixed;bottom:50px;left:50%;transform:translate(-50%)}.about-hud{z-index:20;border:2px solid var(--color-black);background-color:#fffde7;border-radius:5px;flex-direction:column;gap:12px;width:320px;padding:24px;display:flex;position:fixed;top:40px;right:40px;transform:rotate(2deg);box-shadow:3px 5px #0000001a}.about-hud h3{font-family:var(--font-hand);border-bottom:1px solid #00000026;padding-bottom:4px;font-size:1.3rem}.about-hud p{font-family:var(--font-script);color:#3f3f3f;font-size:1.3rem;line-height:1.4}.contact-form-container{z-index:50;border:3px solid var(--color-black);border-radius:var(--wobble-border-radius);background-color:#fff;flex-direction:column;gap:12px;width:90%;max-width:400px;padding:24px;display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%);box-shadow:4px 6px #00000026}.contact-form-container h2{font-family:var(--font-hand);text-align:center;font-size:1.5rem}.form-group{flex-direction:column;gap:4px;display:flex}.form-group label{font-family:var(--font-hand);font-size:.9rem}.form-input{font-family:var(--font-sans);border:2px solid var(--color-black);border-radius:var(--wobble-border-radius);background-color:#fff;outline:none;padding:8px 12px;font-size:.95rem}.form-input:focus{background-color:#fafaf8}textarea.form-input{resize:none;height:80px}.logo-highlight{border-radius:4px;padding:2px 6px;font-weight:700;display:inline-block}.logo-js{color:#000;background-color:#f7df1e}.logo-react{color:#61dafb;background-color:#20232a}.logo-node{color:#fff;background-color:#393}.logo-figma{color:#fff;background-color:#f24e1e}.custom-cursor-draw{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' style='fill:black'><path d='M0 32l12-12 4 4-12 12zM28 4l-4-4-10 10 4 4z'/></svg>"),auto}.hovering-door,.hovering-door *{cursor:pointer!important}.enter-btn{font-family:var(--font-hand);border:3px solid var(--color-black);cursor:pointer;border-radius:var(--wobble-border-radius);pointer-events:auto;background:#fff;padding:12px 30px;font-size:1.5rem;transition:transform .2s,box-shadow .2s,background-color .2s;box-shadow:3px 5px #00000026}.enter-btn:hover{background-color:#fcfcf9;transform:translateY(-2px)rotate(-1deg);box-shadow:5px 7px #0003}.enter-btn:active{transform:translateY(1px);box-shadow:1px 2px #00000026}.paper-sheet{color:var(--color-black);border:3px solid var(--color-black);border-radius:var(--wobble-border-radius);pointer-events:auto;background:#fff;width:90%;max-width:800px;max-height:85vh;margin:80px auto 20px;padding:40px;position:relative;overflow-y:auto;box-shadow:6px 10px #00000026}.paper-sheet h2{font-family:var(--font-hand);border-bottom:2px dashed var(--color-black);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:8px;font-size:1.8rem;display:flex}.paper-sheet h3{font-family:var(--font-hand);margin-bottom:12px;font-size:1.3rem}.paper-grid{text-align:left;grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (width<=768px){.paper-grid{grid-template-columns:1fr;gap:15px}.paper-sheet{width:95%;max-height:80vh;margin-top:75px;padding:20px 15px}.paper-sheet h2{font-size:1.4rem}.back-button{top:15px;left:15px}.sketch-button{padding:8px 16px;font-size:.95rem}.ui-overlay .sketch-box[style]{padding:8px 15px!important;font-size:.9rem!important;top:15px!important;right:15px!important}}.pdf-card{border:2px solid var(--color-black);border-radius:var(--wobble-border-radius);text-align:left;background-color:#fafaf8;margin-bottom:12px;padding:12px}.pdf-card strong{margin-bottom:4px;display:block}.pdf-card p{opacity:.9;font-size:.9rem;line-height:1.4}.pdf-banner{color:#28a745;border-radius:var(--wobble-border-radius);text-align:center;background-color:#28a7450d;border:2px solid #28a745;margin:15px 0;padding:8px;font-weight:700}.preloader-screen{z-index:1000;pointer-events:auto;background-color:#fafaf8;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;left:0}.preloader-screen.fade-out{opacity:0;pointer-events:none}.preloader-content{text-align:center;width:90%;max-width:450px;padding:30px}.preloader-status{min-height:28px;margin:15px 0 10px;font-size:1.1rem}.loading-bar-container{border:3px solid var(--color-black);border-radius:var(--wobble-border-radius);background-color:#fff;width:100%;height:24px;position:relative;overflow:hidden;box-shadow:2px 3px #00000026}.loading-bar-fill{border-right:3px solid var(--color-black);background-color:#fdae34;height:100%;transition:width .2s ease-out}.preloader-percentage{margin-top:10px;font-size:1.2rem;font-weight:700}