@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--theme-text);background:var(--theme-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:2rem;font-family:Nunito Sans,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--theme-border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--theme-text-strong);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-bg:#111319;--theme-surface:#ffffff0a;--theme-surface-strong:#ffffff14;--theme-border:#ffffff1f;--theme-border-strong:#fff;--theme-text:#e7e7e7;--theme-text-strong:#f3f4f6;--theme-text-muted:#a3a3a3;--theme-accent:#fff;--theme-accent-hover:#2ec6ff;--theme-inverse:#fff;--theme-shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-bg:#f4f3ec;--theme-surface:#0f11190a;--theme-surface-strong:#0f111914;--theme-border:#0f11191f;--theme-border-strong:#fff3;--theme-text:#111319;--theme-text-strong:#08060d;--theme-text-muted:#5b5f6f;--theme-accent:#fff;--theme-accent-hover:#fff;--theme-inverse:#fff;--theme-shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px}}.navbar{box-sizing:border-box;z-index:1000;pointer-events:none;height:100dvh;position:fixed;inset:0}.navbar a{pointer-events:auto}.navbar-text{pointer-events:auto;padding-inline:clamp(1rem,3vw,3rem);align-items:center;padding-bottom:clamp(.8rem,2vw,2rem);display:grid}.navbar-top{isolation:isolate;background:var(--theme-bg);height:3dvh;display:flex;position:relative}.navbar-text{isolation:isolate;grid-template-columns:1fr auto 1fr;margin:0 0 0;padding:0 0 .4rem;position:relative}.navbar-text:before{content:"";background:var(--theme-bg);z-index:-1;pointer-events:auto;-webkit-mask-image:linear-gradient(#000 0%,#000000d9 60%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000d9 60%,#0000 100%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#000000d9 50%,#0000 100%)}.navbar a{color:var(--theme-inverse);font-size:1rem;font-weight:700;text-decoration:none;transition:color .2s}.navbar a:hover{color:var(--theme-accent-hover)}.navbar-text a{transition:color .2s;position:relative}.navbar-text a:after{content:"";background-color:var(--theme-accent-hover);transform-origin:0;width:100%;height:.5px;transition:transform .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.navbar-text a:hover:after{transform:scaleX(1)}.navbar-bottom{position:absolute;bottom:2rem;left:0;right:0}.navbar-text .initials{justify-self:start;padding-inline:clamp(1rem,3vw,3rem);font-weight:700}.navbar-text .email-link{letter-spacing:.08em;justify-self:center;font-size:.95rem;font-weight:600}.navbar-links{flex-direction:row;justify-content:space-between;align-items:center;padding-inline:clamp(1rem,3vw,3rem)}.navbar-links,.social-links{gap:2rem;display:flex}.navbar-links{justify-self:end}.social-links{pointer-events:auto;flex-direction:column;gap:.75rem;display:flex;position:absolute;bottom:0;left:clamp(2rem,3vw,3rem)}.social-links a{will-change:transform;justify-content:center;align-items:center;width:1.6rem;height:2rem;transition:transform .15s;display:inline-flex}.social-links img{width:100%;height:100%;display:block}.linkedIn img{transform:scale(1.2)}.resume-link{pointer-events:auto;letter-spacing:.4rem;position:absolute;bottom:0;right:clamp(2rem,3vw,3rem)}a.resume-link{text-transform:uppercase;color:var(--theme-text-muted)}.FileIcon{color:#fff;padding-left:.2rem;transition:transform .25s;transform:translateY(.3rem)}.resume-link:hover .FileIcon{transform:translateY(-.2rem)scale(1.2)}.resume-link .FileIcon{transition:transform .2s cubic-bezier(.64,2,.64,1.2)}@media (width<=640px){.navbar{padding:0 1rem 1rem}.navbar-top{height:0;min-height:0}.navbar-text{grid-template-columns:1fr auto;justify-items:start;gap:.6rem 1rem;padding-bottom:1rem}.email-link{display:none}.initials{justify-self:start}.navbar-links{grid-column:2;justify-self:end;align-items:center;gap:.7rem;display:flex}.navbar-bottom{grid-template-columns:auto auto;justify-items:start;gap:.75rem}.social-links{flex-direction:column;justify-self:start;gap:.6rem}.resume-link{writing-mode:vertical-rl;justify-self:end;margin-right:.25rem;transform:rotate(180deg)}}.profile-image{aspect-ratio:1;object-fit:cover;border:4px solid var(--theme-border-strong);object-position:center top;border-radius:100%;width:25rem}.landing-page h2{color:var(--theme-accent)}@media (width>=768px){.landing-page{flex-direction:column;justify-content:center;gap:3rem;min-height:100vh;display:flex}.hero-content{justify-content:center;align-items:center;display:flex}.profile-image{width:30rem}.intro{flex:1;transform:translateY(-100px)}.title{flex:1}.landing-page h1,.landing-page h2,.landing-page h3{margin:0}.landing-page h2{color:var(--theme-accent)}}.about-section{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 0 3rem;display:flex}.about-layout{grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);align-items:center;width:90%;padding-left:2rem;display:grid}.about-image-container{justify-content:center;align-items:center;width:95%;display:flex}.about-image{aspect-ratio:1;object-fit:cover;object-position:center top;border:4px solid var(--theme-border-strong);border-radius:50%;justify-self:center}.about-content{text-align:left;flex-direction:column;justify-self:start;align-items:flex-start;gap:.75rem;max-width:40rem;display:flex}.about-description{text-align:left;color:var(--theme-text);margin:0;line-height:1.1}.about-grid{gap:.3rem;width:100%;display:grid}.about-item{flex-direction:column;display:flex}.about-label{color:var(--theme-text-muted);text-align:left;margin:0;font-size:.9rem;font-weight:600}.about-value{text-align:left;margin:0}@media (width<=900px){.about-layout{grid-template-columns:1fr;justify-items:center;gap:1.25rem;width:100%}.about-image{justify-self:center;width:22rem}.about-content{text-align:center;align-items:center;max-width:100%;margin-left:0}.about-heading,.about-description,.about-label,.about-value{text-align:center}.about-image-container{display:none}}@media (width<=640px){.about-section{margin:1.25rem 0 1.5rem;padding:1rem 1.25rem}.about-image-container{display:none}}.awards{text-align:center;width:min(1200px,100%);padding:0 0 2rem 1rem}.awards-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1rem;margin-bottom:2rem;display:flex}.award-card{background-color:#111319;border:2px solid #444;border-radius:18px;flex-direction:column;align-items:center;width:7rem;height:8rem;transition:transform .3s;display:flex;position:relative}.award-card:hover{z-index:5;border-color:#fff;transform:scale(1.8)}.award-card.hovered{z-index:5;transform:translateY(3rem)scale(1.8)}.award-card.shift-left{transform:translate(-50px)}.award-card.shift-right{transform:translate(50px)}.award-icon{flex-shrink:0;width:3rem;height:3rem;padding-top:1rem;transition:transform .3s,padding-top .3s}.award-card:hover .award-icon{padding-top:.3rem;transform:scale(.7)}.award-content{text-align:center;flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;display:flex}.award-card:hover .award-content{padding-bottom:.5rem}.award-card h3{text-align:center;color:#fff;justify-content:center;align-items:center;margin:0;font-size:.6rem;line-height:1.5;transition:font-size .3s,padding .3s;display:flex}.award-card:hover h3{padding:0 .2rem;font-size:.5rem}.award-card p{text-align:center;opacity:0;color:#bfbfbf;max-height:0;margin:0;font-size:.4rem;line-height:1.5;transition:opacity,max-height .3s;overflow:hidden}.award-card:hover p{opacity:1;max-height:3rem;transition:opacity .3s}.section-header{box-sizing:border-box;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #3b3b3b;width:100%;margin-bottom:1.5rem;padding:1.4rem 2rem;box-shadow:0 8px 24px #00000040}.section-header__eyebrow{letter-spacing:.25em;text-transform:uppercase;color:#8c8c8c;margin:0;padding-top:.7rem;font-size:.8rem;font-weight:700}.section-header__title{color:#f5f5f5;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.05}@media (width<=768px){.section-header{margin:2rem 0 1.5rem;padding:1.25rem 1.5rem}.section-header__title{font-size:clamp(1.75rem,8vw,2.5rem)}.section-header__eyebrow{font-size:.7rem}}.projects-section{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.projects-list{flex-direction:column;max-width:70vw;display:flex}.studio-section{width:100%}.projects-shell{align-items:flex-start;gap:1.5rem;width:100%;max-width:80vw;margin:0 auto;display:flex}.projects-rail-sticky{opacity:0;pointer-events:none;flex-shrink:0;align-items:center;height:100vh;transition:opacity .3s;display:flex;position:sticky;top:0}.projects-rail-sticky--visible{opacity:1;pointer-events:auto}.projects-rail{-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:.75rem;display:flex}.projects-rail__toggle{writing-mode:vertical-rl;color:#fff;cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:#181818;border:1px solid #444;border-radius:.8rem;padding:1rem .6rem;font-size:.85rem;transition:border-color .2s,background .2s;transform:rotate(180deg)}.projects-rail__toggle:hover{background:#222;border-color:#777}.projects-rail__track{cursor:pointer;background:#ffffff14;border-radius:.8rem;width:10px;height:50vh;position:relative}.projects-rail__thumb{cursor:grab;background:#fff;border-radius:.8rem;width:100%;transition:background .15s;position:absolute;left:0}.projects-rail__thumb:hover{background:#ddd}.projects-rail__thumb:active{cursor:grabbing}.studio-banner{border:1px solid #2e2e2e;border-radius:1.25rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-width:70vw;margin-top:3rem;margin-bottom:.8rem;padding:1rem 1.25rem;display:flex}.studio-section:first-child .studio-banner{margin-top:0}.studio-banner__identity{align-items:center;gap:1rem;display:flex}.studio-logo-frame{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;justify-content:center;align-items:center;width:72px;height:72px;padding:.35rem;display:flex;overflow:hidden}.studio-logo{object-fit:cover;border-radius:.8rem;width:100%;height:100%}.studio-title-block{flex-direction:column;gap:.2rem;display:flex}.studio-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:#8e8e8e;margin:0;font-size:.75rem;font-weight:700}.studio-title-block h2{color:#f5f5f5;margin:0;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.1}.studio-years-badge{color:#d8d8d8;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:.8rem;padding:.55rem .95rem;font-size:.95rem}.studio-highlighted-projects{flex-direction:column;gap:1.5rem;display:flex}.studio-collapsible-projects{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.studio-highlighted-projects .project-showcase{border-color:#ffffff8c;box-shadow:2.5px 3px 10px #fff4}.studio-highlighted-projects .project-showcase:hover{border-color:#fffdfd;box-shadow:2.5px 5px 15px #ffffffb7}.project-showcase{background:#111;border:1px solid #222;border-radius:20px;flex-direction:column;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.project-showcase:hover{border-color:#555;transform:translateY(-6px)}.project-image-container{justify-content:center;display:flex}.project-image{aspect-ratio:16/9;object-position:center top;object-fit:cover;border-radius:12px;width:100%;max-width:500px}.project-role-container{flex-direction:row;justify-content:space-between;display:flex}.project-content h3{margin:0;font-size:2rem}.project-role{color:#fff;padding-top:1rem;font-weight:700}.project-meta{color:#aaa}.project-description{color:#c7c7c7}.project-content p{margin-block:.5em}.project-studio{color:#ddd;font-size:.95rem}.project-content h4{margin-block:1em 0}.project-content ul,.project-content li{color:#bbb;margin:0;margin-block:0;padding:0;list-style-type:none}.tech-tags{justify-content:flex-start;gap:.5rem;margin-top:1.5rem;display:flex}.tech-tags span{background:#222;border-radius:.8rem;padding:.4rem .8rem;font-size:.85rem}.projects-show-all-toggle{color:#fff;cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:#181818;border:1px solid #444;border-radius:.8rem;align-self:center;margin:0 0 2rem;padding:.7rem 1.5rem;font-size:.85rem;transition:border-color .2s,background .2s}.projects-show-all-toggle:hover{background:#222;border-color:#777}#projects-bottom-toggle{margin-top:1rem}@media (width<=900px){.projects-shell{max-width:90vw}.projects-rail{display:none}}@media (width>=900px){.project-showcase{flex-direction:row;align-items:center;gap:2rem;padding:1.5rem}.project-image-container{flex:0 0 38%;width:30%;padding:0}.project-image{width:100%;max-width:100%}.project-content{flex:1;padding:0}}.contact-section{--contact-max-width:48rem;width:100%;padding:2rem 0 15rem}.contact-columns{width:min(100%, var(--contact-max-width));justify-content:space-between;align-items:flex-start;margin:0 auto;padding-top:3rem;display:flex}.contact-column{flex-direction:column;gap:1rem;display:flex}.contact-group{flex-direction:column;gap:.65rem;display:flex}.contact-label{color:var(--theme-text-muted);text-align:left;margin:0;padding-bottom:.1rem;font-weight:600}.contact-text{color:var(--theme-text);text-align:left;margin:0}.contact-link{color:var(--theme-text);text-align:left;box-sizing:border-box;margin:0;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.contact-link:hover{color:var(--theme-accent-hover)}.contact-link-social{padding-bottom:.33rem;font-size:1.35rem}.contact-link-social:after{content:"";background:var(--theme-border-strong);width:8rem;height:1px;transition:background-color .2s;position:absolute;bottom:0;left:0}@media (width<=640px){.contact-section{padding-bottom:5rem}.contact-section h1{text-align:left}.contact-columns{flex-direction:column;gap:1rem;width:100%}.contact-column{width:100%}h1,.contact-label,.contact-text,.contact-link{padding-left:1.25rem}.contact-link{margin-bottom:.75rem;padding-bottom:.25rem}.contact-link.email-link:after{display:none}.contact-link:after{content:"";background:var(--theme-border-strong);pointer-events:none;height:1px;position:absolute;bottom:0;left:1.25rem;right:1.25rem}}.code-sample-grid h2{margin-bottom:2rem}.code-sample-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;width:min(1200px,100%);margin:4rem auto;display:grid}.code-sample-card{background:#111319;border:2px solid #444;border-radius:18px;flex-direction:column;padding:.5rem 1.5rem 0;transition:all .2s;display:flex}.code-sample-card:hover{border-color:#fff;transform:translateY(-3px)}.sample-header{justify-content:space-between;align-items:center;display:flex}.sample-header h3{color:var(--theme-accent);margin:0}.sample-header span{color:#999}.code-sample-card p{flex:1;margin-block-start:.7em;line-height:1.6}.sample-description{font-size:.9rem}.sample-footer{justify-content:center;align-items:center;margin-bottom:1rem;font-size:1rem;display:flex}.sample-button{border:2px solid var(--theme-accent);color:#fff;border-radius:8px;padding:.55rem 1rem;text-decoration:none;transition:all .2s}.sample-button:hover{background:var(--theme-accent);color:#000}