@import "https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&family=JetBrains+Mono:wght@400;700&family=Inter:wght@300;400;600&display=swap";:root{--bg-color:#000;--bg-color-alt:#0a0a0a;--text-main:#f5f5f7;--text-muted:#888;--accent-amber:#ffb000;--accent-blue:#00f0ff;--font-massive:"Syncopate", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-body:"Inter", sans-serif;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--spacing-xxl:8rem;--spacing-giant:16rem}@media (width<=768px){:root{--spacing-md:.75rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem;--spacing-xxl:4rem;--spacing-giant:8rem}}*{box-sizing:border-box;margin:0;padding:0}body:before{content:"";pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-massive);text-transform:uppercase;letter-spacing:-.02em;font-weight:700;line-height:1.1}a{color:var(--text-main);text-decoration:none;transition:color .3s}a:hover{color:var(--accent-amber)}.mono{font-family:var(--font-mono);letter-spacing:.05em}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:var(--accent-amber)}.container{max-width:1400px;padding:0 var(--spacing-lg);margin:0 auto}section{z-index:1;isolation:isolate;border-bottom:1px solid #ffffff0d;position:relative}.creative-divider{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-lg);max-width:1400px;margin:0 auto;display:flex}.creative-divider-line{background:linear-gradient(90deg,#0000,#ffb00033,#0000);flex:1;height:1px}.creative-divider-label{letter-spacing:.25em;color:var(--text-muted);white-space:nowrap;opacity:.5;font-size:.7rem}@media (width<=768px){.creative-divider{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-md)}.creative-divider-label{font-size:.55rem}}.floating-contact{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#000000d9;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:1rem;padding:.65rem 1.25rem;transition:all .3s;display:flex;position:fixed;top:1.2rem;right:1.5rem}.floating-contact:hover{background:#000000f2;border-color:#ffb0004d}.fc-name{font-family:var(--font-massive);letter-spacing:.08em;color:#fff;text-transform:uppercase;font-size:.75rem}.fc-divider{background:#ffffff26;width:1px;height:14px}.fc-email{font-family:var(--font-mono);color:#ffffffb3;font-size:.75rem;text-decoration:none;transition:color .2s}.fc-email:hover{color:var(--accent-amber)}.app-container{overflow-x:hidden}@media (width<=768px){.container{padding:0 var(--spacing-md);overflow-x:hidden}.floating-contact{flex-direction:column;align-items:flex-end;gap:0;padding:.5rem .85rem;top:.75rem;right:.75rem}.fc-divider{display:none}.fc-name{font-size:.6rem}.fc-email{font-size:.55rem}}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.brand-lockup{letter-spacing:.2em;color:var(--text-muted);margin-bottom:var(--spacing-lg);font-size:.85rem}.accent-amber{color:var(--accent-amber)}.hero-title,.hero-title h1{letter-spacing:-.05em;color:var(--text-main);margin-bottom:var(--spacing-lg);font-size:clamp(4rem,10vw,10rem);line-height:.9}.hero-subtitle,.hero-subtitle p{letter-spacing:.05em;max-width:600px;margin:0 auto;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:300}.scroll-indicator{bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-md);letter-spacing:.2em;color:var(--text-muted);z-index:10;flex-direction:column;font-size:.7rem;display:flex;position:absolute}.scroll-line{background:linear-gradient(to bottom, var(--accent-amber), transparent);width:1px;height:60px}.hero-contact-strip{align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.hero-contact-item{letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:.4rem;font-size:.72rem;text-decoration:none;transition:color .2s;display:flex}a.hero-contact-item:hover{color:var(--accent-amber)}@media (width<=768px){.hero-section{padding:0 var(--spacing-md);height:100svh;overflow:hidden}.hero-content{max-width:100%;overflow:hidden}.hero-title,.hero-title h1{margin-bottom:var(--spacing-md);word-break:break-word;font-size:clamp(2.2rem,11vw,4rem)}.brand-lockup{margin-bottom:var(--spacing-md);font-size:.7rem}.hero-subtitle,.hero-subtitle p{padding:0 var(--spacing-sm);font-size:.85rem;line-height:1.5}.hero-contact-strip{margin-top:var(--spacing-md);flex-direction:column;gap:.4rem}.hero-contact-item{font-size:.62rem}.scroll-indicator{bottom:var(--spacing-md);font-size:.6rem}.scroll-line{height:35px}}.manifesto-section{background-color:var(--bg-color);position:relative}.sticky-container{min-height:80vh;padding:var(--spacing-xxl) var(--spacing-xl);justify-content:center;align-items:center;display:flex}.manifesto-content{text-align:center;max-width:1200px}.manifesto-focus-text p{font-family:var(--font-massive);color:var(--text-main);margin-bottom:var(--spacing-xl);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,3.5rem);line-height:1.2}.manifesto-focus-text p:last-child{color:var(--accent-amber)}.manifesto-bio{align-items:center;gap:var(--spacing-xl);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);text-align:left;border-top:1px solid #ffffff0f;max-width:900px;margin-left:auto;margin-right:auto;display:flex}.bio-portrait{border-radius:8px;flex-shrink:0;width:300px;height:400px;position:relative;overflow:hidden}.bio-portrait:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:8px;position:absolute;inset:0}.bio-portrait img{object-fit:cover;object-position:top center;filter:grayscale()contrast(1.1);width:100%;height:100%;transition:filter .6s}.manifesto-bio:hover .bio-portrait img{filter:grayscale(60%)contrast(1.05)}.bio-text{gap:var(--spacing-md);flex-direction:column;display:flex}.bio-text p{color:var(--text-muted);letter-spacing:.01em;font-size:clamp(.9rem,1.3vw,1.05rem);line-height:1.75}.manifesto-coda{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid #ffffff0f;max-width:700px;margin-left:auto;margin-right:auto}.manifesto-coda p{color:var(--text-muted);letter-spacing:.01em;font-size:clamp(.9rem,1.5vw,1.1rem);font-style:italic;line-height:1.7}.manifesto-coda-final{margin-top:var(--spacing-md);font-style:italic;font-weight:500;color:var(--accent-amber)!important}@media (width<=768px){.sticky-container{min-height:auto;padding:var(--spacing-xl) var(--spacing-md)}.manifesto-focus-text p{margin-bottom:var(--spacing-lg);font-size:clamp(1.1rem,5vw,2rem)}.manifesto-bio{text-align:center;gap:var(--spacing-lg);flex-direction:column}.bio-portrait{width:240px;height:320px;margin:0 auto}.bio-text p{text-align:center;font-size:.88rem}.manifesto-coda{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.manifesto-coda p{font-size:.85rem}}.short-film-section{padding:var(--spacing-xxl) 0;background-color:#000;border-bottom:1px solid #ffb0001a;position:relative;overflow:hidden}.short-film-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffb0000d 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.film-header{text-align:center;margin-bottom:var(--spacing-xl)}.film-header .mono{margin-bottom:var(--spacing-md);letter-spacing:.3em;color:var(--accent-amber);font-size:.85rem;display:block}.massive-film-title{font-size:clamp(3rem,8vw,7rem);font-family:var(--font-massive);letter-spacing:-.02em;color:#fff;text-transform:uppercase;text-shadow:0 10px 40px #ffb00033;line-height:.9}.film-credit{letter-spacing:.1em;margin-top:var(--spacing-md);font-size:.8rem}.laurels-bar{justify-content:center;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl);flex-direction:column;display:flex}@media (width>=768px){.laurels-bar{gap:var(--spacing-xxl);flex-direction:row}}.laurel-item{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.laurel-svg{color:var(--accent-amber);filter:drop-shadow(0 0 10px #ffb00080);margin-bottom:.5rem}.laurel-text{flex-direction:column;align-items:center;display:flex}.laurel-role{font-family:var(--font-massive);color:var(--text-main);letter-spacing:.1em;font-size:1.2rem}.laurel-festival{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.2em;font-size:.75rem}.film-player-container{aspect-ratio:2.35;background:#000;border:1px solid #ffb00033;border-radius:4px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 100px #000}@media (width<=768px){.film-player-container{aspect-ratio:16/9}}.film-video{object-fit:cover;border:none;width:100%;height:100%}.film-poster-wrap{cursor:pointer;width:100%;height:100%;position:relative}.film-poster-img{object-fit:cover;width:100%;height:100%;display:block}.film-play-overlay{background:#00000059;justify-content:center;align-items:center;width:100%;height:100%;transition:background .3s;display:flex;position:absolute;top:0;left:0}.film-poster-wrap:hover .film-play-overlay{background:#00000026}.film-play-btn{color:#1a1a1a;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 0 30px #ffffff26}.film-poster-wrap:hover .film-play-btn{transform:scale(1.1);box-shadow:0 0 50px #ffffff40}.film-player-container .status-overlay{z-index:10;color:var(--accent-amber);letter-spacing:.2em;pointer-events:none;align-items:center;gap:.5rem;font-size:.75rem;display:flex;position:absolute;top:1.5rem;left:1.5rem}@media (width<=768px){.short-film-section{padding:var(--spacing-xl) var(--spacing-md)}.film-header .mono{letter-spacing:.15em;font-size:.7rem}.massive-film-title{font-size:clamp(2rem,10vw,4rem)}.film-credit{font-size:.7rem}.laurel-role{font-size:.9rem}.laurel-festival{letter-spacing:.1em;font-size:.6rem}.laurel-svg{width:30px}.film-player-container .status-overlay{font-size:.6rem;top:.75rem;left:.75rem}}.timeline-section{padding:var(--spacing-xxl) var(--spacing-xl);background:var(--bg-color);position:relative}.timeline-top{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:row;display:flex}.timeline-top .mono{margin-bottom:var(--spacing-sm);letter-spacing:.2em;font-size:.8rem;display:block}.resume-download{letter-spacing:.12em;color:var(--text-main);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;align-items:center;gap:.5rem;padding:.55rem 1.4rem;font-size:.7rem;text-decoration:none;transition:all .3s;display:inline-flex}.resume-download svg{color:var(--accent-amber)}.resume-download:hover{background:#ffffff1a;border-color:#ffb00066;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.timeline{margin-top:var(--spacing-xl);padding-left:20px;position:relative}.timeline:before{content:"";background:var(--glass-border);width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{margin-bottom:var(--spacing-xl);padding-left:40px;position:relative}.timeline-node{background:var(--bg-color);border:2px solid var(--accent-cyan);width:14px;height:14px;box-shadow:0 0 10px var(--accent-blue-glow);z-index:2;border-radius:50%;position:absolute;top:1.2rem;left:-6px}.timeline-content{padding:var(--spacing-lg)}.timeline-header{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}@media (width>=768px){.timeline-header{flex-direction:row;justify-content:space-between;align-items:center}}.role{color:var(--text-main);font-size:1.25rem}.date{color:var(--accent-cyan);font-size:.85rem}.company-row{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:1rem;display:flex}.company{align-items:center;gap:.5rem;display:flex}.company-meta{color:var(--text-muted);opacity:.6;align-items:center;gap:.3rem;font-size:.7rem;display:flex}.points-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.points-list li{color:var(--text-muted);padding-left:1.2rem;font-size:.9rem;line-height:1.6;position:relative}.points-list li:before{content:">";color:var(--accent-cyan);font-family:var(--font-mono);position:absolute;top:0;left:0}.skills-block{max-width:1200px;margin:var(--spacing-xxl) auto 0;padding:var(--spacing-xl);background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px}.skills-title{letter-spacing:.15em;color:var(--text-muted);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid #ffffff0f;font-size:.75rem}.skills-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.skill-group{flex-direction:column;gap:.3rem;display:flex}.skill-cat{letter-spacing:.1em;font-size:.68rem}.skill-list{color:var(--text-muted);font-size:.85rem;line-height:1.5}.indie-projects-block{margin-top:var(--spacing-xl)}.indie-projects-block>.mono{margin-bottom:var(--spacing-md);letter-spacing:.2em;font-size:.8rem;display:block}.indie-project{padding:var(--spacing-lg)}.indie-summary{color:var(--text-muted);margin:var(--spacing-md) 0;padding-left:var(--spacing-md);border-left:2px solid #ffb0004d;font-size:.88rem;line-height:1.6}.highlights-block{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px}.highlights-list{gap:var(--spacing-md);flex-direction:column;padding:0;list-style:none;display:flex}.highlights-list li{color:var(--text-muted);padding-left:1.2rem;font-size:.88rem;line-height:1.6;position:relative}.highlights-list li:before{content:"▹";color:var(--accent-amber);font-size:.9rem;position:absolute;left:0}@media (width<=768px){.timeline-section{padding:var(--spacing-xl) var(--spacing-md)}.timeline{padding-left:10px}.timeline:before{left:10px}.timeline-item{padding-left:30px}.timeline-node{width:12px;height:12px;left:-11px}.timeline-content{padding:var(--spacing-md) 0}.role{font-size:1rem}.points-list li{font-size:.82rem}.skills-block{padding:var(--spacing-lg)}.resume-download{width:100%;margin-top:var(--spacing-sm);justify-content:center;padding:.75rem 1rem;font-size:.68rem}.timeline-top{gap:var(--spacing-sm)}.indie-project,.highlights-block{padding:var(--spacing-md)}.highlights-list li{font-size:.82rem}}.deployments-section{padding:var(--spacing-xxl) 0;background-color:var(--bg-color);border-top:1px solid #ffffff0d}.deployments-header{text-align:center;margin-bottom:var(--spacing-xxl)}.deployments-header .mono{margin-bottom:var(--spacing-md);letter-spacing:.2em;font-size:.8rem;display:block}.deployments-header h2{color:var(--text-main);font-size:clamp(2.5rem,6vw,5rem);line-height:1}.app-hero-card{max-width:1200px;margin:0 auto var(--spacing-xxl);background:#050508;border:1px solid #00f0ff1f;border-radius:16px;position:relative;overflow:hidden}.app-hero-glow{pointer-events:none;background:radial-gradient(#00f0ff14 0%,#0000 70%);width:60%;height:200%;position:absolute;top:-50%;right:-20%}.app-hero-content{z-index:1;flex-direction:column;display:flex;position:relative}@media (width>=900px){.app-hero-content{flex-direction:row;align-items:stretch;min-height:480px}}.app-hero-text{justify-content:center;gap:var(--spacing-md);flex-direction:column;flex:1;padding:clamp(2rem,4vw,3.5rem);display:flex}.app-badge{letter-spacing:.15em;color:var(--accent-cyan);background:#00f0ff14;border:1px solid #00f0ff26;border-radius:20px;align-items:center;gap:.5rem;width:fit-content;padding:.4rem 1rem;font-size:.7rem;display:inline-flex}.app-hero-title{font-family:var(--font-massive);color:#fff;letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,4rem);line-height:1}.app-hero-subtitle{color:var(--accent-cyan);letter-spacing:.05em;margin-top:-.25rem;font-size:1.1rem;font-weight:300}.app-hero-desc{color:var(--text-muted);max-width:420px;font-size:.95rem;line-height:1.7}.app-hero-stats{margin-top:var(--spacing-sm);flex-wrap:wrap;gap:.5rem;display:flex}.stat-pill{font-size:.72rem;font-family:var(--font-mono);letter-spacing:.05em;color:#fff9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;display:inline-flex}.app-hero-device{flex:0 0 40%;justify-content:center;align-items:flex-end;min-height:350px;display:flex;position:relative;overflow:hidden}@media (width<=899px){.app-hero-device{min-height:300px;max-height:400px}}.floating-device{object-fit:contain;filter:drop-shadow(0 30px 50px #000000e6);width:75%;max-width:320px;margin-bottom:-30px;animation:6s ease-in-out infinite deviceFloat}@keyframes deviceFloat{0%,to{transform:translateY(8px)}50%{transform:translateY(-12px)}}.web-systems-panel{background:#050508;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;max-width:1200px;margin:0 auto;display:flex;overflow:hidden}@media (width>=900px){.web-systems-panel{flex-direction:row;min-height:400px}}.panel-sidebar{padding:var(--spacing-lg);background:#ffffff05;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:2px;display:flex}@media (width>=900px){.panel-sidebar{border-bottom:none;border-right:1px solid #ffffff0f;flex-shrink:0;width:280px}}.panel-sidebar-title{letter-spacing:.15em;color:var(--text-muted);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.panel-tab{width:100%;color:var(--text-muted);font-family:var(--font-massive);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:.95rem;transition:all .25s;display:flex}.panel-tab:hover{color:#fff;background:#ffffff0a}.panel-tab--active{color:#fff;border-left:3px solid var(--tab-accent,var(--accent-cyan));background:#ffffff0f}.panel-tab-arrow{opacity:0;transition:all .2s;transform:translate(-5px)}.panel-tab--active .panel-tab-arrow,.panel-tab:hover .panel-tab-arrow{opacity:1;transform:translate(0)}.panel-main{flex:1;padding:clamp(1.5rem,3vw,2.5rem);overflow:hidden}.panel-detail{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.browser-frame{background:#0a0a0a;border:1px solid #ffffff14;border-radius:10px;text-decoration:none;transition:all .4s;display:block;overflow:hidden}.browser-frame:hover{border-color:#ffffff26;box-shadow:0 8px 30px #00000080}.browser-chrome{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:10px 14px;display:flex}.browser-dots{gap:5px;display:flex}.bdot{border-radius:50%;width:10px;height:10px}.bdot-r{background:#ff5f56}.bdot-y{background:#ffbd2e}.bdot-g{background:#27c93f}.browser-url{color:var(--text-muted);letter-spacing:.05em;font-size:.68rem}.browser-viewport{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.browser-ss{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.browser-frame:hover .browser-ss{transform:scale(1.03)}.browser-hover-overlay{opacity:0;color:#fff;letter-spacing:.1em;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.browser-frame:hover .browser-hover-overlay{opacity:1}.detail-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.detail-role{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.detail-title{font-family:var(--font-massive);color:#fff;letter-spacing:-.02em;margin-top:.25rem;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.visit-button{letter-spacing:.1em;white-space:nowrap;background:0 0;border:1px solid;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.72rem;text-decoration:none;transition:all .3s;display:inline-flex}.visit-button:hover{background:#ffffff0d;transform:translateY(-2px)}.detail-desc{color:var(--text-muted);max-width:520px;font-size:.95rem;line-height:1.7}.detail-stack{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.stack-label{letter-spacing:.1em;color:var(--text-muted);flex-shrink:0;font-size:.65rem}.stack-tags{flex-wrap:wrap;gap:.4rem;display:flex}.stack-tag{font-size:.7rem;font-family:var(--font-mono);letter-spacing:.05em;background:#ffffff05;border:1px solid;border-radius:4px;padding:.3rem .7rem}.detail-bottom-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #ffffff0f;flex-wrap:wrap;display:flex}.detail-status{align-items:center;gap:.6rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0}50%{opacity:.6;box-shadow:0 0 8px 2px}}.status-text{letter-spacing:.12em;color:var(--text-muted);font-size:.68rem}.mobile-site-nav{display:none}@media (width<=768px){.deployments-section{padding:var(--spacing-xl) var(--spacing-md);overflow-x:hidden}.app-hero-card{overflow:hidden}.app-hero-text{padding:var(--spacing-lg)}.app-hero-title{font-size:clamp(1.8rem,7vw,3rem)}.app-hero-subtitle{font-size:.9rem}.app-hero-desc{font-size:.85rem}.app-hero-device{min-height:auto;max-height:none;padding:var(--spacing-lg) 0}.floating-device{width:55%;max-width:220px;margin-bottom:0}.web-systems-panel{overflow:hidden}.panel-sidebar{padding:var(--spacing-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:4px;overflow-x:auto}.panel-sidebar::-webkit-scrollbar{display:none}.panel-sidebar-title{display:none}.panel-tab{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:.5rem .75rem;font-size:.7rem}.panel-tab--active{border-left:none;border-bottom:2px solid var(--tab-accent,var(--accent-cyan))}.panel-tab-arrow{display:none}.panel-main{padding:var(--spacing-md)}.detail-title{font-size:clamp(1.5rem,6vw,2.5rem)}.detail-desc{font-size:.85rem}.detail-header{flex-direction:column}.browser-chrome{gap:6px;padding:8px 10px}.bdot{width:7px;height:7px}.visit-button{padding:.5rem 1rem;font-size:.65rem}.detail-bottom-row{flex-direction:column;align-items:flex-start}.stack-tags{gap:.3rem}.stack-tag{padding:.25rem .5rem;font-size:.6rem}.panel-sidebar{display:none}.mobile-site-nav{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid #ffffff0f;display:flex}.site-nav-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.site-nav-btn:active{border-color:var(--accent-amber);color:var(--accent-amber);background:#ffb00026;transform:scale(.95)}.site-nav-counter{color:var(--text-muted);letter-spacing:.15em;text-align:center;min-width:3rem;font-size:.8rem}}.arsenal-section{padding:var(--spacing-xxl) 0;background-color:var(--bg-color);border-top:1px solid #ffffff0d}.arsenal-header{text-align:center;margin-bottom:var(--spacing-xxl)}.arsenal-header .mono{margin-bottom:var(--spacing-md);letter-spacing:.2em;font-size:.8rem;display:block}.arsenal-header h2{color:var(--text-main);font-size:clamp(2.5rem,6vw,5rem);line-height:1}.core-strengths{max-width:1000px;margin:0 auto var(--spacing-xxl);padding:0 var(--spacing-lg);flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.strength-pill{letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;background:#ffb0000a;border:1px solid #ffb00033;border-radius:100px;padding:.45rem 1rem;font-size:.65rem;transition:all .3s;display:inline-block}.strength-pill:hover{color:var(--accent-amber);background:#ffb00014;border-color:#ffb00080}.arsenal-block{max-width:1200px;margin:0 auto var(--spacing-xxl)}.block-title{font-family:var(--font-massive);color:#fff;letter-spacing:.02em;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid #ffffff14;align-items:center;gap:.6rem;font-size:1.2rem;display:flex}.block-icon{color:var(--accent-amber)}.tools-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}@media (width>=600px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.tools-grid{grid-template-columns:repeat(4,1fr)}}.tool-card{cursor:default;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:.6rem;padding:1.2rem;transition:all .3s;display:flex}.tool-card:hover{background:#ffffff0d;border-color:#ffb00033;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.tool-icon-wrap{width:38px;height:38px;color:var(--accent-amber);background:#ffb00014;border:1px solid #ffb00026;border-radius:8px;justify-content:center;align-items:center;display:flex}.tool-info{align-items:baseline;gap:.5rem;display:flex}.tool-name{font-family:var(--font-massive);color:#fff;font-size:1rem}.tool-category{letter-spacing:.1em;color:var(--text-muted);font-size:.6rem}.tool-desc{color:var(--text-muted);font-size:.78rem;line-height:1.4}.stats-row{margin-bottom:var(--spacing-xl);grid-template-columns:repeat(2,1fr);gap:6px;display:grid}@media (width>=768px){.stats-row{grid-template-columns:repeat(4,1fr)}}.stat-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1.2rem;transition:all .3s;display:flex}.stat-card:hover{background:#00f0ff08;border-color:#00f0ff33}.stat-icon{color:var(--accent-cyan)}.stat-value{font-family:var(--font-massive);color:#fff;letter-spacing:-.03em;font-size:clamp(2rem,4vw,2.8rem);line-height:1}.stat-label{letter-spacing:.1em;color:var(--text-muted);font-size:.65rem;line-height:1.3}.channels-grid{margin-bottom:var(--spacing-lg);grid-template-columns:1fr;gap:6px;display:grid}@media (width>=768px){.channels-grid{grid-template-columns:repeat(2,1fr)}}.channel-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:1.5rem;transition:all .3s}.channel-card:hover{background:#ffffff08;border-color:#ffb00026}.channel-name{font-family:var(--font-massive);color:#fff;margin-bottom:.5rem;font-size:1.1rem}.channel-desc{color:var(--text-muted);font-size:.85rem;line-height:1.6}.arsenal-callout{color:#ffffffbf;background:#ffb0000a;border:1px solid #ffb0001f;border-radius:8px;align-items:flex-start;gap:.75rem;padding:1.2rem 1.5rem;font-size:.85rem;line-height:1.6;display:flex}.arsenal-callout svg{color:var(--accent-amber);flex-shrink:0;margin-top:2px}@media (width<=768px){.arsenal-section{padding:var(--spacing-xl) var(--spacing-md)}.block-title{gap:.4rem;font-size:.9rem}.tool-card{padding:.9rem}.tool-name{font-size:.85rem}.tool-info{flex-direction:column;gap:.15rem}.stat-card{padding:1rem .8rem}.channel-card{padding:1.2rem}.channel-name{font-size:.95rem}.channel-desc{font-size:.8rem}.arsenal-callout{flex-direction:column;padding:1rem;font-size:.8rem}}.video-section{padding:var(--spacing-xxl) 0;background-color:var(--bg-color)}.video-layout{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (width>=1024px){.video-layout{grid-template-columns:2fr 1fr}}.main-player-block{aspect-ratio:16/9;background:#000;border-radius:4px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 50px #000000e6}.cinematic-video{object-fit:cover;border:none;width:100%;height:100%}.video-poster-wrap{cursor:pointer;width:100%;height:100%;position:relative}.video-poster-img{object-fit:cover;width:100%;height:100%;display:block}.video-play-overlay{background:#00000059;justify-content:center;align-items:center;width:100%;height:100%;transition:background .3s;display:flex;position:absolute;top:0;left:0}.video-poster-wrap:hover .video-play-overlay{background:#00000026}.video-play-btn{color:#1a1a1a;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 0 30px #ffffff26}.video-poster-wrap:hover .video-play-btn{transform:scale(1.1);box-shadow:0 0 50px #ffffff40}.video-poster-dark{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%);width:100%;height:100%}.video-poster-label{letter-spacing:.15em;color:#ffffff80;font-size:.7rem;position:absolute;bottom:20%}.status-overlay{z-index:10;color:var(--accent-amber);letter-spacing:.2em;text-shadow:0 0 5px #ffb00080;pointer-events:none;align-items:center;gap:.75rem;font-size:.75rem;display:flex;position:absolute;top:1.5rem;left:1.5rem}.rec-dot{background-color:red;border-radius:50%;width:8px;height:8px;animation:1.5s infinite recPulse}@keyframes recPulse{0%{opacity:1}50%{opacity:0}to{opacity:1}}.video-playlist{background:var(--bg-color-alt);border:1px solid #ffffff0d;border-radius:4px;flex-direction:column;display:flex}.playlist-header{padding:var(--spacing-md);color:var(--text-muted);letter-spacing:.1em;border-bottom:1px solid #ffffff0d;font-size:.8rem}.playlist-tracks{flex-direction:column;max-height:500px;display:flex;overflow-y:auto}.playlist-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid #ffffff05;border-left:2px solid #0000;transition:all .2s;display:flex}.playlist-item:hover{background:#ffffff05}.playlist-item.active{border-left-color:var(--accent-blue);background:#00f0ff0d}.play-icon-box{width:30px;height:30px;color:var(--text-muted);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.playlist-item.active .play-icon-box{color:var(--accent-blue);background:#00f0ff33}.track-info{flex-direction:column;gap:.25rem;display:flex}.track-title-text{color:var(--text-main);font-size:.75rem}.playlist-item.active .track-title-text{color:var(--accent-blue)}.track-meta-text{color:var(--text-muted);font-size:.65rem}@media (width<=768px){.video-section{padding:var(--spacing-xl) var(--spacing-md)}.status-overlay{gap:.4rem;font-size:.6rem;top:.75rem;left:.75rem}.playlist-tracks{max-height:300px}.playlist-item{padding:.6rem var(--spacing-md)}}.audio-section{padding:var(--spacing-xxl) 0;background-color:var(--bg-color-alt)}.oscilloscope-container{background:#000;border:1px solid #00f0ff33;border-radius:8px;flex-direction:column;justify-content:flex-end;width:100%;height:350px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #00f0ff1a}.fluid-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hud-overlay{z-index:5;color:var(--accent-amber);letter-spacing:.2em;text-shadow:0 0 10px #ffb00080;align-items:center;gap:.5rem;font-size:.75rem;display:flex;position:absolute;top:1.5rem;left:1.5rem}.icon-pulse{opacity:.3}.icon-pulse.active{color:#0f0;opacity:1;animation:1.5s infinite recPulse}.glass-control-deck{z-index:10;width:100%;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);gap:var(--spacing-sm);background:linear-gradient(#0000,#000000b3 40%,#000000f2);flex-direction:column;align-items:flex-start;display:flex;position:relative}@media (width>=900px){.glass-control-deck{justify-content:space-between;align-items:flex-end;gap:var(--spacing-xl);flex-direction:row}}.now-playing-hud{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.master-play-btn{cursor:pointer;background-color:#00f0ff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;transition:all .3s;display:flex;box-shadow:0 0 20px #00f0ff66}.master-play-btn:hover{background-color:#fff;transform:scale(1.05);box-shadow:0 0 30px #00f0ffcc}.master-track-info{flex-direction:column;gap:.2rem;display:flex}.track-lbl{color:var(--text-muted);letter-spacing:.1em;font-size:.65rem}.track-huge-title{font-family:var(--font-massive);color:#fff;text-shadow:0 0 10px #ffffff4d;font-size:clamp(1rem,2vw,1.5rem);line-height:1.2}.track-pill-grid{flex-wrap:wrap;gap:.5rem;width:100%;padding-bottom:.5rem;display:flex}@media (width>=900px){.track-pill-grid{justify-content:flex-end}}.track-pill{cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;flex-shrink:0;align-items:center;gap:.5rem;padding:.4rem .8rem;transition:all .2s;display:flex}.track-pill:hover{background:#ffffff26}.track-pill.playing{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff26}.pill-text{font-size:.7rem}.spin{animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.audio-section{padding:var(--spacing-xl) var(--spacing-md)}.oscilloscope-container{height:280px}.hud-overlay{font-size:.6rem;top:.75rem;left:.75rem}.glass-control-deck{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-sm)}.master-play-btn{width:44px;height:44px}.track-pill{padding:.35rem .6rem}.pill-text{font-size:.6rem}}.massive-gallery-section{padding:var(--spacing-xxl) 0;background-color:var(--bg-color-alt);border-top:1px solid #ffb0001a;border-bottom:1px solid #ffb0001a}.gallery-nav{justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);scroll-margin-top:2rem;display:flex}.gallery-nav--bottom{margin-top:var(--spacing-lg);margin-bottom:0}.gallery-nav-btn{width:44px;height:44px;color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.gallery-nav-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffb00066}.gallery-nav-btn:disabled{opacity:.25;cursor:not-allowed}.gallery-nav-info{align-items:center;gap:.4rem;display:flex}.gallery-dot{width:32px;height:32px;color:var(--text-muted);font-size:.65rem;font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.gallery-dot.active{background:var(--accent-amber);border-color:var(--accent-amber);color:#000;font-weight:700}.gallery-dot:hover:not(.active){color:var(--text-main);border-color:#ffb00066}.gallery-page-label{color:var(--text-muted);letter-spacing:.1em;font-size:.72rem}.gallery-header{margin-bottom:var(--spacing-xl);text-align:center}.gallery-header .mono{margin-bottom:var(--spacing-md);letter-spacing:.2em;font-size:.8rem;display:block}.gallery-header h2{color:var(--text-main);font-size:clamp(2rem,5vw,4rem)}.gallery-subtitle{margin-top:var(--spacing-sm);letter-spacing:.03em;font-size:.9rem}.cinema-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:180px;grid-auto-flow:dense;gap:4px;display:grid}@media (width>=768px){.cinema-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:200px;gap:6px}}@media (width>=1200px){.cinema-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:220px;gap:6px}}.span-wide{grid-column:span 2}.span-landscape{grid-area:span 1/span 2}.span-tall{grid-row:span 2}.gallery-cell{cursor:pointer;opacity:0;background:#ffffff05;border-radius:4px;transition:opacity .6s,transform .6s,box-shadow .4s;position:relative;overflow:hidden;transform:scale(.96)}.gallery-cell--visible{opacity:1;transform:scale(1)}.gallery-cell img{object-fit:cover;filter:saturate(.85)brightness(.9);width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s;display:block}.gallery-cell:hover img{filter:saturate(1.1)brightness(1.05);transform:scale(1.08)}.gallery-cell:hover{z-index:5;box-shadow:0 0 25px #ffb00026,inset 0 0 0 1px #ffb00033}.lightbox-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;cursor:default;border-radius:6px;max-width:90vw;max-height:90vh;box-shadow:0 20px 80px #000c}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}@media (width<=767px){.cinema-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:3px}.span-wide,.span-landscape{grid-column:span 2}}.contact-section{padding:var(--spacing-xxl) var(--spacing-xl) 0;background:var(--bg-color-alt);text-align:center;position:relative}.contact-card{max-width:800px;padding:var(--spacing-xl);border-top:1px solid var(--accent-cyan);flex-direction:column;align-items:center;margin:0 auto;display:flex}.profile-wrapper{margin-bottom:var(--spacing-md);background:linear-gradient(135deg, var(--accent-cyan), var(--accent-amber));border-radius:50%;width:120px;height:120px;padding:4px;box-shadow:0 0 20px #00f0ff33}.profile-avatar{object-fit:cover;background-color:var(--bg-color);border:4px solid var(--bg-color-alt);border-radius:50%;width:100%;height:100%}.contact-card .title{margin-bottom:var(--spacing-md);color:var(--text-main);font-size:clamp(2rem,4vw,3rem);font-weight:700}.contact-card .subtitle{color:var(--text-muted);margin-bottom:var(--spacing-lg);font-size:1.1rem}.contact-links{justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.contact-button{color:var(--text-main);background:#ffffff0d;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s;display:flex}.contact-button:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff1a;transform:translateY(-2px);box-shadow:0 0 15px #00f0ff33}.contact-button .icon{color:var(--text-muted);transition:color .3s}.contact-button:hover .icon{color:var(--accent-cyan)}.footer{margin-top:var(--spacing-xxl);padding:var(--spacing-lg) 0;border-top:1px solid var(--glass-border);color:#ffffff4d;font-size:.8rem}@media (width<=768px){.contact-section{padding:var(--spacing-xl) var(--spacing-md) 0}.contact-card{padding:var(--spacing-lg)}.profile-wrapper{width:90px;height:90px}.contact-card .title{font-size:clamp(1.4rem,6vw,2.5rem)}.contact-card .subtitle{font-size:.9rem}.contact-links{flex-direction:column;width:100%}.contact-button{justify-content:center;width:100%;padding:.9rem 1.2rem;font-size:.72rem}.footer{padding:var(--spacing-md) 0;font-size:.65rem}}