@charset "UTF-8";
:root{--cream:#f4eee3;--ink:#321e19;--green:#738961;--muted:#80796e;--line:#d6cebe;font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #526b42;outline-offset:7px}button{border:0;background:none}button:hover .filename{background:#e0e5d5}button:active{transform:translateY(2px)}.navigation{max-width:1500px;margin:auto;display:flex;justify-content:space-between;padding:32px 48px;position:relative;z-index:2}.navigation button{font-size:16px;padding:8px 0}.navigation button:hover{text-decoration:underline;text-underline-offset:7px}.navigation span{margin-left:8px;color:var(--green)}.desktop{height:850px;max-width:1380px;margin:0 auto;position:relative}.hero{position:absolute;top:145px;left:19%;width:64%;text-align:center}.script{font-family:"Bodoni MT","Times New Roman",serif;font-style:italic;color:var(--green);font-size:clamp(70px,9vw,134px);position:absolute;left:0;top:-56px;z-index:3;font-weight:400;letter-spacing:-6px;pointer-events:none}h1{font-size:clamp(90px,13.5vw,190px);letter-spacing:-.075em;line-height:1;margin:0;position:relative;z-index:2;pointer-events:none;font-weight:900}.main-folder{display:block;width:56%;margin:-18px auto 0;padding:0;position:relative;transition:transform .25s}.main-folder img{width:100%;display:block}.main-folder:hover{transform:rotate(-3deg) translateY(-5px)}.cursor{position:absolute;width:58px;bottom:9%;right:0;transform:rotate(-8deg);filter:drop-shadow(0 2px 1px #0002)}.identity{font-size:24px;font-style:italic;margin:9px 0 12px}.hint{font-size:14px;margin:0;color:#655e52}.file{position:absolute;display:flex;flex-direction:column;align-items:center;padding:8px;transition:transform .2s;max-width:210px}.file:hover{transform:translateY(-7px) rotate(-2deg)}.filename{font-size:15px;line-height:1.5;padding:4px 9px;border-radius:4px;margin-top:6px;white-space:nowrap}.folder{width:165px;height:140px;object-fit:contain}.about{top:55px;left:3%}.project-one{top:0;right:22%;transform:rotate(3deg)}.project-two{top:405px;right:4%;transform:rotate(4deg)}.resume{top:415px;left:5%;transform:rotate(-5deg)}.project-three{left:24%;top:645px}.notes{top:645px;right:26%;transform:rotate(4deg)}.contact{top:677px;right:5%}.poster{width:130px;height:168px;padding:13px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;box-shadow:1px 3px 5px #321e1923}.poster-index{font-size:8px;letter-spacing:1px}.poster strong{font-family:Georgia,serif;font-size:24px;line-height:1.02;font-weight:400}.poster-footer{font-size:8px;border-top:1px solid currentColor;padding-top:7px}.poster-one{background:#d3dac3;color:#2b412d}.poster-two{background:#34513b;color:#ecebd9}.poster-two strong{font-family:Arial,sans-serif;font-weight:900;font-size:29px;letter-spacing:-1px}.paper{background:#fcf9f1;width:122px;height:160px;text-align:left;box-shadow:1px 3px 6px #321e1920;border:1px solid #ded7c9;border-radius:4px 16px 4px 4px;display:flex;flex-direction:column;gap:10px;padding:20px 14px}.paper-type{font-weight:700;font-size:25px}.paper>span:not(.paper-type){font-size:12px}.paper-lines{height:12px;border-block:1px solid #999082;width:46px}.paper small{font-size:10px;line-height:1.5;margin-top:auto;color:#746b5c}.note-paper{width:120px;height:145px;padding:16px}.paper .note-heading{font:italic 25px/1.05 Georgia,serif!important}.note-line{border-bottom:1px solid #77715e;width:65%;transform:rotate(-9deg)}.mail{font-family:"Segoe UI Symbol",serif;font-size:110px;line-height:1;color:#fbf8ed;text-shadow:0 1px 2px #938875,1px 0 #c1b6a2;display:block;height:110px;width:145px}footer{max-width:1380px;margin:auto;padding:26px 48px;border-top:1px solid #ddd5c5;display:flex;justify-content:space-between;color:#857b6d;font-size:12px;letter-spacing:1px}dialog{border:1px solid #c6c0af;border-radius:12px;padding:0;width:min(700px,calc(100% - 32px));max-height:85dvh;background:#fbf8f0;color:var(--ink);box-shadow:0 24px 90px #24190e35}dialog::backdrop{background:#332b2145;backdrop-filter:blur(5px)}.window-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#e8e7dc;border-bottom:1px solid #d1cebf;position:sticky;top:0;z-index:1}.window-bar button{border-radius:50%;background:#d7a594;width:25px;height:25px;line-height:20px;font-size:20px;padding:0}.window-bar>span{font-size:14px}.window-meta{margin-left:auto;color:#817b6c;font-size:12px!important}.window-content{padding:40px;line-height:1.8}.window-content h2{font-size:32px;margin:0 0 20px;font-weight:500;letter-spacing:-1px}.window-content p{font-size:16px;color:#726958}.eyebrow{font-size:12px!important;letter-spacing:2px;color:var(--green)!important}.placeholder{padding:24px;border:1px dashed #cfc8b5;background:#f2f1e7;margin:24px 0}.placeholder p{margin:0}.detail-labels{display:flex;gap:12px;flex-wrap:wrap;color:#766e5e;font-size:14px}.detail-labels span{border-bottom:1px solid #c9c5b6;padding:5px 0}.work-list{display:grid;gap:12px}.work-link{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#eeeee2;border:1px solid #d9ddcd;text-align:left}.work-link:hover{background:#e0e6d5}.window-content .muted{font-size:14px;color:#8c8374}.project-cover{padding:35px;background:#d4dbc5;color:#385039;font:italic 38px Georgia,serif;margin-bottom:25px}.window-content a{color:#4d6840}html:has(dialog[open]){overflow:hidden}@media(min-width:1550px){.desktop{height:900px}.hero{top:160px}.project-three,.notes{top:700px}.contact{top:720px}}@media(max-width:900px){.navigation{padding:25px}.desktop{height:1030px}.hero{top:270px;left:5%;width:90%}.script{font-size:16vw;top:-65px;left:2%}h1{font-size:19vw}.main-folder{width:58%;margin:-3px auto 0}.about{top:35px;left:6%}.project-one{top:10px;right:12%}.resume{top:570px;left:3%}.project-two{top:565px;right:3%}.project-three{top:825px;left:6%}.notes{top:805px;right:37%}.contact{top:855px;right:4%}.folder{width:145px;height:125px}.identity{font-size:23px}.cursor{width:48px}footer{padding:20px 25px}footer span:last-child{display:none}}@media(max-width:520px){.navigation{padding:18px 21px}.navigation button{font-size:14px}.desktop{height:1060px}.hero{top:273px;left:3%;width:94%}.script{font-size:20vw;top:-46px;letter-spacing:-3px}h1{font-size:20vw;letter-spacing:-.075em}.main-folder{width:70%;margin:-2px auto 0}.identity{font-size:20px;margin-top:8px}.hint{font-size:13px}.file{padding:4px}.filename{font-size:13px;margin-top:4px;padding:3px 5px}.about{top:55px;left:7%}.folder{width:115px;height:108px}.project-one{top:15px;right:10%}.poster{width:105px;height:142px;padding:11px}.poster strong{font-size:22px}.poster-index,.poster-footer{font-size:7px}.poster-two strong{font-size:25px}.resume{top:593px;left:7%}.project-two{top:590px;right:10%}.paper{width:102px;height:140px;padding:15px 12px}.project-three{top:825px;left:5%}.notes{top:795px;right:11%}.contact{top:949px;left:calc(50% - 65px);right:auto}.mail{font-size:76px;height: seventy; height:75px;width:120px}.note-paper{height:130px}.cursor{width:42px}.window-content{padding:25px}.window-content h2{font-size:26px}.window-meta{display:none}footer{font-size:10px;letter-spacing:.5px;padding:20px}.poster-one{transform:rotate(-3deg)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}