*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-x-3{left:.75rem;right:.75rem}.bottom-\[-0\.2rem\]{bottom:-.2rem}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.min-h-\[100svh\]{min-height:100svh}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.gap-5{gap:1.25rem}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg-primary: #f5f3ee;--bg-surface: #efebe3;--bg-card: #ffffff;--text-primary: #1a1918;--text-secondary: #6b6a65;--text-accent: #c0613a;--border: #e2e0da;--hero-ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--home-ambient-soft: rgba(246, 250, 255, .11);--home-ambient-falloff: rgba(153, 169, 185, .08);--home-light-source: rgba(255, 234, 192, .22);--home-light-cast: rgba(255, 214, 139, .1);--home-light-beam: rgba(255, 249, 232, .13);--home-light-rim: rgba(255, 255, 255, .42);--home-light-sheen: rgba(255, 255, 255, .16);--home-light-surface: rgba(255, 247, 228, .18);--home-light-shadow: rgba(88, 99, 112, .14);--home-cube-halo: rgba(255, 225, 164, .16);--home-cube-ground: rgba(214, 190, 152, .14);--home-cube-brightness: 1.06;--home-cube-saturation: 1.02;--home-light-opacity: .66;--home-sheen-opacity: .26;--cube-solve-star: #ffcb73;--cube-solve-star-secondary: #fff0c7;--cube-solve-star-shadow: rgba(236, 179, 78, .38);color-scheme:light}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0}body{min-height:100vh;overflow-x:clip;background:var(--bg-primary)}#root{min-height:100vh}a,button{font:inherit}*{box-sizing:border-box}.cube-control-button{position:relative;display:inline-flex;align-items:center;border:none;background:transparent;padding:0;color:var(--text-secondary);text-decoration:none;transition:color .28s var(--hero-ease),opacity .28s var(--hero-ease),transform .36s var(--hero-ease)}.cube-control-button:after{content:"";position:absolute;right:0;bottom:-.14rem;left:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--hero-link-line) 12%,var(--hero-link-line-strong) 50%,var(--hero-link-line) 88%,transparent 100%);opacity:.34;transform:scaleX(.34);transform-origin:left center;transition:transform .42s var(--hero-ease),opacity .32s var(--hero-ease)}.cube-control-button:hover,.cube-control-button:focus-visible{opacity:1;transform:translateY(-1px)}.cube-control-button:hover:after,.cube-control-button:focus-visible:after{opacity:.78;transform:scaleX(1)}.cube-entrance{animation:cube-fade-in .7s ease-out both}@keyframes cube-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.cube-control-row{align-items:center;gap:1.1rem}.cube-control-button{color:var(--text-secondary);font-size:.62rem;letter-spacing:.22em;opacity:.38;text-transform:lowercase;font-weight:300;transition:color .28s var(--hero-ease),opacity .4s var(--hero-ease),transform .36s var(--hero-ease)}.cube-control-button:hover,.cube-control-button:focus-visible{opacity:.7}.cube-control-button:disabled{transform:none}.cube-sun-halo,.cube-ground-glow{pointer-events:none;position:absolute}.cube-sun-halo{top:4%;right:28%;bottom:42%;left:-14%;border-radius:999px;background:linear-gradient(126deg,var(--home-cube-halo) 0%,color-mix(in srgb,var(--home-cube-halo) 35%,transparent) 38%,transparent 66%);filter:blur(28px);transform:rotate(-7deg)}.cube-ground-glow{left:16%;right:20%;bottom:10%;height:18%;background:radial-gradient(ellipse at 32% 46%,var(--home-cube-ground),color-mix(in srgb,var(--home-cube-ground) 32%,transparent) 42%,transparent 74%);filter:blur(20px);transform:rotate(-7deg)}.cube-solve-burst{pointer-events:none;position:absolute;left:50%;top:16%;width:10rem;height:5.75rem;transform:translate(-50%);z-index:16;filter:drop-shadow(0 0 10px var(--cube-solve-star-shadow))}.cube-solve-ring{position:absolute;left:50%;top:60%;width:.92rem;height:.92rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--cube-solve-star-secondary) 78%,transparent);box-shadow:0 0 0 1px #fff0c70a,0 0 12px #fff0c71a;transform:translate(-50%,-50%) scale(.35);animation:cube-solve-ring .72s var(--hero-ease) forwards}.cube-solve-core{position:absolute;left:50%;top:60%;width:.92rem;height:.92rem;border-radius:999px;background:radial-gradient(circle at 50% 50%,var(--cube-solve-star-secondary) 0%,rgba(255,240,199,.46) 34%,rgba(255,240,199,0) 100%);transform:translate(-50%,-50%);animation:cube-solve-core .62s var(--hero-ease) forwards}.cube-solve-star{position:absolute;left:50%;top:60%;color:var(--cube-solve-star);font-size:var(--size);line-height:1;opacity:0;text-shadow:0 0 8px var(--cube-solve-star-shadow),0 0 12px rgba(255,240,199,.16);transform:translate(-50%,-50%) rotate(var(--rotation)) scale(.3);animation:cube-solve-star .72s var(--hero-ease) forwards;animation-delay:var(--delay)}@keyframes cube-solve-core{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}22%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}@keyframes cube-solve-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}12%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(3.8)}}@keyframes cube-solve-star{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(.25)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rotation)) scale(.92)}}.portfolio{--enter-duration: .28s;--feedback-duration: .15s;--enter-distance: 4px;--arrow-distance: 2px;display:flex;min-height:100svh;padding:36px 28px}.portfolio-content{width:min(100%,720px);margin:auto;animation:portfolio-enter var(--enter-duration) var(--hero-ease) both}.portfolio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}.portfolio-header h1{margin:0;font-size:clamp(36px,5vw,54px);font-weight:500;letter-spacing:-.055em;line-height:1.1}.portfolio-cube{position:relative;width:88px;height:88px;flex-shrink:0}.portfolio-cube .cube-control-anchor{display:none}.portfolio-cube .cube-entrance{animation:none}.portfolio-cube .cube-sun-halo,.portfolio-cube .cube-ground-glow{display:none}.portfolio-cube-open{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:6px;background:transparent;cursor:pointer}.portfolio-cube>span{position:absolute;top:100%;left:0;width:100%;text-align:center;font:10px JetBrains Mono,monospace;color:var(--text-secondary);opacity:0;transition:opacity var(--feedback-duration)}.portfolio-cube:hover>span,.portfolio-cube:focus-within>span{opacity:1}.portfolio h2{margin:0 0 14px;color:var(--text-secondary);font:11px JetBrains Mono,monospace;letter-spacing:.035em}.project-list{border-top:1px solid var(--border)}.project-row{display:grid;width:100%;border:0;background:transparent;text-align:left;cursor:pointer;grid-template-columns:32px minmax(0,1fr) 17px;align-items:center;gap:20px;min-height:77px;padding:14px 8px;border-bottom:1px solid var(--border);color:var(--text-primary);text-decoration:none;transition:background-color var(--feedback-duration)}.project-icon{display:grid;place-items:center}.project-icon img{width:var(--icon-size, 30px);height:var(--icon-size, 30px);-o-object-fit:contain;object-fit:contain;border-radius:var(--icon-radius, 6px)}.project-copy{display:grid;gap:5px}.project-title{font-size:17px;font-weight:500;letter-spacing:-.02em;line-height:1.2}.project-description{color:var(--text-secondary);font-size:14px;line-height:1.4;text-wrap:pretty}.project-arrow{color:var(--text-secondary);transition:transform var(--feedback-duration),color var(--feedback-duration)}@media (hover: hover){.project-row:hover{background:var(--bg-surface)}.project-row:hover .project-arrow{color:var(--text-primary);transform:translate(var(--arrow-distance))}}.portfolio a:focus-visible,.portfolio button:focus-visible{outline:2px solid var(--text-accent);outline-offset:4px}.portfolio-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;font:11px JetBrains Mono,monospace;color:var(--text-secondary)}.portfolio-footer nav{display:flex;gap:22px}.portfolio-footer a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;transition:color var(--feedback-duration)}.portfolio-footer a:hover{color:var(--text-primary)}.cube-dialog,.video-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;border:0;background:transparent;color:var(--text-primary)}.cube-dialog[open],.video-dialog[open]{display:grid;place-items:center}.cube-dialog::backdrop,.video-dialog::backdrop{background:color-mix(in srgb,var(--bg-primary) 95%,transparent)}.cube-dialog-panel{position:relative;width:min(76vmin,480px)}.cube-dialog-stage{aspect-ratio:1;width:100%}.cube-close{position:absolute;z-index:2;top:-36px;right:0;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.cube-dialog-panel>p{text-align:center;margin:26px 0 0;font:11px JetBrains Mono,monospace;color:var(--text-secondary)}.cube-dialog .cube-control-button{min-height:44px;font-size:12px;letter-spacing:0;opacity:1}.portfolio-nav{display:flex;gap:18px;margin-top:4px;font:11px JetBrains Mono,monospace}.portfolio-nav a{display:inline-flex;align-items:center;min-height:36px;color:var(--text-secondary);text-decoration:none;transition:color var(--feedback-duration)}.portfolio-nav a:hover{color:var(--text-primary)}@keyframes portfolio-enter{0%{opacity:0;transform:translateY(var(--enter-distance))}to{opacity:1;transform:translateY(0)}}@media (max-width: 540px){.portfolio{padding:24px}.portfolio-header{margin-bottom:36px}.portfolio-cube{width:70px;height:70px}.project-row{gap:14px;padding:13px 0;min-height:79px}.project-description{font-size:13px}.portfolio-footer{flex-wrap:wrap;margin-top:20px;-moz-column-gap:24px;column-gap:24px;row-gap:0}.portfolio-footer nav{gap:20px}}@media (max-height: 700px){.portfolio{padding-top:20px;padding-bottom:20px}.portfolio-header{margin-bottom:24px}.portfolio-footer{margin-top:16px}}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f1829;--bg-surface: #152034;--bg-card: #1a263b;--text-primary: #e7edf7;--text-secondary: #a6b3cb;--text-accent: #e0a26e;--border: #2b3750;color-scheme:dark}}@media (prefers-reduced-motion: reduce){.portfolio *,.portfolio *:before,.portfolio *:after{animation:none!important;transition:none!important}.project-row:hover .project-arrow{transform:none}.cube-solve-burst{display:none}}.portfolio-work{min-height:413px}.project-index,.project-detail{animation:portfolio-enter var(--enter-duration) var(--hero-ease) both}.project-back,.project-visit{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:transparent;color:var(--text-secondary);font:11px JetBrains Mono,monospace;text-decoration:none;cursor:pointer}.project-back{margin-top:-14px;margin-bottom:18px}.project-back:hover,.project-visit:hover{color:var(--text-primary)}.project-detail-title{display:flex;align-items:center;gap:14px}.project-detail-title .project-icon{--icon-size: 36px;--icon-radius: 7px}.portfolio .project-detail-title h2{margin:0;color:var(--text-primary);font:500 30px/1.15 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.035em}.project-detail-title h2:focus{outline:none}.project-year{margin-left:auto;color:var(--text-secondary);font:11px JetBrains Mono,monospace}.project-summary{text-wrap:pretty;max-width:580px;margin:24px 0 18px;font-size:20px;line-height:1.45;letter-spacing:-.015em}.project-notes{text-wrap:pretty;max-width:560px;color:var(--text-secondary);font-size:15px;line-height:1.6}.project-notes p{margin:0 0 12px}.project-visit{margin-top:8px;color:var(--text-accent)}@media (max-width: 540px){.portfolio-header{margin-bottom:26px}.portfolio-work{min-height:0}.portfolio{padding-top:44px}.portfolio-content{margin:0 auto}.project-summary{font-size:18px;margin-top:20px}.project-notes{font-size:14px}.portfolio-footer nav{flex-wrap:wrap;gap:18px}}@media (max-height: 700px) and (max-width: 540px){.portfolio{padding-top:16px;padding-bottom:16px}.portfolio-header{margin-bottom:16px}.project-row{min-height:72px;padding-top:10px;padding-bottom:10px}.portfolio-footer{margin-top:12px}}.email-copy{position:relative;display:inline-grid;align-items:center;min-height:44px;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.email-copy:hover{color:var(--text-primary)}.email-copy-label,.email-copy-feedback{grid-area:1 / 1;transition:opacity var(--feedback-duration)}.email-copy-feedback{opacity:0;color:var(--text-accent)}.email-copy-label.is-hidden{opacity:0}.email-copy-feedback.is-visible{opacity:1}.cube-caption{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:16px;color:var(--text-secondary);font:11px JetBrains Mono,monospace}.cube-record{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--text-accent);text-decoration:none;animation:portfolio-enter var(--enter-duration) var(--hero-ease) both}.cube-record:hover{text-decoration:underline;text-underline-offset:4px}.project-icon{position:relative}.icon-card{position:relative;display:block;width:var(--icon-size, 30px);height:var(--icon-size, 30px);overflow:hidden;border-radius:var(--icon-radius, 6px)}.icon-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 36%,rgba(255,119,214,.42) 43%,rgba(125,211,255,.5) 48%,rgba(255,241,153,.42) 53%,rgba(146,255,196,.32) 58%,transparent 64%) 100% 0 / 300% 100% no-repeat;mix-blend-mode:screen;opacity:0}.icon-tile{display:block;width:var(--icon-size, 30px);height:var(--icon-size, 30px);overflow:hidden;border-radius:var(--icon-radius, 6px);background:#fff}.icon-tile img{display:block;mix-blend-mode:multiply}.icon-typing{position:absolute;left:calc(var(--icon-size, 30px) - 7px);top:-8px;display:flex;gap:2px;padding:4px 5px;border:1px solid var(--border);border-radius:8px 8px 8px 2px;background:var(--bg-card);box-shadow:0 2px 6px #0000000f;opacity:0;transform:translateY(3px) scale(.6);transform-origin:0 100%;pointer-events:none}.icon-typing i{width:3px;height:3px;border-radius:50%;background:var(--text-secondary);opacity:.45}.icon-graph{display:block;width:var(--icon-size, 30px);height:var(--icon-size, 30px);overflow:visible}.icon-graph circle{fill:#1ed760;transform-box:fill-box;transform-origin:center}.icon-graph line{stroke:#1ed760;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85}@media (prefers-reduced-motion: no-preference){.icon-typing{transition:opacity .12s,transform .32s var(--spring)}.icon-graph circle{transition:transform .42s var(--spring)}.icon-graph line{transition:stroke-dashoffset .2s var(--hero-ease)}:is(.project-row:is(:hover,:focus-visible),.egg-play) .icon-card{animation:holo-tilt .9s var(--hero-ease)}:is(.project-row:is(:hover,:focus-visible),.egg-play) .icon-card:after{animation:holo-sweep .9s ease-out}:is(.project-row:is(:hover,:focus-visible),.egg-play) .icon-typing{opacity:1;transform:none;transition-delay:80ms}:is(.project-row:is(:hover,:focus-visible),.egg-play) .icon-typing i{animation:typing-dot .9s ease-in-out .2s 3}:is(.project-row:is(:hover,:focus-visible),.egg-play) .icon-typing i:nth-child(2){animation-delay:.32s}:is(.project-row:is(:hover,:focus-visible),.egg-play) .icon-typing i:nth-child(3){animation-delay:.44s}:is(.project-row:is(:hover,:focus-visible),.egg-play) .project-icon--shader img{animation:shader-color-peek .7s ease-in-out}:is(.project-row:is(:hover,:focus-visible),.egg-play) .icon-tile img{transform-origin:50% -40%;animation:feather-drift 1.6s cubic-bezier(.45,0,.55,1)}:is(.project-row:is(:hover,:focus-visible),.egg-play) .icon-graph circle{transform:translate(var(--dx),var(--dy)) scale(.64);transition-delay:calc(var(--i) * 30ms)}:is(.project-row:is(:hover,:focus-visible),.egg-play) .icon-graph line{stroke-dashoffset:0;transition-duration:.38s;transition-delay:calc(.14s + var(--i) * 80ms)}}@keyframes holo-tilt{0%,to{transform:perspective(90px) rotateY(0) rotateX(0)}40%{transform:perspective(90px) rotateY(-18deg) rotateX(6deg)}}@keyframes holo-sweep{0%{opacity:0;background-position:100% 0}15%,80%{opacity:1}to{opacity:0;background-position:0% 0}}@keyframes typing-dot{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-2px);opacity:1}}@keyframes shader-color-peek{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(110deg)}}@keyframes feather-drift{0%{transform:none}20%{transform:translate(-1.5px,-1.5px) rotate(-10deg)}45%{transform:translate(1.5px,-1px) rotate(7deg)}70%{transform:translate(-.5px,1px) rotate(-3deg)}to{transform:none}}.portfolio-nav a,.portfolio-footer nav a{position:relative}.portfolio-nav a:after,.portfolio-footer nav a:after{content:"";position:absolute;left:0;right:0;top:calc(50% + 8px);height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .28s var(--hero-ease)}.portfolio-nav a:hover:after,.portfolio-footer nav a:hover:after{transform:scaleX(1);transform-origin:left center}.project-back svg,.project-visit svg,.cube-record svg{transition:transform var(--feedback-duration) var(--hero-ease)}.project-back:hover svg{transform:translate(-2px)}.project-visit:hover svg,.cube-record:hover svg{transform:translate(2px,-2px)}.portfolio-content--wide{width:min(100%,960px)}.page-header .project-back{margin:0 0 6px}.portfolio .page-header h1{margin:0;color:var(--text-primary);font:500 30px/1.15 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.035em}.page-body{animation:portfolio-enter var(--enter-duration) var(--hero-ease) both}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:28px 20px;margin-top:28px}.video-card{display:grid;min-width:0;gap:4px;align-content:start;padding:0;border:0;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.video-thumb{display:block;aspect-ratio:16 / 9;margin-bottom:8px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface)}.video-thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--feedback-duration),opacity var(--feedback-duration)}.video-title{font-size:15px;font-weight:500;letter-spacing:-.015em;line-height:1.3}.video-description{color:var(--text-secondary);font:11px JetBrains Mono,monospace}@media (hover: hover){.video-card:hover .video-thumb img{transform:scale(1.02);opacity:.92}}.video-dialog-panel{position:relative;width:min(100%,960px,calc((100svh - 120px) * 16 / 9));aspect-ratio:16 / 9}.video-dialog-panel iframe{display:block;width:100%;height:100%;border:0;border-radius:8px;background:#000}.video-dialog .cube-close{top:-52px}@media (max-width: 540px){.portfolio .page-header h1{font-size:26px}.video-grid{gap:24px;margin-top:22px}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-35:disabled{opacity:.35}@media (min-width: 640px){.sm\:inset-x-4{left:1rem;right:1rem}.sm\:bottom-\[-0\.55rem\]{bottom:-.55rem}}