.nav-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px var(--container-padding);display:flex;justify-content:space-between;align-items:flex-start;mix-blend-mode:difference;color:#fff}.nav-logo{font-family:var(--font-mono);font-weight:400;font-size:.875rem;letter-spacing:-.02em;text-transform:uppercase;display:flex;flex-direction:column}.logo-sub{opacity:.5;margin-top:2px}.nav-menu{display:none}@media(min-width:768px){.nav-menu{display:block}}.nav-list{list-style:none;display:flex;gap:32px}.nav-link{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;cursor:pointer;position:relative;opacity:.6;transition:opacity .3s}.nav-link:hover{opacity:1}.nav-link:after{content:"";position:absolute;top:50%;left:-5px;right:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.nav-time{font-family:var(--font-mono);font-size:.8rem;opacity:.6;display:none}@media(min-width:1024px){.nav-time{display:block}}.nav-mobile-icon{width:24px;height:24px;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}@media(min-width:768px){.nav-mobile-icon{display:none}}.hero-section{position:relative;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-bottom:1px solid var(--grid-line)}.hero-container{position:relative;z-index:10;width:100%;max-width:1800px;margin:0 auto;padding:0 var(--container-padding)}.hero-headline{font-size:clamp(4rem,14vw,16rem);font-weight:600;line-height:.85;letter-spacing:-.06em;color:var(--text-primary);text-transform:uppercase;display:flex;flex-direction:column;margin-left:-.04em}.hero-row{display:block;overflow:hidden}.outline-text{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.3);position:relative;z-index:2}.hero-meta{display:grid;grid-template-columns:1fr 1fr;margin-top:60px;border-top:1px solid var(--grid-line);padding-top:24px}@media(min-width:768px){.hero-meta{grid-template-columns:repeat(4,1fr)}}.meta-item{display:flex;flex-direction:column;gap:8px;margin-left:1rem}.meta-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.meta-value{font-size:1rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;background:#0f8;border-radius:50%;display:inline-block;position:relative;animation:dotGlow 2s ease-in-out infinite}.status-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#0f8;border-radius:50%;opacity:.6;animation:dotPulse 2s ease-in-out infinite}@keyframes dotGlow{0%,to{box-shadow:0 0 5px #0f8,0 0 10px #0f8,0 0 15px #0f8}50%{box-shadow:0 0 10px #0f8,0 0 20px #0f8,0 0 30px #0f8}}@keyframes dotPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(2);opacity:0}}.hero-bg-grid{position:absolute;right:-10%;top:0;height:100%;width:60%;perspective:2000px;z-index:1;opacity:.4;pointer-events:none;-webkit-mask-image:linear-gradient(to left,black,transparent);mask-image:linear-gradient(to left,black,transparent);display:none}@media(min-width:1024px){.hero-bg-grid{display:block}}.floating-grid{width:100%;height:120%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;transform-style:preserve-3d}.grid-cell{width:100%;height:300px;border:1px solid rgba(255,255,255,.1);background:#ffffff05}.project-item{position:relative;border-bottom:1px solid var(--grid-line);border-right:1px solid var(--grid-line);background:var(--bg-root);cursor:pointer;overflow:hidden;group:cursor-hover}.project-aspect{position:relative;width:100%;padding-bottom:75%;overflow:hidden}.project-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.1);transition:filter .5s ease,transform .7s cubic-bezier(.1,.8,.2,1)}.project-item:hover .project-img{filter:grayscale(0%) contrast(1);transform:scale(1.03)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;transition:opacity .3s}.project-item:hover .project-overlay{opacity:0}.project-info-overlay{position:absolute;bottom:0;left:0;width:100%;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;z-index:2;pointer-events:none}.project-title{font-size:2rem;font-weight:400;letter-spacing:-.03em;color:#fff;transform:translateY(20px);opacity:0;transition:all .4s cubic-bezier(.1,.8,.2,1)}.project-meta{display:flex;gap:16px;font-family:var(--font-mono);font-size:.75rem;color:#ffffffb3;text-transform:uppercase;margin-bottom:8px;transform:translateY(20px);opacity:0;transition:all .4s cubic-bezier(.1,.8,.2,1) .1s}.project-item:hover .project-title,.project-item:hover .project-meta{transform:translateY(0);opacity:1}.project-index{position:absolute;top:24px;left:24px;font-family:var(--font-mono);font-size:.75rem;color:#fff;z-index:2;mix-blend-mode:exclusion}.arrow-icon{position:absolute;top:24px;right:24px;color:#fff;opacity:0;transform:translate(-10px,10px);transition:all .4s ease}.project-item:hover .arrow-icon{opacity:1;transform:translate(0)}.projects-section{background:var(--bg-root);position:relative;z-index:5;padding-bottom:100px}.projects-header-row{display:flex;justify-content:space-between;align-items:flex-end;padding:80px var(--container-padding) 40px;border-bottom:1px solid var(--grid-line)}.section-title{font-size:clamp(3rem,6vw,5rem);font-weight:400;letter-spacing:-.04em;color:var(--text-primary);line-height:1}.toggle-group{display:flex;gap:4px;background:#ffffff0d;padding:4px;border-radius:4px}.toggle-btn{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);padding:8px 16px;border-radius:2px;transition:all .3s}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--text-primary);color:var(--bg-root)}.project-list-container{display:grid;grid-template-columns:1fr}@media(min-width:1024px){.project-list-container{grid-template-columns:repeat(2,1fr)}}.pillar-info-bar{border-bottom:1px solid var(--grid-line);padding:20px var(--container-padding);display:flex;gap:20px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.info-tag{color:var(--text-primary)}.process-section{padding:0;background:var(--bg-root);border-top:1px solid var(--grid-line)}.process-container{max-width:1800px;margin:0 auto;padding:0 var(--container-padding);display:grid;grid-template-columns:1fr}@media(min-width:1024px){.process-container{grid-template-columns:300px 1fr}}.process-sidebar{padding:80px 0;border-right:1px solid var(--grid-line)}.process-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);position:sticky;top:100px}.process-list{display:grid;grid-template-columns:1fr}@media(min-width:768px){.process-list{grid-template-columns:1fr 1fr}}.process-step-item{padding:80px 40px;border-bottom:1px solid var(--grid-line);border-right:1px solid var(--grid-line);transition:background .3s}.process-step-item:hover{background:#ffffff05}.step-number{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);margin-bottom:24px;display:block}.step-heading{font-size:1.5rem;font-weight:400;color:var(--text-primary);margin-bottom:16px}.step-desc-text{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:400px}.footer-section{background:var(--bg-root);border-top:1px solid var(--grid-line);padding:100px var(--container-padding) 40px;min-height:80vh;display:flex;flex-direction:column;justify-content:space-between}.footer-content{max-width:1800px;width:100%;margin:0 auto}.footer-huge-text{font-size:clamp(4rem,12vw,14rem);line-height:.8;letter-spacing:-.04em;font-weight:600;color:var(--text-primary);text-transform:uppercase;margin-bottom:60px;margin-left:-.04em}.footer-links{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}@media(min-width:768px){.footer-links{flex-direction:row;gap:80px}}.footer-group-title{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);margin-bottom:16px;text-transform:uppercase}.footer-link-item{display:block;font-size:1.125rem;color:var(--text-secondary);margin-bottom:8px;transition:color .3s}.footer-link-item:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--grid-line);padding-top:24px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase}.app-main{min-height:100vh;position:relative;background-color:var(--bg-root);overflow-x:hidden}.global-grid-lines{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;display:flex;justify-content:space-between;padding:0 var(--container-padding);max-width:1800px;margin:0 auto}.grid-line{width:1px;height:100%;background:var(--grid-line)}.grid-line:nth-child(2n){display:none}@media(min-width:768px){.grid-line:nth-child(2n){display:block}}section{position:relative;z-index:1}.about-section{border-top:1px solid var(--grid-line);padding:160px 0;background:var(--bg-root)}.about-grid{display:grid;grid-template-columns:1fr;gap:60px}@media(min-width:1024px){.about-grid{grid-template-columns:1fr 2fr}}.about-label{font-family:var(--font-mono);color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;display:flex;align-items:center;gap:12px}.about-label:before{content:"";display:block;width:8px;height:8px;background:var(--accent-business)}.about-text-large{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300;line-height:1.3;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:60px}.skills-table{width:100%;border-top:1px solid var(--grid-line)}.skill-row{display:grid;grid-template-columns:1fr 1fr;padding:24px 0;border-bottom:1px solid var(--grid-line);transition:background .3s}.skill-row:hover{background:#ffffff05}.skill-category{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary);text-transform:uppercase}.skill-list{font-size:1rem;color:var(--text-primary)}