@font-face{font-family:'Outfit';src:url('assets/fonts/outfit-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Outfit';src:url('assets/fonts/outfit-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--color-primary:#264B6D;--color-primary-dark:#1D3C59;--color-accent:#C64E4E;--color-accent-hover:#BB4242;--color-interaction:#F25454;--color-blue:#346EA5;--color-light-blue:#34B3CE;--color-black:#121212;--color-white:#FFFFFF;--color-font:#E9E9E9;--color-sub-font:#A5A5A5;--color-sub-font-bluegrey:#BABFC7;--color-bg-grey:#E6E7EB;--color-bg-dark:#1D3C59;--gradient-hero:linear-gradient(160deg,#1D3C59 0%,#264B6D 40%,#2d5a80 70%,#346EA5 100%);--gradient-accent:linear-gradient(135deg,#C64E4E 0%,#D75C5C 50%,#F25454 100%);--font-display:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-body:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font:var(--font-body);--font-size-base:16px;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out:cubic-bezier(0.76,0,0.24,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--duration-reveal:700ms;--radius:12px;--radius-lg:20px;--shadow:0 4px 24px rgba(38,75,109,0.08);--shadow-lg:0 12px 48px rgba(38,75,109,0.12);--shadow-card:0 2px 8px rgba(38,75,109,0.06),0 8px 32px rgba(38,75,109,0.1);--nav-height:80px;--max-width:1200px}@keyframes heroFadeIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes noiseShift{0%{transform:translate(0,0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%,0)}70%{transform:translate(0,10%)}80%{transform:translate(-15%,0)}90%{transform:translate(10%,5%)}100%{transform:translate(5%,0)}}@keyframes chevronBounce{0%,100%{transform:translateY(-50%)}50%{transform:translateY(-45%)}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);background:var(--color-primary-dark)}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--color-black);background:var(--color-white);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-headline{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;text-align:center;color:var(--color-primary);margin-bottom:48px;line-height:1.15;letter-spacing:-0.02em}.section-headline--light{color:var(--color-white)}.section-subline{text-align:center;color:var(--color-sub-font-bluegrey);font-size:1.1rem;max-width:600px;margin:-32px auto 48px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:600;font-size:0.95rem;border:none;border-radius:8px;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-fast) ease,border-color var(--duration-fast) ease;text-decoration:none;gap:8px}.btn:active{transform:scale(0.97) !important;transition-duration:var(--duration-fast)}.btn--primary{background:var(--color-accent);color:var(--color-white);padding:14px 28px}@media (hover:hover) and (pointer:fine){.btn--primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(198,78,78,0.35)}}.btn--accent-lg{background:var(--gradient-accent);color:var(--color-white);padding:16px 36px;font-size:1.05rem;font-weight:700;border-radius:10px}@media (hover:hover) and (pointer:fine){.btn--accent-lg:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(198,78,78,0.4)}}.btn--hero-primary{background:var(--color-white);color:var(--color-primary);padding:16px 36px;font-size:1.05rem;font-weight:700}@media (hover:hover) and (pointer:fine){.btn--hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(255,255,255,0.25)}}.btn--hero-ghost{background:transparent;color:var(--color-white);padding:16px 36px;font-size:1.05rem;border:2px solid rgba(255,255,255,0.3)}@media (hover:hover) and (pointer:fine){.btn--hero-ghost:hover{border-color:rgba(255,255,255,0.7);background:rgba(255,255,255,0.08)}}.btn--outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);padding:12px 24px}@media (hover:hover) and (pointer:fine){.btn--outline:hover{background:var(--color-primary);color:var(--color-white)}}.btn--sm{padding:8px 18px;font-size:0.875rem}.btn--lg{padding:16px 36px;font-size:1.05rem}.btn--full{width:100%}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;background:var(--color-primary-dark);border-bottom:1px solid rgba(255,255,255,0.08);box-shadow:0 2px 16px rgba(0,0,0,0.15)}body.admin-bar .nav{top:32px}@media screen and (max-width:782px){body.admin-bar .nav{top:46px}}.nav__container{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav__logo-img{height:28px;width:auto}.nav__logo-dark{display:none}.nav__logo-white{display:block}.nav__links{display:flex;gap:32px}.nav__link{font-family:var(--font-body);font-size:0.9rem;font-weight:500;color:rgba(255,255,255,0.7);transition:color var(--duration-fast) ease;position:relative}.nav__link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);border-radius:1px;transition:width var(--duration-normal) var(--ease-out)}@media (hover:hover) and (pointer:fine){.nav__link:hover{color:#fff}.nav__link:hover::after{width:100%}}.nav__link--active{color:#fff}.nav__link--active::after{width:100%}.nav__right{display:flex;align-items:center;gap:16px}.nav .btn--nav{background:var(--color-accent);color:#fff;border:none}@media (hover:hover) and (pointer:fine){.nav .btn--nav:hover{background:var(--color-accent-hover);box-shadow:0 4px 16px rgba(198,78,78,0.35)}}.nav__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:1001}.nav__hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-fast)}.nav__hamburger--active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav__hamburger--active span:nth-child(2){opacity:0}.nav__hamburger--active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:var(--color-white);z-index:999;flex-direction:column;padding:32px 24px;gap:8px}.mobile-menu--open{display:flex}.mobile-menu__link{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-primary);padding:16px 0;border-bottom:1px solid var(--color-bg-grey)}.mobile-menu__actions{margin-top:auto;display:flex;flex-direction:column;gap:16px;padding-top:24px}.hero{background:var(--gradient-hero);display:flex;flex-direction:column;position:relative;overflow:hidden;padding:calc(var(--nav-height) + 80px) 0 0;min-height:90vh}.hero::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%25" height="100%25" filter="url(%23n)" opacity="0.03"/></svg>');background-size:256px 256px;pointer-events:none;opacity:0.6}.hero > .container{flex:1;display:flex;align-items:flex-start;max-width:var(--max-width);position:relative;z-index:1}.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;width:100%}.hero__content{animation:heroFadeIn 0.8s var(--ease-out) both}.hero__headline{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.1;margin-bottom:24px;color:var(--color-white);letter-spacing:-0.03em}.hero__headline-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__visual-headline{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.1;margin-bottom:16px;color:var(--color-white);letter-spacing:-0.03em}.hero__visual-headline .hero__headline-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__h1{font-size:1.1rem;color:rgba(255,255,255,0.85);font-weight:600;margin:0 0 4px;line-height:1.3}.homepage-intro{padding:64px 0 32px;background:#fff}.homepage-intro p{font-size:1.05rem;line-height:1.8;color:var(--color-text);margin-bottom:16px;max-width:760px}.homepage-intro h2{font-size:1.4rem;margin-bottom:12px;color:var(--color-navy)}.hero__subline{font-size:clamp(0.95rem,1.3vw,1.15rem);color:rgba(255,255,255,0.7);line-height:1.7;margin-bottom:40px;max-width:500px}.hero__actions{display:flex;gap:16px;flex-wrap:wrap}.hero__microcopy{font-size:0.8rem;color:rgba(255,255,255,0.45);margin-top:12px}.hero__stats{display:flex;gap:40px;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,0.1)}.hero__stat-number{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--color-white);display:block;letter-spacing:-0.02em}.hero__stat-label{font-size:0.8rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.05em}.hero__visual{animation:heroFadeIn 0.8s var(--ease-out) 0.2s both;position:relative;max-width:520px;margin-left:auto}.hero__video-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.08);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}@media (hover:hover) and (pointer:fine){.hero__video-wrapper:hover{transform:scale(1.02);box-shadow:0 24px 70px rgba(0,0,0,0.4)}}.hero__video-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.hero__video-controls{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;display:flex;align-items:center;gap:10px;background:linear-gradient(transparent,rgba(0,0,0,0.6));opacity:0;transition:opacity var(--duration-normal) ease}.hero__video-wrapper:hover .hero__video-controls{opacity:1}.hero__video-btn{background:rgba(255,255,255,0.15);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-fast) ease;flex-shrink:0}@media (hover:hover) and (pointer:fine){.hero__video-btn:hover{background:rgba(255,255,255,0.3)}}.hero__video-progress{flex:1;height:4px;background:rgba(255,255,255,0.2);border-radius:2px;overflow:hidden;cursor:pointer}.hero__video-progress-bar{height:100%;width:0%;background:var(--color-accent);border-radius:2px;transition:width 0.1s linear}.hero__wave{line-height:0;margin-top:auto;position:relative}.hero__wave svg{display:block;width:100%;height:auto;min-height:100px}.hero__wave::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-white);pointer-events:none}.wave-divider{line-height:0;overflow:hidden;position:relative;margin-top:-1px;margin-bottom:-1px}.wave-divider svg{display:block;width:100%;height:auto}.wave-path--back{display:none}.wave-divider::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none}.wave-divider--to-primary{background:var(--color-bg-grey)}.wave-divider--to-primary::after{background:var(--color-primary)}.wave-divider--from-primary{background:var(--color-primary)}.wave-divider--from-primary::after{background:var(--color-white)}.wave-divider--to-dark{background:var(--color-white)}.wave-divider--to-dark::after{background:var(--color-primary-dark)}.wave-divider--to-grey{background:var(--color-white)}.wave-divider--to-grey::after{background:var(--color-bg-grey)}.wave-divider--from-grey{background:var(--color-bg-grey)}.wave-divider--from-grey::after{background:var(--color-white)}.wave-divider--from-dark{background:var(--color-primary-dark)}.wave-divider--from-dark::after{background:var(--color-white)}.wave-divider--to-footer{background:var(--color-white)}.wave-divider--to-footer::after{background:var(--color-primary-dark)}.wave-divider--to-about{background:var(--color-bg-grey)}.wave-divider--to-about::after{background:var(--color-primary-dark)}.wave-divider--from-about{background:var(--color-primary-dark)}.wave-divider--from-about::after{background:var(--color-white)}.services{padding:80px 0 100px;background:var(--color-white);position:relative;z-index:1}.services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:16px}.service-card{text-align:center;padding:40px 24px;border-radius:var(--radius-lg);background:var(--color-white);border:1px solid rgba(38,75,109,0.06);box-shadow:0 2px 8px rgba(38,75,109,0.04),0 4px 20px rgba(38,75,109,0.06);transition:transform var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out),border-color var(--duration-normal) ease}@media (hover:hover) and (pointer:fine){.service-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px rgba(38,75,109,0.08),0 16px 40px rgba(38,75,109,0.12);border-color:var(--color-accent)}}.service-card__icon{width:64px;height:64px;margin:0 auto 20px;background:rgba(38,75,109,0.05);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:background var(--duration-normal) ease,transform var(--duration-normal) var(--ease-out)}@media (hover:hover) and (pointer:fine){.service-card:hover .service-card__icon{background:rgba(198,78,78,0.08);transform:translateY(-3px)}}.service-card__title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--color-primary);margin-bottom:10px;letter-spacing:-0.01em}.service-card__text{font-size:0.875rem;color:var(--color-sub-font);line-height:1.65}.projects{padding:80px 0 100px;background:var(--color-bg-grey)}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.projects__grid--portrait{grid-template-columns:repeat(4,1fr);gap:20px}.project-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white);box-shadow:var(--shadow-card);transition:transform var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out)}@media (hover:hover) and (pointer:fine){.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}}.project-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--color-primary)}.project-card__media img,.project-card__media video{width:100%;height:100%;object-fit:cover;transition:transform 0.5s var(--ease-out)}@media (hover:hover) and (pointer:fine){.project-card:hover .project-card__media img,.project-card:hover .project-card__media video{transform:scale(1.05)}}.project-card--portrait{position:relative;background:transparent;box-shadow:none}.project-card--portrait:hover{transform:none;box-shadow:none}.project-card--portrait .project-card__media{aspect-ratio:9/16;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-slow) var(--ease-out)}@media (hover:hover) and (pointer:fine){.project-card--portrait:hover .project-card__media{box-shadow:0 16px 48px rgba(38,75,109,0.22)}.project-card--portrait:hover .project-card__media video,.project-card--portrait:hover .project-card__media img{transform:none}}.project-card--portrait .project-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 16px;background:linear-gradient(transparent,rgba(0,0,0,0.7));border-radius:0 0 var(--radius-lg) var(--radius-lg)}.project-card--portrait .project-card__title{color:var(--color-white);font-size:0.95rem;font-weight:600}.project-card__tag{position:absolute;top:12px;left:12px;background:rgba(38,75,109,0.9);color:var(--color-white);font-size:0.7rem;font-weight:600;padding:4px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:0.05em;z-index:2}.project-card__body{padding:20px 24px}.project-card__title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:6px;letter-spacing:-0.01em}.project-card__desc{font-size:0.85rem;color:var(--color-sub-font);line-height:1.6}.process{padding:80px 0 100px;background:var(--color-primary);position:relative;overflow:hidden}.process::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%25" height="100%25" filter="url(%23n)" opacity="0.04"/></svg>');background-size:256px 256px;pointer-events:none;opacity:0.5}.process__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1}.process__card{position:relative;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:32px 24px;transition:transform var(--duration-slow) var(--ease-out),background var(--duration-normal) ease,border-color var(--duration-normal) ease}@media (hover:hover) and (pointer:fine){.process__card:hover{transform:translateY(-8px);background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}}.process__card-number{font-family:var(--font-display);font-size:4rem;font-weight:800;color:rgba(255,255,255,0.28);position:absolute;top:8px;right:16px;line-height:1;letter-spacing:-0.04em}.process__card-icon{margin-bottom:20px}.process__card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--color-white);margin-bottom:12px}.process__card-desc{font-size:0.85rem;color:rgba(255,255,255,0.6);line-height:1.7}.clients{padding:80px 0;background:var(--color-white);overflow:hidden}.clients__marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.clients__track{display:flex;align-items:center;gap:60px;width:max-content;animation:marquee 50s linear infinite;animation-play-state:paused;will-change:transform}.clients__track.is-animating{animation-play-state:running}@media (prefers-reduced-motion:reduce){.clients__track{animation:none}}@media (hover:hover) and (pointer:fine){.clients__track:hover{animation-play-state:paused}}.clients__link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;outline-offset:4px;border-radius:4px}.clients__link:focus-visible{outline:2px solid var(--color-accent,#C64E4E)}.clients__logo{flex:0 0 auto;width:140px;height:56px;object-fit:contain;filter:grayscale(1) opacity(0.5);transition:filter var(--duration-normal) ease,opacity var(--duration-normal) ease}@media (hover:hover) and (pointer:fine){.clients__link:hover .clients__logo,.clients__logo:hover{filter:grayscale(0) opacity(1)}}.clients__logo--text{display:inline-flex;align-items:center;justify-content:center;width:140px;height:56px;color:var(--color-primary-dark,#1D3C59);font-family:var(--font-display,sans-serif);font-weight:700;font-size:0.95rem;letter-spacing:0.3px;text-align:center;white-space:nowrap;filter:opacity(0.5);transition:filter var(--duration-normal) ease,color var(--duration-normal) ease}@media (hover:hover) and (pointer:fine){.clients__link:hover .clients__logo--text,.clients__logo--text:hover{filter:opacity(1);color:var(--color-accent,#C64E4E)}}.clients__track > * + *{margin-left:24px}.hero__trust-bar{max-width:1100px;margin:-60px auto 32px;padding:0 32px;position:relative;z-index:2}@media (max-width:768px){.hero__trust-bar{margin:48px auto 32px;padding:0 16px}}.hero__trust-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent)}.hero__trust-track{display:flex;align-items:center;width:max-content;animation:hero-trust-scroll 25s linear infinite;animation-play-state:paused}.hero__trust-track.is-animating{animation-play-state:running}@media (prefers-reduced-motion:reduce){.hero__trust-track{animation:none}}@media (hover:hover) and (pointer:fine){.hero__trust-track:hover{animation-play-state:paused}}@keyframes hero-trust-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.hero__trust-track > * + *{margin-left:18px}.hero__trust-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border-radius:4px}.hero__trust-logo{flex:0 0 auto;width:110px;height:44px;object-fit:contain;filter:brightness(0) invert(1) opacity(0.65);transition:filter var(--duration-normal) ease}@media (hover:hover) and (pointer:fine){.hero__trust-link:hover .hero__trust-logo,.hero__trust-logo:hover{filter:opacity(1)}}.hero__trust-logo--text{display:inline-flex;align-items:center;justify-content:center;width:110px;height:44px;color:rgba(255,255,255,0.7);font-family:var(--font-display,sans-serif);font-weight:700;font-size:0.85rem;white-space:nowrap}.testimonials{padding:80px 0;background:var(--color-bg-grey)}.testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:var(--color-white);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:transform var(--duration-normal) var(--ease-out);overflow:hidden}@media (hover:hover) and (pointer:fine){.testimonial-card:hover{transform:translateY(-4px)}}.testimonial-card__video{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;margin-bottom:16px;background:var(--color-primary);cursor:pointer}.testimonial-card__video video{width:100%;height:100%;object-fit:cover}.testimonial-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(198,78,78,0.9);display:flex;align-items:center;justify-content:center;transition:transform var(--duration-normal) var(--ease-out-back),background var(--duration-fast) ease}@media (hover:hover) and (pointer:fine){.testimonial-card__video:hover .testimonial-card__play{transform:translate(-50%,-50%) scale(1.1);background:var(--color-accent)}}.testimonial-card__text{font-size:0.9rem;color:var(--color-black);line-height:1.7;margin-bottom:16px;font-style:italic}.testimonial-card__author{display:flex;align-items:center;gap:12px}.testimonial-card__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.testimonial-card__name{font-family:var(--font-display);font-size:0.875rem;font-weight:600;color:var(--color-primary)}.testimonial-card__role{font-size:0.75rem;color:var(--color-sub-font)}.about{padding:80px 0;background:var(--color-primary-dark);color:var(--color-white);position:relative;overflow-x:hidden;overflow:hidden}.about::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%25" height="100%25" filter="url(%23n)" opacity="0.03"/></svg>');background-size:256px 256px;pointer-events:none;opacity:0.5}.about > .container{position:relative;z-index:1}.about .section-headline{color:var(--color-white)}.about__grid--map{display:grid;grid-template-columns:0.8fr 1.2fr;gap:48px;align-items:center;margin-bottom:48px}.about__map{display:flex;justify-content:center;align-items:center}.about__map-svg{width:100%;max-width:320px;height:auto;filter:drop-shadow(0 12px 32px rgba(0,0,0,0.45))}.germany-draw{stroke-dasharray:3000;stroke-dashoffset:3000;transition:stroke-dashoffset 2.5s cubic-bezier(0.23,1,0.32,1)}.germany-draw.is-drawn{stroke-dashoffset:0}.koeln-marker{opacity:0;transition:opacity 0.6s ease}.koeln-marker.is-visible{opacity:1}.koeln-dot{filter:drop-shadow(0 0 6px rgba(198,78,78,0.6))}@keyframes koelnPulse{0%{transform:scale(0.36);opacity:0.8}100%{transform:scale(2);opacity:0}}.koeln-pulse{animation:koelnPulse 2s ease-out infinite;transform-box:fill-box;transform-origin:center;will-change:transform,opacity}.koeln-pulse--2{animation-delay:0.8s}.about__content p{font-size:1rem;color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:24px}.about__contact .btn--outline{color:var(--color-white);border-color:rgba(255,255,255,0.3)}@media (hover:hover) and (pointer:fine){.about__contact .btn--outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.6);color:var(--color-white)}}.about__fan{display:flex;justify-content:center;align-items:center;margin-top:60px;padding:145px 0}.about__fan-card{position:relative;flex-shrink:0;margin-left:-45px;margin-right:-45px;z-index:2}.about__fan-card-inner{width:100%;height:100%;border-radius:10px;overflow:hidden;cursor:pointer;animation:fanFloat var(--float-dur,3s) var(--float-delay,0s) ease-in-out infinite alternate}@keyframes fanFloat{from{translate:0 0}to{translate:0 -7px}}.about__fan-card-inner img{width:100%;height:100%;object-fit:cover;display:block}.about__fan-card--1{width:175px;aspect-ratio:4/3;transform:translateY(-40px) rotate(5deg);z-index:2;--float-dur:3.1s;--float-delay:0s}.about__fan-card--2{width:160px;aspect-ratio:3/4;transform:translateY(120px) rotate(-3deg);z-index:3;--float-dur:2.7s;--float-delay:-0.7s}.about__fan-card--3{width:190px;aspect-ratio:4/3;transform:translateY(-110px) rotate(2deg);z-index:1;--float-dur:3.5s;--float-delay:-1.4s}.about__fan-card--4{width:165px;aspect-ratio:1/1;transform:translateY(30px) rotate(-6deg);z-index:2;--float-dur:2.9s;--float-delay:-0.3s}.about__fan-card--5{width:185px;aspect-ratio:4/3;transform:translateY(-80px) rotate(4deg);z-index:1;--float-dur:3.3s;--float-delay:-1.9s}.about__fan-card--6{width:170px;aspect-ratio:3/4;transform:translateY(100px) rotate(-2deg);z-index:3;--float-dur:2.6s;--float-delay:-0.9s}.about__fan-card--7{width:160px;aspect-ratio:1/1;transform:translateY(55px) rotate(-4deg);z-index:3;--float-dur:3.0s;--float-delay:-1.1s}.about__fan-card--8{width:185px;aspect-ratio:4/3;transform:translateY(-15px) rotate(3deg);z-index:1;--float-dur:2.8s;--float-delay:-0.5s}.about__fan-card--9{width:165px;aspect-ratio:3/4;transform:translateY(115px) rotate(-5deg);z-index:2;--float-dur:3.4s;--float-delay:-1.7s}.about__fan-card--10{width:190px;aspect-ratio:4/3;transform:translateY(-90px) rotate(2deg);z-index:1;--float-dur:2.5s;--float-delay:-0.4s}.about__fan-card--11{width:160px;aspect-ratio:1/1;transform:translateY(45px) rotate(-3deg);z-index:3;--float-dur:3.6s;--float-delay:-2.0s}.about__fan-card--12{width:180px;aspect-ratio:4/3;transform:translateY(-125px) rotate(5deg);z-index:2;--float-dur:3.2s;--float-delay:-0.8s}.about__fan-card--13{width:165px;aspect-ratio:3/4;transform:translateY(80px) rotate(-4deg);z-index:1;--float-dur:2.9s;--float-delay:-1.3s}@media (hover:hover) and (pointer:fine){.about__slide:hover img{transform:scale(1.04)}}.faq{padding:80px 0;background:var(--color-white)}.faq__list{max-width:700px;margin:0 auto}.faq__item{border-bottom:1px solid rgba(0,0,0,0.06)}.faq__question{width:100%;text-align:left;padding:20px 40px 20px 0;border:none;background:none;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-primary);cursor:pointer;position:relative;transition:color var(--duration-fast) ease}@media (hover:hover) and (pointer:fine){.faq__question:hover{color:var(--color-accent)}}.faq__question::after{content:'';position:absolute;right:4px;top:50%;transform:translateY(-50%) rotate(0deg);width:10px;height:10px;border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);transform:translateY(-60%) rotate(45deg);transition:transform var(--duration-normal) var(--ease-out)}.faq__item--open .faq__question::after{transform:translateY(-40%) rotate(-135deg)}.faq__answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease-out)}.faq__item--open .faq__answer{grid-template-rows:1fr}.faq__answer > div,.faq__answer > p{overflow:hidden}.faq__answer p{font-size:0.9rem;color:var(--color-sub-font);line-height:1.7;padding-bottom:20px}.cta-section{padding:80px 0;background:#1D3C59;text-align:center;color:var(--color-white);position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%25" height="100%25" filter="url(%23n)" opacity="0.03"/></svg>');background-size:256px 256px;pointer-events:none;opacity:0.5}.cta-section > *{position:relative;z-index:1}.cta-section__headline{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;margin-bottom:16px;letter-spacing:-0.02em;color:#ffffff}.cta-section__subline{font-size:1.1rem;color:rgba(255,255,255,0.7);margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto}.footer{background:var(--color-primary-dark);padding:48px 0;color:rgba(255,255,255,0.7)}.footer__container{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:32px}.footer__logo-img{height:32px;width:auto}.footer__heading{display:block;font-family:var(--font-display);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.65);margin-bottom:12px}.footer__services,.footer__links{display:flex;flex-direction:column;gap:8px}.footer__link{font-size:0.875rem;color:rgba(255,255,255,0.6);transition:color var(--duration-fast) ease}@media (hover:hover) and (pointer:fine){.footer__link:hover{color:var(--color-white)}}.footer__social{display:flex;gap:16px}.footer__social-link{color:rgba(255,255,255,0.6);transition:color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out)}@media (hover:hover) and (pointer:fine){.footer__social-link:hover{color:var(--color-white);transform:translateY(-2px)}}.footer__copy{width:100%;text-align:center;font-size:0.8rem;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08)}.blog-preview .project-card{box-shadow:var(--shadow-card)}@media (hover:hover) and (pointer:fine){.blog-preview .project-card:hover{box-shadow:0 16px 48px rgba(38,75,109,0.18)}}.blog-pagination{display:flex;justify-content:center;gap:16px;margin-top:48px}article.single-post{padding:60px 0 100px;background:var(--color-white)}.single-post__container{max-width:720px;margin:0 auto;padding:0 24px}.single-post__back{font-size:0.85rem;color:var(--color-accent);font-weight:500;display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;text-decoration:none;transition:opacity var(--duration-fast) ease}@media (hover:hover) and (pointer:fine){.single-post__back:hover{opacity:0.7}}.single-post__header{margin-bottom:40px}.single-post__title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:16px;letter-spacing:-0.02em}.single-post__meta{font-size:0.85rem;color:var(--color-sub-font);display:flex;gap:16px;flex-wrap:wrap}.single-post__thumbnail{margin-bottom:40px;border-radius:var(--radius-lg);overflow:hidden}.single-post__thumbnail img{width:100%;height:auto;display:block}.post-content{font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.75;color:#2a2a2a}.post-content p{margin-bottom:1.5em}.post-content h2{font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:700;color:var(--color-primary);line-height:1.3;margin-top:2.5em;margin-bottom:0.8em;letter-spacing:-0.02em}.post-content h3{font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;color:var(--color-primary);line-height:1.35;margin-top:2em;margin-bottom:0.6em}.post-content h4{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-primary);line-height:1.4;margin-top:1.8em;margin-bottom:0.5em}.post-content h2 + p,.post-content h3 + p,.post-content h4 + p{margin-top:0}.post-content ul,.post-content ol{margin-bottom:1.5em;padding-left:1.5em}.post-content li{margin-bottom:0.5em;line-height:1.7}.post-content li::marker{color:var(--color-accent)}.post-content blockquote{margin:2em 0;padding:1.2em 1.5em;border-left:4px solid var(--color-accent);background:rgba(38,75,109,0.04);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-size:1.1em;font-style:italic;color:var(--color-primary);line-height:1.7}.post-content blockquote p:last-child{margin-bottom:0}.post-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5em 0;display:block}.post-content figure{margin:2em 0}.post-content figcaption{font-size:0.85rem;color:var(--color-sub-font);text-align:center;margin-top:8px}.post-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-fast) ease}@media (hover:hover) and (pointer:fine){.post-content a:hover{color:var(--color-primary)}}.post-content pre,.post-content code{font-family:'SF Mono','Fira Code',monospace;font-size:0.9em}.post-content code{background:rgba(38,75,109,0.08);padding:2px 6px;border-radius:4px}.post-content pre{background:#1e293b;color:#e2e8f0;padding:1.5em;border-radius:12px;overflow-x:auto;margin:1.5em 0}.post-content pre code{background:none;padding:0;color:inherit}.post-content hr{border:none;height:1px;background:var(--color-bg-grey);margin:2.5em 0}.post-content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:0.95rem}.post-content th,.post-content td{padding:12px 16px;border:1px solid var(--color-bg-grey);text-align:left}.post-content th{background:rgba(38,75,109,0.06);font-weight:600;color:var(--color-primary)}.post-content > *:first-child{margin-top:0}.post-content > *:last-child{margin-bottom:0}.single-post__cta{margin-top:60px;padding-top:32px;border-top:1px solid var(--color-bg-grey);text-align:center}.single-post__cta h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--color-primary);margin-bottom:12px}.single-post__cta p{color:var(--color-sub-font);margin-bottom:24px}.project-card__sound-icon{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;transition:background var(--duration-fast) ease}@media (hover:hover) and (pointer:fine){.project-card__sound-icon:hover{background:rgba(0,0,0,0.7)}}.video-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:2000;align-items:center;justify-content:center;padding:40px}.video-popup--open{display:flex}.video-popup__inner{position:relative;max-width:800px;width:100%}.video-popup__close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;padding:4px 8px}@media (hover:hover) and (pointer:fine){.video-popup__close:hover{opacity:0.7}}.video-popup__video{width:100%;border-radius:var(--radius);background:#000}@keyframes processFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes processPulse{0%,100%{opacity:0.5}50%{opacity:1}}.process__card{animation:processFloat 6s var(--ease-in-out) infinite;will-change:transform}.process__card:nth-child(1){animation-delay:0s}.process__card:nth-child(2){animation-delay:1s}.process__card:nth-child(3){animation-delay:2s}.process__card:nth-child(4){animation-delay:3s}.process__card-number{animation:processPulse 4s ease-in-out infinite;will-change:opacity}.process__card-icon svg{transition:transform var(--duration-slow) var(--ease-out)}@media (hover:hover) and (pointer:fine){.process__card:hover .process__card-icon svg{transform:scale(1.1) rotate(3deg)}}.process__card::before{content:'';position:absolute;top:-1px;left:24px;right:24px;height:3px;background:var(--gradient-accent);border-radius:2px;opacity:0;transition:opacity var(--duration-normal) ease}@media (hover:hover) and (pointer:fine){.process__card:hover::before{opacity:1}}.service-card__icon svg,.process__card-icon svg{transition:transform var(--duration-slow) var(--ease-out),filter var(--duration-normal) ease}@media (hover:hover) and (pointer:fine){.service-card:hover .service-card__icon svg{filter:drop-shadow(0 4px 8px rgba(198,78,78,0.3))}}.about__contact{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.nav__link--active{color:#fff !important}.nav__link--active::after{width:100% !important}.mobile-cta{display:none;position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:var(--color-white);border-top:1px solid rgba(0,0,0,0.08);box-shadow:0 -4px 20px rgba(0,0,0,0.1);z-index:999;text-align:center;transition:opacity var(--duration-normal) ease}.mobile-cta .btn{width:100%}.js-loaded .reveal{opacity:0;transform:translateY(30px);transition:opacity var(--duration-reveal) var(--ease-out),transform var(--duration-reveal) var(--ease-out);will-change:opacity,transform}.js-loaded .reveal--left{transform:translateX(-40px)}.js-loaded .reveal--right{transform:translateX(40px)}.js-loaded .reveal--scale{transform:scale(0.95);opacity:0}.js-loaded .reveal--visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.js-loaded .reveal{opacity:1;transform:none}}@media (max-width:1024px){.services__grid{grid-template-columns:repeat(2,1fr)}.projects__grid{grid-template-columns:repeat(2,1fr)}.projects__grid--portrait{grid-template-columns:repeat(3,1fr)}.process__cards{grid-template-columns:repeat(2,1fr)}.testimonials__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav__links,.nav__right .btn{display:none}.nav__right{gap:12px}.nav__hamburger{display:flex}.mobile-cta{display:none}body{padding-bottom:0}.hero{padding:calc(var(--nav-height) + 32px) 0 0;min-height:auto}.hero > .container{flex:initial;display:block;max-width:100%}.hero__grid{grid-template-columns:1fr;gap:0;text-align:center}.hero__visual{display:none}.hero__subline{max-width:100%}.hero__actions{justify-content:center}.hero__microcopy{text-align:center}.hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin-top:32px}.hero{padding-bottom:0}.hero__content{padding-bottom:40px}.services,.projects,.process,.testimonials,.about,.cta-section,.blog-preview{padding:48px 0}.section-headline{font-size:clamp(1.4rem,5vw,2rem)}.services__grid{grid-template-columns:repeat(2,1fr);max-width:100%;margin:0 auto}.service-card{padding:24px 16px}.service-card__text{display:none}.service-card__icon{width:48px;height:48px;margin-bottom:12px}.projects__grid{grid-template-columns:repeat(2,1fr)}.projects__grid--portrait{grid-template-columns:repeat(2,1fr)}.blog-preview .projects__grid{grid-template-columns:1fr;gap:24px}.project-card--portrait .project-card__media{background:linear-gradient(145deg,var(--color-primary-dark) 0%,var(--color-primary) 60%,rgba(198,78,78,0.15) 100%)}.process__cards{grid-template-columns:repeat(2,1fr);max-width:100%;margin:0 auto}.about__grid--map{grid-template-columns:1fr;text-align:center}.about__map-svg{max-width:200px}.about__fan{flex-wrap:wrap;gap:8px;margin-top:32px;padding:20px 0}.about__fan-card{width:28vw !important;aspect-ratio:1/1 !important;margin:0 !important;transform:none !important;transition:none !important}.about__fan-card-inner{animation:none !important}.testimonials__grid{grid-template-columns:1fr}.gallery-mosaic{grid-template-columns:1fr 1fr;gap:12px}.gallery-mosaic__item--wide{grid-column:span 2}.gallery-mosaic__item--tall{grid-row:span 1;aspect-ratio:4/3}.footer__container{flex-direction:column;text-align:center;align-items:center}.footer__services,.footer__links{align-items:center}.footer__social{justify-content:center}article.single-post{padding:40px 0 60px}.single-post__container{padding:0 20px}.single-post__thumbnail{margin-bottom:28px;border-radius:12px}.post-content blockquote{padding:1em 1.2em;margin:1.5em 0}.post-content img{border-radius:8px}.post-content pre{padding:1em;font-size:0.85em}.post-content table{font-size:0.85rem;display:block;overflow-x:auto}}@media (max-width:480px){.hero__actions{flex-direction:column;align-items:stretch}.hero__stats{grid-template-columns:1fr 1fr;gap:16px}.projects__grid--portrait{grid-template-columns:repeat(2,1fr)}.single-post__container{padding:0 16px}.single-post__title{font-size:1.5rem}.post-content{font-size:1rem}.post-content h2{font-size:1.25rem}.post-content h3{font-size:1.1rem}}