.site-header{z-index:20;letter-spacing:2px;justify-content:space-between;align-items:center;padding:26px 34px;font-size:12px;display:flex;position:absolute;top:0;left:0;right:0}.brand-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px;display:block}.site-header nav{align-items:center;gap:30px;display:flex}.site-header nav a{opacity:.75;text-decoration:none}.theme-toggle{width:30px;height:30px;color:var(--text);cursor:pointer;opacity:.75;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .2s,background .2s,transform .2s;display:inline-flex}.theme-toggle:hover{opacity:1;background:color-mix(in srgb, var(--text) 12%, transparent);transform:rotate(12deg)}.hero{min-height:100vh;position:relative}.hero-intro{text-align:right;z-index:2;transition:opacity .5s;position:absolute;top:44%;right:6vw;transform:translateY(-50%)}.hero:has(.macbook-stage.full) .hero-intro{opacity:0}.hero-name{letter-spacing:1px;margin-bottom:30px;font-size:15px}.hero-title{letter-spacing:-1px;margin:0;font-size:clamp(34px,4.6vw,68px);font-weight:400;line-height:1.2}.hero-title span{display:block}.hero-hint{letter-spacing:2px;opacity:.45;margin-top:30px;font-size:10px}.macbook-stage.peek{z-index:5;position:absolute;inset:0}.macbook-stage.full{z-index:40;pointer-events:none;position:fixed;inset:0}.macbook-stage canvas{touch-action:none}.hero-annotation{pointer-events:none;animation:.6s both fadeUp;position:absolute;transform:translate(-7px,-7px)}.hero-arrow{width:132px;height:auto;color:var(--accent);display:block}.hero-annotation-text{letter-spacing:.5px;color:var(--text);white-space:nowrap;font-family:Caveat,cursive;font-size:30px;font-weight:700;line-height:1;position:absolute;top:78px;left:118px;transform:rotate(-4deg)}.hero-mobile{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;min-height:auto;padding:140px 24px 70px;display:flex}.hero-mobile .hero-name{opacity:.7;margin-bottom:4px}.hero-mobile .hero-title{text-align:left}.hero-cta{letter-spacing:1px;color:var(--accent);border-bottom:1px solid;margin-top:10px;padding-bottom:3px;font-size:13px;text-decoration:none}.work-index{max-width:840px;margin:0 auto;padding:110px 28px 40px}.work-kicker{letter-spacing:3px;opacity:.5;margin-bottom:26px;font-size:12px}.work-list{flex-direction:column;display:flex}.work-row{border-bottom:1px solid var(--hairline);color:var(--text);align-items:baseline;gap:26px;padding:30px 6px;text-decoration:none;transition:padding-left .2s,color .2s;display:flex}.work-row:hover{color:var(--accent);padding-left:18px}.work-row .num,.work-row .year{opacity:.45;font-size:12px}.work-row .year{margin-left:auto}.work-row .title{letter-spacing:1px;font-size:clamp(18px,3vw,24px);font-weight:700}.work-row .arrow{color:var(--accent);font-weight:700}.site-footer{max-width:840px;margin:0 auto;padding:90px 28px 60px}.site-footer .row{letter-spacing:2px;opacity:.8;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:11px;display:flex}.site-footer .links{gap:28px;display:flex}.site-footer a{text-decoration:none}@media (width<=768px){.site-header{padding:18px 20px}.site-header .brand{letter-spacing:1px;font-size:13px}.site-header nav{gap:14px}.site-header nav a{letter-spacing:1px;font-size:10px}.theme-toggle{width:26px;height:26px}.hero-title{letter-spacing:-.5px;font-size:clamp(30px,8.5vw,48px)}.work-index{padding:70px 20px 20px}.work-row{gap:14px;padding:22px 4px}.work-row .title{letter-spacing:.5px;font-size:17px}.work-row .year{display:none}.site-footer{padding:50px 20px}.site-footer .row{flex-direction:column;gap:16px}.site-footer .links{gap:20px}}.case-study{flex-direction:column;gap:26px;max-width:840px;margin:0 auto;padding:40px 28px 120px;animation:.35s both fadeUp;display:flex}.case-back{letter-spacing:2px;opacity:.7;align-self:flex-start;font-size:12px;text-decoration:none}.case-title{letter-spacing:-1px;margin:22px 0 0;font-size:clamp(34px,6vw,56px);font-weight:700;line-height:1.12}.case-meta{letter-spacing:1px;opacity:.5;flex-wrap:wrap;gap:30px;font-size:12px;display:flex}.case-body{max-width:62ch;margin:0;font-size:14px;line-height:1.85}.case-blocks{flex-direction:column;gap:34px;display:flex}.case-blocks .case-figure{margin-top:22px;margin-bottom:22px}.case-heading{letter-spacing:.5px;margin:26px 0 0;font-size:20px;font-weight:700}.case-pair{grid-template-columns:1fr 1fr;gap:24px;margin-top:22px;margin-bottom:22px;display:grid}.case-pair .case-figure{margin:0}.case-blocks>.case-figure.half{width:calc(50% - 12px)}@media (width<=640px){.case-pair{grid-template-columns:1fr;gap:34px}.case-blocks>.case-figure.half{width:100%}}.case-figure{flex-direction:column;gap:12px;margin:0;display:flex}.case-image{aspect-ratio:16/10;width:100%;box-shadow:0 18px 44px #00000073, inset 0 0 0 1px var(--hairline);border-radius:16px;overflow:hidden}.case-image img{object-fit:cover;width:100%;height:100%;display:block}.case-image-placeholder{letter-spacing:2px;opacity:.5;background:repeating-linear-gradient(45deg,#1b1a1e 0 8px,#232227 8px 16px);justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;display:flex}.case-figure figcaption{opacity:.5;letter-spacing:1px;font-size:11px}.finder{height:400px;font-size:12px;display:flex}.finder-sidebar{background:#ffffff0b;flex-direction:column;flex-shrink:0;gap:2px;width:168px;padding:12px 8px;display:flex;overflow-y:auto}.finder-sidebar-heading{letter-spacing:1px;opacity:.4;padding:10px 8px 4px;font-size:10px}.finder-sidebar-item{cursor:var(--cur-pointer);opacity:.85;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:11px;display:flex;overflow:hidden}.finder-sidebar-item:hover{background:#ffffff12}.finder-sidebar-item.active{background:#ffffff1f}.finder-sidebar-item.disabled{opacity:.35;cursor:var(--cur-arrow)}.finder-sidebar-item.disabled:hover{background:0 0}.finder-glyph{flex-shrink:0;width:14px;height:12px}.finder-glyph.folder{background:linear-gradient(var(--folder-hi), var(--folder-lo));border-radius:3px 3px 2px 2px}.finder-glyph.desktop,.finder-glyph.laptop{background:0 0;border-radius:2px;box-shadow:inset 0 0 0 1.5px #f5f1e999}.finder-glyph.airdrop{border-radius:50%;width:12px;box-shadow:inset 0 0 0 1.5px #f5f1e999}.finder-glyph.clock{background:radial-gradient(circle,#0000 40%,#f5f1e999 42% 55%,#0000 57%);border-radius:50%;width:12px}.finder-tag{border-radius:50%;width:10px;height:10px;margin:0 2px}.finder-tag.red{background:var(--accent)}.finder-tag.gold{background:var(--gold-hi)}.finder-main{flex-direction:column;flex:1;min-width:0;display:flex}.finder-toolbar{align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:0 1px #f5f1e912}.finder-nav{color:var(--window-text);cursor:var(--cur-pointer);opacity:.8;background:0 0;border:none;border-radius:5px;padding:0 6px;font-size:18px;line-height:1}.finder-nav:hover:not(:disabled){background:#ffffff14}.finder-nav:disabled{opacity:.25;cursor:var(--cur-arrow)}.finder-title{letter-spacing:1px;margin-left:4px;font-size:12px;font-weight:700}.finder-search{letter-spacing:1px;opacity:.4;background:#ffffff0f;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:10px}.finder-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));align-content:start;gap:6px;padding:14px;display:grid;overflow-y:auto}.finder-item{cursor:var(--cur-arrow);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;display:flex}.finder-item.selected{background:#ffffff1f}.finder-item-name{word-break:break-word;max-width:84px;font-size:10px;line-height:1.3}.finder-item.selected .finder-item-name{background:var(--accent);color:var(--paper);border-radius:4px;padding:0 4px}.finder-empty{text-align:center;opacity:.35;letter-spacing:1px;grid-column:1/-1;padding:40px 0;font-size:11px}.fi-folder{width:46px;height:36px;position:relative}.fi-folder .tab{background:var(--folder-tab);border-radius:4px 4px 0 0;width:21px;height:11px;position:absolute;top:0;left:2px}.fi-folder .body{background:linear-gradient(var(--folder-hi), var(--folder-lo));border-radius:5px;position:absolute;inset:5px 0 0;box-shadow:0 3px 8px #00000059,inset 0 1px #ffffff73}.fi-doc{box-sizing:border-box;background:linear-gradient(#fff,#eee9dd);border-radius:5px;flex-direction:column;gap:4px;width:32px;height:40px;padding:7px 6px 0;display:flex;position:relative;box-shadow:0 3px 8px #00000059}.fi-doc .line{background:#1c191440;border-radius:2px;height:2.5px}.fi-doc .line.title{background:var(--accent);width:60%}.fi-doc .line.short{width:70%}.fi-doc .badge{background:var(--accent);width:16px;height:16px;color:var(--paper);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:-5px;right:-5px}.fi-image{background:linear-gradient(160deg,#e9d3b0,#b95538);border-radius:5px;width:44px;height:34px;position:relative;overflow:hidden;box-shadow:0 3px 8px #00000059}.fi-image .sun{background:#ffffffd9;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:8px}.fi-image .mountain{background:#1c19148c;border-radius:4px;width:24px;height:24px;position:absolute;bottom:-8px;left:4px;transform:rotate(45deg)}.fi-thumb{object-fit:cover;border-radius:5px;width:44px;height:34px;display:block;box-shadow:0 3px 8px #00000059}.fi-fig{background:#1e1d21;border-radius:7px;justify-content:center;align-items:center;width:34px;height:40px;display:flex;box-shadow:0 3px 8px #00000059}.finder-pathbar{opacity:.6;flex-wrap:wrap;align-items:center;gap:2px;padding:5px 12px;font-size:10px;display:flex;box-shadow:0 -1px #f5f1e912}.finder-crumb{cursor:var(--cur-pointer);border-radius:4px;padding:1px 4px}.finder-crumb:hover{background:#ffffff14}.finder-sep{opacity:.5;margin:0 2px}.finder-statusbar{letter-spacing:.5px;opacity:.35;text-align:center;padding:4px 12px 7px;font-size:9.5px}.figma{color:#d5d5d5;background:#2c2c2c;flex-direction:column;height:440px;font-size:11px;display:flex}.figma-toolbar{background:#2c2c2c;flex-shrink:0;align-items:center;gap:2px;height:40px;padding:0 10px;display:flex;box-shadow:0 1px #1e1e1e}.figma-tool{opacity:.75;width:28px;height:28px;cursor:var(--cur-arrow);border-radius:5px;justify-content:center;align-items:center;font-size:12px;display:flex}.figma-tool:hover{background:#ffffff0f}.figma-tool.active{color:#fff;opacity:1;background:#0d99ff}.figma-tool.logo{opacity:1}.figma-filename{opacity:.55;margin:0 auto;font-size:11px}.figma-filename span{opacity:1;color:#fff}.figma-right{align-items:center;gap:8px;display:flex}.figma-avatar{background:linear-gradient(var(--gold-hi), var(--gold-lo));color:#1c1914;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.figma-share{color:#fff;background:#0d99ff;border-radius:5px;padding:5px 10px;font-size:10px;font-weight:700}.figma-play{opacity:.7;font-size:10px}.figma-body{flex:1;min-height:0;display:flex}.figma-layers,.figma-props{background:#2c2c2c;flex-direction:column;flex-shrink:0;gap:3px;width:150px;padding:8px;display:flex;overflow-y:auto}.figma-layers{box-shadow:1px 0 #1e1e1e}.figma-props{box-shadow:-1px 0 #1e1e1e}.figma-panel-tabs{gap:12px;padding:2px 4px 10px;font-size:10.5px;display:flex}.figma-panel-tabs span{opacity:.5}.figma-panel-tabs .on{opacity:1;color:#fff}.figma-page{opacity:.45;padding:2px 4px 6px;font-size:10px}.figma-layer{opacity:.8;white-space:nowrap;border-radius:4px;padding:4px 6px;font-size:10.5px}.figma-layer.frame{color:#8ab4ff}.figma-layer.on{opacity:1;background:#0d99ff40}.figma-layer.sub{padding-left:20px}.figma-canvas{background:#1e1e1e;flex:1;position:relative;overflow:hidden}.figma-frame-label{color:#8ab4ff;font-size:9px;position:absolute;top:22px;left:50%;transform:translate(-88px)}.figma-frame{box-sizing:border-box;background:#f5f1e9;border-radius:2px;flex-direction:column;gap:10px;width:176px;height:330px;padding:12px;display:flex;position:absolute;top:36px;left:50%;transform:translate(-50%);box-shadow:0 0 0 .5px #ffffff1f,0 8px 30px #00000080}.ff-nav{align-items:center;gap:6px;display:flex}.ff-nav .dot{background:#1c1914;border-radius:50%;width:12px;height:12px}.ff-nav .pill{background:#1c19142e;border-radius:4px;width:40px;height:8px;margin-left:auto}.ff-hero{background:linear-gradient(150deg, var(--gold-hi), var(--gold-lo));border-radius:8px;height:110px}.ff-line{background:#1c191438;border-radius:4px;height:8px}.ff-line.w80{width:80%}.ff-line.w60{width:60%}.ff-cta{background:var(--accent);color:var(--paper);text-align:center;letter-spacing:1px;border-radius:7px;margin-top:auto;padding:9px 0;font-size:9px;font-weight:700}.figma-cursor{z-index:5;pointer-events:none;transition:left 1.1s cubic-bezier(.5,0,.3,1),top 1.1s cubic-bezier(.5,0,.3,1);position:absolute}.figma-cursor-name{color:#fff;white-space:nowrap;background:#0acf83;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:16px;left:12px}.figma-cursor-bubble{color:#fff;white-space:nowrap;background:#3fae57;border-radius:4px 18px 18px;padding:8px 14px;font-size:10.5px;line-height:1.4;animation:.25s both fadeUp;position:absolute;top:14px;left:12px;box-shadow:0 6px 18px #0006}.os-root{z-index:1000;background:var(--os-black);--cur-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M5.9 1.6v17.3l4.1-4 2.6 6 2.9-1.3-2.6-5.9 5.7-.1z' fill='%23000' stroke='%23fff' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 5 2, default;--cur-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M10.2 2.2c.8 0 1.4.6 1.4 1.4v6.3l1.5-.2c2.8 0 5 1.3 5 3.7 0 1-.3 2.4-.6 3.5-.4 1.3-1 2.5-2.1 2.5h-5.6c-.9 0-1.7-.4-2.3-1.1l-3.5-4.2c-.5-.6-.4-1.4.1-1.9s1.4-.5 1.9 0l1.4 1.3V3.6c0-.8.6-1.4 1.4-1.4z' fill='%23fff' stroke='%23000' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 10 3, pointer;--cur-text:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath d='M9 3.5c1 0 2 .3 2.5.8.5-.5 1.5-.8 2.5-.8M11.5 4.3v15.4M9 20.5c1 0 2-.3 2.5-.8.5.5 1.5.8 2.5.8' stroke='%23fff' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M9 3.5c1 0 2 .3 2.5.8.5-.5 1.5-.8 2.5-.8M11.5 4.3v15.4M9 20.5c1 0 2-.3 2.5-.8.5.5 1.5.8 2.5.8' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") 12 12, text;--cur-grab:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M8.4 8.6V6.8c0-.7.5-1.2 1.2-1.2s1.2.5 1.2 1.2v1.4V5.6c0-.7.5-1.2 1.2-1.2s1.2.5 1.2 1.2v2.6-1.9c0-.7.5-1.2 1.2-1.2s1.2.5 1.2 1.2v2.4c.2-.5.6-.8 1.1-.8.7 0 1.2.5 1.2 1.2v4.4c0 3-2 5-5 5-2.3 0-3.4-.8-4.6-2.6l-2-3c-.4-.6-.3-1.3.3-1.7.5-.4 1.2-.3 1.6.2l1 1.2z' fill='%23fff' stroke='%23000' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E") 12 8, grab;--cur-grabbing:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M8.6 10.5V9.3c0-.6.5-1.1 1.1-1.1s1.1.5 1.1 1.1V9c0-.6.5-1.1 1.1-1.1S13 8.4 13 9v.4c0-.6.5-1.1 1.1-1.1s1.1.5 1.1 1.1v1c.2-.4.6-.7 1-.7.6 0 1.1.5 1.1 1.1v3c0 2.8-1.9 4.7-4.7 4.7-2.1 0-3.2-.7-4.3-2.4l-1.5-2.3c-.4-.5-.2-1.2.3-1.6.5-.3 1.1-.2 1.5.2l.9 1z' fill='%23fff' stroke='%23000' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E") 12 10, grabbing;--cur-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath d='M12 4v16M4 12h16' stroke='%23fff' stroke-width='3'/%3E%3Cpath d='M12 4v16M4 12h16' stroke='%23000' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E") 12 12, crosshair;cursor:var(--cur-arrow);font-family:Space Mono,monospace;position:fixed;inset:0;overflow:hidden}.os-root button,.os-root a,.os-cursor-pointer{cursor:var(--cur-pointer)}.os-root input{cursor:var(--cur-text)}.os-login{background:var(--os-black);z-index:900;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.os-login-inner{color:var(--paper);flex-direction:column;align-items:center;gap:14px;animation:.4s both fadeUp;display:flex}.os-login-avatar{object-fit:cover;border-radius:50%;width:74px;height:74px;box-shadow:0 0 0 3px #f5f1e94d}.os-login-name{letter-spacing:2px;font-size:13px;font-weight:700}.os-login-sub{letter-spacing:2px;opacity:.5;font-size:10px}.os-desktop{animation:.5s both fadeUp;position:absolute;inset:0}.os-wallpaper{background:linear-gradient(165deg,#1a1215 0%,#241318 45%,#0c0a0e 100%);position:absolute;inset:0}.os-wallpaper img{object-fit:cover;width:100%;height:100%;display:block}.os-menubar{-webkit-backdrop-filter:blur(20px);z-index:500;height:32px;color:var(--paper);background:#1413179e;align-items:center;gap:22px;padding:0 16px;font-size:12px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 1px #f5f1e914}.os-menubar-glyph{background:linear-gradient(var(--gold-hi), var(--gold-lo));border-radius:7px 7px 3px 3px;width:15px;height:12px;box-shadow:inset 0 2px #fff6}.os-menubar-brand{letter-spacing:1px;font-weight:700}.os-menubar-item{opacity:.5}.os-menubar-clock{opacity:.8;margin-left:auto}.os-menubar-shutdown{cursor:var(--cur-pointer);color:var(--accent-hover);letter-spacing:1px;font-weight:700}.os-shortcuts{z-index:100;flex-flow:column wrap-reverse;align-items:center;gap:26px;max-height:calc(100vh - 160px);display:flex;position:absolute;top:56px;right:26px}.os-shortcut{cursor:var(--cur-pointer);flex-direction:column;align-items:center;gap:6px;width:90px;display:flex}.os-shortcut-label{letter-spacing:1px;color:#fff;text-shadow:0 1px 3px #000c;font-size:10px}.os-folder-icon{width:52px;height:40px;position:relative}.os-folder-icon .tab{background:var(--folder-tab);border-radius:5px 5px 0 0;width:24px;height:12px;position:absolute;top:0;left:2px}.os-folder-icon .body{background:linear-gradient(var(--folder-hi), var(--folder-lo));border-radius:6px;position:absolute;inset:6px 0 0;box-shadow:0 4px 10px #00000080,inset 0 1px #ffffff73}.os-doc-icon{box-sizing:border-box;background:linear-gradient(#fff,#eee9dd);border-radius:6px;flex-direction:column;gap:5px;width:38px;height:48px;padding:9px 7px 0;display:flex;box-shadow:0 4px 10px #00000080}.os-doc-icon .line{background:#1c191440;border-radius:2px;height:3px}.os-doc-icon .line.title{background:var(--accent);width:55%}.os-doc-icon .line.short{width:70%}.os-image-icon{object-fit:cover;border-radius:6px;width:54px;height:42px;display:block;box-shadow:0 4px 10px #00000080,inset 0 1px #ffffff59}.viewer-image{background:#111014;justify-content:center;align-items:center;min-height:120px;display:flex}.viewer-image img{object-fit:contain;width:100%;max-height:60vh;display:block}.viewer-text{letter-spacing:.4px;white-space:pre-wrap;word-break:break-word;max-height:46vh;padding:16px 18px 20px;font-family:SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.8;overflow-y:auto}.viewer-missing{opacity:.5;letter-spacing:1px;padding:24px;font-size:11px}.os-window{width:var(--win-width,560px);background:var(--window-bg);max-width:94vw;color:var(--window-text);box-shadow:var(--window-shadow), inset 0 0 0 .5px #f5f1e91f;border-radius:14px;position:absolute;overflow:hidden}.os-window.dark{color:#d5d5d5;background:#2c2c2c}.os-titlebar{background:var(--titlebar);height:38px;cursor:var(--cur-grab);-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:8px;padding:0 14px;display:flex}.os-titlebar:active{cursor:var(--cur-grabbing)}.os-window.dark .os-titlebar{background:#ffffff0d}.os-traffic{border-radius:50%;width:12px;height:12px}.os-traffic.close{cursor:var(--cur-pointer);background:#ff5f57}.os-traffic.min{background:#febc2e}.os-traffic.max{background:#28c840}.os-titlebar-title{text-align:center;letter-spacing:2px;opacity:.7;flex:1;font-size:11px;font-weight:700}.os-titlebar-spacer{width:60px}.os-button{letter-spacing:2px;color:var(--paper);background:var(--accent);cursor:var(--cur-pointer);border:none;border-radius:8px;align-self:flex-start;padding:11px 16px;font-size:11px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px #c8402c66}.os-button:hover{background:var(--accent-hover);color:var(--paper)}.paint-toolbar{align-items:center;gap:10px;padding:10px 16px;display:flex}.paint-swatch{width:20px;height:20px;cursor:var(--cur-pointer);border-radius:50%;box-shadow:inset 0 0 0 1px #f5f1e933}.paint-swatch.selected{box-shadow:0 0 0 2.5px var(--accent), inset 0 0 0 1px #f5f1e933}.paint-toolbar .spacer{flex:1}.paint-size{width:26px;height:26px;cursor:var(--cur-pointer);border-radius:8px;justify-content:center;align-items:center;display:flex}.paint-size.selected{background:#c8402c4d}.paint-size .dot{background:var(--paper);border-radius:50%}.paint-clear{letter-spacing:1px;cursor:var(--cur-pointer);color:var(--accent-hover);margin-left:6px;font-size:10px;font-weight:700}.paint-canvas{aspect-ratio:960/520;width:calc(100% - 32px);cursor:var(--cur-cross);touch-action:none;background:#fff;border-radius:10px;margin:0 16px 16px;display:block;box-shadow:inset 0 0 0 1px #0003}.chat-box{flex-direction:column;gap:8px;height:250px;padding:16px;display:flex;overflow-y:auto}.chat-bubble{max-width:80%;color:var(--window-text);background:#f5f1e91a;border-radius:14px;align-self:flex-start;padding:8px 12px;font-size:12px;line-height:1.5;animation:.25s both fadeUp}.chat-bubble.me{background:var(--accent);color:var(--paper);align-self:flex-end}.chat-input-row{padding:10px 12px 14px}.chat-input{box-sizing:border-box;width:100%;color:var(--window-text);background:#f5f1e914;border:none;border-radius:12px;outline:none;padding:10px 14px;font-size:12px}.chat-input::placeholder{color:#f5f1e959}.resume-body{flex-direction:column;align-items:center;gap:14px;padding:18px;display:flex}.resume-page{aspect-ratio:8.5/11;box-sizing:border-box;background:#fff;border-radius:6px;flex-direction:column;gap:7px;width:170px;padding:18px 14px 0;display:flex;box-shadow:0 8px 22px #00000073}.resume-page .bar{background:#1c191433;border-radius:2px;height:4px}.resume-page .bar.title{background:var(--accent);border-radius:3px;width:50%;height:5px}.resume-page .bar.w75{width:75%}.resume-page .bar.w60{width:60%}.resume-note{opacity:.4;letter-spacing:1px;font-size:9px}.os-dock{-webkit-backdrop-filter:blur(22px);z-index:600;background:#18171b80;border-radius:22px;align-items:flex-end;gap:14px;padding:10px 16px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000080,inset 0 0 0 1px #f5f1e924}.dock-icon{width:52px;height:52px;cursor:var(--cur-pointer);transition:transform .15s;position:relative}.dock-icon:hover{transform:scale(1.14)translateY(-7px)}.dock-icon.tile{border-radius:14px;justify-content:center;align-items:center;display:flex}.dock-icon.light{background:linear-gradient(145deg,#f2ede2,#d9d3c5);box-shadow:inset 0 0 0 1px #00000026}.dock-icon.figma{background:linear-gradient(145deg,#2c2b30,#141317);box-shadow:inset 0 0 0 1px #f5f1e91a}.dock-icon.green{background:linear-gradient(145deg,#4fd463,#2eb844)}.dock-work .tab{background:var(--folder-tab);border-radius:5px 5px 0 0;width:22px;height:11px;position:absolute;top:6px;left:4px}.dock-work .body{background:linear-gradient(var(--folder-hi), var(--folder-lo));border-radius:7px;position:absolute;inset:12px 2px 4px;box-shadow:inset 0 1px #ffffff73}.dock-paint-glyph{width:26px;height:26px;position:relative}.dock-paint-glyph .c1{background:var(--accent);border-radius:50%;width:18px;height:18px;position:absolute;top:4px;left:0}.dock-paint-glyph .c2{background:var(--gold-hi);border-radius:50%;width:13px;height:13px;position:absolute;top:0;right:0}.dock-paint-glyph .c3{background:var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:3px}.dock-chat-glyph{width:26px;height:22px;position:relative}.dock-chat-glyph .bubble{background:#fff;border-radius:11px;position:absolute;inset:0}.dock-chat-glyph .tail{background:#fff;border-radius:0 0 0 8px;width:8px;height:8px;position:absolute;bottom:-3px;left:4px;transform:skew(-18deg)}.dock-resume-glyph{flex-direction:column;align-items:center;gap:4px;display:flex}.dock-resume-glyph .l1{background:var(--accent);border-radius:2px;width:22px;height:4px}.dock-resume-glyph .l2{background:#1c191459;border-radius:2px;width:22px;height:4px}.dock-resume-glyph .l3{background:#1c191459;border-radius:2px;align-self:flex-start;width:14px;height:4px;margin-left:15px}.crt-scanlines,.crt-vignette,.crt-fringe{pointer-events:none;position:absolute;inset:0}.crt-scanlines{z-index:2000;background:repeating-linear-gradient(0deg,#08080a1f 0 1px,#0000 1px 3px)}.crt-vignette{z-index:2001;background:radial-gradient(120% 100%,#0000 62%,#08080a66 100%)}.crt-fringe{z-index:2002;background:repeating-linear-gradient(90deg,#ff3c2808 0,#3cff7805 1px,#3c78ff08 2px,#0000 3px)}.intro{z-index:3000;color:#1c1914;cursor:default;background:#f5f1e9;justify-content:center;align-items:center;transition:opacity 1.2s;display:flex;position:fixed;inset:0;overflow:hidden}.intro.gate{cursor:pointer}.intro.leaving{opacity:0;pointer-events:none}.intro-clouds{filter:blur(90px)saturate(1.05);position:absolute;inset:-20%}.cloud{opacity:.5;will-change:transform;border-radius:50%;width:55vmax;height:55vmax;position:absolute}.cloud.c1{background:#efc06a;animation:21s ease-in-out infinite alternate cloud-drift-1;top:-12%;left:-8%}.cloud.c2{background:#e08a74;animation:26s ease-in-out infinite alternate cloud-drift-2;top:8%;right:-14%}.cloud.c3{background:#a9bede;animation:24s ease-in-out infinite alternate cloud-drift-3;bottom:-18%;left:12%}.cloud.c4{background:#f2d9b0;width:42vmax;height:42vmax;animation:19s ease-in-out infinite alternate cloud-drift-4;bottom:-10%;right:6%}@keyframes cloud-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(9vw,7vh)scale(1.15)}}@keyframes cloud-drift-2{0%{transform:translate(0)scale(1.1)}to{transform:translate(-8vw,10vh)scale(.95)}}@keyframes cloud-drift-3{0%{transform:translate(0)scale(.95)}to{transform:translate(10vw,-8vh)scale(1.12)}}@keyframes cloud-drift-4{0%{transform:translate(0)scale(1)}to{transform:translate(-7vw,-6vh)scale(1.18)}}.intro-gate{text-align:center;flex-direction:column;gap:14px;animation:3.2s ease-in-out infinite intro-breathe;display:flex;position:relative}.intro-gate-hint{letter-spacing:4px;opacity:.5;text-transform:uppercase;font-size:11px}.intro-gate-cta{letter-spacing:1px;font-size:clamp(18px,2.6vw,26px)}@keyframes intro-breathe{0%,to{opacity:.55}50%{opacity:1}}.intro-line{text-align:center;letter-spacing:.5px;max-width:82vw;font-size:clamp(22px,3.4vw,42px);line-height:1.4;animation:2.6s both intro-line;position:relative}@keyframes intro-line{0%{opacity:0;filter:blur(8px);transform:translateY(16px)scale(.985)}22%{opacity:1;filter:blur();transform:translateY(0)scale(1)}78%{opacity:1;filter:blur();transform:translateY(0)scale(1.005)}to{opacity:0;filter:blur(8px);transform:translateY(-12px)scale(1.01)}}.intro-skip{color:inherit;letter-spacing:2px;opacity:.45;cursor:pointer;background:0 0;border:none;padding:8px 10px;font-family:inherit;font-size:12px;transition:opacity .2s;position:absolute;bottom:22px;right:26px}.intro-skip:hover{opacity:.9}@media (prefers-reduced-motion:reduce){.cloud,.intro-gate,.intro-line{animation:none}.intro-line{opacity:1}}.record-player{z-index:30;cursor:pointer;background:0 0;border:none;width:54px;height:54px;padding:0;transition:transform .2s;position:fixed;bottom:22px;left:22px}.record-player:hover{transform:scale(1.08)}.record-disc{background:repeating-radial-gradient(circle,#1a191d 0 2px,#26252b 2px 4px);border-radius:50%;animation:1.9s linear infinite paused record-spin;position:absolute;inset:0;box-shadow:0 6px 18px #00000059,inset 0 0 0 1px #f5f1e91f}.record-player.playing .record-disc{animation-play-state:running}.record-sheen{background:conic-gradient(from 40deg,#0000 0deg,#ffffff17 30deg,#0000 75deg 180deg,#ffffff0f 215deg,#0000 260deg);border-radius:50%;position:absolute;inset:3px}.record-label{background:var(--accent);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #00000040}.record-label:after{content:"";background:var(--bg);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record-note{color:var(--accent);opacity:0;font-size:13px;transition:opacity .3s;position:absolute;top:-14px;right:-4px}.record-player.playing .record-note{opacity:.9;animation:2.4s ease-in-out infinite record-note-float}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes record-note-float{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-5px)rotate(8deg)}}@media (width<=768px){.record-player{width:46px;height:46px;bottom:16px;left:16px}}:root{--bg:#0e0d10;--text:#f5f1e9;--paper:#f5f1e9;--ink:#1c1914;--accent:#c8402c;--accent-hover:#d5533c;--accent-deep:#93301f;--gold-hi:#e5b25f;--gold-lo:#c98a3a;--folder-hi:#efc06a;--folder-lo:#d99a3b;--folder-tab:#dfa851;--window-bg:#242327;--window-text:#e8e5dd;--titlebar:#26252aeb;--dark-app:#1e1d21;--dark-app-text:#e8e5dd;--os-black:#08080a;--hairline:#f5f1e924;--window-shadow:0 30px 70px #0009, 0 2px 10px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f5f1e9;--text:#1c1914;--hairline:#1c191429;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;font-family:Space Mono,monospace;transition:background .35s,color .35s}a{color:var(--text)}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--paper)}button,input{font-family:Space Mono,monospace}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}