:root{--bg-color: oklch(14.5% 0 0);--text-color: oklch(97% 0 0);--text-muted: oklch(43.9% 0 0);--accent-color: oklch(62.3% .214 259.815);--link-hover: oklch(80.9% .105 251.813);--company-bg: #27272a;--border-color: oklch(26.9% 0 0);--theme-toggle-bg: oklch(97% 0 0);--font-family: "Figtree", sans-serif;--font-normal: 400;--font-medium: 500;--base-font-size: 1.5rem;--container-padding: 12rem;--nav-height: 5rem}:root[data-theme=light]{--bg-color: oklch(97% 0 0);--text-color: oklch(20.5% 0 0);--text-muted: oklch(70.8% 0 0);--accent-color: oklch(62.3% .214 259.815);--link-hover: oklch(42.4% .199 265.638);--company-bg: #e4e4e7;--border-color: oklch(92.2% 0 0);--theme-toggle-bg: oklch(14.5% 0 0)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);font-size:var(--base-font-size);font-weight:var(--font-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .6s ease,color .6s ease;position:relative;overflow-x:hidden}main,.page{margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding);min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:6rem;text-align:left;position:relative}main{transition:opacity .4s ease}.page{opacity:1}main p{margin:0 auto;color:var(--text-color);font-size:3.5rem;line-height:1.25;transition:color .6s ease}main a{color:var(--accent-color);text-decoration:none;font-weight:var(--font-medium);transition:color .6s ease}main a:hover{color:var(--link-hover)}.work-experience,.work-section{display:flex;align-items:center;gap:1rem}.work-experience{flex-wrap:wrap}.label{font-size:1.75rem;font-weight:var(--font-medium);color:var(--text-muted);transition:color .6s ease}.company-circle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--company-bg);text-decoration:none;position:relative;overflow:hidden;transition:background-color .6s ease}.company-now{background-color:#3b82f6}.company-then{margin-left:-1.5rem;z-index:1;cursor:pointer;background-color:var(--company-bg);transition:margin-left .3s ease,background-color .6s ease}.company-circles-group .company-then:nth-of-type(1){background-color:#6b1c96;z-index:3}.company-circles-group .company-then:nth-of-type(2){background-color:#10b981;z-index:2}.company-circles-group .company-then:nth-of-type(3){background-color:#14b8a6;z-index:1}.company-then:first-of-type{margin-left:0}.company-circles-group:hover .company-then,.company-circles-group.expanded .company-then{margin-left:.75rem}.company-circles-group:hover .company-then:first-of-type,.company-circles-group.expanded .company-then:first-of-type{margin-left:0}.company-circles-group{display:flex;align-items:center;position:relative}.company-logo{width:60%;height:60%;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.company-circle img[src=""],.company-circle img:not([src]){display:none}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.social-links,.nav-links{position:relative;display:flex;align-items:center;gap:2rem;padding:0;transition:background-color .6s ease,border-color .6s ease}.nav-link{font-size:1.75rem;font-weight:var(--font-medium)}.nav-link.active{color:var(--text-color)}.nav-link-icon{display:flex;align-items:center;padding:0;line-height:0}.nav-link-icon svg{width:1.75rem;height:1.75rem;min-width:1.75rem;min-height:1.75rem;max-width:1.75rem;max-height:1.75rem;display:block;flex-shrink:0}.portfolio-section-container,.portfolio-section-content{width:100%}.theme-toggle{width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--theme-toggle-bg);border:none;cursor:pointer;padding:0;flex-shrink:0;transition:background-color .2s ease}.theme-transition-overlay{position:fixed;border-radius:50%;pointer-events:none;z-index:9999;transform:scale(0);opacity:1;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.theme-transition-overlay.active{transform:scale(1);opacity:0}.portfolio-section{opacity:0;animation:slideInFromLeft .8s ease-out .2s forwards}.portfolio-scroll-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-left:calc(-1 * var(--container-padding));margin-right:calc(-1 * var(--container-padding));padding:0}.portfolio-scroll-container::-webkit-scrollbar{display:none}.portfolio-grid{display:flex;gap:2rem;width:fit-content;padding-left:var(--container-padding);padding-right:var(--container-padding)}.portfolio-shot{position:relative;flex-shrink:0;width:520px;aspect-ratio:4 / 3;border:solid 1.5px var(--border-color);border-radius:.75rem;background-color:var(--company-bg);cursor:pointer;opacity:0;animation:fadeInUp .5s ease-out;transition:opacity .25s cubic-bezier(.4,0,.2,1),background-color .6s ease,border-color .6s ease;overflow:hidden}.portfolio-shot.animated,.portfolio-panel.animated{opacity:1}.portfolio-grid:hover .portfolio-shot{opacity:.25!important}.portfolio-grid:hover .portfolio-shot:hover{opacity:1!important}.portfolio-shot img,.portfolio-panel img{width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(.75rem - 1.5px)}.portfolio-shot.skeleton-loading,.portfolio-panel.skeleton-loading{background-color:var(--company-bg);position:relative;overflow:hidden}.portfolio-shot.skeleton-loading:before,.portfolio-panel.skeleton-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:skeleton-shimmer 1.5s ease-in-out infinite}.portfolio-shot img,.portfolio-panel img{position:relative;z-index:2}.rat-sequence{position:relative;flex-shrink:0;width:520px;aspect-ratio:4 / 3;opacity:1;overflow:hidden}.rat-sequence img{width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(.75rem - 1.5px)}@keyframes skeleton-shimmer{0%{left:-100%}to{left:100%}}.portfolio-panel{position:relative;margin-right:4rem;flex-shrink:0;max-height:800px;aspect-ratio:4 / 3;border:solid 1.5px var(--border-color);border-radius:.75rem;cursor:default;opacity:0;animation:fadeInUp .5s ease-out;transition:background-color .6s ease,border-color .6s ease;overflow:hidden;display:flex;align-items:center;justify-content:center}.portfolio-panel.portfolio-panel-text{border:none;width:45vw;cursor:default;padding:3rem;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5rem}.portfolio-panel-text .portfolio-panel-headline{font-size:2.5rem;font-weight:var(--font-medium);color:var(--text-color);line-height:1.2;transition:color .6s ease}.portfolio-panel-text .portfolio-panel-body{font-size:1.5rem;font-weight:var(--font-normal);color:var(--text-muted);line-height:1.5;transition:color .6s ease}.portfolio-panel.animated{opacity:1}.portfolio-panel--no-border{border:none}.portfolio-panel--no-border img{border-radius:.75rem}.image-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;z-index:1000;align-items:center;justify-content:center;padding:2rem;opacity:0;transition:opacity .3s ease,background-color .3s ease}.image-modal.active{display:flex;opacity:1;background-color:#000000e6}.modal-image{max-width:100%;max-height:100%;object-fit:contain;opacity:1}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-color);font-size:2.5rem;line-height:1;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;font-family:var(--font-family)}.modal-close:hover{opacity:.7}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}html.transition-exit-left ::view-transition-old(root){animation:view-exit-left .35s ease-out both}html.transition-exit-right ::view-transition-old(root){animation:view-exit-right .35s ease-out both}html.transition-enter-from-right ::view-transition-new(root){animation:view-enter-from-right .35s ease-out both}html.transition-enter-from-left ::view-transition-new(root){animation:view-enter-from-left .35s ease-out both}@keyframes view-exit-left{to{transform:translate(-100%)}}@keyframes view-exit-right{to{transform:translate(100%)}}@keyframes view-enter-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes view-enter-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (min-width: 769px) and (max-width: 1600px){main,.page{padding-top:8rem;padding-bottom:8rem;justify-content:flex-start}}@media (max-width: 768px){:root{--container-padding: 2.25rem;--nav-height: 4.5rem}.nav-link,.theme-toggle,.company-circle,.portfolio-shot,.modal-close{-webkit-tap-highlight-color:transparent}main p{font-size:1.5rem;margin-bottom:2.25rem}.work-experience{gap:2rem}.work-section{gap:1rem}.label{font-size:1.25rem}.company-circle{width:56px;height:56px}.nav-link{font-size:1.25rem}.nav-link-icon svg{width:1.3125rem;height:1.3125rem;min-width:1.3125rem;min-height:1.3125rem;max-width:1.3125rem;max-height:1.3125rem}.theme-toggle{width:1.125rem;height:1.125rem}.nav-link[data-section=intelligence]{font-size:0}.nav-link[data-section=intelligence]:before{content:attr(data-short);font-size:1.25rem}.company-then{margin-left:-30px}.portfolio-shot,.rat-sequence{width:300px}.portfolio-panel{width:400px;margin-right:2rem}.portfolio-panel-text{padding:2rem}.portfolio-panel-text .portfolio-panel-headline{font-size:1.75rem}.portfolio-panel-text .portfolio-panel-body{font-size:1.125rem}.image-modal{padding:1rem}.modal-close{top:1rem;right:1rem;font-size:2rem;width:2rem;height:2rem}}@media (max-width: 480px){:root{--container-padding: 1.5rem;--nav-height: 4rem}main,.page{gap:2rem}main p{font-size:1.35rem;margin-bottom:0;line-height:1.7}.portfolio-section{padding-top:0}.work-experience{display:none}.work-section{gap:.75rem}.label{font-size:1.125rem}.company-circle{width:32px;height:32px}.nav-link{font-size:1.125rem}.nav-link[data-section=intelligence]:before{font-size:1.125rem}.social-links,.nav-links{padding:1rem 0;flex-wrap:wrap;gap:1.5rem}.company-then{margin-left:-25px}.company-circles-group:hover .company-then,.company-circles-group.expanded .company-then{margin-left:.5rem}.company-circles-group:hover .company-then:first-of-type,.company-circles-group.expanded .company-then:first-of-type{margin-left:0}.portfolio-shot,.rat-sequence{width:300px}.portfolio-panel{width:75vh;margin-right:1.5rem}.portfolio-panel-text{width:100vw;padding:1.5rem}.portfolio-panel.portfolio-panel-text{width:75vw}.portfolio-panel-text .portfolio-panel-headline{font-size:1.5rem}.portfolio-panel-text .portfolio-panel-body{font-size:1rem}.portfolio-scroll-container{margin-left:calc(-1 * var(--container-padding));margin-right:calc(-1 * var(--container-padding));padding-left:0;padding-right:0}.portfolio-grid{padding-left:var(--container-padding);padding-right:var(--container-padding)}.image-modal{padding:.5rem}.modal-close{top:.75rem;right:.75rem;font-size:1.75rem;width:1.75rem;height:1.75rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}html.transition-exit-left ::view-transition-old(root),html.transition-exit-right ::view-transition-old(root),html.transition-enter-from-right ::view-transition-new(root),html.transition-enter-from-left ::view-transition-new(root){animation:none}}