.ambient-background{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-background canvas{height:100%;width:100%;display:block}.site-header,main,.site-footer,.flash-stack{position:relative;z-index:1}.site-header{z-index:20}.hero-lab{border:1px solid #41473a;border-radius:13px;background:#161b13;color:#eef3e4;overflow:hidden;box-shadow:12px 15px 0 -3px var(--surface2),12px 15px 0 -2px var(--line)}.lab-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #343d2d;padding:13px 16px;min-height:54px}.lab-top>.mono{font-size:12px;color:#a6b899;letter-spacing:.02em}.lab-view-switch{display:flex;padding:3px;background:#242c1e;border:1px solid #39462e;border-radius:6px;gap:3px}.lab-view-switch button{border:0;background:transparent;font-size:12px;color:#b7c3a9;padding:5px 9px;border-radius:4px;min-height:30px}.lab-view-switch button.active{background:#d4f76a;color:#1a2609}.scene-viewport{height:315px;position:relative;background:radial-gradient(ellipse at 50% 60%,#31431d55,transparent 70%);overflow:hidden}.scene-viewport canvas{height:100%;width:100%;display:block;cursor:grab;touch-action:pan-y}.scene-viewport canvas:active{cursor:grabbing}.scene-viewport canvas:focus-visible{outline-offset:-7px;outline:2px solid #d4f76a}.scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;pointer-events:none;padding:35px;text-align:center}.scene-monogram{font-size:75px;font-weight:900;letter-spacing:-.08em;color:#d4f76a}.scene-fallback p{color:#b3c49d;font-size:14px;line-height:1.6;max-width:290px}.scene-coordinate{position:absolute;left:20px;bottom:16px;font-size:12px;color:#738366;letter-spacing:.08em;pointer-events:none}.scene-corner{position:absolute;width:17px;height:17px;border-color:#64784b;pointer-events:none}.scene-corner-tl{top:20px;left:20px;border-left:1px solid;border-top:1px solid}.scene-corner-br{bottom:20px;right:20px;border-right:1px solid;border-bottom:1px solid}.scene-description{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 20px 19px}.scene-description .mono{display:block;font-size:12px;color:#a1b486;line-height:1.7}.scene-description strong{display:block;font-size:19px;letter-spacing:-.02em;line-height:1.5;color:#eff5e4}.scene-reset{font-size:12px;border:1px solid #405034;background:transparent;border-radius:4px;padding:7px 10px;color:#c3d6af;min-height:36px;flex-shrink:0}.scene-reset:hover{background:#2c3920}.model-controls{display:flex;align-items:center;gap:5px;border-top:1px solid #343d2d;padding:11px 16px;flex-wrap:wrap}.model-controls button{font-size:14px;padding:7px 12px;border:1px solid transparent;background:transparent;color:#9cb389;border-radius:5px;min-height:37px}.model-controls button.active{border-color:#5b7440;color:#d4f76a;background:#2b3820}.model-controls button:hover{color:#e9f7d8}.model-hint{font-size:12px;color:#8b9d7c;margin-left:auto;line-height:1.7;max-width:125px}.hero-lab .code-card{transform:none;border:0;border-radius:0;box-shadow:none}.hero-lab .code-card-top{display:none}.hero-lab .code-body{min-height:315px;padding-top:21px}.hero-lab .code-output{min-height:73px}.hero-lab .code-toolbar{padding:10px 15px;min-height:59px}.hero-lab button:focus-visible{outline-color:#d4f76a}.hero-lab .run-profile{font-size:12px}.hero-code-area>.code-note{margin-top:27px;justify-content:center}.motion-toggle[aria-pressed=true]{color:var(--accent)}html[data-motion=paused] .terminal-cursor{animation:none;opacity:.6}html[data-motion=paused]{scroll-behavior:auto}.site-footer{background:var(--bg)}.about-section,.stack-strip,.contact-section{background:var(--surface)}
@media(max-width:1100px){.model-hint{width:100%;margin:4px 0 0;max-width:none}.scene-viewport{height:300px}.lab-top{gap:8px;padding-inline:12px}.lab-top>.mono{font-size:12px;max-width:155px}.scene-description{padding-inline:16px}.scene-description strong{font-size:18px}}
@media(max-width:800px) and (min-width:561px){.hero-code-area{max-width:520px}.scene-viewport{height:325px}.model-hint{width:auto;margin-left:auto;max-width:125px}.lab-top>.mono{max-width:none}}
@media(max-width:560px){.scene-viewport{height:290px}.hero-lab{box-shadow:8px 10px 0 -2px var(--surface2),8px 10px 0 -1px var(--line)}.lab-top{padding:11px 12px;gap:8px}.lab-top>.mono{font-size:12px;max-width:125px;line-height:1.6}.lab-view-switch button{font-size:14px;padding:6px 9px}.scene-description{gap:8px;padding:9px 14px 16px}.scene-description strong{font-size:17px}.scene-description .mono{font-size:12px}.scene-reset{padding:6px 8px;font-size:12px;min-height:38px}.model-controls{padding:9px 11px;gap:3px}.model-controls button{padding:7px 14px;font-size:14px}.model-hint{width:100%;margin:3px 4px 0;font-size:12px}.hero-code-area>.code-note{font-size:12px;margin-top:22px;line-height:1.8}.hero-lab .code-body{min-height:290px}.hero-lab .code-line{font-size:12px}.hero-lab .code-toolbar .mono{font-size:12px}.scene-fallback{padding:25px}}
@media(prefers-reduced-motion:reduce){.scene-viewport canvas{cursor:grab}}
/* Technology models, moving backdrop, and portrait insertion. */
.model-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:11px 15px 4px}.model-controls button{padding:7px 5px;font-size:13px}.model-hint{display:block;width:auto;max-width:none;margin:0;padding:7px 16px 12px;text-align:center;font-size:12px;line-height:1.6}.scene-fallback img{width:108px;height:108px;filter:invert(1);opacity:.85}.scene-description strong{font-size:17px;max-width:310px}.scene-description{padding-top:5px}.about-section,.stack-strip,.contact-section{background:color-mix(in srgb,var(--surface) 86%,transparent)}.hero-avatar{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid var(--accent);flex-shrink:0}.hero-intro:has(.hero-avatar){gap:12px;justify-content:flex-start}.hero-intro:has(.hero-avatar) .hero-location{margin-left:auto}.portrait-card{margin:28px 0 0;max-width:365px;border:1px solid var(--line);border-radius:9px;background:var(--bg);overflow:hidden}.portrait-card>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}.portrait-monogram{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(ellipse at 60% 15%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 75%),var(--bg)}.portrait-monogram>span{color:var(--accent);font-weight:900;font-size:98px;letter-spacing:-.07em;line-height:1.2}.portrait-monogram>small{font-size:10px;color:var(--muted);letter-spacing:.08em}.portrait-card figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;border-top:1px solid var(--line);padding:15px 18px}.portrait-card figcaption strong{font-size:25px;letter-spacing:-.04em}.portrait-card figcaption span{font-size:12px;color:var(--muted);flex:1}.portrait-card figcaption .icon{color:var(--accent)}.about-grid{align-items:center}.media-field{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:grid;gap:16px}.media-field .media-preview{height:210px;display:flex;justify-content:center;align-items:center;background:var(--bg);border:1px dashed var(--line);border-radius:6px;overflow:hidden}.media-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}.media-preview:has(img[hidden]){display:none}.media-field .upload-note{font-size:12px;line-height:1.7}.media-field input[type=file]{padding:14px;font-size:14px;width:100%;min-width:0;cursor:pointer}.media-field input::file-selector-button{background:var(--accent);color:var(--accent-ink,#172008);border:0;border-radius:4px;padding:7px 10px;margin-right:12px;cursor:pointer}.media-field .media-status{font-size:12px;min-height:19px}.media-url-label{font-weight:400;font-size:12px;color:var(--muted)}.media-clear{justify-self:start;font-size:12px;background:transparent;border:1px solid var(--line);border-radius:4px;padding:7px 11px}.editor-form>.media-field{margin-bottom:22px}.detail-visual:has(>img){padding:0;background:var(--surface);min-height:0}.detail-visual>img{position:relative;width:100%;height:auto;max-height:720px;object-fit:contain;display:block}.project-visual:has(>img){padding:0}.project-visual>img{width:100%;height:100%;object-fit:cover}.media-heading{font-size:17px;font-weight:700;color:var(--text)}
@media(max-width:1100px){.scene-description strong{font-size:15px}.scene-description{gap:10px}.scene-reset{font-size:11px;padding-inline:7px}}
@media(max-width:800px){.portrait-card{max-width:340px}.portrait-monogram{aspect-ratio:4/3}.about-grid{align-items:start}.scene-description strong{font-size:17px}}
@media(max-width:560px){.model-controls{padding:9px 11px 3px;gap:4px}.model-controls button{font-size:13px;min-height:38px}.model-hint{padding:5px 10px 11px;margin:0;font-size:11px}.scene-description strong{font-size:15px}.scene-reset{font-size:11px;min-height:38px}.portrait-card{max-width:none;width:100%;margin-top:24px}.portrait-monogram{aspect-ratio:4/3}.portrait-card figcaption span{font-size:11px}.hero-intro:has(.hero-avatar){flex-wrap:wrap}.hero-intro:has(.hero-avatar) .hero-location{width:100%;margin-left:54px}.media-field{padding:15px}.media-field input[type=file]{font-size:12px;padding:10px}.media-field .media-preview{height:170px}}
/* The added Terminal navigation link stays within tablet header widths. */
.desktop-nav{margin-left:25px;gap:24px}
@media(min-width:801px) and (max-width:1100px){.desktop-nav{margin-left:0;gap:14px}.header-inner{gap:16px}.header-contact{padding-inline:12px}.header-actions{gap:12px}}