:root{--paper:#f2f0ea;--ink:#151515;--muted:#76746d;--orange:#f05b32;--line:#d6d2c8;--panel:#dedbd2;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}.site-shell{display:grid;grid-template-columns:clamp(180px,18vw,270px) 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:32px 28px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px}.brand span{display:grid;place-items:center;background:var(--orange);width:34px;height:34px;border-radius:50%;font-weight:500}.brand small{font-size:10px;color:var(--muted);line-height:1.3}.sidebar-rule{height:1px;background:var(--line);margin:44px 0 24px}.side-label,.kicker,.eyebrow,.project-type,.visual-caption,.contact-meta,footer,.project-number{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.side-label{color:var(--muted);margin:0 0 9px}.availability{font-size:12px;line-height:1.9;margin:0}.sidebar-bottom{margin-top:auto;display:grid;gap:13px;font-family:var(--mono);font-size:11px}.sidebar-bottom a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.sidebar-bottom span,.text-link span{color:var(--orange)}main{min-width:0}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,74px)}.eyebrow,.kicker{color:var(--muted);margin:0}.nav-links{display:flex;align-items:center;gap:30px;font-family:var(--mono);font-size:11px}.nav-links a:hover,.sidebar-bottom a:hover{color:var(--orange)}.theme-toggle{border:1px solid var(--line);background:transparent;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;color:var(--ink)}.theme-toggle svg{width:14px}.section-pad{padding:clamp(68px,9vw,135px) clamp(24px,7vw,112px)}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(35px,8vw,120px);align-items:center;min-height:calc(100vh - 88px)}.status-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1,.section-heading h2,.about h2,.contact h2{font-size:clamp(45px,6.5vw,95px);line-height:.99;letter-spacing:-.07em;margin:25px 0 30px;font-weight:700}.hero h1 em,.section-heading h2 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--orange)}.hero-intro{max-width:410px;color:#56544e;font-size:16px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:38px}.button{display:inline-flex;align-items:center;gap:14px;padding:15px 19px;font-family:var(--mono);font-size:11px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark svg{width:14px}.text-link{font-family:var(--mono);font-size:11px}.image-frame{background:var(--ink);padding:13px;position:relative;transform:rotate(2deg)}.image-frame img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(100%);opacity:.86}.image-stamp{position:absolute;right:-23px;bottom:25px;background:var(--orange);padding:13px 16px;font-family:var(--mono);font-size:10px;line-height:1.3;transform:rotate(-7deg)}.visual-caption{display:flex;justify-content:space-between;color:var(--muted);margin-top:22px}.marquee{overflow:hidden;background:var(--orange);color:var(--ink);padding:15px 0;font-family:var(--mono);font-size:12px;white-space:nowrap}.marquee div{animation:marquee 26s linear infinite;display:inline-block}.marquee span{margin:0 24px}.work{border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:65px}.section-heading h2{font-size:clamp(42px,5vw,72px);margin:0;max-width:530px}.project-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:22px}.project-card{border-top:1px solid var(--ink);padding-top:13px}.project-feature{grid-row:span 2}.project-top{display:flex;justify-content:space-between;margin-bottom:17px}.project-type{color:var(--muted)}.project-visual{position:relative;overflow:hidden;min-height:190px}.project-feature .project-visual{min-height:400px}.pos-visual{background:#b9d9cd;display:grid;place-items:center}.dashboard-window{width:64%;background:#f6f1e8;box-shadow:17px 16px 0 rgba(21,21,21,.15);transform:rotate(-4deg);padding:10px}.window-bar{display:flex;gap:4px;border-bottom:1px solid #d5d1c7;padding:0 0 8px}.window-bar span{width:5px;height:5px;border-radius:50%;background:var(--orange)}.window-bar span:nth-child(2){background:#e7ba5c}.window-bar span:nth-child(3){background:#7da797}.dashboard-content{padding:24px 16px}.chart-line{width:56%;height:6px;background:var(--ink);margin-bottom:28px}.metric-row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:13px}.metric-row b:last-child{color:#4a9275;font-size:10px}.chart-bars{height:75px;display:flex;align-items:end;gap:7px;margin-top:17px}.chart-bars i{display:block;flex:1;background:#f0805d;height:38%}.chart-bars i:nth-child(2){height:70%}.chart-bars i:nth-child(3){height:50%}.chart-bars i:nth-child(4){height:85%;background:var(--orange)}.chart-bars i:nth-child(5){height:60%}.chart-bars i:nth-child(6){height:92%;background:var(--orange)}.chart-bars i:nth-child(7){height:68%}.hotel-visual{background:#26393c;display:flex;align-items:end;padding:23px;color:#f2f0ea}.hotel-sun{position:absolute;width:150px;height:150px;border-radius:50%;background:#e9a26d;right:16%;top:-20px}.hotel-lines{display:grid;gap:4px;z-index:1;font-family:var(--mono);font-size:10px}.hotel-lines strong{font-family:var(--sans);font-size:25px;line-height:1.1;margin:5px 0}.cctv-visual{background:#202826;display:grid;place-items:center}.camera-lens{width:105px;height:105px;border:14px solid #b5c2b4;border-radius:50%;box-shadow:0 0 0 7px #57695f, inset 0 0 0 12px #19201d}.scan-line{height:1px;width:100%;background:var(--orange);position:absolute;top:53%;box-shadow:0 0 15px var(--orange)}.rec-label{position:absolute;top:15px;left:15px;color:#f2f0ea;font-family:var(--mono);font-size:9px}.rec-label:first-letter{color:var(--orange)}.project-info{position:relative;padding:22px 44px 4px 0}.project-info h3{font-size:18px;letter-spacing:-.04em;margin:0 0 7px}.project-info p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.project-info a{position:absolute;right:0;top:24px;border:1px solid var(--line);width:30px;height:30px;display:grid;place-items:center}.project-info a:hover{background:var(--orange);border-color:var(--orange)}.project-info svg{width:14px}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;border-bottom:1px solid var(--line);background:var(--panel)}.about h2{font-size:clamp(39px,5vw,68px);margin:0 0 38px}.about-content>p{max-width:620px;color:#55534d;line-height:1.8}.orbit-mark{width:140px;height:140px;border:1px solid #a9a69c;border-radius:50%;display:grid;place-items:center;margin-top:45px;position:relative}.orbit-mark:before,.orbit-mark:after{content:'';position:absolute;border:1px solid var(--orange);border-radius:50%;width:10px;height:10px}.orbit-mark:before{top:13px;right:16px}.orbit-mark:after{bottom:26px;left:4px;background:var(--orange)}.orbit-mark span{font-family:var(--mono);font-size:28px}.skill-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}.skill-list span{border:1px solid #aaa69c;padding:7px 11px;font-family:var(--mono);font-size:10px}.contact{background:var(--ink);color:var(--paper);text-align:center;padding-top:clamp(95px,12vw,175px);padding-bottom:clamp(75px,9vw,120px)}.contact .kicker{color:#9d9a91}.contact h2{margin:25px 0 37px;font-size:clamp(50px,7vw,105px)}.contact-email{font-family:var(--mono);font-size:clamp(15px,2vw,22px);border-bottom:1px solid var(--orange);padding-bottom:11px;display:inline-flex;gap:14px;align-items:center;color:#fff}.contact-email:hover{color:var(--orange)}.contact-email svg{width:16px}.contact-meta{display:flex;justify-content:center;gap:30px;color:#858279;margin-top:80px}footer{display:flex;justify-content:space-between;padding:23px clamp(24px,7vw,112px);color:var(--muted);font-size:9px}@keyframes marquee{to{transform:translateX(-50%)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.2s}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}@media(max-width:850px){.site-shell{display:block}.sidebar{display:none}.topbar{height:70px;padding:0 20px}.nav-links{gap:17px}.nav-links a{display:none}.section-pad{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;min-height:auto;gap:55px;padding-top:80px;padding-bottom:80px}.hero h1{font-size:clamp(54px,15vw,86px)}.hero-visual{max-width:470px;margin:0 auto;width:88%}.section-heading{display:block;margin-bottom:42px}.section-heading h2{margin-top:24px}.project-grid{grid-template-columns:1fr;gap:44px}.project-feature{grid-row:auto}.project-feature .project-visual{min-height:300px}.about{grid-template-columns:1fr;gap:30px}.about-aside{display:flex;justify-content:space-between;align-items:center}.orbit-mark{margin:0;width:90px;height:90px}.orbit-mark span{font-size:20px}.contact-meta{gap:15px;flex-wrap:wrap;margin-top:60px}footer{padding-left:22px;padding-right:22px;gap:20px;flex-direction:column} }
[data-theme='dark']{--paper:#171817;--ink:#f2f0ea;--muted:#a4a39a;--orange:#f47a4d;--line:#383a35;--panel:#252925}.theme-toggle svg{transition:transform .3s}.theme-toggle:hover svg{transform:rotate(35deg)}