@import "https://fonts.googleapis.com/css2?family=Rock+Salt&family=Permanent+Marker&family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;700&family=Cormorant+Garamond:ital,wght@1,400;1,700&display=swap";:root{--bg:#f4f1ea;--text:#1c1c1e;--text-muted:#5c5a56;--accent:#2e2e30;--accent-rgb:46, 46, 48;--accent-muted:#d1cdc3;--border:#1c1c1e;--grid-color:#1c1c1e0d;--code-bg:#e8e4d9;--panel-bg:#fcfaf5;--shadow:3px 3px 0px 0px #1c1c1e;--font-mono:"JetBrains Mono", monospace;--font-sans:"Space Grotesk", sans-serif;--font-decor:"Permanent Marker", cursive;--font-marker:"Rock Salt", cursive}:root.dark{--bg:#121214;--text:#e5e2da;--text-muted:#737068;--accent:#b5b2a9;--accent-rgb:181, 178, 169;--accent-muted:#222225;--border:#333336;--grid-color:#e5e2da05;--code-bg:#18181a;--panel-bg:#1c1c1e;--shadow:3px 3px 0px 0px #2d2d30;--font-mono:"JetBrains Mono", monospace;--font-sans:"Space Grotesk", sans-serif;--font-decor:"Permanent Marker", cursive;--font-marker:"Rock Salt", cursive}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;transition:background-color .4s,color .4s,border-color .4s;position:relative;overflow-x:hidden}body:after{content:"";opacity:.045;mix-blend-mode:multiply;pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}:root.dark body:after{opacity:.06;mix-blend-mode:overlay}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;text-transform:uppercase;font-weight:700}code,pre{font-family:var(--font-mono);font-size:.9em}#root{border-left:2px solid var(--border);border-right:2px solid var(--border);background-color:var(--bg);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);box-sizing:border-box;background-size:24px 24px;flex-direction:column;width:1200px;max-width:100%;min-height:100vh;margin:0 auto;padding:32px 40px 0;transition:background-color .4s,border-color .4s;display:flex;position:relative}@media (width<=1240px){#root{border-left:none;border-right:none;padding:32px 20px 0}}.btn{font-family:var(--font-mono);text-transform:uppercase;border:2px solid var(--border);background-color:var(--bg);color:var(--text);cursor:pointer;box-shadow:var(--shadow);align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{box-shadow:5px 5px 0px var(--border);background-color:var(--border);color:var(--bg);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0px var(--border);transform:translate(1px,1px)}.panel{background-color:var(--panel-bg);border:2px solid var(--border);box-shadow:var(--shadow);padding:24px;transition:background-color .4s,border-color .4s,box-shadow .4s;position:relative}.panel:hover{border-color:var(--border);box-shadow:5px 5px 0px var(--border)}.watermark-wrapper{position:relative;overflow:hidden}.watermark{font-family:var(--font-mono);text-transform:uppercase;color:var(--text);opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;letter-spacing:.1em;font-size:2rem;font-weight:500;line-height:1;transition:color .4s,opacity .4s;position:absolute}:root.dark .watermark{opacity:.04}.margin-smudge{background:radial-gradient(circle, rgba(var(--accent-rgb), .03) 0%, transparent 70%);pointer-events:none;z-index:1;width:250px;height:250px;position:absolute}.rough-edges{filter:url(#rough-edges-filter);display:inline-block}@media (width>=1024px){.col-span-2-lg{grid-column:span 2}}.js-active .draw-line-horizontal,.js-active .draw-line-scroll{transform-origin:0;transform:scaleX(0)}.js-active .hero-subtitle,.js-active .hero-title,.js-active .hero-underline,.js-active .hero-info-panel,.js-active .hero-links,.js-active .animate-on-scroll h2,.js-active .animate-on-scroll .watermark,.js-active .animate-on-scroll .panel{opacity:0}.hero-watermark{opacity:.045;transition:opacity .4s}:root.dark .hero-watermark{opacity:.025}.scroll-progress-container{background-color:var(--bg);border-bottom:1px solid var(--border);z-index:4000;pointer-events:none;flex-direction:column;justify-content:flex-end;width:100%;height:18px;transition:background-color .4s,border-color .4s;display:flex;position:fixed;top:0;left:0}.scroll-progress-line{background-color:var(--text);transform-origin:0;width:100%;height:3px;transition:background-color .4s}.ruler-ticks-wrapper{opacity:.25;border-top:1px solid var(--border);justify-content:space-between;height:6px;padding:0 8px;transition:border-color .4s;display:flex}.ruler-tick{background-color:var(--text);width:1px;transition:background-color .4s}.blueprint-parallax-container{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blueprint-parallax-element{color:var(--text);opacity:.035;transform-origin:50%;transition:color .4s,opacity .4s;position:absolute}:root.dark .blueprint-parallax-element{opacity:.02}.d-block-mobile{display:none!important}@media (width<=768px){.d-none-mobile{display:none!important}.d-block-mobile{display:block!important}.project-card{flex:100%!important}.project-details-sheet{width:100%!important}}@media (width<=600px){header{text-align:center!important;flex-direction:column!important;gap:8px!important;display:flex!important}header>div{text-align:center!important;justify-content:center!important}.hero-links{flex-direction:column!important;align-items:center!important;gap:8px!important}.sim-layout{flex-direction:column!important}.sim-layout>div{width:100%!important}.cpu-layout,.synth-controls{grid-template-columns:1fr!important}}
