/* Cover-to-details rhythm inspired by the referenced exhibition; project typography stays local. */
html { scroll-snap-type: y proximity; }
.hero--archive .site-watermark { position: absolute; z-index: 10; top: clamp(38px,calc(4vw + 12px),88px); left: clamp(24px,4.7vw,92px); width: clamp(38px,2.9vw,58px); height: auto; pointer-events: none; }
.hero--archive, #project-overview { scroll-snap-align: start; scroll-snap-stop: always; }
.cover-project-bar { position: absolute; z-index: 9; right: 0; bottom: 0; left: 0; height: clamp(62px,5.1vw,78px); display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(32px,5.3vw,110px); background: #000; color: #fff; font-size: clamp(14px,1.15vw,18px); font-weight: 700; letter-spacing: -.02em; }
.cover-project-bar > span { display: flex; align-items: center; gap: .65em; white-space: nowrap; }
.cover-project-bar i { display: block; width: 1px; height: 1.05em; background: currentColor; opacity: .85; }
.cover-go-down { display: grid; border: 0; padding: 0; background: transparent; color: #fff; cursor: pointer; font: inherit; }
.cover-go-down span { display: block; font-size: 28px; font-weight: 800; line-height: .7; transition: transform .2s ease; }
.cover-go-down:hover span, .cover-go-down:focus-visible span { transform: translateY(5px); }

#project-overview { display: grid; grid-template-columns: minmax(230px,.65fr) minmax(0,1.35fr); column-gap: clamp(38px,8vw,148px); align-content: start; min-height: 100vh; padding: clamp(100px,12vw,176px) clamp(28px,8vw,138px) clamp(76px,10vw,150px); background: #000 !important; color: #f2f1ec; }
#project-overview .back-link { grid-column: 1 / -1; width: max-content; margin-bottom: clamp(58px,9vw,130px); }
#project-overview .overview-grid { display: contents; }
#project-overview .overview-title { grid-column: 1 / -1; margin-bottom: clamp(54px,7vw,104px); }
#project-overview .overview-title .section-kicker { margin-bottom: 12px; color: #a4a29b; }
#project-overview .overview-title h2 { max-width: 1240px; color: #f2f1ec; font-size: clamp(54px,9.4vw,150px); letter-spacing: -.06em; }
#project-overview .overview-meta { grid-column: 1; align-self: start; border-top: 1px solid rgba(242,241,236,.34); }
#project-overview .overview-meta::before { content: "Project details"; display: block; padding: 0 0 20px; font-size: 17px; font-weight: 700; }
#project-overview .overview-meta div { grid-template-columns: minmax(78px,.55fr) minmax(0,1fr); gap: 10px; border-bottom-color: rgba(242,241,236,.18); }
#project-overview .overview-meta dt { color: #94928d; }
#project-overview .overview-meta dd { color: #f2f1ec; }
#project-overview .abstract { display: block; grid-column: 2; margin: 0; padding: 0; border: 0; }
#project-overview .abstract .section-kicker { display: none; }
#project-overview .abstract p:last-child { max-width: 760px; color: #f2f1ec; font-size: 12px; line-height: 1.62; }
@media (max-width:780px) { .cover-project-bar { height:56px; padding:0 22px; font-size:13px; } .cover-go-down span { font-size:24px; } #project-overview { display:block; padding:96px 22px 68px; } #project-overview .back-link { margin-bottom:70px; } #project-overview .overview-title { margin-bottom:54px; } #project-overview .overview-meta { margin-bottom:46px; } }