*{box-sizing:border-box;margin:0;padding:0}body{color:#222;-webkit-font-smoothing:antialiased;background-color:#fafafa;padding:80px 20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.6}.container{max-width:580px;margin:0 auto}h1{text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:13px;font-weight:700}h2{text-transform:uppercase;letter-spacing:1.5px;color:#888;border-bottom:1px solid #e0e0e0;margin-top:60px;margin-bottom:24px;padding-bottom:8px;font-size:11px;font-weight:600}p{margin-bottom:16px}a{color:#222;border-bottom:1px solid #ccc;text-decoration:none;transition:border-color .2s}a:hover{border-bottom:1px solid #000}.intro{margin-bottom:40px}.links ul{align-items:center;gap:20px;list-style:none;display:flex}.links li{font-size:12px}.email-item{align-items:center;gap:6px;display:flex}.email-text{color:#222;font-size:12px}.copy-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex}.copy-btn:hover{color:#222;background-color:#eee}.work-item{grid-template-columns:200px 1fr;align-items:start;gap:32px;margin-bottom:60px;display:grid}.work-image{aspect-ratio:16/10;background-color:#eee;border-radius:4px;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.work-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.work-item:hover .work-image img{transform:scale(1.03)}.client-type{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:500}.work-details h3{margin-bottom:6px;font-size:13px;font-weight:600}.work-details p{color:#444;margin-bottom:8px}.tech-stack{color:#999;font-family:Courier New,Courier,monospace;font-size:10px}.project-metrics{color:#222;letter-spacing:.3px;margin-bottom:8px;font-size:11px;font-weight:600}.differentiation{margin-top:60px;margin-bottom:40px}.diff-grid{grid-template-columns:1fr 1fr;gap:40px;margin-top:24px;display:grid}.diff-column h3{text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #e0e0e0;margin-bottom:16px;padding-bottom:8px;font-size:11px;font-weight:600}.diff-column ul{padding:0;list-style:none}.diff-column li{margin-bottom:12px;padding-left:16px;font-size:12px;line-height:1.7;position:relative}.diff-column li:before{content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.diff-column.others h3{color:#999}.diff-column.others li{color:#888}.diff-column.others li:before{background-color:#ddd}.diff-column.us h3{color:#222}.diff-column.us li{color:#333}.diff-column.us li:before{background-color:#222}@media (max-width:600px){.work-item{grid-template-columns:1fr;gap:16px}.work-image{aspect-ratio:16/9;margin-bottom:12px}.diff-grid{grid-template-columns:1fr;gap:32px}}