@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#171717;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.page{flex-direction:column;min-height:100vh;display:flex}.hero{flex:1;justify-content:center;align-items:center;padding:0 24px;display:flex}.hero h1{letter-spacing:-.05em;color:#171717;font-size:clamp(4rem,12vw,9rem);font-weight:600;line-height:.95}footer{z-index:10;justify-content:space-between;padding:20px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}footer a{color:#a3a3a3;font-size:14px;text-decoration:none;transition:color .15s}footer a:hover{color:#404040}.work{max-width:1200px;margin:0 auto;padding:80px 24px}.work h2{text-transform:uppercase;letter-spacing:.1em;color:#a3a3a3;margin-bottom:32px;font-size:12px;font-weight:600}.work-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.work-card{border:1px solid #e5e5e5;border-radius:12px;transition:border-color .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;text-decoration:none!important}.work-card:hover{border-color:#ccc;box-shadow:0 4px 24px #0000000f}.work-card-browser{background:#fafafa;border-bottom:1px solid #e5e5e5;align-items:center;gap:12px;padding:12px 16px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dots span{background:#ddd;border-radius:50%;width:8px;height:8px}.browser-url{color:#888;font-family:Inter,monospace;font-size:13px}.work-card iframe{pointer-events:none;transform-origin:0 0;border:none;width:200%;height:800px;transform:scale(.5)}.footer-bottom{justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px;display:flex;position:static}.footer-bottom a{color:#a3a3a3;font-size:14px;text-decoration:none;transition:color .15s}.footer-bottom a:hover{color:#404040}@media (max-width:700px){.work-grid{grid-template-columns:1fr}}