*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100vw;margin:0;padding:0;font-size:62.5%;overflow-x:hidden}body{color:#333;background-color:#fff;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}h1,h2,h3,h4,h5,p{margin:0;padding:0}a{cursor:pointer}squiggle-divider{flex:1;align-items:center;min-width:40px;height:6px;display:flex;overflow:hidden}squiggle-divider svg{flex-shrink:0;display:block}header.site-header{z-index:100;background-color:#0000;width:100%;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:sticky;top:0}header.site-header .header-filters{width:0;height:0;position:absolute}header.site-header.scrolled{-webkit-backdrop-filter:blur(16px)url(#header-glass-distort);backdrop-filter:blur(16px)url(#header-glass-distort);background-color:#ffffffb3}header.site-header header-row{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px 0;width:100%;padding-top:12px;padding-bottom:12px;display:flex}header.site-header header-row wordmark{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:baseline;gap:12px;margin:0 12px;display:flex}header.site-header header-row wordmark .logo{width:auto;height:2.4rem;display:block}header.site-header header-row wordmark .tagline{color:#1e1f1e;white-space:nowrap;font-family:Manrope,Inter,system-ui,sans-serif;font-size:2.4rem;font-weight:700;line-height:3.2rem}header.site-header header-row wordmark.compact .tagline{display:none}header.site-header header-row squiggle-divider:first-child,header.site-header header-row squiggle-divider:last-child{max-width:96px}header.site-header header-row nav-cluster{border:1px solid #3b5bff;border-radius:9999px;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;margin:0 3px;padding:4px 16px 4px 4px;display:flex;position:relative}header.site-header header-row nav-cluster pill-group{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}header.site-header header-row nav-cluster.menu-mode pill-group{display:none}header.site-header header-row nav-cluster.menu-mode nav-pill.menu{display:flex}header.site-header header-row nav-cluster.menu-full>.about-link{display:none}header.site-header header-row nav-cluster.menu-full nav-pill.menu .menu-about{display:contents}header.site-header header-row nav-cluster nav-pill{border-radius:16px;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:8px 24px 6px 16px;display:flex;position:relative}header.site-header header-row nav-cluster nav-pill .label{letter-spacing:.02em;text-transform:uppercase;border-radius:4px;padding:4px;font-family:Cascadia Code,ui-monospace,SF Mono,Menlo,monospace;font-size:1.2rem;font-weight:800;line-height:1.2rem;position:absolute;top:-1rem;left:2rem}header.site-header header-row nav-cluster nav-pill .links{flex-direction:row;justify-content:center;align-items:center;gap:12px;font-family:Manrope,Inter,system-ui,sans-serif;font-size:2.4rem;font-weight:700;line-height:2.4rem;display:flex}header.site-header header-row nav-cluster nav-pill .links a{color:inherit;text-decoration:none}header.site-header header-row nav-cluster nav-pill .links .sep{width:6px;height:1.4rem;display:block}header.site-header header-row nav-cluster nav-pill .trigger{color:inherit;cursor:pointer;text-transform:lowercase;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:Manrope,Inter,system-ui,sans-serif;font-size:2.4rem;font-weight:700;line-height:2.4rem;display:none}header.site-header header-row nav-cluster nav-pill .trigger .chevron{flex-shrink:0;transition:transform .15s}header.site-header header-row nav-cluster nav-pill .trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}header.site-header header-row nav-cluster nav-pill .dropdown{z-index:1000;opacity:0;pointer-events:none;border:1px solid #3b5bff;border-radius:0;padding:6px;transition:opacity .2s;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}header.site-header header-row nav-cluster nav-pill .dropdown .dropdown-menu{border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:8px 16px 6px;font-family:Manrope,Inter,system-ui,sans-serif;font-size:2.4rem;font-weight:700;line-height:2.4rem;display:flex}header.site-header header-row nav-cluster nav-pill .dropdown a{color:inherit;text-decoration:none}header.site-header header-row nav-cluster nav-pill .dropdown .sep{width:auto;height:.6rem;display:block}header.site-header header-row nav-cluster nav-pill .dropdown .menu-about{display:none}header.site-header header-row nav-cluster nav-pill .dropdown .menu-label{letter-spacing:.02em;text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:4px;font-family:Cascadia Code,ui-monospace,SF Mono,Menlo,monospace;font-size:1.2rem;font-weight:800;line-height:1.2rem}header.site-header header-row nav-cluster nav-pill .dropdown .menu-label.projects{color:#fff;background-color:#2e48d9}header.site-header header-row nav-cluster nav-pill .dropdown .menu-label.collection{color:#1e1f1e;background-color:#fff1ec}header.site-header header-row nav-cluster nav-pill.open .dropdown{opacity:1;pointer-events:auto}header.site-header header-row nav-cluster nav-pill.projects{color:#fff;background-color:#0e1747;margin-right:-12px}header.site-header header-row nav-cluster nav-pill.projects .label{color:#fff;background-color:#2e48d9}header.site-header header-row nav-cluster nav-pill.projects .dropdown-menu{background-color:#0e1747}header.site-header header-row nav-cluster nav-pill.collection{color:#1e1f1e;background-color:#ffe0d6;padding-left:16px;padding-right:12px}header.site-header header-row nav-cluster nav-pill.collection .label{color:#1e1f1e;background-color:#fff1ec}header.site-header header-row nav-cluster nav-pill.collection .dropdown-menu{background-color:#ffe0d6}header.site-header header-row nav-cluster nav-pill.menu{color:#1e1f1e;background-color:#ffe0d6;padding-top:5px;padding-bottom:9px;padding-left:12px;display:none}header.site-header header-row nav-cluster nav-pill.menu .trigger{display:flex}header.site-header header-row nav-cluster nav-pill.menu .dropdown-menu{background-color:#ffe0d6}header.site-header header-row nav-cluster nav-pill.force-collapsed .label,header.site-header header-row nav-cluster nav-pill.force-collapsed .links{display:none}header.site-header header-row nav-cluster nav-pill.force-collapsed .trigger{display:flex}header.site-header header-row nav-cluster .about-link{color:#1e1f1e;white-space:nowrap;padding-block:6px;font-family:Manrope,Inter,system-ui,sans-serif;font-size:2.4rem;font-weight:700;line-height:2.4rem;text-decoration:none}header.site-header .link-hover-thumbnail{z-index:1000;aspect-ratio:1;pointer-events:none;opacity:0;background-color:#fff;border:1px solid #3b5bff;border-radius:16px;width:180px;padding:6px;transition:opacity .2s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 12px 32px #0e17473d}header.site-header .link-hover-thumbnail.visible{opacity:1}header.site-header .link-hover-thumbnail img{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}section.hero{z-index:0;border-bottom:1px solid #3b5bff;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;padding:128px 96px 96px;display:flex;position:relative}section.hero .blobs{z-index:-1;aspect-ratio:980/720;pointer-events:none;width:min(68vw,1100px);position:absolute;bottom:0;right:0;transform:translateY(50%)}section.hero .hero-title{z-index:1;letter-spacing:-.04em;flex-direction:column;margin:0;font-family:Archivo,Inter,system-ui,sans-serif;font-size:clamp(36px,26.1818px + 2.72727vw,72px);font-weight:900;line-height:.888889;display:flex;position:relative}section.hero .hero-title .line{color:#1e1f1e;align-items:center;display:flex}section.hero .hero-title .cobalt{color:#3b5bff}section.hero .hero-title .accent{color:#ff4d2e}section.hero .hero-title .dot{vertical-align:baseline;background-color:currentColor;border-radius:50%;width:.15em;height:.15em;margin-left:.06em;display:inline-block}section.hero .hero-title .sep{width:auto;height:.6rem;margin-left:4px;display:block}section.hero .hero-sub{z-index:1;color:#1e1f1e;margin:0;padding-top:12px;font-family:Manrope,Inter,system-ui,sans-serif;font-size:1.8rem;font-weight:400;line-height:2.8rem;position:relative}section.inventory{flex-direction:row;justify-content:flex-start;align-items:stretch;gap:32px;padding-left:96px;padding-right:96px;display:flex;position:relative}@media only screen and (width<=1000px){section.inventory{flex-wrap:wrap}}section.inventory .inventory-list{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:32px;margin-top:32px;padding-block:32px;display:flex}section.inventory .inventory-list h2{letter-spacing:-.04em;color:#1e1f1e;margin:0;font-family:Archivo,Inter,system-ui,sans-serif;font-size:clamp(32px,27.6364px + 1.21212vw,48px);font-weight:700;line-height:1.08333}section.inventory .inventory-list .rows{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;width:100%;margin:0;padding:0;list-style:none;display:flex}section.inventory .inventory-list .rows li{border:1px solid #0000;border-radius:16px;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;margin-left:-1.3rem;padding:4px 4px 4px 12px;transition:border-color .15s;display:flex}section.inventory .inventory-list .rows li:hover{cursor:grab;border-color:#3b5bff}section.inventory .inventory-list .rows li .row-label{color:#1e1f1e;white-space:nowrap;font-family:Manrope,Inter,system-ui,sans-serif;font-size:2.4rem;font-weight:700;line-height:3.2rem}section.inventory .inventory-list .rows li .sep{width:auto;height:.6rem;display:block}section.inventory .inventory-list .rows li .tag{letter-spacing:.02em;text-transform:uppercase;color:#3b5bff;white-space:nowrap;border:1px solid #3b5bff;border-radius:8px;padding:8px 12px;font-family:Cascadia Code,ui-monospace,SF Mono,Menlo,monospace;font-size:1.4rem;font-weight:800;line-height:1.4rem}section.inventory .inventory-list .cta{color:#fff;white-space:nowrap;background-color:#3b5bff;border-radius:9999px;width:fit-content;padding:8px 16px;font-family:Manrope,Inter,system-ui,sans-serif;font-size:1.6rem;font-weight:700;line-height:2.4rem;text-decoration:none}section.inventory .preview{border:1px solid #3b5bff;border-radius:3.2rem;flex:1 0 0;align-self:stretch;min-width:280px;margin-top:32px;padding:6px;overflow:hidden}section.inventory .preview .preview-image{background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:100%;height:100%}section.commercial-projects{padding-top:64px;padding-left:96px;padding-right:96px}section.commercial-projects .panel{background-color:#0e1747;border-radius:3.2rem;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:32px;width:100%;padding:clamp(32px,23.2727px + 2.42424vw,64px) clamp(24px,13.0909px + 3.0303vw,64px) clamp(24px,17.4545px + 1.81818vw,48px);display:flex}section.commercial-projects .panel h2{letter-spacing:-.04em;color:#fff;margin:0;font-family:Archivo,Inter,system-ui,sans-serif;font-size:clamp(32px,27.6364px + 1.21212vw,48px);font-weight:700;line-height:1.08333}section.commercial-projects .filters{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.4rem;display:flex}section.commercial-projects .filters .filter-row{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:1rem;display:flex}section.commercial-projects .filters .filter-label{letter-spacing:.02em;text-transform:uppercase;color:#b0bbff;font-family:Cascadia Code,ui-monospace,SF Mono,Menlo,monospace;font-size:1.4rem;font-weight:800;line-height:1.4rem}section.commercial-projects .filters .chips{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:1.2rem;display:flex}section.commercial-projects .filters .chip{cursor:pointer;letter-spacing:.02em;text-transform:uppercase;background:0 0;border:1px solid #fff;border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;gap:.6rem;padding:.6rem;font-family:Cascadia Code,ui-monospace,SF Mono,Menlo,monospace;font-size:1.4rem;font-weight:800;line-height:1.4rem;transition:background-color .15s,border-color .15s;display:flex}section.commercial-projects .filters .chip.dev{color:#ff4d2e}section.commercial-projects .filters .chip.design{color:#3b5bff}section.commercial-projects .filters .chip.external{color:#fff}section.commercial-projects .filters .chip:hover{background-color:#ffffff14;border-color:currentColor}section.commercial-projects .filters .chip.active{background-color:#ffffff1f;border-color:currentColor}section.commercial-projects .filters .chip.active:hover{background-color:#fff3}section.commercial-projects .filters .chip .dot{background-color:currentColor;border-radius:50%;flex-shrink:0;width:1.2rem;height:1.2rem}section.commercial-projects .filters .chip .arrow{font-size:1.2rem;line-height:1}section.commercial-projects .filters .filter-hint{letter-spacing:.02em;text-transform:uppercase;color:#7f8fff;background-color:#12110f;border-radius:4px;width:fit-content;padding:4px;font-family:Cascadia Code,ui-monospace,SF Mono,Menlo,monospace;font-size:1.2rem;font-weight:800;line-height:1.2rem}section.commercial-projects .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2.4rem 3.2rem;width:100%;margin:0;padding:0;list-style:none;display:grid}section.commercial-projects .grid li{transition:opacity .15s}section.commercial-projects .grid li.dimmed{opacity:.3}section.commercial-projects .grid .project{min-width:240px;color:inherit;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:1rem;text-decoration:none;display:flex}section.commercial-projects .grid .icons{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:.4rem;padding-top:.4rem;display:flex}section.commercial-projects .grid .dots{flex-direction:row;justify-content:flex-start;align-items:center;gap:.2rem;display:flex}section.commercial-projects .grid .dot{border-radius:50%;flex-shrink:0;width:1.2rem;height:1.2rem}section.commercial-projects .grid .dot.dev{background-color:#ff4d2e}section.commercial-projects .grid .dot.design{background-color:#3b5bff}section.commercial-projects .grid .arrow{color:#b0bbff;font-size:1.2rem;line-height:1}section.commercial-projects .grid .text{letter-spacing:-.04em;color:#b0bbff;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:2.4rem;line-height:1.15;display:flex}section.commercial-projects .grid .title{letter-spacing:-.04em;font-family:Archivo,Inter,system-ui,sans-serif;font-weight:900;line-height:1}section.commercial-projects .grid .title .line{display:block}section.commercial-projects .grid .suffix-line{font-family:Archivo,Inter,system-ui,sans-serif;font-weight:400;display:block}footer.site-footer{background-color:#ffe0d6;border-top-left-radius:3.2rem;border-top-right-radius:3.2rem;flex-direction:row;justify-content:space-between;align-items:center;margin-top:64px;padding:32px 96px;display:flex}footer.site-footer .logo{width:auto;height:2.4rem;display:block}footer.site-footer .caption{letter-spacing:.02em;text-transform:uppercase;color:#1e1f1e;font-family:Cascadia Code,ui-monospace,SF Mono,Menlo,monospace;font-size:1.4rem;font-weight:800;line-height:1.4rem}