@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#e8e1d6;background:#181917;font-family:DM Sans,system-ui,sans-serif}button{font:inherit;color:inherit}.room{background:radial-gradient(at 55%,#716052 0,#30302e 45%,#1c1d1b 100%);height:100svh;transition:background .7s;position:relative;overflow:hidden}.room.lights-off{background:#111312}.room header,.room footer{z-index:5;letter-spacing:.08em;color:#bcb4a8;justify-content:space-between;align-items:center;height:62px;padding:20px 4.5%;font-family:DM Mono,monospace;font-size:10px;display:flex;position:absolute;left:0;right:0}.brand{letter-spacing:-.06em;color:#f7f0e7;font-family:Playfair Display,serif;font-size:22px;text-decoration:none}.brand span{color:#b79d82;font-style:italic}.room header p{margin-left:auto;margin-right:24px}.sound,.info-modal>button{cursor:pointer;background:0 0;border:0;font-size:21px}.room footer{border-top:1px solid #ffffff12;top:auto;bottom:0}.room-scene{transform:translate(var(--mx),var(--my));transition:transform .25s ease-out;position:absolute;inset:40px 4% 28px}.wall{background:linear-gradient(110deg,#30302e,#262725);position:absolute;inset:8% 2% 12%;box-shadow:inset 0 0 150px #0007}.interactive{cursor:pointer}.interactive:hover{filter:brightness(1.15)}.interactive small{color:#d1b99e;opacity:0;letter-spacing:.1em;white-space:nowrap;font:9px DM Mono,monospace;transition:opacity .2s;position:absolute}.interactive:hover small{opacity:1}.window{background:#111;border:12px solid #161818;width:32%;height:54%;padding:0;position:absolute;top:8%;left:12%;box-shadow:0 0 30px #8bb4d522,inset 0 0 20px #000}.sky{background:linear-gradient(#07101b,#152a3b 62%,#a77a68);height:100%;position:relative;overflow:hidden}.moon{background:#fff3d8;border-radius:50%;width:34px;height:34px;position:absolute;top:15%;right:18%;box-shadow:0 0 20px #fff2bc}.cloud{filter:blur(5px);background:#26374788;border-radius:50%;width:110px;height:22px;animation:20s linear infinite cloud;position:absolute}.c1{top:26%;left:-30px}.c2{animation-delay:-11s;top:44%;left:40%}.city{clip-path:polygon(0 40%,7% 28%,7% 5%,16% 5%,16% 30%,28% 30%,28% 0,38% 0,38% 53%,52% 53%,52% 18%,68% 18%,68% 40%,80% 40%,80% 7%,94% 7%,94% 30%,100% 30%,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#101722 0 8%,#26323c 8% 13%,#111820 13% 20%);height:33%;position:absolute;bottom:0;left:0;right:0}.rain{opacity:.45;background-image:repeating-linear-gradient(115deg,#0000 0 15px,#b7d7e044 16px 17px,#0000 18px 30px);animation:.65s linear infinite rain;position:absolute;inset:0}.weather-night .rain,.weather-sunny .rain{opacity:0}.weather-snow .rain{background-image:radial-gradient(#fff8 1px,#0000 2px);background-size:15px 15px;animation:3s linear infinite rain}.weather-sunny .sky{background:linear-gradient(#78b5dc,#a9d3e5 65%,#efb178)}.weather-sunny .moon{background:#ffd46f;box-shadow:0 0 25px #ffd46f}.window small{bottom:-22px;left:0}.shelf{background:#392d25;border:8px solid #211c18;align-items:flex-end;gap:5px;width:17%;height:53%;padding:0 7px 9px;display:flex;position:absolute;top:11%;right:13%;box-shadow:10px 13px 20px #0005}.shelf:before,.shelf:after{content:"";border-top:6px solid #211c18;position:absolute;left:0;right:0}.shelf:before{top:34%}.shelf:after{top:68%}.shelf i{z-index:1;background:#a46c4c;border-radius:2px 2px 0 0;width:15%;height:35%}.shelf i:nth-child(3){background:#c9a369;height:44%}.shelf i:nth-child(4){background:#728f80;height:25%}.shelf-label{z-index:2;color:#c7aa87;letter-spacing:.1em;font:7px DM Mono;position:absolute;top:10%;left:10%}.shelf small{bottom:0;right:-22px;transform:rotate(90deg)}.bed{background:#5e5148;border-radius:7px 7px 0 0;width:31%;height:28%;position:absolute;bottom:3%;right:3%;box-shadow:0 16px 20px #0005}.blanket{background:#958d81;border-radius:0 0 4px 4px;position:absolute;inset:33% 5% 0}.pillow{z-index:1;background:#ded4c7;border-radius:4px;width:32%;height:32%;position:absolute;top:10%;left:8%}.lamp{width:70px;height:190px;position:absolute;bottom:25%;right:37%}.lamp div{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);filter:drop-shadow(0 0 25px #f0af5799);background:#d2a15a;width:80px;height:50px}.lamp i{border-left:4px solid #39362f;height:120px;position:absolute;top:48px;left:38px}.lamp:after{content:"";border-top:7px solid #39362f;width:48px;position:absolute;bottom:0;left:15px}.lights-off .lamp div{filter:none;background:#423d35}.lamp small{bottom:-14px;left:10px}.desk{z-index:2;width:46%;height:23%;position:absolute;bottom:5%;left:30%}.desktop{background:#795846;height:23px;position:absolute;top:0;left:0;right:0;transform:perspective(200px)rotateX(-8deg);box-shadow:0 13px 15px #0006}.leg{background:#382d27;width:18px;height:100%;position:absolute;top:18px}.l1{left:5%}.l2{right:5%}.computer{z-index:3;background:0 0;border:0;width:23%;height:46%;padding:0;position:absolute;bottom:23%;left:42%}.monitor{color:#8fda90;text-align:left;background:#0c1816;border:8px solid #111513;padding:8px;font:9px DM Mono;position:absolute;left:0;right:0;box-shadow:8px 12px 14px #0007}.monitor span{opacity:.8}.top{height:44%;top:0}.bottom{background:linear-gradient(135deg,#09130f,#112722);height:40%;bottom:15%}.stand{border-left:11px solid #1a1a18;height:12%;position:absolute;bottom:4%;left:44%}.computer small{bottom:-18px;left:0}.keyboard{background:#272523;gap:2px;padding:5px;display:flex;position:absolute;top:38%;right:23%;transform:rotate(-4deg)}.keyboard i{background:#bbb0a1;width:10px;height:8px}.mouse{background:#2b2b2a;border-radius:50%;width:15px;height:22px;position:absolute;top:38%;right:12%}.mug{font-size:23px;position:absolute;top:22%;left:16%}.book{background:#d5c18c;width:32px;height:10px;position:absolute;top:41%;left:28%;transform:rotate(8deg)}.resume{color:#5d5246;text-align:left;background:#e9e0d2;border:0;width:46px;height:57px;padding:6px;position:absolute;top:26%;left:3%;transform:rotate(-7deg);box-shadow:4px 4px 8px #0004}.resume em,.resume b{font:5px DM Mono;display:block}.resume b{margin-top:10px;font-size:7px}.resume small{color:#b99e81;bottom:-19px;left:0}.plant{z-index:3;width:65px;height:80px;position:absolute;bottom:15%;left:14%}.plant i{transform-origin:bottom;background:#507459;border-radius:100% 0;width:19px;height:46px;position:absolute;bottom:22px;left:24px}.plant i:nth-child(2){height:42px;transform:rotate(45deg)}.plant i:nth-child(3){transform:rotate(-43deg)}.plant b{background:#a76b52;border-radius:0 0 20px 20px;width:41px;height:28px;position:absolute;bottom:0;left:15px}.cat{z-index:4;background:0 0;border:0;width:93px;height:72px;position:absolute;bottom:6%;left:25%}.cat-body{background:linear-gradient(90deg,#e3e0d7 0 35%,#d07748 35% 57%,#303332 57%);border-radius:55% 44% 35% 35%;width:65px;height:43px;position:absolute;bottom:0;right:0}.cat-body:before{content:"";clip-path:polygon(0 18%,14% 0,38% 18%,70% 0,100% 20%,95% 90%,50% 100%,5% 90%);background:#e2dfd8;border-radius:45% 45% 35% 35%;width:33px;height:35px;position:absolute;top:-22px;right:1px}.cat-body i{z-index:1;background:#252525;border-radius:50%;width:4px;height:4px;position:absolute;top:-7px;right:10px}.cat-body i:nth-child(2){right:20px}.cat-tail{border-top:13px solid #d07748;border-bottom:0;border-left:0;border-right:13px solid #d07748;border-radius:0 40px 0 0;width:45px;height:40px;animation:3s ease-in-out infinite tail;position:absolute;bottom:17px;left:0;transform:rotate(-20deg)}.cat small{bottom:-17px;right:0}.bubble{color:#3f3934;white-space:nowrap;background:#f4ebdf;border-radius:9px;padding:7px 9px;font:9px DM Mono;position:absolute;top:-25px;right:-30px}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050504aa;place-items:center;display:grid;position:fixed;inset:0}.info-modal{color:#38332e;background:#e9dfd2;width:min(430px,88vw);padding:32px;position:relative;box-shadow:0 30px 80px #0008}.info-modal>button{color:#4f4841;position:absolute;top:8px;right:13px}.info-modal h2{margin:5px 0 18px;font:500 29px Playfair Display}.eyebrow{letter-spacing:.14em;color:#9c7155;font:10px DM Mono}.choices{flex-wrap:wrap;gap:7px;display:flex}.choices button,.download{text-transform:capitalize;cursor:pointer;color:#54453b;background:0 0;border:1px solid #a8846b;padding:9px 12px;font:11px DM Mono;text-decoration:none}.timeline{border-left:1px solid #b2876b;padding-left:18px}.timeline p{font-size:13px;line-height:1.6}.timeline b{font-family:DM Mono;display:block}.terminal-modal{z-index:30;color:#9ce7a3;background:#07100d;border:1px solid #9ce7a344;font:13px DM Mono,monospace;animation:.32s ease-out open;position:fixed;inset:10vh 10vw;box-shadow:0 35px 90px #000c}.terminal-light{color:#244627;background:#f1f4ed}.terminal-bar{color:#c9d3c9;background:#17231d;justify-content:space-between;height:35px;padding:8px 11px;font-size:10px;display:flex}.terminal-light .terminal-bar{color:#354235;background:#dae2d9}.terminal-bar i{background:#d06a61;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.terminal-bar i:nth-child(2){background:#d6aa62}.terminal-bar i:nth-child(3){background:#76b777}.terminal-bar button{background:0 0;border:0;font-size:18px;line-height:12px}.terminal-log{height:calc(100% - 35px);padding:18px;overflow:auto}.terminal-log pre{font:inherit;white-space:pre-wrap;margin:0 0 5px;line-height:1.55}.terminal-input{align-items:center;gap:8px;display:flex}.terminal-input input{color:inherit;font:inherit;caret-color:#9ce7a3;background:0 0;border:0;outline:0;flex:1;min-width:1px}.project-page{color:#e9e1d5;background:#1b1b19;min-height:100%;padding:7vw;overflow:auto}.back{color:#c3a789;cursor:pointer;background:0 0;border:0;padding:0;font:11px DM Mono}.project-card{max-width:840px;margin:10vh auto}.project-card h1{margin:12px 0;font:500 clamp(55px,10vw,110px)/.9 Playfair Display}.lead{color:#b9b0a4;max-width:570px;font-size:19px;line-height:1.6}.project-grid{background:#ffffff15;grid-template-columns:1fr 1fr;gap:1px;margin-top:60px;display:grid}.project-grid section{background:#1b1b19;padding:24px}.project-grid h2{margin:0 0 8px;font:500 20px Playfair Display}.project-grid p{color:#b9b0a4;font-size:13px;line-height:1.65}@keyframes rain{to{background-position:-20px 50px}}@keyframes cloud{to{transform:translate(220px)}}@keyframes tail{50%{transform:rotate(5deg)}}@keyframes open{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (width<=700px){.room header p{display:none}.room-scene{transform-origin:bottom;inset:40px 0 24px;transform:scale(.88)}.window{width:42%;height:45%;left:4%}.shelf{width:22%;height:45%;right:3%}.computer{width:31%;bottom:24%;left:39%}.desk{width:67%;left:18%}.bed{width:39%;height:22%;right:-6%}.lamp{bottom:26%;right:30%;transform:scale(.7)}.plant{left:1%;transform:scale(.72)}.cat{bottom:5%;left:11%;transform:scale(.75)}.terminal-modal{font-size:11px;inset:7vh 3vw}.project-page{padding:9vw 7vw}.project-grid{grid-template-columns:1fr}.room header,.room footer{padding-inline:5%}}