/* Compact language navigation; the original application examples remain Dutch. */
.site-header .nav-wrap{gap:16px}
.language-picker{position:relative;flex:none;z-index:60;order:0}
.language-picker summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:5px 8px;list-style:none;border:1px solid var(--edge);border-radius:4px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:hover,.language-picker[open] summary{border-color:#3b82f6;background:#3b82f612}
.language-picker summary:focus-visible{outline:2px solid #3b82f6;outline-offset:3px}
.language-picker summary svg{width:15px;height:15px;flex:none}
.language-chevron{font-size:10px;color:var(--secondary)}
.language-panel{position:absolute;inset-block-start:calc(100% + 14px);inset-inline-end:0;width:344px;padding:18px;background:var(--surface);border:1px solid var(--edge);border-radius:12px;box-shadow:0 18px 50px #0004;animation:language-enter .18s ease-out}
.language-panel>p{margin:0 0 12px;font-size:12px;font-weight:600;color:var(--secondary)}
.language-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:min(460px,65dvh);overflow-y:auto}
.language-options a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:6px;color:var(--text);font-size:13px;line-height:1.3;min-width:0}
.language-options a:hover{background:#3b82f615}
.language-options a[aria-current=true]{background:#3b82f61e;color:#3b82f6}
.language-options a small{display:block;color:var(--secondary);font-size:10px;margin-top:3px}
.language-options .language-check{color:#3b82f6;font-size:14px}
.site-header #navigation{gap:14px}
.site-header #navigation a{font-size:13px}
.hero-copy,.studio-showcase,.project-copy,.section-heading>div,.contact-grid>div{min-width:0}
html:not([lang=nl]) .hero h1{font-size:clamp(44px,5.9vw,82px);overflow-wrap:break-word}
html:not([lang=nl]) .hero h1 span{font-size:.78em;line-height:1.13;display:inline-block}
html:not([lang=nl]) .studio-title{font-size:clamp(25px,2.6vw,36px)}
html:not([lang=nl]) .project-copy h3{overflow-wrap:break-word}
html:not([lang=nl]) .project-link{white-space:normal;text-align:start}
html:not([lang=nl]) .mdb-product-steps{flex-wrap:wrap}
html:not([lang=nl]) .dialog-page-header .dialog-title{font-size:clamp(24px,3vw,38px)}
html[dir=rtl] .site-header .nav-wrap,html[dir=rtl] .screen-stage{direction:ltr}
html[dir=rtl] .site-header #navigation,html[dir=rtl] .language-panel{direction:rtl}
html[dir=rtl] .studio-products a{text-align:right}
html[dir=rtl] .studio-products b{margin-left:0;margin-right:auto}
html[dir=rtl] .studio-kicker,html[dir=rtl] .eyebrow{letter-spacing:0}
html[dir=rtl] .dialog-pagination button>span[aria-hidden=true]{transform:scaleX(-1)}
html[dir=rtl] .dialog-page-count,html[dir=rtl] .dialog-page-preview{text-align:right}
html[dir=rtl] .screen-tabs,html[dir=rtl] .screen-toolbar{direction:rtl}
html[dir=rtl] .contact-mail{direction:ltr;unicode-bidi:isolate}
html:is([lang=ar],[lang=hi],[lang=zh],[lang=ja],[lang=ko]){--display:Inter,"Segoe UI",Arial,sans-serif;--body:Inter,"Segoe UI",Arial,sans-serif}
html:is([lang=ar],[lang=hi],[lang=zh],[lang=ja],[lang=ko]) :is(h1,h2,h3){letter-spacing:0;line-height:1.25}
html:is([lang=ar],[lang=hi]) .eyebrow{letter-spacing:0}
@media(min-width:1200px){.site-header .nav-wrap>.brand{margin-inline-end:auto}.site-header .nav-cta{padding-inline:13px;font-size:12px}.site-header #navigation{gap:9px}.site-header #navigation a{font-size:12px;padding-inline:4px}}
@media(max-width:1199px){.site-header .language-picker{order:2}.site-header .theme-toggle{order:3}.site-header .nav-cta{order:4}.site-header .menu-toggle{order:1;margin-left:auto}body[data-theme] .site-header .theme-toggle{margin-left:0}.site-header .nav-wrap{gap:12px}}
@media(max-width:600px){.site-header .nav-wrap{gap:9px}.site-header .nav-wrap>.brand .brand-original{width:105px}.site-header .language-picker{order:2}.site-header .theme-toggle{order:3}.site-header .menu-toggle{order:4;margin-left:0}.site-header .language-picker{margin-left:auto}.language-panel{position:fixed;inset-block-start:82px;inset-inline-end:14px;width:min(344px,calc(100vw - 28px))}html:not([lang=nl]) .hero h1{font-size:clamp(40px,11vw,65px)}.language-picker summary{padding-inline:7px}}
@keyframes language-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.language-panel{animation:none}.language-picker summary{transition:none}}
/* Localized mobile menu caption. */
.site-header #navigation.open:after{content:attr(data-tagline)}