@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--background: var(--surface);--foreground: var(--text);--divider: var(--border);--overlay: #000;--box-shadow: var(--shadow)}.body{background:var(--background);color:var(--foreground);overflow:auto;line-height:1.5;-webkit-tap-highlight-color:transparent}.grabbing{cursor:grabbing}.grabber{cursor:grab}.sheet{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;position:fixed;top:var(--header-height, 0px);left:0;right:0;bottom:-3dvh;z-index:10;visibility:visible;transition:opacity .5s,visibility .5s}.sheet[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}.sheet .overlay{position:absolute;inset:0;z-index:-1;background:var(--overlay);opacity:.42;backdrop-filter:blur(5px)}.sheet #contents{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:1rem 1rem 0 0;background:var(--background);--default-transitions: transform .5s, width, box-shadow, height, border-radius .5s;transition:var(--default-transitions);transform:translateY(0);width:100vw;max-width:100vw;margin-inline:auto;max-height:calc(100dvh - var(--header-height, 0px));height:30vh;box-sizing:border-box;box-shadow:var(--box-shadow)}.sheet #contents.is-selectable{transition:var(--default-transitions) .5s}.sheet #contents.is-fullscreen{width:100vw;max-width:none;height:calc(100dvh - var(--header-height, 0px))!important;border-radius:0!important;transition:var(--default-transitions)}.sheet[aria-hidden=true] #contents{transform:translateY(100%)}.sheet .controls{background:var(--background);display:flex;flex:0 0 50px;height:50px;position:sticky;top:0;z-index:1}.sheet .controls:hover .draggable-thumb{width:4rem;transition:width .4s ease-in}.sheet .draggable-area{width:3rem;margin:auto;padding:1rem}.sheet .draggable-thumb{width:inherit;height:.5rem;background:var(--border);border-radius:999px;transition:width .4s ease-in}.sheet .close-sheet{background:transparent;border:0;border-radius:999px;color:var(--text);font-size:1.5rem;margin-right:.75rem;min-height:40px;padding:0;width:40px}.sheet .close-sheet:hover{background:var(--surface-alt);color:var(--text)}.sheet #contents.is-dragging{user-select:none}.sheet .body{display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0;box-sizing:border-box}form{gap:1rem}@media (max-width: 620px){.sheet{bottom:0!important;top:var(--header-height, 0px)}.sheet #contents{border-left:0;border-right:0;margin-inline:0;max-height:calc(100dvh - var(--header-height, 0px));max-width:100vw;width:100vw}.sheet #contents.is-fullscreen{border-radius:0!important;height:calc(100dvh - var(--header-height, 0px))!important;max-height:calc(100dvh - var(--header-height, 0px))}.sheet .controls{flex:0 0 48px}}:root{--page-bg: #f7f5ef;--surface: #fffdf8;--surface-alt: #efede6;--text: #1f2328;--muted: #606873;--border: #d7d2c7;--accent: #1f4f66;--accent-dark: #153747;--focus: #a65f2b;--shadow: 0 18px 45px rgba(31, 35, 40, .08);--radius: 14px;--page-pad: clamp(1rem, 4vw, 4rem);--header-height: 78px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--page-bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{overflow-y:auto}button,a{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}*:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#app{min-height:100dvh}.site-header{align-items:center;background:rgba(247,245,239,.92);border-bottom:1px solid var(--border);display:flex;gap:1rem;height:var(--header-height);justify-content:space-between;padding:0 var(--page-pad);position:sticky;top:0;z-index:3;backdrop-filter:blur(12px)}.brand{display:grid;gap:.05rem}.brand-name{font-size:1.08rem;font-weight:800;letter-spacing:-.02em}.brand-role{color:var(--muted);font-size:.83rem;font-weight:500}.site-nav{align-items:center;display:flex;gap:clamp(.8rem,2vw,1.5rem);color:var(--muted);font-size:.9rem;font-weight:700}.portfolio-home{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(1.25rem,4vw,3rem);margin:0 auto;max-width:1120px;padding:clamp(1.25rem,5vw,3.5rem) var(--page-pad) clamp(3rem,8vw,6rem)}.hero-copy,.profile-card,.overview-section article{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-copy{align-self:start;display:grid;gap:4.2rem;padding:clamp(1.25rem,3.4vw,2.5rem)}.kicker{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;margin:0;text-transform:uppercase}.hero-copy h2{font-size:clamp(1.85rem,3.9vw,2.85rem);font-weight:800;letter-spacing:-.055em;line-height:1;margin:0;max-width:14ch}.hero-lede,.hero-support,.overview-section p,.profile-details{color:var(--muted);margin:0}.hero-lede{color:var(--text);font-size:clamp(1.05rem,2vw,1.25rem);max-width:66ch}.hero-support{max-width:72ch}.primary-actions,.contact-strip{display:flex;flex-wrap:wrap;gap:.75rem}button,.action-button{align-items:center;border:1px solid var(--accent);border-radius:999px;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:46px;padding:.75rem 1.15rem}.action-button.primary{background:var(--accent);color:#fff}.action-button.secondary{background:transparent;color:var(--accent)}button:hover,.action-button:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.profile-card{align-self:start;display:grid;gap:1rem;padding:1rem}.profile-photo{aspect-ratio:4 / 3;border-radius:calc(var(--radius) - 6px);display:block;object-fit:cover;width:100%}.profile-details{display:grid;gap:.35rem;font-size:.95rem}.profile-details a{color:var(--text);font-weight:600;word-break:break-word}.social-link,.contact-action{align-items:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;display:inline-flex;height:42px;justify-content:center;width:42px}.social-link img,.contact-action img{height:1.25rem;width:1.25rem}.overview-section{display:grid;gap:1rem;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.overview-section article{background:transparent;box-shadow:none;padding:0}.overview-section h3{font-size:1rem;margin:0 0 .5rem}.overview-list{color:var(--muted);margin:0;padding-left:1.2rem}.overview-list li{margin-bottom:.4rem}.overview-list li:last-child{margin-bottom:0}.resume-document{margin:0 auto;max-width:900px;padding:clamp(1.25rem,3vw,2.25rem);width:100%}.resume-download{background:var(--accent);border-radius:999px;color:#fff;display:inline-block;font-weight:800;margin-top:1.1rem;padding:.7rem 1rem}.resume-header{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.resume-header h1{font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.04em;line-height:1;margin:0}.resume-role-line{color:var(--accent-dark);font-size:1.05rem;font-weight:800;margin:.45rem 0 0}.resume-contact-line{color:var(--muted);font-size:.95rem;margin:.8rem auto 0;max-width:760px}.resume-section{border-bottom:1px solid var(--border);padding:1.35rem 0}.resume-section:last-child{border-bottom:0}.resume-section h2{color:var(--accent-dark);font-size:.95rem;letter-spacing:.08em;margin:0 0 .8rem;text-transform:uppercase}.resume-section-body{display:grid;gap:1rem}.resume-item-header{align-items:baseline;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.35rem}.resume-item h4{font-size:1rem;margin:0}.resume-meta{color:var(--muted);font-size:.9rem;margin:0;text-align:right}.resume-copy{margin:0 0 .55rem}.resume-copy:last-child{margin-bottom:0}.resume-bullets{margin:.35rem 0 0;padding-left:1.2rem}.resume-bullets li{margin-bottom:.45rem}.resume-bullets li:last-child{margin-bottom:0}.work-section{display:grid;gap:1.25rem;margin:0;padding:clamp(1rem,2.5vw,2rem);width:100%}.work-header{display:grid;gap:.5rem}.work-kicker,.work-meta,.work-number{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.1em;margin:0;text-transform:uppercase}.work-header h1{font-size:clamp(1.7rem,5vw,3rem);line-height:1;margin:0}.work-header p:not(.work-kicker),.work-card-copy p:not(.work-meta),.work-notice{color:var(--muted);margin:0}.work-grid{display:grid;gap:1rem;grid-template-columns:1fr}.work-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:.8rem;padding:.85rem}.work-card:hover{color:var(--accent)}.work-number{color:var(--muted)}.work-image-frame{aspect-ratio:16 / 9;background:var(--surface-alt);border-radius:10px;min-height:0;overflow:hidden;width:100%}.work-image-frame img{display:block;height:100%;object-fit:cover;width:100%}.work-card-copy{display:grid;gap:.4rem}.work-card-copy h2{font-size:1.15rem;margin:0}.work-link{color:var(--accent);font-weight:800;margin-top:.25rem}@media (min-width: 781px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{padding:1rem}.work-image-frame{max-height:260px}}.mask,.hero-visual,.typewriter,.type-writer{display:none}@media (max-width: 780px){:root{--header-height: 116px}.site-header{align-items:flex-start;flex-direction:column;height:auto;padding-bottom:.9rem;padding-top:.9rem}.portfolio-home{gap:1rem;grid-template-columns:1fr;padding:1rem var(--page-pad) 2rem}.profile-card{align-items:center;grid-template-columns:150px minmax(0,1fr);order:-1;padding:.85rem}.profile-photo{aspect-ratio:1;grid-row:span 2}.profile-details{font-size:.88rem}.contact-strip{justify-content:flex-start}.hero-copy{padding:1.15rem;gap:.95rem}.hero-copy h2{font-size:clamp(1.9rem,11vw,2.7rem);max-width:100%}.overview-section{grid-template-columns:1fr}.work-section{gap:.9rem;padding:1rem}.work-header h1{font-size:clamp(1.6rem,9vw,2.2rem)}.work-card-copy h2{font-size:1rem}.work-card-copy p:not(.work-meta){font-size:.9rem}.resume-document{padding:1.25rem}.resume-item-header{align-items:flex-start;flex-direction:column;gap:.15rem}.resume-meta{text-align:left}}.laptop-lab{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);min-height:calc(100dvh - var(--header-height));padding:clamp(1rem,4vw,4rem) var(--page-pad)}.lab-copy{align-self:center;display:grid;gap:1rem}.lab-copy h1{font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.055em;line-height:1;margin:0}.lab-copy p{color:var(--muted);font-size:1.05rem;margin:0;max-width:56ch}.lab-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.5rem}.lab-pill{background:transparent;border:1px solid var(--accent);color:var(--accent)}.lab-pill.is-active,.lab-pill:hover{background:var(--accent);color:#fff}.desk-scene{align-self:center;background:radial-gradient(circle at 50% 0%,rgba(31,79,102,.12),transparent 42%),linear-gradient(180deg,#ebe7dc,#d8d1c2);border-radius:28px;box-shadow:var(--shadow);display:grid;gap:1rem;min-height:520px;overflow:hidden;padding:clamp(1rem,3vw,2rem);place-items:center}.laptop{max-width:780px;perspective:1200px;width:100%}.laptop-lid{background:#20252d;border-radius:20px 20px 10px 10px;box-shadow:0 24px 70px #00000038;padding:clamp(.6rem,1.5vw,.9rem)}.laptop-screen{background:#f8f5ee;border-radius:12px;min-height:340px;overflow:hidden}.screen-topbar{align-items:center;background:#ece8de;display:flex;gap:.4rem;padding:.7rem}.dot{border-radius:999px;height:10px;width:10px}.dot.red{background:#d96b5f}.dot.yellow{background:#d6a94f}.dot.green{background:#64a36f}.address{background:#fffdf8;border-radius:999px;color:var(--muted);flex:1;font-size:.78rem;margin-left:.45rem;padding:.25rem .7rem}.screen-content{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:292px}.screen-sidebar{background:#153747;color:#ffffffb8;display:grid;gap:.5rem;align-content:start;padding:1rem;text-transform:capitalize}.screen-sidebar span{border-radius:8px;font-size:.82rem;font-weight:800;padding:.45rem .55rem}.screen-sidebar .is-active{background:rgba(255,255,255,.14);color:#fff}.screen-window{align-content:center;display:grid;gap:.7rem;padding:clamp(1rem,3vw,2rem)}.screen-eyebrow{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;margin:0;text-transform:uppercase}.screen-window h2{font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.045em;line-height:1;margin:0}.screen-window p:not(.screen-eyebrow){color:var(--muted);margin:0}.screen-status{align-items:center;background:#ebe7dc;border-radius:12px;display:flex;gap:.75rem;justify-content:space-between;margin-top:.5rem;padding:.75rem}.screen-status span{color:var(--muted);font-size:.8rem}.laptop-hinge{background:linear-gradient(90deg,transparent,#2e3540 20%,#2e3540 80%,transparent);height:12px;margin:0 auto;width:82%}.laptop-base{background:linear-gradient(180deg,#d6d8dc,#aeb3bb);border-radius:10px 10px 28px 28px;box-shadow:0 22px 50px #0000002e;display:grid;gap:.8rem;padding:1rem clamp(1rem,4vw,2.5rem) 1.25rem;transform:rotateX(42deg);transform-origin:top}.keyboard{display:grid;gap:.45rem;grid-template-columns:repeat(5,minmax(0,1fr))}.key{background:#f4f1ea;border:0;border-radius:8px;color:#31363d;font-size:.78rem;min-height:34px;padding:.3rem}.key:hover{background:var(--accent);color:#fff}.trackpad{background:rgba(255,255,255,.42);border:1px solid rgba(31,35,40,.18);border-radius:12px;height:58px;justify-self:center;width:min(42%,230px)}.desk-note{color:#51575f;font-size:.9rem;text-align:center}@media (max-width: 780px){.laptop-lab{grid-template-columns:1fr;padding:1rem var(--page-pad) 2rem}.lab-copy{align-self:start}.lab-copy h1{font-size:clamp(2rem,10vw,3rem)}.desk-scene{border-radius:18px;min-height:420px;padding:.8rem}.laptop-screen{min-height:270px}.screen-content{grid-template-columns:1fr}.screen-sidebar{display:flex;overflow-x:auto;padding:.7rem}.screen-sidebar span{white-space:nowrap}.laptop-base{padding-inline:1rem;transform:rotateX(34deg)}}.retro-lab{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(0,.75fr) minmax(320px,1.25fr);min-height:calc(100dvh - var(--header-height));padding:clamp(1rem,4vw,4rem) var(--page-pad)}.retro-copy{align-self:center;display:grid;gap:1rem}.retro-copy h1{font-size:clamp(2.2rem,5vw,4.4rem);letter-spacing:-.055em;line-height:1;margin:0}.retro-copy p{color:var(--muted);font-size:1.05rem;margin:0;max-width:54ch}.program-buttons{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.5rem}.program-button{background:transparent;border:1px solid var(--accent);color:var(--accent)}.program-button.is-active,.program-button:hover{background:var(--accent);color:#fff}.retro-desk{align-content:center;background:radial-gradient(circle at 50% 25%,rgba(57,255,20,.08),transparent 35%),linear-gradient(180deg,#d7c7a8,#a98f68);border-radius:28px;box-shadow:var(--shadow);display:grid;gap:1.2rem;min-height:560px;padding:clamp(1rem,3vw,2rem)}.computer{justify-self:center;max-width:680px;position:relative;width:100%}.crt{background:linear-gradient(145deg,#d7cdb7,#8f846f);border:3px solid #6f6759;border-radius:28px 28px 42px 42px;box-shadow:inset 0 2px #ffffff73,0 28px 60px #0000003d;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 86px;padding:clamp(1rem,3vw,1.6rem)}.crt-bezel{background:#3c3a34;border-radius:22px;padding:clamp(.8rem,2vw,1.25rem)}.retro-screen{aspect-ratio:4 / 3;background:radial-gradient(circle at 50% 50%,rgba(89,255,98,.18),transparent 65%),#061806;border:5px solid #171915;border-radius:28px;box-shadow:inset 0 0 28px #000000e6,inset 0 0 80px #41ff5c24;color:#7dff74;overflow:hidden;position:relative}.scanlines{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.05),rgba(255,255,255,.05) 1px,transparent 1px,transparent 4px);inset:0;pointer-events:none;position:absolute;z-index:1}.terminal-output{font-family:Courier New,Courier,monospace;font-size:clamp(.78rem,1.5vw,1.05rem);font-weight:700;height:100%;padding:clamp(1rem,3vw,1.5rem);position:relative;text-shadow:0 0 8px rgba(125,255,116,.45);z-index:2}.terminal-output h2{color:#c8ffc2;font-size:clamp(1.2rem,3vw,2rem);margin:1rem 0 .75rem}.terminal-output p{margin:0 0 .45rem}.terminal-status{color:#c8ffc2;margin-top:1.2rem!important}.cursor{animation:cursor-blink 1s steps(1) infinite}@keyframes cursor-blink{50%{opacity:0}}.crt-controls{align-content:end;display:grid;gap:.9rem;justify-items:center;padding:1rem 0}.control-light{background:#72ff61;border-radius:999px;box-shadow:0 0 12px #72ff61e6;height:12px;width:12px}.knob{background:linear-gradient(145deg,#3d3a33,#141411);border:3px solid #777061;border-radius:999px;height:42px;width:42px}.computer-badge{background:#302b22;border-radius:0 0 10px 10px;color:#d7cdb7;font-family:Courier New,Courier,monospace;font-size:.78rem;font-weight:800;justify-self:center;letter-spacing:.12em;padding:.4rem 1rem;text-align:center;width:max-content}.retro-keyboard{background:linear-gradient(180deg,#d4c8b0,#9c917d);border:2px solid #746b5d;border-radius:16px 16px 28px 28px;box-shadow:0 18px 40px #0003;display:grid;gap:.55rem;grid-template-columns:repeat(8,minmax(0,1fr));justify-self:center;max-width:720px;padding:1rem;width:100%}.retro-key{background:#332f28;border:0;border-bottom:4px solid #171511;border-radius:8px;color:#f1eadc;font-family:Courier New,Courier,monospace;font-size:.78rem;min-height:42px;padding:.35rem}.retro-key:hover{background:var(--accent);color:#fff}@media (max-width: 780px){.retro-lab{grid-template-columns:1fr;padding:1rem var(--page-pad) 2rem}.retro-copy h1{font-size:clamp(2rem,10vw,3rem)}.retro-desk{border-radius:18px;min-height:0;padding:.8rem}.crt{border-radius:20px 20px 28px 28px;gap:.7rem;grid-template-columns:1fr}.crt-controls{align-items:center;display:flex;justify-content:flex-end;padding:0}.knob{height:30px;width:30px}.retro-keyboard{grid-template-columns:repeat(4,minmax(0,1fr))}}body.laptop-mode{--header-height: 0px}body.laptop-mode .site-header{display:none}.workspace-lab{margin:0 auto;max-width:1440px;padding:clamp(1rem,2vw,2rem) var(--page-pad) 2rem}.app-label{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;margin:0;text-transform:uppercase}.workspace-desk{align-items:center;background:linear-gradient(145deg,#d9d4ca,#b9b1a3);border-radius:24px;box-shadow:var(--shadow);display:flex;justify-content:center;margin-top:clamp(1.5rem,4vw,3rem);min-height:calc(100dvh - var(--header-height) - 2rem);overflow:hidden;padding:clamp(1rem,6vw,5rem)}.realistic-laptop{filter:drop-shadow(0 28px 22px rgba(34,31,26,.28));max-width:920px;perspective:1400px;width:100%}.laptop-display{aspect-ratio:16 / 10;background:#16191d;border:1px solid #30343a;border-radius:18px 18px 8px 8px;overflow:hidden;padding:clamp(.65rem,1.8vw,1rem)}.device-screen{aspect-ratio:16 / 10;background:#f8f6f0;border-radius:9px;overflow:hidden}.browser-bar{align-items:center;background:#e8e5dd;display:flex;gap:.4rem;height:34px;padding:0 .75rem}.window-dot{border-radius:50%;height:8px;width:8px}.window-dot.close{background:#cb766c}.window-dot.minimize{background:#d2aa58}.window-dot.maximize{background:#76a274}.browser-address{background:#f8f6f0;border-radius:5px;color:var(--muted);flex:1;font-size:.68rem;margin-left:.6rem;padding:.25rem .6rem}.portfolio-app{display:grid;grid-template-columns:150px minmax(0,1fr);height:100%}.app-nav{background:#203f50;color:#eaf0ee;display:grid;gap:.35rem;grid-auto-rows:min-content;padding:1.25rem .8rem}.app-nav strong{font-size:1.2rem;margin:0 0 1rem .45rem}.app-nav-item{background:transparent;border:0;border-radius:6px;color:#ffffffb8;font-size:.75rem;justify-content:flex-start;min-height:36px;padding:.45rem .55rem;text-align:left}.app-nav-item:hover,.app-nav-item.is-active{background:rgba(255,255,255,.13);color:#fff}.app-content{align-content:center;display:grid;gap:.8rem;max-width:680px;padding:clamp(1.25rem,5vw,4rem)}.app-content h2{font-size:clamp(1.8rem,4vw,3.3rem);letter-spacing:-.05em;line-height:1;margin:0}.app-description{color:var(--muted);line-height:1.5;margin:0;max-width:54ch}.screen-link{background:transparent;border:0;color:var(--accent);font-size:.9rem;font-weight:800;justify-content:flex-start;padding:.25rem 0;width:max-content}.project-list{display:grid;gap:.45rem;margin-top:.4rem}.project-row{align-items:center;background:transparent;border:1px solid #d8d4ca;border-radius:7px;color:var(--text);display:grid;gap:.6rem;grid-template-columns:28px minmax(0,1fr) auto;justify-content:initial;min-height:38px;padding:.45rem .6rem;text-align:left}.project-row:hover,.project-row.is-active{background:#ebe7dc;border-color:var(--accent)}.project-row>span:first-child,.project-row>span:last-child{color:var(--muted);font-size:.7rem}.laptop-base{background:linear-gradient(180deg,#d5d7d9,#aeb2b6);border-radius:4px 4px 22px 22px;padding:.8rem 8%;transform:rotateX(48deg);transform-origin:top}.laptop-keyboard{display:grid;gap:.3rem;grid-template-columns:repeat(10,minmax(0,1fr))}.laptop-key{background:#363a3e;border-radius:3px;height:clamp(10px,1.5vw,18px)}.laptop-trackpad{border:1px solid rgba(30,34,38,.22);border-radius:6px;height:clamp(30px,5vw,64px);margin:.7rem auto 0;width:30%}@media (max-width: 780px){.workspace-desk{border-radius:16px;min-height:0;padding:1rem .6rem 2rem}.portfolio-app{grid-template-columns:92px minmax(0,1fr)}.app-nav{padding:.8rem .5rem}.app-nav strong{margin-bottom:.5rem}.app-nav-item{font-size:.62rem;padding-inline:.4rem}.app-content{padding:1rem}.laptop-display{border-radius:12px 12px 5px 5px;padding:.45rem}}.desktop-screen{background:linear-gradient(135deg,#d9e2e5,#b6c6ca);height:100%;min-height:0;overflow:hidden;padding:1.2rem;position:relative}.desktop-icons{display:grid;gap:1rem;grid-template-columns:repeat(4,64px);position:absolute;left:1.2rem;top:1.2rem;z-index:1}.desktop-icon{align-items:center;background:transparent;border:0;border-radius:8px;color:#20333a;display:grid;gap:.25rem;min-height:68px;padding:.35rem;text-align:center}.desktop-icon:hover,.desktop-icon:focus-visible{background:rgba(255,255,255,.38);color:#20333a}.desktop-icon-art{align-items:center;background:rgba(255,255,255,.82);border:1px solid rgba(32,51,58,.18);border-radius:10px;display:flex;font-size:1.35rem;height:38px;justify-content:center;justify-self:center;width:38px}.desktop-icon span:last-child{font-size:.65rem;font-weight:700}.desktop-dock{align-items:center;background:rgba(255,255,255,.72);border:1px solid rgba(32,51,58,.16);border-radius:8px;bottom:.8rem;color:#38515a;display:flex;font-size:.63rem;font-weight:700;justify-content:space-between;left:1rem;padding:.45rem .7rem;position:absolute;right:1rem}.desktop-window{background:#f9f8f3;border:1px solid rgba(32,51,58,.28);border-radius:8px;box-shadow:0 18px 35px #1b2d3333;left:18%;max-height:calc(100% - 4rem);max-width:620px;overflow:auto;position:absolute;right:8%;top:18%;z-index:2}.window-titlebar{align-items:center;background:#e7e5de;border-bottom:1px solid #d1d0c8;color:#34434a;display:flex;font-size:.72rem;justify-content:space-between;padding:.5rem .7rem}.window-close{background:transparent;border:0;color:#34434a;font-size:1.1rem;min-height:24px;padding:0;width:24px}.window-close:hover{background:#d8d6ce;color:#34434a}.window-body{display:grid;gap:.7rem;padding:clamp(1rem,3vw,2rem)}.window-body h2{color:var(--text);font-size:clamp(1.4rem,3vw,2.4rem);letter-spacing:-.04em;line-height:1;margin:0}.window-body p{color:var(--muted);margin:0}.window-kicker{color:var(--accent)!important;font-size:.68rem;font-weight:800;letter-spacing:.12em}.window-project-image{aspect-ratio:16 / 9;background:var(--surface-alt);border-radius:6px;overflow:hidden}.window-project-image img{display:block;height:100%;object-fit:contain;width:100%}.project-switcher{display:flex;gap:.4rem}.project-switcher button{background:transparent;border:1px solid var(--border);border-radius:5px;color:var(--muted);min-height:28px;padding:.25rem .55rem}.project-switcher button.is-active,.project-switcher button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.window-link{color:var(--accent);font-weight:800}@media (max-width: 780px){.desktop-icons{gap:.5rem;grid-template-columns:repeat(4,52px)}.desktop-window{left:1rem;right:1rem;top:26%}.desktop-dock{font-size:.55rem}}.level-page{min-height:100dvh}.level-scene{background:#17191b;min-height:100dvh;overflow:hidden;perspective:900px;position:relative}.level-wall{background:linear-gradient(90deg,rgba(0,0,0,.25) 1px,transparent 1px),linear-gradient(#292d30,#191c1e);background-size:72px 100%,auto;inset:0 0 35% 0;position:absolute}.level-wall:after{background:repeating-linear-gradient(0deg,transparent 0 42px,rgba(0,0,0,.22) 43px 45px);content:"";inset:0;position:absolute}.level-floor{background:linear-gradient(28deg,transparent 49%,rgba(126,42,35,.35) 50%,transparent 51%),linear-gradient(-28deg,transparent 49%,rgba(126,42,35,.35) 50%,transparent 51%),#25282a;background-size:150px 100px;bottom:0;clip-path:polygon(24% 0,76% 0,100% 100%,0 100%);height:48%;position:absolute;width:100%}.level-light{background:rgba(180,48,39,.3);border-radius:50%;filter:blur(50px);height:35vw;left:50%;position:absolute;top:4%;transform:translate(-50%);width:35vw}.level-title{color:#ebdcccc7;display:grid;gap:.25rem;left:2rem;position:absolute;top:1.5rem;z-index:2}.level-title strong{font-family:Courier New,monospace;font-size:.78rem;letter-spacing:.15em}.level-title span{color:#ebdccc8c;font-size:.78rem}.level-hotspot{align-items:center;background:rgba(15,17,18,.72);border:1px solid rgba(215,194,173,.42);border-radius:4px;color:#e8daca;display:grid;gap:.4rem;justify-items:center;min-height:80px;padding:.6rem;position:absolute;transition:background .2s,border-color .2s,transform .2s;width:92px;z-index:2}.level-hotspot:hover,.level-hotspot.is-active,.level-hotspot:focus-visible{background:rgba(142,42,35,.88);border-color:#efb19c;color:#fff;transform:translateY(-4px)}.hotspot-icon{font-size:1.8rem}.hotspot-label{font-family:Courier New,monospace;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.level-hotspot.hotspot-terminal{left:19%;top:46%}.level-hotspot.hotspot-rack{right:19%;top:40%}.level-hotspot.hotspot-door{left:47%;top:26%}.level-hotspot.hotspot-radio{bottom:25%;right:10%}.level-instructions{bottom:1.25rem;color:#ebdccc8c;font-family:Courier New,monospace;font-size:.72rem;left:50%;letter-spacing:.08em;position:absolute;transform:translate(-50%);z-index:2}.level-panel{background:#ded4c8;border:1px solid #8e2a23;box-shadow:0 20px 60px #0000007a;color:#252321;left:50%;max-width:460px;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(86vw,460px);z-index:4}.panel-bar{align-items:center;background:#282522;color:#eadccf;display:flex;font-family:Courier New,monospace;font-size:.72rem;justify-content:space-between;padding:.6rem .8rem}.panel-close{background:transparent;border:0;color:inherit;min-height:24px;padding:0;width:24px}.panel-close:hover{background:#8e2a23}.panel-content{display:grid;gap:.8rem;padding:1.4rem}.panel-kicker{color:#8e2a23;font-family:Courier New,monospace;font-size:.68rem;font-weight:700;margin:0}.panel-content h2{font-size:2rem;margin:0}.panel-content p{line-height:1.55;margin:0}.level-action{color:#8e2a23;font-weight:800}.level-projects{border-top:1px solid #b9aa9a;display:grid;gap:.5rem;padding-top:.7rem}.level-projects article{display:grid;gap:.1rem}.level-projects span{color:#665e57;font-size:.85rem}@media (max-width: 680px){.level-title{left:1rem;top:1rem}.level-title span{display:none}.level-hotspot{min-height:66px;width:72px}.hotspot-icon{font-size:1.4rem}.hotspot-label{font-size:.58rem}.level-hotspot.hotspot-terminal{left:7%;top:44%}.level-hotspot.hotspot-rack{right:7%;top:38%}.level-hotspot.hotspot-door{left:39%;top:25%}.level-hotspot.hotspot-radio{bottom:22%;right:7%}.level-instructions{font-size:.6rem;white-space:nowrap}.level-panel{top:52%}}.webgl-level{background:#101315;height:100dvh;overflow:hidden;position:relative}.webgl-viewport,.webgl-viewport canvas{display:block;height:100%;width:100%}.webgl-viewport canvas{cursor:crosshair}.webgl-hud{align-items:center;color:#f0dcccbf;display:flex;font-family:Courier New,monospace;font-size:.72rem;justify-content:space-between;left:1.25rem;letter-spacing:.1em;position:absolute;right:1.25rem;text-transform:uppercase;top:1.1rem;z-index:2}.webgl-hud span{color:#f0dccc7a}.webgl-panel{background:rgba(20,22,23,.94);border:1px solid #b65036;bottom:2rem;color:#eadbd0;left:2rem;max-width:420px;padding:1.5rem;position:absolute;width:calc(100% - 4rem);z-index:3}.webgl-panel-close{background:transparent;border:0;color:#eadbd0;float:right;min-height:28px;padding:0;width:28px}.webgl-panel-close:hover{background:#8e2a23}.webgl-panel-label{color:#d16a36;font-family:Courier New,monospace;font-size:.7rem;letter-spacing:.12em;margin:0 0 1rem;text-transform:uppercase}.webgl-panel h2{font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:-.04em;line-height:1;margin:0 0 .75rem}.webgl-panel p{color:#b9b2ac;margin:0}.webgl-panel-link{color:#e0834a;display:inline-block;font-weight:800;margin-top:1.25rem}@media (max-width: 680px){.webgl-hud{left:.8rem;right:.8rem}.webgl-panel{bottom:.8rem;left:.8rem;padding:1rem;width:calc(100% - 1.6rem)}}.fps-level{background:#090b0c;height:100dvh;overflow:hidden;position:relative}.fps-canvas,.fps-canvas canvas{display:block;height:100%;width:100%}.fps-canvas canvas{cursor:crosshair}.fps-hud{color:#e8d7c9;font:700 .72rem/1.4 Courier New,monospace;inset:0;pointer-events:none;position:absolute;text-transform:uppercase;z-index:2}.fps-top,.fps-bottom{display:flex;justify-content:space-between;left:1.25rem;letter-spacing:.1em;position:absolute;right:1.25rem;top:1rem}.fps-top span{color:#d16a36}.fps-bottom{bottom:1rem;top:auto}.fps-crosshair{color:#df9a66;font-size:1.35rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.fps-help{bottom:3.25rem;color:#e8d7c98c;left:50%;position:absolute;transform:translate(-50%);white-space:nowrap}.fps-clear{background:rgba(20,22,23,.9);border:1px solid #b65036;bottom:4rem;display:grid;gap:.4rem;left:50%;padding:1rem 1.25rem;position:absolute;transform:translate(-50%)}.fps-clear strong{color:#e0834a}.fps-clear span{color:#b9b2ac;font-weight:400}@media (max-width: 600px){.fps-top,.fps-bottom{left:.75rem;right:.75rem}.fps-top span{display:none}.fps-help{bottom:3rem;font-size:.58rem}.fps-clear{bottom:4rem;width:calc(100% - 2rem)}}.doom-page{background:#090b0c;color:#eadbd0;min-height:100dvh;padding:1rem}.doom-frame{background:#151819;border:1px solid #4b2a24;box-shadow:0 20px 70px #00000080;margin:0 auto;max-width:1280px;overflow:hidden;position:relative}.doom-game{background:#000;line-height:0}.doom-canvas{display:block;height:min(78dvh,800px);image-rendering:pixelated;margin:0 auto;max-width:100%;object-fit:contain;width:100%}.doom-hud{align-items:center;background:rgba(10,12,13,.9);display:flex;font:700 .72rem Courier New,monospace;justify-content:space-between;left:0;padding:.65rem .9rem;position:absolute;right:0;text-transform:uppercase;top:0}.doom-hud span{color:#d16a36}.doom-nav{bottom:.8rem;display:flex;gap:.4rem;left:.8rem;position:absolute;z-index:2}.doom-nav button{background:rgba(20,22,23,.9);border:1px solid #80503c;border-radius:2px;color:#eadbd0;font:700 .68rem Courier New,monospace;min-height:32px;padding:.4rem .65rem;text-transform:uppercase}.doom-nav button:hover{background:#8e2a23;color:#fff}.doom-controls{color:#81766f;font:.68rem Courier New,monospace;margin:.7rem auto 0;max-width:1280px;text-align:right}.doom-error{background:#51221d;bottom:4rem;color:#fff;left:50%;padding:.75rem 1rem;position:absolute;transform:translate(-50%)}.doom-info-panel{background:rgba(20,22,23,.96);border:1px solid #b65036;bottom:4rem;left:1rem;max-width:400px;padding:1.25rem;position:absolute;width:calc(100% - 2rem);z-index:3}.doom-panel-close{background:transparent;border:0;color:#eadbd0;float:right;min-height:28px;padding:0;width:28px}.doom-panel-close:hover{background:#8e2a23}.doom-panel-label{color:#d16a36;font:700 .68rem Courier New,monospace;letter-spacing:.1em;margin:0 0 .8rem}.doom-info-panel h2{font-size:1.7rem;margin:0 0 .6rem}.doom-info-panel p{color:#b9b2ac;line-height:1.5;margin:0}.doom-panel-link{color:#e0834a;display:inline-block;font-weight:800;margin-top:1rem}@media (max-width: 600px){.doom-page{padding:0}.doom-canvas{height:72dvh}.doom-hud{font-size:.6rem}.doom-controls{padding:0 .75rem;text-align:center}.doom-nav{bottom:.7rem;left:.5rem}.doom-nav button{font-size:.58rem;padding-inline:.45rem}.doom-info-panel{bottom:3.8rem;left:.5rem;width:calc(100% - 1rem)}}.room-page{background:#111719;height:100dvh;overflow:hidden;position:relative}.room-canvas,.room-canvas canvas{display:block;height:100%;width:100%}.room-canvas canvas{cursor:crosshair}.room-hud{color:#e8dccfcc;display:flex;font:700 .7rem Courier New,monospace;justify-content:space-between;left:1.2rem;letter-spacing:.1em;position:absolute;right:1.2rem;text-transform:uppercase;top:1rem;z-index:2}.room-hud span{color:#e8dccf8c}.room-panel{background:rgba(20,23,24,.95);border:1px solid #b45738;bottom:1.5rem;color:#eadbd0;left:1.5rem;max-width:430px;padding:1.4rem;position:absolute;width:min(430px,calc(100% - 3rem));z-index:3}.room-panel-close{background:transparent;border:0;color:#eadbd0;float:right;min-height:28px;padding:0;width:28px}.room-panel-close:hover{background:#8e2a23}.room-panel-label{color:#d47b4a;font:700 .68rem Courier New,monospace;letter-spacing:.12em;margin:0 0 .8rem}.room-panel h2{font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.04em;line-height:1;margin:0 0 .7rem}.room-panel p{color:#b9b2ac;line-height:1.55;margin:0}.room-panel-link{color:#e0834a;display:inline-block;font-weight:800;margin-top:1.1rem}@media (max-width: 600px){.room-hud{font-size:.58rem;left:.75rem;right:.75rem}.room-panel{bottom:.75rem;left:.75rem;padding:1rem;width:calc(100% - 1.5rem)}}.ai-mode{background:#f7f5ef}.ai-mode .site-header{display:none}.ai-assistant{display:grid;gap:2rem;margin:0 auto;max-width:920px;min-height:100dvh;padding:clamp(2rem,8vw,7rem) var(--page-pad);align-content:center}.ai-intro{display:grid;gap:.7rem;max-width:680px}.ai-label{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;margin:0;text-transform:uppercase}.ai-intro h1{font-size:clamp(2.8rem,8vw,6rem);letter-spacing:-.07em;line-height:.95;margin:0}.ai-intro p:last-child{color:var(--muted);font-size:1.05rem;margin:0;max-width:52ch}.ai-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:1.2rem;padding:clamp(1rem,3vw,2rem)}.ai-suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.ai-suggestions button{background:var(--surface-alt);border:0;border-radius:999px;color:var(--text);font-size:.83rem;min-height:38px;padding:.55rem .8rem}.ai-suggestions button:hover{background:var(--accent);color:#fff}.ai-form{display:grid;gap:.5rem}.ai-form label{color:var(--muted);font-size:.76rem;font-weight:700}.ai-input-row{display:flex;gap:.6rem}.ai-input-row input{background:var(--page-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);flex:1;min-width:0;padding:.8rem}.ai-submit{background:var(--accent);border:0;border-radius:8px;color:#fff;min-height:44px;padding-inline:1.15rem}.ai-submit:disabled{cursor:not-allowed;opacity:.5}.ai-status{background:var(--surface-alt);border-radius:8px;color:var(--muted);min-height:58px;padding:.9rem}.ai-footer{color:var(--muted);display:flex;font-size:.78rem;justify-content:space-between;gap:1rem}.ai-footer a{color:var(--accent);font-weight:700}@media (max-width: 600px){.ai-assistant{align-content:start;padding-top:3rem}.ai-input-row,.ai-footer{flex-direction:column}}.ai-loader{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:1rem;max-width:700px;padding:clamp(1.5rem,5vw,3rem)}.ai-loader h1{font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.06em;line-height:.95;margin:0}.ai-loader p{color:var(--muted);margin:0;max-width:58ch}.ai-progress{background:var(--surface-alt);border-radius:999px;height:8px;overflow:hidden}.ai-progress span{background:var(--accent);display:block;height:100%;transition:width .25s ease}.ai-loader-detail{font-size:.8rem}.ai-assistant-content{display:grid;gap:2rem}.ai-assistant-content .ai-intro{max-width:680px}.agent-home{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.agent-home .hero-copy{grid-column:1}.agent-home .profile-card{grid-column:2;grid-row:1}.agent-console{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:1rem;grid-column:1 / -1;padding:clamp(1rem,3vw,1.5rem)}.agent-console-label{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;margin:0;text-transform:uppercase}.agent-transcript{display:grid;gap:.65rem}.agent-message{line-height:1.55;max-width:72ch}.agent-message-user{color:var(--accent-dark);font-weight:700}.agent-message-user:before{color:var(--muted);content:"you / ";font-weight:500}.agent-prompt-form{align-items:center;border-top:1px solid var(--border);display:flex;gap:.6rem;padding-top:1rem}.agent-prompt-symbol{color:var(--accent);font:800 1.2rem monospace}.agent-prompt-form input{background:transparent;border:0;color:var(--text);flex:1;font:inherit;min-width:0;outline:0;padding:.45rem 0}.agent-enter-hint{color:var(--muted);font-size:.72rem}.agent-reveal{grid-column:1 / -1}@media (max-width: 780px){.agent-home{grid-template-columns:1fr}.agent-home .hero-copy,.agent-home .profile-card{grid-column:1;grid-row:auto}.agent-reveal{grid-column:1}}