/* Project photography and installation films share the site's warm, restrained palette. */
.field-projects{background:#eeeae2;color:#252623;padding:110px 0;scroll-margin-top:90px}
.field-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}
.field-heading h2{font:600 clamp(35px,4.5vw,72px)/1.12 "Manrope",sans-serif;letter-spacing:-.065em;margin:20px 0 0;max-width:800px}
.field-heading>p{font-size:15px;line-height:1.8;max-width:330px;margin:0;color:#706b63}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.project-card{min-width:0}.project-cover{display:block;overflow:hidden;background:#d2ccc1}
.project-cover img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;transition:transform .5s}
.project-cover:hover img{transform:scale(1.025)}
.project-meta{padding:24px 0 20px}.project-meta>span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#946043}
.project-meta h3{font:600 clamp(21px,2vw,30px)/1.2 "Manrope",sans-serif;letter-spacing:-.045em;margin:10px 0}
.project-meta p{font-size:13px;color:#706b63;margin:0}
.project-more{border-top:1px solid #c7bfb3;border-bottom:1px solid #c7bfb3}
.project-more summary{cursor:pointer;padding:18px 0;font-size:13px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:15px}
.project-more summary::-webkit-details-marker{display:none}.project-more[open] summary span{color:#946043}
.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:18px}
.project-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.installation-films{padding:100px 0;background:#202424;color:#f2eee7}
.installation-films .field-heading>p{color:#bbb6ad}.installation-films .eyebrow{color:#c79474}
.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.film{margin:0;min-width:0}
.film video{display:block;width:100%;aspect-ratio:16/9;background:#11191f;object-fit:contain}
.film figcaption{padding:24px 0;border-bottom:1px solid #ffffff29}
.film h3{font:600 clamp(20px,2vw,27px)/1.3 "Manrope",sans-serif;letter-spacing:-.04em;margin:0 0 12px}
.film p{color:#bbb6ad;font-size:14px;line-height:1.7;max-width:480px;margin:0 0 18px}.film a{font-size:12px;color:#d9ac8d;text-underline-offset:4px}
.project-cover:focus-visible,.project-gallery a:focus-visible,.project-more summary:focus-visible,.film a:focus-visible{outline:2px solid #b87c55;outline-offset:5px}
@media(max-width:1000px){.field-heading{display:block}.field-heading>p{margin-top:24px;max-width:540px}.project-grid{gap:18px}}
@media(max-width:760px){.field-projects,.installation-films{padding:70px 0}.field-heading{margin-bottom:32px}.project-grid,.film-grid{grid-template-columns:1fr;gap:38px}.project-cover img{aspect-ratio:4/5}.project-meta{padding:20px 0}.project-gallery{grid-template-columns:repeat(3,1fr)}.film figcaption{padding:20px 0}.field-heading h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.project-cover img{transition:none}}
