@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{--font-display:"Plus Jakarta Sans", "Manrope", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"DM Mono", Consolas, monospace;--bg:#eaf0f2;--section-bg:#e4ebed;--hero-bg:#edf3f4;--raised:#edf3f4;--ink:#22323c;--muted:#687982;--accent:#34759b;--accent-soft:#34759b1f;--accent-shadow:#2559774d;--glass:#fafdfd8f;--nav-bg:#eff5f6bf;--modal-bg:#f1f7f8f5;--glass-border:#ffffffc2;--tag-border:#4e707e2b;--tag-bg:#ffffff47;--soft-shadow:14px 14px 29px #7d959e3b, -12px -12px 25px #ffffffc7;--outer-shadow:6px 6px 12px #7d959e42, -5px -5px 10px #ffffffe6;--inner-shadow:inset 3px 3px 7px #8199a236, inset -3px -3px 7px #ffffffe0;--hover-shadow:18px 20px 38px #6d899447, -12px -12px 25px #ffffff9e;--orb-blue:#99cdde9e;--orb-peach:#f0c5a980;--portrait-halo:#d8e5e8;--dot-color:#446d7c38;--image-bg:#d7e1e4;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--bg:#17232a;--section-bg:#142027;--hero-bg:#1a2931;--raised:#1d2d35;--ink:#e8f0f1;--muted:#a4b4b9;--accent:#73bbdf;--accent-soft:#73bbdf24;--accent-shadow:#1254746b;--glass:#1f303994;--nav-bg:#192931c7;--modal-bg:#192830f7;--glass-border:#cae6ee1f;--tag-border:#bed9e024;--tag-bg:#f0fbff0d;--soft-shadow:12px 12px 28px #040a0d61, -8px -8px 20px #4058621f;--outer-shadow:5px 5px 11px #040a0d73, -4px -4px 9px #46626c24;--inner-shadow:inset 3px 3px 7px #03090c66, inset -2px -2px 6px #4e677024;--hover-shadow:17px 19px 36px #040a0d73, -7px -7px 16px #445c661f;--orb-blue:#276a8f5c;--orb-peach:#72504c40;--portrait-halo:#243e4a;--dot-color:#cbe7ee21;--image-bg:#233740}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);min-width:320px;margin:0}body,button,input{font-family:var(--font-body)}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #34759b80}::selection{color:#fff;background:var(--accent)}.site-shell{overflow:clip}.content-container{width:min(1140px,100% - 48px);margin:0 auto}.skip-link{z-index:1000;color:var(--bg);background:var(--ink);border-radius:10px;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;pointer-events:none;width:100%;padding:18px 0;position:fixed;top:0}.nav-shell{border:1px solid var(--glass-border);background:var(--nav-bg);width:min(1180px,100% - 36px);min-height:58px;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(18px);pointer-events:auto;border-radius:18px;justify-content:space-between;align-items:center;margin:0 auto;padding:7px 9px 7px 16px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;font-size:.92rem;font-weight:700;display:inline-flex}.brand-mark{width:30px;height:30px;color:var(--accent);background:var(--raised);box-shadow:var(--inner-shadow);font-family:var(--font-mono);border-radius:9px;place-items:center;font-size:.72rem;display:grid}.nav-links{align-items:center;gap:2px;display:flex}.nav-links>a{color:var(--muted);padding:9px 10px;font-size:.78rem;font-weight:650;transition:color .2s;position:relative}.nav-links>a:after{content:"";background:var(--accent);border-radius:10px;height:2px;transition:transform .2s;position:absolute;bottom:4px;left:10px;right:10px;transform:scaleX(0)}.nav-links>a:hover,.nav-links>a.is-active{color:var(--ink)}.nav-links>a.is-active:after{transform:scaleX(1)}.theme-button,.menu-button{width:37px;height:37px;color:var(--ink);cursor:pointer;border:0;border-radius:11px;place-items:center;margin-left:4px;display:grid}.menu-button{gap:4px;padding:10px;display:none}.menu-button span{background:currentColor;width:17px;height:1.5px;display:block}.raised-control{background:var(--raised);box-shadow:var(--outer-shadow);transition:transform .2s,box-shadow .2s}.raised-control:hover{transform:translateY(-2px)}.raised-control:active,.pressed-control{box-shadow:var(--inner-shadow)}.section{padding:118px 0;position:relative}.section-soft{background:var(--section-bg)}.section-soft:before{content:"";opacity:.34;background-image:radial-gradient(var(--dot-color) .7px, transparent .7px);pointer-events:none;background-size:20px 20px;position:absolute;inset:0}.section>.content-container{position:relative}.glass-panel{border:1px solid var(--glass-border);background:var(--glass);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(14px)}.hero-section{background:var(--hero-bg);isolation:isolate;align-items:center;min-height:780px;padding:160px 0 78px;display:flex;position:relative}.hero-layout{z-index:1;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(48px,8vw,120px);display:grid;position:relative}.hero-orb{z-index:0;filter:blur(2px);opacity:.6;border-radius:50%;position:absolute}.orb-one{background:var(--orb-blue);width:470px;height:470px;top:2%;right:-130px}.orb-two{background:var(--orb-peach);width:340px;height:340px;bottom:-140px;left:-150px}.eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 18px;font-size:.69rem;font-weight:700;display:inline-flex}.eyebrow span{background:currentColor;width:22px;height:1px}h1,h2,h3{color:var(--ink);font-family:var(--font-display);margin:0}h1{letter-spacing:-.072em;max-width:710px;font-size:clamp(3.2rem,6.3vw,5.9rem);line-height:.96}h1 em{color:var(--accent);font-style:normal}h2{letter-spacing:-.055em;max-width:670px;font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.03}.hero-description{max-width:630px;color:var(--muted);margin:29px 0 34px;font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.8}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-size:.85rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--accent);box-shadow:8px 8px 18px var(--accent-shadow)}.button-primary:hover{box-shadow:10px 12px 22px var(--accent-shadow)}.button-secondary{color:var(--ink);border-color:var(--glass-border);background:var(--glass);box-shadow:var(--soft-shadow)}.button-compact{min-height:38px;color:var(--ink);border-color:var(--glass-border);background:0 0;padding:0 12px;font-size:.75rem}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-meta{color:var(--muted);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:10px;margin-top:31px;font-size:.68rem;display:flex}.hero-meta i{background:var(--accent);border-radius:50%;width:3px;height:3px}.hero-portrait{min-height:475px;position:relative}.portrait-halo{background:var(--portrait-halo);box-shadow:var(--outer-shadow);border-radius:45% 55% 51% 49%/37% 39% 61% 63%;position:absolute;inset:5% 8%;transform:rotate(-6deg)}.portrait-card{border-radius:38% 38% 30px 30px;justify-content:center;align-items:end;display:flex;position:absolute;inset:8% 8% 0;overflow:hidden}.portrait-card:after{content:"";background:linear-gradient(#0000,#1825301c);height:25%;position:absolute;inset:auto 0 0}.portrait-card img{z-index:1;object-fit:cover;object-position:center top;mix-blend-mode:multiply;width:102%;height:103%;position:relative}.floating-note{z-index:2;color:var(--ink);font-family:var(--font-mono);border-radius:13px;align-items:center;gap:8px;padding:11px 13px;font-size:.67rem;display:flex;position:absolute}.note-top{top:12%;left:-4%}.note-bottom{bottom:7%;right:-2%}.status-dot{background:#42a879;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #42a87921}.about-grid,.journey-layout,.contact-layout{grid-template-columns:.87fr 1.13fr;align-items:start;gap:clamp(36px,9vw,132px);display:grid}.section-heading>p{max-width:620px;color:var(--muted);margin-top:19px;line-height:1.75}.about-copy{border-radius:22px;padding:clamp(26px,4vw,42px)}.about-copy p{color:var(--muted);line-height:1.82}.about-copy p+p{margin-top:15px}.text-link{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:24px;padding:0;font-family:inherit;font-size:.84rem;font-weight:750;display:inline-flex}.text-link svg{transition:transform .2s}.text-link:hover svg{transform:translate(3px)}.section-heading{margin-bottom:52px}.skills-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.skill-card{border-radius:20px;min-height:268px;padding:26px;transition:transform .25s,box-shadow .25s}.skill-card:hover,.project-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-7px)}.skill-icon,.resume-icon{width:43px;height:43px;color:var(--accent);background:var(--accent-soft);box-shadow:var(--inner-shadow);border-radius:13px;place-items:center;margin-bottom:36px;display:grid}.skill-card h3{letter-spacing:-.035em;font-size:1.08rem}.skill-card p{min-height:67px;color:var(--muted);margin:12px 0 17px;font-size:.83rem;line-height:1.64}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.tag-list span{color:var(--muted);border:1px solid var(--tag-border);background:var(--tag-bg);font-family:var(--font-mono);border-radius:7px;padding:5px 8px;font-size:.62rem;line-height:1.1}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;display:grid}.project-card{border-radius:22px;transition:transform .25s,box-shadow .25s;overflow:hidden}.project-image-wrap{background:var(--image-bg);height:230px;position:relative;overflow:hidden}.project-image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#111d2638);position:absolute;inset:0}.project-image-wrap img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .45s}.project-card:hover .project-image-wrap img{transform:scale(1.045)}.project-number{z-index:1;color:var(--ink);border:1px solid var(--glass-border);background:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);border-radius:8px;padding:6px 8px;font-size:.64rem;position:absolute;top:14px;left:15px}.image-expand{z-index:2;width:34px;height:34px;color:var(--ink);border:1px solid var(--glass-border);background:var(--nav-bg);opacity:0;cursor:pointer;border-radius:10px;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:13px;right:13px;transform:translateY(-3px)}.project-card:hover .image-expand,.image-expand:focus-visible{opacity:1;transform:translateY(0)}.project-content{padding:25px}.project-title-row{justify-content:space-between;align-items:start;gap:16px;display:flex}.project-content h3{letter-spacing:-.043em;font-size:1.25rem}.project-kind{color:var(--accent);font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;flex:none;margin-top:2px;font-size:.59rem}.project-content>p{min-height:47px;color:var(--muted);margin:12px 0 17px;font-size:.87rem;line-height:1.55}.feature-list{color:var(--muted);gap:8px;margin:0 0 19px;padding:0;font-size:.75rem;line-height:1.45;list-style:none;display:grid}.feature-list li{align-items:start;gap:7px;display:flex}.feature-list svg{color:var(--accent);flex:none;margin-top:1px}.project-tags{min-height:27px}.project-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.project-actions .text-link{margin:0}.journey-card{border-radius:21px;padding:35px 36px 32px 58px;position:relative}.timeline-dot{border:3px solid var(--section-bg);background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;position:absolute;top:42px;left:30px}.journey-card:before{content:"";background:var(--tag-border);width:1px;position:absolute;top:56px;bottom:0;left:35px}.date-label{color:var(--accent);font-family:var(--font-mono);margin:0 0 10px;font-size:.67rem;font-weight:700}.journey-card h3{letter-spacing:-.035em;font-size:1.18rem}.journey-card>p:not(.date-label):not(.journey-note){color:var(--muted);margin-top:8px}.journey-divider{background:var(--tag-border);height:1px;margin:25px 0 19px}.journey-note{color:var(--muted);font-size:.87rem;line-height:1.6}.resume-card{border-radius:23px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:34px;display:grid}.resume-icon{margin:0}.resume-copy .eyebrow{margin-bottom:10px}.resume-copy h2{max-width:600px;font-size:clamp(1.55rem,2.8vw,2.35rem)}.resume-copy>p:last-child{max-width:640px;color:var(--muted);margin-top:12px;font-size:.89rem;line-height:1.65}.contact-section{padding-bottom:128px}.contact-card{border-radius:20px;padding:34px}.email-link{color:var(--ink);font-family:var(--font-display);letter-spacing:-.04em;align-items:center;gap:8px;font-size:clamp(1.2rem,2.1vw,1.75rem);font-weight:700;display:inline-flex}.email-link svg{color:var(--accent)}.contact-card>p{color:var(--muted);margin-top:13px;font-size:.85rem}.social-links{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.social-link{width:40px;height:40px;color:var(--ink);border-radius:12px;place-items:center;display:grid}.site-footer{color:var(--muted);border-top:1px solid var(--tag-border);font-family:var(--font-mono);padding:22px 0;font-size:.65rem}.site-footer .content-container{justify-content:space-between;gap:16px;display:flex}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121c257a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.project-modal{border:1px solid var(--glass-border);background:var(--modal-bg);border-radius:24px;grid-template-columns:.9fr 1.1fr;width:min(850px,100%);max-height:min(720px,100vh - 44px);display:grid;position:relative;overflow:auto;box-shadow:0 24px 80px #121c2542}.modal-image{background:var(--image-bg);min-height:330px}.modal-image img{object-fit:cover;object-position:top;width:100%;height:100%}.modal-content{padding:45px 38px}.modal-content h2{margin-bottom:15px;font-size:2rem}.modal-content>p{color:var(--muted);line-height:1.65}.modal-content h3{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:27px 0 11px;font-size:.67rem}.modal-features{color:var(--muted);gap:9px;margin:0;padding:0;font-size:.85rem;line-height:1.5;list-style:none;display:grid}.modal-features li{gap:8px;display:flex}.modal-features svg{color:var(--accent);flex:none;margin-top:3px}.modal-close{z-index:1;width:37px;height:37px;color:var(--ink);border:1px solid var(--glass-border);background:var(--nav-bg);cursor:pointer;border-radius:10px;place-items:center;display:grid;position:absolute;top:13px;right:13px}@media (width<=980px){.site-header{padding-top:12px}.nav-shell{width:min(100% - 24px,740px)}.menu-button{display:grid}.nav-links{border:1px solid var(--glass-border);background:var(--nav-bg);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;border-radius:16px;gap:2px;padding:10px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-8px)}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links>a{border-radius:9px;padding:11px}.nav-links>a:hover{background:var(--accent-soft)}.nav-links>a:after{display:none}.theme-button{margin:4px 0 0}.hero-section{min-height:auto;padding-top:155px}.hero-layout{grid-template-columns:1fr}.hero-portrait{order:-1;width:min(430px,100%);min-height:420px;margin:0 auto}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.hero-meta{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.about-grid,.journey-layout,.contact-layout{grid-template-columns:1fr;gap:36px}.skills-grid{grid-template-columns:repeat(2,1fr)}.project-modal{grid-template-columns:1fr}.modal-image{min-height:230px;max-height:300px}.modal-content{padding:33px}}@media (width<=620px){.content-container{width:min(100% - 32px,1140px)}.brand{font-size:.83rem}.section{padding:82px 0}.hero-section{padding:127px 0 71px}.hero-portrait{min-height:330px}.portrait-card{inset:8% 10% 0}.note-top{top:4%;left:0}.note-bottom{bottom:2%;right:0}.hero-meta{gap:8px}.hero-meta i{display:none}.skills-grid,.projects-grid{grid-template-columns:1fr}.section-heading{margin-bottom:34px}.skill-card{min-height:auto}.skill-icon{margin-bottom:26px}.skill-card p{min-height:auto}.project-image-wrap{height:205px}.image-expand{opacity:1;transform:none}.project-content{padding:22px}.project-actions{align-items:end}.journey-card{padding:30px 26px 28px 51px}.timeline-dot{left:25px}.journey-card:before{left:30px}.resume-card{grid-template-columns:1fr;gap:18px;padding:27px}.resume-card .button{width:100%}.contact-card{padding:26px}.site-footer .content-container{gap:7px;display:grid}.modal-backdrop{padding:12px}.modal-content{padding:28px 23px}.modal-content h2{font-size:1.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}