@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f6f7f9;--text-primary:#1e2229;--text-secondary:#616875;--accent:#ff6f00;--accent-soft:#ff6f001a;--blue:#42738a;--green:#5c8650;--gold:#d1ae57;--rose:#b2767a;--border:#a9afbc6b;--glass-bg:#ffffffb8;--surface:#fff;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:7rem;--transition-fast:.2s ease;--transition-slow:.6s cubic-bezier(.16, 1, .3, 1);--shadow-premium:0 18px 50px -28px #1418226b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 8% 8%,#ff6f001f 0,#0000 28%),radial-gradient(at 86% 12%,#42738a24 0,#0000 30%),radial-gradient(at 72% 88%,#5c86501f 0,#0000 34%);background-attachment:fixed;line-height:1.6}body:before{z-index:-1;background-image:radial-gradient(var(--border) 1px, transparent 1px);content:"";opacity:.42;background-size:24px 24px;position:fixed;inset:0}a{color:inherit}[hidden]{display:none!important}button{font:inherit}strong{font-weight:600}h1,h2,h3,h4{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:0;font-weight:500;line-height:1.1}h1{max-width:800px;font-size:4rem}h2{font-size:2.25rem}h3{font-size:1.8rem}h4{letter-spacing:.12em;text-transform:uppercase;font-size:.82rem}.container{width:min(1180px,100% - 64px);margin:0 auto}section{padding:var(--space-lg) 0}.site-nav{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;transition:var(--transition-slow);border-bottom:1px solid #0000;position:sticky;top:0}.site-nav.scrolled{border-bottom-color:var(--border);background:#fffffff0}.nav-inner{justify-content:space-between;align-items:center;gap:var(--space-md);transition:var(--transition-slow);padding-top:1.35rem;padding-bottom:1.35rem;display:flex}.site-nav.scrolled .nav-inner{padding-top:1rem;padding-bottom:1rem}.logo{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:.18em;font-size:1.1rem;font-weight:500;text-decoration:none}.nav-links{align-items:center;gap:1.4rem;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition-fast);font-size:.9rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--accent)}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:700}.project-actions{gap:var(--space-sm);flex-wrap:wrap;margin-top:.35rem;display:flex}.btn-primary,.btn-outline{min-height:44px;font-family:var(--font-heading);text-align:center;transition:var(--transition-fast);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:.76rem 1.35rem;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-primary);color:#fff}.btn-primary:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 14px 24px #181c231f}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--text-primary)}.project-kicker span{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.section-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);gap:.5rem;display:grid}.project-grid{gap:var(--space-md);display:grid}.project-card{gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border);background:var(--glass-bg);box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-slow);border-radius:8px;grid-template-columns:minmax(240px,.58fr) minmax(0,1fr);align-items:stretch;display:grid}.project-card:hover{border-color:#ff6f008c;box-shadow:0 34px 72px -40px #1418226b}.featured-project{background:linear-gradient(135deg, #ffffffd6, #fff9f0c7), var(--glass-bg)}.project-visual{border:1px solid var(--border);background:var(--surface);border-radius:8px;place-items:center;min-height:300px;display:grid;overflow:hidden}.image-visual{padding:2rem}.image-visual img{filter:drop-shadow(0 16px 36px #ff800024);width:min(100%,360px);height:auto;display:block}.kv-visual{background:linear-gradient(135deg,#8ba9ad38,#d7bd7a38),#ded6c8}.kv-window{background:#f3ead7;border:4px solid #24222a;width:min(88%,360px);padding:.75rem;font-family:Courier New,Consolas,monospace;box-shadow:8px 8px #24222a}.kv-topbar{background:#d7bd7a;border:3px solid #24222a;align-items:center;gap:.6rem;margin-bottom:.85rem;padding:.65rem;display:flex}.kv-topbar span{background:#fbf7ee;border:3px solid #24222a;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.kv-track{background:#fff;border:3px solid #24222a;height:36px;margin-top:.52rem;box-shadow:2px 2px #24222a}.kv-track.complete{background:#e2efd9}.kv-track.active{background:#efe4bd;transform:translate(1px,1px);box-shadow:1px 1px #24222a}.kv-button{background:#95b58c;border:4px solid #24222a;width:70%;height:40px;margin:1rem auto 0;box-shadow:4px 4px #24222a}.voa-visual{background:linear-gradient(135deg,#b98a8d33,#8ba9ad38),#ded6c8}.voa-window{background:#fbf7ee;border:4px solid #24222a;width:min(88%,360px);padding:.75rem;font-family:Courier New,Consolas,monospace;box-shadow:8px 8px #24222a}.voa-topbar{background:#d7bd7a;border:3px solid #24222a;align-items:center;gap:.6rem;margin-bottom:.85rem;padding:.65rem;display:flex}.voa-topbar span{background:#f3ead7;border:3px solid #24222a;place-items:center;min-width:44px;height:34px;font-weight:900;display:grid}.voa-field-row,.voa-segments{grid-template-columns:1fr 1fr;gap:.52rem;display:grid}.voa-field,.voa-segments span,.voa-file{background:#fff;border:3px solid #24222a;height:34px;margin-top:.52rem;box-shadow:inset 2px 2px #d8cfbd}.voa-field.wide,.voa-file{width:100%}.voa-segments span:first-child{background:#95b58c;transform:translate(1px,1px);box-shadow:2px 2px #24222a}.voa-file{background:#ddebed;box-shadow:2px 2px #24222a}.voa-button{background:#b98a8d;border:4px solid #24222a;width:70%;height:40px;margin:1rem auto 0;box-shadow:4px 4px #24222a}.project-content{flex-direction:column;justify-content:center;min-width:0;display:flex}.project-kicker{flex-wrap:wrap;gap:.7rem;margin-bottom:.75rem;display:flex}.project-content p{max-width:720px;margin-top:var(--space-sm);color:var(--text-secondary)}.features{margin:var(--space-md) 0;gap:.65rem;list-style:none;display:grid}.features li{color:var(--text-secondary);grid-template-columns:18px 1fr;gap:.7rem;display:grid}.features li:before{background:var(--accent);content:"";border-radius:50%;width:8px;height:8px;margin-top:.55rem}.project-detail{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.project-detail h4{margin-bottom:var(--space-sm);color:var(--accent)}.numbered-list{color:var(--text-secondary);gap:.65rem;padding-left:1.2rem;display:grid}.scene-instructions{gap:var(--space-md);display:grid}.scene-screenshots{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.scene-screenshots figure{border:1px solid var(--border);background:var(--surface);border-radius:6px;overflow:hidden}.scene-screenshots img{width:100%;height:auto;display:block}.scene-screenshots figcaption{border-top:1px solid var(--border);color:var(--text-secondary);letter-spacing:.12em;text-align:center;text-transform:uppercase;padding:.75rem;font-size:.72rem;font-weight:700}.instructions-container{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.instructions{min-width:0}.instructions h4{color:var(--accent);margin:1.25rem 0 .75rem}.instructions h4:first-child{margin-top:0}.instructions h5{color:var(--accent);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;margin:1.1rem 0 .65rem;font-size:.88rem;font-weight:600}.instructions p{color:var(--text-secondary);margin:0 0 1rem}.clean-list{margin:0 0 1rem}.clean-list li{gap:.55rem}.clean-list li:before{background:var(--accent);border-radius:0;transform:rotate(45deg)}.payment-note{color:var(--text-secondary);margin-top:.8rem;font-size:.85rem;font-style:italic}footer{padding:var(--space-lg) 0;border-top:1px solid var(--border);color:var(--text-secondary);letter-spacing:.04em;text-align:center;font-size:.85rem}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal.active{opacity:1;transform:translateY(0)}@media (width<=940px){:root{--space-xl:4rem;--space-lg:3rem;--space-md:1.5rem}h1{font-size:3rem}.project-card,.instructions-container{grid-template-columns:1fr}}@media (width<=640px){.container{width:min(100% - 32px,1180px)}.nav-inner{flex-direction:column;align-items:flex-start}.nav-links{gap:.85rem;width:100%;padding-bottom:.15rem;overflow-x:auto}h1{font-size:2.35rem}h2{font-size:1.85rem}.project-card{padding:var(--space-sm)}.project-visual{min-height:230px}.scene-screenshots{grid-template-columns:1fr}.btn-primary,.btn-outline{width:100%}}