.computer-page{max-width:1500px;font-family:var(--font-geist-sans),sans-serif;margin:auto;padding:12px 44px 36px}.computer-bezel{background:linear-gradient(145deg,#b8b7aa,#8c918c);border:1px solid #787f76;border-radius:24px;padding:14px 14px 0;box-shadow:0 18px 45px #26362b25,inset 0 1px #fff9}.desktop-screen{background:#aec4c0;border:2px solid #3a4643;border-radius:12px;overflow:hidden}.desktop-menubar,.desktop-taskbar{color:#36483f;background:#e8e8dcf2;justify-content:space-between;align-items:center;gap:16px;padding:13px 22px;font-size:13px;display:flex}.desktop-menubar span,.desktop-taskbar span{align-items:center;gap:10px;display:flex}.desktop-workspace{background:linear-gradient(90deg,#c4d3cdde,#b3ced369),url(/scenery/bosphorus.svg) 50%/cover;height:calc(100svh - 270px);min-height:540px;max-height:760px;padding:48px;position:relative}.desktop-heading>span{letter-spacing:.22em;color:#39584e;font-size:11px}.journal-shell .desktop-heading h1{font:400 clamp(25px,3vw,39px)/1.3 var(--font-roboto-slab),serif;letter-spacing:-1px;color:#29493f;margin:12px 0 35px}.desktop-folders{grid-template-columns:repeat(3,150px);gap:30px;display:grid}.project-folder{cursor:pointer;color:#233d36;font:500 14px/1.5 var(--font-roboto-slab),serif;text-align:center;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:background .18s,transform .18s;display:flex}.project-folder:hover{background:#ffffff38;transform:translateY(-3px)}.project-folder:focus-visible{outline-offset:3px;outline:2px solid #486956}.folder-art{filter:drop-shadow(0 6px 3px #283e4225);position:relative}.folder-art>svg:first-child{fill:#dfbd78;stroke:#997849}.folder-1 .folder-art>svg:first-child{fill:#a7babc;stroke:#637e83}.folder-2 .folder-art>svg:first-child{fill:#b7bf94;stroke:#778057}.folder-file{stroke:#695c3f;opacity:.7;position:absolute;top:31px;left:29px}.desktop-status-dot,.computer-chin>span{background:#75925c;border-radius:50%;width:6px;height:6px}.computer-chin{letter-spacing:.25em;color:#3b4842;justify-content:center;align-items:center;gap:9px;height:30px;font-size:9px;display:flex}.is-night .computer-bezel{background:linear-gradient(145deg,#424d50,#273437);border-color:#566365}.is-night .computer-chin{color:#b5c0bd}.is-night .desktop-menubar,.is-night .desktop-taskbar{color:#dce5dc;background:#283b42}.is-night .desktop-heading>span,.is-night .desktop-heading h1,.is-night .project-folder{color:#e3eadd}.project-window{font-family:var(--font-geist-sans),sans-serif;overflow:hidden;color:#35463d!important;background:#f2f0e5!important;border-radius:12px!important;gap:0!important;width:min(940px,94vw)!important;max-width:940px!important;padding:0!important;box-shadow:0 28px 100px #071e4260!important}.project-titlebar{background:#dddeda;border-bottom:1px solid #bcc6b9;justify-content:space-between;align-items:center;gap:14px;padding:10px 13px 10px 20px;font-size:13px;display:flex}.project-titlebar>span,.project-titlebar>div{align-items:center;gap:10px;display:flex}.window-action{cursor:pointer;background:#ffffff45;border-radius:6px;place-items:center;width:32px;height:30px;display:grid}.window-action:hover{background:#fff9}.window-close:hover{color:#fff;background:#bb5d51}.project-window-body{grid-template-columns:minmax(0,1fr);max-height:72svh;display:grid;overflow:auto}.project-window-body aside{background:#e6e7df;padding:28px 16px;font-size:12px}.project-window-body aside span{align-items:center;gap:8px;display:flex}.project-window-body aside small{color:#718073;margin:20px 0;display:block}.project-window-body article{min-width:0;padding:32px}.project-document-label{letter-spacing:.18em;color:#738173;margin-bottom:16px;font-size:10px}.project-document-title{font:500 27px/1.4 var(--font-roboto-slab),serif!important}.project-document-description{opacity:.8;margin:14px 0 24px;font-size:15px;line-height:1.8;color:inherit!important}.project-window-body img{object-fit:contain;background:#e2e4dd;border:1px solid #a7b5a455;border-radius:8px;width:100%;height:auto;max-height:380px}.project-launch{background:#456650;border-radius:8px;align-items:center;gap:10px;margin-top:23px;padding:11px 18px;font-size:14px;text-decoration:none;display:inline-flex;color:#fff!important}.project-status{color:#718073;border-top:1px solid #bfc8bd;padding:8px 20px;font-size:11px}.project-window-night{color:#e3e8df!important;background:#25363b!important}.project-window-night .project-titlebar,.project-window-night aside{background:#304348;border-color:#4e6265}.project-window-night .project-status{color:#acbab7;border-color:#4e6265}.project-window-night .project-document-label,.project-window-night aside small{color:#afc0b5}.project-window-night .project-launch{background:#b7c69c;color:#26372c!important}@media (max-width:700px){.computer-page{padding:4px 12px 24px}.computer-bezel{border-radius:16px;padding:7px 7px 0}.desktop-workspace{height:auto;min-height:530px;padding:28px 16px}.desktop-folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.desktop-menubar,.desktop-taskbar{padding:11px;font-size:11px}.desktop-taskbar>span:nth-child(2){display:none}.project-window-body{grid-template-columns:1fr;max-height:80svh}.project-window-body aside{display:none}.project-window-body article{padding:23px}.project-titlebar>span{font-size:11px}.project-document-title{font-size:23px!important}.project-window{width:96vw!important}}@media (prefers-reduced-motion:reduce){.project-folder{transition:none}.project-folder:hover{transform:none}}.desktop-workspace{background:url(/project-images/japan-street.webp) 50%/cover;height:calc(100svh - 180px);min-height:570px}.is-night .desktop-workspace{background-image:linear-gradient(#10213828,#10213828),url(/project-images/japan-street.webp)}.project-folder{text-shadow:0 1px 4px #000,0 1px 12px #0008;color:#fff!important}.project-folder>span:last-child{background:#172c3b8c;border-radius:6px;padding:4px 8px}.project-folder:hover{background:#ffffff28}.project-notes{margin-top:28px;font-size:15px;line-height:1.8}.project-notes h2{font:500 21px/1.4 var(--font-roboto-slab),serif;color:inherit;margin:26px 0 12px}.project-notes p{margin:10px 0}.project-notes ul{margin:8px 0;padding-left:22px;list-style:outside}.project-notes figure{margin:23px 0}.project-notes a{color:inherit;text-underline-offset:3px;text-decoration:underline}.project-notes video{border-radius:8px;width:100%;margin:20px 0}.project-notes img{max-height:none}.project-notes strong{font-weight:650}@media (max-width:700px){.desktop-workspace{height:auto;min-height:620px;padding:26px 16px}}