@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#171717;font-synthesis:none;--bg:#f4f4f0;--text:#171717;--muted:#73736f;--line:#d7d7d0;--card:#fff;--dark:#171717;--dark-text:#f4f4f0;--accent:#c7ff4a;background:#f4f4f0;font-family:Manrope,sans-serif}:root[data-theme=dark]{--bg:#171717;--text:#f4f4f0;--muted:#a0a09a;--line:#373735;--card:#232321;--dark:#f4f4f0;--dark-text:#171717}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;transition:background .3s,color .3s}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}.shell{width:min(1120px,100% - 48px);margin:0 auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:-.08em;font-size:1.4rem;font-weight:800}.brand span{color:#a6db22}.nav-links{gap:28px;margin-left:auto;margin-right:34px;display:flex}.nav-links button,.language,.theme-toggle{color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.76rem}.nav-links button:hover,.language:hover{color:var(--text)}.nav-tools{align-items:center;gap:14px;display:flex}.theme-toggle{width:31px;height:31px;color:var(--text);border:1px solid var(--line);border-radius:50%;font-size:1rem}.hero{grid-template-columns:1fr 260px;align-items:center;gap:40px;min-height:620px;padding:100px 0 92px;display:grid}.eyebrow,.kicker,.card-label,.project-type{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font:500 .68rem DM Mono,monospace}.status-dot{background:#a6db22;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 0 4px #a6db2233}h1{letter-spacing:-.08em;max-width:900px;margin:24px 0;font-size:clamp(3.4rem,7vw,6.6rem);font-weight:700;line-height:.96}.hero-text{max-width:450px;color:var(--muted);font-size:1rem;line-height:1.65}.hero-actions{align-items:center;gap:27px;margin-top:36px;display:flex}.button{text-transform:uppercase;align-items:center;gap:28px;padding:15px 19px;font:500 .68rem DM Mono,monospace;transition:transform .2s,opacity .2s;display:inline-flex}.button:hover{opacity:.88;transform:translateY(-2px)}.button-dark{background:var(--dark);color:var(--dark-text)}.button-light{background:var(--accent);color:#171717}.text-button{color:var(--muted);font-size:.78rem}.text-button:hover{color:var(--text)}.hero-note{border-left:1px solid var(--line);align-self:end;padding-left:20px}.hero-note span{color:var(--muted);font:.68rem DM Mono,monospace}.hero-note p{font-size:.9rem;font-weight:600;line-height:1.5}.bento{grid-template-rows:205px 160px;grid-template-columns:1.25fr 1fr 1fr;gap:12px;display:grid}.bento-card{background:var(--card);border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-width:0;padding:24px;display:flex}.bento-large{grid-row:span 2}.dark-card{color:#f4f4f0;background:#20201e;border-color:#20201e;position:relative}.dark-card strong{letter-spacing:-.07em;max-width:250px;font-size:2.7rem;line-height:1}.card-mark{color:var(--accent);font-size:2.1rem}.bento-card strong{letter-spacing:-.04em;font-size:1.1rem;line-height:1.25}.mini-line{background:var(--accent);width:50px;height:2px}.bento-wide{flex-direction:row;grid-column:2/4;align-items:end;gap:20px}.bento-wide strong{max-width:280px}.card-link{color:var(--muted);text-transform:uppercase;margin-left:auto;font:.68rem DM Mono,monospace}.card-link:hover{color:var(--text)}.section-grid{grid-template-columns:1fr 1fr;gap:80px;padding:180px 0;display:grid}.section-grid h2,.work h2,.footer h2{letter-spacing:-.07em;margin:16px 0;font-size:clamp(2.3rem,4vw,4.4rem);line-height:1}.about-body>p{color:var(--muted);max-width:500px;margin:0;line-height:1.75}.facts{border-top:1px solid var(--line);color:var(--muted);gap:13px;margin-top:45px;padding-top:17px;font:.72rem DM Mono,monospace;display:grid}.social-links{gap:18px;margin-top:28px;display:flex}.social-links a{color:var(--muted);text-transform:uppercase;font:.68rem DM Mono,monospace;transition:color .2s}.social-links a:hover{color:var(--text)}.social-links span{color:var(--accent);margin-left:4px}.work{padding-bottom:180px}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px;display:flex}.section-heading>p{max-width:310px;color:var(--muted);font-size:.9rem;line-height:1.6}.project-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.project-card{background:var(--card);border:1px solid var(--line)}.project-card:last-child{grid-column:span 2;grid-template-columns:1fr 1fr;display:grid}.project-image{color:#171717;background:#e6e6df;justify-content:space-between;height:275px;padding:20px;font:.7rem DM Mono,monospace;display:flex;position:relative;overflow:hidden}.project-2 .project-image{background:#d2f25a}.project-3 .project-image{background:#cbc9c2}.project-shape{border:1px solid #171717;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-50px;right:18%}.project-shape:after{content:"";border:1px solid #171717;border-radius:50%;position:absolute;inset:18px}.project-info{flex-direction:column;justify-content:space-between;min-height:220px;padding:25px;display:flex}.project-info h3{letter-spacing:-.06em;margin:9px 0 0;font-size:1.5rem}.project-info>p{color:var(--muted);max-width:360px;font-size:.84rem;line-height:1.6}.project-bottom{justify-content:space-between;align-items:end;gap:10px;display:flex}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span{border:1px solid var(--line);color:var(--muted);padding:5px 7px;font:.6rem DM Mono,monospace}.project-bottom a,.muted{text-transform:uppercase;font:.65rem DM Mono,monospace}.project-bottom a:hover{color:#8bb819}.muted{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:100px 0 25px}.footer h2{max-width:600px;margin-bottom:38px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:110px;padding-top:18px;font:.65rem DM Mono,monospace;display:flex}@media (width<=700px){.shell{width:min(100% - 32px,1120px)}.nav{height:70px}.nav-links{gap:12px;margin-right:12px}.nav-links button{font-size:.62rem}.hero{min-height:auto;padding:85px 0 70px;display:block}.hero-note{margin-top:70px}.hero-note p{max-width:220px}.hero-actions{flex-wrap:wrap;gap:18px}h1{font-size:clamp(3.1rem,15vw,5rem)}.bento{grid-template-rows:190px 155px 155px;grid-template-columns:1fr 1fr;display:grid}.bento-large{grid-area:span 1/span 2}.bento-wide{flex-direction:column;grid-column:span 2;align-items:start;gap:10px}.card-link{margin-left:0}.section-grid{padding:115px 0;display:block}.about-body{margin-top:45px}.section-heading{display:block}.section-heading>p{margin-top:28px}.project-grid{display:block}.project-card{margin-bottom:14px}.project-card:last-child{display:block}.project-image{height:220px}.footer{padding-top:75px}.footer-bottom{flex-direction:column;gap:15px;margin-top:80px}}.project-image img{object-fit:cover;width:calc(100% + 40px);height:calc(100% + 40px);margin:-20px}@media (width<=700px){.project-image{padding:0}.project-image img{object-fit:cover;object-position:center;width:100%;height:100%;margin:0}}