@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink: #1e2a1d;--muted: #4f5f4c;--faint: #6f806c;--bg: #bac4af;--bg-deep: #aab69e;--surface: rgba(240, 243, 235, .9);--surface-2: #eef2e8;--surface-3: #e2e8d9;--line: rgba(82, 109, 81, .2);--line-strong: rgba(82, 109, 81, .38);--accent: #526d51;--accent-strong: #3f573e;--accent-wash: rgba(82, 109, 81, .12);--mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans: "Manrope", Inter, ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--bg-deep)}body{margin:0;min-width:320px;background:var(--bg-deep);color:var(--ink);font-family:var(--sans)}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.boot-screen,.intro-loading{display:grid;min-height:100vh;place-items:center;background:radial-gradient(circle at 50% 35%,#cdd5c3 0,#bac4af 55%,#a3b097)}.boot-loader,.scene-loader{display:grid;justify-items:center;gap:1rem;color:var(--muted);font:.72rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.boot-loader span,.scene-loader span{width:2.3rem;height:2.3rem;border:1px solid rgba(82,109,81,.22);border-top-color:var(--accent);border-radius:50%;animation:spin 1.2s linear infinite}.boot-loader p,.scene-loader p{margin:0}@keyframes spin{to{transform:rotate(1turn)}}.portfolio-app{position:relative;overflow:clip}.laptop-intro{height:100vh;position:relative;background:linear-gradient(#cdd5c3,#a3b097)}.laptop-canvas{width:100%;height:100%;display:block;transition:opacity .13s linear}.intro-overlay{pointer-events:none;position:absolute;inset:auto 0 2.2rem;display:grid;justify-items:center;gap:.6rem;font:.63rem var(--mono);letter-spacing:.2em;color:#1e2a1db3}.intro-overlay i{display:block;width:1px;height:2.5rem;background:linear-gradient(var(--accent),transparent)}.skip-intro{position:absolute;top:1.6rem;right:1.7rem;appearance:none;border:1px solid rgba(82,109,81,.35);border-radius:999px;background:#eef2e8b3;color:#1e2a1d;padding:.58rem .8rem;font:500 .68rem var(--mono);letter-spacing:.04em;transition:transform .16s ease}.skip-intro:hover{transform:translateY(-2px);background:#e2e8d9f2}.scene-loader{position:absolute;inset:0;place-content:center;background:#bac4af99}.with-intro .desktop-section{margin-top:-100vh;min-height:100vh;position:relative;z-index:3}.direct-desktop .desktop-section{margin-top:0}.desktop-section{background:var(--bg)}.desktop-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 78% 12%,rgba(140,171,129,.45),transparent 32%),radial-gradient(ellipse at 15% 80%,rgba(121,144,129,.35),transparent 40%),linear-gradient(125deg,#c6cfbb,#bac4af 45%,#aebd9f);opacity:1;transition:opacity .12s linear}.with-intro .desktop-shell{opacity:var(--desktop-reveal);pointer-events:none}.with-intro .desktop-shell[data-interactive=true]{pointer-events:auto}.desktop-noise{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(82,109,81,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(82,109,81,.045) 1px,transparent 1px),radial-gradient(circle at 76% 73%,rgba(82,109,81,.14),transparent .8px);background-size:54px 54px,54px 54px,7px 7px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 94%);mask-image:linear-gradient(to bottom,#000,transparent 94%);pointer-events:none}.system-bar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 1.7rem;border-bottom:1px solid var(--line);background:#eef2e88c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;z-index:2}.system-identity,.system-meta{display:flex;align-items:center;gap:.68rem;font:500 .72rem var(--mono);letter-spacing:.06em}.system-mark{width:.62rem;height:.62rem;display:inline-block;background:var(--accent);box-shadow:0 0 20px #526d5159}.system-logo{width:1.15rem;height:1.15rem;object-fit:cover;box-shadow:0 0 18px #1e2a1d33}.system-meta{color:var(--muted)}.system-status{width:.48rem;height:.48rem;border-radius:50%;background:#6f9a5e;box-shadow:0 0 10px #6f9a5e8c}.desktop-contents{position:relative;min-height:calc(100vh - 58px);padding:3rem 2.3rem;z-index:1}.folder-grid{display:grid;grid-template-columns:repeat(2,118px);align-content:start;gap:1.2rem 1.6rem}.folder-tile{width:118px;display:grid;justify-items:start;gap:.43rem;padding:.5rem;color:var(--ink);border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;transition:transform .17s ease}.folder-tile:hover{transform:translateY(-3px);border-color:var(--line);background:#526d5114}.folder-number{font:.58rem var(--mono);color:var(--accent);letter-spacing:.12em}.folder-glyph{width:2.85rem;color:var(--accent);filter:drop-shadow(0 8px 13px rgba(30,42,29,.18))}.folder-label{font-size:.73rem;font-weight:600;letter-spacing:-.01em}.external-folder{width:118px;min-height:112px;padding:.75rem .55rem;border:1px dashed rgba(82,109,81,.4);border-radius:11px;color:var(--muted);text-decoration:none;display:grid;align-content:center;gap:.45rem;position:relative;transition:transform .17s ease}.external-folder:hover{transform:translateY(-3px);color:var(--ink);border-color:var(--accent)}.external-plus{color:var(--accent);font:1.4rem var(--mono)}.external-folder span:not(.external-plus){font:.62rem var(--mono);letter-spacing:.05em}.external-folder small{font:.54rem var(--mono);color:var(--faint);overflow-wrap:anywhere}.external-arrow{position:absolute;right:.5rem;bottom:.5rem;width:.82rem}.desktop-caption{position:absolute;right:2.3rem;bottom:1.8rem;margin:0;color:var(--muted);font:.62rem var(--mono);letter-spacing:.08em}.desktop-caption span{color:var(--accent);margin-left:.45rem}.window-layer{position:absolute;inset:58px 0 0;z-index:5;pointer-events:none}.desktop-window{position:absolute;width:min(610px,calc(100vw - 300px));max-height:min(590px,calc(100vh - 96px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-strong);border-radius:13px;background:#f2f5eef7;box-shadow:0 24px 64px #1e2a1d40,0 0 0 1px #1e2a1d1a;pointer-events:auto;transform-origin:26% 0}.window-enter{animation:window-in .22s cubic-bezier(.2,.9,.3,1) both}@keyframes window-in{0%{opacity:0;transform:scale(.94) translateY(9px)}to{opacity:1;transform:scale(1) translateY(0)}}.window-titlebar{height:43px;flex:0 0 43px;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;padding:0 .35rem;border-bottom:1px solid var(--line);background:#dfe6d5;cursor:grab;-webkit-user-select:none;user-select:none}.window-titlebar:active{cursor:grabbing}.window-titlebar h2{margin:0;font:500 .69rem var(--mono);color:#1e2a1d;letter-spacing:.04em}.window-grip{display:flex;gap:3px;align-items:center}.window-grip i{width:3px;height:3px;border-radius:50%;background:#799081}.window-close{width:26px;height:26px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:1.22rem;line-height:1}.window-close:hover{color:var(--ink);background:#526d511f}.window-body{min-height:0;overflow:auto;padding:1.55rem;scrollbar-color:#8cab81 transparent;scrollbar-width:thin}.content-flow{color:#33422f;font-size:.86rem;line-height:1.67}.content-flow h3{margin:.08rem 0 .68rem;color:#1a2519;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.2;letter-spacing:-.05em}.content-flow h4{margin:0;color:#1e2a1d;font-size:.74rem;letter-spacing:.01em}.content-flow p{margin:.42rem 0}.eyebrow{margin:0 0 .35rem!important;color:var(--accent);font:.6rem var(--mono);letter-spacing:.16em}.lead{color:#3f573e;font-size:1rem;line-height:1.5}.fact-list{margin:1.35rem 0 0;border-top:1px solid var(--line)}.fact-list div{display:grid;grid-template-columns:100px 1fr;gap:1rem;padding:.78rem 0;border-bottom:1px solid var(--line)}.fact-list dt{color:var(--muted);font:.62rem var(--mono);text-transform:uppercase;letter-spacing:.1em}.fact-list dd{margin:0;color:#1e2a1d}.timeline{list-style:none;margin:1.35rem 0 .3rem;padding:0 0 0 1.45rem;border-left:1px solid var(--line-strong)}.timeline li{position:relative;padding:0 0 1.5rem .3rem}.timeline li:last-child{padding-bottom:.3rem}.timeline-dot{position:absolute;top:.25rem;left:-1.79rem;width:.62rem;height:.62rem;border:2px solid var(--accent);border-radius:50%;background:var(--surface-2);box-shadow:0 0 14px #526d5140}.timeline-year{color:var(--accent);font:.58rem var(--mono);letter-spacing:.1em}.timeline-company{color:#1e2a1d;font-weight:600}.project-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.25rem}.project-file{min-height:145px;position:relative;display:grid;align-content:center;justify-items:start;gap:.55rem;padding:1rem;border:1px solid var(--line);border-radius:10px;background:#526d510d;color:#1e2a1d;text-align:left;transition:transform .17s ease}.project-file:hover{transform:translateY(-3px);border-color:var(--line-strong);background:var(--accent-wash)}.project-file-index{position:absolute;top:.7rem;right:.75rem;color:var(--faint);font:.55rem var(--mono)}.project-file-glyph{width:1.65rem;color:var(--accent)}.project-file>span:not(.project-file-index){font-size:.73rem;font-weight:600;line-height:1.35}.project-file small{color:var(--muted);font:.58rem var(--mono)}.skill-groups{display:grid;gap:.9rem;margin-top:1.25rem}.skill-group{padding:.92rem;border-left:2px solid var(--accent);background:#526d510f}.skill-group h4{color:var(--accent);margin-bottom:.55rem;font-family:var(--mono)}.skill-tag{display:inline-block;margin:0 .38rem .34rem 0;padding:.26rem .43rem;border:1px solid var(--line);border-radius:4px;color:#2b3a28;font-size:.7rem;line-height:1.2}.contact-content{max-width:450px}.contact-card{display:grid;gap:.35rem;margin-top:.8rem;padding:1.05rem;border:1px solid var(--line);border-radius:10px;background:#526d5112}.contact-card span{color:var(--accent);font:.58rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.contact-card strong{font-size:.9rem;overflow-wrap:anywhere}.project-image-placeholder{height:165px;display:grid;place-items:center;align-content:center;gap:.28rem;margin-bottom:1.4rem;border:1px dashed rgba(82,109,81,.4);background:repeating-linear-gradient(135deg,rgba(82,109,81,.07) 0 8px,transparent 8px 16px);color:var(--muted);font:.64rem var(--mono)}.placeholder-eyebrow{color:var(--accent);font-size:.55rem;letter-spacing:.12em}.project-image-glyph{width:2.2rem;color:var(--accent)}.project-meta{display:inline-block;margin:0 0 .95rem!important;padding:.18rem .42rem;border:1px solid var(--line);border-radius:4px;color:var(--muted);font:.58rem var(--mono)}.project-description{max-width:48ch;font-size:.97rem;line-height:1.7}.cv-content{max-width:680px}.cv-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.download-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--accent);border-radius:7px;padding:.58rem .7rem;color:var(--accent);text-decoration:none;font:.62rem var(--mono);transition:transform .16s ease}.download-button:hover{transform:translateY(-2px);background:var(--accent-wash)}.cv-content section{margin-top:1.35rem}.cv-content section h4{margin-bottom:.45rem;color:var(--accent);font:.62rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.cv-item{margin-bottom:.72rem}.cv-item strong{color:#1e2a1d;font-size:.76rem}.cv-item p{font-size:.78rem}.cv-project-links{display:flex;flex-wrap:wrap;gap:.43rem}.cv-project-links button{border:1px solid var(--line);border-radius:5px;background:transparent;color:#2b3a28;padding:.38rem .48rem;font-size:.67rem;text-align:left}.cv-project-links button:hover{border-color:var(--accent);background:var(--accent-wash)}.cv-placeholder-note{margin-top:1.5rem!important;padding:.62rem .72rem;border-left:2px solid var(--accent);color:var(--muted);font-size:.72rem}.cv-placeholder-note code{color:var(--accent)}.phone-shell{min-height:100vh;padding:1rem 1.1rem 2.5rem;background:radial-gradient(circle at 82% 12%,rgba(140,171,129,.5),transparent 27%),linear-gradient(145deg,#c6cfbb,#aebd9f)}.phone-status{display:flex;justify-content:space-between;padding:.35rem .15rem;color:var(--muted);font:.65rem var(--mono)}.phone-heading{padding:2.6rem .15rem 1.8rem}.phone-heading h1{margin:.25rem 0;color:#1a2519;font-size:2.45rem;letter-spacing:-.07em}.phone-heading p:last-child{margin:0;color:var(--muted);font-size:.83rem}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem .65rem}.phone-app,.phone-external{min-height:105px;display:grid;justify-items:center;align-content:center;gap:.55rem;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--ink);text-decoration:none;font-size:.66rem;transition:transform .16s ease}.phone-app:active,.phone-external:active{transform:scale(.96)}.phone-app:hover{border-color:var(--line);background:#526d5114}.phone-folder-glyph{width:2.7rem;color:var(--accent);filter:drop-shadow(0 8px 15px rgba(30,42,29,.18))}.phone-external{border:1px dashed var(--line-strong);color:var(--muted);font:.56rem var(--mono)}.phone-external>span{color:var(--accent);font-size:1.45rem}.phone-external svg{width:.8rem}.phone-external small{overflow-wrap:anywhere}.phone-panel{min-height:100vh;background:var(--bg)}.phone-panel-bar{position:sticky;top:0;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;border-bottom:1px solid var(--line);background:#e2e8d9f2;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);color:#1e2a1d;font:.62rem var(--mono);letter-spacing:.03em;z-index:3}.phone-panel-bar button{display:inline-flex;align-items:center;gap:.35rem;border:0;background:transparent;color:var(--accent);font:.65rem var(--mono)}.phone-panel-content{padding:1.25rem 1rem 2rem}.phone-panel .content-flow h3{font-size:1.75rem}.phone-panel .project-file-grid{grid-template-columns:1fr}.phone-panel .project-file{min-height:110px}@media(max-width:767px){.laptop-intro{height:100svh}.intro-overlay{bottom:1.4rem}.skip-intro{top:1rem;right:1rem}.with-intro .phone-shell{margin-top:-100svh;position:relative;z-index:3;opacity:0;pointer-events:none;transition:opacity .12s linear}.with-intro .phone-shell{opacity:1;pointer-events:auto}.with-intro .phone-panel{margin-top:-100svh;position:relative;z-index:5}.with-intro .phone-shell{opacity:1}.with-intro .laptop-intro+.phone-shell{opacity:1}.direct-desktop .phone-shell{margin-top:0}}@media(max-width:950px)and (min-width:768px){.desktop-window{width:min(590px,calc(100vw - 180px))}.desktop-contents{padding-left:1.3rem}.desktop-caption{right:1.3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:767px){.with-intro .mobile-stage{margin-top:-100svh;position:relative;z-index:3;opacity:var(--desktop-reveal);pointer-events:none;transition:opacity .12s linear}.with-intro .mobile-stage[data-interactive=true]{pointer-events:auto}.with-intro .mobile-stage .phone-shell,.with-intro .mobile-stage .phone-panel{margin-top:0;position:relative;z-index:auto;opacity:1;pointer-events:auto}}.window-body,.phone-panel-content{overscroll-behavior:contain}.laptop-intro-wrap{position:relative}.with-intro .desktop-section{position:fixed;inset:0;margin-top:0;background:transparent;pointer-events:none}.with-intro .desktop-shell{min-height:100%;height:100%}@media(max-width:767px){.with-intro .mobile-stage{position:fixed;inset:0;margin-top:0;overflow-y:auto;overscroll-behavior:contain}}.desktop-contents{padding:1.4rem 1.2rem}.folder-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(auto-fill,94px);grid-auto-columns:96px;grid-template-columns:none;gap:4px 12px;height:calc(100vh - 58px - 2.8rem);align-content:start}.folder-tile{width:96px;height:94px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:6px 4px 4px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);text-align:center;text-decoration:none;transition:background .14s ease,transform .14s ease}.folder-tile:hover{transform:none;background:#eef2e873;border-color:#526d512e}.folder-tile:active{background:#526d5129}.folder-tile:focus-visible{outline:none;background:#526d5124;border-color:#526d5166}.folder-glyph{width:54px;height:44px;flex:0 0 auto;color:var(--accent);filter:drop-shadow(0 3px 5px rgba(30,42,29,.16))}.folder-label{max-width:100%;padding:1px 6px;border-radius:5px;font-size:.74rem;font-weight:600;line-height:1.25;letter-spacing:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.folder-tile:focus-visible .folder-label{background:var(--accent);color:#f7f9f3}