.header-section{height:12vh;min-height:auto;position:relative;z-index:10}@media (min-width: 36.25em){.header-section{height:20vh}}@media (min-width: 76.5em){.header-section{height:25vh}}.header{position:sticky;top:1rem;z-index:1000}.header .header_nav{display:flex;flex-direction:column;width:100%;align-items:flex-end;justify-content:center}.header .header_nav li{text-decoration:none;list-style:none;margin-bottom:.5rem}.header .header_nav a{font-size:1.2rem;font-weight:300;color:#000;text-decoration:none;transition:all .3s ease-in-out;position:relative;z-index:2}.header .header_nav a:hover{color:#0f04fd}.mini-daw[data-v-c467cb48]{width:100%;height:100%;padding:1rem;display:flex;gap:2rem;flex-direction:column;justify-content:space-between;color:#fff;background:#0000000d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:all;position:relative;z-index:100;isolation:isolate}@media (max-width: 61.9375em){.mini-daw[data-v-c467cb48]{display:none!important}}.transport-controls[data-v-c467cb48]{display:flex;align-items:center;gap:.75rem}.transport-controls .play-button[data-v-c467cb48],.transport-controls .stop-button[data-v-c467cb48]{width:28px;height:28px;border:1px solid rgba(255,255,255,.3);border-radius:3px;background:transparent;color:#fff;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.transport-controls .play-button[data-v-c467cb48]:hover,.transport-controls .stop-button[data-v-c467cb48]:hover{background:#ffffff1a;border-color:#ffffff80}.transport-controls .play-button.playing[data-v-c467cb48],.transport-controls .stop-button.playing[data-v-c467cb48]{background:#fff3;border-color:#fff9}.transport-controls .bpm-control[data-v-c467cb48]{display:flex;align-items:center;gap:.5rem;margin-left:auto}.transport-controls .bpm-control label[data-v-c467cb48]{font-size:.75rem;font-weight:400;opacity:.8}.transport-controls .bpm-control .bpm-slider[data-v-c467cb48]{width:60px;height:3px;background:#fff3;outline:none;border-radius:2px}.transport-controls .bpm-control .bpm-slider[data-v-c467cb48]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.transport-controls .bpm-control .bpm-value[data-v-c467cb48]{font-size:.75rem;min-width:25px;opacity:.8}.transport-controls .clear-button[data-v-c467cb48]{padding:.25rem .5rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:3px;cursor:pointer;font-size:.7rem;transition:all .15s ease}.transport-controls .clear-button[data-v-c467cb48]:hover{background:#ffffff1a;border-color:#ffffff80}.step-indicator[data-v-c467cb48]{display:flex;gap:.5rem;justify-content:center}.step-indicator .step-light[data-v-c467cb48]{width:18px;height:3px;background:#ffffff26;border-radius:1px;transition:all .1s ease;font-size:.7rem}.step-indicator .step-light.active[data-v-c467cb48]{background:#fff;box-shadow:0 0 4px #ffffff80}.step-indicator .step-light.beat[data-v-c467cb48]{height:4px;background:#ffffff40}.step-indicator .step-light.beat.active[data-v-c467cb48]{background:#fff}.channel-rack[data-v-c467cb48]{display:flex;flex-direction:column;gap:1rem;align-items:center}.channel-rack .channel-row[data-v-c467cb48]{display:flex;align-items:center;gap:.75rem}.channel-rack .channel-row .channel-info[data-v-c467cb48]{display:flex;align-items:center;gap:.5rem;min-width:80px}.channel-rack .channel-row .channel-info .channel-name[data-v-c467cb48]{font-size:.75rem;font-weight:400;opacity:.9;text-align:left;min-width:3rem}.channel-rack .channel-row .channel-info .mute-button[data-v-c467cb48]{width:18px;height:18px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:2px;cursor:pointer;font-size:.6rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.channel-rack .channel-row .channel-info .mute-button[data-v-c467cb48]:hover{border-color:#fff6}.channel-rack .channel-row .channel-info .mute-button.muted[data-v-c467cb48]{background:#fff3;border-color:#fff6}.channel-rack .channel-row .channel-info .clear-channel-button[data-v-c467cb48]{width:16px;height:16px;border:none;background:transparent;color:#fff;cursor:pointer;font-size:.7rem;line-height:1;opacity:.6;transition:opacity .15s ease}.channel-rack .channel-row .channel-info .clear-channel-button[data-v-c467cb48]:hover{opacity:1}.channel-rack .channel-row .pattern-steps[data-v-c467cb48]{display:flex;gap:1px}.channel-rack .channel-row .pattern-steps .step-button[data-v-c467cb48]{width:18px;height:18px;border:1px solid rgba(255,255,255,.15);background:transparent;color:transparent;border-radius:2px;cursor:pointer;font-size:0;transition:all .1s ease}.channel-rack .channel-row .pattern-steps .step-button[data-v-c467cb48]:hover{background:#ffffff1a;border-color:#ffffff4d}.channel-rack .channel-row .pattern-steps .step-button.active[data-v-c467cb48]{background:#fffc;border-color:#ffffffe6}.channel-rack .channel-row .pattern-steps .step-button.playing[data-v-c467cb48]{box-shadow:0 0 6px #fff9;transform:scale(1.05)}.channel-rack .channel-row .pattern-steps .step-button.beat[data-v-c467cb48]{border-width:1.5px;border-color:#ffffff40}.channel-rack .channel-row .pattern-steps .step-button.beat.active[data-v-c467cb48]{background:#fff;border-color:#fff}.instructions[data-v-c467cb48]{margin-top:.75rem;text-align:center}.instructions p[data-v-c467cb48]{font-size:.7rem;color:#fff9;margin:0;font-weight:300}@media (max-width: 47.9375em){.mini-daw[data-v-c467cb48]{padding:.75rem}.transport-controls[data-v-c467cb48]{gap:.5rem}.transport-controls .play-button[data-v-c467cb48],.transport-controls .stop-button[data-v-c467cb48]{width:24px;height:24px;font-size:10px}.transport-controls .bpm-control .bpm-slider[data-v-c467cb48]{width:50px}.channel-rack .channel-row[data-v-c467cb48]{gap:.5rem}.channel-rack .channel-row .channel-info[data-v-c467cb48]{min-width:60px}.channel-rack .channel-row .channel-info .channel-name[data-v-c467cb48]{font-size:.65rem;min-width:25px}.channel-rack .channel-row .pattern-steps .step-button[data-v-c467cb48]{width:15px;height:15px}.step-indicator .step-light[data-v-c467cb48]{width:15px}}.links-section[data-v-6f84e086]{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1;margin-top:5rem;flex-direction:column;gap:2rem}@media (min-width: 64em){.links-section[data-v-6f84e086]{flex-direction:row;gap:0;margin-top:0}}.links-section .links-container[data-v-6f84e086]{position:relative;z-index:2;width:100%}@media (min-width: 64em){.links-section .links-container[data-v-6f84e086]{width:auto}}.links-section .links-container .nav-links[data-v-6f84e086]{list-style:none;display:flex;flex-direction:column;gap:.8rem;padding:0;margin:0;position:relative;z-index:3}.links-section .links-container .nav-links li a[data-v-6f84e086]{text-decoration:none;color:#000;font-size:1.2rem;transition:all .3s ease;position:relative;cursor:pointer;letter-spacing:.06rem}.links-section .links-container .nav-links li a[data-v-6f84e086]:hover{color:#0f04fd}.links-section .image-container[data-v-6f84e086]{position:relative;width:100%;height:200px;display:flex;justify-content:center;align-items:center;z-index:1}@media (min-width: 64em){.links-section .image-container[data-v-6f84e086]{position:absolute;left:0;right:0;top:0;bottom:0;height:auto;align-items:flex-start}}.links-section .image-container .hover-image[data-v-6f84e086]{opacity:1;width:100%;height:100%;border-radius:8px;transition:all .4s ease}@media (min-width: 64em){.links-section .image-container .hover-image[data-v-6f84e086]{width:30rem;height:22rem}}.image-container[data-v-6f84e086]{position:relative}.hover-image[data-v-6f84e086]{position:relative;width:100%;height:100%;pointer-events:none;transition:background-color .3s ease}.daw-overlay[data-v-6f84e086]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:auto}@media (max-width: 61.9375em){.daw-overlay[data-v-6f84e086]{padding:.5rem}}.footer[data-v-54af1c41]{color:#fff;padding:4rem 0rem;opacity:0}.footer .about-container[data-v-54af1c41]{width:100%}@media (min-width: 64em){.footer .about-container[data-v-54af1c41]{width:70%}}.footer .about-container h2[data-v-54af1c41]{font-size:2.5rem;margin-bottom:1.5rem;font-weight:300}.footer .about-container p[data-v-54af1c41]{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;font-weight:200}.footer .about-container h3[data-v-54af1c41]{font-size:1.8rem;margin-bottom:1.5rem;font-weight:300}.footer .about-container ul[data-v-54af1c41]{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:2rem;margin-top:1rem}.footer .about-container ul li[data-v-54af1c41]{font-size:1rem;color:#fff;font-weight:100;transform-origin:center center;will-change:transform,opacity;transition:all .2s ease}.footer .about-container ul li[data-v-54af1c41]:hover{transform:translateY(-2px)}.home-container[data-v-299cd8b4]{display:flex;flex-direction:column;justify-content:space-between;width:100%;box-sizing:border-box;overflow:hidden}.top-section[data-v-299cd8b4]{flex:1;display:flex;flex-direction:column}.bottom-section[data-v-299cd8b4]{background-color:#1a1a1a;width:100%}.name-container[data-v-299cd8b4]{display:flex;justify-content:flex-end;margin-top:5rem}@media (min-width: 64em){.name-container[data-v-299cd8b4]{margin-top:15rem}}.name-container h2[data-v-299cd8b4]{font-size:2rem;font-weight:300;color:#000;margin:0}@media (min-width: 64em){.name-container h2[data-v-299cd8b4]{font-size:3rem}}.projectpage-section[data-v-22be8528]{padding:3%}@media (min-width: 76.5em){.projectpage-section[data-v-22be8528]{padding:2% 5%}}.projectpage-section .project-title[data-v-22be8528]{font-size:2rem;margin-bottom:1rem}.projectpage-section .project-meta[data-v-22be8528]{opacity:0;display:flex;gap:1.5rem;font-size:.95rem;color:#666;margin-bottom:1rem;padding:1rem;width:fit-content;position:relative;z-index:10;white-space:nowrap}@media (max-width: 47.9375em){.projectpage-section .project-meta[data-v-22be8528]{flex-direction:column;gap:.5rem;white-space:normal;position:static}}.projectpage-section .project-description[data-v-22be8528]{opacity:0;margin-bottom:2rem;font-size:1rem;line-height:1.6;width:75%;font-weight:300}.projectpage-section .project-section h2[data-v-22be8528]{margin-bottom:1rem}.projectpage-section .content-with-image .content-grid[data-v-22be8528]{display:flex;gap:3rem;margin-top:4rem}@media (max-width: 47.9375em){.projectpage-section .content-with-image .content-grid[data-v-22be8528]{flex-direction:column;gap:2rem}}.projectpage-section .content-with-image .content-grid .cover-image-container[data-v-22be8528]{flex:1}.projectpage-section .content-with-image .content-grid .cover-image-container .project-cover-image[data-v-22be8528]{width:100%;height:auto;border-radius:8px}.projectpage-section .content-with-image .content-grid .cover-image-container .placeholder-image[data-v-22be8528]{width:100%;aspect-ratio:16/9;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px dashed #ccc}.projectpage-section .content-with-image .content-grid .cover-image-container .placeholder-image span[data-v-22be8528]{color:#666;font-size:1.1rem}.projectpage-section .content-with-image .content-grid .content-sections[data-v-22be8528]{flex:1;display:flex;flex-direction:column;gap:2rem}.projectpage-section .tech-stack[data-v-22be8528]{opacity:0}.projectpage-section .tech-stack ul[data-v-22be8528]{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}@media (max-width: 47.9375em){.projectpage-section .tech-stack ul[data-v-22be8528]{flex-direction:row;flex-wrap:wrap}}.projectpage-section .tech-stack ul li[data-v-22be8528]{font-size:.85rem;color:#555;padding:.25rem .5rem;background-color:#f5f5f5;border-radius:4px;display:inline-block}.projectpage-section .journey-section[data-v-22be8528]{opacity:0}.projectpage-section .journey-section ul[data-v-22be8528]{padding-left:1rem;list-style:disc;color:#444}.projectpage-section .journey-section ul li[data-v-22be8528]{margin-bottom:.5rem;font-size:.95rem}.projectpage-section .demo-section[data-v-22be8528]{margin-top:2rem}.projectpage-section .demo-section video[data-v-22be8528]{width:100%;max-width:100%;max-height:35rem;height:auto;border-radius:8px;margin-top:1rem}.projectpage-section .links-section[data-v-22be8528]{margin-top:2rem;font-size:.95rem}.projectpage-section .links-section .links-container[data-v-22be8528]{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.projectpage-section .links-section .project-link[data-v-22be8528]{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;font-weight:500;transition:all .2s ease}.projectpage-section .links-section .project-link.github[data-v-22be8528]{color:#000}.projectpage-section .links-section .project-link.github[data-v-22be8528]:hover{color:#e74c3c}.projectpage-section .links-section .project-link.website[data-v-22be8528]{color:#000}.projectpage-section .links-section .project-link.website[data-v-22be8528]:hover{color:#0f04fd}.projectpage-section .links-section .project-link[data-v-22be8528]:not(.github):not(.website){color:#333}.projectpage-section .links-section .project-link[data-v-22be8528]:not(.github):not(.website):hover{color:#2ecc71}.projects-section[data-v-bfa1fa71]{padding:3%}@media (min-width: 76.5em){.projects-section[data-v-bfa1fa71]{padding:2% 5%}}.projects-section .section-header[data-v-bfa1fa71]{opacity:0;margin-bottom:2rem}.projects-section .section-header .back-button[data-v-bfa1fa71]{display:inline-flex;align-items:center;background:none;border:none;font-size:.95rem;color:#000;margin-bottom:1rem;padding:.5rem 0;cursor:pointer;transition:color .3s ease}.projects-section .section-header .back-button .arrow[data-v-bfa1fa71]{font-size:2rem;margin-right:.5rem;transition:all .3s ease}.projects-section .section-header .back-button[data-v-bfa1fa71]:hover{color:#0f04fd}.projects-section .section-header .back-button:hover .arrow[data-v-bfa1fa71]{transform:translate(-5px)}.projects-section .section-title[data-v-bfa1fa71]{margin-bottom:2rem;font-size:2rem}.projects-section .projects-grid[data-v-bfa1fa71]{opacity:0;display:flex;flex-wrap:wrap;gap:2rem;position:relative}.projects-section .project-item[data-v-bfa1fa71]{opacity:0;width:100%;margin-bottom:3rem;cursor:pointer}@media (min-width: 64em){.projects-section .project-item[data-v-bfa1fa71]{width:calc(50% - 1rem)}}.projects-section .project-item.offset[data-v-bfa1fa71]{margin-top:8rem}.projects-section .project-item .project-image[data-v-bfa1fa71]{width:100%;height:15rem;border-radius:8px;margin-bottom:1rem;transition:all .3s ease;background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 36.25em){.projects-section .project-item .project-image[data-v-bfa1fa71]{height:30rem}}@media (min-width: 64em){.projects-section .project-item .project-image[data-v-bfa1fa71]{height:25rem}}.projects-section .project-item .project-content[data-v-bfa1fa71]{padding:1rem 0}.projects-section .project-item .project-title[data-v-bfa1fa71]{font-size:1.5rem;margin-bottom:.5rem}.projects-section .project-item .project-meta[data-v-bfa1fa71]{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.9rem;color:#666}.projects-section .project-item .tech-stack-list[data-v-bfa1fa71]{display:flex;flex-wrap:wrap;gap:.25rem;list-style:none;padding:0}.projects-section .project-item .tech-stack-list li[data-v-bfa1fa71]{font-size:.85rem;color:#555}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Geist,sans-serif;background-color:#fff;letter-spacing:.06rem}body h1{font-weight:400}body h2,body h3{font-weight:300}body p{font-weight:200}html{scroll-behavior:smooth}.content-wrapper{padding:3%}@media (min-width: 76.5em){.content-wrapper{padding:2% 5%}}.section-header .back-button{display:inline-flex;align-items:center;background:none;border:none;font-size:.95rem;color:#000;margin-bottom:1rem;padding:.5rem 0;cursor:pointer;transition:color .3s ease}.section-header .back-button .arrow{font-size:2rem;margin-right:.5rem;transition:all .3s ease}.section-header .back-button:hover{color:#0f04fd}.section-header .back-button:hover .arrow{transform:translate(-5px)}.text-left{text-align:left;word-spacing:normal;hyphens:none;-webkit-hyphens:none;-ms-hyphens:none}@media (min-width: 36.25em){.text-left{text-align:justify;word-spacing:.1rem;text-align-last:left;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;word-break:normal;word-spacing:normal;font-kerning:normal;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility}}