@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap";:root{color:#555;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Lato,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button{font:inherit}a{color:inherit;text-decoration:none}.site{color:#555;background:#fff;width:100%;min-height:100vh;transition:background .3s,color .3s}.header{z-index:100;background:#fffffff2;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:100%;height:70px;padding:0 5vw;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:700;position:absolute;left:5vw}.nav{gap:28px;display:flex}.nav a{letter-spacing:1px;text-transform:uppercase;color:#999;font-size:10px;transition:color .2s}.nav a:hover{color:#333}.hero{width:min(450px,90%);margin:0 auto;padding-top:190px;padding-bottom:180px}.eyebrow{letter-spacing:2px;color:#aaa;margin:0 0 24px;font-size:9px;font-weight:700}.hero h1{letter-spacing:-.5px;color:#444;margin:0;font-size:38px;font-weight:300;line-height:1.2}.hero-text{color:#999;margin:28px 0 0;font-size:13px;line-height:2}.section{border-top:1px solid #eee;width:min(700px,90%);margin:0 auto;padding:110px 0}.section h2{color:#444;margin:0 0 45px;font-size:24px;font-weight:300}.projects{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.project{border-top:1px solid #ddd;padding:25px 0}.project-number{letter-spacing:1px;color:#bbb;margin-bottom:28px;font-size:9px;display:block}.project h3{color:#555;margin:0 0 14px;font-size:15px;font-weight:400}.project p{color:#999;margin:0 0 22px;font-size:11px;line-height:1.9}.project a{color:#777;font-size:10px;transition:color .2s}.project a:hover{color:#222}.about{width:min(450px,90%)}.about p:last-child{color:#999;margin:0;font-size:13px;line-height:2}.contact{width:min(450px,90%)}.contact h2{margin-bottom:25px}.contact a{color:#777;border-bottom:1px solid #ccc;padding-bottom:4px;font-size:12px;transition:color .2s}.contact a:hover{color:#222}.footer{letter-spacing:1px;text-transform:uppercase;color:#bbb;border-top:1px solid #eee;justify-content:space-between;width:90%;margin:0 auto;padding:35px 0;font-size:9px;display:flex}.theme-button{color:#ccc;cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0;font-size:18px;line-height:22px;transition:color .2s;position:fixed;bottom:22px;right:25px}.theme-button:hover{color:#555}.site.dark{color:#d8d5df;background:#151419}.site.dark .header{background:#151419f2;border-color:#302d36}.site.dark .logo{color:#eeeaf2}.site.dark .nav a{color:#85808d}.site.dark .nav a:hover{color:#eeeaf2}.site.dark .eyebrow{color:#817b8a}.site.dark .hero h1,.site.dark .section h2{color:#eeeaf2}.site.dark .hero-text,.site.dark .about p:last-child,.site.dark .project p{color:#9994a1}.site.dark .section,.site.dark .footer{border-color:#302d36}.site.dark .project{border-color:#3b3742}.site.dark .project-number{color:#6f6978}.site.dark .project h3{color:#d8d5df}.site.dark .project a,.site.dark .contact a{color:#b9a8d9}.site.dark .project a:hover,.site.dark .contact a:hover{color:#d5c5f2}.site.dark .contact a{border-color:#51485e}.site.dark .footer{color:#6f6978}.site.dark .theme-button{color:#88818f}.site.dark .theme-button:hover{color:#d5c5f2}@media (width<=700px){.header{height:auto;min-height:70px;padding:18px 6vw}.logo{position:static}.header{flex-direction:column;gap:12px}.nav{gap:15px}.hero{padding-top:150px;padding-bottom:120px}.hero h1{font-size:32px}.section{padding:80px 0}.projects{grid-template-columns:1fr;gap:25px}.footer{flex-direction:column;gap:10px}}