.project-page{background:#f3f3f1;color:var(--ink)}
.project-page .site-header{position:relative}
.project-page nav a{color:#fff}
.project-hero{background:var(--ink);color:#fff;padding:clamp(72px,10vw,140px) max(6vw,28px) clamp(60px,8vw,110px);border-top:1px solid #303030}
.project-hero .back{display:inline-block;margin-bottom:40px;color:#bbb;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em}
.project-hero .back:hover{color:#fff}
.project-hero h1{max-width:1050px;font-size:clamp(4rem,10vw,9rem);line-height:.82;letter-spacing:-.035em;text-transform:uppercase}
.project-hero h1 span{color:var(--red)}
.project-hero p{max-width:680px;margin-top:35px;color:#bbb;font-size:1.1rem;line-height:1.75}
.project-list{padding:max(6vw,45px)}
.project-list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.project-list-head h2{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.9}.project-list-head p{max-width:480px;color:#666;line-height:1.7}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.detail-card{background:#fff;overflow:hidden}
.detail-card.wide{grid-column:1/-1}
.detail-card>img{display:block;width:100%;height:clamp(280px,34vw,500px);object-fit:cover}
.detail-card .copy{padding:clamp(26px,4vw,48px)}
.detail-card .meta{color:var(--red);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em}
.detail-card h3{margin-top:18px;font-size:clamp(2.6rem,5vw,5rem);line-height:.9}
.detail-card p{max-width:720px;margin-top:18px;color:#666;line-height:1.7}
.detail-card small{display:block;margin-top:25px;color:#999;font-size:.7rem}
.detail-card .source{display:inline-block;margin-top:24px;color:var(--ink);font-weight:600;border-bottom:2px solid var(--red);padding-bottom:4px}
.photo-strip{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2px;background:var(--ink)}
.photo-strip img{display:block;width:100%;height:390px;object-fit:cover}
.project-cta{margin-top:55px;padding:45px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}
.project-cta h2{font-size:clamp(2.3rem,5vw,4.5rem)}
@media(max-width:850px){.project-page .site-header nav a{color:var(--ink)}.project-list-head{display:block}.project-list-head p{margin-top:18px}.detail-grid{grid-template-columns:1fr}.detail-card.wide{grid-column:auto}.photo-strip{grid-template-columns:1fr 1fr}.photo-strip img{height:260px}.photo-strip img:first-child{grid-column:1/-1;height:360px}.project-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.project-hero h1{font-size:3.5rem}.photo-strip{display:block}.photo-strip img,.photo-strip img:first-child{height:250px;border-bottom:2px solid var(--ink)}.project-cta{padding:30px}}