Light version: pages open quickly, without the 3D graphics. You are seeing the light version because the 3D graphics would be slow on this device. The content is the same.

Turn on 3D

@layer components { .loader, #gl, #p-cover, .cursor, [data-js~="global-mute-btn"], [data-js~="menu-toggle"], .about-model__loader { display: none !important; } [data-router-view], [dom2webgl] { visibility: visible !important; opacity: 1 !important; } [data-reveal] { opacity: 1 !important; translate: none !important; } .swap-title.is-fonts-wait { opacity: 1; } .swap-title.is-pending .swap-title__answer::before { transform: translateY(-120%); } .swap-title.is-pending .swap-title__answer em { transform: none; } body:not(.is-touch) { overflow-y: visible !important; } body { user-select: text !important; -webkit-user-select: text !important; } .project-case { background: var(--project-bg); color: var(--project-fg); } .header { position: relative !important; top: auto !important; flex-wrap: wrap; gap: 1rem; } .header__logo { position: static !important; height: auto !important; } .header [data-js~="nav-inner"] { display: flex !important; flex-wrap: wrap; justify-content: center; gap: .5rem; } .header .language-switcher { display: flex !important; } .header [data-js~="nav-inner"] > nav { display: flex !important; flex-wrap: wrap; justify-content: center; } .header .nav-item { display: inline-flex !important; } .logo.is-awaiting :is(.logo__pixel, .logo__word path) { opacity: 1 !important; } .logo.is-awaiting .logo__square { stroke-dashoffset: 0 !important; } body:is(.route-about, .route-services, .route-projects) .header__logo svg { color: #fff; } [data-router-view="homeContact"] { display: flex; min-height: 80svh; flex-direction: column; align-items: center; justify-content: center; gap: 1.75rem; padding: 4rem 1rem; } .home-scene__fallback { display: block !important; visibility: visible !important; } .home-scene__heading.sr { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; clip-path: none; white-space: normal; } .home-scene__heading h1 { max-width: 14ch; margin: 0; color: #1c211f; font-family: var(--font-display); font-size: clamp(2.75rem, 6vw, 5.5rem); font-weight: 400; line-height: 1; text-align: center; } body.route-projects { background: #06080e; } .project-grid { position: static; padding-top: 3rem; opacity: 1; visibility: visible; pointer-events: auto; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .project-grid .project-grid__card { opacity: 1; translate: none; } .project-grid .project-grid__scroll { overflow: visible; overscroll-behavior: auto; } body.route-services { background: #070b13; } .services-space.services-space { grid-template-columns: 1fr; padding-top: 3rem; row-gap: 2.5rem; } .services-space__selection { display: none; } .services-space .services-space__panels { display: grid; grid-column: 1; grid-row: auto; grid-template-columns: 1fr; gap: 1.2rem; max-width: none; border: 0; background: none; box-shadow: none; backdrop-filter: none; } .services-space .service-panel, .services-space .service-panel.is-active { grid-area: auto; position: relative; min-height: 0; margin: 0; padding: clamp(1.5rem, 4vw, 2.5rem); opacity: 1; visibility: visible; transform: none; border: 1px solid color-mix(in srgb, var(--service-color) 25%, transparent); border-radius: var(--radius-md); background: rgba(7, 11, 19, .94); } } @layer contexts { body:is(.route-about, .route-services, .route-projects) :is(.nav-item.ui-button, .header .language-switcher.ui-control-group) { color: var(--color-paper); } .project-grid .project-grid__close, [data-js~="project-cta-link"], .project-grid-toggle, .project-nav, .works-index { display: none; } }

Preparing the graphics. This can take a moment on the first visit.

Henry Lõiv

Web design & development

Artificial Intelligence

AI model comparisons and practical uses for writing, coding and everyday work.

Articles

Best AI models in 2026 Claude, GPT or Gemini? Compare an October 2026 shortlist for writing, coding and research, including Gemini 4 Argon, API costs and access limits. Artificial IntelligenceOctober 9, 2026 14 min read

I build websites and web application interfaces for businesses, agencies and product teams. I can also help with design, animation and interactive 3D.

Discuss a project View projects

Let’s talk about
your project.

Write a few lines. The tide will bring them to me.

hello@dsgnbyhl.com

The first consultation is free.

Hosting partner

Artificial Intelligence

Articles

Let’s talk about
your project.

Tell me about your project

Thank you!

Articles

Let’s talk aboutyour project.

Let’s talk about
your project.