.project-index{background:#f7f6f2}.project-index-main{padding:clamp(74px,9vw,130px) clamp(22px,5vw,76px)}.project-index-head{display:grid;grid-template-columns:minmax(320px,1fr) minmax(580px,1.35fr);gap:60px;align-items:end;margin-bottom:70px}.project-index-head h1{margin:0;font:italic 400 clamp(58px,7.5vw,112px)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.055em;color:#484b47}.project-index-head p{max-width:540px;margin:24px 0 0}.project-selectors{display:grid;grid-template-columns:1fr 1fr .9fr;gap:12px;align-items:end}.project-selectors label{display:grid;gap:8px}.project-selectors label span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#777a75}.project-selectors select{width:100%;min-height:48px;padding:0 42px 0 15px;border:1px solid #cfd0cb;border-radius:8px;background:#fff;color:#20221f;font:inherit;appearance:auto}.project-apply{min-height:48px;border:0;border-radius:999px;background:#050505;color:#fff;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.project-apply:hover,.project-apply:focus{background:#a8794f}.project-count{margin:0 0 24px;color:#777a75;font-size:11px}.project-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 22px}.project-index-card{display:block;min-width:0}.project-index-image{position:relative;aspect-ratio:4/5;border-radius:7px;overflow:hidden;background:linear-gradient(145deg,#738079,#c7baa8);display:flex;align-items:flex-start;justify-content:flex-end;padding:18px;color:rgba(255,255,255,.85);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.project-index-card:nth-child(2n) .project-index-image{background:linear-gradient(145deg,#68716d,#b6c1bd)}.project-index-card:nth-child(3n) .project-index-image{background:linear-gradient(145deg,#80786d,#d0c4b1)}.project-index-arrow{position:absolute;right:17px;bottom:17px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#d68243;color:#fff;font-size:27px;line-height:1;transition:.2s ease}.project-index-card:hover .project-index-arrow{transform:translate(3px,-3px);background:#b96f37}.project-index-type{display:block;margin:13px 0 8px;font:italic 400 13px Georgia,serif;color:#474a46}.project-index-card h2{margin:0;font:500 clamp(19px,2vw,28px)/1.2 "Helvetica Neue",Inter,Arial,sans-serif;letter-spacing:-.02em}.project-index-card[hidden]{display:none}.project-index-note{margin-top:54px;padding:18px 0;border-top:1px solid #d5d1c8;color:#777a75;font-size:11px}.project-empty{display:none;padding:70px 0;text-align:center;color:#777a75}.project-empty.show{display:block}@media(max-width:1050px){.project-index-head{grid-template-columns:1fr}.project-selectors{max-width:760px}.project-index-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.project-index-main{padding-inline:18px}.project-index-head{margin-bottom:45px;gap:35px}.project-selectors{grid-template-columns:1fr}.project-index-grid{grid-template-columns:1fr;gap:38px}.project-index-image{aspect-ratio:5/6}}

/* Keep the editorial heading inside its column so it cannot overlap the filters. */
.project-index-head > *{min-width:0}
.project-index-head h1{display:block;width:100%;max-width:760px;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(52px,5.2vw,88px)!important;line-height:.98}
.project-selectors{min-width:0}
@media(max-width:1200px){.project-index-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.project-selectors{grid-template-columns:1fr 1fr;}.project-apply{grid-column:1/-1}}
@media(max-width:1050px){.project-index-head{grid-template-columns:1fr}.project-selectors{grid-template-columns:repeat(3,minmax(0,1fr));}.project-apply{grid-column:auto}}
@media(max-width:680px){.project-index-head h1{font-size:clamp(44px,12vw,64px)}.project-selectors{grid-template-columns:1fr}.project-apply{grid-column:auto}}