*{box-sizing:border-box}body{color:#303b36;background:#f8f7f3;margin:0}main{width:100%;max-width:1380px;margin:auto;padding:32px}.computer{position:relative}.home-languages{z-index:2;justify-content:flex-end;margin-bottom:16px;display:flex;position:relative}.hero{min-height:calc(100dvh - 124px);position:relative}.hero>summary{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.folder-contents{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"posts clients products""art.consult""art about voice";align-items:center;gap:44px 48px;min-height:800px;padding:30px 20px 60px;display:grid}.voice-preview{padding:18px}.voice-icon{color:#586d3e;background:#dfebc6;border-radius:12px;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.voice-preview p{color:#65765a;font-size:12px;line-height:1.6}.voice-preview audio{width:100%;display:block}.hero:not([open])>.folder-contents{display:none}.desktop-window{--dx:0px;--dy:0px;transform:translate(var(--dx), var(--dy)) rotate(var(--angle));background:#fdfdfb;border:1px solid #fffd;border-radius:14px;min-width:0;position:relative;overflow:hidden;box-shadow:0 18px 45px #22312d20}.window-heading{color:inherit;margin:0;font-family:inherit;font-size:12px;font-weight:500}.window-footer{padding:0 18px 16px}.view-all{color:#4a5c43;border:1px solid #dce2d5;border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;font-size:12px;text-decoration:none;display:flex}.view-all:hover{background:#edf2e7}.preview-list{margin:0 0 10px;padding:6px 18px;list-style:none}.preview-list li+li{border-top:1px solid #e9ece4}.preview-list a{color:#40503e;align-items:center;gap:12px;min-height:48px;padding:14px 0;font-size:12px;line-height:1.6;text-decoration:none;display:flex}.preview-list a>span:last-child{color:#8e9984;margin-left:auto}.preview-list a:hover{color:#718b50}.client-mark{background:#f0f1eb;border-radius:6px;flex-shrink:0;place-items:center;width:36px;height:36px;padding:4px;display:grid}.client-mark.dark{background:#222939}.client-mark img{object-fit:contain;border-radius:0;width:100%;height:100%}.service-icon{color:#71865d;flex-shrink:0}.post-info{flex-direction:column;gap:5px;display:flex}.post-info time{color:#7e8a73;font-size:10px}[data-window-area=clients]{justify-self:center;width:min(100%,260px)}.product-preview{color:#40503e;padding:16px 18px;text-decoration:none;display:block}.product-preview img{border-radius:6px;width:100%;height:auto;display:block}.product-preview>span{justify-content:space-between;margin-top:12px;font-size:14px;display:flex}.product-preview small{color:#92947a;margin-top:6px;font-size:10px;display:block}.github-preview{padding:18px}.github-preview a{color:#40503e;font-size:12px;text-decoration:none;display:block}.github-preview a>span{justify-content:space-between;display:flex}.github-preview img{border-radius:0;width:100%;height:auto;margin-top:18px;display:block}.github-preview p{color:#87947e;margin:12px 0 0;font-size:10px}.window-bar{color:#747b72;cursor:grab;touch-action:none;user-select:none;background:#f3f4ef;border-bottom:1px solid #e6e9e1;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 14px;font-size:11px;display:flex}.window-dots{flex-shrink:0;align-items:center;gap:8px;display:flex}.window-dots i{background:#eaa298;border-radius:50%;width:9px;height:9px}.window-dots i:nth-child(2){background:#e6cc8b}.window-dots i:nth-child(3){background:#a5c2a1}.window-control{background:#eaa298;border:0;border-radius:50%;width:12px;height:12px;padding:0;display:block;position:relative}.window-control:before{content:"";position:absolute;inset:-4px}.window-close:hover{background:#e47d70}.window-open{background:#e6cc8b}.window-open:hover{background:#d8b458}.window-minimize{background:#a5c2a1}.window-minimize:hover{background:#7fa979}.window-heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.window-dock{z-index:10000;background:#f8faf7ed;border:1px solid #d9e2e8;border-radius:16px;gap:8px;max-width:calc(100vw - 24px);padding:8px;display:flex;position:fixed;bottom:10px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 8px 30px #26445c25}.window-dock[hidden]{display:none}.window-dock button{color:#3d596b;background:#e9f1f5;border:1px solid #d4e1e9;border-radius:9px;flex-shrink:0;min-height:40px;padding:8px 14px;font-size:11px}.desktop-window.is-stored{opacity:0;visibility:hidden;pointer-events:none}.desktop-window.is-selected{box-shadow:0 0 0 2px #69b7f4,0 0 28px #56aaff60,0 18px 45px #22312d20}.window-content{min-width:0;min-height:0}.hero[data-open=false] .folder-papers{transform:translateY(-8px)}.folder-papers{transition:transform .3s}.effect-card{width:100%;padding:12px}figure{margin:0}.artwork{aspect-ratio:1;cursor:crosshair;touch-action:none;position:relative;-webkit-mask-image:radial-gradient(76% 76%,#000 64%,#0000 100%);mask-image:radial-gradient(76% 76%,#000 64%,#0000 100%)}.artwork img,.artwork canvas{object-fit:contain;user-select:none;width:100%;height:100%;display:block}.artwork canvas{pointer-events:none;position:absolute;inset:0}.artwork .pixel-loader{background:#f8f7f3;display:none}.pixel-loader-enabled [data-pixel-loader] img{visibility:hidden}.pixel-loader-enabled [data-pixel-loader] .pixel-loader{display:block}.artwork-footer{padding:0 20px 18px}#sound-toggle{color:#525f50;background:0 0;border:1px solid #d8ded2;border-radius:24px;padding:9px 14px;font-size:12px}#sound-toggle:hover,#sound-toggle[aria-pressed=true]{background:#e8ede1}#sound-toggle:disabled{cursor:wait}#sound-status{color:#66775b;margin:8px 0 0;font-size:12px}#sound-status:empty{display:none}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.main-folder,.file-folder{color:#314e5c;text-align:center;flex-direction:column;align-items:center;gap:8px;width:fit-content;margin:auto;font-size:12px;display:flex}.main-folder .folder-icon{width:170px;height:auto}.folder-name{font-size:16px;font-weight:600}.folder-specialty{color:#405a62;font-size:12px}.folder-hint{color:#6c786e;font-size:11px}.file-folder{margin-bottom:26px}.file-folder .folder-icon{width:72px;height:auto}.folder-icon{filter:drop-shadow(0 8px 9px #29628820);transition:transform .25s}summary:hover>.folder-icon,.index a:hover .folder-icon{transform:translateY(-4px)rotate(-3deg)}:focus-visible{outline-offset:4px;outline:2px solid #326b97}@media (prefers-reduced-motion:reduce){.folder-art{transition:none}.pixel-loader-enabled [data-pixel-loader] img{visibility:visible}.pixel-loader-enabled [data-pixel-loader] .pixel-loader{display:none}}@media (width<=1100px){.hero>summary{padding:12px 0 28px;position:relative;top:auto;left:auto;transform:none}.folder-contents{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"posts clients""products consult""art about""voice.";gap:36px;min-height:auto;padding:20px 12px 40px}}@media (width>=901px){main{grid-template-rows:auto minmax(0,1fr);gap:8px;width:100%;max-width:none;height:100dvh;padding:clamp(10px,2dvh,20px) clamp(16px,2vw,40px);display:grid}.home-languages{margin:0}.computer{grid-template-rows:minmax(0,1fr) 64px;min-height:0;display:grid}.hero{grid-row:1;min-width:0;height:100%;min-height:0}.hero>summary{padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-folder .folder-icon{width:clamp(64px,12dvh,110px)}.main-folder{gap:clamp(3px,.6dvh,5px)}.folder-contents{grid-template-rows:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"posts clients products""art.consult""about.voice";gap:clamp(14px,3dvh,30px) clamp(24px,5vw,100px);height:100%;min-height:0;padding:clamp(10px,2dvh,20px) 12px}.desktop-window{flex-direction:column;justify-self:center;width:100%;max-width:380px;max-height:100%;display:flex}[data-window-area=art] .effect-card{max-width:clamp(80px,15dvh,180px);margin:auto;padding:6px}.window-content{scrollbar-width:thin;overflow:auto}.window-bar{flex-shrink:0;gap:8px;min-height:34px;padding:7px 10px}.window-footer{flex-shrink:0;padding:4px 12px 10px}.view-all{min-height:32px;padding:7px 10px;font-size:11px}.preview-list{margin-bottom:4px;padding:0 12px}.preview-list a{gap:8px;min-height:38px;padding:8px 0;font-size:11px;line-height:1.4}.post-info{gap:3px}.post-info time{font-size:9px}.client-mark{width:28px;height:28px}[data-window-area=clients]{width:min(100%,220px)}.product-preview,.github-preview,.voice-preview{padding:10px 12px}.product-preview img{object-fit:cover;object-position:top;max-height:9dvh}.product-preview>span{margin-top:8px;font-size:12px}.voice-icon{width:32px;height:32px;font-size:20px}.voice-preview p{margin:8px 0;font-size:10px}.voice-preview audio{height:36px}.github-preview img{margin-top:12px}.artwork-footer{padding:0 12px 12px}}@media (width<=900px){main{padding:20px}.desktop-window{transform:rotate(var(--angle))}.window-bar{cursor:default;touch-action:auto}}@media (width<=600px){.folder-contents{grid-template-columns:minmax(0,1fr);grid-template-areas:"posts""clients""products""consult""about""art""voice";gap:36px;padding:20px 8px}.desktop-window{--angle:1deg!important}}