.projects-page{background:#08090a}
.projects-page .header{position:relative;margin:0 4%;padding:18px 0 16px;min-height:61px;align-items:center;border-bottom:1px solid rgba(244,243,239,.45);background:#08090a}
.projects-page .brand-name{display:block;font-size:14px;font-weight:300;letter-spacing:3px;text-transform:uppercase;line-height:1.9}
.projects-page .desktop-menu{padding:0}
.projects-page .desktop-menu a{padding:0;font-size:14px;font-weight:300;letter-spacing:3px;line-height:1.9;border:0}
.projects-page a[aria-current="page"]{text-decoration:underline;text-underline-offset:12px;text-decoration-thickness:1px}
.projects-intro{display:grid;grid-template-columns:70% 30%;align-items:center;padding:40px 5.4% 36px;gap:0}
.intro-subtitle,.intro-note,.project-tagline{text-transform:uppercase;font-weight:300}

.projects-page #projects-title{position:static;width:auto;white-space:normal;font-family:'Playfair Display',Georgia,serif;font-size:clamp(44px,5.5vw,88px);line-height:1.02;font-weight:400;letter-spacing:-.025em}
.intro-subtitle{font-size:14px;letter-spacing:4px;margin-top:22px;line-height:1.7}
.intro-note{border-left:1px solid #858580;margin-left:30px;padding:12px 0 12px 38px;font-size:13px;letter-spacing:3px;line-height:1.9;max-width:290px;color:#c9c8c4}
.project-row{display:grid;grid-template-columns:69% 31%;align-items:stretch}
.project-image{width:100%;height:100%;min-height:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.project-copy{padding:clamp(28px,4vw,64px) clamp(24px,3.4vw,54px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
.project-number{font-family:'Playfair Display',Georgia,serif;font-size:clamp(24px,2.2vw,36px);line-height:1.2}
.project-rule{width:32px;height:1px;background:#a9a9a3;display:block;margin:12px 0 24px}
.project-copy h3{font-family:'Playfair Display',Georgia,serif;text-transform:uppercase;font-weight:400;font-size:clamp(26px,2.8vw,46px);line-height:1.08;letter-spacing:-.02em}
.project-tagline{font-size:clamp(11px,1vw,15px);letter-spacing:2.2px;line-height:1.7;margin-top:24px;color:#c9c8c4}
.project-description{font-size:clamp(14px,1.2vw,18px);font-weight:300;letter-spacing:1px;line-height:1.65;margin-top:22px;color:#d1d0cc}
.project-description br{display:none}
.project-reverse{grid-template-columns:30% 70%}
.project-reverse .project-copy{grid-column:1;grid-row:1;padding-left:clamp(24px,3.4vw,54px);padding-right:22px}
.project-reverse .project-image{grid-column:2;grid-row:1}
@media(min-width:1400px){.project-description br{display:initial}}
@media(max-width:1100px){.project-copy{padding:26px 24px}.project-copy h3{font-size:27px}.project-tagline{letter-spacing:1.6px;margin-top:22px}.project-description{letter-spacing:.7px}.intro-note{margin-left:10px;padding-left:24px}.project-reverse .project-copy{padding-left:24px;padding-right:16px}}
@media(max-width:700px){
 .projects-page .header{padding:12px 0;gap:14px}.projects-page .brand-name{font-size:12px;letter-spacing:2px}.projects-page .menu-button{gap:10px;margin:0}.projects-page .menu-label{display:none}
 .projects-intro{grid-template-columns:1fr;padding:40px 6% 36px;gap:28px}.projects-page #projects-title{font-size:clamp(40px,9.5vw,64px)}.intro-subtitle{font-size:12px;letter-spacing:2.3px}.intro-note{margin:0;padding:0 0 0 20px;max-width:100%;font-size:12px;letter-spacing:2px}
 .project-row,.project-reverse{display:flex;flex-direction:column}.project-image{height:auto;min-height:0;aspect-ratio:16/9}.project-copy,.project-reverse .project-copy{padding:30px 6% 40px}.project-copy h3{font-size:34px}.project-copy h3 br{display:initial}.project-tagline{font-size:12px}.project-description{font-size:15px;max-width:360px}.project-rule{margin-bottom:20px}
}