@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Space+Grotesk:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0ede8;--surface:#e8e4de;--surface2:#dedad4;--border:#00000014;--border-hover:#00000040;--text:#111;--muted:#888880;--accent:#111;--accent2:#555550;--accent3:#333330;--font-sans:"Inter", sans-serif;--font-display:"Space Grotesk", sans-serif}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;overflow-x:hidden}body{background:var(--bg);overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:99px}a{color:inherit;text-decoration:none}.section-heading{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.section-heading-note{color:var(--muted);text-align:right;max-width:260px;margin:0;font-size:.8rem;font-weight:300;line-height:1.7}.about-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;width:100%;max-width:1100px;margin:0 auto;display:grid;position:relative}.skills-grid{grid-template-columns:repeat(4,1fr);display:grid}.skill-col{border-right:1px solid #00000012;padding:0 2.5rem}.skill-col:first-child{padding-left:0}.skill-col:last-child{border-right:none;padding-right:0}.service-row{cursor:default;border-top:1px solid #00000014;grid-template-columns:60px 1fr 1fr auto;align-items:center;gap:2rem;padding:2rem 0;display:grid}.service-tags{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.work-row{color:inherit;cursor:pointer;padding:3rem 0;display:block;position:relative}.work-line{background:#0000001f;height:1px;position:absolute;top:0;left:0;right:0}.work-meta-row{align-items:baseline;gap:1.5rem;margin-bottom:2rem;display:flex}.work-num{font-family:var(--font-display);letter-spacing:.2em;color:var(--muted);font-size:.72rem}.work-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.work-year{font-family:var(--font-display);letter-spacing:.12em;color:var(--muted);margin-left:auto;font-size:.72rem}.work-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;display:grid}.work-content{min-width:0}.work-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin:0 0 1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1}.work-desc{color:var(--muted);max-width:460px;margin:0 0 1.75rem;font-size:.95rem;font-weight:300;line-height:1.8}.work-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:2rem;display:flex}.work-tag{color:var(--muted);letter-spacing:.06em;white-space:nowrap;border:1px solid #0000001f;padding:.25rem .75rem;font-size:.72rem}.work-visit{font-family:var(--font-display);letter-spacing:.01em;color:var(--text);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:inline-flex}.work-visit-text{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:2px;transition:background-size .4s;position:relative}.work-arrow{transition:transform .35s}.work-row:hover .work-visit-text{background-size:100% 1px}.work-row:hover .work-arrow{transform:translate(3px,-3px)}.work-row:hover .work-title{color:var(--accent2)}.work-preview{background:var(--surface);border:1px solid #0000001f;transition:transform .4s,box-shadow .4s;overflow:hidden;box-shadow:0 20px 50px -30px #0006}.work-row:hover .work-preview{transform:translateY(-4px);box-shadow:0 30px 60px -30px #00000073}.work-browser-bar{background:var(--surface2);border-bottom:1px solid #0000001a;align-items:center;gap:.4rem;padding:.6rem .85rem;display:flex}.work-dot{background:#0000002e;border-radius:50%;width:8px;height:8px}.work-url{color:var(--muted);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-left:.6rem;font-size:.68rem;overflow:hidden}.work-mock{background:var(--bg);grid-template-columns:46px 1fr;gap:.6rem;height:200px;padding:.85rem;display:grid}.work-mock-side{background:var(--surface);border:1px solid #0000000f;flex-direction:column;gap:.5rem;padding:.4rem;display:flex}.work-mock-side span{background:#0000001f;border-radius:2px;height:6px}.work-mock-side span:first-child{background:#00000059}.work-mock-main{flex-direction:column;gap:.6rem;min-width:0;display:flex}.work-mock-cards{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.work-mock-cards div{background:var(--surface);border:1px solid #0000000f;height:40px}.work-mock-chart{background:var(--surface);border:1px solid #0000000f;flex:1;align-items:flex-end;gap:.4rem;padding:.5rem;display:flex}.work-mock-chart i{background:#0000002e;border-radius:2px 2px 0 0;flex:1}.work-mock-chart i:last-child{background:var(--accent)}.footer-grid{border-top:1px solid #ffffff14;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:3rem;padding-top:3rem;display:grid}.hero-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (width<=900px){.section-heading{flex-direction:column;align-items:flex-start;gap:1rem}.section-heading-note{text-align:left;max-width:100%}.about-grid{grid-template-columns:1fr;gap:3.5rem}.skills-grid{grid-template-columns:1fr 1fr;gap:3rem 2rem}.skill-col{border-right:none;padding:0}.service-row{grid-template-columns:1fr;align-items:start;gap:.75rem}.service-tags{justify-content:flex-start;margin-top:.25rem}.footer-grid,.work-grid{grid-template-columns:1fr;gap:2.5rem}.work-meta-row{margin-bottom:1.5rem}}@media (width<=520px){.skills-grid{grid-template-columns:1fr}}