:root{--background:#fff;--surface:#f5f5f5;--surface-hover:#ebebeb;--text-primary:#111;--text-secondary:#a2a0a0;--border:transparent;--accent-purple:#7400a2;--accent-orange:#da4f14;--accent-lilac:#c88efe;--accent-white:#fff;--currently-card-bg:var(--accent-white);--border-mask:#000;--portrait-fallback:#1d5ed8;--panel-radius:12px;--toggle-knob-offset:4px;--theme-transition:.45s ease-in-out}html[data-theme=dark]{--background:#000;--surface:#1e1e1e;--surface-hover:#434343;--text-primary:#fff;--currently-card-bg:#1a1a1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}html,body{background:var(--background);min-height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Arial,Helvetica,sans-serif;transition:background-color .45s ease-in-out}body{min-height:100vh}*{box-sizing:border-box}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p,h3{margin:0}.portfolio-shell{background:var(--background);min-height:100vh;color:var(--text-primary);transition:background-color .45s ease-in-out}.portfolio-view-enter,.portfolio-view-exit{animation-duration:.5s;animation-timing-function:ease;animation-delay:0s;animation-fill-mode:both}.portfolio-view-enter{animation-name:portfolio-view-fade-in}.portfolio-view-exit{pointer-events:none;animation-name:portfolio-view-fade-out}.portfolio-transition-gap{background:var(--background);min-height:100vh}@keyframes portfolio-view-fade-in{0%{opacity:0}to{opacity:1}}@keyframes portfolio-view-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.portfolio-view-enter,.portfolio-view-exit{animation:none}}.sidebar{background:var(--background);width:316px;height:100vh;color:var(--text-primary);flex-direction:column;padding:18px 18px 0;transition:background-color .45s ease-in-out;display:flex;position:fixed;top:0;left:0}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.work-pill{--pill-padding-y:9px;--pill-padding-x:16px;min-width:56px;min-height:32px;padding:var(--pill-padding-y) var(--pill-padding-x);background:var(--surface);font:inherit;color:var(--text-primary);cursor:pointer;isolation:isolate;background-clip:padding-box;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;font-size:.95rem;line-height:1;transition:background-color .45s ease-in-out,color .45s ease-in-out,border-color .45s ease-in-out;display:inline-flex;position:relative}.work-pill:before{content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle), var(--accent-purple), var(--accent-orange), var(--accent-lilac), var(--accent-white), var(--accent-purple));-webkit-mask:linear-gradient(var(--border-mask) 0 0) content-box, linear-gradient(var(--border-mask) 0 0);-webkit-mask:linear-gradient(var(--border-mask) 0 0) content-box, linear-gradient(var(--border-mask) 0 0);mask:linear-gradient(var(--border-mask) 0 0) content-box, linear-gradient(var(--border-mask) 0 0);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:5s linear infinite work-border;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}@keyframes work-border{to{--border-angle:360deg}}.work-pill:hover,.nav-card:hover{background:var(--surface-hover)}.work-pill:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.mode-toggle{background:var(--surface);cursor:pointer;border:none;border-radius:999px;width:52px;height:28px;margin-right:4px;padding:0;transition:background-color .45s ease-in-out;position:relative}.mode-toggle:after{content:"";background:var(--accent-white);border-radius:50%;width:18px;height:18px;transition:left .45s ease-in-out,background-color .45s ease-in-out;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.mode-toggle.is-on{background:var(--surface)}html[data-theme=dark] .mode-toggle.is-on{background:var(--surface-hover)}html[data-theme=light] .mode-toggle:after{left:calc(100% - 22px)}.intro-block{flex-direction:column;flex-shrink:0;align-items:center;width:100%;margin-top:34px;display:flex}.greeting-shell{justify-content:center;align-items:center;width:100%;min-height:2.25rem;margin-bottom:18px;display:flex;position:relative}.greeting-wrapper{justify-content:center;width:100%;display:flex}.greeting-text{letter-spacing:-.08em;text-align:center;white-space:pre;width:7.75rem;min-width:7.75rem;color:var(--text-primary);transition:color var(--theme-transition);justify-content:center;align-items:center;font-size:2.25rem;font-weight:700;line-height:1;transition-delay:0s;display:inline-flex}@media (prefers-reduced-motion:reduce){.greeting-text{text-align:center}}.portrait-frame{background:var(--portrait-fallback);border-radius:7px;width:130px;height:130px;overflow:hidden}.portrait{object-fit:cover;object-position:center center;filter:saturate(.8)brightness(.95)contrast(1.05);width:100%;height:100%}.identity{text-align:center;flex-direction:column;align-items:center;gap:2px;margin-top:14px;display:flex}.name{color:var(--text-primary);transition:color var(--theme-transition);font-size:.82rem;font-weight:600;line-height:1.35;transition-delay:0s}.role{color:var(--text-secondary);transition:color var(--theme-transition);font-size:.82rem;font-weight:400;line-height:1.35;transition-delay:0s}.location{color:var(--text-secondary);transition:color var(--theme-transition);margin-top:-1px;font-size:.82rem;font-weight:400;line-height:1.2;transition-delay:0s}.cards-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;margin-top:26px;padding-bottom:24px;padding-right:2px;overflow-y:auto}.cards-scroll::-webkit-scrollbar{display:none}.sidebar-nav{flex-direction:column;gap:5px;display:flex}.nav-card{background:var(--surface);border-radius:var(--panel-radius);width:100%;height:80px;min-height:80px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;border:0;justify-content:flex-start;align-items:center;padding:16px;transition:background-color .45s ease-in-out,border-color .45s ease-in-out;display:flex}.nav-card.is-selected{background:var(--surface-hover)}.nav-card-inner{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:flex}.nav-card h3{color:var(--text-primary);transition:color var(--theme-transition);font-size:.82rem;font-weight:600;line-height:1.2;transition-delay:0s}.nav-card p{color:var(--text-secondary);transition:color var(--theme-transition);font-size:.82rem;font-weight:400;line-height:1.2;transition-delay:0s}.identity-button{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;margin:0;padding:0;display:flex}.main-panel{background:var(--background);min-height:100vh;margin-left:316px;padding:18px 18px 18px 0;transition:background-color .45s ease-in-out}.content-panel{border-radius:var(--panel-radius);background:var(--surface);min-height:calc(100vh - 36px);transition:background-color .45s ease-in-out;position:relative;overflow:hidden}.content-stage{opacity:0;pointer-events:none;transition:opacity .28s ease-in-out;position:absolute;inset:0}.content-stage.is-visible{opacity:1;pointer-events:auto}.content-panel.is-content-exiting .content-stage.is-visible{opacity:0;pointer-events:none}.home-stage{padding:45px 45px 44px;position:absolute;inset:0}@media (min-width:901px){.home-stage .memory-feature{bottom:32px}}@media (min-width:901px) and (max-height:620px),(min-width:901px) and (max-width:1100px) and (max-height:660px){.home-stage{overflow-y:auto}.home-stage .memory-feature{flex-wrap:wrap;justify-content:flex-end;margin-top:40px;position:relative;bottom:auto;right:auto}}.content-copy{max-width:670px}.content-copy h1{max-width:670px;color:var(--text-primary);letter-spacing:-.055em;transition:color var(--theme-transition);margin:0;font-size:clamp(3rem,4.25vw,5rem);font-weight:700;line-height:.98;transition-delay:0s}.clients-copy{max-width:350px;margin-top:40px;font-size:.82rem;line-height:1.35}.clients-copy p{margin:0}.clients-copy p>span:first-child,.clients-copy p>span:last-child{color:var(--text-secondary);transition:color var(--theme-transition);transition-delay:0s}.clients-copy .clients-primary{color:var(--text-primary);transition:color var(--theme-transition);transition-delay:0s}.memory-feature{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:22px;right:22px}.about-stage{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;padding:45px 42px 38px;inset:0;overflow-y:auto}.about-stage::-webkit-scrollbar{width:8px}.about-stage::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.about-layout{grid-template-columns:minmax(0,1.08fr) minmax(180px,.72fr);align-items:start;gap:100px;max-width:980px;display:grid}.about-main-column{max-width:470px}.about-heading{color:var(--text-primary);letter-spacing:-.055em;transition:color var(--theme-transition);margin:0 0 84px;font-size:clamp(3rem,4.25vw,5rem);font-weight:700;line-height:.98}.about-bio{gap:18px;max-width:470px;display:grid}.about-bio p{color:var(--text-primary);margin:0;font-size:.82rem;line-height:1.35}.about-side-column{flex-direction:column;gap:34px;max-width:250px;margin-top:8.4rem;display:flex}.about-info-group{flex-direction:column;gap:12px;display:flex}.about-info-group h3{color:var(--text-primary);margin:0;font-size:.82rem;font-weight:600;line-height:1.2}.about-info-group p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.35}.curriculum-stage{padding:45px 42px 38px;position:absolute;inset:0;overflow-y:auto}.curriculum-layout{max-width:980px;padding-right:220px}.curriculum-main-column{max-width:700px}.curriculum-heading{color:var(--text-primary);letter-spacing:-.055em;transition:color var(--theme-transition);margin:0 0 84px;font-size:clamp(3rem,4.25vw,5rem);font-weight:700;line-height:.98}.lets-connect-stage{padding:45px 42px 38px;position:absolute;inset:0}.lets-connect-heading{margin-bottom:0}.lets-connect-links{color:var(--text-primary);letter-spacing:-.055em;transition:color var(--theme-transition);flex-direction:column;align-items:flex-start;gap:10px;font-size:clamp(3rem,4.25vw,5rem);font-weight:700;line-height:.98;display:flex;position:absolute;bottom:38px;left:42px;right:42px}.lets-connect-link{color:var(--text-primary);outline-offset:6px;transition:color var(--theme-transition), opacity .18s ease-in-out;transition-delay:0s}.lets-connect-link--linkedin{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:2px}.lets-connect-link:hover{opacity:.62}.lets-connect-link:focus-visible{outline:2px solid}.curriculum-columns{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);align-items:start;gap:42px;display:grid}.curriculum-column{flex-direction:column;gap:18px;display:flex}.curriculum-experience-item{flex-direction:column;gap:2px;display:flex}.curriculum-company,.curriculum-role,.curriculum-date,.curriculum-meta-group h3,.curriculum-meta-group p{transition:color var(--theme-transition);font-size:.82rem;line-height:1.35}.curriculum-company{color:var(--text-primary);font-weight:600}.curriculum-role,.curriculum-date,.curriculum-meta-group p{color:var(--text-secondary);font-weight:400}.curriculum-meta-group{flex-direction:column;gap:6px;display:flex}.curriculum-meta-group h3{color:var(--text-primary);margin:0 0 8px;font-weight:600}.curriculum-meta-group p{margin:0;line-height:1.2}.curriculum-column--meta{padding-top:2px}.curriculum-currently{justify-content:flex-end;display:flex;position:absolute;bottom:22px;right:22px}.other-stuff-stage{padding:45px 42px 38px;position:absolute;inset:0}.other-stuff-panel{width:100%;height:100%;min-height:100%;position:relative}.other-stuff-heading{z-index:1;max-width:560px;color:var(--text-primary);letter-spacing:-.055em;transition:color var(--theme-transition);flex-direction:column;gap:0;margin:0;font-size:clamp(3rem,4.25vw,5rem);font-weight:700;line-height:.98;display:flex;position:relative}.other-stuff-item{cursor:pointer;background:0 0;border:0;border-radius:14px;padding:0;transition:opacity .24s ease-in-out,filter .24s ease-in-out,transform .24s ease-in-out;animation:14s ease-in-out infinite alternate otherStuffDrift;position:absolute;overflow:visible;transform:translate(0,0)rotate(0)}.other-stuff-item:hover{animation-play-state:paused}.other-stuff-item:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}.other-stuff-item .other-stuff-image{object-fit:cover;background:var(--surface-hover);width:100%;height:100%;box-shadow:none;border-radius:12px;display:block}.other-stuff-item--natural{height:auto!important}.other-stuff-item--natural .other-stuff-image{object-fit:initial;height:auto}.other-stuff-item .other-stuff-image--music{background:0 0;border-radius:0}.other-stuff-item:before{content:"";background:0 0;border-radius:12px;transition:background-color .24s ease-in-out;position:absolute;inset:0}.other-stuff-caption{z-index:10;text-align:left;flex-direction:column;gap:6px;max-width:320px;animation:.26s ease-out otherStuffCaptionIn;display:flex;position:absolute}.other-stuff-image--uncropped{object-fit:contain!important}.other-stuff-title{color:var(--text-primary);transition:color var(--theme-transition);font-size:.82rem;font-weight:600;line-height:1.2}.other-stuff-description{color:var(--text-secondary);transition:color var(--theme-transition);font-size:.82rem;line-height:1.35}.other-stuff-mobile-list{flex-direction:column;gap:26px;margin-top:25px;display:flex}.other-stuff-mobile-item{flex-direction:column;gap:12px;width:100%;display:flex}.other-stuff-mobile-item:nth-child(2n) .other-stuff-mobile-image{align-self:flex-end}.other-stuff-mobile-image{object-fit:cover;background:var(--surface-hover);border-radius:14px;width:min(84%,430px);max-height:420px;display:block;box-shadow:0 8px 22px #00000014}.other-stuff-mobile-copy{flex-direction:column;gap:6px;max-width:540px;display:flex}.other-stuff-mobile-image--music{box-shadow:none;object-fit:contain;background:0 0;border-radius:0}.other-stuff-mobile-copy h3{color:var(--text-primary);font-size:.82rem;font-weight:600;line-height:1.2}.other-stuff-mobile-copy p{color:var(--text-secondary);font-size:.82rem;line-height:1.35}@keyframes otherStuffDrift{0%{transform:translate3d(var(--drift-x,0), var(--drift-y,0), 0) rotate(var(--rotation,0deg))}to{transform:translate3d(calc(var(--drift-x,0) * -1), calc(var(--drift-y,0) * -1), 0) rotate(calc(var(--rotation,0deg) * -1))}}@keyframes otherStuffCaptionIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.currently-header{align-items:flex-end;gap:12px;display:flex}.currently-control{align-items:center;gap:12px;min-height:44px;display:inline-flex}.currently-label{min-height:44px;color:var(--text-secondary);transition:color var(--theme-transition);align-items:center;font-size:.82rem;line-height:1.2;display:inline-flex}.currently-card{background:var(--currently-card-bg);min-width:172px;transition:background-color var(--theme-transition);border-radius:14px}.currently-card-inner{min-height:96px;padding:13px 18px 14px;position:relative;overflow:hidden}.currently-content{opacity:1;min-height:68px;transition:opacity .22s ease-in-out, transform var(--theme-transition);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative;transform:translateY(-1px)}.currently-card-inner.is-transitioning .currently-content{animation:.26s ease-in-out currently-content-fade}@keyframes currently-content-fade{0%{opacity:1}50%{opacity:0}to{opacity:1}}.currently-field{color:var(--text-secondary);text-align:center;transition:color var(--theme-transition);font-size:.72rem;line-height:1.2;transition-delay:0s}.currently-value{color:var(--text-primary);text-align:center;transition:color var(--theme-transition);font-size:1rem;font-weight:600;line-height:1.2;transition-delay:0s}@media (max-width:900px){.main-panel{margin-left:0;padding:18px}.content-panel{min-height:calc(100vh - 36px)}.memory-feature{justify-content:flex-end;margin-top:96px;position:relative;bottom:auto;right:auto}.about-layout{grid-template-columns:1fr;gap:28px}.about-side-column{max-width:100%}.curriculum-layout{padding-right:0}.curriculum-columns{grid-template-columns:1fr}.curriculum-currently{margin-top:40px;position:static}}@media (max-width:560px){.main-panel{padding:12px}.content-panel{min-height:calc(100vh - 24px)}.home-stage{padding:36px 24px 28px}.content-copy h1{font-size:2.7rem}.memory-feature{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:10px}.memory-photo{width:100%}.about-stage,.curriculum-stage,.lets-connect-stage{padding:36px 24px 28px}.lets-connect-links{letter-spacing:-.04em;gap:10px;font-size:clamp(1.35rem,5.5vw,3rem);line-height:1;bottom:28px;left:24px;right:24px}.lets-connect-link{overflow-wrap:anywhere;max-width:100%}.curriculum-layout{max-width:none;padding-right:0}.curriculum-columns{grid-template-columns:1fr}.curriculum-currently{justify-content:flex-start;margin-top:40px;position:static}.currently-header{flex-wrap:wrap;justify-content:flex-start;width:100%}}.memory-caption{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:12px;font-size:.78rem;transition:color .45s ease-in-out;display:flex}.shuffle-button{width:44px;height:44px;color:var(--text-primary);background:var(--accent-white);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .45s ease-in-out,color .45s ease-in-out,border-color .45s ease-in-out;display:inline-flex}.shuffle-button img{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:28px;height:28px;transition:transform .42s}.shuffle-button:hover{background:var(--surface-hover)}.shuffle-button:hover img,.shuffle-button.is-transitioning img{transform:rotate(105deg)}.memory-photo{aspect-ratio:1.42;border-radius:10px;width:clamp(260px,31vw,430px);height:calc(clamp(260px,31vw,430px)/1.42 + 20px);position:relative;overflow:hidden}.memory-layer{opacity:0;transition:opacity var(--transition-duration,.6s) ease-in-out;position:absolute;inset:0;overflow:hidden}.memory-layer.is-cleaning-up{transition:none}.memory-layer.is-current{opacity:1}.memory-layer.is-current.is-transitioning{opacity:0}.memory-layer.is-incoming.is-transitioning{opacity:1}.memory-layer .memory-media{object-fit:cover;object-position:center;background:#151515;width:100%;height:100%;display:block;position:absolute;inset:0}.memory-location{color:var(--accent-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#14141466;border-radius:999px;padding:6px 10px;font-size:.72rem;line-height:1;position:absolute;top:12px;right:12px}@media (max-width:900px){.main-panel{margin-left:0;padding:18px}.content-panel{min-height:calc(100vh - 36px)}.memory-feature{justify-content:flex-end;margin-top:96px;position:relative;bottom:auto;right:auto}}@media (max-width:560px){.main-panel{padding:12px}.content-panel{min-height:calc(100vh - 24px);padding:36px 24px 28px}.content-copy h1{font-size:2.7rem}.memory-feature{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:10px}.memory-photo{width:100%}}.mobile-menu-toggle,.mobile-home-link{display:none}@media (max-width:900px){.sidebar{z-index:3;width:100%;height:auto;padding:18px 18px 24px;position:relative}.sidebar .topbar{gap:12px}.sidebar .mode-toggle{flex-shrink:0;margin-left:auto;margin-right:0}.mobile-menu-toggle{background:var(--surface);min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;transition:background-color var(--theme-transition), color var(--theme-transition);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;display:inline-flex}.mobile-menu-toggle span{width:16px;font-size:1.1rem;line-height:1}.mobile-menu-toggle:hover{background:var(--surface-hover)}.mobile-menu-toggle:focus-visible,.identity-button:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}.sidebar .intro-block{margin-top:28px}.sidebar .cards-scroll{background:var(--background);border:1px solid var(--surface-hover);border-radius:var(--panel-radius);z-index:4;max-width:360px;max-height:calc(100svh - 90px);margin:0;padding:8px;display:none;position:absolute;top:72px;left:18px;right:18px;overflow-y:auto}.sidebar.mobile-menu-open .cards-scroll{display:block}.sidebar-nav{gap:4px}.mobile-home-link{display:block}.sidebar-nav .nav-card{height:auto;min-height:48px;padding:14px 16px}.sidebar-nav .nav-card p{display:none}.main-panel{min-height:0;padding-top:0}.content-panel{min-height:0;padding:0}.content-stage{visibility:hidden;transition:opacity .28s ease-in-out,visibility .28s}.content-stage.is-visible{visibility:visible;transition-delay:0s;position:relative;inset:auto;overflow:visible}.lets-connect-links{overflow-wrap:anywhere;margin-top:80px;font-size:clamp(1.35rem,5.5vw,3rem);position:static}.memory-feature{flex-wrap:wrap;justify-content:flex-start;max-width:100%;margin-top:48px}.memory-caption .shuffle-button{order:-1;width:36px;height:36px}.memory-caption .shuffle-button img{width:24px;height:24px}.memory-photo{aspect-ratio:1.42;width:min(100%,430px);height:auto}}@media (max-width:560px){.main-panel{padding-top:0}.content-stage{padding:32px 22px}.content-copy h1,.about-heading,.curriculum-heading,.other-stuff-heading{overflow-wrap:break-word;font-size:clamp(2rem,8vw,2.7rem)}.about-heading,.curriculum-heading{margin-bottom:36px}.lets-connect-heading{margin-bottom:0}}@media (max-width:360px){.content-copy h1{font-size:1.75rem}}@media (prefers-reduced-motion:reduce) and (max-width:900px){.content-stage{transition:none}}@media (max-width:900px){.topbar .work-pill,.topbar .mode-toggle,.mobile-menu-toggle{height:36px;min-height:36px}.mobile-menu-toggle{width:36px;padding:0}.topbar .work-pill{padding-top:0;padding-bottom:0}.topbar .mode-toggle:after{width:28px;height:28px}html[data-theme=light] .topbar .mode-toggle:after{left:calc(100% - 32px)}.curriculum-currently{display:none}}@media (prefers-reduced-motion:reduce){.content-stage,.currently-card-inner,.shuffle-button img{transition:none}.other-stuff-item{animation:none}}