@font-face{font-family:'Manrope';src:url('/examples/ki-blattwerk/assets/fonts/manrope-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;}
@font-face{font-family:'IBM Plex Sans';src:url('/examples/ki-blattwerk/assets/fonts/plex-sans-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:'IBM Plex Sans';src:url('/examples/ki-blattwerk/assets/fonts/plex-sans-medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;}
@font-face{font-family:'IBM Plex Sans';src:url('/examples/ki-blattwerk/assets/fonts/plex-sans-semibold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;}
@font-face{font-family:'IBM Plex Sans';src:url('/examples/ki-blattwerk/assets/fonts/plex-sans-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('/examples/ki-blattwerk/assets/fonts/plex-mono-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:'Fraunces';src:url('/examples/ki-blattwerk/assets/fonts/fraunces-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;}
@font-face{font-family:'Space Grotesk';src:url('/examples/ki-blattwerk/assets/fonts/space-grotesk-variable.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap;}
@font-face{font-family:'Bricolage Grotesque';src:url('/examples/ki-blattwerk/assets/fonts/bricolage-grotesque-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;}
@font-face{font-family:'DM Sans';src:url('/examples/ki-blattwerk/assets/fonts/dm-sans-1.0.0-normal-40c3837c53c103a3.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap;}
@font-face{font-family:'DM Sans';src:url('/examples/ki-blattwerk/assets/fonts/dm-sans-1.0.0-italic-a6e3a6c8cc9f2079.woff2') format('woff2');font-style:italic;font-weight:100 1000;font-display:swap;}

:root{--font-size-body:1rem;--font-size-display:clamp(2.8rem, 7.5vw, 7rem);--font-size-display-split:clamp(2.625rem, 5vw, 4.5rem);--font-size-h2:clamp(2rem, 4vw, 4rem);--font-size-h3:clamp(1.3rem, 2vw, 1.8rem);--line-body:1.65;--line-heading:1.05;--tracking-heading:-0.045em;--space-section:clamp(4.5rem, 9vw, 9rem);--space-gutter:clamp(1.25rem, 4vw, 4rem);--space-gap:clamp(1.5rem, 4vw, 4rem);--space-xs:0.375rem;--space-sm:0.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--container:78rem;--radius-sm:0.375rem;--radius-md:1.25rem;--radius-lg:2rem;--shadow-sm:0 2px 12px rgb(0 0 0 / 0.04);--shadow-lg:0 24px 80px rgb(0 0 0 / 0.08);--weight-heading:600;--weight-body:400;--image-aspect:4 / 3;--image-radius:var(--radius-lg);--button-radius:var(--radius-sm);--color-primary-50:#F8FAF9;--color-primary-100:#EEF0EF;--color-primary-200:#CFD7D3;--color-primary-300:#A3B3AB;--color-primary-400:#668072;--color-primary-500:#254936;--color-primary-600:#20402F;--color-primary-700:#1A3426;--color-primary-800:#13261C;--color-primary-900:#0C1711;--color-secondary-50:#FFFFFE;--color-secondary-100:#FEFEFD;--color-secondary-200:#FDFCF9;--color-secondary-300:#FBF9F4;--color-secondary-400:#F8F5ED;--color-secondary-500:#F5F1E5;--color-secondary-600:#D5D2C7;--color-secondary-700:#AEABA3;--color-secondary-800:#7F7D77;--color-secondary-900:#4E4D49;--color-accent-50:#FDFDFA;--color-accent-100:#F9FBF1;--color-accent-200:#EFF3DA;--color-accent-300:#E0E8B8;--color-accent-400:#CCD988;--color-accent-500:#B6C855;--color-accent-600:#9EAE4A;--color-accent-700:#818E3C;--color-accent-800:#5F682C;--color-accent-900:#3A401B;--color-bg:#FFFFFE;--color-surface:#FFFFFF;--color-surface-alt:#FDFCF9;--color-text:#0C1711;--color-muted:#466454;--color-primary:#254936;--color-accent:#6F7A34;--color-border:#89968F;--color-hairline:#D8DEDB;--color-focus:#254936;--color-inverse-bg:#0C1711;--color-inverse-text:#FFFFFF;--color-inverse-muted:#CFD7D3;--color-inverse-focus:#EFF3DA;--color-on-primary:#FFFFFF;--color-on-accent:#FFFFFF;--color-primary-hover:#1F3E2E;--color-accent-hover:#5E682C;--color-success:#236B46;--color-on-success:#FFFFFF;--color-success-surface:#F2F6F4;--color-warning:#805900;--color-on-warning:#FFFFFF;--color-warning-surface:#F7F5F0;--color-danger:#AD3030;--color-on-danger:#FFFFFF;--color-danger-surface:#FAF3F3;--font-heading:"Manrope", sans-serif;--font-body:"Manrope", sans-serif;--font-mono:"IBM Plex Mono", monospace;}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-lg)}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--weight-body);line-height:var(--line-body);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:var(--font-heading);line-height:var(--line-heading);letter-spacing:var(--tracking-heading);font-weight:var(--weight-heading)}h1{font-size:var(--font-size-display)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}a{color:inherit;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}fieldset{margin:0;padding:0;border:0;min-width:0}ul,ol{padding:0;margin:0;list-style:none}address{font-style:normal}main{min-width:0}.vb-container{width:min(var(--container),calc(100% - var(--space-gutter)*2));margin-inline:auto}.vb-section{padding-block:var(--space-section);position:relative}.vb-header,.vb-footer{padding-block:var(--space-lg)}.vb-grid{display:grid;gap:var(--space-gap);min-width:0}.vb-grid>*{min-width:0}.vb-stack{display:flex;flex-direction:column;gap:var(--space-md)}.vb-display{max-width:18ch}.vb-lead{font-size:clamp(1.0625rem,1.6vw,1.375rem);line-height:1.6;max-width:58ch}.vb-eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-md)}.vb-copy{white-space:pre-line;max-width:70ch}.vb-copy+.vb-copy{margin-top:var(--space-sm)}.vb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg)}.vb-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-primary);border-radius:var(--button-radius);background:var(--color-primary);color:var(--color-on-primary);text-decoration:none;font-weight:var(--weight-heading);font-size:.9375rem;line-height:1.4;text-align:center}.vb-button:hover{box-shadow:var(--shadow-sm);text-decoration:none}.vb-button--secondary{background:transparent;color:var(--color-primary)}.vb-brand{font-family:var(--font-heading);font-weight:700;text-decoration:none;font-size:1.125rem;letter-spacing:var(--tracking-heading);display:inline-flex;align-items:center;gap:var(--space-xs);line-height:1.2;max-width:24ch}.vb-brand-logo{width:auto;max-width:120px;max-height:40px;object-fit:contain}.vb-media{margin:0;overflow:hidden;border-radius:var(--image-radius);background:var(--color-surface-alt);min-width:0}.vb-media>img,.vb-media>svg{width:100%;height:auto;aspect-ratio:var(--image-aspect);object-fit:cover}.vb-media figcaption{font-family:var(--font-mono);font-size:.6875rem;line-height:1.6;padding:var(--space-xs) var(--space-sm);color:var(--color-muted);background:var(--color-surface)}.vb-form{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.vb-form-note{color:var(--color-muted);font-size:.875rem;margin-bottom:var(--space-md)}.vb-form legend{font-weight:var(--weight-heading);margin-bottom:var(--space-md)}.vb-form label{display:block;margin-bottom:var(--space-xs);font-size:.875rem}.vb-form input:not([type=checkbox]),.vb-form textarea{display:block;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);padding:var(--space-sm);margin-bottom:var(--space-md)}.vb-form .vb-checkbox{display:flex;gap:var(--space-xs);align-items:flex-start;line-height:1.5;margin-block:var(--space-md)}.vb-checkbox input{width:18px;height:18px;flex-shrink:0;margin-top:2px}.vb-form .vb-button{margin-bottom:var(--space-sm)}.vb-form :disabled{cursor:default;opacity:1}.vb-form>a{font-size:.8125rem}.vb-example-note{padding:var(--space-xs) var(--space-gutter);text-align:center;background:var(--color-primary);color:var(--color-on-primary);font-size:.6875rem;letter-spacing:.02em}.vb-legal-links{display:flex;gap:var(--space-md);flex-wrap:wrap;font-size:.8125rem;border-top:1px solid var(--color-border);padding-top:var(--space-md);margin-top:var(--space-lg)}.vb-legal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.vb-legal-main{padding-block:var(--space-section);min-height:60vh}.vb-legal-main h1{font-size:var(--font-size-h2);margin-bottom:var(--space-lg)}.vb-legal-copy{white-space:pre-line;max-width:75ch}.vb-note{color:var(--color-muted)}.vb-skip{position:fixed;z-index:100;top:var(--space-sm);left:var(--space-sm);padding:var(--space-sm);background:var(--color-primary);color:var(--color-on-primary);transform:translateY(-200%);border-radius:var(--radius-sm)}.vb-skip:focus{transform:translateY(0)}details summary{cursor:pointer;min-height:48px;list-style-position:inside}details[open] summary{margin-bottom:var(--space-sm)}@media(max-width:600px){.vb-section{padding-block:calc(var(--space-section)*.65)}.vb-header,.vb-footer{padding-block:var(--space-md)}.vb-brand{font-size:1rem}.vb-form{padding:var(--space-md)}.vb-example-note{font-size:.625rem}.vb-legal-header{align-items:flex-start;flex-direction:column}.vb-actions>.vb-button{min-width:0}.vb-display{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

h1,h2{white-space:pre-line}h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}
.vb-cta--banner,.vb-footer--editorial{--color-focus:var(--color-inverse-focus)}
h1{hyphens:none}

.vb-header--minimal{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.vb-header--minimal .vb-header-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-md)}.vb-header--minimal .vb-nav ul{display:flex;gap:var(--space-lg);list-style:none;padding:0;margin:0;flex-wrap:wrap}.vb-header--minimal .vb-nav a{text-decoration:none}.vb-header--minimal .vb-header-brand{flex-shrink:0}@media(max-width:760px){.vb-header--minimal .vb-header-bar{flex-wrap:wrap;gap:var(--space-md)}.vb-header--minimal .vb-nav{order:3;width:100%}.vb-header--minimal .vb-nav ul{gap:var(--space-sm) var(--space-lg)}.vb-header--minimal .vb-actions{margin-inline-start:auto}}

.vb-header--minimal .vb-intro .vb-lead{margin-top:var(--space-md)}.vb-header--minimal .vb-container>*{min-width:0}
.vb-header--minimal{padding-block:0}.vb-header--minimal .vb-actions{margin-top:0}

.vb-hero--split{padding-block:var(--space-section);background:var(--color-bg)}.vb-hero--split .vb-hero-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:var(--space-xl)}.vb-hero--split .vb-hero-copy{max-width:44rem}.vb-hero--split .vb-feature-media{border-radius:var(--radius-lg);overflow:hidden}.vb-hero--split .vb-feature-media>img,.vb-hero--split .vb-feature-media>svg{aspect-ratio:4/5;height:auto;}.vb-hero--split .vb-feature-media img,.vb-hero--split .vb-feature-media svg{height:auto;object-fit:cover}.vb-hero--split .vb-display{font-size:var(--font-size-display-split)}@media(max-width:800px){.vb-hero--split .vb-hero-layout{grid-template-columns:1fr;gap:var(--space-xl)}.vb-hero--split .vb-feature-media{}.vb-hero--split .vb-feature-media>img,.vb-hero--split .vb-feature-media>svg{aspect-ratio:5/4;height:auto;}}

.vb-hero--split .vb-intro .vb-lead{margin-top:var(--space-md)}.vb-hero--split .vb-container>*{min-width:0}

.vb-services--editorial{padding-block:var(--space-section);background:var(--color-bg)}.vb-services--editorial .vb-editorial-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--space-xl)}.vb-services--editorial .vb-intro{align-self:start;max-width:28rem}.vb-services--editorial .vb-editorial-services article{padding-block:var(--space-lg);border-top:1px solid var(--color-border)}.vb-services--editorial .vb-editorial-service-copy{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--space-md)}.vb-services--editorial .vb-item-number{font-family:var(--font-mono);color:var(--color-muted)}.vb-services--editorial h3{margin:0 0 var(--space-sm);font-size:var(--font-size-h3)}.vb-services--editorial figure{margin-top:var(--space-lg);overflow:hidden;border-radius:var(--radius-sm)}.vb-services--editorial figure>img,.vb-services--editorial figure>svg{aspect-ratio:16/9;height:auto;}.vb-services--editorial figure img,.vb-services--editorial figure svg{height:auto;object-fit:cover}.vb-services--editorial .vb-actions{grid-column:2}@media(max-width:760px){.vb-services--editorial .vb-editorial-layout{grid-template-columns:1fr;gap:var(--space-lg)}.vb-services--editorial .vb-actions{grid-column:1}}

.vb-services--editorial .vb-intro .vb-lead{margin-top:var(--space-md)}.vb-services--editorial .vb-container>*{min-width:0}

.vb-contact--centered{padding-block:var(--space-section);background:var(--color-bg)}.vb-contact--centered .vb-contact-centered{max-width:48rem}.vb-contact--centered .vb-intro{text-align:center}.vb-contact--centered .vb-contact-details{margin:var(--space-xl) 0;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-lg) var(--space-xl);text-align:center}.vb-contact--centered .vb-contact-details>div{display:grid;gap:var(--space-xs)}.vb-contact--centered dt{font-family:var(--font-mono);color:var(--color-muted)}.vb-contact--centered dd{margin:0;white-space:pre-line}.vb-contact--centered .vb-actions{justify-content:center}.vb-contact--centered .vb-contact-form{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(max-width:500px){.vb-contact--centered .vb-contact-form{padding:var(--space-lg)}}

.vb-contact--centered .vb-intro .vb-lead{margin-top:var(--space-md)}.vb-contact--centered .vb-container>*{min-width:0}

.vb-contact--centered .vb-lead{margin-inline:auto}

.vb-footer--minimal{padding-block:var(--space-xl);background:var(--color-bg);border-top:1px solid var(--color-border)}.vb-footer--minimal .vb-footer-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.vb-footer--minimal .vb-footer-identity p{color:var(--color-muted);margin:var(--space-sm) 0 0}.vb-footer--minimal .vb-footer-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:var(--space-lg);flex-wrap:wrap}.vb-footer--minimal .vb-footer-nav a{text-decoration:none}@media(max-width:660px){.vb-footer--minimal .vb-footer-bar{flex-direction:column;align-items:flex-start}}

.vb-footer--minimal .vb-intro .vb-lead{margin-top:var(--space-md)}.vb-footer--minimal .vb-container>*{min-width:0}

/* Registered illustration motions: private drawing data chooses names, never CSS. */
.vb-artwork{display:block;width:100%;height:auto;isolation:isolate;overflow:hidden}
.vb-media--artwork{background:var(--color-surface-alt)}
.vb-media--artwork .vb-artwork{object-fit:contain}
.vb-media.vb-media--artwork>svg.vb-artwork{aspect-ratio:5/4;height:auto;object-fit:contain}
.vb-media--artwork figcaption{display:flex;gap:.4em;align-items:center}
/* Illustration-led openings: keep the artwork and the promise together in the first screen. */
[data-artwork="1"] .vb-header:not(.vb-section--custom-layout) .vb-header-centered,
[data-artwork="1"] .vb-header:not(.vb-section--custom-layout) .vb-header-split,
[data-artwork="1"] .vb-header:not(.vb-section--custom-layout) .vb-header-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem 1.25rem;padding-block:.65rem}
[data-artwork="1"] .vb-header:not(.vb-section--custom-layout) .vb-header-brand{text-align:start}
[data-artwork="1"] .vb-header:not(.vb-section--custom-layout) .vb-header-bottom{border:0;padding:0;gap:1rem}
[data-artwork="1"] .vb-header:not(.vb-section--custom-layout) .vb-header-links{width:auto;gap:1rem}
[data-artwork="1"] .vb-header:not(.vb-section--custom-layout) .vb-nav{width:auto;order:initial}
[data-artwork="1"] .vb-header:not(.vb-section--custom-layout) .vb-nav ul{gap:.25rem 1.25rem}
[data-artwork="1"] .vb-header:not(.vb-section--custom-layout) nav a{display:inline-flex;align-items:center;min-height:44px}
[data-artwork="1"] .vb-header:not(.vb-section--custom-layout) .vb-brand{min-height:44px;font-size:1.3rem}
.vb-hero--artwork:not(.vb-section--custom-layout){padding-block:clamp(2rem,4vw,4rem);background:var(--color-bg)}
.vb-hero--artwork:not(.vb-section--custom-layout) .vb-display{font-size:clamp(3rem,5.2vw,4.5rem);max-width:13ch}
.vb-hero--artwork:not(.vb-section--custom-layout) .vb-lead{font-size:clamp(1rem,1.4vw,1.2rem);max-width:43ch}
.vb-hero--artwork:not(.vb-section--custom-layout) .vb-hero-copy{gap:1.2rem}
.vb-hero--artwork:not(.vb-section--custom-layout) .vb-eyebrow{margin-bottom:0}
.vb-hero--artwork:not(.vb-section--custom-layout) .vb-actions{margin-top:.5rem}
.vb-hero--artwork.vb-hero--framed:not(.vb-section--custom-layout)>.vb-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.vb-hero--artwork.vb-hero--framed:not(.vb-section--custom-layout) .vb-framed-copy{max-width:none;text-align:start;margin:0}
.vb-hero--artwork.vb-hero--framed:not(.vb-section--custom-layout) .vb-display,
.vb-hero--artwork.vb-hero--framed:not(.vb-section--custom-layout) .vb-lead{margin-inline:0}
.vb-hero--artwork.vb-hero--framed:not(.vb-section--custom-layout) .vb-actions{justify-content:flex-start}
.vb-hero--artwork.vb-hero--framed:not(.vb-section--custom-layout) .vb-media-frame{max-width:none;margin:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.vb-hero--artwork.vb-hero--framed:not(.vb-section--custom-layout) .vb-frame-top{display:none}
.vb-hero--artwork.vb-hero--split:not(.vb-section--custom-layout) .vb-hero-layout{gap:clamp(2rem,4vw,4rem)}
.vb-hero--artwork.vb-hero--image:not(.vb-section--custom-layout) .vb-image-composition{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem)}
.vb-hero--artwork.vb-hero--image:not(.vb-section--custom-layout) .vb-feature-media{grid-column:1;grid-row:1}
.vb-hero--artwork.vb-hero--image:not(.vb-section--custom-layout) .vb-image-panel{grid-column:2;grid-row:1;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
@media(max-width:800px){
 .vb-hero--artwork:not(.vb-section--custom-layout){padding-block:1.7rem 2.5rem}
 .vb-hero--artwork:not(.vb-section--custom-layout) .vb-display{font-size:clamp(2.25rem,9.2vw,3.25rem);max-width:17ch;line-height:1.02}
 .vb-hero--artwork:not(.vb-section--custom-layout) .vb-lead{font-size:1rem;line-height:1.6}
 .vb-hero--artwork.vb-hero--framed:not(.vb-section--custom-layout)>.vb-container,
 .vb-hero--artwork.vb-hero--split:not(.vb-section--custom-layout) .vb-hero-layout,
 .vb-hero--artwork.vb-hero--image:not(.vb-section--custom-layout) .vb-image-composition{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
 .vb-hero--artwork:not(.vb-section--custom-layout) .vb-framed-copy,
 .vb-hero--artwork:not(.vb-section--custom-layout) .vb-image-panel,
 .vb-hero--artwork:not(.vb-section--custom-layout) .vb-hero-copy{display:contents}
 .vb-hero--artwork:not(.vb-section--custom-layout) .vb-eyebrow{grid-row:1}
 .vb-hero--artwork:not(.vb-section--custom-layout) .vb-display{grid-row:2}
 .vb-hero--artwork.vb-hero--framed:not(.vb-section--custom-layout) .vb-media-frame,
 .vb-hero--artwork.vb-hero--split:not(.vb-section--custom-layout) .vb-feature-media,
 .vb-hero--artwork.vb-hero--image:not(.vb-section--custom-layout) .vb-feature-media{grid-row:3;grid-column:1;margin:.25rem 0 .5rem;min-width:0;width:100%;max-width:30rem;justify-self:center}
 .vb-hero--artwork:not(.vb-section--custom-layout) .vb-lead{grid-row:4}
 .vb-hero--artwork:not(.vb-section--custom-layout) .vb-actions{grid-row:5;justify-content:flex-start;margin-top:.25rem}
 .vb-hero--artwork.vb-hero--framed:not(.vb-section--custom-layout) .vb-feature-media{margin:0}
}
.vb-artwork-node{transform-box:fill-box;transform-origin:center;animation:none}
body[data-motion-paused=false]:not([data-motion=none]) .vb-artwork[data-artwork-visible=true] .vb-artwork-motion-float{animation:vb-art-float 6s ease-in-out infinite}
body[data-motion-paused=false]:not([data-motion=none]) .vb-artwork[data-artwork-visible=true] .vb-artwork-motion-drift{animation:vb-art-drift 8s ease-in-out infinite}
body[data-motion-paused=false]:not([data-motion=none]) .vb-artwork[data-artwork-visible=true] .vb-artwork-motion-pulse{animation:vb-art-pulse 5s ease-in-out infinite}
body[data-motion-paused=false]:not([data-motion=none]) .vb-artwork[data-artwork-visible=true] .vb-artwork-motion-draw>*{stroke-dasharray:100;animation:vb-art-draw 1.8s cubic-bezier(.2,.8,.2,1) both}
.vb-artwork-phase-1{animation-delay:-1.4s!important}.vb-artwork-phase-2{animation-delay:-2.8s!important}.vb-artwork-phase-3{animation-delay:-4.2s!important}
body[data-motion-paused=true] .vb-artwork-node,body[data-motion=none] .vb-artwork-node{animation:none!important;transform:none!important}
@keyframes vb-art-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes vb-art-drift{0%,100%{transform:translateX(-8px)}50%{transform:translateX(8px)}}
@keyframes vb-art-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes vb-art-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.vb-artwork-node,.vb-artwork-node>*{animation:none!important;transform:none!important;stroke-dashoffset:0!important}}

/* Veblo motion 1.0.0. Content is visible by default, including without JavaScript. */
[data-motion] .vb-hero{position:relative;isolation:isolate;overflow:clip}
[data-motion] .vb-hero>.vb-container{position:relative;z-index:1}
[data-motion] .vb-media{isolation:isolate}
[data-motion] .vb-button{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
[data-motion] .vb-button:hover{transform:translateY(-3px);box-shadow:0 9px 0 -5px var(--color-primary-200)}
[data-motion] .vb-button:active{transform:translateY(0);box-shadow:none}
[data-motion] .vb-header a:not(.vb-brand),[data-motion] .vb-footer a{ text-decoration-thickness:1px;text-underline-offset:.3em;transition:text-underline-offset .2s ease }
[data-motion] .vb-header a:hover,[data-motion] .vb-footer a:hover{text-underline-offset:.5em}
[data-motion] .vb-hero .vb-media{transform:perspective(1400px) rotateY(var(--vb-tilt-x,0deg)) rotateX(var(--vb-tilt-y,0deg));transition:transform .55s cubic-bezier(.2,.8,.2,1)}
[data-motion] .vb-media img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
[data-motion] .vb-media:hover img{transform:scale(1.035)}
[data-motion=lively] .vb-hero::before{content:"";position:absolute;z-index:0;pointer-events:none;inset:0;background:radial-gradient(ellipse at 78% 24%,var(--color-accent-100),transparent 55%),radial-gradient(ellipse at 12% 76%,var(--color-primary-50),transparent 48%);opacity:.62;transform:translate3d(var(--vb-glow-x,0px),var(--vb-glow-y,0px),0);transition:transform 1s ease}
.vb-motion-toggle{position:fixed;z-index:30;right:18px;bottom:18px;min-height:44px;padding:10px 16px;border:1px solid var(--color-border);border-radius:100px;background:var(--color-surface);color:var(--color-text);font:500 12px/1.4 var(--font-body);box-shadow:0 5px 24px #00000012;cursor:pointer}
.vb-motion-toggle:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
[data-motion=none] *,[data-motion-paused=true] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
[data-motion=none] *::before,[data-motion=none] *::after,[data-motion-paused=true] *::before,[data-motion-paused=true] *::after{animation:none!important;transition:none!important}
html:has(body[data-motion=none]),html:has(body[data-motion-paused=true]){scroll-behavior:auto}
[data-motion-paused=true] .vb-hero::before{transform:none!important}
[data-motion-paused=true] .vb-hero .vb-media{transform:none!important}
[data-motion=none] .vb-button,[data-motion=none] .vb-media img,[data-motion-paused=true] .vb-button,[data-motion-paused=true] .vb-media img{transform:none!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){[data-motion] *,[data-motion] *::before,[data-motion] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-motion] .vb-button,[data-motion] .vb-media img,[data-motion] .vb-hero .vb-media,[data-motion] .vb-hero::before{transform:none!important}html:has(body[data-motion]){scroll-behavior:auto}}