@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap";:root{--bg: #09090B;--surface: rgba(14,14,18,.88);--border: rgba(255,255,255,.08);--text: #fafafa;--muted: #71717a;--accent: #f59e0b;--blue: #3b82f6;--teal: #14b8a6;--purple: #a855f7;--orange: #f97316;--text-hero: clamp(48px, 7vw, 80px);--text-mega: clamp(18px, 4.5vw, 64px);--text-h1: clamp(32px, 5vw, 56px);--text-h2: clamp(24px, 3vw, 40px);--text-body: clamp(16px, 1.2vw, 18px);--space-section: clamp(4rem, 12vw, 10rem);--space-element: clamp(1.5rem, 3vw, 3rem);--space-gap: clamp(1rem, 2vw, 2rem);--tap-target-min: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.portfolio-root{position:relative;width:100vw;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.canvas-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.canvas-layer canvas{width:100%!important;height:100%!important}.scroll-container{position:relative;z-index:10;min-height:600vh;pointer-events:none}.act{position:relative;min-height:120vh;display:flex;align-items:center;padding:0 7vw}.act-1{min-height:100vh}.act-3,.act-4{min-height:140vh}.swiss-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;width:100%;max-width:1600px;margin:0 auto;padding:0 6vw;pointer-events:auto}.swiss-block{grid-column:1 / -1;display:flex;flex-direction:column}.swiss-block-wide,.swiss-split-left,.swiss-split-right,.swiss-phil-left,.swiss-phil-right,.swiss-blog-meta,.swiss-blog-title,.swiss-blog-tags{grid-column:1 / -1}@media (min-width: 768px){.swiss-block{grid-column:2 / 11}.swiss-block-wide{grid-column:1 / -1}.swiss-split-left{grid-column:1 / 6}.swiss-split-right{grid-column:6 / 13}.swiss-blog-meta{grid-column:1 / 4}.swiss-blog-title{grid-column:4 / 10}.swiss-blog-tags{grid-column:10 / 13;justify-content:flex-end}}.swiss-blog-row{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.mobile-snap-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4rem}.mobile-bottom-sheet{max-width:800px;width:100%;max-height:85vh;padding:clamp(1.5rem,4vw,4rem);border-radius:8px}.projects-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem}.contact-socials{display:flex;gap:4rem;align-items:flex-end}@media (min-width: 1024px){.swiss-phil-left{grid-column:1 / 8}.swiss-phil-right{grid-column:9 / 13}}.swiss-label{font-size:11px;font-weight:700;letter-spacing:.25em;color:var(--accent);text-transform:uppercase;margin-bottom:2rem}.swiss-headline{font-size:var(--text-h1);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--text);margin-bottom:3rem;text-transform:uppercase}.swiss-paragraph{font-size:var(--text-body);font-weight:400;line-height:1.7;color:#a1a1aa;max-width:600px;margin-bottom:2rem}.scroll-hint{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);letter-spacing:.1em}.spec-cards{display:flex;flex-direction:column;gap:10px}.spec-card{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;transition:border-color .25s}.spec-card:hover{border-color:var(--accent)}.spec-title{font-size:9px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:5px}.spec-value{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.02em}.spec-value.accent{color:var(--accent)}.spec-sub{font-size:11px;color:var(--muted);margin-top:3px}.stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.5rem}.stack-ring-label{font-size:8px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-weight:600}.stack-badges{display:flex;flex-wrap:wrap;gap:5px}.stack-badge{font-size:10px;font-weight:500;padding:3px 10px;border-radius:100px;border:1px solid var(--badge-color, var(--accent));color:var(--badge-color, var(--accent));background:transparent;cursor:default;transition:background .2s,transform .15s}.stack-badge:hover{background:#f59e0b14;transform:translateY(-1px)}.act-sub{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:1.5rem}.node-legend{display:flex;flex-direction:column;gap:10px}.node-legend-item{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text);font-weight:500}.node-dot{width:7px;height:7px;border-radius:50%;background:var(--node-color, var(--accent));box-shadow:0 0 10px var(--node-color, var(--accent));flex-shrink:0}.act-5 .act-content{text-align:center}.cta-headline{margin-bottom:.75rem}.drive-cta{display:inline-block;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.22em;color:var(--accent);background:transparent;border:1px solid var(--accent);padding:12px 32px;border-radius:4px;cursor:pointer;margin-top:1.5rem;transition:background .2s,color .2s}.drive-cta:hover{background:var(--accent);color:#09090b}.drive-hint{font-size:10px;color:var(--muted);margin-top:.75rem;letter-spacing:.1em}.hud{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem 2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:300px}.hud-title{font-size:9px;letter-spacing:.25em;color:var(--accent);text-transform:uppercase;margin-bottom:1rem}.hud-controls{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);flex-wrap:wrap;margin-bottom:1.25rem}.hud-key{background:#ffffff12;border:1px solid var(--border);border-radius:4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text)}.hud-links{display:flex;gap:1.5rem}.hud-link{font-size:11px;color:var(--muted);text-decoration:none;transition:color .2s}.hud-link:hover{color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-drawer{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#0e0e12;border-top:1px solid var(--border);border-radius:20px 20px 0 0;max-height:80vh;overflow-y:auto}.modal-inner{padding:2rem 2.5rem 3rem;max-width:680px;margin:0 auto}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.modal-node{font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;display:block;margin-bottom:8px}.modal-tags{display:flex;flex-wrap:wrap;gap:5px}.modal-tag{font-size:9px;font-weight:600;padding:2px 9px;border-radius:100px;border:1px solid;background:transparent}.modal-close{background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;transition:color .2s}.modal-close:hover{color:var(--text)}.modal-hook{font-size:clamp(16px,2vw,22px);font-weight:600;font-style:italic;line-height:1.4;margin-bottom:.5rem}.modal-title{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:1.75rem}.modal-story{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.75rem}.modal-story p{font-size:14px;line-height:1.8;color:var(--muted)}.modal-links{display:flex;gap:1rem}.modal-link{font-size:12px;font-weight:600;color:var(--link-color, var(--accent));text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.modal-link:hover{border-bottom-color:currentColor}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.loading-name{font-size:clamp(24px,4vw,48px);font-weight:800;letter-spacing:-.03em;color:var(--text)}.loading-sub{font-size:10px;letter-spacing:.22em;color:var(--accent);text-transform:uppercase}.loading-bar-track{width:160px;height:1px;background:#ffffff14;border-radius:1px;overflow:hidden}.loading-bar{width:100%;height:100%;background:var(--accent);transform:translate(-100%);animation:loadBar .9s ease-in-out .3s forwards}@keyframes loadBar{to{transform:translate(0)}}@media (max-width: 768px){.hero-content{max-width:calc(100vw - 3rem);padding:1.5rem}.hero-name{font-size:clamp(36px,10vw,60px)}.act-content{padding:1.5rem}.act-headline{font-size:clamp(22px,5vw,34px)}.hero-stats{gap:1rem}.stack-grid{grid-template-columns:1fr}.modal-inner{padding:1.5rem}}html,body{margin:0;padding:0;background:#09090b;overflow-x:clip}#root{background:#09090b}.portfolio-root{min-height:100vh;background:#09090b}.hero-section{position:relative;height:100vh;width:100%;overflow:hidden}.hero-canvas-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-overlay{position:absolute;bottom:6vh;left:4vw;z-index:20;pointer-events:none}.scroll-container{display:contents}@media (max-width: 1024px){.hero-name{font-size:clamp(32px,6vw,64px)}.global-spine,.section-nav{display:none!important}}@media (max-width: 768px){.swiss-split-left{position:static!important;padding-bottom:3rem!important}.mobile-header-row{flex-direction:column!important;align-items:flex-start!important;gap:1.5rem!important}.swiss-blog-row{display:flex;flex-direction:column;gap:1.5rem}.projects-row{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.projects-row>div:last-child{align-self:flex-start;text-align:left!important;align-items:flex-start!important;flex-direction:row-reverse!important}.mobile-snap-scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:1.5rem;padding-bottom:2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-snap-scroll::-webkit-scrollbar{display:none}.mobile-snap-scroll>*{flex:0 0 85%;background:#ffffff05;padding:1.5rem;border-radius:8px}.mobile-bottom-sheet{position:absolute;bottom:0;left:0;right:0;width:100vw!important;max-width:100vw!important;border-radius:24px 24px 0 0!important;border:none!important;border-top:1px solid var(--border)!important;padding:2rem 1.5rem 4rem!important;margin:0!important;animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.contact-socials{flex-wrap:wrap;gap:1.5rem;justify-content:center}.hero-content{left:3vw;right:3vw;max-width:none;padding:1.25rem 1.5rem;bottom:4vh}.hero-name{font-size:clamp(28px,10vw,48px)}#about>div>div{grid-template-columns:1fr!important;gap:3rem!important}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 480px){#skills>div>div[style*=grid]{grid-template-columns:1fr!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-framer-motion]{transform:none!important;opacity:1!important}}:root{--cards-opacity: 1;--cards-pointer: auto}.hero-content{opacity:var(--cards-opacity);pointer-events:var(--cards-pointer);transition:opacity .3s}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}[data-cursor]{cursor:none}#about,#how-i-build,#projects,#skills,#blog,#contact{position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#09090b}::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f59e0b99}::selection{background:#f59e0b40;color:#fafafa}@tailwind base;@tailwind components;@tailwind utilities;html{overflow-x:clip}body{margin:0;padding:0;overflow-x:clip}#root{min-height:100vh}