Skip to content

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.

@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.

Quick Answers

Quick Answer

Does ChatGPT Plus include API usage?

ChatGPT Plus does not cover ordinary API-key requests. Understand separate billing and the different rules for supported Sign in with ChatGPT tools.

Artificial IntelligenceOctober 16, 2026 2 min read
Quick Answer

Why is Cursor ignoring my project rule?

Check the .mdc extension, rule scope and workspace in Cursor. Separate a rule-loading problem from an instruction the agent did not follow.

Artificial IntelligenceOctober 16, 2026 2 min read
Quick Answer

Claude Skills vs MCP: which one do you need?

A skill provides a reusable way of working; MCP connects tools and data. Choose the missing capability instead of installing both by default.

Artificial IntelligenceOctober 16, 2026 2 min read
Quick Answer

Claude Code /compact vs /clear: which should you use?

Use /compact to continue a task with a summary and /clear to start a new conversation. Neither command is a rollback of your project files.

Artificial IntelligenceOctober 16, 2026 2 min read
Quick Answer

Does Claude Code read AGENTS.md now?

Claude Code supports AGENTS.md, but CLAUDE.md files and instruction settings affect loading. Check the current behavior before renaming files.

Artificial IntelligenceOctober 16, 2026 1 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