@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap";#root{margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:0}.page{display:flex;flex-direction:column;gap:6rem;padding:6rem 0 2rem}.section{width:min(980px,90vw);margin:0 auto;display:flex;flex-direction:column;gap:2rem}.section-header{display:flex;flex-direction:column;gap:.5rem;text-align:left}.section-subtitle{margin:0;color:var(--color-text);max-width:520px}.bullet-list{margin:8px 0 0;padding-left:18px;text-align:left;color:var(--color-text)}.bullet-list li{margin-bottom:6px}.role-title{font-weight:600;color:var(--color-text);margin-top:2px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.dialog{background:var(--color-surface);color:var(--color-main);border:1px solid var(--color-border);border-radius:18px;width:min(900px,90vw);max-height:80vh;overflow:auto;box-shadow:var(--shadow-soft);padding:20px;position:relative}.dialog-close{position:absolute;top:14px;right:14px;font-size:.9rem;border:1px solid var(--color-border);background:transparent;transition:border-color .2s ease,color .2s ease}.dialog-close:hover{border-color:var(--color-accent)}.dialog-content{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:20px;align-items:start;min-height:100%}.dialog-media{width:100%;border-radius:12px;border:1px solid var(--color-border);background:transparent;padding:10px}.dialog-media img{width:100%;height:auto;object-fit:contain}.dialog-body h3{margin-top:0}.dialog-body{display:flex;flex-direction:column;min-height:100%;gap:12px}.dialog-body .project-skills{margin-top:16px}.dialog-actions{display:flex;justify-content:flex-end;margin-top:auto}@media (max-width: 700px){.dialog-content{grid-template-columns:1fr}}.section-hero{min-height:70vh;justify-content:center}.footer,.footerr{display:flex;justify-content:center;align-items:center;padding:15px}.footerr{color:var(--color-text);font-size:.85rem}.down-arrow{animation:color-transition 2.2s ease infinite;overflow:hidden;color:var(--color-text)}@keyframes color-transition{0%{transform:translateY(0);opacity:.7}50%{transform:translateY(6px);opacity:1}to{transform:translateY(0);opacity:.7}}.header-container{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:100}.header{position:relative;top:18px;pointer-events:all;display:flex;justify-content:flex-end;align-items:center;padding:10px 16px 10px 64px;width:min(980px,90vw);border-radius:999px;background:var(--header-bg);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);z-index:1;margin:0 auto}.header-nav{display:flex;gap:20px;margin-left:auto;margin-right:12px;align-items:center}.header-nav .socials-dropdown{margin-left:4px}.header-nav a{color:var(--color-text);font-size:.9rem;border:none;position:relative;display:inline-flex;align-items:center;padding-bottom:0;text-decoration:none}.header-nav a:hover{color:var(--color-main)}.icon-button{border:none;background:transparent;border-radius:999px;padding:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text);margin-left:6px}.icon-button:hover{color:var(--color-main)}.mode-icon{width:22px;height:22px;display:block;fill:currentColor}.header>*{transition:transform .2s ease-in-out}.dark-mode{width:25px;height:25px}.logo-link{position:absolute;left:18px;display:flex;align-items:center}.mylogo{width:28px;height:28px;transition:transform .2s ease-in-out}.mylogo:hover{transform:scale(1.1)}svg:hover{transform:scale(1.1)}.socials-dropdown{position:relative;display:inline-flex;align-items:center}.socials-dropdown ul{visibility:hidden;opacity:0;overflow:hidden;position:absolute;text-align:center;top:30px;right:0;z-index:5;transition:opacity .3s ease,visibility .3s ease;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:10px;margin:0;box-shadow:var(--shadow-soft)}.socials-dropdown li{list-style:none;text-decoration:none;align-self:center;padding:6px}.socials-dropdown:hover>ul{visibility:visible;opacity:1;height:inherit}.socials-button{border:none;background:transparent;color:var(--color-text);font-size:.9rem;padding:0}.socials-button:hover{color:var(--color-main)}img:active{transform:scale(.95);transition-duration:.2s}.socials-dropdown path,.dark-mode path{fill:var(--color-text)}.about-me{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,260px);gap:40px;padding:1rem 0;align-items:center}.me{text-align:left;max-width:640px;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.my-photo{width:100%;max-width:260px;height:auto;border-radius:18px;box-shadow:var(--shadow-soft);object-fit:contain;justify-self:end}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:600;color:var(--color-text)}.lead{font-size:1.1rem;color:var(--color-main)}.focus{display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}.label{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);margin:0}.focus-list{display:flex;flex-wrap:wrap;gap:10px}.focus-list span{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:6px 12px;font-size:.85rem;color:var(--color-main)}@media screen and (max-width: 760px){.about-me{grid-template-columns:1fr;text-align:center}.me{text-align:center;align-items:center}.my-photo{justify-self:center}}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.projects>.section-header{grid-column:1 / -1}.project{display:flex;flex-direction:column;gap:16px;background-color:transparent;border:1px solid var(--color-border);border-radius:16px;padding:18px;box-shadow:none;transition:border-color .2s ease;cursor:pointer}.project:hover{border-color:var(--border-hover)}.project:focus-visible{outline:2px solid var(--color-main);outline-offset:3px}.project.is-open{border-color:var(--color-accent)}.project-pic{height:160px;width:100%;border-radius:12px;overflow:hidden;background-color:transparent;border:none;transition:transform .2s ease;padding:6px}body.theme-dark .project:hover{border-color:var(--border-hover)}.project-title{text-align:left}img{height:100%;display:block;text-align:center;max-width:100%;max-height:100%;object-fit:contain}body.theme-dark .project-pic img{filter:brightness(.92) contrast(1.05)}.project-pic img{margin:auto}.project-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px}.project-card h3{padding:0;margin:0}.project-description{font-size:.95rem;text-align:left;margin:0;color:var(--color-text)}.project-links{display:flex;gap:12px}.project-link{font-size:.9rem;font-weight:500;text-decoration:none;background-image:none;box-shadow:none}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:12px;border:1px solid var(--color-border);color:var(--color-main);font-size:.85rem;transition:border-color .2s ease,color .2s ease;background-image:none!important;background-size:0 0;box-shadow:none;text-decoration:none}.button-link:hover{border-color:var(--color-accent);color:var(--color-accent);background-size:0 0;text-decoration:none}.project-skills{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0}.skill{display:flex;justify-content:center;align-items:center;gap:6px;font-size:.78rem;font-weight:600;text-align:left;background-color:var(--color-skill-background);color:var(--color-skill-foreground);border-radius:999px;padding:4px 10px;border:1px solid var(--color-border)}svg{min-width:12px;height:14px;width:14px}.skill path{fill:var(--color-skill-foreground)}@media screen and (max-width: 750px){h2{font-size:1.1em}.project-pic{height:200px}}img{border-radius:12px}.work-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.experience{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px}.experience>.section-header{width:100%}.work-title{align-self:flex-start}.work{display:flex;justify-content:flex-start;align-items:flex-start;gap:18px;padding:14px 16px;border:1px solid var(--color-border);border-radius:14px;background-color:transparent;width:100%;box-shadow:none;transition:border-color .2s ease;cursor:pointer}.work:hover{border-color:var(--border-hover)}.work:focus-visible{outline:2px solid var(--color-main);outline-offset:3px}.work.is-open{border-color:var(--color-accent)}body.theme-dark .work:hover{border-color:var(--border-hover)}.work-details{display:flex;flex-direction:column;text-align:left;gap:5px;flex:1}.work-details>*{margin:0}.logo{height:52px;width:52px;border-radius:12px;fill:var(--color-text);align-self:flex-start}.logo-fallback{height:52px;width:52px;border-radius:12px;background-color:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--color-text);letter-spacing:.08em}.rec-letter-btn{margin-left:auto;align-self:center;font-size:1rem}:root{--color-main: #1b1b1b;--color-background: #f7f7f8;--color-surface: #ffffff;--color-border: #e2e2e2;--color-accent: #1bb3a9;--color-text: #5b5b5b;--border-hover: #d2d2d6;--color-skill-background: #f0f1f4;--color-skill-foreground: #2f3a4a;--header-bg: rgba(255, 255, 255, .88);--shadow-soft: 0 12px 30px rgba(0, 0, 0, .08);--font-body: "DM Sans", "Helvetica Neue", Arial, sans-serif;--font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;line-height:1.65;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body,button{color:var(--color-main);background-color:var(--color-background);margin:0;font-family:var(--font-body);transition:background-color .4s ease,color .4s ease}body{background-image:radial-gradient(1100px 700px at 5% -10%,#fff,#f7f7f8 45%,#f1f2f4)}.theme-dark{--color-main: #f5f5f5;--color-background: #0e0f12;--color-surface: #17181c;--color-border: #26282e;--color-accent: #1bb3a9;--color-accent: #bb6202;--color-accent: #d27809;--color-text: #b7b7b7;--border-hover: #3b3f49;--color-skill-background: #1f232b;--color-skill-foreground: #c7d2e1;--header-bg: rgba(18, 19, 23, .92);--shadow-soft: 0 14px 30px rgba(0, 0, 0, .35);color-scheme:dark}::selection{background:#1bb3a966}::-moz-selection{background:#1bb3a966}body.theme-dark{background-image:radial-gradient(1100px 700px at 5% -10%,#1b1d22,#0e0f12 55%,#0b0c0f)}p{font-size:1rem;font-weight:400;color:var(--color-text)}h1,h2,h3{color:var(--color-main);font-family:var(--font-display);letter-spacing:-.01em}h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.1;margin:0 0 .5rem}h2{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.2;margin:0}h3{font-size:1.2rem}a{color:var(--color-main);text-decoration:none}.accent-link{color:var(--color-main);text-decoration:none;background-image:linear-gradient(var(--color-accent),var(--color-accent));background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s ease,color .2s ease}.accent-link:hover{color:var(--color-main);background-size:100% 2px}button{border-radius:8px;border:1px solid var(--color-border);padding:.55em 1.1em;font-size:1rem;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}button:hover{border-color:var(--border-hover);color:var(--color-main)}svg{transition:color .2s ease,fill .2s ease,transform .2s ease}svg:hover{transform:none}