@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fira+Code:wght@400;500;600;700&display=swap";:root{--color-terracotta: #d63c76;--color-mustard: #e3ac34;--color-sage: #207a6e;--color-navy: #8c6ec9;--color-rose: #f89fb3;--bg: #121124;--bg-alt: #191730;--bg-trans: rgba(18, 17, 36, .76);--bg-trans-alt: rgba(25, 23, 48, .88);--text: #e4e1f5;--border: #8c6ec9;--card-bg: rgba(25, 23, 44, .75);--font-main: "Space Grotesk", sans-serif;--font-code: "Fira Code", monospace}[data-theme=dark]{--color-terracotta: #f82a72;--color-mustard: #ffc844;--color-sage: #1ee3bd;--color-navy: #a482ff;--color-rose: #ffafc0;--bg: #0b0a14;--bg-alt: #100f1e;--bg-trans: rgba(11, 10, 20, .82);--bg-trans-alt: rgba(16, 15, 30, .9);--text: #ffffff;--border: #f82a72;--card-bg: rgba(16, 15, 30, .8)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-main);overflow-y:auto;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid rgba(140,110,201,.2)}::-webkit-scrollbar-thumb{background:var(--color-navy);border-radius:4px}.webgl-canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.foreground-scroll-container{position:relative;width:100%;z-index:10;pointer-events:auto}.portfolio-section{width:100%;min-height:100vh;padding:120px 80px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:background .4s ease,backdrop-filter .4s ease}.portfolio-section.shade-overlay{background:var(--bg-trans-alt);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-top:1.5px solid rgba(140,110,201,.25);border-bottom:1.5px solid rgba(140,110,201,.25);box-shadow:0 -15px 40px #0a0914b3,inset 0 0 30px #8c6ec90d}.comic-panel-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.2px solid rgba(140,110,201,.35);box-shadow:0 8px 32px #0a091480,inset 0 0 12px #8c6ec90d;border-radius:14px;overflow:visible;position:relative;display:flex;flex-direction:column;color:var(--text);filter:none;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);z-index:10}.comic-panel-card:hover{transform:translateY(-6px);border-color:var(--color-terracotta);box-shadow:0 16px 40px #0a0914b3,0 0 20px #d63c7640}.card-header-bar{background:#8c6ec91f;border-bottom:1px solid rgba(140,110,201,.25);border-top-left-radius:12px;border-top-right-radius:12px;padding:12px 18px;display:flex;align-items:center;gap:8px;font-family:var(--font-code);font-size:.75rem;font-weight:700;-webkit-user-select:none;user-select:none}.card-dot-marker{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.card-dot-marker.red{background-color:var(--color-terracotta)}.card-dot-marker.yellow{background-color:var(--color-mustard)}.card-dot-marker.green{background-color:var(--color-sage)}.card-content-area{padding:24px;flex-grow:1;position:relative;z-index:1}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px;width:min(1140px,92%);margin-top:45px;z-index:20}.skills-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;width:min(1140px,92%);margin-top:45px;z-index:20}.linear-skill-container{margin-bottom:16px}.linear-skill-label{display:flex;justify-content:space-between;font-family:var(--font-code);font-size:.8rem;font-weight:700;margin-bottom:5px;color:var(--text)}.linear-skill-track{height:10px;background:#8c6ec914;border:1px solid rgba(140,110,201,.25);border-radius:5px;overflow:hidden}.linear-skill-fill{height:100%;border-right:1px solid var(--border);transition:width .8s cubic-bezier(.1,.8,.2,1);box-shadow:0 0 8px currentColor}.btn-orange-resume{background-color:var(--color-terracotta);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #d63c7633;border-radius:8px;padding:12px 20px;font-family:var(--font-main);font-weight:600;font-size:.92rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background-color .2s ease}.btn-orange-resume:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d63c7666;background-color:var(--color-terracotta);filter:brightness(1.15)}.btn-orange-resume:active{transform:translateY(0);box-shadow:0 4px 8px #d63c7633}.melting-header{font-family:var(--font-main);font-weight:700;text-transform:uppercase;letter-spacing:1px;filter:none}.melting-header-heavy{font-family:var(--font-main);font-weight:800;text-transform:uppercase;letter-spacing:2px;filter:none}.jolly-subtitle{font-family:var(--font-code);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;filter:none}.legible-fira-text{font-family:var(--font-code);font-size:.82rem;line-height:1.5}.interaction-bubble{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--bg-trans-alt);border:1px solid rgba(140,110,201,.3);box-shadow:0 8px 24px #0a091466;border-radius:8px;display:flex;gap:15px;padding:8px 16px;font-family:var(--font-code);font-size:.68rem;font-weight:700;color:var(--text);z-index:100;pointer-events:none}.interaction-tag{background:var(--color-mustard);border:1px solid rgba(255,255,255,.15);padding:2px 6px;border-radius:4px;color:#121124;font-weight:800}.foliage-leaf-path{fill:var(--color-sage);stroke:var(--bg);stroke-width:1.5;transition:fill .3s ease}.foliage-leaf-path-alt{fill:var(--color-navy);stroke:var(--bg);stroke-width:1.5;transition:fill .3s ease}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.82rem;font-family:var(--font-code);margin-bottom:28px;text-align:left}@media (max-width: 520px){.contact-grid{grid-template-columns:1fr;gap:10px}}@media (max-width: 768px){.portfolio-section{padding:80px 24px}.skills-grid{grid-template-columns:1fr;gap:30px}}.scrollytelling-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10}.scroll-dummy-spacer{width:100%;height:520vh;pointer-events:none}.journey-section{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s step-end,transform .8s cubic-bezier(.16,1,.3,1);z-index:20}.journey-section.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s step-start,transform .8s cubic-bezier(.16,1,.3,1)}.left-aligned-panel{align-self:center;margin-right:auto;margin-left:6%;width:min(520px,90%)}.right-aligned-panel{align-self:center;margin-left:auto;margin-right:6%;width:min(520px,90%)}@media (max-width: 992px){.left-aligned-panel,.right-aligned-panel{margin:auto;width:min(480px,95%);align-self:center}}@media (max-width: 520px){.journey-section{padding:16px 12px}.comic-panel-card{max-height:85vh!important}.card-header-bar{padding:8px 12px;font-size:.68rem}.card-content-area{padding:16px!important;-webkit-overflow-scrolling:touch}.melting-header{letter-spacing:0px!important}.interaction-bubble{bottom:15px;padding:6px 12px;font-size:.6rem}}@media (max-height: 700px){.journey-section{padding:8px 12px}.comic-panel-card{max-height:88vh!important}.card-content-area{padding:12px 16px!important}}@media print{body{background:#fff!important;color:#000!important;font-family:Arial,sans-serif!important}.webgl-canvas-container,.interaction-bubble,.theme-toggle-btn,.btn-orange-resume,.card-header-bar,.card-dot-marker,svg{display:none!important}.foreground-scroll-container,.portfolio-section,.journey-section{position:relative!important;width:100%!important;height:auto!important;min-height:auto!important;opacity:1!important;transform:none!important;padding:20px 0!important;margin:0!important;background:none!important;box-shadow:none!important;filter:none!important;pointer-events:auto!important}.comic-panel-card{border:none!important;background:none!important;box-shadow:none!important;max-height:none!important;padding:0!important;margin-bottom:30px!important}.card-content-area{padding:0!important;overflow:visible!important}h1{font-size:26pt!important;color:#000!important;text-shadow:none!important;margin-bottom:5px!important;letter-spacing:0px!important}h2{font-size:16pt!important;color:#000!important;border-bottom:1.5pt solid #333333!important;padding-bottom:3px!important;margin-top:25px!important;margin-bottom:15px!important}h3{font-size:13pt!important;color:#333!important;margin-top:15px!important;margin-bottom:5px!important}p,li,span,div{font-size:10pt!important;color:#222!important;line-height:1.4!important}a{color:#00e!important;text-decoration:underline!important}a[href]:after{content:" (" attr(href) ")";font-size:9pt!important;color:#555!important}}