:root{--instrument-sans-stack: "Instrument Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#f4f0e8;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;background:#fff}button,input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}.app-shell{width:100%;height:100vh;height:100dvh;background:#000;overflow:hidden;overscroll-behavior:none}.studio-viewport{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.studio-viewport canvas{display:block;opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1);filter:saturate(.85) brightness(1.08)}.studio-viewport.is-scene-ready canvas{opacity:1;filter:saturate(1) brightness(1)}.studio-viewport.is-film-open canvas{filter:blur(5px)}.monitor-projected-layer{pointer-events:none}.monitor-projected-surface{position:absolute;top:0;left:0;z-index:1;transform-origin:0 0;pointer-events:none;will-change:transform}.canvas-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;padding:24px;color:#fff9ed;background:#000;text-align:center}.canvas-fallback h2{margin:0;font-size:1.1rem;letter-spacing:0}.canvas-fallback p:last-child{max-width:620px;margin-top:10px;color:#d0c7ba;overflow-wrap:anywhere}.hud{position:absolute;z-index:2;border:1px solid rgb(255 255 255 / 16%);background:#f5f0e621;color:#fff9ede0;box-shadow:inset 0 1px #ffffff24,0 12px 28px #00000029;backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18)}.hud,.hud-mode,.face-tracking-status,.face-tracking-prompt,.return-button,.film-overlay,.keyboard-spotlight{font-family:var(--instrument-sans-stack)}.hud-top{top:24px;left:24px;border-radius:999px;padding:7px 11px 8px}.hud-actions{position:absolute;top:24px;right:24px;z-index:4;display:inline-flex;align-items:center;gap:8px}.hud-actions .hud{position:static}.desktop-title{display:inline-flex;align-items:center}.portfolio-nav button{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border:0;border-radius:999px;color:inherit;background:#ffffff1a;cursor:pointer}.hud-mode{top:24px;right:24px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;border-radius:999px;padding:0 12px;color:#fff9ede0;font-size:.78rem;font-weight:620;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.hud-mode:hover,.hud-mode:focus-visible{border-color:#ffffff3d;color:#fff9edf0;background:#f5f0e62e;outline:none}.hud-mode.is-active{border-color:#ffffff42;color:#fff9edf0;background:#f5f0e629}.hud-mode.is-busy{color:#fff4d9db;background:#48371f57}.face-tracking-status{top:66px;right:24px;max-width:min(300px,calc(100vw - 48px));border-radius:999px;padding:8px 12px;font-size:.74rem;font-weight:620;line-height:1.2}.face-tracking-prompt-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:transparent}.face-tracking-prompt{width:min(520px,calc(100vw - 48px));border:1px solid rgb(255 255 255 / 34%);border-radius:24px;padding:19px 20px 17px;color:#ffffffeb;background:#ffffff42;box-shadow:inset 0 1px #ffffff75,inset 0 -1px #00000014,0 22px 64px #00000038;backdrop-filter:blur(30px) saturate(1.32);-webkit-backdrop-filter:blur(30px) saturate(1.32)}.face-tracking-prompt h2{margin:0;color:#fffffff5;font-size:1rem;font-weight:650;line-height:1.16;letter-spacing:0}.face-tracking-prompt p:not(.eyebrow){margin-top:9px;color:#ffffffad;font-size:.84rem;font-weight:470;line-height:1.42}.face-tracking-prompt-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.face-tracking-prompt-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;border:1px solid rgb(255 255 255 / 20%);border-radius:999px;padding:0 12px;color:#ffffffd6;background:#ffffff12;cursor:pointer;font-size:.76rem;font-weight:650;line-height:1;transition:background .12s ease,border-color .12s ease,color .12s ease}.face-tracking-prompt-actions button:hover,.face-tracking-prompt-actions button:focus-visible{border-color:#ffffff57;color:#fffffff5;background:#ffffff1f;outline:none}.face-tracking-prompt-actions .face-tracking-primary{border-color:#ffffff42;color:#ffffffe5;background:#ffffff1a}.face-tracking-primary:before,.face-tracking-toggle.is-active:before{width:7px;height:7px;border-radius:50%;background:#4fffa0;box-shadow:0 0 0 1px #cdffe570,0 0 9px #4fffa0b8;content:""}.eyebrow{margin:0 0 7px;color:#c9bcab;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{color:#fff9ede0;font-size:.78rem;font-weight:620;line-height:1;letter-spacing:0;text-transform:lowercase;text-shadow:0 1px 5px rgb(0 0 0 / 24%)}.return-button{position:absolute;z-index:4;left:24px;bottom:24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:30px;border-radius:999px;padding:0 12px;color:#fff9eddb;font-size:.78rem;font-weight:620;text-transform:none;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.return-button:hover,.return-button:focus-visible{border-color:#ffffff3d;color:#fff9edf0;background:#f5f0e62e;outline:none}.dev-fps{position:absolute;right:14px;bottom:12px;z-index:6;min-width:52px;color:#fff9ed9e;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.66rem;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none;text-align:right;text-shadow:0 1px 6px rgb(0 0 0 / 42%)}.film-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;min-width:0;padding:clamp(78px,12vh,128px) 0 clamp(76px,12vh,118px);color:#fff8e8e0;pointer-events:none;animation:film-overlay-enter .36s ease both}.film-controls{position:absolute;right:24px;bottom:24px;z-index:2;display:inline-flex;align-items:center;pointer-events:auto;opacity:0;transform:translateY(10px);animation:film-control-enter .62s cubic-bezier(.22,1,.36,1) 1.08s forwards}.film-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border:1px solid rgb(255 255 255 / 17%);border-radius:999px;color:#fff9edd6;background:#0d0c0a7a;box-shadow:inset 0 1px #ffffff1f,0 12px 28px #0000002e;backdrop-filter:blur(16px) saturate(1.05);-webkit-backdrop-filter:blur(16px) saturate(1.05);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;padding:0 12px;font-size:.76rem;font-weight:650;line-height:1}.desktop-title h1,.hud-mode,.face-tracking-prompt-actions button,.return-button,.film-toggle{font-family:var(--instrument-sans-stack);font-weight:400}.film-toggle:hover,.film-toggle:focus-visible{border-color:#ffffff47;color:#fff9edf5;background:#19171494;outline:none}.film-toggle.is-active{color:#fff4cf;background:#40301e8c}.film-panel{width:100%;transform:translateY(clamp(-26px,-2.5vh,-12px))}.film-strip{--film-stock-top: rgb(8 8 7 / 86%);--film-stock-bottom: rgb(12 10 8 / 92%);--film-hole-offset: 10px;--film-hole-height: 22px;--film-hole-band-end: calc(var(--film-hole-offset) + var(--film-hole-height));--film-hole-repeat: 54px;--film-hole-start: 18px;--film-hole-end: 34px;position:relative;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;pointer-events:auto;scroll-padding-inline:max(32px,calc((100vw - 1180px)/2));scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:none;box-shadow:inset 0 1px #ffffff1a,0 28px 80px #0000005c;opacity:0;transform:translate3d(8vw,28px,0);animation:film-strip-enter 1.04s cubic-bezier(.22,1,.36,1) .52s forwards;will-change:opacity,transform}.film-strip::-webkit-scrollbar{width:0;height:0;background:transparent}.film-strip-spacer{width:100%;min-height:clamp(258px,38vw,454px)}.film-track{position:relative;display:grid;grid-auto-columns:clamp(240px,32vw,420px);grid-auto-flow:column;gap:clamp(16px,2.4vw,30px);width:max-content;min-width:100%;min-height:clamp(258px,38vw,454px);padding:clamp(42px,5vw,64px) max(32px,calc((100vw - 1180px)/2)) calc(var(--film-hole-band-end) + 8px);background:repeating-linear-gradient(90deg,var(--film-stock-top) 0 var(--film-hole-start),transparent var(--film-hole-start) var(--film-hole-end),var(--film-stock-top) var(--film-hole-end) var(--film-hole-repeat)) 0 var(--film-hole-offset) / 100% var(--film-hole-height) no-repeat,repeating-linear-gradient(90deg,var(--film-stock-bottom) 0 var(--film-hole-start),transparent var(--film-hole-start) var(--film-hole-end),var(--film-stock-bottom) var(--film-hole-end) var(--film-hole-repeat)) 0 calc(100% - var(--film-hole-offset)) / 100% var(--film-hole-height) no-repeat,linear-gradient(var(--film-stock-top),var(--film-stock-top)) 0 0 / 100% var(--film-hole-offset) no-repeat,linear-gradient(180deg,var(--film-stock-top),var(--film-stock-bottom)) 0 var(--film-hole-band-end) / 100% calc(100% - var(--film-hole-band-end) - var(--film-hole-band-end)) no-repeat,linear-gradient(var(--film-stock-bottom),var(--film-stock-bottom)) 0 100% / 100% var(--film-hole-offset) no-repeat}.film-frame{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;margin:0;scroll-snap-align:center}.film-frame img{display:block;width:100%;height:clamp(178px,24vw,320px);border:0;border-radius:0;background:#11100d;box-shadow:none;filter:saturate(.92) contrast(1.02);object-fit:cover;-webkit-user-select:none;user-select:none}.film-strip.is-negative .film-frame img{filter:invert(1) hue-rotate(180deg) saturate(.82) contrast(1.12)}.film-frame figcaption{justify-self:end;margin-top:14px;color:#fff4d38a;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.7rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.film-description{position:relative;display:grid;justify-items:stretch;width:min(760px,calc(100% - 48px));min-height:clamp(62px,8.5vh,88px);margin:clamp(28px,4.4vh,42px) auto 0;overflow:hidden;pointer-events:none;text-align:left}.film-description-copy{grid-area:1 / 1;width:100%;margin:0;color:#fff8e8d1;font-family:var(--instrument-sans-stack);font-size:clamp(.84rem,1.18vw,1rem);font-weight:520;line-height:1.42;text-shadow:0 10px 32px rgb(0 0 0 / 44%)}.film-description-copy.is-entering{animation:portfolio-focus-copy 1.04s cubic-bezier(.22,1,.36,1) both}.film-description-copy.is-exiting{animation:film-description-exit 1.04s cubic-bezier(.22,1,.36,1) both}@keyframes film-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes film-strip-enter{0%{opacity:0;transform:translate3d(8vw,28px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes film-control-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes film-description-exit{0%{opacity:1;filter:blur(0);transform:translateY(0)}to{opacity:0;filter:blur(1.5px);transform:translateY(-7px)}}.keyboard-spotlight-html{width:min(680px,50vw);min-width:430px;pointer-events:auto}.keyboard-spotlight-shell{--keyboard-spotlight-row-height: 54px;--keyboard-suggestions-max-height: 207px;position:relative;width:100%;height:calc(var(--keyboard-spotlight-row-height) + var(--keyboard-suggestions-max-height));pointer-events:none}.keyboard-spotlight-anchor{position:absolute;top:calc(var(--keyboard-suggestions-max-height) / 2);left:0;width:100%;pointer-events:auto}.keyboard-spotlight{display:block;width:100%;border:1px solid rgb(255 255 255 / 34%);border-radius:28px;background:#ffffff42;box-shadow:inset 0 1px #ffffff75,inset 0 -1px #00000014,0 22px 64px #00000038;backdrop-filter:blur(30px) saturate(1.32);-webkit-backdrop-filter:blur(30px) saturate(1.32);overflow:hidden;transition:background .26s ease}.keyboard-spotlight-row{display:grid;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:54px;padding:0 22px}.keyboard-spotlight-icon{position:relative;display:block;width:19px;height:19px;opacity:.58}.keyboard-spotlight-icon:before{position:absolute;top:1px;left:1px;width:11px;height:11px;border:2px solid rgb(255 255 255 / 86%);border-radius:50%;content:""}.keyboard-spotlight-icon:after{position:absolute;right:2px;bottom:2px;width:8px;height:2px;border-radius:999px;background:#ffffffdb;content:"";transform:rotate(45deg);transform-origin:center}.keyboard-spotlight input{width:100%;min-width:0;border:0;padding:0;color:#fffffff0;background:transparent;font-size:1.08rem;font-weight:500;line-height:1;letter-spacing:0;outline:none}.keyboard-spotlight input::placeholder{color:#ffffff9e}.keyboard-spotlight input::-webkit-search-cancel-button{display:none}.keyboard-spotlight-help{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;padding:0;color:#ffffff52;background:transparent;cursor:pointer;font:inherit;font-size:.98rem;font-weight:640;line-height:1;transition:color .14s ease,background .14s ease}.keyboard-spotlight-help:hover,.keyboard-spotlight-help:focus-visible,.keyboard-spotlight-help.is-active{color:#ffffffa8;background:#ffffff0d;outline:none}.keyboard-suggestions{box-sizing:border-box;display:grid;gap:2px;height:0;padding:0 4px;opacity:0;overflow:hidden;position:relative;transition:height .36s cubic-bezier(.22,1,.36,1),opacity .18s ease,padding .36s cubic-bezier(.22,1,.36,1)}.keyboard-suggestions:before{display:block;width:calc(100% - 40px);height:1px;margin:0 20px 6px;background:#ffffff29;content:""}.keyboard-spotlight.has-suggestions .keyboard-suggestions{height:var(--keyboard-suggestions-height, 207px);padding:0 4px 10px;opacity:1}.keyboard-suggestions button{position:relative;display:grid;grid-template-columns:var(--keyboard-suggestion-title-width, 7ch) minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:36px;border:0;border-radius:19px;padding:0 22px;color:#ffffffeb;background:transparent;cursor:pointer;isolation:isolate;text-align:left;transition:color .12s ease}.keyboard-suggestions button:before{position:absolute;top:50%;right:10px;left:10px;height:30px;z-index:-1;border-radius:999px;background:#fff0;content:"";transform:translateY(-50%);transition:background .12s ease}.keyboard-suggestions button.is-selected,.keyboard-suggestions button:hover,.keyboard-suggestions button:focus-visible{color:#fffffffa;outline:none}.keyboard-suggestions button.is-selected:before,.keyboard-suggestions button:hover:before,.keyboard-suggestions button:focus-visible:before{background:#ffffff14}.keyboard-suggestions span,.keyboard-suggestions small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyboard-suggestions span{font-size:.9rem;font-weight:620;line-height:1.24}.keyboard-suggestions small{color:#ffffff94;font-size:.74rem;font-weight:520;line-height:1.28}kbd{min-width:25px;border:1px solid rgb(255 244 218 / 16%);border-radius:999px;padding:2px 6px 3px;color:#fff9edad;background:transparent;font-family:inherit;font-size:.62rem;font-weight:680;line-height:1;text-align:center}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:clamp(10px,1.6vw,22px);background:#fffdf8;-webkit-user-select:none;user-select:none;opacity:1;transition:opacity .82s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1)}.loading-screen.is-exiting{opacity:0;transform:scale(1.012);pointer-events:none}.loading-sky{position:relative;width:100%;height:100%;border-radius:clamp(12px,1.6vw,22px);background:linear-gradient(180deg,#6f9ec2,#c4ada0 58%,#556978);box-shadow:inset 0 0 0 1px #ffffff4d,0 18px 54px #48423c14;overflow:hidden}.loading-constellation{position:absolute;left:50%;bottom:clamp(26px,5vw,48px);z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;transform:translate(-50%)}.loading-constellation span{display:block;width:5px;height:5px;border-radius:50%;background:#fffc;box-shadow:0 0 18px #ffffff94;animation:loading-star 1.5s ease-in-out infinite}.loading-constellation span:nth-child(2){animation-delay:.18s}.loading-constellation span:nth-child(3){animation-delay:.36s}@keyframes loading-star{0%,to{opacity:.36;transform:scale(.78)}45%{opacity:1;transform:scale(1)}}@media(max-width:720px){.hud-top{top:14px;left:14px;padding:7px 10px 8px}.hud-actions{top:14px;right:14px}.face-tracking-status{top:54px;right:14px}.return-button{left:14px;bottom:14px}}.portfolio-page{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;color:#242424;background:#fff;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:visible;overscroll-behavior-y:auto}.portfolio-ascii-flower{position:fixed;top:clamp(38px,6vh,86px);right:max(-60px,calc((100vw - 1180px)/2 - 180px));z-index:0;margin:0;color:#14141416;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:clamp(.5rem,.78vw,.74rem);font-weight:600;line-height:.86;letter-spacing:0;pointer-events:none;white-space:pre;-webkit-user-select:none;user-select:none}.portfolio-ascii-glyph{color:currentColor;transition:color .76s cubic-bezier(.22,1,.36,1)}.portfolio-ascii-glyph.is-mutating{color:#14141421}.portfolio-site-sheet{position:relative;z-index:1;width:min(1180px,calc(100% - 56px));min-height:100%;margin:0 auto;padding:clamp(96px,15vh,166px) 0 120px}@keyframes portfolio-focus-copy{0%{opacity:.58;filter:blur(1.5px);transform:translateY(7px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}[data-portfolio-reveal]{opacity:0;filter:blur(2px);transform:translateY(12px);transition:opacity .68s cubic-bezier(.22,1,.36,1),filter .72s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);transition-delay:var(--portfolio-reveal-delay, 0ms)}[data-portfolio-reveal].is-visible{opacity:1;filter:blur(0);transform:translateY(0)}.portfolio-section{--portfolio-reveal-delay: 90ms}.portfolio-profile h1{--portfolio-reveal-delay: 40ms}.portfolio-profile p{--portfolio-reveal-delay: .15s}.portfolio-profile .portfolio-screen-note{--portfolio-reveal-delay: .22s}.portfolio-today>h2{--portfolio-reveal-delay: .27s}.portfolio-today .portfolio-copy p:nth-child(1){--portfolio-reveal-delay: .36s}.portfolio-today .portfolio-copy p:nth-child(2){--portfolio-reveal-delay: .44s}.portfolio-today .portfolio-copy p:nth-child(3){--portfolio-reveal-delay: .52s}.portfolio-skill-entry:nth-child(2n),.portfolio-timeline article:nth-child(2n){--portfolio-reveal-delay: 80ms}.portfolio-skill-entry:nth-child(3n),.portfolio-timeline article:nth-child(3n){--portfolio-reveal-delay: .14s}.portfolio-profile{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.portfolio-profile h1,.portfolio-profile p{color:#252525;font-size:1.12rem;font-weight:650;line-height:1.14;text-shadow:none;text-transform:none}.portfolio-profile p{color:#78746e;font-weight:520}.portfolio-profile .portfolio-screen-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;max-width:340px;margin-top:18px;color:#9b9790;font-size:.88rem;font-weight:430;line-height:1.42}.portfolio-screen-note:before{content:"//";color:#c7c2ba;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.78em;font-weight:620;line-height:1.8}.portfolio-desk-link{position:fixed;top:clamp(96px,15vh,166px);right:max(28px,calc((100vw - 1180px)/2));z-index:5;display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;color:#7a7771;background:transparent;cursor:pointer;font:inherit;font-size:1rem;line-height:1.35;text-decoration:underline;text-underline-offset:4px;transition:color .14s ease}.portfolio-desk-link:hover,.portfolio-desk-link:focus-visible{color:#242424;outline:none}.portfolio-section{margin-top:clamp(118px,16vh,176px)}.portfolio-section+.portfolio-section{margin-top:clamp(88px,13vh,148px)}.portfolio-section>h2{margin:0 0 34px;color:#242424;font-size:1.12rem;font-weight:650;line-height:1.18}.portfolio-copy{display:grid;gap:24px;max-width:840px}.portfolio-copy p,.portfolio-list p{color:#7d7972;font-size:clamp(1rem,1.05vw,1.12rem);font-weight:430;line-height:1.54}.portfolio-list{display:grid;gap:44px}.portfolio-list article{min-width:0}.portfolio-list article>header{display:flex;align-items:baseline;gap:16px;justify-content:space-between}.portfolio-list h3,.portfolio-timeline h3{margin:0 0 5px;color:#252525;font-size:1.12rem;font-weight:520;line-height:1.22}.portfolio-projects-layout{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(360px,.78fr);gap:clamp(56px,7vw,112px);align-items:start}.portfolio-projects-copy{min-width:0}.portfolio-projects-copy>h2{margin:0 0 34px;color:#242424;font-size:1.12rem;font-weight:650;line-height:1.18}.portfolio-project-list{gap:clamp(92px,15vh,176px);padding:clamp(22px,4.5vh,54px) 0 clamp(78px,13vh,150px)}.portfolio-project-card{display:block;margin:-10px 0;border-radius:0;padding:10px 0;color:inherit;opacity:.18;text-decoration:none;transition:color .18s ease,opacity .26s ease}.portfolio-project-card:not(.is-static){cursor:pointer}.portfolio-project-card:not(.is-static):focus-visible{outline:none}.portfolio-project-card.is-active,.portfolio-project-card:focus-visible{opacity:1}.portfolio-project-card.is-active h3,.portfolio-project-card:not(.is-static):focus-visible h3{color:#111}.portfolio-project-copy{min-width:0;max-width:780px;transition:opacity .26s ease,color .26s ease}.portfolio-project-heading{display:inline-grid;grid-template-columns:minmax(0,auto) 16px;align-items:center;gap:9px}.portfolio-project-arrow{display:inline-block;width:auto;height:auto;opacity:0;color:currentColor;font-size:.94em;font-weight:520;line-height:1;transform:translate(-7px,3px) scale(.92);transition:opacity .26s ease,transform .34s cubic-bezier(.22,1,.36,1)}.portfolio-project-card.is-active .portfolio-project-arrow,.portfolio-project-card:focus-visible .portfolio-project-arrow{opacity:.92;transform:translateY(-1px) scale(1)}.portfolio-project-card.is-active .portfolio-project-heading,.portfolio-project-card:focus-visible .portfolio-project-heading{animation:portfolio-focus-copy .46s cubic-bezier(.22,1,.36,1) both}.portfolio-project-card.is-active .portfolio-project-copy>p,.portfolio-project-card:focus-visible .portfolio-project-copy>p{animation:portfolio-focus-copy .52s 45ms cubic-bezier(.22,1,.36,1) both}.portfolio-project-card.is-active .portfolio-project-details li,.portfolio-project-card:focus-visible .portfolio-project-details li{animation:portfolio-focus-copy .56s cubic-bezier(.22,1,.36,1) both}.portfolio-project-card.is-active .portfolio-project-details li:nth-child(1),.portfolio-project-card:focus-visible .portfolio-project-details li:nth-child(1){animation-delay:95ms}.portfolio-project-card.is-active .portfolio-project-details li:nth-child(2),.portfolio-project-card:focus-visible .portfolio-project-details li:nth-child(2){animation-delay:.13s}.portfolio-project-card.is-active .portfolio-project-details li:nth-child(3),.portfolio-project-card:focus-visible .portfolio-project-details li:nth-child(3){animation-delay:165ms}.portfolio-project-media{display:grid;gap:8px;width:100%;margin:0}.portfolio-project-media img{display:block;width:100%;min-width:0;height:auto;border:1px solid #e2e0dc;border-radius:7px;background:#f7f7f5;filter:saturate(.92);object-fit:contain}.portfolio-project-media-benchmarks img{border-color:#eeece7;background:#fff;filter:saturate(.9) brightness(1.045) contrast(.98)}.portfolio-project-media-wide{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.portfolio-project-media-wide img:first-child:last-child{grid-column:1 / -1}.portfolio-project-media-wide.portfolio-project-media-count-1{max-width:min(100%,560px)}.portfolio-project-media-phone{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;max-width:min(100%,430px)}.portfolio-project-media-phone img{aspect-ratio:9 / 19.55;border-radius:7px}.portfolio-project-media-empty{max-width:min(100%,560px);min-height:92px;border:1px solid #e5e2dd;border-radius:7px;background:#f4f3f0}.portfolio-project-media-empty figcaption{align-self:end;padding:8px;color:#9f9a92;font-size:.68rem;line-height:1.25}.portfolio-project-details{display:grid;gap:7px;max-width:760px;margin:13px 0 0;padding-left:1.05em;color:#8f8a82}.portfolio-project-details li{padding-left:.15em;font-size:.92rem;font-weight:430;line-height:1.48}.portfolio-project-inline-media{display:none}.portfolio-project-stage{position:sticky;top:clamp(190px,27vh,280px);display:block;min-height:0}.portfolio-project-stage-mobile{display:none}.portfolio-project-stage-inner{position:relative;width:100%;min-height:clamp(260px,31vw,430px);margin-top:clamp(82px,12vh,132px)}.portfolio-project-stage-item{--project-stage-y: 0px;position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;pointer-events:none;transform:translateY(calc(var(--project-stage-y) + 12px)) scale(.985);transition:opacity .3s ease,transform .42s cubic-bezier(.22,1,.36,1)}.portfolio-project-stage-item.is-active{opacity:1;pointer-events:auto;transform:translateY(var(--project-stage-y)) scale(1)}.portfolio-project-stage-item-benchmarks{--project-stage-y: clamp(104px, 14vh, 158px)}.portfolio-project-stage-link{display:block;color:inherit;cursor:pointer;text-decoration:none}.portfolio-project-stage-link:focus-visible{border-radius:7px;outline:1px solid #b8b4ad;outline-offset:5px}.portfolio-skills-section,.portfolio-career-section{max-width:1010px}.portfolio-skill-list{gap:clamp(54px,7vh,78px);max-width:900px}.portfolio-skill-entry{display:grid;grid-template-columns:190px minmax(0,590px);gap:clamp(54px,7vw,84px);align-items:start}.portfolio-skill-entry h3{margin:1px 0 0}.portfolio-skill-copy{max-width:590px}.portfolio-skill-copy p{max-width:none}.portfolio-skill-signals{display:flex;flex-wrap:wrap;gap:0;margin-top:14px}.portfolio-skill-signals span{color:#9e9890;font-size:.88rem;font-weight:430;line-height:1.6}.portfolio-skill-signals span:not(:last-child):after{content:"/";margin:0 .42em;color:#c7c2ba}.portfolio-skills-section .portfolio-chip-row{max-width:900px;margin-left:0}.portfolio-timeline{max-width:980px}.portfolio-timeline article{display:grid;grid-template-columns:146px minmax(0,680px);gap:clamp(56px,7vw,86px)}.portfolio-timeline time{color:#9b9790;font-size:.88rem;font-weight:430;line-height:1.46}.portfolio-chip-row{display:flex;flex-wrap:wrap;gap:0;margin-top:44px}.portfolio-chip-row span{color:#8f8a82;font-size:.88rem;font-weight:430;line-height:1.6}.portfolio-chip-row span:not(:last-child):after{content:"/";margin:0 .42em;color:#c7c2ba}@media(prefers-reduced-motion:reduce){[data-portfolio-reveal],[data-portfolio-reveal].is-visible{opacity:1;filter:none;transform:none;transition:none}.portfolio-ascii-flower{transform:none}.portfolio-ascii-glyph,.portfolio-desk-link,.portfolio-project-card,.portfolio-project-copy,.portfolio-project-arrow,.portfolio-project-stage-mobile,.portfolio-project-stage-item{transition:none}.portfolio-project-card.is-active .portfolio-project-heading,.portfolio-project-card:focus-visible .portfolio-project-heading,.portfolio-project-card.is-active .portfolio-project-copy>p,.portfolio-project-card:focus-visible .portfolio-project-copy>p,.portfolio-project-card.is-active .portfolio-project-details li,.portfolio-project-card:focus-visible .portfolio-project-details li{animation:none}.portfolio-project-stage-item{transform:none}}@media(max-width:760px){.portfolio-ascii-flower{top:8px;right:6px;opacity:.88;font-size:clamp(.58rem,1.18vh,.72rem);line-height:.9}.portfolio-site-sheet{width:min(100% - 40px,876px);padding:72px 0 88px}.portfolio-profile{display:grid;gap:18px}.portfolio-profile h1,.portfolio-profile p,.portfolio-section>h2,.portfolio-list h3,.portfolio-timeline h3{font-size:1.06rem}.portfolio-copy p,.portfolio-list p{font-size:.98rem;line-height:1.52}.portfolio-section,.portfolio-section+.portfolio-section{margin-top:86px}.portfolio-section>h2{margin-bottom:34px}.portfolio-list{gap:38px}.portfolio-project-list{gap:52px;padding:0 0 42px}.portfolio-projects-copy>h2{margin-bottom:20px}.portfolio-projects-layout,.portfolio-skill-entry,.portfolio-timeline article{display:grid;grid-template-columns:1fr;gap:38px}.portfolio-skill-list{gap:42px}.portfolio-skill-entry{gap:12px}.portfolio-skills-section .portfolio-chip-row{max-width:100%;margin-left:0}.portfolio-project-card{margin:-7px -8px;padding:7px 8px 9px}.portfolio-project-stage-desktop{display:none}.portfolio-project-stage-mobile{--portfolio-mobile-stage-lift: 0px;position:sticky;top:10px;z-index:3;display:block;margin:0 0 -26px;padding:0;transform:translateY(calc(-1 * var(--portfolio-mobile-stage-lift)));will-change:transform}.portfolio-project-stage-mobile .portfolio-project-stage-inner{min-height:clamp(198px,56vw,250px);margin-top:0}.portfolio-project-stage-mobile .portfolio-project-stage-item,.portfolio-project-stage-mobile .portfolio-project-stage-item-benchmarks{--project-stage-y: 0px;display:flex;align-items:flex-end}.portfolio-project-stage-mobile .portfolio-project-stage-link,.portfolio-project-stage-mobile .portfolio-project-media{width:100%}.portfolio-project-stage-mobile .portfolio-project-media{align-items:end;gap:6px}.portfolio-project-stage-mobile .portfolio-project-media img{max-height:clamp(126px,40vw,190px)}.portfolio-project-stage-mobile .portfolio-project-media-phone{max-width:min(78%,270px);margin:0 auto}.portfolio-project-stage-mobile .portfolio-project-media-phone img{max-height:clamp(158px,52vw,236px)}.portfolio-project-stage-mobile .portfolio-project-media-wide.portfolio-project-media-count-1{max-width:min(88%,460px);margin:0 auto}.portfolio-project-stage-mobile .portfolio-project-media-wide.portfolio-project-media-count-1 img{width:100%;height:clamp(188px,50vw,238px);max-height:none;object-fit:cover;object-position:center}.portfolio-project-stage-mobile .portfolio-project-media-empty{min-height:136px}.portfolio-project-inline-media{display:none}.portfolio-project-media-wide,.portfolio-project-media-wide.portfolio-project-media-count-1,.portfolio-project-media-phone{max-width:100%}.portfolio-timeline time{font-size:.86rem}}