*{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(100svh - 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{gap:5px;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-close{color:#733f37;background:#eaa298;border-radius:50%;place-items:center;width:12px;height:12px;padding:0;font-size:11px;line-height:1;display:grid;position:relative}.window-close:before{content:"";position:absolute;inset:-10px}.window-close:hover{background:#e47d70}.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-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{max-width:1600px;padding:16px 24px}.home-languages{margin-bottom:8px}.hero{height:calc(100svh - 84px);min-height:0}.hero>summary{padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-folder .folder-icon{width:110px}.main-folder{gap:5px}.folder-contents{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.1fr repeat(3,minmax(0,1fr));grid-template-areas:"art posts clients products""art consult about voice";gap:140px clamp(18px,2.2vw,36px);height:100%;min-height:0;padding:14px 12px}.desktop-window{flex-direction:column;max-height:100%;display:flex}.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:9svh}.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}}