.bg-white\/50.svelte-7l8inp.svelte-7l8inp{background-color:#ffffff80}.gradient.svelte-7l8inp.svelte-7l8inp{background:linear-gradient(0deg,rgba(0,0,0,.6180847338935574) 0%,rgba(0,0,0,.43040966386554624) 10%,rgba(0,0,0,.15309873949579833) 37%,rgba(0,0,0,0) 61%)}@media (min-width: 768px){.md\:py-48.svelte-7l8inp.svelte-7l8inp{padding-top:12rem;padding-bottom:12rem}}.project.svelte-7l8inp .visualization.svelte-7l8inp{width:28vw;height:100%;min-width:300px;max-width:500px;background-size:cover;background-position:center;object-position:center;object-fit:cover;border-radius:6px;transition:all .3s;opacity:0;display:block}.project.brand.svelte-7l8inp .visualization.svelte-7l8inp{opacity:0}.project.show.svelte-7l8inp .visualization.svelte-7l8inp{max-width:500px}.project.smaller.svelte-7l8inp .visualization.svelte-7l8inp{width:25vw;min-width:200px;max-width:300px}.project.values.svelte-7l8inp .visualization.svelte-7l8inp{height:13vw;min-height:120px;max-height:200px;width:auto;min-width:auto;max-width:auto}.visualization_with_logo.brochures.svelte-7l8inp .visualization.svelte-7l8inp{height:25vw;max-height:300px}.website_screenshots.svelte-7l8inp .logo.svelte-7l8inp{font-size:11px}.project.svelte-7l8inp:hover .visualization.svelte-7l8inp,.project.show.svelte-7l8inp .visualization.svelte-7l8inp{opacity:1}.name.svelte-7l8inp.svelte-7l8inp{opacity:0;margin-top:8px;font-size:11px}.project.svelte-7l8inp:hover .name.svelte-7l8inp,.project.show.svelte-7l8inp .name.svelte-7l8inp{opacity:1}.project.brand.svelte-7l8inp .name.svelte-7l8inp{opacity:1;color:#000}.visualization_with_logo.svelte-7l8inp.svelte-7l8inp{position:relative;aspect-ratio:16/9}.visualization_with_logo.svelte-7l8inp .outlined.svelte-7l8inp{border-radius:6px;outline:1px solid rgba(80,80,80,1)}.logo_bg.svelte-7l8inp.svelte-7l8inp{position:absolute;top:0;right:0;width:100%;height:100%;transition:all .3s ease-in-out}.project.show.svelte-7l8inp .logo_bg.svelte-7l8inp{opacity:0}.project.svelte-7l8inp:hover .logo_bg.svelte-7l8inp{opacity:1}.project.show.svelte-7l8inp:hover .logo_bg.svelte-7l8inp{background:linear-gradient(rgba(0,0,0,.6) 0%,rgba(0,0,0,.7) 100%)}.logo.svelte-7l8inp.svelte-7l8inp{position:relative;transition:all .3s ease-in-out}.logo.svelte-7l8inp.svelte-7l8inp:hover{opacity:0;transition:all .3s ease-in-out}.project.show.svelte-7l8inp:hover .logo.svelte-7l8inp{opacity:1}.project.svelte-7l8inp.svelte-7l8inp{margin-right:1em}h1.svelte-7l8inp.svelte-7l8inp{line-height:1em;font-weight:800;font-size:min(7vh,5vw)}h2.svelte-7l8inp.svelte-7l8inp{line-height:1em;font-size:min(4vh,4vw)}@media (max-width: 768px){h2.svelte-7l8inp.svelte-7l8inp{font-size:17px}}.intro-title.svelte-7l8inp.svelte-7l8inp,.section-title.svelte-7l8inp.svelte-7l8inp{font-size:min(4vh,4vw)}.intro-subtitle.svelte-7l8inp.svelte-7l8inp{font-size:clamp(15px,2.2vw,20px)}.intro.svelte-7l8inp.svelte-7l8inp{padding-left:96px;padding-right:96px}@media (max-width: 768px){.intro-title.svelte-7l8inp.svelte-7l8inp,.section-title.svelte-7l8inp.svelte-7l8inp{font-size:26px}.home-textblock.svelte-7l8inp.svelte-7l8inp{padding:96px 10px}.home-textblock.svelte-7l8inp p.svelte-7l8inp{line-height:24px}}p.svelte-7l8inp.svelte-7l8inp{letter-spacing:0;line-height:1.8em}