:root{
  --bg:#141218; --bg2:#1c1820; --ink:#f0e6d7; --muted:#afa398;
  --amber:#e0a15a; --amber2:#f6c987; --wine:#623f4a; --olive:#657056; --blue:#547085;
  --line:rgba(255,255,255,.12); --shadow:rgba(0,0,0,.42);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.ambient-light{position:fixed;left:8vw;bottom:6vh;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(224,161,90,.12),transparent 65%);filter:blur(20px);z-index:-1}.topbar{position:fixed;top:0;left:0;right:0;height:74px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;z-index:90;background:linear-gradient(to bottom,rgba(20,18,24,.86),transparent);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.14em}.status-dot{width:8px;height:8px;border-radius:50%;background:#87a86d;box-shadow:0 0 12px #87a86d}.top-actions{display:flex;gap:10px}.icon-button,.lang-toggle{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);height:38px;border-radius:999px;cursor:pointer}.icon-button{width:38px}.lang-toggle{padding:0 14px;font:500 11px 'DM Mono',monospace;letter-spacing:.08em}.lang-toggle b{opacity:.35;margin:0 5px}.sound-bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:14px}.sound-bars i{display:block;width:2px;background:var(--amber2);animation:sound .7s infinite alternate}.sound-bars i:nth-child(1){height:5px}.sound-bars i:nth-child(2){height:12px;animation-delay:.15s}.sound-bars i:nth-child(3){height:8px;animation-delay:.3s}.muted .sound-bars i{animation:none;height:3px!important}@keyframes sound{to{height:3px}}.room-map{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:80;display:flex;flex-direction:column;gap:13px}.room-dot{width:24px;height:24px;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:transparent;font:10px 'DM Mono',monospace;transition:.25s}.room-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.35);position:absolute}.room-dot:hover,.room-dot.active{border-color:rgba(255,255,255,.28);color:var(--ink)}.room-dot:hover:before,.room-dot.active:before{opacity:0}.scene{min-height:100vh;position:relative;padding:10vh 8vw 8vh;overflow:hidden}.scene-number{position:absolute;top:96px;left:4vw;color:rgba(255,255,255,.3);font:11px 'DM Mono',monospace;letter-spacing:.14em}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.18em;color:var(--amber2);text-transform:uppercase}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
/* HOME */.scene-home{background:linear-gradient(#27212b 0 64%,#2a211d 64%);isolation:isolate}.office-wall{position:absolute;inset:0 0 36% 0;background:linear-gradient(115deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;z-index:-2}.window{position:absolute;right:8vw;top:13vh;width:29vw;height:37vh;border:12px solid #362c32;background:linear-gradient(#151829,#25233a 60%,#312534);box-shadow:0 20px 40px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.05)}.window:before,.window:after{content:'';position:absolute;background:#362c32}.window:before{width:9px;top:0;bottom:0;left:52%}.window:after{height:9px;left:0;right:0;top:54%}.moon{position:absolute;top:18%;right:17%;width:46px;height:46px;border-radius:50%;background:#f0d8a4;box-shadow:0 0 35px rgba(240,216,164,.26)}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:white;opacity:.6}.s1{left:22%;top:22%}.s2{left:42%;top:34%}.s3{right:30%;top:46%}.city{position:absolute;left:0;right:0;bottom:0;height:36%;display:flex;align-items:flex-end;gap:2%}.city i{display:block;width:16%;background:#171622;border-top:1px solid rgba(255,255,255,.06)}.city i:nth-child(1){height:55%}.city i:nth-child(2){height:80%}.city i:nth-child(3){height:45%}.city i:nth-child(4){height:72%}.city i:nth-child(5){height:61%}.city i:nth-child(6){height:88%}.poster{position:absolute;right:40vw;top:20vh;border:1px solid rgba(255,255,255,.16);padding:16px 18px;font:700 18px/1.12 Manrope;letter-spacing:-.04em;transform:rotate(-2deg);color:#c7b8a9}.shelf{position:absolute;right:7vw;top:54vh;width:31vw;height:11px;background:#4a382f;box-shadow:0 10px 20px rgba(0,0,0,.4)}.shelf span{position:absolute;bottom:11px;width:22px;border-radius:3px 3px 0 0}.shelf span:nth-child(1){left:7%;height:58px;background:#875c52}.shelf span:nth-child(2){left:14%;height:48px;background:#657056}.shelf span:nth-child(3){left:23%;height:70px;background:#4f6977}.shelf span:nth-child(4){right:10%;height:42px;width:52px;background:#b08b64}.desk{position:absolute;left:32vw;right:0;bottom:7vh;height:28vh;background:linear-gradient(#594336,#332720);box-shadow:0 -6px 22px rgba(0,0,0,.22)}.desk:after{content:none}.monitor{position:absolute;left:14%;top:-45%;width:42%;height:54%;background:#201b20;border:9px solid #2d272c;border-radius:9px;box-shadow:0 12px 30px rgba(0,0,0,.45);z-index:2}.monitor:after{content:'';position:absolute;width:32%;height:54px;left:34%;bottom:-54px;background:#2d272c;clip-path:polygon(36% 0,64% 0,75% 78%,100% 100%,0 100%,25% 78%);z-index:-1}.monitor-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(120,178,184,.15),transparent 52%)}.terminal-line{position:absolute;left:8%;top:18%;right:8%;font:11px/1.5 'DM Mono',monospace;color:#9ec7ba}.cursor{animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}.keyboard{position:absolute;left:14%;top:30%;width:42%;height:10%;background:#262126;border-radius:4px;transform:perspective(100px) rotateX(8deg)}.mug{position:absolute;left:58%;top:7%;font-size:35px;filter:saturate(.6)}.plant{position:absolute;right:10%;top:-9%;width:70px;height:70px}.plant:after{content:'';position:absolute;left:19px;bottom:-20px;width:43px;height:32px;background:#6e5546;clip-path:polygon(10% 0,90% 0,75% 100%,25% 100%)}.plant i{position:absolute;width:24px;height:42px;border-radius:100% 0 100% 0;background:#617256;transform-origin:bottom}.plant i:nth-child(1){left:28px;top:9px;transform:rotate(-28deg)}.plant i:nth-child(2){left:36px;top:0;transform:rotate(18deg)}.plant i:nth-child(3){left:16px;top:16px;transform:rotate(-60deg)}.lamp{position:absolute;left:4%;top:-38%;width:90px;height:90px}.lamp:before{content:'';position:absolute;left:38px;top:21px;width:7px;height:120px;background:#373039;transform:rotate(13deg);transform-origin:bottom}.lamp i{position:absolute;left:12px;top:0;width:66px;height:48px;background:#8b6a51;clip-path:polygon(17% 0,83% 0,100% 100%,0 100%)}.lamp i:after{content:'';position:absolute;left:-50px;top:39px;width:170px;height:170px;background:linear-gradient(rgba(241,183,110,.19),transparent 70%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}.hero-copy{position:absolute;left:8vw;top:22vh;width:min(48vw,670px);z-index:3}.hero-copy h1{font-size:clamp(62px,8.5vw,140px);line-height:.78;margin:25px 0 30px;letter-spacing:-.075em;font-weight:600}.hero-copy h1 span{color:var(--amber2)}.hero-description{width:min(560px,90%);font-size:clamp(15px,1.2vw,19px);line-height:1.65;color:#cec3b9}.hero-links{display:flex;gap:24px;align-items:center;margin-top:32px}.primary-link,.secondary-link{font:500 12px 'DM Mono',monospace;letter-spacing:.08em;text-decoration:none}.primary-link{background:var(--amber2);color:#201b20;padding:14px 18px;border-radius:2px}.secondary-link{color:var(--ink);border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:6px}.scroll-cue{position:absolute;left:8vw;bottom:5vh;font:10px 'DM Mono',monospace;letter-spacing:.14em;color:rgba(255,255,255,.45);display:flex;align-items:center;gap:13px}.scroll-cue i{width:34px;height:1px;background:rgba(255,255,255,.25);position:relative;overflow:hidden}.scroll-cue i:after{content:'';position:absolute;inset:0;background:var(--amber2);transform:translateX(-100%);animation:scrollline 1.8s infinite}@keyframes scrollline{to{transform:translateX(100%)}}
/* ABOUT */.scene-about{background:#1b191c;display:grid;place-items:center}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;width:100%;max-width:1400px}.whiteboard{height:62vh;min-height:470px;background:#e9dfcf;color:#3b3330;padding:9vh 4vw;position:relative;box-shadow:0 35px 70px rgba(0,0,0,.3);transform:rotate(-1deg)}.tape{position:absolute;width:100px;height:25px;background:rgba(201,170,117,.48);top:-7px}.t1{left:10%;transform:rotate(-4deg)}.t2{right:12%;transform:rotate(5deg)}.scribble{font:500 clamp(18px,2.3vw,34px)/1.35 'DM Mono',monospace;letter-spacing:-.05em}.diagram{margin:7vh 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.node{border:2px solid #554c48;padding:12px 13px;border-radius:45% 55% 53% 47% / 45% 47% 53% 55%;font:500 13px 'DM Mono',monospace}.arrow{font-size:24px}.note{font-size:15px;line-height:1.6;max-width:90%;transform:rotate(.5deg)}.about-copy h2,.projects-heading h2,.contact-room h2{font-size:clamp(38px,5vw,76px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 30px}.about-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#bdb3ab}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.tags span{border:1px solid var(--line);padding:9px 11px;border-radius:999px;font:10px 'DM Mono',monospace;letter-spacing:.08em;color:#d4c9bf}
/* WORK */.scene-work{background:linear-gradient(90deg,#201b1d,#17161a);display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}.filing-cabinet{max-width:750px;margin:auto;width:100%}.cabinet-label{font:11px 'DM Mono',monospace;letter-spacing:.16em;margin-bottom:12px;color:var(--amber2)}.drawer{position:relative;border:1px solid rgba(255,255,255,.1);background:#332a2b;margin-top:-1px;padding:23px 28px 23px 90px;min-height:125px;box-shadow:inset 0 1px rgba(255,255,255,.03);transition:.3s}.drawer:hover,.drawer.open{transform:translateX(22px);background:#423234}.drawer-handle{position:absolute;left:24px;top:50%;transform:translateY(-50%);width:42px;height:15px;border:2px solid #a88368;border-radius:3px}.drawer small{font:10px 'DM Mono',monospace;color:#a58f84}.drawer h3{margin:5px 0 3px;font-size:19px}.drawer strong{font-size:12px;color:var(--amber2)}.drawer p{font-size:13px;line-height:1.5;color:#b9afa7;margin:9px 0 0}.work-note{align-self:center}.work-note p{font:10px 'DM Mono',monospace;letter-spacing:.18em;color:var(--amber2)}.work-note h2{font:500 clamp(38px,5vw,74px)/.98 'DM Mono',monospace;letter-spacing:-.07em;margin:14px 0 24px;max-width:500px}.work-note span{display:block;max-width:380px;color:#b9afa7;line-height:1.7}
/* PROJECTS */.scene-projects{background:#17161a;padding-bottom:15vh}.projects-heading{max-width:950px;margin:10vh auto 7vh}.project-stack{max-width:1100px;margin:auto;display:flex;flex-direction:column;gap:26px}.project-card{position:relative;background:linear-gradient(135deg,#29242a,#201d22);border:1px solid var(--line);padding:42px 48px 46px;min-height:270px;box-shadow:0 24px 50px rgba(0,0,0,.22);transition:.35s}.project-card:nth-child(even){margin-left:7vw}.project-card:nth-child(odd){margin-right:7vw}.project-card:hover{transform:translateY(-6px) rotate(.25deg);border-color:rgba(246,201,135,.35)}.project-card:before{content:attr(data-index);position:absolute;right:28px;bottom:16px;font:600 72px 'DM Mono',monospace;color:rgba(255,255,255,.035)}.project-meta{display:flex;justify-content:space-between;gap:20px;font:10px 'DM Mono',monospace;letter-spacing:.12em;color:var(--amber2)}.project-card h3{font-size:clamp(28px,3.3vw,48px);line-height:1.08;letter-spacing:-.045em;margin:25px 0 16px}.project-card p{max-width:780px;color:#bcb2aa;line-height:1.72;font-size:15px}.impact{display:inline-flex;align-items:center;gap:14px;margin-top:18px;padding:9px 12px;border:1px dashed rgba(246,201,135,.35);font:11px 'DM Mono',monospace}.impact i{color:var(--amber2)}
/* CONTACT */.scene-contact{background:linear-gradient(#19171c 0 72%,#2b221d 72%);display:grid;place-items:center}.contact-room{position:relative;text-align:center;max-width:980px;padding:10vh 4vw}.contact-room h2{font-size:clamp(48px,7vw,105px)}.contact-room>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#bdb2a8;max-width:680px;margin:0 auto}.contact-links{display:flex;justify-content:center;gap:28px;margin-top:38px}.contact-links a{color:var(--amber2);text-decoration:none;font:500 12px 'DM Mono',monospace;letter-spacing:.08em}.contact-room footer{margin-top:12vh;font:10px 'DM Mono',monospace;letter-spacing:.15em;color:rgba(255,255,255,.35)}.floor-lamp{position:absolute;left:-7vw;bottom:2vh;width:120px;height:320px}.floor-lamp:before{content:'';position:absolute;left:58px;top:60px;width:5px;height:230px;background:#4c4040}.floor-lamp i{position:absolute;left:12px;top:0;width:100px;height:72px;background:#8b6853;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.floor-lamp i:after{content:'';position:absolute;left:-100px;top:50px;width:290px;height:260px;background:linear-gradient(rgba(224,161,90,.15),transparent 80%);clip-path:polygon(39% 0,61% 0,100% 100%,0 100%)}
@media(max-width:900px){.room-map{display:none}.scene{padding-left:6vw;padding-right:6vw}.scene-home{min-height:950px}.window{width:52vw;height:30vh;right:-6vw;top:14vh;opacity:.7}.poster{display:none}.desk{left:8vw;bottom:6vh}.hero-copy{left:6vw;top:23vh;width:88vw}.hero-copy h1{font-size:clamp(58px,18vw,105px)}.hero-description{width:84vw;background:rgba(20,18,24,.5);padding:12px}.about-grid,.scene-work{grid-template-columns:1fr}.whiteboard{height:auto;min-height:400px;margin-top:8vh}.scene-work{padding-top:16vh}.work-note{order:-1}.drawer{padding-left:72px}.drawer:hover,.drawer.open{transform:none}.project-card:nth-child(even),.project-card:nth-child(odd){margin-left:0;margin-right:0}.project-card{padding:32px 28px}.project-meta{flex-direction:column;gap:6px}.contact-links{flex-direction:column}.floor-lamp{opacity:.45;left:-20vw}.scene-number{top:82px;left:6vw}}@media(max-width:520px){.topbar{padding:0 5vw}.brand span:last-child{max-width:55vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-links{align-items:flex-start;flex-direction:column;gap:16px}.desk{left:0;height:23vh}.monitor{left:16%;width:68%;top:-52%}.keyboard{left:16%;width:68%;top:21%}.mug,.plant,.lamp{display:none}.scroll-cue{left:6vw}.whiteboard{padding:7vh 7vw}.diagram{gap:4px}.node{font-size:10px;padding:9px 8px}.about-copy h2,.projects-heading h2{font-size:40px}.project-card:before{font-size:52px}.contact-room{padding-left:0;padding-right:0}.contact-room h2{font-size:49px}}

/* ===== ITERATION 02: INTERACTIVE DESK + DAY/NIGHT ===== */
body,.scene,.topbar,.window,.desk,.project-workbench,.project-dossier,.drawer,.whiteboard{transition:background-color .55s ease,background .55s ease,color .55s ease,border-color .55s ease,box-shadow .55s ease}
.theme-toggle{position:relative;overflow:hidden}.theme-icon{position:relative;display:block;width:18px;height:18px;margin:auto}.theme-sun,.theme-moon{position:absolute;inset:2px;border-radius:50%;transition:.45s cubic-bezier(.2,.8,.2,1)}.theme-sun{background:#f2bd5d;box-shadow:0 0 0 2px rgba(242,189,93,.18),0 0 12px rgba(242,189,93,.35);transform:translateY(28px) rotate(50deg)}.theme-moon{background:#f0d8a4;box-shadow:inset -5px -2px 0 #7c6b6a,0 0 9px rgba(240,216,164,.18)}body.theme-day .theme-sun{transform:none}body.theme-day .theme-moon{transform:translateY(-28px) rotate(-50deg)}
.sun{position:absolute;top:13%;right:14%;width:54px;height:54px;border-radius:50%;background:#ffd36e;box-shadow:0 0 42px rgba(255,211,110,.5);opacity:0;transform:scale(.65);transition:.6s}.cloud{position:absolute;width:54px;height:13px;border-radius:20px;background:rgba(255,255,255,.48);opacity:0;transition:.6s}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:inherit}.cloud:before{width:21px;height:21px;left:9px;bottom:0}.cloud:after{width:29px;height:29px;right:8px;bottom:0}.cloud-a{left:12%;top:24%}.cloud-b{left:58%;top:45%;transform:scale(.7)}

/* projects as objects in the office */
.scene-projects{min-height:1400px}.projects-heading{margin-bottom:4vh}.project-workbench{position:relative;max-width:1240px;height:660px;margin:0 auto 34px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(#28232a 0 62%,#4e392f 62% 64%,#342720 64%);box-shadow:0 35px 80px rgba(0,0,0,.3);overflow:hidden}.project-wall{position:absolute;inset:0 0 38% 0;background:linear-gradient(115deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:30px 30px}.workbench-desk{position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(#553e32,#2f241f);border-top:7px solid #694e3e}.project-object{position:absolute;border:0;background:none;color:inherit;cursor:pointer;padding:0;font:inherit;filter:drop-shadow(0 12px 12px rgba(0,0,0,.28));transition:transform .25s ease,filter .25s ease}.project-object:hover,.project-object:focus-visible,.project-object.active{transform:translateY(-8px);filter:drop-shadow(0 18px 18px rgba(0,0,0,.36))}.project-object:focus-visible{outline:1px dashed var(--amber2);outline-offset:8px}.project-object em{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);white-space:nowrap;font:500 9px 'DM Mono',monospace;letter-spacing:.12em;color:#cbbcaf;font-style:normal;opacity:.68}.project-object.active em{color:var(--amber2);opacity:1}.project-object.active:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--amber2);box-shadow:0 0 12px var(--amber2);left:50%;bottom:-40px}
.wall-map{left:7%;top:12%;width:250px;height:170px;background:#d7cdb8;border:8px solid #4a3730;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:rotate(-1deg);overflow:visible}.wall-map:before{content:'';position:absolute;inset:7px;background:linear-gradient(25deg,transparent 46%,rgba(72,95,80,.2) 47% 49%,transparent 50%),linear-gradient(115deg,transparent 43%,rgba(80,97,122,.18) 44% 46%,transparent 47%)}.map-route{position:absolute;height:3px;background:#9a5a50;transform-origin:left;border-radius:5px}.r1{left:25px;top:115px;width:170px;transform:rotate(-24deg)}.r2{left:86px;top:35px;width:115px;transform:rotate(47deg)}.map-pin{position:absolute;width:10px;height:10px;border-radius:50% 50% 50% 0;background:#7b433e;transform:rotate(-45deg)}.p1{left:40px;top:108px}.p2{left:125px;top:72px}.p3{right:32px;top:122px}.wall-map em{color:#3a312d;bottom:9px;background:#efe5d0;padding:3px 5px}.wall-note{position:absolute;right:9%;top:16%;width:170px;min-height:105px;background:#cabd77;color:#383127;padding:18px;transform:rotate(2deg);box-shadow:0 10px 24px rgba(0,0,0,.18)}.wall-note b{font:700 26px 'DM Mono',monospace}.wall-note span{display:block;font:12px/1.45 'DM Mono',monospace;margin-top:10px}.wall-clock{position:absolute;left:49%;top:16%;width:74px;height:74px;border:6px solid #4c3b39;border-radius:50%;background:#e7decf}.wall-clock i,.wall-clock b{position:absolute;left:50%;top:50%;width:2px;background:#493e39;transform-origin:bottom}.wall-clock i{height:22px;transform:translate(-1px,-22px) rotate(35deg)}.wall-clock b{height:16px;transform:translate(-1px,-16px) rotate(120deg)}
.payway-stack{left:6%;top:40px;width:170px;height:90px}.payway-stack>i{position:absolute;width:95px;height:58px;background:#ede4d5;border:1px solid #a99a89;left:0;top:0}.payway-stack>i:nth-child(1){transform:rotate(-7deg);left:4px;top:7px}.payway-stack>i:nth-child(2){transform:rotate(3deg);left:13px;top:3px}.payway-stack>i:nth-child(3){left:8px;background:repeating-linear-gradient(#f1eadf 0 8px,#b7a99b 9px 10px)}.paper-arrow{position:absolute;left:109px;top:20px;color:var(--amber2);font:22px 'DM Mono',monospace}.digital-file{position:absolute;right:0;top:15px;padding:11px 8px;background:#567266;color:#d8eee6;border-radius:2px;font:10px 'DM Mono',monospace}.server-rack{left:29%;top:15px;width:105px;height:145px;background:#29292b;border:8px solid #3a3436;border-radius:3px;padding:7px}.server-rack>span{display:block;height:21px;margin:4px 0;background:#17181a;border:1px solid #484348}.rack-leds{position:absolute;right:15px;top:18px;display:flex;flex-direction:column;gap:17px}.rack-leds i{width:4px;height:4px;border-radius:50%;background:#7da576;box-shadow:0 0 7px #7da576}.laptop-offers{left:46%;top:15px;width:180px;height:130px}.laptop-screen{position:absolute;left:14px;top:0;width:150px;height:95px;border:8px solid #302b2e;border-radius:6px;background:#172126;color:#a6d5bc;padding:12px;text-align:left}.laptop-screen b{font:600 30px 'DM Mono',monospace}.laptop-screen>span{display:block;font:8px 'DM Mono',monospace;opacity:.7}.laptop-screen i{display:inline-block;width:25px;background:#77a08f;margin:13px 4px 0 0;vertical-align:bottom}.laptop-screen i:nth-of-type(1){height:10px}.laptop-screen i:nth-of-type(2){height:20px}.laptop-screen i:nth-of-type(3){height:15px}.laptop-base{position:absolute;left:0;bottom:15px;width:180px;height:16px;background:#444044;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.monitor-bi{right:18%;top:-22px;width:190px;height:160px}.bi-screen{position:absolute;width:180px;height:112px;border:9px solid #302b2e;border-radius:6px;background:#ede8db;padding:13px;display:flex;align-items:flex-end;gap:8px}.bi-screen .bar{width:18px;background:#c3a137}.bi-screen .b1{height:31%}.bi-screen .b2{height:67%}.bi-screen .b3{height:46%}.bi-screen .b4{height:84%}.bi-screen strong{position:absolute;right:10px;top:10px;color:#51473d;font:700 8px 'DM Mono',monospace}.monitor-stand{position:absolute;left:76px;top:111px;width:30px;height:36px;background:#302b2e}.monitor-stand:after{content:'';position:absolute;width:70px;height:8px;left:-20px;bottom:0;background:#302b2e;border-radius:3px}.tablet-catalog{right:3%;top:40px;width:90px;height:125px;background:#29272a;border:6px solid #393438;border-radius:10px;padding:8px}.tablet-screen{height:100%;background:#e4ddd0;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:6px;position:relative}.tablet-screen span{background:#b6a786;border-radius:2px}.tablet-screen b{position:absolute;right:4px;bottom:4px;width:20px;height:20px;border-radius:50%;background:#71866c;color:#fff;font:16px/20px 'DM Mono',monospace}.desk-cable{position:absolute;border:2px solid #292426;border-color:#292426 transparent transparent transparent;border-radius:50%;opacity:.7}.c1{left:38%;bottom:-5px;width:250px;height:80px;transform:rotate(8deg)}.c2{right:16%;bottom:-18px;width:180px;height:70px;transform:rotate(-18deg)}.project-tooltip{position:absolute;right:18px;bottom:12px;font:9px 'DM Mono',monospace;letter-spacing:.1em;color:rgba(255,255,255,.45)}
.project-dossier{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:150px 1fr 110px;gap:34px;align-items:center;background:#221e23;border:1px solid var(--line);padding:35px 40px;min-height:270px;box-shadow:0 25px 55px rgba(0,0,0,.22)}.dossier-index{align-self:stretch;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.dossier-index span{font:500 68px/.8 'DM Mono',monospace;color:rgba(246,201,135,.78)}.dossier-index small{margin-top:15px;font:10px 'DM Mono',monospace;letter-spacing:.18em;color:#a99c92}.dossier-copy h3{font-size:clamp(30px,3.2vw,48px);line-height:1.04;letter-spacing:-.045em;margin:19px 0 13px}.dossier-copy p{max-width:780px;color:#bcb2aa;line-height:1.72;font-size:15px}.project-impact{margin-top:10px}.dossier-nav{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px}.dossier-nav button{width:36px;height:36px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;border-radius:50%}.dossier-nav button:hover{border-color:var(--amber2);color:var(--amber2)}.dossier-nav span{text-align:center;font:9px 'DM Mono',monospace;color:#a99d94}

/* daylight palette — same room, different time */
body.theme-day{--bg:#e8e0d2;--bg2:#ddd3c4;--ink:#352f2a;--muted:#746b63;--amber:#b97931;--amber2:#a86727;--line:rgba(61,49,42,.16);--shadow:rgba(70,53,41,.18);background:#e8e0d2;color:var(--ink)}body.theme-day .grain{opacity:.035;mix-blend-mode:multiply}body.theme-day .ambient-light{background:radial-gradient(circle,rgba(255,211,118,.22),transparent 66%)}body.theme-day .topbar{background:linear-gradient(to bottom,rgba(241,234,221,.94),rgba(241,234,221,.2),transparent)}body.theme-day .icon-button,body.theme-day .lang-toggle{background:rgba(255,255,255,.36)}body.theme-day .room-dot:before{background:rgba(53,47,42,.34)}body.theme-day .room-dot:hover,body.theme-day .room-dot.active{border-color:rgba(53,47,42,.25)}body.theme-day .scene-number{color:rgba(53,47,42,.42)}
body.theme-day .scene-home{background:linear-gradient(#d9d0c3 0 64%,#b88f6d 64%)}body.theme-day .office-wall{background:linear-gradient(115deg,rgba(77,59,48,.03) 1px,transparent 1px);background-size:34px 34px}body.theme-day .window{background:linear-gradient(#83bdd8,#b9d9df 64%,#d7c29b);border-color:#8b705e;box-shadow:0 20px 45px rgba(97,70,50,.2),inset 0 0 0 1px rgba(255,255,255,.35)}body.theme-day .window:before,body.theme-day .window:after{background:#8b705e}body.theme-day .moon,body.theme-day .star{opacity:0}body.theme-day .sun,body.theme-day .cloud{opacity:1}body.theme-day .sun{transform:scale(1)}body.theme-day .city i{background:#8e8a83;border-color:rgba(255,255,255,.22)}body.theme-day .poster{color:#64584e;border-color:rgba(63,52,45,.25);background:rgba(255,255,255,.14)}body.theme-day .desk{background:linear-gradient(#9e765a,#74543f)}body.theme-day .desk:after{display:none}body.theme-day .terminal-line{color:#7bb0a0}body.theme-day .hero-description{color:#5f574f}body.theme-day .secondary-link{color:var(--ink);border-color:rgba(53,47,42,.3)}body.theme-day .scroll-cue{color:rgba(53,47,42,.5)}body.theme-day .scroll-cue i{background:rgba(53,47,42,.25)}
body.theme-day .scene-about{background:#ece5d8}body.theme-day .whiteboard{box-shadow:0 35px 70px rgba(87,68,53,.14)}body.theme-day .about-copy>p:not(.eyebrow),body.theme-day .work-note span,body.theme-day .drawer p,body.theme-day .dossier-copy p,body.theme-day .contact-room>p:not(.eyebrow){color:#6c625a}body.theme-day .tags span{color:#645a52;background:rgba(255,255,255,.22)}
body.theme-day .scene-work{background:linear-gradient(90deg,#ddd4c8,#e9e2d7)}body.theme-day .drawer{background:#cfc1b5;border-color:rgba(68,52,44,.14);box-shadow:inset 0 1px rgba(255,255,255,.28)}body.theme-day .drawer:hover,body.theme-day .drawer.open{background:#c2b0a2}body.theme-day .drawer-handle{border-color:#896a56}body.theme-day .drawer small{color:#77685e}
body.theme-day .scene-projects{background:#e6ddd0}body.theme-day .project-workbench{background:linear-gradient(#d7cdc0 0 62%,#936f57 62% 64%,#795a47 64%);border-color:rgba(64,49,40,.16);box-shadow:0 35px 80px rgba(75,56,43,.18)}body.theme-day .project-wall{background:linear-gradient(115deg,rgba(77,59,48,.035) 1px,transparent 1px);background-size:30px 30px}body.theme-day .workbench-desk{background:linear-gradient(#9b7357,#6f503e);border-color:#a67d60}body.theme-day .project-object em{color:#584d46}body.theme-day .project-tooltip{color:rgba(52,45,40,.5)}body.theme-day .project-dossier{background:#f0e8dc;box-shadow:0 25px 55px rgba(74,55,42,.14)}body.theme-day .dossier-nav button{color:var(--ink);background:rgba(255,255,255,.18)}body.theme-day .dossier-nav span,body.theme-day .dossier-index small{color:#796d64}
body.theme-day .scene-contact{background:linear-gradient(#e7dfd3 0 72%,#b88f6d 72%)}body.theme-day .contact-room footer{color:rgba(53,47,42,.5)}

@media(max-width:900px){.scene-projects{min-height:1300px}.project-workbench{height:610px}.wall-map{width:210px;height:145px}.wall-note{right:5%;width:145px}.wall-clock{display:none}.payway-stack{left:4%;transform:scale(.82);transform-origin:left bottom}.server-rack{left:26%;transform:scale(.82);transform-origin:left bottom}.laptop-offers{left:43%;transform:scale(.78);transform-origin:left bottom}.monitor-bi{right:12%;transform:scale(.78);transform-origin:right bottom}.tablet-catalog{right:2%;transform:scale(.78);transform-origin:right bottom}.project-dossier{grid-template-columns:90px 1fr;gap:24px}.dossier-index span{font-size:50px}.dossier-nav{grid-column:2;margin-top:2px;max-width:150px}}
@media(max-width:620px){.project-workbench{height:720px}.project-wall{bottom:45%}.workbench-desk{height:45%}.wall-map{left:6%;top:16%;width:180px;height:130px}.wall-note{right:5%;top:18%;width:115px;font-size:10px}.wall-note b{font-size:20px}.payway-stack{left:3%;top:46px}.server-rack{left:38%;top:38px}.laptop-offers{left:6%;top:170px}.monitor-bi{right:19%;top:155px}.tablet-catalog{right:2%;top:198px}.project-tooltip{left:12px;right:auto}.project-dossier{grid-template-columns:1fr;padding:28px}.dossier-index{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px;flex-direction:row;align-items:end;gap:12px}.dossier-index span{font-size:44px}.dossier-index small{margin:0 0 4px}.dossier-nav{grid-column:1}.project-meta{font-size:9px}}

/* =========================
   V3 — CAMERA / ROOM JOURNEY
   ========================= */
body{--camera-x:0px;--camera-y:0px;--camera-scale:1}.camera-hud{position:fixed;left:4vw;bottom:24px;z-index:82;display:grid;grid-template-columns:auto 86px auto;align-items:center;gap:10px;font:500 8px 'DM Mono',monospace;letter-spacing:.18em;color:rgba(255,255,255,.34);pointer-events:none;mix-blend-mode:screen}.camera-hud i{display:block;height:1px;background:rgba(255,255,255,.14);overflow:hidden}.camera-hud i b{display:block;width:100%;height:100%;background:var(--amber2);transform:scaleX(0);transform-origin:left center}.easter-toast{position:fixed;left:50%;bottom:42px;z-index:120;transform:translate(-50%,18px);padding:12px 16px;border:1px solid var(--line);background:rgba(20,18,24,.9);backdrop-filter:blur(12px);box-shadow:0 16px 45px rgba(0,0,0,.35);font:10px/1.45 'DM Mono',monospace;letter-spacing:.05em;color:var(--ink);opacity:0;pointer-events:none;transition:.3s}.easter-toast.show{opacity:1;transform:translate(-50%,0)}
.scene{--scene-progress:0;--scene-abs:0}.room-threshold{position:absolute;left:50%;bottom:-1px;width:min(76vw,980px);height:42px;transform:translateX(-50%);border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);border-top:8px solid rgba(255,255,255,.055);pointer-events:none;z-index:4}.room-threshold:before,.room-threshold:after{content:'';position:absolute;top:-8px;width:18%;height:8px;background:rgba(246,201,135,.16)}.room-threshold:before{left:0}.room-threshold:after{right:0}.room-threshold span{position:absolute;left:50%;top:7px;transform:translateX(-50%);font:8px 'DM Mono',monospace;letter-spacing:.2em;color:rgba(255,255,255,.18)}
/* Static room layout: V3 camera/parallax movement intentionally removed. */
.scene-home .window,.scene-home .poster,.scene-home .shelf,.scene-home .desk,.scene-home .hero-copy,.scene-about .whiteboard,.scene-about .about-copy,.scene-work .filing-cabinet,.scene-work .work-note,.scene-projects .project-workbench,.scene-projects .projects-heading,.scene-projects .project-dossier,.scene-contact .final-window,.scene-contact .contact-room{translate:none;scale:1}
/* tiny physical easter eggs */
.easter-object{border:0;cursor:pointer;font:inherit}.sticky-note{position:absolute;left:69%;top:16%;width:66px;height:58px;background:#c7a95e;color:#393027;font:700 8px/1.45 'DM Mono',monospace;letter-spacing:.03em;transform:rotate(4deg);box-shadow:0 8px 12px rgba(0,0,0,.22);z-index:5}.sticky-note:hover{transform:rotate(1deg) translateY(-3px)}.cassette{position:absolute;right:18%;top:28%;width:70px;height:44px;border:2px solid #302a2f;background:#494048;color:#baa99c;z-index:5;transform:rotate(-2deg)}.cassette i{position:absolute;left:12px;right:12px;top:12px;height:13px;border:1px solid #88786e;border-radius:9px}.cassette i:before,.cassette i:after{content:'';position:absolute;top:3px;width:6px;height:6px;border:1px solid #a38f81;border-radius:50%}.cassette i:before{left:5px}.cassette i:after{right:5px}.cassette span{position:absolute;left:0;right:0;bottom:2px;font:6px 'DM Mono',monospace}.desk-photo{left:53%;bottom:23px;width:48px;height:62px;background:#d9cfbe!important;border:4px solid #e7ded0!important;transform:rotate(6deg);z-index:12}.desk-photo span{display:grid;place-items:center;height:100%;color:#4b4240;background:linear-gradient(145deg,#7b8791,#c8a67d);font:700 14px 'DM Mono',monospace}.desk-photo i{position:absolute;width:18px;height:2px;background:#9a8879;bottom:-10px;left:15px;transform:rotate(-6deg)}
/* Final room/window — sunset by day, late night by night */
.final-window{position:absolute;right:7vw;top:15vh;width:min(36vw,520px);height:46vh;min-height:330px;border:14px solid #322930;background:linear-gradient(#17182a,#272238 58%,#6d403d);box-shadow:0 24px 55px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden}.final-window:before,.final-window:after{content:'';position:absolute;background:#322930;z-index:4}.final-window:before{left:50%;top:0;bottom:0;width:9px}.final-window:after{left:0;right:0;top:58%;height:9px}.final-sky-orb{position:absolute;right:18%;top:17%;width:54px;height:54px;border-radius:50%;background:#efd8a5;box-shadow:0 0 35px rgba(239,216,165,.25)}.final-city{position:absolute;left:0;right:0;bottom:0;height:39%;display:flex;align-items:flex-end;gap:2%}.final-city i{width:19%;background:#17151d;border-top:1px solid rgba(255,255,255,.08)}.final-city i:nth-child(1){height:52%}.final-city i:nth-child(2){height:85%}.final-city i:nth-child(3){height:66%}.final-city i:nth-child(4){height:95%}.final-city i:nth-child(5){height:60%}.scene-contact .contact-room{z-index:3;margin-left:-19vw;background:rgba(20,18,24,.1);backdrop-filter:blur(1px)}.contact-switch{position:absolute;right:-10vw;bottom:8vh;width:22px;height:38px;background:#a0958d;border:2px solid #5e554f!important;border-radius:2px}.contact-switch span{position:absolute;left:6px;top:6px;width:6px;height:14px;background:#4d4643;box-shadow:0 10px 0 #c8bdb2}.contact-switch:hover{transform:translateY(-2px)}.contact-room footer b{font-weight:400}
/* daylight treatment for the new layers */
body.theme-day .camera-hud{color:rgba(53,47,42,.38);mix-blend-mode:multiply}body.theme-day .camera-hud i{background:rgba(53,47,42,.16)}body.theme-day .room-threshold{border-color:rgba(53,47,42,.08);border-top-color:rgba(53,47,42,.08)}body.theme-day .room-threshold span{color:rgba(53,47,42,.25)}body.theme-day .easter-toast{background:rgba(240,232,220,.94);color:#352f2a;box-shadow:0 16px 45px rgba(80,57,42,.2)}body.theme-day .final-window{border-color:#826957;background:linear-gradient(#77b9d8 0%,#e3c49b 58%,#d58c62 100%);box-shadow:0 24px 55px rgba(88,62,44,.2),inset 0 0 0 1px rgba(255,255,255,.45)}body.theme-day .final-window:before,body.theme-day .final-window:after{background:#826957}body.theme-day .final-sky-orb{background:#f5b64d;box-shadow:0 0 45px rgba(245,182,77,.45);top:28%}body.theme-day .final-city i{background:#746b67}body.theme-day .scene-contact .contact-room{background:rgba(232,224,211,.08)}body.theme-day .sticky-note{background:#e6c875;color:#4b4135}body.theme-day .cassette{background:#766c6b;border-color:#514a49;color:#eee2d5}
/* cinematic focus when a room is near viewport center */
.scene:not(.scene-active){filter:saturate(.92)}.scene.scene-active{filter:saturate(1)}
@media (prefers-reduced-motion:reduce){.scene *{transition:none!important}.scene-home .window,.scene-home .poster,.scene-home .shelf,.scene-home .desk,.scene-home .hero-copy,.scene-about .whiteboard,.scene-about .about-copy,.scene-work .filing-cabinet,.scene-work .work-note,.scene-projects .project-workbench,.scene-projects .projects-heading,.scene-projects .project-dossier,.scene-contact .final-window,.scene-contact .contact-room{translate:none!important;scale:1!important}}
@media(max-width:900px){.camera-hud{display:none}.room-threshold{width:88vw}.sticky-note{left:auto;right:7%;top:12%}.cassette{display:none}.final-window{right:-8vw;top:11vh;width:58vw;opacity:.5}.scene-contact .contact-room{margin-left:0;background:rgba(20,18,24,.35);backdrop-filter:blur(5px)}body.theme-day .scene-contact .contact-room{background:rgba(232,224,211,.5)}.contact-switch{right:4vw}.scene-home .window,.scene-home .poster,.scene-home .shelf,.scene-home .desk,.scene-home .hero-copy,.scene-about .whiteboard,.scene-about .about-copy,.scene-work .filing-cabinet,.scene-work .work-note,.scene-projects .project-workbench,.scene-projects .projects-heading,.scene-projects .project-dossier,.scene-contact .final-window,.scene-contact .contact-room{translate:none!important;scale:1!important}}
@media(max-width:620px){.final-window{width:76vw;right:-28vw}.desk-photo{display:none}.easter-toast{width:86vw;text-align:center}.room-threshold{height:26px}.room-threshold span{top:4px}}

/* Professional content and accessibility refinements. */
.skip-link{position:fixed;left:16px;top:-60px;z-index:200;background:var(--amber2);color:#201b20;padding:11px 14px;font:500 12px 'DM Mono',monospace;text-decoration:none;transition:top .2s}.skip-link:focus{top:16px}
:where(a,button):focus-visible{outline:2px solid var(--amber2);outline-offset:4px}
.icon-button:focus-visible,.lang-toggle:focus-visible,.dossier-nav button:focus-visible{outline-offset:3px}
.hero-availability,.contact-availability{font:500 10px/1.5 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--amber2)}
.hero-availability{margin:18px 0 -10px}.cv-link{opacity:.82}
.profile-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:32px 0 0;border:1px solid var(--line);background:var(--line);max-width:680px}.profile-facts>div{min-height:92px;padding:16px;background:#1b191c}.profile-facts dt,.case-facts dt{font:500 9px 'DM Mono',monospace;letter-spacing:.13em;color:var(--amber2)}.profile-facts dd,.case-facts dd{margin:9px 0 0;font-size:13px;line-height:1.35}.profile-facts dd:first-letter{font-weight:600}
.project-quick-nav{max-width:1240px;margin:0 auto 24px;display:flex;flex-wrap:wrap;gap:8px}.project-quick-nav button{border:1px solid var(--line);padding:9px 11px;background:rgba(255,255,255,.025);color:var(--muted);font:500 10px 'DM Mono',monospace;letter-spacing:.06em;cursor:pointer}.project-quick-nav button:hover,.project-quick-nav button.active{border-color:var(--amber2);background:rgba(246,201,135,.09);color:var(--amber2)}.project-quick-nav button span{margin-left:5px}
.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 0;padding-top:17px;border-top:1px solid var(--line)}.case-facts dd{font-size:12px;color:#d3c7bd}
.contact-availability{max-width:640px;margin:25px auto -12px}.contact-primary{border:1px solid var(--amber2);padding:12px 15px}.contact-primary:hover{background:var(--amber2);color:#201b20!important}
body.theme-day .profile-facts>div{background:#eee6da}.theme-day .case-facts dd{color:#5d544d}.theme-day .project-quick-nav button{background:rgba(255,255,255,.25)}.theme-day .project-quick-nav button.active{background:rgba(168,103,39,.1)}
@media(max-width:900px){.profile-facts{max-width:84vw}.project-quick-nav{margin-left:0;margin-right:0}.hero-availability{background:rgba(20,18,24,.5);padding:8px 12px;width:max-content;max-width:84vw}.theme-day .hero-availability{background:rgba(255,255,255,.42)}}
@media(max-width:620px){.profile-facts{grid-template-columns:1fr}.profile-facts>div{min-height:auto;padding:13px 15px}.project-quick-nav{gap:6px}.project-quick-nav button{padding:8px 9px}.project-quick-nav button span{font-size:9px}.case-facts{grid-template-columns:1fr;gap:13px}.hero-availability{font-size:9px}.cv-link{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}