*,:before,:after{box-sizing:border-box}body{margin:0}:root{--bg:#f1e9dd;--ink:#3b2218;--ink-soft:#6f5648;--headline:#004d40;--window-bg:#fdfaf5;--window-bar:#efe6d8;--window-border:#d8cdbd;--serif:"Fraunces", Georgia, serif;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);color:var(--ink);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}[data-theme=dark]{--bg:#201b16;--ink:#f1e9dd;--ink-soft:#b3a698;--headline:#4db6ac;--window-bg:#2b241e;--window-bar:#362e26;--window-border:#4a4036}html,body{background:var(--bg);color:var(--ink);transition:background .35s,color .35s}.hero{place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.headline{text-align:center;z-index:1;pointer-events:none}.headline h1{font-family:var(--serif);letter-spacing:-.02em;color:var(--headline);cursor:default;pointer-events:auto;margin:0;font-size:clamp(3.5rem,11vw,8.5rem);font-weight:900;line-height:1}.headline h1 span{display:inline-block}.folder{cursor:grab;-webkit-user-select:none;user-select:none;z-index:2;flex-direction:column;align-items:center;gap:2px;margin:0;display:flex;position:absolute}.folder:active{cursor:grabbing}.folder:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:8px}.folder figcaption{color:var(--ink-soft);font-size:.8rem}.theme-toggle{z-index:6;border:1px solid var(--window-border);background:var(--window-bg);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;top:16px;right:16px}.theme-toggle:focus-visible{outline:2px solid var(--headline);outline-offset:3px}.photo-stack{display:block;position:relative}.photo{width:190px;height:auto;display:block}.photo-hover{transition:opacity .15s;position:absolute;inset:0}.slot-1{top:32%;left:8%}.slot-2{top:32%;right:8%}.slot-5{bottom:10%;left:16%}.slot-6{top:3%;left:calc(50% - 95px)}.slot-7{bottom:7%;left:calc(50% - 48px)}.overlay{z-index:10;background:#1e140c40;place-items:center;display:grid;position:fixed;inset:0}.window{background:var(--window-bg);border:1px solid var(--window-border);border-radius:12px;flex-direction:column;width:340px;max-width:calc(100vw - 32px);display:flex;overflow:hidden;box-shadow:0 24px 60px #3b221840}.window.project{width:640px;max-height:84vh}.window.project .window-body{overflow-y:auto}.window-bar{background:var(--window-bar);border-bottom:1px solid var(--window-border);align-items:center;gap:7px;padding:10px 12px;display:flex}.dot{border:none;border-radius:50%;width:12px;height:12px;padding:0}.dot.red{cursor:pointer;background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.window-title{color:var(--ink-soft);margin-left:8px;font-size:.85rem}.window-body{text-align:center;padding:28px 20px;font-size:.95rem}.window-body.align-left{text-align:left}.case-cover{object-fit:cover;object-position:top;border-radius:10px;width:100%;max-height:300px;display:block}.case-kind{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:12px 0 0;font-size:.75rem}.case-tagline{font-family:var(--serif);color:var(--headline);margin:4px 0 0;font-size:1.3rem}.case h2{font-family:var(--serif);color:var(--headline);margin:20px 0 4px;font-size:1.05rem}.case p{margin:4px 0 0;line-height:1.55}.case-figure{border:1px solid var(--window-border);border-radius:10px;width:100%;margin-top:12px;display:block}.window-body a{color:var(--ink);font-weight:600}.linkedin-link{color:var(--headline);transition:transform .15s,opacity .15s;display:inline-flex}.linkedin-link:hover{opacity:.85;transform:scale(1.15)}.credits{color:var(--ink-soft);text-align:right;z-index:5;font-size:.65rem;position:fixed;bottom:10px;right:14px}.credits summary{cursor:pointer;opacity:.55;list-style:none}.credits summary::-webkit-details-marker{display:none}.credits[open] summary{opacity:1}.credits p{margin:4px 0 0}.credits a{color:inherit}@media (width<=700px){.folder img,.folder canvas{width:64px;height:64px}.folder .photo{width:120px;height:auto}.folder figcaption{font-size:.7rem}.slot-1{top:16%;left:5%}.slot-2{top:16%;right:6%}.slot-5{bottom:10%;left:12%}.slot-6{top:3%;left:calc(50% - 60px)}.slot-7{bottom:3%;left:calc(50% - 32px)}}