.projects-page{--p-red:#ed2922;--p-ink:#050505;--p-white:#f5f4f0;background:#050505;color:var(--p-white)}
.projects-page .progress{background:var(--p-red)}
.projects-page .site-nav{position:absolute;top:0;left:0;right:0;background:rgba(5,5,5,.12);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:none;color:#fff}
.projects-page .site-nav.is-scrolled{position:fixed;background:rgba(5,5,5,.82);backdrop-filter:blur(16px)}
.projects-page .site-nav__logo img{opacity:1;filter:brightness(0) invert(1)}
.projects-redesign{position:relative;min-height:100vh;background:#050505 url('/assets/projects-atmosphere-desktop-v1.webp') center top/100% auto no-repeat;color:var(--p-white);overflow:hidden}
.projects-redesign:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,transparent 0,rgba(5,5,5,.06) 13%,#050505 27%,#050505 77%,rgba(5,5,5,.15) 100%);pointer-events:none}
.projects-inner{position:relative;z-index:1;width:min(1390px,calc(100% - 96px));margin:0 auto}
.projects-hero{min-height:520px;padding:150px 0 66px;display:grid;grid-template-columns:minmax(540px,1.1fr) minmax(300px,.72fr);align-items:center;gap:70px}
.projects-eyebrow{margin:0 0 24px;color:#a09f9a;font-size:11px!important;letter-spacing:.32em;text-transform:uppercase}
.projects-hero h1{max-width:760px;margin:0;color:#fff;font-size:clamp(64px,6.8vw,108px);font-weight:800;line-height:.86;letter-spacing:-.07em;text-transform:none}
.projects-hero h1 span,.projects-cta h2 span{color:var(--p-red)}
.projects-hero-copy{align-self:end;padding-bottom:6px}
.projects-hero-copy p{max-width:430px;margin:0 0 28px;color:#d0cfcb;font-size:18px!important;line-height:1.5!important}
.projects-jump{display:inline-flex;align-items:center;gap:20px;padding:0 0 8px;border-bottom:1px solid #bdbcb8;color:#fff;font-size:11px;letter-spacing:.19em;text-transform:uppercase}
.project-filters{display:flex;gap:12px;align-items:center;padding:0 0 22px;overflow-x:auto;scrollbar-width:none}
.project-filters::-webkit-scrollbar{display:none}
.project-filter{flex:0 0 auto;min-height:40px;padding:0 23px;border:1px solid #555;border-radius:999px;color:#bdbcb8;font-size:10px;letter-spacing:.16em;text-transform:uppercase;transition:.25s ease}
.project-filter:hover,.project-filter.is-active{border-color:#f3f2ee;color:#fff;background:rgba(255,255,255,.04)}
.projects-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;padding:0 0 58px}
.project-card{position:relative;display:block;grid-column:span 3;height:430px;overflow:hidden;border:1px solid #333;background:#111;color:#fff;isolation:isolate;transition:border-color .3s ease,opacity .3s ease,transform .3s ease}
.project-card:nth-child(1){grid-column:span 5}.project-card:nth-child(2){grid-column:span 3}.project-card:nth-child(3){grid-column:span 2}.project-card:nth-child(4){grid-column:span 2}
.project-card:nth-child(n+5){grid-column:span 3;height:330px}
.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.65,.3,1),filter .4s ease;-webkit-user-drag:none}
.project-card:after{content:"";position:absolute;z-index:1;inset:38% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.94))}
.project-card-copy{position:absolute;z-index:2;left:20px;right:18px;bottom:18px;display:grid;grid-template-columns:1fr auto;gap:5px 14px;align-items:end}
.project-index{grid-column:1;color:#deddd9;font-size:11px;letter-spacing:.16em}
.project-card h2{grid-column:1;margin:0;color:#fff;font-size:18px;font-weight:600;line-height:1.12;letter-spacing:-.025em;text-transform:none}
.project-category{grid-column:1;color:#cccac5;font-size:9px!important;line-height:1.3!important;letter-spacing:.17em;text-transform:uppercase}
.project-arrow{grid-column:2;grid-row:1/4;align-self:end;font-size:30px;font-weight:300;line-height:1;transition:transform .3s ease}
.project-card:hover{border-color:#777}.project-card:hover img{transform:scale(1.045);filter:brightness(1.06)}.project-card:hover .project-arrow{transform:translate(4px,-4px)}
.project-card[hidden]{display:none}
.projects-cta{position:relative;z-index:1;min-height:320px;padding:68px 0 58px;border-top:1px solid rgba(255,255,255,.13)}
.projects-cta:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(90deg,rgba(5,5,5,.2),rgba(5,5,5,.64) 46%,rgba(5,5,5,.12)),url('/assets/projects-atmosphere-desktop-v1.webp') center bottom/cover no-repeat;opacity:.88}
.projects-cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.05fr 1fr;gap:54px;align-items:center}
.projects-cta-kicker{color:#9c9b96;font-size:10px!important;line-height:1.7!important;letter-spacing:.25em;text-transform:uppercase}
.projects-cta h2{margin:0;color:#fff;font-size:clamp(38px,3.8vw,62px);font-weight:800;line-height:.94;letter-spacing:-.055em;text-transform:none}
.projects-cta-copy{padding-left:40px;border-left:1px solid #686863}
.projects-cta-copy h3{margin:0;color:#fff;font-size:23px;font-weight:500;letter-spacing:-.03em;text-transform:none}
.projects-cta-copy p{max-width:360px;margin:9px 0 22px;color:#aaa9a4;font-size:13px!important;line-height:1.5!important}
.projects-cta-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:210px;padding:11px 18px;border:1px solid #aaa9a4;border-radius:999px;color:#fff;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.projects-footer{position:relative;z-index:2;padding:34px 0 24px;border-top:1px solid rgba(255,255,255,.13);background:rgba(3,3,3,.55);color:#fff}
.projects-footer-main{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center}
.projects-footer-logo img{width:140px;height:auto}.projects-footer-nav{display:flex;gap:34px}.projects-footer-nav a{font-size:10px;letter-spacing:.06em}.projects-footer-social{justify-self:end;display:flex;gap:18px}.projects-footer-social a{display:grid;place-items:center;width:28px;height:28px;border:1px solid #444;border-radius:50%;font-size:10px;font-weight:700}
.projects-footer-meta{display:flex;justify-content:space-between;gap:30px;margin-top:24px;color:#777772;font-size:9px;letter-spacing:.04em}
@media(min-width:701px){
 .projects-grid .project-card,.projects-grid .project-card:nth-child(n){grid-column:span 3;height:clamp(340px,31vw,430px)}
}
@media(max-width:1100px) and (min-width:701px){.projects-inner{width:calc(100% - 64px)}.projects-hero{grid-template-columns:1.15fr .85fr;gap:38px}.projects-hero h1{font-size:clamp(58px,7.5vw,80px)}.project-card{height:370px}.project-card:nth-child(n+5){height:300px}.project-card h2{font-size:15px}.projects-cta-grid{gap:28px}}
@media(max-width:700px){
 .projects-page .site-nav{position:absolute}.projects-redesign{background-image:url('/assets/projects-atmosphere-mobile-v1.webp');background-size:100% auto;background-position:center top}.projects-redesign:before{background:linear-gradient(180deg,transparent 0,rgba(5,5,5,.02) 13%,#050505 27%,#050505 75%,rgba(5,5,5,.16) 100%)}
 .projects-inner{width:calc(100% - 36px)}.projects-hero{display:block;min-height:0;padding:112px 0 42px}.projects-eyebrow{margin-bottom:17px}.projects-hero h1{max-width:350px;font-size:clamp(48px,13vw,62px);line-height:.89}.projects-hero-copy{max-width:310px;margin-top:22px}.projects-hero-copy p{margin-bottom:0;font-size:15px!important;line-height:1.45!important}.projects-jump{display:none}
 .project-filters{gap:8px;margin:0 -18px;padding:0 18px 14px;scroll-padding-left:18px}.project-filter{min-height:36px;padding:0 17px;font-size:9px}
 .projects-grid{gap:10px;padding-bottom:44px}.project-card,.project-card:nth-child(n){grid-column:span 6;height:310px}.project-card:nth-child(1),.project-card:nth-child(4),.project-card:nth-child(7),.project-card:nth-child(8){grid-column:1/-1;height:245px}.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(5),.project-card:nth-child(6){height:275px}
 .project-card-copy{left:13px;right:11px;bottom:12px;gap:4px 8px}.project-index{font-size:9px}.project-card h2{font-size:13px;line-height:1.08}.project-category{font-size:7px!important;letter-spacing:.11em}.project-arrow{font-size:24px}.project-card:nth-child(1) h2,.project-card:nth-child(4) h2,.project-card:nth-child(7) h2,.project-card:nth-child(8) h2{font-size:16px}
 .projects-cta{min-height:460px;padding:58px 0 42px;background:linear-gradient(180deg,#050505 0,rgba(5,5,5,.45) 42%,transparent 100%)}.projects-cta:before{background:linear-gradient(180deg,#050505 0,rgba(5,5,5,.4) 42%,rgba(5,5,5,.08) 100%),url('/assets/projects-atmosphere-mobile-v1.webp') center bottom/cover no-repeat;opacity:.9}.projects-cta-grid{display:block}.projects-cta-kicker{margin-bottom:18px}.projects-cta h2{max-width:330px;font-size:40px}.projects-cta-copy{margin-top:18px;padding:0;border:0}.projects-cta-copy h3{font-size:20px}.projects-cta-copy p{max-width:290px}.projects-cta-link{min-width:190px}
 .projects-footer{padding:30px 0 22px}.projects-footer-main{grid-template-columns:1fr auto;gap:24px}.projects-footer-logo img{width:122px}.projects-footer-nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 24px}.projects-footer-social{grid-column:2;grid-row:1}.projects-footer-meta{align-items:flex-end;font-size:8px}
}
@media(max-width:390px){.projects-inner{width:calc(100% - 28px)}.projects-hero{padding-top:100px}.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(5),.project-card:nth-child(6){height:250px}.project-card h2{font-size:12px}.projects-footer-nav{gap:10px 16px}}
@media(prefers-reduced-motion:reduce){.project-card,.project-card img,.project-arrow{transition:none!important}}