.project-index,.project-detail{padding-block:70px 95px;color:#293e33}.project-index-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.project-index h2{font-size:clamp(32px,4vw,55px);letter-spacing:-.04em;line-height:1.15;font-weight:400;margin:0}.project-index em{color:#ad8649;font-style:normal}.project-index-heading p{font-size:14px;color:#828a7d;margin:0;line-height:1.8}.project-filters{display:flex;gap:10px;flex-wrap:wrap;padding-block:20px;border-block:1px solid #e5dfd3}.project-filters a{padding:13px 22px;color:#778171;text-decoration:none;font-size:13px;transition:background .3s,color .3s}.project-filters a[aria-current]{background:#293e33;color:white}.project-filters a:hover{background:#f0ebdf;color:#293e33}.project-results{font-size:11px;color:#929788;margin:24px 0}.project-index-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-index-card a{display:flex;gap:25px;align-items:center;min-height:180px;padding:34px;background:#f6f3ec;border:1px solid #e5dfd3;text-decoration:none;transition:transform .3s,border-color .3s,background .3s}.project-index-card a:hover,.project-index-card a:focus-visible{transform:translateY(-4px);border-color:#bfa06a;background:#f1ecdf}.project-index-number{font-size:11px;color:#ad8649;align-self:start}.project-index-status,.project-detail-status{font-size:10px;letter-spacing:.08em;color:#ad8649}.project-index-card h3{font-size:clamp(24px,2.2vw,32px);font-weight:400;letter-spacing:-.025em;margin:15px 0 0;line-height:1.25}.project-index-arrow{font-size:25px;color:#ad8649;margin-left:auto}.project-index-empty{padding:55px;background:#f6f3ec}.project-index-empty h3{font-size:30px;font-weight:400;margin:0 0 20px}.project-index-empty p{color:#828a7d;font-size:14px;line-height:1.8}.project-index-empty a,.project-detail-contact{display:inline-flex;justify-content:space-between;gap:55px;text-decoration:none;border-bottom:1px solid #ad8649;padding:15px 0;color:#293e33;font-size:14px}.project-detail-back{font-size:13px;text-decoration:none;color:#778171}.project-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:55px;padding:55px;background:#f6f3ec;border:1px solid #e5dfd3}.project-detail h2{font-size:clamp(32px,3.6vw,52px);font-weight:400;letter-spacing:-.04em;line-height:1.15;margin:22px 0 0}.project-detail p{font-size:17px;line-height:1.9;color:#778171;margin-top:0}.project-detail-contact span{color:#ad8649}
@media(max-width:700px){.project-index,.project-detail{padding-block:45px 65px}.project-index-heading{display:block}.project-index-heading p{margin-top:20px}.project-filters{gap:5px}.project-filters a{padding:12px 15px;font-size:12px}.project-index-grid{grid-template-columns:1fr;gap:18px}.project-index-card a{padding:25px;gap:18px;min-height:145px}.project-index-empty{padding:30px}.project-index-empty h3{font-size:26px}.project-detail-layout{grid-template-columns:1fr;padding:30px;gap:30px;margin-top:35px}}
@media(prefers-reduced-motion:reduce){.project-index-card a,.project-filters a{transition:none;transform:none!important}}
/* Photo-led project collection. */
.project-index{padding-block:85px 105px}
.project-index-heading{align-items:center;margin-bottom:48px}
.project-index-heading h2{font-size:clamp(40px,4.8vw,68px);line-height:1.06}
.project-index-heading p{color:#293e33;font-size:18px;margin-bottom:12px}
.project-visual-note{display:block;max-width:270px;color:#93978c;font-size:11px;line-height:1.7}
.project-filters{gap:8px;padding-block:20px;align-items:center}
.project-filters a{border-radius:8px;padding:15px 24px;display:flex;align-items:center;gap:22px;border:1px solid transparent}
.project-filters a[aria-current]{box-shadow:0 4px 12px #293e3315}
.project-filters a:not([aria-current]):hover{border-color:#d4c5a9;background:#faf8f3}
.project-filters a span{font-size:10px;color:#ad8649}
.project-filters a[aria-current] span{color:#dfc28b}
.project-results{margin-block:25px 30px}
.project-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}
.project-index-card a{display:block;min-height:0;padding:0;border:0;background:transparent;transition:transform .45s}
.project-index-card a:hover,.project-index-card a:focus-visible{transform:translateY(-5px);background:transparent;box-shadow:none}
.project-index-photo{position:relative;overflow:hidden;aspect-ratio:.95;background:#f1ede4}
.project-index-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#112a2638,transparent 45%,#112a2628);pointer-events:none}
.project-index-photo img{height:100%;width:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.22,1,.36,1)}
.project-index-card a:hover img{transform:scale(1.06)}
.project-index-photo .project-index-status{position:absolute;left:20px;top:20px;z-index:1;background:#f8f5eced;color:#293e33;font-size:10px;letter-spacing:0;padding:10px 15px;backdrop-filter:blur(12px)}
.project-index-photo .project-index-number{position:absolute;right:20px;top:28px;z-index:1;color:white;font-size:11px;text-shadow:0 1px 8px #0008}
.project-photo-arrow{position:absolute;right:20px;bottom:20px;z-index:1;display:grid;place-items:center;width:50px;height:50px;background:#f7f3e9e8;color:#293e33;font-size:27px;backdrop-filter:blur(12px);transform:translateY(80px);transition:transform .45s}
.project-index-card a:hover .project-photo-arrow,.project-index-card a:focus-visible .project-photo-arrow{transform:none}
.project-index-copy{padding-top:25px}
.project-index-copy h3{font-size:clamp(25px,2.3vw,34px);line-height:1.15;margin:0;min-height:2.3em}
.project-index-action{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#89917f;margin-top:22px;padding-top:17px;border-top:1px solid #e5dfd3}
.project-index-action>span{font-size:21px;color:#ad8649;transition:transform .3s}
.project-index-card a:hover .project-index-action>span{transform:translate(3px,-3px)}
.project-index-empty{background:linear-gradient(125deg,#f6f3ec,#ebe4d5);border:1px solid #e5dfd3;padding:65px}
@media(max-width:1050px){.project-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-index-photo{aspect-ratio:1.12}.project-index-heading{gap:35px}.project-filters a{padding:14px 20px;gap:15px}}
@media(max-width:700px){.project-index{padding-block:50px 70px}.project-index-heading{margin-bottom:30px}.project-index-heading h2{font-size:43px}.project-index-heading p{font-size:15px;margin-block:25px 8px}.project-visual-note{max-width:none;font-size:10px}.project-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-block:18px}.project-filters a{justify-content:space-between;font-size:12px;padding:13px 16px;border-color:#e5dfd3}.project-index-grid{grid-template-columns:1fr;gap:36px}.project-index-photo{aspect-ratio:1.12}.project-index-copy{padding-top:20px}.project-index-copy h3{font-size:30px;min-height:0}.project-index-action{margin-top:18px}.project-photo-arrow{width:42px;height:42px;font-size:23px;transform:none;right:17px;bottom:17px}.project-index-photo .project-index-status{left:17px;top:17px}.project-index-photo .project-index-number{right:17px;top:26px}.project-index-empty{padding:32px}}
@media(prefers-reduced-motion:reduce){.project-index-photo img,.project-photo-arrow,.project-index-action>span{transition:none;transform:none!important}}
/* Give each project a wider frame and more separation between rows. */
.project-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:90px 60px}
.project-index-photo{aspect-ratio:1.35}
.project-index-copy{padding-top:32px}
.project-index-copy h3{min-height:0;line-height:1.25}
.project-index-action{margin-top:28px;padding-top:20px}
.project-index-heading{margin-bottom:60px}
.project-results{margin-bottom:42px}
@media(max-width:1050px){.project-index-grid{gap:65px 35px}.project-index-copy{padding-top:26px}}
@media(max-width:700px){.project-index-grid{grid-template-columns:1fr;gap:55px}.project-index-photo{aspect-ratio:1.12}.project-index-copy{padding-top:24px}.project-index-action{margin-top:22px;padding-top:18px}.project-index-heading{margin-bottom:35px}.project-results{margin-bottom:30px}}
