@layer components{.project-detail .detail-top{margin-bottom:24px}.project-lead{padding-bottom:var(--space);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid}.project-intro{padding-top:16px}.project-intro h1{max-width:22ch;font-size:clamp(2rem,3.2vw,3.25rem);line-height:1.16}.project-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:24px;font-size:.82rem;display:flex}.project-meta .status{color:var(--ink)}.project-summary{color:var(--muted);max-width:48ch;margin-top:28px;font-size:1.08rem;line-height:1.85}.project-section-links{flex-wrap:wrap;gap:4px 24px;margin-top:24px;font-size:.85rem;display:flex}.project-section-links a{min-height:44px}.project-output-link{color:var(--green);flex-basis:100%}.project-output-link .arrow{width:20px;height:20px}.gallery{min-width:0}.gallery-track{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:16px;display:flex;position:relative;overflow-x:auto}.gallery-track figure{scroll-snap-align:start;flex:0 0 100%;min-width:0}.gallery-track figure>a{justify-content:center;align-items:center;height:clamp(300px,32vw,440px);display:flex}.gallery-track img{border-radius:var(--radius);object-fit:contain;width:auto;height:auto;max-height:100%;display:block}.gallery-controls{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.gallery-controls p{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.gallery-controls>div{gap:8px;display:flex}.gallery-thumbnails{scrollbar-width:thin;gap:8px;margin-top:12px;padding:4px 4px 8px;display:flex;position:relative;overflow-x:auto}.gallery-thumbnail{background:0 0;border-radius:6px;flex:0 0 76px;justify-content:center;align-items:center;height:56px;padding:0;display:flex}.gallery-thumbnail img{object-fit:contain;border-radius:6px;width:auto;height:auto;max-height:100%}.gallery-thumbnail:hover{background:var(--sand-pale)}.gallery-thumbnail[aria-pressed=true]{outline:2px solid var(--green);outline-offset:1px}.gallery-thumbnail:focus-visible{outline:3px solid var(--sand);outline-offset:1px}.project-overview{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start;gap:clamp(48px,7vw,112px);padding-top:48px;display:grid}.project-story{width:100%;max-width:72ch}.project-story h2:first-child{margin-top:0}.project-facts{min-width:0;padding:0}.project-facts h2{margin-bottom:24px;font-size:1.25rem}.project-facts dl{gap:20px;display:grid}.project-facts dt{color:var(--muted);margin:0;font-size:.78rem}.project-facts dd{overflow-wrap:anywhere;margin-top:4px;font-size:.9rem;line-height:1.7}.project-partners{border-top:1px solid var(--line);margin-top:40px;padding-top:28px}.project-partners dl{gap:20px;display:grid}.project-partners dl>div{grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:24px;display:grid}.project-partners dt{font-size:.9rem;font-weight:600}.project-partners dd{overflow-wrap:anywhere;max-width:85ch;color:var(--muted);font-size:.94rem;line-height:1.85}.project-detail :is(#project-about,#project-info,#outputs){scroll-margin-top:32px}}@layer responsive{@media (width<=1100px){.project-intro h1{font-size:clamp(2rem,3.4vw,2.75rem)}.project-overview{grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:40px}}@media (width<=900px){.project-lead{grid-template-columns:minmax(0,1fr);gap:32px}.project-intro{padding-top:0}.project-intro h1{max-width:28ch;font-size:clamp(1.85rem,4.8vw,2.75rem)}.project-summary{max-width:65ch;margin-top:20px}.project-meta{margin-top:20px}.project-section-links{margin-top:16px}.project-output-link{flex-basis:auto}.gallery-track figure>a{height:clamp(240px,56vw,440px)}.project-overview{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:32px}.project-facts{border-top:1px solid var(--line);padding-top:28px}.project-facts dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (width<=500px){.project-intro h1{font-size:1.9rem}.project-summary{font-size:1rem;line-height:1.8}.project-meta{gap:8px 12px;font-size:.78rem}.project-section-links{gap:4px 20px}.project-overview{gap:32px}.project-story{font-size:1rem;line-height:1.85}.project-facts dl{grid-template-columns:minmax(0,1fr);gap:20px}.project-partners dl>div{grid-template-columns:minmax(0,1fr);gap:8px}.project-partners{margin-top:32px}}@media print{.gallery-thumbnails{display:none}.project-lead,.project-overview{display:block}.gallery-track figure>a,.gallery-track img{height:auto}}}