.workHero{background:#0c0d0d;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.workHero__Container{z-index:2;grid-template-columns:220px 1fr;gap:120px;width:min(1600px,92vw);margin:7rem auto auto;display:grid;position:relative}.workHero__meta{flex-direction:column;justify-content:center;gap:48px;display:flex}.metaItem span{text-transform:uppercase;letter-spacing:.22em;color:#ffffff61;margin-bottom:8px;font-family:IBM Plex Mono;font-size:.72rem}.metaItem p{letter-spacing:.08em;color:#f4efe8;font-family:IBM Plex Mono;font-size:.82rem}.workHero__content{max-width:900px}.sectionLabel{text-transform:uppercase;letter-spacing:.22em;color:#dac5a7;margin-bottom:36px;font-family:IBM Plex Mono;font-size:.75rem}.workHero h1{color:#f4efe8;margin:0;font-family:Canela;font-size:clamp(4rem,8vw,8rem);font-weight:400;line-height:.92}.heroDescription{color:#ffffffb8;width:min(680px,100%);margin-top:48px;font-size:1.1rem;line-height:2}.workHero__blueprint{opacity:.18;pointer-events:none;width:900px;position:absolute;top:50%;right:-10%;transform:translateY(-50%)}.workHero__blueprint img{width:100%}.scrollHint{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:450px;left:50%;transform:translate(-50%)}.scrollHint span{background:linear-gradient(#0000,#fffc,#0000);width:1px;height:60px}.scrollHint p{letter-spacing:.18em;color:#ffffff73;font-family:Neue Montreal;font-size:.72rem}@keyframes scrollPulse{0%{opacity:.25;transform:translateY(-6px)}50%{opacity:1;transform:translateY(6px)}to{opacity:.25;transform:translateY(-6px)}}@media (width<=1024px){.workHero__container{grid-template-columns:1fr;gap:64px}.workHero__meta{flex-flow:wrap}.workHero__blueprint{width:700px}}.archiveNavigator{background:#0c0d0d;padding:10rem 0}.navigatorContainer{width:min(1500px,92vw);margin:auto}.navigatorHeader{margin-bottom:4rem}.navigatorHeader span{letter-spacing:.22em;text-transform:uppercase;color:#dac5a7;font-family:IBM Plex Mono;font-size:.75rem}.navigatorLinks{grid-template-columns:repeat(2,1fr);gap:2rem 5rem;display:grid}.navigatorLinks a{border-top:1px solid #ffffff14;align-items:baseline;gap:2rem;padding:2rem 0;text-decoration:none;transition:all .35s;display:flex}.navigatorLinks span{letter-spacing:.22em;color:#dac5a7;font-family:IBM Plex Mono;font-size:.75rem}.navigatorLinks h3{color:#f4efe8;font-family:Canela;font-size:2rem;font-weight:400;transition:all .35s}.navigatorLinks a:hover h3{color:#dac5a7;padding-left:16px}@media (width<=900px){.navigatorLinks{grid-template-columns:1fr}}.archiveStats{background:#0c0d0d;padding:8rem 0}.statsContainer{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);width:min(1500px,92vw);margin:auto;display:grid}.stat{text-align:center;border-right:1px solid #ffffff14;padding:4rem 0}.stat:last-child{border-right:none}.stat h2{color:#f4efe8;font-family:Canela;font-size:4rem;font-weight:400}.stat p{letter-spacing:.2em;color:#dac5a7;margin-top:1rem;font-family:IBM Plex Mono;font-size:.75rem}@media (width<=900px){.statsContainer{grid-template-columns:1fr 1fr}.stat{border-bottom:1px solid #ffffff14}}.archive{background:#0c0d0d;padding:10rem 0}.archiveContainer{grid-template-columns:700px 1fr;align-items:start;gap:8rem;width:min(1600px,92vw);margin:auto;display:grid}.archiveList{flex-direction:column;display:flex}.preview{opacity:0;pointer-events:none;justify-content:center;align-items:center;height:75vh;transition:opacity .45s,transform .45s;display:flex;position:sticky;top:140px;transform:translateY(40px)}.preview.visible{opacity:1;transform:translateY(0)}.preview img{object-fit:cover;width:100%;height:100%;animation:.7s imageReveal;box-shadow:0 40px 120px #00000073}@keyframes imageReveal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=1200px){.archiveContainer{grid-template-columns:1fr}.preview{display:none}}.projectRow{border-top:1px solid #ffffff14;padding:4rem 0;text-decoration:none;transition:all .35s;display:block}.projectMeta{justify-content:space-between;margin-bottom:2rem;display:flex}.projectMeta span{letter-spacing:.22em;text-transform:uppercase;color:#dac5a7;font-family:IBM Plex Mono;font-size:.75rem}.projectRow h2{color:#f4efe8;font-family:Canela;font-size:clamp(3rem,5vw,4.5rem);font-weight:400;line-height:.9;transition:all .4s}.projectRow h3{color:#f4efe8;margin-top:1rem;font-family:Neue Montreal;font-size:1.15rem;font-weight:500;transition:all .4s}.projectRow p{color:#ffffffb8;max-width:520px;margin-top:1.5rem;font-family:Neue Montreal;font-size:1.05rem;line-height:2;transition:all .4s}.projectRow:hover h2{color:#dac5a7;padding-left:24px}.projectRow:hover h3,.projectRow:hover p{padding-left:24px}.workCTA{background:#0c0d0d;border-top:1px solid #ffffff14;padding:12rem 0}.workCTAContainer{text-align:center;width:min(1100px,90vw);margin:auto}.ctaLabel{letter-spacing:.24em;text-transform:uppercase;color:#dac5a7;margin-bottom:2rem;font-family:IBM Plex Mono;font-size:.75rem;display:block}.workCTA h2{color:#f4efe8;margin:0;font-family:Canela;font-size:clamp(4rem,8vw,7rem);font-weight:400;line-height:.92}.workCTA p{color:#ffffffb8;width:min(620px,100%);margin:3rem auto 0;font-family:Neue Montreal;font-size:1.08rem;line-height:2}.ctaActions{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:5rem;display:flex}.primaryButton{color:#0b0d10;letter-spacing:.18em;text-transform:uppercase;background:#dac5a7;border:1px solid #dac5a7;justify-content:center;align-items:center;padding:1rem 2rem;font-family:IBM Plex Mono;font-size:.8rem;text-decoration:none;transition:all .35s;display:inline-flex}.primaryButton:hover{color:#dac5a7;background:0 0}.secondaryButton{color:#f4efe8;letter-spacing:.18em;text-transform:uppercase;border:1px solid #ffffff1f;justify-content:center;align-items:center;padding:1rem 2rem;font-family:IBM Plex Mono;font-size:.8rem;text-decoration:none;transition:all .35s;display:inline-flex}.secondaryButton:hover{color:#dac5a7;border-color:#dac5a7}@media (width<=768px){.ctaActions{flex-direction:column;align-items:center}.primaryButton,.secondaryButton{width:100%;max-width:340px}}
