.layout-rebuild .project-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-bottom:10px}
.layout-rebuild .project-filters button{color:var(--muted);border-bottom:2px solid transparent;text-decoration:none;min-height:48px}
.layout-rebuild .project-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}
.layout-rebuild .project-filters button:hover{color:var(--ink)}
.layout-rebuild .project-count{text-align:center;color:var(--muted);font-size:15px;margin-bottom:32px}
.layout-rebuild .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}
.layout-rebuild .project-grid>article{min-width:0}
.layout-rebuild .project-grid .work-image{width:100%;height:auto;aspect-ratio:1.7;overflow:hidden;border-radius:17px;display:block}
.layout-rebuild .project-grid .work-image img{height:100%;width:100%;object-fit:cover;object-position:top}
.layout-rebuild .project-grid .work-copy{padding-top:20px}
.layout-rebuild .project-grid .work-copy h3{font-size:25px;line-height:1.25;margin-bottom:12px}
.layout-rebuild .project-grid .work-copy p{font-size:17px;margin-bottom:14px}
.layout-rebuild .project-detail-hero{padding:96px 0;position:relative}
.layout-rebuild .project-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:center}
.layout-rebuild .project-hero-grid>div{min-width:0}
.layout-rebuild .project-back{margin-bottom:24px}
.layout-rebuild .project-hero-grid h1{font-size:clamp(44px,4.5vw,66px)}
.layout-rebuild .project-intro{font-size:20px;margin:24px 0;max-width:34ch}
.layout-rebuild .project-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;background:#dceade}
.layout-rebuild .project-status.sample{background:#e9deef}
.layout-rebuild .project-hero-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:24px}
.layout-rebuild .project-facts-section{padding:48px 0 0}
.layout-rebuild .project-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0}
.layout-rebuild .project-facts>div{padding:24px;background:var(--tint);border:1px solid #44223917;border-radius:17px}
.layout-rebuild .project-facts dt{font-size:15px;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:10px}
.layout-rebuild .project-fact-icon{display:inline-flex;color:var(--category)}
.layout-rebuild .project-facts dd{font-size:20px;font-weight:600;line-height:1.4;margin:0}
.layout-rebuild .project-fact-note{font-size:15px;color:var(--muted);margin-top:16px}
.layout-rebuild .project-pain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.layout-rebuild .project-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.layout-rebuild .project-screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.layout-rebuild .project-screen{min-width:0;margin:0}
.layout-rebuild .project-browser{background:var(--white);border:1px solid #44223925;border-radius:17px;overflow:hidden;box-shadow:0 10px 30px #4422390c}
.layout-rebuild .project-browser-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f6ebe9;font-size:13px;line-height:1.4;min-height:45px;border-bottom:1px solid #44223917}
.layout-rebuild .project-browser-bar>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.layout-rebuild .project-browser-dots{display:flex;gap:5px;flex-shrink:0}
.layout-rebuild .project-browser-dots i{width:7px;height:7px;border-radius:50%;background:#b8a7ae}
.layout-rebuild .project-screen-scroll{height:440px;overflow:auto;background:white;scrollbar-width:thin}
.layout-rebuild .project-screen-scroll img{width:100%;height:auto}
.layout-rebuild .project-screen-hero .project-screen-scroll{height:430px}
.layout-rebuild .project-screen-scroll:focus-visible{outline:3px solid #8554a2;outline-offset:-3px}
.layout-rebuild .project-screen figcaption{font-size:16px;color:var(--muted);margin-top:16px;line-height:1.5}
.layout-rebuild .project-next-card{max-width:600px}
.layout-rebuild .project-next-card article{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.layout-rebuild .project-next-card .work-image{display:block;height:200px;overflow:hidden;border-radius:17px}
.layout-rebuild .project-next-card .work-image img{width:100%;height:100%;object-fit:cover;object-position:top}
.layout-rebuild .project-next-card h3{font-size:25px;margin-bottom:12px}
.layout-rebuild .project-next-card p{font-size:17px;margin-bottom:12px}
.layout-rebuild .testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.layout-rebuild .testimonial-card{padding:36px;background:#f6dce7;border:1px solid #44223917;border-radius:17px;display:flex;flex-direction:column;align-items:flex-start}
.layout-rebuild .testimonial-card:nth-child(2){background:#dceade}
.layout-rebuild .testimonial-card blockquote{font-family:Parkinsans,Arial,sans-serif;font-size:24px;line-height:1.55;margin-bottom:28px}
.layout-rebuild .testimonial-card .proof-person{margin-top:auto}
.layout-rebuild .testimonial-built{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 16px;padding:0}
.layout-rebuild .testimonial-built li{padding:6px 11px;background:#fff8f3bb;border-radius:999px;font-size:14px;line-height:1.4}
.layout-rebuild .bill-scope{font-size:16px;color:var(--muted);line-height:1.5;margin-top:12px}
@media(max-width:1020px){
  .layout-rebuild .project-hero-grid{gap:32px}
  .layout-rebuild .project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layout-rebuild .project-pain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layout-rebuild .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layout-rebuild .project-build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layout-rebuild .project-screenshot-grid{gap:18px}
  .layout-rebuild .project-screen-scroll{height:360px}
}
@media(max-width:700px){
  .layout-rebuild .project-detail-hero{padding:64px 0}
  .layout-rebuild .project-hero-grid{grid-template-columns:1fr;gap:40px}
  .layout-rebuild .project-hero-grid h1{font-size:44px}
  .layout-rebuild .project-intro{font-size:19px;max-width:none}
  .layout-rebuild .project-grid,.layout-rebuild .project-build-grid,.layout-rebuild .project-screenshot-grid,.layout-rebuild .testimonial-grid{grid-template-columns:1fr}
  .layout-rebuild .project-grid{gap:36px}
  .layout-rebuild .project-pain-grid{grid-template-columns:1fr}
  .layout-rebuild .project-facts{gap:12px}
  .layout-rebuild .project-facts>div{padding:18px}
  .layout-rebuild .project-facts dd{font-size:17px}
  .layout-rebuild .project-screen-scroll{height:460px}
  .layout-rebuild .project-screen-hero .project-screen-scroll{height:360px}
  .layout-rebuild .project-next-card article{grid-template-columns:1fr;gap:20px}
  .layout-rebuild .project-next-card .work-image{height:220px}
  .layout-rebuild .project-filters{gap:20px}
  .layout-rebuild .testimonial-card{padding:26px}
  .layout-rebuild .testimonial-card blockquote{font-size:22px}
}