@font-face{font-family: "Instrument Sans";font-style: normal;font-weight: 400 700;font-stretch: 75% 100%;font-display: swap;src: url("../fonts/instrument-sans-latin-ext.woff2") format("woff2");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: "Instrument Sans";font-style: normal;font-weight: 400 700;font-stretch: 75% 100%;font-display: swap;src: url("../fonts/instrument-sans-latin.woff2") format("woff2");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}@layer reset,tokens,base,components,sections,utilities;@layer tokens{:root{--brand: #4a96d2;--brand-ink: #256ba8;--brand-deep: #1d5a8f;--ink: #1c2733;--slate: #52606f;--muted: #5f6b79;--line: #e2e8ee;--surface: #f4f7fa;--white: #fff;--error: #b42318;--font: "Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--edge: clamp(1.25rem,0.6rem + 3vw,3.5rem);--max: 76rem;--header-h: 4.5rem;--radius: 6px;--ease: cubic-bezier(0.22,1,0.36,1);--t-body: clamp(1.0625rem,1rem + 0.2vw,1.125rem);--t-small: 0.9375rem}}@layer reset{*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}body,h1,h2,h3,p,ul,ol,figure,blockquote,dl,dd{margin: 0}ul[role="list"],ol[role="list"]{list-style: none;padding: 0}img,svg{display: block;max-width: 100%}img{height: auto}input,button,textarea,select{font: inherit;color: inherit}button{cursor: pointer}a{color: inherit}[hidden]{display: none !important}}@layer base{html{background: var(--white);color: var(--ink);scroll-padding-top: calc(var(--header-h) + 1rem)}body{font-family: var(--font);font-size: var(--t-body);line-height: 1.6;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;min-height: 100vh;min-height: 100svh;display: flex;flex-direction: column;background: var(--white)}main{flex: 1}main:focus{outline: none}h1,h2,h3{font-weight: 600;line-height: 1.08;letter-spacing: -0.02em;text-wrap: balance}p{text-wrap: pretty}::selection{background: var(--brand);color: #fff}:focus-visible{outline: 2px solid var(--brand-ink);outline-offset: 3px}.wrap{width: 100%;max-width: calc(var(--max) + 2 * var(--edge));margin-inline: auto;padding-inline: var(--edge)}.skip-link{position: fixed;left: 1rem;top: -5rem;z-index: 100;background: var(--ink);color: #fff;padding: 0.75rem 1rem;border-radius: var(--radius);font-weight: 600;text-decoration: none}.skip-link:focus{top: 1rem}.eyebrow{font-size: 0.8125rem;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;color: var(--brand-ink)}}@layer components{.site-header{position: fixed;inset: 0 0 auto;z-index: 50;background: #fff;border-bottom: 1px solid var(--line);transition: background-color 0.35s var(--ease),border-color 0.35s,box-shadow 0.35s}.site-header.is-scrolled:not(.is-over){box-shadow: 0 6px 24px -18px rgb(28 39 51 / 0.35)}.is-sub main{padding-top: var(--header-h)}.site-header.is-over{background: transparent;border-bottom-color: transparent}.logo-neg{display: none}.is-over .logo-pos{display: none}.is-over .logo-neg{display: block}.is-over .nav-mail{color: #fff}.is-over .nav-mail:hover{color: #fff}.is-over .nav-cta{background: #fff;border-color: #fff;color: var(--ink)}.is-over .nav-cta:hover{background: var(--surface);border-color: var(--surface)}.header-bar{display: flex;align-items: center;justify-content: space-between;gap: 1rem;min-height: var(--header-h)}.logo{display: inline-flex;align-items: center}.logo img{width: auto;height: 40px}.logo--sm img{height: 30px}.nav{display: flex;align-items: center;gap: clamp(1rem,0.5rem + 1.5vw,2rem)}.nav-mail{font-size: var(--t-small);font-weight: 500;color: var(--slate);text-decoration: none}.nav-mail:hover{color: var(--brand-ink);text-decoration: underline;text-underline-offset: 0.2em}@media (max-width: 40rem){.nav-mail{display: none}.logo img{height: 34px}}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.55em;min-height: 3.25rem;padding: 0.8rem 1.5rem;background: var(--brand-ink);color: #fff;border: 1px solid var(--brand-ink);border-radius: var(--radius);font-weight: 600;font-size: 1rem;line-height: 1.2;text-decoration: none;transition: background-color 0.2s,border-color 0.2s,color 0.2s}.btn:hover{background: var(--brand-deep);border-color: var(--brand-deep)}.btn--sm{min-height: 2.75rem;padding: 0.55rem 1.1rem;font-size: 0.9375rem}.btn--light{background: #fff;color: var(--ink);border-color: #fff}.btn--light:hover{background: var(--surface);border-color: var(--surface);color: var(--ink)}.btn--ghost{background: #fff;color: var(--ink);border-color: var(--line)}.btn--ghost:hover{background: var(--surface);border-color: #cfd8e1;color: var(--ink)}.btn[aria-busy="true"]{opacity: 0.65;pointer-events: none}.btn .icon{width: 1.1em;height: 1.1em;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;transition: transform 0.25s var(--ease)}.btn:hover .icon{transform: translateX(2px)}.btn--ghost .icon,.btn--ghost:hover .icon{transform: none;color: var(--brand-ink)}}@layer sections{.hero{position: relative;height: 100vh;height: 100svh;min-height: 34rem;background: #26313d;color: #fff}.hero-stage{position: relative;height: 100%;min-height: 34rem;display: flex;align-items: flex-end;overflow: hidden;isolation: isolate}@media (prefers-reduced-motion: no-preference){html.js .hero{height: 170vh;height: 170svh}html.js .hero-stage{position: sticky;top: 0;height: 100vh;height: 100svh}html.js .hero + .contact{position: relative;z-index: 2;margin-top: -62vh;margin-top: -62svh;background: transparent;will-change: opacity}}.hero-media{position: absolute;inset: 0;z-index: -3;transform-origin: 43% 52%;will-change: transform}.hero-dim{position: absolute;inset: 0;z-index: -1;background: #101a26;opacity: 0;pointer-events: none}.hero-white{position: absolute;inset: 0;z-index: 1;background: #fff;opacity: 0;pointer-events: none}.hero-media picture,.hero-media img{width: 100%;height: 100%}.hero-media img{object-fit: cover;object-position: 50% 45%}@media (prefers-reduced-motion: no-preference){.hero-media img{animation: settle 2.6s var(--ease) both}@keyframes settle{from{transform: scale(1.12)}to{transform: scale(1)}}.hero-inner>*{animation: rise 1s var(--ease) both}.hero-inner>:nth-child(2){animation-delay: 0.08s}.hero-inner>:nth-child(3){animation-delay: 0.16s}.hero-inner>:nth-child(4){animation-delay: 0.24s}@keyframes rise{from{opacity: 0;transform: translateY(14px)}}}.hero-shade{position: absolute;inset: 0;z-index: -1;background: linear-gradient(90deg,rgb(16 26 38 / 0.82) 0%,rgb(16 26 38 / 0.62) 38%,rgb(16 26 38 / 0.18) 70%,rgb(16 26 38 / 0) 100%),linear-gradient(0deg,rgb(16 26 38 / 0.55) 0%,rgb(16 26 38 / 0) 45%),linear-gradient(180deg,rgb(16 26 38 / 0.55) 0%,rgb(16 26 38 / 0) calc(var(--header-h) * 2.2))}.hero-shade{z-index: -2}.hero-inner{position: relative;padding-block: calc(var(--header-h) + 2rem) clamp(3rem,2rem + 6vh,7rem);will-change: opacity,transform}.hero-kicker{display: inline-flex;align-items: center;gap: 0.75rem;font-size: 0.875rem;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;color: #dbe7f2}.hero-kicker::before{content: "";width: 2rem;height: 2px;background: var(--brand);border-radius: 2px}.hero h1{margin-top: 1.1rem;max-width: 14ch;font-size: clamp(2.5rem,1.1rem + 5.2vw,5.75rem);font-weight: 600;line-height: 1.02;letter-spacing: -0.03em}.hero-services{display: flex;flex-wrap: wrap;gap: 0.4rem 1.6rem;max-width: 50rem;margin-top: 1.5rem;font-size: clamp(1rem,0.94rem + 0.25vw,1.1875rem);color: #e6edf4;line-height: 1.5}.hero-services li{display: inline-flex;align-items: center;gap: 0.6rem}.hero-services li::before{content: "";flex: none;width: 5px;height: 5px;border-radius: 50%;background: var(--brand)}.hero .btn{margin-top: 2.25rem}@media (max-width: 40rem){.hero-shade{background: linear-gradient(0deg,rgb(16 26 38 / 0.88) 0%,rgb(16 26 38 / 0.7) 45%,rgb(16 26 38 / 0.15) 80%),linear-gradient(180deg,rgb(16 26 38 / 0.6) 0%,rgb(16 26 38 / 0) 9rem)}.hero-services{gap: 0.35rem 1.1rem}}.contact{padding-block: clamp(4rem,2.5rem + 6vw,8rem);background: var(--white)}.contact-grid{display: grid;gap: clamp(2.5rem,1.5rem + 3vw,4rem);align-items: start}@media (min-width: 64rem){.contact-grid{grid-template-columns: minmax(0,7fr) minmax(0,5fr)}}.contact h2{margin-top: 0.75rem;font-size: clamp(2.25rem,1.5rem + 2.6vw,3.5rem)}.contact-text{margin-top: 1rem;max-width: 34rem;color: var(--muted)}.contact-direct{display: grid;gap: 1rem;margin-top: 2rem;padding-bottom: 2rem;border-bottom: 1px solid var(--line)}.contact-mail{justify-self: start;font-size: clamp(1.5rem,1.1rem + 1.6vw,2.25rem);font-weight: 600;letter-spacing: -0.01em;color: var(--brand-ink);text-decoration: none}.contact-mail:hover{text-decoration: underline;text-underline-offset: 0.15em;text-decoration-thickness: 2px}.contact-actions{display: flex;flex-wrap: wrap;gap: 0.6rem}.copy-status{min-height: 1.4em;margin-top: -0.25rem;font-size: var(--t-small);font-weight: 600;color: var(--brand-ink)}.contact-address{font-style: normal;font-size: var(--t-small);color: var(--muted);line-height: 1.7}.form-wrap{margin-top: 2rem}.contact-photo{margin: 0;border-radius: var(--radius);overflow: hidden;background: var(--surface)}.contact-photo img{width: 100%;aspect-ratio: 4 / 5;object-fit: cover;object-position: 55% 50%}@media (min-width: 64rem){.contact-photo{position: sticky;top: calc(var(--header-h) + 2rem)}}@media (max-width: 63.99rem){.contact-photo{order: -1}.contact-photo img{aspect-ratio: 16 / 10}}.form{display: grid;gap: 1.25rem}.form-row{display: grid;gap: 1.25rem}@media (min-width: 40rem){.form-row{grid-template-columns: 1fr 1fr}}.field{display: grid;gap: 0.45rem;align-content: start}.field label{font-size: var(--t-small);font-weight: 600}.field .opt{font-weight: 400;color: var(--muted)}.field input,.field textarea{width: 100%;min-height: 3.25rem;padding: 0.8rem 0.95rem;background: #fff;color: var(--ink);border: 1px solid #cbd5df;border-radius: var(--radius);font-size: 1rem;line-height: 1.4;appearance: none;transition: border-color 0.2s,box-shadow 0.2s}.field textarea{min-height: 9rem;resize: vertical;field-sizing: content;max-height: 24rem}.field input:hover,.field textarea:hover{border-color: #aebccb}.field input:focus-visible,.field textarea:focus-visible{outline: none;border-color: var(--brand-ink);box-shadow: 0 0 0 3px rgb(74 150 210 / 0.25)}.field [aria-invalid="true"]{border-color: var(--error)}.field-error{color: var(--error);font-size: var(--t-small);font-weight: 600}.form-alert{padding: 0.85rem 1rem;background: #fdecea;color: #7a1a12;border: 1px solid #f3b8b1;border-radius: var(--radius);font-weight: 600}.form-foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem 1.5rem}.form-note{flex: 1 1 16rem;font-size: 0.875rem;color: var(--muted)}.form-note a{color: var(--brand-ink)}.form-done{display: grid;gap: 0.5rem;padding: 1.75rem;background: var(--surface);border-radius: var(--radius)}.form-done:focus{outline: none}.form-done h3{font-size: 1.375rem}.form-done p{color: var(--muted)}.hp{position: absolute !important;left: -9999px;width: 1px;height: 1px;overflow: hidden}.site-footer{border-top: 1px solid var(--line);background: var(--surface)}.footer-bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem 2rem;padding-block: 1.75rem;font-size: 0.875rem;color: var(--muted)}.footer-nav{display: flex;flex-wrap: wrap;gap: 0 1.5rem}.footer-nav a{display: inline-flex;align-items: center;min-height: 2.75rem;text-decoration: none;color: var(--slate)}.footer-nav a:hover{color: var(--brand-ink);text-decoration: underline;text-underline-offset: 0.2em}.page-head{padding-block: clamp(3rem,2rem + 4vw,5.5rem) clamp(1.5rem,1rem + 2vw,2.5rem);background: var(--surface);border-bottom: 1px solid var(--line)}.page-head h1{font-size: clamp(2.25rem,1.4rem + 3vw,3.75rem)}.page-body{padding-block: clamp(2.5rem,2rem + 3vw,4rem) clamp(4rem,3rem + 4vw,6rem)}.prose{max-width: 70ch;line-height: 1.75;color: #2b3643}.prose>* + *{margin-top: 1.05em}.prose h2{font-size: clamp(1.35rem,1.1rem + 0.9vw,1.75rem);margin-top: 2em;line-height: 1.2;color: var(--ink)}.prose h3{font-size: 1.125rem;margin-top: 1.6em;line-height: 1.3;color: var(--ink)}.prose h2 + *,.prose h3 + *{margin-top: 0.6em}.prose h2:first-child{margin-top: 0}.prose ul,.prose ol{padding-left: 1.3em}.prose li + li{margin-top: 0.35em}.prose ul li::marker{color: var(--brand)}.prose a{color: var(--brand-ink);font-weight: 500}.prose strong{font-weight: 650;color: var(--ink)}.prose table{border-collapse: collapse;width: 100%;font-size: var(--t-small)}.prose th,.prose td{text-align: left;padding: 0.5rem 0.75rem 0.5rem 0;border-bottom: 1px solid var(--line);vertical-align: top}.page-date{margin-top: 2.5rem !important;font-size: var(--t-small);color: var(--muted)}.notfound{padding-block: clamp(5rem,3rem + 8vw,10rem);background: var(--surface)}.notfound h1{margin: 0.75rem 0 2rem;font-size: clamp(2.25rem,1.4rem + 3vw,4rem);max-width: 18ch}}@layer components{.consent{width: min(35rem,calc(100vw - 2rem));max-width: none;max-height: calc(100dvh - 2rem);padding: 0;border: 0;border-radius: 12px;background: #fff;color: var(--ink);box-shadow: 0 30px 80px -20px rgb(16 26 38 / 0.55);overflow: auto}.consent::backdrop{background: rgb(16 26 38 / 0.62);backdrop-filter: blur(2px)}.consent-box{display: grid;gap: 1rem;padding: clamp(1.5rem,1rem + 2vw,2.25rem)}.consent-logo{width: auto;height: 28px}.consent h2{font-size: 1.5rem;margin-top: 0.25rem}.consent-lead{font-size: 0.95rem;color: var(--slate);line-height: 1.6}.consent-choice{display: grid;gap: 0.65rem;margin-block: 0.35rem}.consent-choice label{display: flex;gap: 0.8rem;align-items: flex-start;cursor: pointer;padding: 0.9rem 1rem;border: 1px solid var(--line);border-radius: 8px;font-size: 0.9rem;line-height: 1.55;color: var(--slate);transition: border-color 0.2s,background-color 0.2s}.consent-choice label:hover{border-color: #c3ceda}.consent-choice label:has(input:checked){border-color: var(--brand-ink);background: #f1f7fc}.consent-choice input{flex: none;width: 1.1rem;height: 1.1rem;margin-top: 0.2rem;accent-color: var(--brand-ink)}.consent-choice strong{display: block;margin-bottom: 0.1rem;color: var(--ink);font-size: 0.98rem}.consent-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 0.6rem;margin-top: 0.25rem}.consent-actions .btn{width: 100%}.consent-foot{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 0.35rem 0.5rem;font-size: 0.82rem;color: var(--muted)}.consent-foot a,.consent-link{color: var(--muted);text-decoration: underline;text-underline-offset: 0.2em}.consent-link{background: none;border: 0;padding: 0;font: inherit;cursor: pointer}.consent-foot a:hover,.consent-link:hover{color: var(--brand-ink)}@media (max-width: 30rem){.consent-actions{grid-template-columns: 1fr}}.consent:not(:modal)[open]{position: fixed;inset: auto 0 1rem 0;margin: 0 auto;z-index: 90}.keks{position: fixed;right: 1rem;bottom: 1rem;z-index: 60;width: 44px;height: 44px;display: grid;place-items: center;padding: 0;border: 1px solid var(--line);border-radius: 50%;background: #fff;color: var(--slate);cursor: pointer;box-shadow: 0 6px 18px -6px rgb(16 26 38 / 0.35);transition: color 0.2s,border-color 0.2s,transform 0.2s var(--ease)}.keks:hover{color: var(--brand-ink);border-color: var(--brand-ink);transform: rotate(-12deg)}.keks svg{width: 22px;height: 22px;fill: currentColor}@media print{.keks,.consent{display: none !important}}}@layer utilities{.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}@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}}}
