.workspace-container{max-width:none}.projects-container{padding-top:4rem}.page-header{margin-bottom:4rem}.section-label{text-transform:uppercase;letter-spacing:.4em;color:var(--paleete7);margin-bottom:1rem;font-size:.85rem;font-weight:800;display:block}.section-title{letter-spacing:-.05em;margin:0;font-size:clamp(4rem,12vw,6.5rem);font-weight:900;line-height:.8}:global(.workspace-container){max-width:none!important}.tags-overview{flex-wrap:wrap;justify-content:flex-start;gap:.8rem;margin-bottom:4rem;padding:0;list-style:none;display:flex}.tags-overview li a{border:1px solid var(--border-strong);color:var(--text-color);text-transform:uppercase;padding:.3rem .8rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}.tags-overview li a span{opacity:.4;margin-left:4px}.tags-overview li a:hover{background:var(--black);color:var(--white)}.slashed-zero{font-variant-numeric:slashed-zero}.series-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);margin-bottom:.8rem;padding:2px 8px;font-size:.7rem;font-weight:900;display:inline-block}.status-badge{letter-spacing:.12em;border:2px solid var(--black);color:var(--white);background:var(--black);white-space:nowrap;margin-top:.8rem;padding:4px 9px;font-size:.7rem;font-weight:900}.status-badge.status-shipped{background:#1f8f4e;border-color:#1f8f4e}.status-badge.status-in-progress{background:#d97706;border-color:#d97706}.status-badge.status-planned{color:var(--text-color);opacity:.55;background:0 0}.tech-block{margin-bottom:2rem}.tech-chips{flex-wrap:wrap;gap:.5rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.tech-chips li{letter-spacing:.04em;color:var(--text-color);border:1px solid var(--text-color);opacity:.7;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.project-links{gap:1rem;margin-top:1.5rem;display:flex}.ext-link{letter-spacing:.08em;text-transform:uppercase;color:var(--text-color);border-bottom:2px solid var(--accent);padding-bottom:2px;font-size:.8rem;font-weight:800;text-decoration:none;transition:opacity .2s}.ext-link:hover{opacity:.6}.projects-list{flex-direction:column;gap:clamp(6rem,10vw,10rem);margin-top:4rem;display:flex}.project-item{grid-template-columns:minmax(100px,15%) 1fr;gap:4rem;padding-bottom:6vh;display:grid;position:relative}.sticky-number{height:100%;position:relative}.sticky-number span{color:var(--text-color);letter-spacing:-.05em;padding-top:.5rem;font-size:clamp(6rem,15vw,9rem);font-weight:900;line-height:.75;display:block;position:sticky;top:150px}.slashed-zero{position:relative}.project-content{flex:1}.post-link{color:inherit;text-decoration:none;display:block}.card-header{border-top:5px solid var(--border-strong);justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-top:2rem;display:flex}.meta-info{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.tag-accent{background:var(--black);color:var(--white);letter-spacing:.15em;margin-top:.8rem;padding:4px 8px;font-size:.75rem;font-weight:900}.title{text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1}.description{max-width:50ch;color:var(--text-muted);margin:1rem 0 0;font-size:1.25rem;font-weight:600;line-height:1.4}.date{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0;font-size:.85rem;font-weight:800}.project-details{align-items:flex-start;gap:4rem;margin-top:4rem;display:flex}.hero-image-wrapper,.hero-placeholder{flex:0 0 55%;max-width:none;margin-top:0}.long-summary{flex:1}.summary-label{letter-spacing:.2em;color:var(--text-muted);margin-bottom:1.5rem;font-size:.75rem;font-weight:900;display:block}.long-summary p{color:var(--text-color);margin:0;font-size:1.05rem;font-weight:500;line-height:1.7}.technical-specs{border-left:2px solid var(--border-strong);flex-direction:column;gap:.8rem;margin-top:3rem;padding-left:1.5rem;display:flex}.technical-specs span{letter-spacing:.1em;color:var(--text-muted);font-size:.75rem;font-weight:900}.post-link{color:inherit;padding:3rem 0;text-decoration:none;display:block;position:relative}.hero-image-wrapper img{object-fit:cover;border-radius:0;width:100%;height:auto;transition:filter .5s cubic-bezier(.4,0,.2,1);display:block}.post-link:hover .hero-image-wrapper img{filter:brightness(1.1)}.decor-container{pointer-events:none;z-index:5;width:100%;height:70%;position:absolute;top:15%;left:0;overflow:hidden}.pattern-element{position:absolute}.pattern-type-0 .element-1{background-image:linear-gradient(var(--black) 1px, transparent 1px), linear-gradient(90deg, var(--black) 1px, transparent 1px);opacity:.08;background-size:20px 20px;width:300px;height:300px;top:0;right:0}.pattern-type-0 .element-2{opacity:.2;background:#ff3b30;width:60px;height:15px;top:150px;right:280px}.pattern-type-1 .element-1{background:repeating-linear-gradient(45deg, transparent, transparent 12px, var(--black) 12px, var(--black) 13px);opacity:.12;width:100%;height:60px;top:40%;left:-20px}.pattern-type-1 .element-2{opacity:.15;border:1px solid #ff3b30;width:150px;height:200px;top:10%;right:15%}.pattern-type-2 .element-1{background-image:radial-gradient(circle, var(--black) 1px, transparent 1px);opacity:.1;background-size:50px 50px;width:100%;height:100%}.pattern-type-2 .element-2{color:#ff3b30;opacity:.2;font-size:6rem;font-weight:100;line-height:1;top:0;left:10%}.pattern-type-2 .element-2:before{content:"+"}.pattern-type-3 .element-1{background-image:linear-gradient(var(--black) 10px, transparent 10px), linear-gradient(90deg, var(--black) 10px, transparent 10px);opacity:.08;background-size:20px 20px;width:200px;height:100px;top:20%;right:5%}.pattern-type-3 .element-2{opacity:.3;background:#ff3b30;width:300px;height:3px;bottom:10%;right:20%}.pattern-type-4 .element-1{opacity:.05;background:#ff3b30;width:180px;height:400px;top:20%;right:0}.pattern-type-4 .element-2{background:var(--black);opacity:.2;width:4px;height:200px;top:10%;left:0}.pattern-type-4 .element-3{background:var(--black);opacity:.2;width:40px;height:1px;top:15%;left:20px}.hero-placeholder{background:var(--back-basis2);justify-content:center;align-items:center;width:100%;max-width:900px;height:400px;margin-top:4rem;display:flex;position:relative;overflow:visible}.hero-placeholder .content{opacity:.1;letter-spacing:.5em;font-size:2rem;font-weight:900;font-family:var(--font-display)}@media (width<=1024px){.project-item{grid-template-columns:120px 1fr;gap:3rem}.projects-list{gap:8rem}.decor-container{display:none}}@media (width<=768px){.project-item{padding-bottom:15rem;display:block}.sticky-number{margin-bottom:5rem}.sticky-number span{font-size:clamp(5rem,25vw,12rem);position:relative;top:0}.projects-list{gap:8rem}.tech-box{width:40%}}
