.projects-hero{max-width:980px;padding-bottom:64px}
.projects-hero h1{max-width:none;font-size:clamp(42px,5.8vw,72px);line-height:1.02;letter-spacing:-.035em;margin:0 0 24px}
.projects-hero .lead{max-width:none;font-size:clamp(18px,2vw,21px);line-height:1.55}
.projects-jump{display:inline-flex;gap:10px;align-items:center;margin-top:24px;color:var(--fg-2);font-weight:500;text-decoration:none}
.projects-jump span{color:var(--accent);font-size:19px;transition:transform var(--dur-3) var(--ease-standard)}
.projects-jump:hover span{transform:translateY(4px)}
.projects-hub{padding-bottom:72px}
.projects-intro{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:48px;align-items:end;padding:28px 0 32px;border-top:1px solid var(--border-1)}
.projects-intro h2{margin:0;font-size:clamp(25px,3vw,34px)}
.projects-intro p{max-width:55ch;margin:0;color:var(--fg-3)}
.project-tile{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:clamp(32px,5vw,76px);align-items:center;padding:52px 0;border-top:1px solid var(--border-1)}
.project-tile-copy h2{font-size:clamp(32px,4vw,46px);margin:18px 0 14px}
.project-tile-copy>p:not(.project-access){max-width:59ch;font-size:18px;line-height:1.6;color:var(--fg-2)}
.project-access{margin:16px 0 22px!important;color:var(--fg-3)!important;font-size:14px!important}
.project-tile .actions{gap:18px}
.project-external{font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
.project-tile-art{display:block;padding:clamp(16px,3vw,28px);background:var(--bg-surface-1);border:1px solid var(--border-1);border-radius:10px;transition:border-color var(--dur-3) var(--ease-standard),box-shadow var(--dur-3) var(--ease-standard),transform var(--dur-3) var(--ease-standard)}
.project-tile-art:hover{border-color:var(--accent);box-shadow:var(--elev-2);transform:translateY(-3px)}
.project-tile-art img{display:block;width:100%;height:auto}
.project-tile-art--screenshot{padding:10px;background:#171717}
.project-tile-art--screenshot img{border-radius:5px}
.project-tile-note{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:28px;background:var(--bg-surface-1);border:1px solid var(--border-1);border-radius:10px}
.project-tile-note span{color:var(--accent);font-weight:600;font-size:14px}
.project-tile-note p{max-width:30ch;margin:14px 0 0;font-size:17px;line-height:1.55;color:var(--fg-2)}
.project-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1)}
.project-paths a{display:flex;flex-direction:column;gap:10px;min-height:170px;padding:26px 24px;text-decoration:none;color:var(--fg-2);transition:background var(--dur-3) var(--ease-standard)}
.project-paths a+a{border-left:1px solid var(--border-1)}
.project-paths a:hover{background:var(--accent-muted)}
.project-paths span{font-size:14px;color:var(--accent);font-weight:600}
.project-paths strong{font-size:17px;line-height:1.35;color:var(--fg-1)}
.project-detail{padding-bottom:72px}
.project-back{display:inline-block;margin-bottom:32px;color:var(--fg-3);font-size:14px;text-decoration:none}
.project-detail-header{max-width:none;padding:0 0 48px}
.project-detail-intro{padding-bottom:56px;border-bottom:1px solid var(--border-1)}
.project-detail-header--flow{max-width:none;padding:48px 0 28px}
.project-detail-header h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.035em;margin:18px 0}
.project-detail-tagline{max-width:none;margin:0 0 14px;color:var(--fg-1);font-family:var(--font-display);font-size:clamp(28px,3.5vw,44px);font-weight:500;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
.project-detail-header .lead{max-width:none;font-size:19px;line-height:1.6}
.project-detail-header .meta{margin:22px 0 0}
.project-detail-actions{margin-top:32px}.project-detail-actions .meta{margin:22px 0 0}
.project-detail .project-content{width:100%;max-width:none;margin:0;padding-top:40px;border-top:1px solid var(--border-1)}
.project-detail-visual{max-width:none;margin:0 0 48px;padding:10px;background:#171717;border:1px solid var(--border-1);border-radius:10px}
.project-detail-visual img{display:block;width:100%;height:auto;border-radius:5px}
.project-detail .project-content p,.project-detail .project-content li{max-width:none}
.project-detail .project-content h2{margin-top:2.4em}
.synapse-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px) clamp(18px,2.5vw,32px);margin:clamp(32px,5vw,56px) 0 64px}
.synapse-gallery figure{display:flex;flex-direction:column;min-width:0;margin:0}
.synapse-gallery__feature{grid-column:1 / -1}
.synapse-gallery img{aspect-ratio:16 / 9;object-fit:cover;object-position:top;box-shadow:0 14px 30px rgba(0,0,0,.2)}
.synapse-gallery figcaption{max-width:none;margin:12px 0 0;font-size:14px;line-height:1.55}
.synapse-gallery__feature figcaption{font-size:15px}
.project-detail-nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:48px;padding-top:24px;border-top:1px solid var(--border-1)}
.project-detail-nav a{font-size:14px;font-weight:500;text-decoration:none}
@media(max-width:767px){.projects-hero{padding-bottom:44px}.projects-intro{grid-template-columns:1fr;gap:12px;padding:22px 0 28px}.project-tile{grid-template-columns:1fr;gap:28px;padding:40px 0}.project-tile-copy h2{font-size:34px}.project-tile-copy>p:not(.project-access){font-size:17px}.project-tile-art{order:-1;padding:18px}.project-tile-art--screenshot{padding:6px}.project-tile-note{min-height:190px;padding:22px}.project-paths{grid-template-columns:1fr}.project-paths a{min-height:auto;padding:22px 0}.project-paths a+a{border-left:0;border-top:1px solid var(--border-1)}.project-detail-header--flow{padding-top:36px}.project-detail-intro{padding-bottom:40px}.project-detail .project-content{padding-top:28px}.synapse-gallery{grid-template-columns:1fr;gap:28px;margin:32px 0 44px}.synapse-gallery__feature{grid-column:auto}.synapse-gallery figcaption,.synapse-gallery__feature figcaption{font-size:13px}.project-detail-nav{gap:16px}}