:root{--bg-void: #000000;--bg-void-soft: #121212;--panel: #000000;--panel-raised: #000000;--hairline: rgba(255, 255, 255, .09);--hairline-soft: rgba(255, 255, 255, .05);--text-primary: #f0f0f0;--text-dim: #8a8a8a;--text-faint: #5c5c5c;--accent: #ff5a36;--accent-dim: rgba(255, 90, 54, .35);--scrollbar-thumb: #3a3742;--scrollbar-thumb-hover: #4a4652;--hero-fallback-a: #3a3a3a;--hero-fallback-b: #0d0d0d;--window-shadow: rgba(0, 0, 0, .7);--grain-opacity: 1;--grain-tone: .1;--font-display: "JetBrains Mono", "SF Mono", Menlo, monospace;--font-body: "Inter", -apple-system, sans-serif;--font-hero: "Helvetica Extended", Helvetica, Arial, sans-serif;--radius-window: 45px;--radius-tile: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);color-scheme:dark}:root[data-theme=light]{--bg-void: #f0f0f0;--bg-void-soft: #eaeaea;--panel: #000000;--panel-raised: #000000;--hairline: rgba(255, 255, 255, .09);--hairline-soft: rgba(255, 255, 255, .05);--text-primary: #f0f0f0;--text-dim: #8a8a8a;--text-faint: #5c5c5c;--scrollbar-thumb: #3a374290;--scrollbar-thumb-hover: #4a465290;--hero-fallback-a: #b8b8b8;--hero-fallback-b: #8a8a8a;--window-shadow: rgba(0, 0, 0, .18);--grain-opacity: .5;--grain-tone: 1;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}button{font-family:inherit;cursor:pointer}a{color:inherit}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='666' height='666'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch' result='t'/%3E%3CfeColorMatrix in='t' type='matrix' values='0.14 0.14 0.14 0 0 0.14 0.14 0.14 0 0 0.14 0.14 0.14 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:1200px 1200px;mix-blend-mode:difference;opacity:var(--grain-opacity);filter:brightness(var(--grain-tone));animation:grain-shift .5s steps(6) infinite}.site-footer{position:fixed;left:0;right:0;bottom:12px;z-index:60;display:flex;justify-content:center;pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out)}.site-footer.is-visible{opacity:1}.site-footer-credit{pointer-events:none;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:var(--text-dim);text-decoration:none;transition:color .15s var(--ease-out)}.site-footer.is-visible .site-footer-credit{pointer-events:auto}.site-footer-credit:hover{color:var(--text-primary)}.pixel-probe{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:11px;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-dim);pointer-events:none}.pixel-probe-vals{display:flex;gap:9px}.pixel-probe-r{color:#ff5757}.pixel-probe-g{color:#4fd66d}.pixel-probe-b{color:#58a6ff}.pixel-probe-a{color:var(--text-faint)}.pixel-probe-swatch{width:26px;height:12px;border:1px solid var(--hairline);background:#000;flex-shrink:0}.pixel-probe-hsv{color:var(--text-faint)}@media (max-width: 980px){.pixel-probe{display:none}}@keyframes grain-shift{0%{background-position:0px 0px}to{background-position:140px 140px}}@font-face{font-family:Helvetica Extended;src:url(/fonts/HelveticaExtendedBQ-Medium.otf) format("opentype");font-weight:200;font-display:swap}.hero-spacer{height:100vh}.hero-fixed{position:fixed;top:var(--hero-initial-top, 24px);left:50%;z-index:50;pointer-events:none;transform-origin:50% 0%;transform:translate(-50%) scale(1);transition:top .6s var(--ease-out),transform .6s var(--ease-out)}.hero-fixed.is-pinned{top:6px;transform:translate(-50%) scale(.42)}.hero-bg-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:40;opacity:1;pointer-events:none;transition:opacity .6s var(--ease-out)}.hero-bg-video.is-hidden{opacity:0}.hero-mask{position:relative;width:min(94vw,1400px);aspect-ratio:1600 / 340;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-fixed:not(.is-pinned) .hero-mask{animation:hero-flicker 4s linear infinite}@keyframes hero-flicker{0%,19%,21%,23%,54%,56%,to{opacity:1}20%,22%,55%{opacity:.35}}@media (prefers-reduced-motion: reduce){.hero-mask{animation:none}}.hero-subtitle{margin:-50px 0 0;text-align:center;font-family:var(--font-display);font-size:16px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);transition:margin-top .6s var(--ease-out),font-size .6s var(--ease-out)}.hero-subtitle.is-pinned{margin-top:-50px;font-size:24px}.hero-fallback-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:1;transition:opacity .6s var(--ease-out)}.hero-fallback-bg.is-hidden{opacity:0}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s var(--ease-out)}.hero-video.is-visible{opacity:1}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0)}.hero-scroll-hint{position:fixed;left:50%;bottom:40px;transform:translate(-50%);z-index:41;width:40px;height:40px;border:none;background:transparent;cursor:pointer;opacity:1;transition:opacity .6s var(--ease-out);pointer-events:auto;animation:hero-scroll-bounce 1.6s ease-in-out infinite}.hero-scroll-hint.is-hidden{opacity:0;pointer-events:none}.hero-scroll-hint-arrow{display:block;width:14px;height:14px;margin:13px auto 0;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}@keyframes hero-scroll-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.app-shell{position:relative;z-index:45;padding:0 20px 80px}.window-spacer{height:0vh}.window{position:fixed;top:53%;left:50%;transform:translate(-50%,calc(-50% + 400px));opacity:0;pointer-events:none;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out),width .5s var(--ease-out),height .5s var(--ease-out),max-height .5s var(--ease-out),top 1s var(--ease-out),border-radius .5s var(--ease-out);width:min(1080px,94vw);margin:0 auto;border-radius:var(--radius-window);box-shadow:0 40px 90px -30px var(--window-shadow),0 0 0 1px var(--hairline-soft);overflow:visible;min-height:666px;max-height:calc(100vh - 64px)}.window-inner{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-window);overflow:hidden;clip-path:inset(0 round var(--radius-window));display:flex;flex-direction:column;transition:border-radius .5s var(--ease-out),clip-path .5s var(--ease-out)}.window.is-focused{top:50%;width:96vw;height:90vh;max-height:90vh;border-radius:20px}.window.is-focused .window-inner{border-radius:20px;clip-path:inset(0 round 20px)}.window.is-visible{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}body.has-fullscreen-video .window{transform:none!important}.titlebar{display:flex;align-items:center;gap:14px;padding:14px 28px;border-bottom:1px solid var(--hairline);background:var(--panel-raised);flex-shrink:0}.theme-toggle{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--hairline);border-radius:50px;color:var(--text-dim);transition:color .15s var(--ease-out),border-color .15s var(--ease-out),background .15s var(--ease-out)}.theme-toggle:hover{color:var(--text-primary);border-color:var(--text-dim);background:var(--hairline-soft)}.breadcrumb{font-family:var(--font-display);font-size:13px;letter-spacing:.01em;color:var(--text-dim);display:flex;align-items:center;gap:2px;overflow-x:auto;white-space:nowrap;flex:1;scrollbar-width:none}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb-sep{color:var(--text-faint);margin:0 2px}.breadcrumb-segment{background:none;border:none;color:var(--text-dim);font-family:var(--font-display);font-size:13px;padding:3px 6px;border-radius:5px;transition:background .15s var(--ease-out),color .15s var(--ease-out)}.breadcrumb-segment:hover{background:var(--hairline-soft);color:var(--text-primary)}.breadcrumb-segment.is-current{color:var(--text-primary);font-weight:600}.breadcrumb-cursor{display:inline-block;width:7px;height:15px;background:var(--accent);margin-left:4px;animation:blink 1.1s steps(1) infinite;flex-shrink:0}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.titlebar-search{display:flex;align-items:center;gap:6px;flex-shrink:0;color:var(--text-faint);border:1px solid var(--hairline);border-radius:50px;padding:5px 9px;transition:border-color .15s var(--ease-out)}.titlebar-search:focus-within{border-color:var(--text-dim)}.titlebar-search input{background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-display);font-size:12px;width:110px}.titlebar-search input::placeholder{color:var(--text-faint)}.titlebar-search-clear{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border-radius:50%;background:none;border:none;padding:0;color:var(--text-faint);transition:color .15s var(--ease-out),background .15s var(--ease-out)}.titlebar-search-clear:hover{color:var(--text-primary);background:var(--hairline)}.focus-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--hairline);background:var(--text-faint);padding:0;cursor:pointer;flex-shrink:0;transition:background-color .2s var(--ease-out),transform .2s var(--ease-out)}.focus-dot:hover{transform:scale(1.15)}.focus-dot.is-active{background:var(--accent);border-color:var(--accent)}.app-root.is-focused .hero-fixed,.app-root.is-focused .hero-bg-video,.app-root.is-focused .hero-scroll-hint{opacity:0;pointer-events:none}.app-root.is-focused .hero-fixed{transition:opacity .5s var(--ease-out),top .6s var(--ease-out),transform .6s var(--ease-out)}.window-main{flex:1;display:flex;min-height:0;overflow:hidden}.sidebar{width:176px;flex-shrink:0;border-right:1px solid var(--hairline);padding:18px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;transition:width .35s var(--ease-out),opacity .3s var(--ease-out),transform .35s var(--ease-out),padding .35s var(--ease-out),border-color .35s var(--ease-out)}.sidebar.is-hidden{width:0;padding-left:0;padding-right:0;opacity:0;transform:translate(-24px);border-right-color:transparent;pointer-events:none}.sidebar-group{display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;gap:9px;width:100%;background:none;border:none;color:var(--text-dim);font-family:var(--font-display);font-size:13px;text-align:left;padding:8px 10px;border-radius:6px;transition:background .15s var(--ease-out),color .15s var(--ease-out)}.sidebar-item:hover{color:var(--text-primary);background:var(--hairline-soft)}.sidebar-item.is-active{color:var(--text-primary);background:var(--panel-raised)}.sidebar-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-divider{height:1px;background:var(--hairline);margin:12px 6px}.window-body{position:relative;flex:1;overflow:hidden;min-width:0}.view{position:absolute;top:0;bottom:0;left:0;right:7px;overflow-y:auto;padding:32px}.view.view-project{right:0;padding:0}.view.enter-forward{animation:slideInForward .42s var(--ease-out) both}.view.enter-back{animation:slideInBack .42s var(--ease-out) both}@keyframes slideInForward{0%{opacity:0;transform:translate(28px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInBack{0%{opacity:0;transform:translate(-28px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@media (prefers-reduced-motion: reduce){.view.enter-forward,.view.enter-back,.breadcrumb-cursor{animation:none!important}}.eyebrow{font-family:var(--font-display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0 0 20px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px 20px}.folder-tile{background:none;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--text-primary)}.no-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:11px;color:#ffffff80;text-align:center;padding:8px}.folder-tile:focus-visible .project-thumb-inner{outline:2px solid var(--accent);outline-offset:3px}.project-thumb{position:relative;width:100%;max-width:250px;aspect-ratio:1;transition:transform .15s var(--ease-out);will-change:transform;transform-style:preserve-3d}.project-thumb-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;overflow:hidden;background:var(--panel-raised);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;transition:box-shadow .2s var(--ease-out)}.project-thumb-inner img{width:100%;height:100%;object-fit:cover;display:block}.folder-tile:hover .project-thumb-inner{box-shadow:0 22px 40px -14px #00000073}.project-pin-badge{position:absolute;top:20px;left:20px;font-family:var(--font-hero);font-size:28px;line-height:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none;transform:translateZ(36px)}.project-thumb-title{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:16px 20px 18px;text-align:center;pointer-events:none;transform:translateZ(36px)}.project-thumb-title-main{font-family:var(--font-hero);font-weight:700;font-size:18px;line-height:1.15;color:#fff}.project-thumb-title-sub{font-family:var(--font-hero);font-weight:400;font-size:13px;line-height:1.2;color:#ffffffd9}.project-thumb-title-extra{font-family:var(--font-hero);font-weight:400;font-size:11px;line-height:1.2;color:#fff9}@keyframes project-hue-spin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.project-thumb-inner:hover img{animation:project-hue-spin .2s linear}.project-header{display:flex;gap:28px;margin-bottom:36px;flex-wrap:wrap}.project-hero{width:100%;max-width:360px;aspect-ratio:4 / 3;border-radius:var(--radius-tile);overflow:hidden;background:var(--panel-raised);flex-shrink:0;border:1px solid var(--hairline)}.project-hero img{width:100%;height:100%;object-fit:cover;display:block}.project-heading{flex:1;min-width:220px;padding-top:4px}.project-title{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:700;margin:0 0 6px;color:var(--text-primary)}.project-path{font-family:var(--font-display);font-size:12px;color:var(--text-faint);margin:0 0 18px}.project-title--sub{font-size:clamp(18px,2.4vw,24px);margin:0 0 18px}.code-section-content{font-family:var(--font-body);color:var(--text-primary);min-height:100%;box-sizing:border-box;display:flex;flex-direction:column}.project-description{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--text-dim);max-width:100%;white-space:pre-wrap;overflow-wrap:break-word}.project-description a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.project-description ul,.project-description ol{padding-left:1.4em;margin:.6em 0}.project-description li{margin:.2em 0}.project-description blockquote{width:fit-content;max-width:92%;margin:1em 0;padding:1.4em 1.5em 1.1em;border-radius:16px;background:#fff;color:#111;font-style:normal}.project-description blockquote:before{content:"“";display:block;font-size:34px;font-weight:800;line-height:.6;margin-bottom:.4em;color:#111}.project-description table{border-collapse:collapse;margin:.8em 0;max-width:100%;display:block;overflow-x:auto}.project-description td,.project-description th{border:1px solid var(--hairline);padding:.4em .8em}.section-heading{font-family:var(--font-display);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:0 0 16px;padding-top:24px;border-top:1px solid var(--hairline)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:8px}.gallery-item{border-radius:var(--radius-tile);overflow:hidden;background:var(--panel-raised);border:1px solid var(--hairline);aspect-ratio:4 / 3}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(1.03);filter:brightness(1);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out),filter .25s var(--ease-out)}.gallery-item img.is-loaded{opacity:1;transform:scale(1)}.gallery-item-btn:hover img{filter:brightness(1.15)}.gallery-item-btn{display:block;width:100%;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.gallery-item-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-page-heading{text-align:left;margin-bottom:18px}.gallery-page-title{font-family:var(--font-hero);font-size:22px;font-weight:600;color:var(--text-primary)}.gallery-page-subtitle{font-family:var(--font-body);font-size:14px;color:var(--text-dim);margin-top:3px}.video-list{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.video-item{border-radius:var(--radius-tile);overflow:hidden;border:1px solid var(--hairline);background:var(--panel-raised)}.video-item video{width:100%;display:block;background:#000}.project-page{display:flex;height:100%;min-height:0}.project-page-content{flex:1;min-width:0;overflow-y:auto}.section-pad{padding:32px}.viewport-section{height:100%;padding:18px;box-sizing:border-box}.model-viewer{position:relative;width:100%;height:100%;border-radius:var(--radius-tile);border:1px solid var(--hairline);overflow:hidden;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.05) 0%,transparent 70%)}.model-viewer canvas{display:block;width:100%;height:100%;cursor:grab}.model-viewer canvas:active{cursor:grabbing}.model-viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none}.model-viewer-progress{font-family:var(--font-display);font-size:12px;color:var(--text-dim)}.model-viewer-error{font-family:var(--font-display);font-size:12px;color:var(--accent)}.model-viewer-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:11px;letter-spacing:.05em;color:var(--text-faint);background:#0000008c;border:1px solid var(--hairline);border-radius:999px;padding:6px 14px;pointer-events:none;opacity:1;transition:opacity .6s var(--ease-out);white-space:nowrap}.model-viewer-hint.is-hidden{opacity:0}.dot-nav{position:relative;width:40px;flex-shrink:0;z-index:12;cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='36'%20viewBox='0%200%2020%2036'%3E%3Cpath%20d='M4%2010L10%204L16%2010'%20stroke='white'%20stroke-width='3'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M4%2016L10%2010L16%2016'%20stroke='white'%20stroke-width='3'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M4%2020L10%2026L16%2020'%20stroke='white'%20stroke-width='3'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M4%2026L10%2032L16%2026'%20stroke='white'%20stroke-width='3'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") 10 18,ns-resize}.dot-nav-panel{position:absolute;top:0;bottom:0;width:100%;overflow:clip}.dot-nav--left .dot-nav-panel{left:0;border-right:1px solid var(--hairline)}.dot-nav--right .dot-nav-panel{right:0;border-left:1px solid var(--hairline)}.dot-nav-panel.is-overflowing{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}.dot-nav-track{display:flex;flex-direction:column;gap:18px;padding:6px 10px;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}.dot-nav-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:6px;color:var(--text-dim);cursor:pointer}.dot-nav--right .dot-nav-item{justify-content:flex-end}.dot-nav-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);flex-shrink:0;transform:scale(calc(1 - (min(var(--dn-dist, 0),5)*.06)));opacity:calc(1 - (min(var(--dn-dist, 0),5)*.13));transition:background .25s var(--ease-out),transform .3s var(--ease-out),opacity .3s var(--ease-out),box-shadow .3s var(--ease-out)}.dot-nav-item:hover .dot-nav-dot{transform:scale(1.25);opacity:1}.dot-nav-item.is-active .dot-nav-dot{background:var(--accent);transform:scale(1.4);opacity:1;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 55%,transparent)}.dot-nav-label{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-dim);font-family:var(--font-display);font-size:13px;white-space:nowrap;opacity:0;pointer-events:none}.dot-nav--left .dot-nav-label{left:100%;margin-left:12px}.dot-nav--right .dot-nav-label{right:100%;margin-right:12px}.dot-nav-label:hover{color:#aaa}.dot-nav-flyout{position:fixed;transform:translateY(-50%);background:var(--panel-raised);border:1px solid var(--hairline);color:var(--text-primary);font-family:var(--font-display);font-size:13px;white-space:nowrap;padding:5px 10px;border-radius:6px;z-index:300;pointer-events:none;animation:dotNavFlyoutIn .15s var(--ease-out)}@keyframes dotNavFlyoutIn{0%{opacity:0}to{opacity:1}}.dot-nav-flyout--left{margin:0 5px}.dot-nav-flyout--right{margin:0 15px}.dot-nav-cursor-tag{position:fixed;transform:translate(-50%,calc(100% + 2px));background:var(--panel-raised);opacity:.8;border:1px solid var(--hairline);color:var(--text-primary);font-family:var(--font-display);font-size:12px;white-space:nowrap;padding:4px 9px;border-radius:6px;pointer-events:none;z-index:999}.dot-nav-item.is-active .dot-nav-label{color:var(--accent)}.dot-nav.is-expanded .dot-nav-panel{transition:width .35s var(--ease-out),background-color .35s var(--ease-out),box-shadow .35s var(--ease-out)}.dot-nav.is-expanded.is-hovered .dot-nav-panel{width:250px;background:color-mix(in srgb,var(--panel) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dot-nav--left.is-expanded.is-hovered .dot-nav-panel{box-shadow:28px 0 52px -28px #0000008c}.dot-nav--right.is-expanded.is-hovered .dot-nav-panel{box-shadow:-28px 0 52px -28px #0000008c}.dot-nav.is-expanded.is-hovered .dot-nav-label{position:static;transform:none;margin:0;opacity:1;pointer-events:auto;transition:opacity .25s var(--ease-out);transition-delay:calc(.12s + min(var(--dn-dist, 0),8)*.03s)}.dot-nav-label-content{display:flex;align-items:center;gap:8px}.dot-nav-thumb{width:200px;height:auto;object-fit:cover;border-radius:20px;border:1px solid var(--hairline);flex-shrink:0;opacity:.5;transition:opacity .3s ease}.dot-nav-thumb:hover{opacity:1}.video-section{display:flex;align-items:center;height:100%}.video-section .video-player{flex:1}.video-player{padding:0 1px;position:relative;width:100%;height:100%;background:#000;overflow:hidden}.image-section{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.image-section .section-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:100%;gap:12px}.image-viewer-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-viewer-title-box{position:absolute;top:16px;left:16px;z-index:2;max-width:40%;text-align:left;opacity:1;transition:opacity .6s var(--ease-out)}.image-viewer-title-box.is-hidden{opacity:0}.image-viewer-title{font-family:var(--font-hero);font-size:15px;font-weight:600;color:var(--text-primary)}.image-viewer-subtitle{font-family:var(--font-body);font-size:13px;color:var(--text-dim);margin-top:2px}.video-player video{width:100%;height:100%;display:block;object-fit:contain;background:#000;cursor:none}.video-embed-frame{width:100%;height:100%;display:block;border:0}.video-title-badge{position:absolute;top:24px;left:28px;max-width:calc(100% - 56px);color:#fff;font-family:var(--font-hero);font-size:24px;font-weight:200;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:4;opacity:.9;transform:translateY(0);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}.video-title-badge.is-hidden{opacity:0;transform:translateY(-8px)}.video-caption-badge{margin-top:4px;font-family:var(--font-body);font-size:13px;font-weight:400;color:#ffffffb3;white-space:normal;overflow-wrap:break-word}.video-cursor-wrap{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none;z-index:5}.video-cursor{position:absolute;top:0;left:0;width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#ffffff24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 28px #0000004d,inset 0 1px #ffffff4d;opacity:0;transform:translate(-50%,-50%) scale(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .2s var(--ease-out);will-change:transform,backdrop-filter}.video-cursor.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-controls{position:absolute;left:0;right:0;bottom:0;padding:0 20px 46px;pointer-events:none}.video-player.controls-visible .video-controls{pointer-events:auto}.video-controls .video-volume-dial,.video-controls .video-timeline-pill,.video-controls .video-fullscreen-btn{opacity:0;transition:opacity .28s var(--ease-out),transform .18s var(--ease-out),background .18s var(--ease-out);will-change:opacity,backdrop-filter}.video-player.controls-visible .video-controls .video-volume-dial,.video-player.controls-visible .video-controls .video-timeline-pill,.video-player.controls-visible .video-controls .video-fullscreen-btn{opacity:1}.video-controls-row{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}.video-volume-dial{position:relative;flex:0 0 auto;width:68px;height:68px;border-radius:50%;background:#ffffff24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 28px #0000004d,inset 0 1px #ffffff4d;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none}.video-volume-dial:hover{transform:scale(1.05);background:#ffffff38}.video-volume-dial:active{transform:scale(.95)}.volume-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.volume-ring-track{fill:none;stroke:#ffffff40;stroke-width:3;shape-rendering:geometricPrecision}.volume-ring-fill{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;shape-rendering:geometricPrecision;transition:stroke-dashoffset .15s var(--ease-out)}.video-volume-pct{position:relative;font-family:var(--font-hero);font-size:14px;font-weight:600;color:#fff;pointer-events:none}.video-timeline-pill{flex:0 1 50%;display:flex;align-items:center;gap:12px;height:68px;padding:0 20px;border-radius:999px;background:#ffffff24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 28px #0000004d,inset 0 1px #ffffff4d}.video-timeline-pill:hover{background:#ffffff38}.video-time-current,.video-time-end{font-family:var(--font-display);font-size:14px;font-weight:600;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.video-seek{position:relative;flex:1;display:flex;align-items:center;height:20px;cursor:pointer;touch-action:none}.video-seek-track{width:100%;height:14px;border-radius:999px;background:#0009;overflow:hidden;transition:height .15s var(--ease-out)}.video-seek:hover .video-seek-track{height:18px}.video-seek-progress{height:100%;background:#fff;border-radius:999px;transition:width .1s linear}.video-seek-tooltip{position:absolute;bottom:calc(100% + .5px);transform:translate(-50%);background:#141414e6;color:#fff;font-family:var(--font-display);font-size:12px;font-weight:600;padding:3px 9px;border-radius:50px;white-space:nowrap;pointer-events:none;animation:seekTooltipIn .12s var(--ease-out)}@keyframes seekTooltipIn{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.video-fullscreen-btn{flex:0 0 auto;width:68px;height:68px;border-radius:50%;background:#ffffff24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 28px #0000004d,inset 0 1px #ffffff4d;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-fullscreen-btn:hover{transform:scale(1.05);background:#ffffff38}.video-fullscreen-btn:active{transform:scale(.95)}@keyframes sectionSlideDown{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionSlideUp{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.section-slide{height:100%}.section-slide--down{animation:sectionSlideDown .35s var(--ease-out) both}.section-slide--up{animation:sectionSlideUp .35s var(--ease-out) both}.video-section .section-slide{flex:1;display:flex;align-items:center;min-width:0}.project-page-content.no-scroll{overflow:hidden}.state-message{font-family:var(--font-display);font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:10px}.spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--hairline);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.4s}}.empty-state{font-family:var(--font-display);font-size:13px;color:var(--text-faint);padding:40px 0}.password-gate-hint{font-family:var(--font-display);font-size:13px;color:var(--text-faint);margin:0 0 20px}.password-gate-form{display:flex;gap:8px;max-width:320px}.password-gate-form input{flex:1;min-width:0;background:none;border:1px solid var(--hairline);border-radius:50px;padding:9px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .15s var(--ease-out)}.password-gate-form input:focus{border-color:var(--text-dim)}.password-gate-form input::placeholder{color:var(--text-faint)}.password-gate-form button{flex-shrink:0;background:var(--accent);border:none;border-radius:50px;padding:9px 20px;color:#fff;font-family:var(--font-display);font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s var(--ease-out)}.password-gate-form button:disabled{opacity:.4;cursor:default}.password-gate-error{margin-top:14px;font-family:var(--font-display);font-size:12px;color:var(--accent)}.info-page{max-width:60ch;margin-left:auto;margin-right:auto}.contact-list{margin-top:20px;display:flex;flex-direction:column;gap:10px}.contact-row{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--hairline);font-family:var(--font-display);font-size:13px}.contact-label{color:var(--text-faint);width:90px;flex-shrink:0}.contact-value{color:var(--text-primary);text-decoration:none}a.contact-value:hover{color:var(--accent)}.info-page.contact-page{max-width:760px}.contact-form{margin-top:28px;display:flex;flex-direction:column;gap:18px}.contact-form-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;align-items:stretch}.contact-form-col{display:flex;flex-direction:column;gap:18px;min-width:0}.contact-form-field{display:flex;flex-direction:column;gap:8px}.contact-form-field--message{min-width:0}.contact-form-field--message .contact-form-textarea{flex:1;min-height:0;height:100%}.contact-form-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.contact-form-input{width:100%;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:#ffffff08;border:1px solid var(--hairline);border-radius:8px;padding:11px 14px;outline:none;transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}.contact-form-input:focus{border-color:var(--accent);background:#ffffff0d}.contact-form-textarea{resize:none;line-height:1.6}.contact-form-turnstile{min-height:65px}.contact-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.contact-form-actions-right{display:flex;align-items:center;gap:14px;margin-left:auto}.contact-form-submit{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);background:none;border:1px solid var(--hairline);border-radius:999px;padding:11px 24px;cursor:pointer;transition:border-color .15s var(--ease-out),color .15s var(--ease-out),transform .15s var(--ease-out)}.contact-form-submit:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.contact-form-submit:disabled{opacity:.45;cursor:not-allowed}.contact-form-status{font-family:var(--font-display);font-size:12px}.contact-form-status.is-ok{color:#6fcf6f}.contact-form-status.is-error{color:var(--accent)}.social-icons{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:44px;padding-top:28px;border-top:1px solid var(--hairline)}.social-icons a{color:#fff;display:inline-flex;transition:color .3s}.social-icons a:hover{color:gray}.social-icons svg{height:28px;width:auto;display:block}.info-page.about-page{max-width:860px}.about-header{display:flex;gap:40px;align-items:flex-start;margin-bottom:48px}.about-photo-frame{flex-shrink:0;width:264px;height:264px;border-radius:var(--radius-tile);border:1px solid var(--hairline);overflow:hidden}.about-photo{width:100%;height:100%;object-fit:cover;display:block}.about-header-text{min-width:0;flex:1}.about-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.about-name{font-family:var(--font-hero);font-size:clamp(26px,3.4vw,34px);line-height:1.1}.about-role{margin:8px 0 18px;font-family:var(--font-display);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.about-cv-link{display:inline-flex;align-items:center;flex-shrink:0;margin-top:4px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);border:1px solid var(--hairline);border-radius:999px;padding:8px 16px;text-decoration:none;transition:border-color .2s var(--ease-out),color .2s var(--ease-out)}.about-cv-ext{width:0;height:12px;margin-left:0;opacity:0;transition:width .25s var(--ease-out),margin-left .25s var(--ease-out),opacity .2s var(--ease-out)}.about-cv-link:hover{border-color:var(--accent);color:var(--accent)}.about-cv-link:hover .about-cv-ext{width:12px;margin-left:8px;opacity:1}.about-accordions{display:flex;flex-direction:column;gap:12px}.about-acc{border:1px solid var(--hairline);border-radius:var(--radius-tile);overflow:hidden;transition:border-color .25s var(--ease-out)}.about-acc:hover,.about-acc.is-open{border-color:#ffffff3d}.about-acc-head{display:flex;align-items:center;gap:16px;width:100%;padding:18px 20px;background:none;border:0;cursor:pointer;text-align:left}.about-acc-index{font-family:var(--font-display);font-size:11px;color:var(--text-faint);transition:color .2s var(--ease-out)}.about-acc.is-open .about-acc-index,.about-acc-head:hover .about-acc-index{color:var(--accent)}.about-acc-title{flex:1;min-width:0;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);transition:color .2s var(--ease-out)}.about-acc-head:hover .about-acc-title{color:var(--accent)}.about-acc-count{font-family:var(--font-display);font-size:11px;color:var(--text-faint)}.about-acc-icon{width:10px;height:10px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--text-dim);background:transparent;transition:background .25s var(--ease-out),border-color .25s var(--ease-out),transform .25s var(--ease-out)}.about-acc-head:hover .about-acc-icon{border-color:var(--accent)}.about-acc.is-open .about-acc-icon{background:var(--accent);border-color:var(--accent);transform:scale(1.15)}.about-acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-out)}.about-acc.is-open .about-acc-panel{grid-template-rows:1fr}.about-acc-inner{overflow:hidden;min-height:0}.about-acc-content{padding:4px 20px 22px}.about-acc .about-expertise-item,.about-acc .about-timeline-item{opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}.about-acc.is-open .about-expertise-item,.about-acc.is-open .about-timeline-item{opacity:1;transform:none}.about-acc.is-open li:nth-child(1){transition-delay:.05s}.about-acc.is-open li:nth-child(2){transition-delay:.09s}.about-acc.is-open li:nth-child(3){transition-delay:.13s}.about-acc.is-open li:nth-child(4){transition-delay:.17s}.about-acc.is-open li:nth-child(5){transition-delay:.21s}.about-acc.is-open li:nth-child(6){transition-delay:.25s}.about-acc.is-open li:nth-child(7){transition-delay:.29s}.about-acc.is-open li:nth-child(8){transition-delay:.33s}.about-acc.is-open li:nth-child(9){transition-delay:.37s}.about-acc.is-open li:nth-child(10){transition-delay:.41s}.about-expertise-list,.about-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.about-expertise-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;margin:0 -12px;border-radius:8px}.about-expertise-item:hover{background:#ffffff0a}.about-expertise-label{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--text-primary)}.about-expertise-detail{font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--text-dim)}.about-timeline-item{display:flex;gap:18px;padding:10px 12px;margin:0 -12px;border-radius:8px}.about-timeline-item:hover{background:#ffffff0a}.about-timeline-item:hover .about-timeline-date{color:var(--accent)}.about-timeline-date{flex-shrink:0;width:96px;font-family:var(--font-display);font-size:12px;color:var(--text-faint);padding-top:2px;transition:color .2s var(--ease-out)}.about-timeline-body{display:flex;flex-direction:column;gap:2px;min-width:0}.about-timeline-title{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--text-primary);text-decoration:none;width:fit-content}a.about-timeline-title:hover{color:var(--accent)}.about-timeline-venue{font-family:var(--font-body);font-size:13px;color:var(--text-dim)}.mvp-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:none;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out);z-index:5}.mvp-center.is-visible{opacity:1;pointer-events:auto}.mvp-center:active{transform:translate(-50%,-50%) scale(.92)}.mvp-bar{position:absolute;left:10px;right:10px;bottom:10px;z-index:5;display:flex;align-items:center;gap:10px;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:8px 14px;opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out)}.mvp-bar.is-visible{opacity:1;pointer-events:auto}.mvp-time{font-family:var(--font-display);font-size:11px;color:#ffffffd9;font-variant-numeric:tabular-nums;flex-shrink:0}.mvp-seek{flex:1;padding:14px 0;touch-action:none}.mvp-seek-track{position:relative;height:4px;border-radius:2px;background:#ffffff40}.mvp-seek-progress{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:#fff}.mvp-seek-knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006}.mvp-fullscreen{background:none;border:none;color:#ffffffd9;padding:6px;flex-shrink:0;display:flex}@media (pointer: coarse){html,body{overscroll-behavior-y:none}button,a,input,.dot-nav-item,.folder-tile{touch-action:manipulation}.view,.project-page-content,.breadcrumb{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.dot-nav-cursor-tag,.dot-nav-flyout{display:none!important}}@media (max-width: 640px){html,body{overflow:hidden;height:100%}.hero-spacer{display:none}.app-shell{padding:0}.mobile-header{position:fixed;top:0;left:0;right:0;z-index:55;padding:calc(10px + env(safe-area-inset-top)) 16px 6px;text-align:center;pointer-events:none}.mobile-header-title{margin:0;font-family:var(--font-hero);font-weight:200;font-size:22px;letter-spacing:.05em;line-height:1;color:#f0f0f0}:root[data-theme=light] .mobile-header-title{color:#111}.mobile-header-role{margin:5px 0 0;font-family:var(--font-display);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window{top:calc(56px + env(safe-area-inset-top));left:8px;right:8px;bottom:calc(64px + env(safe-area-inset-bottom));width:auto;height:auto;min-height:0;max-height:none;transform:none!important;opacity:1!important;pointer-events:auto!important;border-radius:22px}.window.is-focused{width:auto;height:auto;max-height:none}.window-inner{border-radius:22px;clip-path:inset(0 round 22px)}.titlebar{padding:8px 10px;gap:8px}.titlebar-search{display:none}.theme-toggle{width:32px;height:32px}.breadcrumb-segment{padding:8px 6px;font-size:12px}.titlebar button:has(.focus-dot){display:none}.focus-dot,.sidebar{display:none}.window-main{flex-direction:column}.view{padding:14px}.folder-grid{grid-template-columns:repeat(2,1fr);gap:18px 12px}.project-hero{max-width:100%}.section-pad{padding:18px}.project-page{flex-direction:column}@keyframes mobileSlideFromRight{0%{opacity:0;transform:translate(64px)}to{opacity:1;transform:none}}@keyframes mobileSlideFromLeft{0%{opacity:0;transform:translate(-64px)}to{opacity:1;transform:none}}.section-slide--down{animation-name:mobileSlideFromRight}.section-slide--up{animation-name:mobileSlideFromLeft}.mobile-dot-bar{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 12px;touch-action:pan-x}.mobile-dot-bar--top{border-bottom:1px solid var(--hairline)}.mobile-dot-bar--bottom{border-top:1px solid var(--hairline)}.mobile-dot-bar--bottom .mobile-dot-bar-label{order:-1}.mobile-dot-bar-track{display:flex;align-items:center;gap:2px;max-width:100%}.mobile-dot{background:none;border:none;padding:9px 6px;display:flex;align-items:center;justify-content:center}.mobile-dot-mark{width:8px;height:8px;border-radius:50%;background:var(--text-faint);transition:transform .3s var(--ease-out),background .25s var(--ease-out),box-shadow .3s var(--ease-out)}.mobile-dot.is-active .mobile-dot-mark{background:var(--accent);transform:scale(1.5);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 55%,transparent)}.mobile-dot-bar-label{font-family:var(--font-display);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.mobile-nav-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:stretch;justify-content:space-around;background:var(--panel);border-top:1px solid var(--hairline);padding:6px 4px calc(8px + env(safe-area-inset-bottom))}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--text-faint);padding:4px 0;transition:color .2s var(--ease-out)}.mobile-nav-item.is-active{color:var(--accent)}.mobile-nav-icon svg{width:22px;height:22px;display:block}.mobile-nav-label{font-family:var(--font-display);font-size:8.5px;letter-spacing:.07em;text-transform:uppercase}.mobile-nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#00000073}@keyframes mobileSheetUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mobile-sheet{position:fixed;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:66;background:var(--panel);border:1px solid var(--hairline);border-radius:18px;padding:10px 8px 8px;max-height:50dvh;overflow-y:auto;animation:mobileSheetUp .28s var(--ease-out) both}.mobile-sheet-handle{width:34px;height:4px;border-radius:3px;background:var(--hairline);margin:0 auto 8px}.mobile-sheet-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;color:var(--text-dim);font-family:var(--font-display);font-size:14px;padding:13px 12px;border-radius:10px}.mobile-sheet-item.is-active{color:var(--text-primary)}.mobile-sheet-item.is-active .mobile-sheet-dot{background:var(--accent)}.mobile-sheet-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);flex-shrink:0}.mobile-sheet-empty{color:var(--text-faint);text-align:center;font-size:13px;margin:10px 0}.mobile-search-row{position:fixed;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:66;display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--hairline);border-radius:999px;padding:10px 14px;animation:mobileSheetUp .24s var(--ease-out) both}.mobile-search-icon{width:16px;height:16px;color:var(--text-faint);flex-shrink:0}.mobile-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-display);font-size:14px;min-width:0}.mobile-search-clear{background:none;border:none;color:var(--text-faint);font-size:14px;padding:2px 6px}.viewport-section{padding:10px}.model-viewer-hint{font-size:10px;padding:5px 12px;bottom:10px}.site-footer,.pixel-probe{display:none}.contact-form-grid{grid-template-columns:1fr}.contact-form-field--message .contact-form-textarea{min-height:160px}.about-header{flex-direction:column;align-items:flex-start;gap:24px}.about-photo-frame{width:100%;max-width:320px;height:auto;aspect-ratio:1}.about-timeline-item{flex-direction:column;gap:3px}.about-timeline-date{width:auto}.about-acc-head{padding:16px 14px}.about-acc-content{padding:4px 14px 18px}}