body{min-height:100vh;line-height:1.6;overflow-x:hidden}.page-header{border-bottom:1px solid var(--border);max-width:1100px;margin:0 auto;padding:140px 40px 80px}.page-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:24px;font-size:11px;font-weight:600;display:inline-flex}.page-label:before{content:"";background:var(--accent);width:20px;height:1px;display:block}h1.page-title{letter-spacing:-.03em;color:var(--text);margin-bottom:24px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;line-height:1.1}.page-sub{color:var(--text-sub);max-width:520px;font-size:17px;line-height:1.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes lineUp{to{transform:translateY(0)}}.page-label,.page-sub{opacity:0;animation:.7s forwards fadeInUp}.page-sub{animation-delay:.2s}.hl-mask{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.hl-line{animation:.8s cubic-bezier(.22,1,.36,1) both lineUp;display:block;transform:translateY(112%)}.page-title .hl-mask:first-child .hl-line{animation-delay:.1s}.page-title .hl-mask:nth-child(2) .hl-line{animation-delay:.22s}.project-card{opacity:0}.project-card.in{animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.projects-grid{grid-template-columns:repeat(12,1fr);gap:2px;max-width:1100px;margin:0 auto;padding:48px 40px 120px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:border-color .3s;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-card)}.project-card:first-child{grid-column:span 7}.project-card:nth-child(2){grid-column:span 5}.project-card:nth-child(3){grid-column:span 12}.project-card:nth-child(4){grid-column:span 4}.project-card:nth-child(5){grid-column:span 8}.project-card:nth-child(6){grid-column:span 12}.card-inner{z-index:2;flex-direction:column;justify-content:space-between;min-height:320px;padding:40px;display:flex;position:relative}.project-card:first-child .card-inner,.project-card:nth-child(6) .card-inner{min-height:400px}.project-card:nth-child(3) .card-inner{flex-direction:row;align-items:center;gap:60px}.project-card:nth-child(6) .card-inner{flex-direction:row;align-items:flex-end;gap:60px}.card-portfolio-avatar{flex-shrink:0;justify-content:flex-end;align-items:flex-end;display:flex}.card-portfolio-avatar img{object-fit:contain;width:220px;height:220px;transition:transform .5s cubic-bezier(.16,1,.3,1)}.project-card:hover .card-portfolio-avatar img{transform:scale(1.06)translateY(-8px)}.project-number{letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.card-top{flex-direction:column;gap:16px;display:flex}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-dim);border-radius:100px;padding:4px 10px;font-size:10px;font-weight:600}.project-title{letter-spacing:-.02em;color:var(--text);margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;line-height:1.2}.project-card:nth-child(6) .project-title{font-size:clamp(1.8rem,3vw,2.6rem)}.project-desc{color:var(--text-sub);max-width:380px;font-size:13px;line-height:1.65}.card-hover-overlay{z-index:1;background:var(--accent);transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(100%)}.card-media{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.card-media-scrim{z-index:0;background:linear-gradient(#0a0a0a8c 0%,#0a0a0a4d 32%,#0a0a0a8c 62%,#0a0a0af0 100%);position:absolute;inset:0}.project-card--media:hover .card-media{transform:scale(1.05)}.project-card--media .project-number{color:#fffc}.project-card--media .tag{color:#ffffffe6;background:#0a0a0a80;border-color:#ffffff47}.project-card:hover .card-hover-overlay{transform:translateY(0)}.project-card:hover .project-number,.project-card:hover .project-title,.project-card:hover .project-desc{color:#0a0a0a}.project-card:hover .tag{color:#0009;border-color:#0003}.card-link{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-top:24px;font-size:12px;font-weight:700;text-decoration:none;transition:gap .2s;display:inline-flex}.card-link--soon{color:var(--text-dim)}.project-card:hover .card-link{color:#0a0a0a;gap:12px}.card-link svg{width:14px;height:14px}.card-link:not(.card-link--soon):after{content:"";z-index:3;position:absolute;inset:0}.card-bg-number{z-index:0;letter-spacing:-.05em;color:var(--border);pointer-events:none;font-family:Space Grotesk,sans-serif;font-size:140px;font-weight:800;line-height:1;transition:color .3s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-20px;right:20px}.project-card:hover .card-bg-number{color:#ffffff14;transform:scale(1.1)translateY(-8px)}.card-top,.card-body{transition:transform .45s cubic-bezier(.16,1,.3,1)}.project-card:hover .card-top{transition-delay:40ms;transform:translateY(-4px)}.project-card:hover .card-body{transition-delay:.1s;transform:translateY(-4px)}.card-wide-left{flex:1}.card-wide-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:16px;width:260px;display:flex}.stat-block{text-align:right}.stat-value{letter-spacing:-.04em;color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:2.4rem;font-weight:700}.project-card:hover .stat-value{color:#0a0a0a}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.project-card:hover .stat-label{color:#0009}.cta-strip{border-top:1px solid var(--border);padding:80px 40px}.cta-inner{justify-content:space-between;align-items:center;gap:40px;max-width:1240px;margin:0 auto;display:flex}.cta-text h2{letter-spacing:-.03em;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}.cta-text p{color:var(--text-sub);font-size:15px}.cta-inline-link{color:var(--accent);text-underline-offset:3px;text-decoration:underline #c6ff3a66}.cta-inline-link:hover{text-decoration-color:var(--accent)}.btn-primary{color:#0a0a0a;background:var(--accent);cursor:pointer;white-space:nowrap;border:none;border-radius:3px;flex-shrink:0;align-items:center;gap:8px;padding:14px 28px;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s,box-shadow .25s;display:inline-flex}.btn-primary:hover{background:var(--accent-hov);transform:translateY(-1px);box-shadow:0 10px 30px #c6ff3a40}.btn-primary:active{transform:translateY(0)scale(.97)}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:28px 40px;display:flex}footer p{color:var(--text-dim);font-size:13px}.footer-legal-link{color:var(--text-dim);text-underline-offset:2px;text-decoration:underline}.footer-legal-link:hover{color:var(--text-sub)}@media (width<=900px){nav{padding:0 20px}.page-header,.projects-grid,.cta-strip .cta-inner{padding-left:20px;padding-right:20px}.projects-grid{grid-template-columns:1fr;gap:2px}.project-card:nth-child(n){grid-column:span 1}.project-card:nth-child(3) .card-inner,.project-card:nth-child(6) .card-inner{flex-direction:column;gap:32px}.card-wide-right{align-items:flex-start;width:100%}.stat-block{text-align:left}.cta-inner{flex-direction:column;align-items:flex-start}footer{flex-direction:column;align-items:flex-start;padding:28px 20px}}@media (width<=760px){.page-header{padding-top:100px;padding-bottom:48px}.card-inner{min-height:260px;padding:28px}.project-card:first-child .card-inner,.project-card:nth-child(6) .card-inner{min-height:300px}.cta-strip{padding:52px 20px}.btn-primary{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.project-card,.page-label,.page-title,.page-sub{opacity:1!important}.hl-line{animation:none!important;transform:none!important}}