.detail-breadcrumbs{display:flex;align-items:center;gap:12px;padding-top:24px;padding-bottom:24px;color:var(--muted);font-size:13px}
.detail-breadcrumbs a{color:var(--forest);font-weight:700}
.detail-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.detail-breadcrumbs [aria-current=page]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,80px);align-items:center;padding-top:24px;padding-bottom:54px}
.detail-copy h1{font-size:clamp(38px,5.1vw,64px);max-width:650px}
.detail-lead{color:var(--muted);font-size:17px;line-height:1.8;max-width:580px;margin-bottom:28px}
.detail-cover{margin:0;position:relative;min-height:360px;aspect-ratio:1.2;border-radius:120px 6px 6px;overflow:hidden;background:var(--paper)}
.detail-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.detail-cover figcaption{position:absolute;bottom:16px;left:18px;background:rgba(16,60,36,.91);color:#fff;padding:8px 13px;border-radius:3px;font-size:12px;font-weight:600}
.detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);padding-block:20px;gap:18px}
.project-fact{display:grid;gap:4px;padding-inline:20px;border-left:1px solid var(--line)}
.project-fact:first-child{border-left:0;padding-left:0}
.project-fact span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.project-fact strong{font:700 16px/1.4 var(--display);color:var(--forest)}
.detail-content-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:start}
.detail-content-grid h2,.detail-gallery-heading h2{font-size:clamp(34px,4vw,50px)}
.detail-story{color:var(--muted);font-size:16px;line-height:1.9}
.detail-story p{margin-bottom:20px}
.detail-story h3{color:var(--ink);font:700 20px/1.35 var(--display);margin:28px 0 10px}
.detail-story ul{padding-left:20px}
.detail-story li{padding-left:4px;margin:7px 0}
.detail-gallery{background:var(--paper)}
.detail-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}
.detail-gallery-heading h2{margin:0}
.detail-gallery-heading>p{max-width:350px;color:var(--muted);margin:0 0 6px}
.detail-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.detail-photo{margin:0;overflow:hidden;background:#fff;border-radius:7px;box-shadow:0 6px 22px rgba(23,76,45,.08)}
.detail-photo img{width:100%;height:clamp(190px,23vw,310px);object-fit:cover;transition:transform .35s ease}
.detail-photo:hover img{transform:scale(1.025)}
.detail-photo figcaption{padding:12px 14px;font-size:13px;color:var(--muted)}
.detail-note{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:16px;padding-block:26px;border-bottom:1px solid var(--line)}
.detail-note>span{font-size:24px;color:var(--leaf)}
.detail-note p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.detail-note>a{white-space:nowrap;color:var(--forest);font-weight:700;font-size:13px}
.detail-note>a:hover{text-decoration:underline;text-underline-offset:4px}
.related-projects{background:#fff}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.related-card{display:flex;flex-direction:column;gap:10px;min-height:170px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:7px;transition:transform .2s,box-shadow .2s}
.related-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(23,76,45,.09)}
.related-card:focus-visible{outline:3px solid var(--leaf);outline-offset:3px}
.related-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.related-card strong{font:700 18px/1.35 var(--display);color:var(--ink)}
.related-card>b{margin-top:auto;color:var(--forest);font-size:13px}
.related-card>b span{color:var(--leaf);font-size:18px;margin-left:5px}
.project-page .cta-inner h2{max-width:560px}
@media(max-width:850px){.detail-hero{grid-template-columns:1fr;gap:25px;padding-top:8px}.detail-cover{min-height:300px;aspect-ratio:1.55}.detail-content-grid{grid-template-columns:1fr;gap:18px}.detail-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.detail-breadcrumbs{font-size:11px;gap:7px;padding-top:16px;padding-bottom:16px}.detail-hero{padding-bottom:34px}.detail-copy h1{font-size:38px}.detail-lead{font-size:15px}.detail-cover{min-height:250px;aspect-ratio:1.2;border-radius:85px 4px 4px}.detail-facts{grid-template-columns:1fr;gap:0;padding-block:8px}.project-fact,.project-fact:first-child{padding:11px 0;border:0;border-bottom:1px solid var(--line)}.project-fact:last-child{border-bottom:0}.detail-content.section-pad,.detail-gallery.section-pad,.related-projects.section-pad{padding:58px 0}.detail-gallery-heading{display:block;margin-bottom:22px}.detail-gallery-heading>p{margin-top:12px}.detail-photo-grid{grid-template-columns:1fr;gap:12px}.detail-photo img{height:clamp(220px,62vw,360px)}.detail-note{grid-template-columns:28px 1fr;gap:9px;padding-block:18px}.detail-note>a{grid-column:2}.related-grid{grid-template-columns:1fr}.related-card{min-height:140px}}
@media(prefers-reduced-motion:reduce){.detail-photo img,.related-card{transition:none}.detail-photo:hover img,.related-card:hover{transform:none}}