@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;600&display=swap";:root{--clay-blue: #dbeafe;--clay-pink: #fce7f3;--clay-yellow: #fef3c7;--clay-purple: #e9d5ff;--clay-green: #d1fae5;--clay-white: #f8fafc;--clay-bg: #e0e7ff;--clay-text: #1e293b;--clay-text-muted: #64748b;--zoom-overlay-bg: rgba(255, 255, 255, .6);--clay-accent: #818cf8;--clay-accent-vibrant: #a78bfa;--clay-shadow-indigo: .75rem .75rem 1.5rem rgba(99, 102, 241, .2), -.625rem -.625rem 1.25rem rgba(255, 255, 255, .4), inset -.75rem -.75rem 1.5rem rgba(99, 102, 241, .15), inset .75rem .75rem 1.5rem rgba(255, 255, 255, .6);--clay-shadow-blue: .75rem .75rem 1.5rem rgba(59, 130, 246, .25), -.625rem -.625rem 1.25rem rgba(255, 255, 255, .4), inset -.75rem -.75rem 1.5rem rgba(59, 130, 246, .2), inset .75rem .75rem 1.5rem rgba(255, 255, 255, .6);--clay-shadow-pink: .75rem .75rem 1.5rem rgba(236, 72, 153, .23), -.625rem -.625rem 1.25rem rgba(255, 255, 255, .4), inset -.75rem -.75rem 1.5rem rgba(236, 72, 153, .2), inset .75rem .75rem 1.5rem rgba(255, 255, 255, .6);--clay-shadow-yellow: .75rem .75rem 1.5rem rgba(251, 191, 36, .23), -.625rem -.625rem 1.25rem rgba(255, 255, 255, .4), inset -.75rem -.75rem 1.5rem rgba(251, 191, 36, .2), inset .75rem .75rem 1.5rem rgba(255, 255, 255, .6);--clay-shadow-green: .75rem .75rem 1.5rem rgba(52, 211, 153, .23), -.625rem -.625rem 1.25rem rgba(255, 255, 255, .4), inset -.75rem -.75rem 1.5rem rgba(52, 211, 153, .2), inset .75rem .75rem 1.5rem rgba(255, 255, 255, .6);--clay-shadow-white: .75rem .75rem 1.5rem rgba(100, 116, 139, .15), -.625rem -.625rem 1.25rem rgba(255, 255, 255, .5), inset -.75rem -.75rem 1.5rem rgba(100, 116, 139, .1), inset .75rem .75rem 1.5rem rgba(255, 255, 255, .5);--clay-shadow-purple: .75rem .75rem 1.5rem rgba(147, 51, 234, .23), -.625rem -.625rem 1.25rem rgba(255, 255, 255, .4), inset -.75rem -.75rem 1.5rem rgba(147, 51, 234, .2), inset .75rem .75rem 1.5rem rgba(255, 255, 255, .6);--clay-shadow-hover: 1rem 1rem 2rem rgba(100, 116, 139, .2), -.875rem -.875rem 1.75rem rgba(255, 255, 255, .7), inset -.625rem -.625rem 1.25rem rgba(100, 116, 139, .1), inset .625rem .625rem 1.25rem rgba(255, 255, 255, .8);--clay-btn-shadow: .375rem .375rem .75rem rgba(100, 116, 139, .12), -.25rem -.25rem .5rem rgba(255, 255, 255, .8), inset -.25rem -.25rem .5rem rgba(100, 116, 139, .08), inset .25rem .25rem .5rem rgba(255, 255, 255, .9);--clay-nav-shadow: .625rem .625rem 1.875rem rgba(100, 116, 139, .15), -.625rem -.625rem 1.875rem rgba(255, 255, 255, .9), inset -.375rem -.375rem .75rem rgba(100, 116, 139, .08), inset .375rem .375rem .75rem rgba(255, 255, 255, .95);--font-main: "Fredoka", sans-serif}*{margin:0;padding:0;box-sizing:border-box}::selection{background-color:var(--clay-accent);color:#fff}::-moz-selection{background-color:var(--clay-accent);color:#fff}body{color:var(--clay-text);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;position:relative;background:radial-gradient(at 0% 0%,#c084fc 0px,transparent 50%),radial-gradient(at 100% 0%,#818cf8 0px,transparent 50%),radial-gradient(at 100% 100%,#f472b6 0px,transparent 50%),radial-gradient(at 0% 100%,#60a5fa 0px,transparent 50%),radial-gradient(at 50% 50%,#818cf8 0px,transparent 50%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9999}.clay-nav{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:90%;max-width:75rem;background:var(--clay-white);padding:1.25rem 2.5rem;border-radius:2.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--clay-nav-shadow);z-index:1000}.clay-zoom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--zoom-overlay-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.clay-zoom-overlay.active{opacity:1;pointer-events:auto}.clay-zoom-container{width:85%;max-width:50rem;max-height:85vh;background:var(--clay-white);padding:2.5rem;border-radius:2.5rem;box-shadow:20px 20px 60px #0000001a,-15px -15px 30px #fffc,inset -10px -10px 20px #ffffff80,inset 10px 10px 20px #0000000d;transform:scale(.9) translateY(1.25rem);transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;overflow:hidden}.clay-zoom-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:1.25rem}.clay-zoom-overlay.active .clay-zoom-container{transform:scale(1) translateY(0)}.clay-zoom-img{width:100%;height:auto;border-radius:1.5625rem;box-shadow:inset 0 0 0 1px #ffffff80}.clay-zoom-close{position:absolute;top:1.875rem;right:1.875rem;width:3.75rem;height:3.75rem;border:none;background:var(--clay-white);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;box-shadow:var(--puffy-btn-shadow);transition:all .3s ease}.clay-zoom-close:hover{transform:scale(1.1);box-shadow:var(--puffy-btn-hover)}.clay-logo{font-weight:800;font-size:1.75rem;color:var(--clay-accent);letter-spacing:-.02em}.clay-nav-links a{text-decoration:none;color:var(--clay-text);margin-left:2rem;font-weight:600;transition:all .3s ease}.clay-nav-links a:hover{color:#0ea5e9;transform:translateY(-2px)}.clay-container{max-width:75rem;margin:0 auto;padding:7.5rem 2rem 3.75rem}.puffy-section{background:var(--clay-white);border-radius:3rem;padding:4rem;box-shadow:var(--clay-shadow-white);margin-bottom:4rem}.clay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:2.5rem}.clay-card{background:var(--clay-white);border-radius:3rem;padding:3rem;box-shadow:var(--clay-shadow-white);transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative}.clay-card:hover{box-shadow:var(--clay-shadow-hover);transform:translateY(-4px) scale(1.02)}.clay-card:active{transform:translateY(2px) scale(.98);box-shadow:12px 12px 24px #64748b26,-8px -8px 16px #fff9,inset -16px -16px 32px #64748b33,inset 16px 16px 32px #fff}.clay-card.blue{background:var(--clay-blue);box-shadow:var(--clay-shadow-blue)}.clay-card.blue:hover{box-shadow:16px 16px 32px #3b82f64d,-14px -14px 28px #ffffffb3,inset -10px -10px 20px #3b82f626,inset 10px 10px 20px #fffc}.clay-card.indigo{background:#e0e7ff;box-shadow:var(--clay-shadow-indigo)}.clay-card.indigo:hover{box-shadow:16px 16px 32px #6366f140,-14px -14px 28px #ffffffb3,inset -10px -10px 20px #6366f11a,inset 10px 10px 20px #fffc}.clay-card.pink{background:var(--clay-pink);box-shadow:var(--clay-shadow-pink)}.clay-card.pink:hover{box-shadow:16px 16px 32px #ec489947,-14px -14px 28px #ffffffb3,inset -10px -10px 20px #ec48991a,inset 10px 10px 20px #fffc}.clay-card.yellow{background:var(--clay-yellow);box-shadow:var(--clay-shadow-yellow)}.clay-card.yellow:hover{box-shadow:16px 16px 32px #fbbf244d,-14px -14px 28px #ffffffb3,inset -10px -10px 20px #fbbf241a,inset 10px 10px 20px #fffc}.clay-btn{display:inline-block;padding:1.25rem 3rem;border-radius:2.25rem;border:none;font-weight:700;font-family:var(--font-main);cursor:pointer;box-shadow:var(--clay-btn-shadow);transition:all .2s cubic-bezier(.34,1.56,.64,1);text-decoration:none;text-align:center;position:relative}.clay-btn:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #64748b26,-6px -6px 12px #ffffffe6,inset -5px -5px 10px #64748b1a,inset 5px 5px 10px #fff}.clay-btn:active{transform:translateY(1px) scale(.98);box-shadow:4px 4px 8px #64748b1f,-2px -2px 4px #fff9,inset -8px -8px 16px #64748b26,inset 8px 8px 16px #fff}.clay-btn-primary{background:var(--clay-accent);color:#fff}.clay-btn.pink{background:#ec4899;color:#fff;box-shadow:6px 6px 12px #ec489933,-4px -4px 8px #fffc,inset -4px -4px 8px #ec489926,inset 4px 4px 8px #ffffff4d}.clay-btn.pink:hover{box-shadow:8px 8px 16px #ec489940,-6px -6px 12px #ffffffe6,inset -5px -5px 10px #ec489933,inset 5px 5px 10px #fff6}.clay-btn.blue{background:#3b82f6;color:#fff;box-shadow:6px 6px 12px #3b82f633,-4px -4px 8px #fffc,inset -4px -4px 8px #3b82f626,inset 4px 4px 8px #ffffff4d}.clay-btn.blue:hover{box-shadow:8px 8px 16px #3b82f640,-6px -6px 12px #ffffffe6,inset -5px -5px 10px #3b82f633,inset 5px 5px 10px #fff6}.clay-btn.indigo{background:#6366f1;color:#fff;box-shadow:6px 6px 12px #6366f133,-4px -4px 8px #fffc,inset -4px -4px 8px #6366f126,inset 4px 4px 8px #ffffff4d}.clay-btn.indigo:hover{box-shadow:8px 8px 16px #6366f140,-6px -6px 12px #ffffffe6,inset -5px -5px 10px #6366f133,inset 5px 5px 10px #fff6}.clay-btn.purple{background:#8b5cf6;color:#fff;box-shadow:6px 6px 12px #8b5cf633,-4px -4px 8px #fffc,inset -4px -4px 8px #8b5cf626,inset 4px 4px 8px #ffffff4d}.clay-btn.purple:hover{box-shadow:8px 8px 16px #8b5cf640,-6px -6px 12px #ffffffe6,inset -5px -5px 10px #8b5cf633,inset 5px 5px 10px #fff6}.clay-btn.yellow{background:#f59e0b;color:#fff;box-shadow:6px 6px 12px #f59e0b33,-4px -4px 8px #fffc,inset -4px -4px 8px #f59e0b26,inset 4px 4px 8px #ffffff4d}.clay-btn.yellow:hover{box-shadow:8px 8px 16px #f59e0b40,-6px -6px 12px #ffffffe6,inset -5px -5px 10px #f59e0b33,inset 5px 5px 10px #fff6}.icon-box{width:3.75rem;height:3.75rem;border-radius:1.375rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:var(--clay-btn-shadow);background:var(--clay-white)}h1{font-size:5rem;font-weight:800;margin-bottom:2rem;color:#fff;line-height:1;letter-spacing:-.04em;text-shadow:0 10px 30px rgba(0,0,0,.1)}h2{font-size:3rem;font-weight:800;margin-bottom:3rem;color:#fff;letter-spacing:-.03em}h3{font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;color:var(--clay-text)}p{font-size:1.2rem;color:var(--clay-text-muted);font-weight:400}.puffy-section p{color:var(--clay-text-muted)}.puffy-section h1,.puffy-section h2{color:var(--clay-text)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes squish{0%,to{transform:scale(1)}50%{transform:scale(.96,1.04)}}.float-anim{animation:float 5s ease-in-out infinite}.squish-hover:hover{animation:squish .6s ease-in-out forwards}.clay-hero-img{width:100%;max-width:31.25rem;height:auto;filter:drop-shadow(10px 10px 20px rgba(0,0,0,.1))}.clay-icon-img{width:7.5rem;height:auto;filter:drop-shadow(5px 5px 15px rgba(0,0,0,.08))}.clay-appratus-img{width:100%;height:auto;filter:drop-shadow(15px 15px 30px rgba(0,0,0,.12))}.flex-row{display:flex;gap:4rem;align-items:center}.flex-1{flex:1}.flex-08{flex:.8}.flex-center-col{display:flex;flex-direction:column;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.gap-05{gap:.5rem}.gap-15{gap:1.5rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mb-10{margin-bottom:10rem}.text-center{text-align:center}.relative{position:relative}.pill-badge{padding:.5rem 1.5rem;border-radius:1.25rem;font-weight:700;font-size:.8rem;box-shadow:var(--clay-btn-shadow)}.pill-pink{background:var(--clay-pink);color:#db2777}.pill-green{background:var(--clay-green);color:#166534}.pill-blue{background:var(--clay-blue);color:var(--clay-accent)}.pill-purple{background:var(--clay-purple);color:#7c3aed}.hero-gradient-text{color:#fff;background:linear-gradient(135deg,#f472b6,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.clay-unit-tag{position:absolute;bottom:1.25rem;right:-1.25rem;background:#fff;padding:.8rem 2.5rem;border-radius:1.5625rem;box-shadow:var(--puffy-shadow);font-weight:700;color:var(--clay-accent)}.img-container-120{height:7.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.img-shadow-sm{filter:drop-shadow(5px 5px 15px rgba(0,0,0,.1))}.stat-card{padding:1.5rem;background:#fff;border-radius:1.5625rem;box-shadow:var(--clay-btn-shadow);text-align:center}.stat-card-matte{background:#ffffffe6}.stat-label{margin-bottom:.5rem;color:var(--clay-accent)}.stat-value{font-weight:800;color:var(--clay-text)}.project-img-container{height:11.25rem;border-radius:1.25rem;margin-bottom:2rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f1f5f9}.project-img{width:100%;height:100%;object-fit:cover}.tag-sm{font-size:.7rem;font-weight:700;padding:6px 12px;border-radius:.75rem}.code-block-tech{background:#f8fafc;padding:2rem;border-radius:1.5625rem;display:block;font-family:monospace;font-size:.85rem;box-shadow:var(--clay-btn-shadow);line-height:1.6;color:var(--clay-text)}.site-footer{padding:6rem 2rem;text-align:center;border-top:1px solid rgba(0,0,0,.05)}.footer-text{font-size:.8rem;opacity:.5}@media(max-width:768px){.flex-row{flex-direction:column;gap:2rem}h1{font-size:2.75rem!important;line-height:1.05}.puffy-section{padding:2rem}.clay-nav{padding:1rem 1.5rem;width:95%}h1,.lab-header h1{font-size:clamp(2rem,9vw,3rem)!important;line-height:1.1!important}}:focus-visible{outline:3px dashed var(--clay-accent);outline-offset:4px}.clay-btn:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 4px #6366f14d}a:focus-visible{border-radius:4px}.forge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:4rem}.mechanic-item{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:var(--clay-white);border-radius:30px;box-shadow:var(--clay-btn-shadow)}.mechanic-visual{width:100px;height:100px;border-radius:50%;background:var(--clay-blue);box-shadow:var(--clay-btn-shadow);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.lab-header{margin-bottom:8rem;text-align:center}.lab-tag{background:var(--clay-purple);display:inline-block;padding:1rem 2.5rem;border-radius:30px;color:var(--clay-accent-vibrant);font-weight:800;margin-bottom:2rem;font-size:.9rem;box-shadow:var(--clay-btn-shadow)}.lab-desc{max-width:800px;margin:2.5rem auto;font-size:1.4rem;color:var(--clay-text)}.material-card-container{width:100%;height:350px;border-radius:40px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 5px 5px 15px #0000000d;border:1px solid rgba(255,255,255,.5)}.bg-blue-light{background:#dbeafe}.bg-pink-light{background:#fdf2f8}.core-tag{position:absolute;top:25px;right:25px;background:#fff;padding:.6rem 1.2rem;border-radius:15px;font-weight:700;font-size:.75rem;box-shadow:var(--clay-shadow-blue)}.sim-tag{position:absolute;bottom:25px;left:25px;background:#fff;padding:.6rem 1.2rem;border-radius:15px;font-weight:700;font-size:.75rem;box-shadow:var(--clay-shadow-pink)}.timeline-item{display:flex;align-items:center;margin-bottom:1.5rem}.timeline-dot{width:30px;height:30px;border-radius:50%;margin-right:1rem;box-shadow:var(--clay-btn-shadow)}.bg-accent{background:var(--clay-accent)}.bg-pink{background:var(--clay-pink)}.bg-blue{background:var(--clay-blue)}.craft-img-container{border-radius:30px;overflow:hidden;box-shadow:var(--clay-btn-shadow);padding:1.5rem;background:var(--clay-white)}.lab-footer{padding:6rem 2rem;text-align:center}.lab-footer-text{font-size:.8rem;opacity:.4;font-weight:700}