.project-intro{padding-block:72px 32px}.project-intro h1{font-size:clamp(46px,6vw,88px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 28px;font-weight:500;color:#111}.project-deck{max-width:720px;font-size:20px;line-height:1.6;color:#555}.project-intro-bottom,.project-result-line{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font:11px/1.6 var(--mono);color:#666}.project-intro-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.project-intro-bottom a{color:#111}.project-browser{padding-block:24px 0}.project-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.project-filters label{display:flex;flex-direction:column;gap:8px;font:11px/1.4 var(--mono);color:#555;flex:1;min-width:170px}.project-filters .project-search{flex:2;min-width:240px}.project-filters input,.project-filters select{width:100%;height:48px;border:1px solid #ccc;border-radius:0;padding:10px 12px;color:#111;background:#fff;font:16px/1.4 var(--sans)}.project-filters button,.project-empty button{height:48px;border:1px solid #111;background:#111;color:#fff;border-radius:0;padding:12px 18px;font:12px var(--mono);cursor:pointer}.project-result-line{padding:24px 0 14px;gap:8px}.project-result-line p{margin:0}.project-story{display:grid;grid-template-columns:300px minmax(0,1fr) 160px;gap:28px;border-top:1px solid #ccc;padding:32px 0}.project-story[hidden]{display:none}.project-story-figure{margin:0;min-width:0}.project-story-image{display:block;background:#f4f4f4;overflow:hidden;aspect-ratio:4/3}.project-story-image img{display:block;width:100%;height:100%;object-fit:contain}.project-story-figure figcaption{margin-top:9px;font:10px/1.6 var(--mono);color:#666;overflow-wrap:anywhere}.project-story-figure figcaption a{color:inherit}.project-story-image:focus-visible{outline:2px solid #111;outline-offset:4px}@media(min-width:761px)and (max-width:1050px){.project-story{grid-template-columns:220px minmax(0,1fr)}.project-story-meta{grid-column:2;flex-direction:row;align-items:center}}.project-story-main{max-width:720px;min-width:0}.project-story .eyebrow{font-size:10px;line-height:1.7}.project-story h2{font-size:clamp(23px,2.4vw,31px);line-height:1.2;letter-spacing:-.035em;margin:12px 0}.project-story h2 a{color:#111;text-decoration:none}.project-story h2 a:hover{text-decoration:underline;text-underline-offset:5px}.project-story-main>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#555}.project-story .project-hardware{display:flex;flex-direction:column;gap:6px;margin-top:20px;font-size:13px}.project-hardware span{font:10px var(--mono);color:#777}.project-story-meta{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:24px}.project-story-meta p{font:11px/1.7 var(--mono);color:#666;margin:0}.project-read{font:12px/1.4 var(--mono);min-height:44px;display:flex;align-items:center;gap:24px;color:#111}.project-empty{padding:48px 0;border-top:1px solid var(--line)}.project-empty[hidden]{display:none}.project-tail{border-top:1px solid #111;padding-block:48px 80px}.project-tail h2{font-size:32px;letter-spacing:-.04em}.project-tail p{color:#555;max-width:720px;margin:16px 0 24px}.project-detail{padding-bottom:72px}.project-detail .breadcrumbs{padding-top:28px}.project-detail-heading{max-width:920px;padding:40px 0 48px}.project-detail-heading h1{font-size:clamp(36px,5vw,66px);line-height:1.06;letter-spacing:-.045em;margin:20px 0 24px;color:#111}.project-lead{max-width:720px;color:#555;font-size:20px;line-height:1.6;margin-bottom:28px}.project-detail-grid{display:grid;grid-template-columns:minmax(0,720px) minmax(240px,1fr);gap:clamp(32px,5vw,80px);border-top:1px solid #111;padding-top:40px}.project-reading{min-width:0}.project-reading section{margin-bottom:38px}.project-reading h2{font-size:27px;letter-spacing:-.035em;margin-bottom:14px}.project-reading p{font-size:17px;line-height:1.8;color:#555}.project-warning{border-left:2px solid #111;padding-left:24px}.project-facts{min-width:0}.project-facts>section{border-bottom:1px solid #ccc;padding-bottom:28px;margin-bottom:28px}.project-facts h2{font-size:19px;margin-bottom:24px}.project-facts dt{font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#777;margin:22px 0 8px}.project-facts dd{margin:0;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.project-match{margin:24px 0}.project-match a{display:block;margin:8px 0;font-size:16px}.project-match p:not(.eyebrow){font-size:13px;line-height:1.7;color:#666}.project-photo{margin:0 0 40px}.project-photo img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;background:#f4f4f4}.project-photo figcaption{font:10px/1.6 var(--mono);color:#666;margin-top:10px}.project-related{padding-top:32px;margin-top:24px;border-top:1px solid #111}.agent-build-links{padding:40px 0;border-bottom:1px solid #ccc;margin-bottom:28px}.agent-build-links h2{font-size:28px;letter-spacing:-.035em}.agent-build-links .resource-row p{font-size:14px;line-height:1.6;color:#666}.project-feature-link{display:block;border-block:1px solid #ccc;padding:28px 0;margin-top:28px;font-size:18px}.project-filters button:hover,.project-empty button:hover{background:#333}@media(max-width:760px){.project-intro{padding-top:44px}.project-deck,.project-lead{font-size:18px}.project-intro-bottom{margin-top:28px}.project-filters{gap:12px}.project-filters .project-search{min-width:100%}.project-filters label{min-width:calc(50% - 12px)}.project-filters button{width:100%}.project-story{grid-template-columns:minmax(0,1fr);gap:18px;padding:28px 0}.project-story-image{aspect-ratio:4/3}.project-story-meta{grid-column:1;flex-direction:row;align-items:center;gap:16px}.project-story-meta p{max-width:60%}.project-read{gap:10px;white-space:nowrap}.project-story .eyebrow{font-size:9px}.project-detail-grid{grid-template-columns:1fr;gap:28px}.project-facts{grid-row:1}.project-facts dl{display:grid;grid-template-columns:1fr 2fr;column-gap:14px;row-gap:16px}.project-facts dt,.project-facts dd{margin:0}.project-facts dt{line-height:1.6}.project-detail-heading{padding:28px 0 36px}.project-intro-bottom,.project-result-line{font-size:10px}.project-tail{padding-bottom:56px}.project-reading .resource-row h3{font-size:20px}}