.music-visual,.music-placeholder{background:#141d20;width:100%;height:100%}.project-alpacamusic .project-art{color:#f6f0e5;background:#141d20}.project-alpacamusic .project-open{border-color:#f6f0e54d}.project-alpacamusic .project-art .project-preview-label{color:#f6f0e5;background:#16242be6;border-color:#f6f0e533}.project-alpacamusic .project-art:hover .project-preview-label{background:#29404e}.app-music{width:74px;height:74px;padding:0;bottom:78px;left:-3%;transform:rotate(-13deg)}.project-dialog.project-experience.experience-alpacamusic{--preview-tint:#e8e6df}@media (min-width:1000px){.project-grid[data-category=All\ work] .project-alpacamusic{grid-column:1/-1}.project-grid[data-category=All\ work] .project-alpacamusic .project-art{height:440px}.project-grid[data-category=All\ work] .project-alpacamusic .project-art h3{font-size:clamp(40px,3.6vw,56px);top:122px;left:40px;right:54%}.project-grid[data-category=All\ work] .project-alpacamusic .music-visual{width:60%;left:40%}.project-grid[data-category=All\ work] .project-alpacamusic .am-card-stage{inset:5px -15px 38px}}@media (max-width:760px){.app-music{border-radius:17px;width:58px;height:58px;bottom:80px;left:-1%}}html{scrollbar-gutter:stable}.hero-stage{isolation:isolate}.hero-art{box-shadow:0 34px 70px -36px #28372977}.hero-art[data-project=chirpette]{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(5deg)}.hero-art[data-project=openalpaca]{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(-4deg)}.hero-stage .stage-note{letter-spacing:0;justify-content:space-between;gap:15px;font-size:10px;bottom:-12px;left:7%;right:7%}.preview-caption{color:#535b4b;font-size:11px;font-weight:650}.hero-try{background:#f4f3ede6;border:1px solid #cbd0bf;border-radius:30px;align-items:center;gap:12px;padding:11px 13px;font-size:10px;transition:background .25s,transform .25s;display:flex}.hero-try:hover{background:#e2e8d3;transform:translateY(-2px)}.hero-try svg{transition:transform .3s}.hero-try:hover svg{transform:translate(2px,-2px)}.stage-orbit.orbit-b{animation:9s ease-in-out infinite orbit-breathe}.floating-app{transition:transform .5s var(--ease), box-shadow .3s, filter .3s}.floating-app[aria-pressed=true]{box-shadow:0 14px 30px -12px #273b4c77}.floating-app[aria-pressed=false]{filter:saturate(.8)}.floating-app:hover{filter:saturate(1.1)}.hero-stage .app-chirp{bottom:32px}.native-panel-preview{background:#e7ece1;border-width:3px;padding:0}.dock-native-visual .native-panel-preview{width:93%;top:37%;left:10%}.hero-dock .native-panel-preview{width:90%;top:11%;left:5%}.preview-loading{background:linear-gradient(140deg,#e8e9df,#d0d8c0);height:280px}.project-art .project-preview-label{z-index:3;color:#3b4731;letter-spacing:1px;background:#f6f7eccf;border:1px solid #fff7;border-radius:20px;align-items:center;gap:7px;padding:8px 10px;font-size:8px;font-weight:650;transition:background .35s,transform .4s;display:flex;position:absolute;bottom:23px;left:27px;box-shadow:0 4px 18px #2f452010}.project-openalpaca .project-art .project-preview-label{color:#e0ebcb;background:#334c3ce8;border-color:#aabf8b3b}.project-chirpette .project-art .project-preview-label{color:#713d36;background:#fff3e9e8}.project-art:hover .project-preview-label{background:#fffcf5;transform:translateY(-4px)}.project-openalpaca .project-art:hover .project-preview-label{background:#405c46}.project-art .visual-caption{display:none}.project-art .desktop-window{transition:transform .85s cubic-bezier(.17,.85,.25,1)}.project-art:hover .desktop-window{transform:rotate(-3deg)translate(-7px,-14px)}.project-art:hover .key-k{transform:rotate(4deg)translateY(-6px)}.project-art:hover .key-command{transform:rotate(-7deg)translateY(3px)}.floating-key{transition:transform .75s var(--ease)}.project-art:hover .heart-one{transform:rotate(-10deg)scale(1.08)}.heart-decoration{transition:transform .8s var(--ease)}.project-title svg{opacity:.5;transform:none}.reveal{transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:var(--delay,0s);animation:none}.reveal[data-reveal=pending]:not(.is-visible){opacity:0;transform:translateY(28px)}.project-info p{font-size:13px}.project-meta{font-size:10px}.filter{transition:background .25s,color .25s,box-shadow .25s,transform .25s}.filter:active{transform:scale(.96)}.filter.active{box-shadow:0 3px 10px #25272217}.about-art{transition:box-shadow .7s}.about-art:hover{box-shadow:0 18px 50px -30px #493e3655}.about-art .monogram{transition:transform 1s var(--ease)}.about-art:hover .monogram{transform:translate(-60%,-50%)rotate(-2deg)}.project-dialog.project-experience{--preview-tint:#e4eadb;background:#f8f7f1;border-radius:18px;width:min(1240px,100vw - 56px);max-width:none;height:min(1050px,94dvh);max-height:none;padding:0;overflow:hidden;box-shadow:0 50px 180px #10201555,0 0 0 1px #fff6}.project-experience.experience-chirpette{--preview-tint:#f3dfdc}.project-experience.experience-openalpaca{--preview-tint:#dedfd1}.project-experience.experience-humanindex{--preview-tint:#e7e3d5}.project-experience[open]{flex-direction:column;animation:.42s cubic-bezier(.16,1,.3,1) both experience-enter;display:flex}.project-experience::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#172318ab;animation:.35s both experience-backdrop}.project-experience.is-closing{pointer-events:none;animation:.2s both experience-exit}.project-experience.is-closing::backdrop{animation:.2s reverse both experience-backdrop}.experience-header{z-index:5;background:#f8f7f1;border-bottom:1px solid #dcded2;flex:none;justify-content:space-between;align-items:center;gap:20px;min-height:77px;padding:17px 26px;display:flex}.experience-identity{align-items:center;gap:13px;display:flex}.experience-number{background:var(--preview-tint);color:#526147;border:1px solid #76816424;border-radius:11px;place-items:center;width:39px;height:39px;font-size:11px;font-weight:650;display:grid}.experience-identity h2{letter-spacing:-.5px;font-size:15px;font-weight:700;line-height:1.6}.experience-identity>div>span{color:#707567;font-size:10px;line-height:1.6}.experience-header-actions{align-items:center;gap:16px;display:flex}.experience-stepper{font-variant-numeric:tabular-nums;color:#737b68;align-items:center;gap:11px;font-size:10px;display:flex}.experience-stepper button,.experience-close{background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .2s,transform .3s;display:grid}.experience-stepper button:hover,.experience-close:hover{background:#e5e8dc}.experience-close:hover{transform:rotate(90deg)}.header-divider{background:#d9ddcf;width:1px;height:22px}.experience-scroll{scrollbar-width:thin;scrollbar-color:#b9bda9 transparent;overscroll-behavior:contain;flex:auto;min-height:0;overflow:clip auto}.experience-intro{animation:experience-content .5s var(--ease) both;justify-content:space-between;align-items:flex-end;gap:38px;padding:30px 32px 24px;display:flex}.experience-intro .eyebrow{letter-spacing:1.6px;color:#68735e;font-size:8px}.experience-intro h3{font-family:var(--serif);letter-spacing:-.6px;margin-top:11px;font-size:40px;font-weight:400;line-height:1.08}.experience-intro>p{color:#6b7261;max-width:325px;padding-bottom:1px;font-size:11px;line-height:1.85}.experience-playground{background:var(--preview-tint);border:1px solid #acb39c55;border-radius:12px;margin:0 26px;overflow:hidden;box-shadow:0 13px 28px -22px #36463155}.playground-toolbar{color:#57634a;background:#fffdf83d;border-bottom:1px solid #6c80571a;justify-content:space-between;align-items:center;gap:20px;padding:11px 17px;font-size:10px;display:flex}.playground-toolbar>span,.playground-toolbar button{align-items:center;gap:7px;display:flex}.playground-toolbar button{background:0 0;border-radius:5px;margin:-5px -7px;padding:5px 7px;font-size:10px;transition:background .25s}.playground-toolbar button:hover{background:#fff9}.playground-toolbar button:hover svg{transform:rotate(-45deg)}.playground-toolbar button svg{transition:transform .3s}.experience-stage{background:var(--preview-tint);min-height:440px;animation:experience-content .45s var(--ease) both;position:relative}.experience-stage>div{width:100%}.playground-footer{color:#56634b;border-top:1px solid #6c805723;justify-content:space-between;align-items:center;gap:12px;min-height:41px;padding:10px 16px;font-size:9px;line-height:1.5;display:flex}.playground-footer button{color:#45533a;background:0 0;align-items:center;gap:8px;font-size:9px;display:flex}.playground-footer button:hover svg{transform:translateY(3px)}.playground-footer button svg{transition:transform .25s}.playground-footer [role=status]{font-size:9px;font-weight:600}.experience-prompts{color:#68735b;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 35px;padding:21px 32px 26px;display:flex}.experience-prompts>span{align-items:center;gap:8px;font-size:10px;display:flex}.experience-prompts i{color:#af492d;font-size:8px;font-style:normal}.experience-story{border-top:1px solid #dcded2;grid-template-columns:1.5fr 1fr;gap:70px;padding:44px 42px 48px;scroll-margin-top:20px;display:grid}.story-main>.eyebrow,.story-aside .eyebrow{letter-spacing:1.3px;color:#737a68;font-size:8px}.story-main h2{letter-spacing:-1.5px;align-items:center;gap:18px;margin:17px 0 20px;font-size:38px;font-weight:550;display:flex}.story-main h2 svg{color:var(--orange)}.story-main>p{color:#636c59;font-size:13px;line-height:1.95}.story-main ul{gap:14px;margin:23px 0 0;padding:0;list-style:none;display:grid}.story-main li{align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;display:flex}.story-main li svg{color:#587446;flex:none;margin-top:3px}.story-aside{border-left:1px solid #dcded2;flex-direction:column;align-items:flex-start;gap:20px;padding:4px 0 0 35px;display:flex}.story-tech{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.story-tech>span{background:#e9ecdf;border:1px solid #cdd4bd66;border-radius:6px;padding:6px 9px;font-size:9px}.story-aside>div>p{margin-top:9px;font-size:11px}.story-note{color:#6b7262;font-size:10px;line-height:1.8}.story-aside .button{gap:15px;padding:14px 17px;font-size:11px}.experience-next{text-align:left;background:#eaeddf;border-top:1px solid #d9dece;justify-content:space-between;align-items:center;width:100%;padding:25px 42px;transition:background .3s;display:flex}.experience-next:hover{background:#dce4cb}.experience-next>span{flex-direction:column;gap:9px;display:flex}.experience-next .eyebrow{color:#657257;font-size:8px}.experience-next strong{font-family:var(--serif);font-size:29px;font-weight:400}.experience-next>svg{transition:transform .3s}.experience-next:hover>svg{transform:translate(7px)}.demo-loading{color:#68745a;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:500px;font-size:11px;display:flex}.demo-loading-mark{color:var(--orange);font-size:35px;font-weight:650;animation:1.2s ease-in-out infinite loading-breathe}@keyframes experience-enter{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes experience-exit{to{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes experience-backdrop{0%{opacity:0}to{opacity:1}}@keyframes experience-content{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-breathe{50%{opacity:.4;transform:translate(-50%,-50%)scale(1.05)}}@keyframes loading-breathe{50%{opacity:.4;transform:scale(.94)}}@media (max-width:1100px){.experience-story{gap:32px;padding:36px 30px}.story-aside{padding-left:25px}.experience-intro{gap:20px}.experience-intro h3{font-size:34px}.experience-intro>p{max-width:270px;font-size:10px}.hero-stage .stage-note{bottom:-18px;left:6%;right:1%}}@media (max-width:760px){.project-dialog.project-experience{border-radius:14px;width:calc(100vw - 20px);height:96dvh}.experience-header{gap:10px;min-height:70px;padding:13px 15px}.experience-identity{gap:10px}.experience-identity h2{font-size:13px}.experience-identity>div>span{font-size:8px}.experience-number{width:33px;height:35px;font-size:9px}.experience-header-actions{gap:8px}.experience-stepper{gap:0}.experience-stepper>span{display:none}.experience-stepper button,.experience-close{width:38px;height:40px}.header-divider{margin:0 2px}.experience-intro{padding:24px 20px 20px;display:block}.experience-intro h3{margin-top:8px;font-size:33px}.experience-intro>p{max-width:410px;margin-top:12px;font-size:11px;line-height:1.75}.experience-intro .eyebrow{font-size:7px}.experience-playground{border-radius:10px;margin:0 11px}.playground-toolbar{padding:11px 12px;font-size:9px}.experience-stage{min-height:400px}.playground-footer{flex-wrap:wrap;gap:6px;padding:10px 12px;font-size:8px}.playground-footer button{font-size:8px}.playground-footer [role=status]:empty{display:none}.experience-prompts{justify-content:flex-start;gap:11px 20px;padding:20px}.experience-prompts>span{font-size:9px}.experience-story{padding:31px 22px;display:block}.story-main h2{margin:12px 0 17px;font-size:33px}.story-main>p{font-size:12px}.story-main li{font-size:11px}.story-aside{border-top:1px solid #dcded2;border-left:0;gap:19px;margin-top:25px;padding:23px 0 0}.experience-next{padding:23px}.project-art .project-preview-label{padding:7px 9px;font-size:7px;bottom:20px;left:23px}.project-meta{font-size:8px}.project-info p{font-size:12px}.hero-stage .stage-note{bottom:-22px;left:3%;right:3%}.hero-stage{margin-bottom:43px}.hero-try{padding:9px 11px;font-size:9px}.preview-caption{font-size:10px}}@media (max-width:430px){.hero-stage .stage-note{bottom:-24px}.hero-stage{margin-bottom:43px}.project-art .project-preview-label{font-size:6px;bottom:18px;left:20px}.experience-number{display:none}.experience-intro h3{font-size:29px}.experience-header{padding:12px 13px}.experience-identity>div>span{font-size:8px}.project-info p{font-size:11px}}@media (prefers-reduced-motion:reduce){.project-experience[open],.project-experience::backdrop,.project-experience.is-closing,.experience-stage,.experience-intro,.stage-orbit.orbit-b,.demo-loading-mark{animation:none!important}.reveal[data-reveal=pending]{opacity:1!important;transform:none!important}.hero-art[data-project]{transform:rotate(-4deg)!important}}.orbit{--orbit-period:42s;container-type:inline-size}.project-art .orbit{aspect-ratio:1;width:min(310px,60%);height:auto;top:auto;bottom:8%}.project-art:hover .orbit{transform:translate(-50%)}.orbit .ring-one{inset:12%}.orbit .orbit-center{border-radius:28%;width:30%;height:30%}.orbit .orbit-center svg{width:47%;height:47%}.orbit-flight{transform:rotate(var(--orbit-angle));animation:tool-orbit var(--orbit-period) linear infinite;pointer-events:none;position:absolute;inset:12%}.orbit-satellite{width:clamp(28px,14cqw,44px);height:clamp(28px,14cqw,44px);position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.orbit-payload{width:100%;height:100%;transform:rotate(var(--orbit-counter));animation:tool-counter-orbit var(--orbit-period) linear infinite;position:relative}.orbit .orbit-node{border-radius:30%;width:100%;height:100%;position:relative;inset:auto;box-shadow:0 0 0 5px #233932,0 5px 18px #11231d33}.orbit .orbit-node svg{width:48%;height:48%}.orbit .orbit-label{letter-spacing:1.3px;white-space:nowrap;font-size:clamp(6px,2.5cqw,8px);inset:-19px auto auto 50%;transform:translate(-50%)}.orbit[data-running=false] .orbit-flight,.orbit[data-running=false] .orbit-payload{animation-play-state:paused}body:has(.project-experience[open]) .orbit-flight{animation-play-state:paused}body:has(.project-experience[open]) .orbit-payload{animation-play-state:paused}@keyframes tool-orbit{0%{transform:rotate(var(--orbit-angle))}to{transform:rotate(calc(var(--orbit-angle) + 360deg))}}@keyframes tool-counter-orbit{0%{transform:rotate(var(--orbit-counter))}to{transform:rotate(calc(var(--orbit-counter) - 360deg))}}.human-card-globe{pointer-events:none;transition:transform .8s var(--ease);position:absolute;inset:28% 0 0}.project-art:hover .human-card-globe{transform:scale(1.035)}.human-card-globe>div{width:100%;height:100%}.globe-placeholder{opacity:.7;background:radial-gradient(circle at 35% 30%,#eeebdf,#d9d4c3 66%,#bdb7a6);border-radius:50%;position:absolute;inset:10% 20%}.globe-tag{z-index:1}@media (max-width:430px){.human-card-globe{top:32%}}