.page-section { min-height: calc(100vh - 180px); padding: clamp(5rem, 9vw, 8rem) 0 7rem; }
.page-intro { max-width: 900px; margin: 3rem 0 4rem; }
.page-intro h1 { font-size: clamp(3.4rem, 9vw, 7rem); letter-spacing: -.05em; }
.page-intro > p:not(.eyebrow) { max-width: 760px; margin: 1.6rem 0 2rem; color: #b5b6b9; font-size: clamp(1.1rem, 2.3vw, 1.4rem); }
.page-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.page-project-card { border: 1px solid var(--line); background: var(--panel); }
.page-project-card { min-width: 0; }
.page-project-card > img, .page-project-card > .page-project-monogram { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.page-project-monogram { display: grid; place-items: center; min-height: 240px; background: radial-gradient(circle at 55% 50%, #3b270b, #0c0b0a 70%); color: var(--gold); font-family: var(--font-display); font-size: clamp(5rem, 14vw, 11rem); letter-spacing: -.08em; }
.page-project-copy { padding: clamp(1.5rem, 3vw, 2.5rem); }
.page-meta { color: var(--gold); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; }
.page-project-copy h2 { margin: .7rem 0 1rem; font-size: clamp(2rem, 3.6vw, 3rem); }
.page-project-copy h2 { overflow-wrap: anywhere; }
.page-project-copy h2 a:hover { color: var(--gold-bright); }
.page-project-copy > p:not(.page-meta) { min-height: 4.8rem; color: #b5b6b9; }
.page-project-hero { margin: 0; }
.page-project-hero img { width: 100%; height: auto; }
.page-next { margin-top: 5rem; padding-top: 2.5rem; border-top: 1px solid var(--line-bright); }
.page-next h2 { margin-bottom: 1rem; font-size: clamp(2rem, 4vw, 3.5rem); }
.page-next > p:not(.eyebrow) { color: #a6a8ab; }
.page-next-links { display: flex; flex-wrap: wrap; gap: 1.5rem 2rem; margin-top: 2rem; }
.page-narrow { max-width: 950px; }
.page-principle { margin: 0; padding-left: 1.5rem; border-left: 2px solid var(--gold); font-family: var(--font-display); font-size: clamp(1.5rem, 3vw, 2.3rem); }
@media (max-width: 700px) { .page-project-grid { grid-template-columns: minmax(0, 1fr); } .page-project-copy > p:not(.page-meta) { min-height: 0; } }