.works-page .content{max-width:1080px}.works-page .eyebrow{font-size:14px;color:var(--ink-muted);font-weight:600;margin:0 0 1.5rem}.works-page .hero{padding:5rem 0 2.5rem;max-width:720px}.works-page .hero-heading{font-family:Lora,serif;font-size:clamp(36px,5.5vw,56px);font-weight:600;letter-spacing:-.025em;color:var(--ink);margin:0 0 1rem;line-height:1.1}.works-page .hero-subtitle{font-family:Inter,sans-serif;font-size:17px;line-height:1.65;color:var(--ink-soft);letter-spacing:-.005em;margin:0;max-width:600px}.works-page .chapter-eyebrow{font-family:Geist Mono,monospace;font-size:13px;color:var(--ink-soft);letter-spacing:.09em;font-weight:700;margin:0 0 1.25rem;text-transform:uppercase}.works-page .chapter-section{padding:3.5rem 0 0}.works-page .chapter-section+.chapter-section{padding-top:4rem}.works-page .tile-grid{display:flex;flex-direction:column;gap:0;border:.5px solid var(--hairline)}.works-page .tile-row{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline)}.works-page .tile-row+.tile-row{border-top:1px solid var(--hairline)}.works-page .tile{background:var(--bg);padding:1.75rem 1.75rem 1.5rem;cursor:pointer;transition:background .25s ease;position:relative;min-height:280px;display:flex;flex-direction:column}.works-page .tile:hover{background:var(--bg-hover)}.works-page .tile-flagship{grid-column:1 / -1;min-height:220px}.works-page .tile-flagship-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.works-page .tile-role-chip{font-family:Geist Mono,monospace;font-size:11.5px;color:var(--ink-soft);letter-spacing:.05em;border:.5px solid var(--hairline);border-radius:3px;padding:.28rem .55rem;font-weight:500}.works-page .tile-tag{display:inline-block;font-family:Geist Mono,monospace;font-size:12px;color:var(--accent);letter-spacing:.08em;padding:.32rem .6rem;border:.5px solid var(--accent);border-radius:3px;margin-bottom:0;align-self:flex-start;font-weight:600;background:transparent;opacity:1}.works-page .tile>.tile-tag{margin-bottom:.75rem}.works-page .tile-oss-meta{font-family:Geist Mono,monospace;font-size:12px;color:var(--ink-muted);letter-spacing:.05em;margin:0 0 .85rem;font-weight:600}.works-page .tile-name{font-family:Lora,serif;font-size:29px;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0 0 .5rem;line-height:1.15}.works-page .tile-name-link{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:1px;font-family:Lora,serif;transition:opacity .2s ease}.works-page .tile-name-link:hover{opacity:.65}.works-page .tile-name-link .ext{font-family:Geist Mono,monospace;font-size:.6em;vertical-align:super;border:none}.works-page .tile-desc{font-family:Inter,sans-serif;font-size:14px;line-height:1.55;color:var(--ink-muted);margin:0 0 auto;letter-spacing:-.005em;max-width:42ch}.works-page .tile-stat-row{display:flex;align-items:flex-end;gap:2.5rem;margin:1.25rem 0 0}.works-page .tile-stat{display:flex;align-items:baseline;gap:.5rem;margin:1.25rem 0 0}.works-page .tile-stat-row .tile-stat{margin:0}.works-page .tile-stat-value{font-family:Lora,serif;font-size:36px;font-weight:600;color:var(--ink);letter-spacing:-.025em;line-height:1}.works-page .tile-stat-label{font-family:Geist Mono,monospace;font-size:11.5px;color:var(--ink-soft);letter-spacing:.08em;font-weight:600}.works-page .tile-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;border-top:.5px solid var(--hairline);font-family:Geist Mono,monospace;font-size:12.5px;color:var(--ink-muted);font-weight:500;letter-spacing:.03em}.works-page .tile-stat-row+.tile-footer{margin-top:1.25rem}.works-page .tile-cta{color:var(--ink);font-weight:500;display:flex;align-items:center;gap:4px;transition:gap .2s}.works-page .tile:hover .tile-cta{gap:8px}.works-page .case{background:var(--bg);max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1);border-top:.5px solid transparent;position:relative}.works-page .case.open{max-height:4000px;border-top:.5px solid var(--hairline)}.works-page .case-inner{padding:2.5rem 2rem 3rem;opacity:0;transform:translateY(12px);transition:opacity .4s ease .15s,transform .5s ease .15s}.works-page .case.open .case-inner{opacity:1;transform:translateY(0)}.works-page .case-close{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:.5px solid var(--hairline);color:var(--ink-muted);width:32px;height:32px;border-radius:50%;cursor:pointer;font-family:Geist Mono,monospace;font-size:14px;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s,transform .2s}.works-page .case-close:hover{color:var(--ink);border-color:var(--ink);transform:rotate(90deg)}.works-page .case-header{max-width:720px;margin-bottom:2.5rem;padding-right:3rem}.works-page .case-eyebrow{font-family:Geist Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:.08em;margin:0 0 .75rem;font-weight:500}.works-page .case-title{font-family:Lora,serif;font-size:clamp(30px,4vw,42px);font-weight:600;letter-spacing:-.025em;color:var(--ink);margin:0 0 1rem;line-height:1.1}.works-page .case-tagline{font-family:Inter,sans-serif;font-size:17px;line-height:1.65;color:var(--ink-soft);letter-spacing:-.005em}.works-page .case-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;padding:2rem 0;border-top:.5px solid var(--hairline);border-bottom:.5px solid var(--hairline);margin-bottom:2.5rem}.works-page .case-cell-label{font-family:Geist Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:.08em;margin:0 0 .75rem;font-weight:500}.works-page .case-cell-text{font-family:Inter,sans-serif;font-size:14.5px;line-height:1.6;color:var(--ink-soft);letter-spacing:-.005em}.works-page .case-section{margin-bottom:2.5rem}.works-page .case-section-label{font-family:Geist Mono,monospace;font-size:11px;color:var(--label);letter-spacing:.08em;margin:0 0 1rem;font-weight:500}.works-page .case-section-body{font-family:Inter,sans-serif;font-size:15px;line-height:1.7;color:var(--ink-soft);max-width:680px;letter-spacing:-.005em}.works-page .case-section-body p+p{margin-top:1rem}.works-page .case-section-body strong{color:var(--ink);font-weight:600}.works-page .case-stack{display:flex;flex-wrap:wrap;gap:.5rem}.works-page .case-stack-tag{font-family:Geist Mono,monospace;font-size:11px;color:var(--ink-muted);border:.5px solid var(--hairline);padding:.35rem .65rem;border-radius:3px;letter-spacing:.02em}.works-page .case-links{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}.works-page .project-link{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:1px;font-family:Inter,sans-serif;font-size:14.5px;font-weight:600;transition:opacity .2s ease}.works-page .project-link:hover{opacity:.65}.works-page .project-link .ext{font-family:Geist Mono,monospace;font-size:.7em;vertical-align:super;border:none}.works-page .chapter-oss{padding-bottom:4rem}.works-page .oss-intro{font-family:Inter,sans-serif;font-size:16px;line-height:1.65;color:var(--ink-soft);letter-spacing:-.005em;margin:0 0 1.5rem}.works-page .oss-github-link{display:inline-flex;align-items:center;gap:4px;font-family:Geist Mono,monospace;font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:2px;letter-spacing:.04em;transition:opacity .2s ease}.works-page .oss-github-link:hover{opacity:.65}.works-page .oss-github-link .ext{font-family:Geist Mono,monospace;font-size:.75em;vertical-align:super}.works-page .oss-list{border-top:.5px solid var(--hairline);margin-bottom:1.75rem}.works-page .oss-row{display:flex;align-items:baseline;gap:1.25rem;width:100%;text-decoration:none;padding:.9rem 0;border-bottom:.5px solid var(--hairline);cursor:pointer;transition:background .2s ease}.works-page .oss-row:hover{background:var(--bg-hover)}.works-page .oss-row-name{font-family:Geist Mono,monospace;font-size:14px;font-weight:600;color:var(--ink);letter-spacing:.02em;min-width:120px;flex-shrink:0;transition:color .2s ease}.works-page .oss-row:hover .oss-row-name{color:var(--accent)}.works-page .oss-row-desc{font-family:Inter,sans-serif;font-size:14px;color:var(--ink-muted);line-height:1.5;flex:1}.works-page .oss-row-arrow{font-family:Geist Mono,monospace;font-size:12px;color:var(--whisper);margin-left:auto;flex-shrink:0;transition:color .2s ease,transform .2s ease}.works-page .oss-row:hover .oss-row-arrow{color:var(--accent);transform:translate(3px)}.works-page .footer{padding:2rem 0 1.5rem;border-top:.5px solid var(--hairline)}.works-page .footer-copyright{font-family:Geist Mono,monospace;font-size:12.5px;color:var(--ink-muted);letter-spacing:.03em}.works-page .footer a{color:var(--ink-muted);text-decoration:none;transition:color .2s}.works-page .footer a:hover,.works-page .nav-links a.active{color:var(--ink)}@media(max-width:880px){.works-page .case-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:640px){.works-page .hero{padding:3rem 0 2rem}.works-page .tile-row{grid-template-columns:1fr}.works-page .tile{min-height:200px;padding:1.5rem 1.25rem 1.25rem}.works-page .tile-flagship{min-height:180px}.works-page .tile-name{font-size:24px}.works-page .tile-stat-value{font-size:30px}.works-page .tile-stat-row{gap:1.5rem}.works-page .case-inner{padding:2rem 1.25rem 2.5rem}.works-page .footer{flex-direction:column;gap:.5rem}.works-page .chapter-section{padding:2.5rem 0 0}.works-page .chapter-section+.chapter-section{padding-top:3rem}.works-page .oss-row{flex-wrap:wrap;gap:.35rem .75rem}.works-page .oss-row-name{min-width:unset}.works-page .oss-row-desc{flex-basis:100%;order:3}.works-page .oss-row-arrow{margin-left:0;order:2}}
