:root{--ink: #1A1A1A;--paper: #F5F0E8;--cream: #EDE8DC;--warm: #E8E0D0;--cyan: #06B6D4;--magenta: #D946EF;--yellow: #EAB308;--carbon: #18181B;--font-d: "din-2014", "Arial Black", sans-serif;--font-b: "din-2014", sans-serif;--font-m: "JetBrains Mono", monospace;--grid-line: 1px solid rgba(26, 26, 26, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-b);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.fixed-grid{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(26,26,26,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(26,26,26,.03) 1px,transparent 1px);background-size:60px 60px;z-index:-2;pointer-events:none}.fixed-grid:after{content:"";position:absolute;top:0;left:60px;right:60px;bottom:0;border-left:var(--grid-line);border-right:var(--grid-line)}@media (max-width: 768px){.fixed-grid:after{left:20px;right:20px}}.grid-nav{position:fixed;top:0;left:0;right:0;height:80px;border-bottom:var(--grid-line);display:flex;justify-content:space-between;align-items:center;padding:0 60px;background:#f5f0e8e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}@media (max-width: 768px){.grid-nav{padding:0 20px}}.nav-logo{font-family:var(--font-d);font-size:20px;font-weight:800;letter-spacing:2px;color:var(--ink);text-decoration:none}.nav-logo .dot{color:var(--cyan)}.btn-elegant{font-family:var(--font-d);font-weight:800;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;background:var(--ink);color:var(--paper);transition:transform .3s,background .3s;display:inline-block;cursor:pointer;border:none}.btn-elegant:hover{background:var(--cyan)}.btn-sm{padding:12px 24px;font-size:11px}.btn-lg{padding:18px 36px;font-size:14px}.btn-light{background:var(--paper);color:var(--ink)}.btn-light:hover{background:var(--cyan);color:var(--paper)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 60px;background-color:var(--cream);overflow:hidden}.hero-content{position:relative;z-index:10;max-width:600px;flex:1;text-align:left}.hero-visual{position:relative;flex:1;height:75vh;max-width:600px;display:flex;align-items:center;justify-content:center;perspective:1000px;margin-left:40px;margin-bottom:5vh}.p-layer{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;will-change:transform}.p-layer img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(100%);transition:filter .5s ease}.p-layer-bg img{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);width:100%;height:65%;object-fit:cover;opacity:.9}.p-layer-mid{z-index:2}.p-layer-mid img{position:absolute;height:25%;right:0%;bottom:17.5%}.p-layer-fg{z-index:3}.p-layer-fg img{position:absolute;height:90%;bottom:5%;left:15%}.hero-section:hover .p-layer img{filter:grayscale(0%)}.hero-tag{font-family:var(--font-m);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);margin-bottom:32px}.hero-h1{font-family:var(--font-d);font-weight:800;line-height:.95;letter-spacing:-.04em;margin-bottom:48px}.hero-h1 .line-sm{font-size:clamp(20px,3vw,32px);color:var(--ink);display:block;margin-bottom:12px;font-style:italic;font-family:var(--font-d);font-weight:400}.hero-h1 .line-lg{font-size:clamp(40px,6vw,70px);display:block}.hero-h1 .line-lg.offset{margin-left:clamp(24px,6vw,64px)}.highlight-elegant{position:relative;display:inline-block;width:max-content}.highlight-elegant:after{content:"";position:absolute;bottom:10px;left:0;right:0;height:8px;background:var(--cyan);z-index:-1;opacity:.6;transition:all .3s ease}.hero-body{max-width:500px;font-size:18px;color:var(--ink);line-height:1.7;margin-bottom:48px}@media (max-width: 768px){.hero-section{flex-direction:column;justify-content:center;padding:120px 20px 40px}.hero-content{margin-bottom:40px}.hero-visual{height:50vh;min-height:400px;flex-shrink:0;width:100%;margin-top:0;margin-left:0;margin-bottom:0}.p-layer-bg img{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);width:90%;height:65%}.p-layer-mid img{height:25%;right:5%;bottom:17.5%}.p-layer-fg img{height:95%;left:10%;bottom:5%}.hero-h1 .line-lg{font-size:clamp(35px,11vw,50px)}.hero-h1 .line-lg.offset{margin-left:clamp(16px,4vw,32px)}.hero-body{font-size:1.1rem;margin-bottom:32px}.highlight-elegant:after{height:4px;bottom:4px;opacity:.6}}.band-marquee{background:var(--paper);color:var(--ink);padding:24px 0;overflow:hidden;white-space:nowrap;border-top:var(--grid-line);border-bottom:var(--grid-line);margin:0 60px}@media (max-width: 768px){.band-marquee{margin:0 20px}}.band-content{display:inline-block;font-family:var(--font-m);font-size:12px;font-weight:700;letter-spacing:.2em;animation:scrollLeft 30s linear infinite;opacity:.4}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.horizontal-scroll-container{position:relative;margin:0 60px;padding:80px 0}@media (max-width: 768px){.horizontal-scroll-container{margin:0 20px;padding:40px 0}}.sticky-viewport{position:relative;width:100%}.horizontal-track{display:flex;flex-direction:row;gap:32px;padding:0 0 60px;height:70vh;min-height:500px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.horizontal-track{flex-direction:row;height:55vh;min-height:400px;gap:16px;transform:none!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:0 20px 60px;scroll-padding-left:20px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.horizontal-track::-webkit-scrollbar{display:none}}.horizontal-track::-webkit-scrollbar{height:8px}.horizontal-track::-webkit-scrollbar-track{background:var(--cream);border-radius:4px}.horizontal-track::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:4px}.h-card{width:480px;height:100%;flex-shrink:0;padding:48px;display:flex;flex-direction:column;position:relative;background:var(--cream);border:var(--grid-line);transition:transform .4s ease}.h-card:hover{transform:translateY(-8px)}@media (max-width: 768px){.h-card{width:75vw;padding:24px;scroll-snap-align:start}.h-card:hover{transform:none}}.global-swipe-hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:var(--font-m);font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--ink);text-transform:uppercase;opacity:.5;pointer-events:none;animation:pulse-hint 2s infinite}.global-swipe-hint .hint-icon{font-size:16px;margin-right:8px;vertical-align:middle}@keyframes pulse-hint{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.8;transform:translate(5px)}}.card-intro{background:transparent;border:none;width:500px;justify-content:center}.card-intro:hover{transform:none}@media (max-width: 768px){.card-intro{width:75vw;scroll-snap-align:start}}.card-light{background:var(--paper)}.card-dark{background:var(--carbon);color:var(--paper);justify-content:center;border:none}.card-eyebrow{font-family:var(--font-m);font-size:13px;font-weight:800;letter-spacing:.25em;text-transform:uppercase;margin-bottom:24px;color:var(--cyan)}.h-card-title{font-family:var(--font-d);font-size:clamp(32px,5vw,48px);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px}.h-card-text{font-size:20px;font-weight:500;line-height:1.6;color:var(--ink)}@media (max-width: 768px){.h-card-title{font-size:26px;font-weight:900;margin-bottom:16px}.h-card-text{font-size:18px;font-weight:500;line-height:1.5}.h-card-num{margin-bottom:24px}}.h-card-num{font-family:var(--font-m);font-size:14px;font-weight:700;color:var(--ink);opacity:.3;margin-bottom:32px}.scroll-indicator{position:absolute;bottom:20px;left:0;font-family:var(--font-m);font-size:12px;font-weight:700;color:var(--ink);opacity:.4}@media (max-width: 768px){.scroll-indicator{display:none}}.grid-section{margin:0 60px;padding:120px 0;border-bottom:var(--grid-line)}@media (max-width: 768px){.grid-section{margin:0 20px;padding:60px 0}}.warum-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}@media (max-width: 900px){.warum-grid{grid-template-columns:1fr;gap:60px}}.collage-container-refined{position:relative;width:100%;height:600px;margin-top:20px}@media (max-width: 768px){.collage-container-refined{height:450px;margin-bottom:40px}}.w-layer-sky{z-index:1}.w-layer-cyan{z-index:2}.w-layer-fg{z-index:3}.w-layer-sky img{position:absolute;width:80%;height:60%;top:20%;left:10%;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:grayscale(100%);transition:filter .5s ease}.section-warum:hover .w-layer-sky img{filter:grayscale(0%)}.w-cyan-strip{position:absolute;width:30%;height:110%;top:-5%;left:35%;background:var(--cyan);mix-blend-mode:multiply;opacity:.9}.w-layer-fg img{position:absolute;width:130%;height:auto;bottom:-5%;left:-15%;filter:grayscale(100%);transition:filter .5s ease}.section-warum:hover .w-layer-fg img{filter:grayscale(0%)}@media (max-width: 768px){.w-layer-fg img{width:110%;left:-5%;bottom:-5%}.w-cyan-strip{height:100%;top:0}}.warum-name{font-family:var(--font-d);font-size:clamp(50px,7vw,90px);font-weight:800;line-height:.9;letter-spacing:-.04em;margin-bottom:40px}.warum-text p{font-size:18px;line-height:1.8;margin-bottom:24px;color:#444}.warum-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.warum-tag{font-family:var(--font-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:var(--grid-line);background:var(--paper);padding:8px 16px;color:var(--ink)}.section-kontakt{padding:160px 0;text-align:center;border-bottom:none}@media (max-width: 768px){.section-kontakt{padding:80px 0}}.kontakt-h2{font-family:var(--font-d);font-size:clamp(48px,8vw,100px);font-weight:800;line-height:.9;margin-bottom:40px}.kontakt-sub{font-size:18px;color:#666;margin-bottom:60px}.kontakt-email-elegant{font-family:var(--font-d);font-size:clamp(24px,4vw,48px);font-weight:800;color:var(--ink);text-decoration:none;border-bottom:6px solid var(--cyan);padding-bottom:8px;transition:color .3s;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;padding-left:0;padding-right:0}.kontakt-email-elegant:hover{color:var(--cyan)}.kontakt-email-elegant.copied{color:var(--cyan);border-bottom-color:transparent}.inline-obfuscated-email{background:none;border:none;padding:0;color:var(--cyan);font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:none}.inline-obfuscated-email:hover{text-decoration:underline}.inline-obfuscated-email.copied{color:var(--ink);text-decoration:none;font-weight:600}.site-footer{padding:40px 60px;border-top:var(--grid-line);display:flex;justify-content:flex-end;gap:32px}@media (max-width: 768px){.site-footer{padding:40px 20px;justify-content:center}}.footer-link{font-family:var(--font-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#666;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--cyan)}.mt-8{margin-top:32px}.mt-12{margin-top:64px}