.project-hero{padding-top:144px;background:var(--paper)}
.project-hero .section-label{margin-bottom:48px}
.project-hero-heading{display:grid;grid-template-columns:1.45fr 1fr;gap:80px;align-items:end;margin-bottom:56px}
.project-hero h1{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(88px,10.4vw,154px);font-weight:400;line-height:.9;letter-spacing:-.055em}
.project-hero-heading>div{max-width:400px;justify-self:end}
.project-hero-heading .eyebrow{font-size:12px;color:var(--muted);margin-bottom:18px}
.project-hero-heading p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)}
.project-hero-heading .text-link{margin-top:20px;font-size:12px}
.project-hero-image{width:100%;overflow:hidden;background:#181c27}
.project-hero-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.project-image-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding:18px 0 0}
.project-collaborate{padding-top:32px}
.project-collaborate-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}
.project-collaborate-grid h2{font-size:clamp(48px,5.6vw,80px);line-height:1.03}
.project-collaborate-grid p{max-width:430px;font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:28px}
.project-collaborate-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.project-collaborate-actions .pill{font-size:12px;background:var(--ink);color:var(--paper)}
.project-collaborate-actions .pill:hover{background:var(--paper);color:var(--ink)}
@media(max-width:991px){.project-hero{padding-top:112px}.project-hero-heading{gap:40px;margin-bottom:40px}.project-hero h1{font-size:clamp(76px,10vw,110px)}.project-collaborate-grid{gap:48px}}
@media(max-width:767px){.project-hero{padding-top:104px}.project-hero .section-label{margin-bottom:32px}.project-hero-heading{grid-template-columns:1fr;gap:32px;margin-bottom:36px}.project-hero h1{font-size:clamp(62px,17vw,108px)}.project-hero-heading>div{max-width:440px;justify-self:start}.project-hero-heading .eyebrow{margin-bottom:14px}.project-hero-image img{aspect-ratio:4/3;object-position:50% 50%}.project-image-caption{font-size:12px;gap:16px}.project-image-caption>span:last-child{text-align:right}.project-collaborate{padding-top:16px}.project-collaborate-grid{grid-template-columns:1fr;gap:28px}.project-collaborate-grid h2{font-size:clamp(40px,10vw,66px)}.project-collaborate-actions{gap:20px}.project-collaborate-actions .pill{padding:12px 18px}}
