@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--bg:#090a0b;--ink:#f1f0ed;--muted:#888b8b;--line:#292c2d;--lime:#d2f36b;--mono:'DM Mono',monospace;--sans:'Manrope','Noto Sans SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}.site-shell{max-width:1680px;margin:auto;padding:0 5.4vw}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.08em}.brand-mark{font-size:26px;font-weight:800;letter-spacing:-.11em;color:var(--lime)}.brand small{display:block;font:8px var(--mono);letter-spacing:.08em;color:var(--muted);margin-top:3px}.main-nav{display:flex;gap:24px;margin-left:auto;margin-right:60px}.nav-button{border:0;padding:8px 0;color:var(--muted);background:none;font:11px var(--mono);cursor:pointer}.nav-button span{font-size:8px;color:#656969;margin-left:5px}.nav-button.active,.nav-button:hover{color:var(--ink)}.nav-button.active:after{content:'';display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;vertical-align:middle;margin-left:8px}.domain{font:9px var(--mono);color:#aaa;text-decoration:none}.domain span{color:var(--lime);padding-left:4px}.stage{min-height:min(760px,calc(100vh - 76px));display:flex;flex-direction:column;justify-content:space-between;padding:22px 0 20px;position:relative;overflow:hidden}.stage:before{content:'';position:absolute;width:70vw;height:50vw;max-height:700px;max-width:1150px;left:50%;top:47%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,#222628 0%,#111416 45%,transparent 74%);pointer-events:none}.stage-heading,.stage-footer,.section-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.eyebrow{font:9px var(--mono);letter-spacing:.12em;color:#898d8c}.gallery{height:min(58vh,500px);min-height:350px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:16px;z-index:1}.work-tile{position:relative;display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid #383c3d;background:#151819;color:var(--ink);cursor:pointer;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s;box-shadow:0 20px 65px #0008}.work-tile:hover,.work-tile:focus-visible{transform:translateY(-12px);border-color:#a5bf63;box-shadow:0 28px 70px #000b,0 0 35px #d2f36b12;outline:0}.tile-vr{height:75%;transform:translateY(20px) rotate(-3deg);z-index:1}.tile-ar{height:93%;transform:scale(1.06);z-index:3}.tile-yurt{height:75%;transform:translateY(20px) rotate(3deg);z-index:1}.tile-index{position:absolute;z-index:4;top:12px;left:13px;font:8px var(--mono);color:#d7dad3;letter-spacing:.08em}.tile-art{display:block;position:relative;overflow:hidden;flex:1}.art-vr{background:radial-gradient(ellipse at 50% 60%,#28504e,#101e22 52%,#111718)}.monitor{position:absolute;right:8%;top:14%;width:45%;height:55%;background:#17201f;border:5px solid #52625f;box-shadow:0 0 30px #49b7a522}.monitor:after{content:'';position:absolute;bottom:-19px;left:40%;width:20%;height:18px;border-bottom:3px solid #75827d;border-left:2px solid #75827d;border-right:2px solid #75827d}.monitor b{display:block;padding:17px 9px;color:#b4e9ce;font:9px/1.25 var(--mono);letter-spacing:.1em}.monitor strong{font-size:18px;color:#efffdc}.tower{position:absolute;left:13%;bottom:10%;width:34%;height:60%;border:2px solid #677c76;background:linear-gradient(110deg,#243b3a,#152022 70%);box-shadow:14px 18px 30px #0008}.tower b{display:block;width:39px;height:39px;margin:14px auto 0;border:5px solid #8df3c2;border-radius:50%;box-shadow:0 0 18px #74d9b255}.tower b:nth-child(2){width:28px;height:28px;margin-top:7px;border-color:#d2f36b}.tower b:nth-child(3){width:17px;height:17px;margin-top:7px;border-color:#e9a9f1}.keyboard{position:absolute;bottom:13%;right:12%;width:42%;height:6%;transform:skewX(-27deg);background:repeating-linear-gradient(90deg,#87948d 0 4px,#303a37 4px 7px);border:2px solid #66736c}.art-ar{background:linear-gradient(150deg,#edb66d,#a64f38 65%,#3a2827)}.sun{position:absolute;right:14%;top:12%;width:92px;height:92px;border-radius:50%;background:#f4d997;box-shadow:0 0 60px #f4d99744}.stall{position:absolute;left:22%;top:25%;width:57%;height:57%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(#9b3e32 0 18%,#e6c795 18% 62%,#783b31 62%);box-shadow:0 22px 28px #45221e66;transform:perspective(500px) rotateY(-8deg);font-size:23px;font-weight:700;text-align:center;color:#61352b}.stall:before{content:'';position:absolute;top:-13px;left:-7%;width:114%;height:23px;background:repeating-linear-gradient(90deg,#f4d8a1 0 21px,#a84236 21px 42px);clip-path:polygon(4% 0,100% 0,94% 100%,0 100%)}.stall small{font:8px var(--mono);margin-top:7px;color:#8c543b}.ar-mark{position:absolute;right:10%;top:47%;font-size:36px;color:#fff;text-shadow:0 0 12px #fff}.coord{position:absolute;left:9%;bottom:8%;font:8px/1.6 var(--mono);color:#fff}.art-yurt{background:linear-gradient(#708580,#c7b58c 65%,#777961)}.landscape{position:absolute;inset:0 0 22%;background:#768d86;clip-path:polygon(0 100%,15% 44%,28% 72%,49% 0,62% 63%,74% 29%,100% 88%,100% 100%);opacity:.8}.yurt{position:absolute;left:30%;bottom:10%;width:44%;height:57%}.yurt:before{content:'';position:absolute;top:0;left:0;width:100%;height:40%;background:#d0ae72;clip-path:polygon(50% 0,100% 52%,90% 100%,10% 100%,0 52%)}.yurt b:first-child{position:absolute;top:34%;width:100%;height:63%;background:#e8ddc4;border:5px solid #b99a68;border-radius:0 0 4px 4px;box-shadow:inset 0 -13px 0 #c5a878}.yurt b:last-child{position:absolute;top:52%;right:16%;width:23%;height:44%;background:#85594b;border:4px solid #d5bd8d}.sequence{position:absolute;left:8%;bottom:13%;font:7px/1.6 var(--mono);color:#fff}.sequence strong{font-size:12px}.tile-title{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;background:#121516}.tile-title b{font-size:12px;font-weight:600}.tile-title small{font:7px var(--mono);color:#999;letter-spacing:.04em;text-align:right}.tile-open{position:absolute;right:12px;top:12px;z-index:4;font-size:13px;color:#fff;opacity:0;transition:opacity .2s}.work-tile:hover .tile-open{opacity:1}.gallery-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;gap:9px;pointer-events:none;color:#eee;font:8px var(--mono);letter-spacing:.15em;text-shadow:0 1px 10px #000}.gallery-center b{color:var(--lime);font-size:15px;font-weight:400}.stage-footer{padding-top:18px}.scroll-hint,.stage-count{font:8px var(--mono);letter-spacing:.11em;color:#848887}.scroll-hint i{display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px var(--lime)}.stage-count i{font-style:normal;color:#555}.view-switch{display:flex;align-items:center;gap:13px}.view-switch button{border:0;background:none;color:#777;font:9px var(--mono);cursor:pointer}.view-switch button.selected,.view-switch button:hover{color:var(--ink)}.view-switch span{width:20px;height:1px;background:#525656}.portfolio-section,.info-section{padding:95px 0 100px;border-top:1px solid var(--line)}.section-top{margin-bottom:30px}.portfolio-section h1{font-size:clamp(70px,10vw,145px);line-height:.82;letter-spacing:-.09em;font-weight:600;margin:0 0 55px}.portfolio-section h1 em{color:var(--lime);font-style:normal}.project-list{border-top:1px solid var(--line)}.project-row{width:100%;display:grid;grid-template-columns:55px 1fr 240px 25px;align-items:center;text-align:left;padding:22px 4px;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer}.project-row:hover .row-name{color:var(--lime);transform:translateX(8px)}.row-number,.row-type{font:9px var(--mono);color:#7d8180}.row-name{font-size:clamp(16px,2vw,24px);font-weight:500;transition:.2s}.row-type{justify-self:start}.row-arrow{font-size:18px;color:#9a9d98;text-align:right}.info-section{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.info-label{display:flex;flex-direction:column;gap:16px}.info-content{max-width:700px}.intro{font-size:clamp(30px,4vw,56px);line-height:1.3;letter-spacing:-.055em;margin:0 0 22px}.intro em{font-style:normal;color:var(--lime)}.bio{font-size:13px;line-height:1.9;color:#a6aaa7;max-width:560px}.experience{margin:42px 0 28px;border-top:1px solid var(--line);display:flex;flex-direction:column}.experience .eyebrow{padding:15px 0}.experience>span:not(.eyebrow){border-top:1px solid var(--line);padding:13px 0;font-size:12px;color:#d2d4ce}.experience i{float:right;color:#6d7270;font:9px var(--mono);font-style:normal}.resume-link{display:inline-block;padding:0 0 7px;border-bottom:1px solid #aaa;color:var(--ink);font:10px var(--mono);text-decoration:none}.resume-link span{color:var(--lime);margin-left:20px}.resume-hint{font:8px var(--mono);color:#656a68}.footer{min-height:70px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#777b79;font:8px var(--mono);letter-spacing:.08em}.footer a{color:inherit;text-decoration:none}.project-dialog{position:fixed;max-width:520px;width:calc(100% - 32px);padding:38px;border:1px solid #414746;background:#121515;color:var(--ink);box-shadow:0 20px 100px #000c}.project-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;color:#ddd;font-size:25px;cursor:pointer}.dialog-title{font-size:clamp(27px,5vw,42px);letter-spacing:-.05em;margin:22px 0 12px}.dialog-summary{color:#aeb3af;font-size:13px;line-height:1.8}.dialog-meta{display:flex;align-items:center;gap:12px;margin:28px 0 18px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:8px var(--mono);color:#777}.dialog-meta b{color:#e1e3dc;font-weight:400;margin-right:auto}.dialog-note{font:8px var(--mono);color:#737876}@media(max-width:700px){.site-shell{padding:0 20px}.topbar{height:65px}.main-nav{gap:15px;margin-right:0}.domain{display:none}.stage{min-height:calc(100svh - 65px);padding:19px 0}.stage-heading .eyebrow:last-child{display:none}.gallery{min-height:420px;height:60vh;display:flex;align-items:center;gap:12px;overflow:visible}.work-tile{position:absolute;width:73%;height:66%;left:50%;top:50%}.tile-vr{transform:translate(-105%,-49%) rotate(-5deg) scale(.86);opacity:.72}.tile-ar{transform:translate(-50%,-50%);height:83%;z-index:3}.tile-yurt{transform:translate(12%,-49%) rotate(5deg) scale(.86);opacity:.72}.tile-title{padding:10px}.tile-title b{font-size:10px}.tile-title small{font-size:6px}.gallery-center{display:none}.scroll-hint{font-size:7px}.portfolio-section,.info-section{padding:65px 0}.project-row{grid-template-columns:32px 1fr 20px;gap:5px;padding:17px 2px}.row-type{display:none}.row-name{font-size:16px}.info-section{grid-template-columns:1fr;gap:30px}.info-label{flex-direction:row;justify-content:space-between}.footer{gap:12px;flex-wrap:wrap}.footer a:nth-child(2){margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}