:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jkb-topbar {
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--space-xs) var(--space-m); padding-block:var(--space-xs); padding-inline:var(--gutter); background:var(--primary); color:var(--white); font-size:var(--text-s); font-weight:600; text-transform:uppercase;
}
.jkb-header {
  position:sticky; inset-block-start:0; z-index:10; display:block; padding-inline:var(--gutter); background:var(--white); border-block-end:var(--border);
}
.jkb-header__bar {
  display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:var(--space-m); padding-block:var(--space-xs); max-inline-size:var(--content-width); margin-inline:auto;
}
.jkb-header__logo {
  display:block; & img{display:block; inline-size:auto; block-size:var(--space-xxl);}
}
.jkb-header__nav {
  display:none; @media (width >= 64em){display:flex; align-items:center; gap:var(--space-l);} & a{color:var(--text-dark); font-weight:600; font-size:var(--text-s); text-transform:uppercase; text-decoration:none;} & a:hover{color:var(--primary);}
}
.jkb-header__actions {
  display:flex; align-items:center; gap:var(--space-s);
}
.jkb-header__phone {
  display:none; font-weight:700; color:var(--text-dark); text-decoration:none; @media (width >= 48em){display:inline-flex;}
}
.jkb-hero {
  position:relative; overflow:clip; background:var(--bg-ultra-dark); color:var(--text-light); padding-block:var(--section-space-l);
}
.jkb-hero__media {
  position:relative; order:-1; aspect-ratio:2/1; margin-block-end:var(--space-m); & img{display:block; inline-size:100%; block-size:100%; object-fit:cover;} &::after{content:""; position:absolute; inset:0; background:linear-gradient(to top, var(--bg-ultra-dark), transparent);} @media (width >= 64em){position:absolute; inset-block:0; inset-inline-end:0; inline-size:var(--width-70); aspect-ratio:auto; margin:0; order:0; & img{position:absolute; inset:0;} &::after{background:linear-gradient(to right, var(--bg-ultra-dark), transparent 60%);}}
}
.jkb-container {
  max-inline-size: var(--content-width); inline-size: 100%; margin-inline: auto;
}
.jkb-hero__inner {
  position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-m); @media (width >= 64em){max-inline-size:var(--content-width); & > *{max-inline-size:var(--width-50);}}
}
.jkb-eyebrow {
  display:inline-flex; align-items:center; gap:var(--space-xs); margin:0; color:var(--primary); font-size:var(--text-s); font-weight:700; text-transform:uppercase; &::before{content:""; inline-size:var(--space-m); block-size:calc(var(--space-xs) / 3); background:var(--primary);}
}
.jkb-hero__title {
  color:var(--white); font-size:calc(var(--h1) * 1.4); line-height:1;
}
.jkb-hero__lead {
  font-size:var(--text-l); color:var(--text-light-muted);
}
.jkb-actions {
  display:flex; flex-wrap:wrap; gap:var(--space-s);
}
.jkb-tags {
  display:flex; flex-wrap:wrap; gap:var(--space-xs) var(--space-s); margin:0; padding:0; list-style:none; font-weight:600; font-size:var(--text-s); text-transform:uppercase; color:var(--text-light-muted); & li + li::before{content:"/"; margin-inline-end:var(--space-s); color:var(--primary);}
}
.jkb-heading {
  display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-xs); max-inline-size:var(--width-60); margin-block-end:var(--space-l); & > *{margin:0;}
}
.jkb-grid {
  display:grid; gap:var(--grid-gap);
}
.jkb-grid--cards {
  --min:var(--width-20); grid-template-columns:1fr; @media (width >= 48em){grid-template-columns:var(--grid-2);} @media (width >= 64em){grid-template-columns:var(--grid-5);}
}
.jkb-card {
  display:flex; flex-direction:column; gap:var(--space-xs); padding:var(--space-m); border:var(--border-size) solid color-mix(in oklch, var(--white) 18%, transparent); border-radius:var(--radius); background:color-mix(in oklch, var(--white) 4%, transparent); transition:border-color .2s; &:hover{border-color:var(--primary);}
}
.jkb-icon {
  display:block; inline-size:var(--space-l); block-size:var(--space-l); color:var(--primary); flex-shrink:0;
}
.jkb-card__title {
  margin:0; color:var(--white); font-size:var(--h4);
}
.jkb-card__text {
  margin:0; font-size:var(--text-s); color:var(--text-light-muted);
}
.jkb-split {
  display:grid; gap:var(--space-l); align-items:center; @media (width >= 64em){grid-template-columns:var(--grid-2);}
}
.jkb-stack {
  display:flex; flex-direction:column; align-items:flex-start; gap:var(--content-gap); & > *{margin:0;}
}
.jkb-checklist {
  display:flex; flex-direction:column; gap:var(--space-xs); margin:0; padding:0; list-style:none; & li{display:flex; align-items:center; gap:var(--space-xs); font-weight:600;}
}
.jkb-check {
  display:block; inline-size:var(--space-s); block-size:var(--space-s); color:var(--primary); flex-shrink:0;
}
.jkb-figure {
  margin:0; & img{display:block; inline-size:100%; block-size:auto; border-radius:var(--radius);}
}
.jkb-grid--machines {
  grid-template-columns:var(--grid-2); @media (width >= 64em){grid-template-columns:var(--grid-4);}
}
.jkb-machine {
  margin:0; overflow:hidden; border-radius:var(--radius); background:var(--bg-ultra-dark); & img{display:block; inline-size:100%; aspect-ratio:8/5; object-fit:cover; transition:transform .4s;} &:hover img{transform:scale(1.04);} & figcaption{padding:var(--space-xs) var(--space-s); color:var(--white); font-family:var(--heading-font-family); font-size:var(--text-l); font-weight:700; text-align:center; text-transform:uppercase;}
}
.jkb-bus__figure {
  margin:0; padding:var(--space-s); border-radius:var(--radius); background:var(--white); color:var(--text-dark-muted); font-size:var(--text-xs); text-align:center; & img{display:block; inline-size:100%; block-size:auto;}
}
.jkb-cta {
  padding-block:var(--section-space-m); background:var(--primary); color:var(--white); & h2{color:var(--white);} & p{color:var(--white);}
}
.jkb-cta__inner {
  display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:var(--space-m); @media (width >= 64em){flex-direction:row; align-items:center;}
}
.jkb-grid--contact {
  grid-template-columns:1fr; @media (width >= 48em){grid-template-columns:var(--grid-2);} @media (width >= 64em){grid-template-columns:var(--grid-4);}
}
.jkb-contact-card {
  display:flex; align-items:center; gap:var(--space-s); padding:var(--space-m); border-radius:var(--radius); background:var(--white); color:var(--text-dark); text-decoration:none; border:var(--border); transition:border-color .2s; &:is(a):hover{border-color:var(--primary);}
}
.jkb-contact-card__body {
  display:flex; flex-direction:column;
}
.jkb-contact-card__label {
  font-size:var(--text-xs); font-weight:600; text-transform:uppercase; color:var(--text-dark-muted);
}
.jkb-footer {
  display:block; padding-inline:var(--gutter); padding-block:var(--section-space-m) var(--space-m); background:var(--bg-ultra-dark); color:var(--text-light-muted);
}
.jkb-footer__inner {
  display:flex; flex-direction:column; gap:var(--space-l); max-inline-size:var(--content-width); margin-inline:auto;
}
.jkb-footer__top {
  display:grid; gap:var(--space-l); @media (width >= 64em){grid-template-columns:var(--grid-3);}
}
.jkb-footer__logo {
  display:block; padding:var(--space-xs); border-radius:var(--radius); background:var(--white); & img{display:block; inline-size:auto; block-size:var(--space-xl);}
}
.jkb-footer__slogan {
  font-family:var(--heading-font-family); font-size:var(--h4); font-weight:700; text-transform:uppercase; color:var(--white);
}
.jkb-footer__title {
  margin:0; font-size:var(--text-m); color:var(--white);
}
.jkb-footer__list {
  display:flex; flex-direction:column; gap:var(--space-xs); margin:0; padding:0; list-style:none; & a{color:inherit; text-decoration:none;} & a:hover{color:var(--primary);}
}
.jkb-footer__bottom {
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--space-xs) var(--space-m); padding-block-start:var(--space-m); border-block-start:var(--border-size) solid color-mix(in oklch, var(--white) 18%, transparent); font-size:var(--text-xs);
}
.jkb-pagehead {
  padding-block:var(--section-space-m);
}
.jkb-offerte__grid {
  display:grid; gap:var(--space-l); align-items:start; @media (width >= 64em){grid-template-columns:var(--grid-2-1);}
}
.jkb-form {
  display:flex; flex-direction:column; gap:var(--space-m); padding:var(--space-l); border:var(--border); border-radius:var(--radius); background:var(--white);
}
.jkb-form__grid {
  display:grid; gap:var(--space-m); @media (width >= 48em){grid-template-columns:var(--grid-2);}
}
.jkb-form__field {
  display:flex; flex-direction:column; gap:var(--space-xs);
}
.jkb-form__label {
  font-size:var(--text-s); font-weight:600; color:var(--text-dark);
}
.jkb-form__input {
  inline-size:100%; padding:var(--space-xs) var(--space-s); border:var(--border); border-radius:var(--radius); background:var(--white); color:var(--text-dark); font:inherit; &:focus-visible{outline:var(--border-size) solid var(--primary); outline-offset:0; border-color:var(--primary);} &[aria-invalid="true"]{border-color:var(--danger, var(--primary));}
}
.jkb-form__error {
  margin:0; min-block-size:0; font-size:var(--text-xs); color:var(--primary); &:empty{display:none;}
}
.jkb-form__honey {
  position:absolute; inline-size:0; block-size:0; overflow:hidden; opacity:0; pointer-events:none;
}
.jkb-form__status {
  margin:0; font-weight:600; &:empty{display:none;} &[data-state="success"]{color:var(--text-dark);} &[data-state="error"]{color:var(--primary);}
}
.jkb-side {
  display:flex; flex-direction:column; gap:var(--space-s); & > *{margin:0;}
}
.jkb-side__title {
  font-size:var(--h4);
}
.jkb-grid--side {
  grid-template-columns:1fr;
}