/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/reset.css ***!
  \*************************************************************************************************/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    box-sizing: border-box;
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/fonts.css ***!
  \*************************************************************************************************/

@font-face {
    font-family: 'Dignitas';
    src: url('/fonts/Dignitas-OkseLogo-Web.woff2'),
      url('/fonts/Dignitas-Bold-Web.woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;

  }

  @font-face {
    font-family: 'Dignitas';
    src: url('/fonts/Dignitas-Regular-Web.woff2'),
      url('/fonts/Dignitas-Regular-Web.woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Dignitas';
    src: url('/fonts/Dignitas-Italic-Web.woff2'),
      url('/fonts/Dignitas-Italic-Web.woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Dignitas';
    src: url('/fonts/Dignitas-Bold-Web.woff2'),
      url('/fonts/Dignitas-Bold-Web.woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Dignitas';
    src: url('/fonts/Dignitas-BoldItalic-Web.woff2'),
      url('/fonts/Dignitas-BoldItalic-Web.woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Gibson';
    src: url('/fonts/Gibson-Regular.woff2'),
      url('/fonts/Gibson-Regular.woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Gibson';
    src: url('/fonts/Gibson-Italic.woff2'),
      url('/fonts/Gibson-Italic.woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Gibson';
    src: url('/fonts/Gibson-SemiBold.woff2'), 
      url('/fonts/Gibson-SemiBold.woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Gibson';
    src: url('/fonts/Gibson-SemiBoldIt.woff2'),
      url('/fonts/Gibson-SemiBoldIt.woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
  }

/****** UNUSED FONTS

  @font-face {
    font-family: 'Gibson';
    src: url('/fonts/Gibson-Light.woff2'),
      url('/fonts/Gibson-Light.woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Gibson';
    src: url('/fonts/Gibson-LightIt.woff2'),
      url('/fonts/Gibson-LightIt.woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Gibson';
    src: url('/fonts/Gibson-Bold.woff2'),
      url('/fonts/Gibson-Bold.woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Gibson';
    src: url('/fonts/Gibson-BoldItalic.woff2'), 
      url('/fonts/Gibson-BoldItalic.woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
  }

  */
/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/_base.css ***!
  \*************************************************************************************************/
/* @link https://utopia.fyi/space/calculator?c=320,16,1.2,2000,32,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l|s-m|m-l&g=s,l,xl,12 */
:root {
    /* Colors */
    --color-white: #fff;
    --color-black: #000;
    --color-grey: #F6F5F3;
    --color-yellow: #FFEC7D;
    --color-red: #EF9A9A;
    --color-green: #B1E8AA;
    --body-bg-color: var(--color-grey);
    
    /* Space */
    --space-3xs: clamp(0.25rem, calc(0.20rem + 0.24vw), 0.50rem);
    --space-2xs: clamp(0.50rem, calc(0.40rem + 0.48vw), 1.00rem);
    --space-xs: clamp(0.75rem, calc(0.61rem + 0.71vw), 1.50rem);
    --space-s: clamp(1.00rem, calc(0.81rem + 0.95vw), 2.00rem);
    --space-m: clamp(1.50rem, calc(1.21rem + 1.43vw), 3.00rem);
    --space-l: clamp(2.00rem, calc(1.62rem + 1.90vw), 4.00rem);
    --space-xl: clamp(3.00rem, calc(2.43rem + 2.86vw), 6.00rem);
    --space-2xl: clamp(4.00rem, calc(3.24rem + 3.81vw), 8.00rem);
    --space-3xl: clamp(6.00rem, calc(4.86rem + 5.71vw), 12.00rem);
    
    /* One-up pairs */
    --space-3xs-2xs: clamp(0.25rem, calc(0.11rem + 0.71vw), 1.00rem);
    --space-2xs-xs: clamp(0.50rem, calc(0.31rem + 0.95vw), 1.50rem);
    --space-xs-s: clamp(0.75rem, calc(0.51rem + 1.19vw), 2.00rem);
    --space-s-m: clamp(1.00rem, calc(0.62rem + 1.90vw), 3.00rem);
    --space-m-l: clamp(1.50rem, calc(1.02rem + 2.38vw), 4.00rem);
    --space-l-xl: clamp(2.00rem, calc(1.24rem + 3.81vw), 6.00rem);
    --space-xl-2xl: clamp(3.00rem, calc(2.05rem + 4.76vw), 8.00rem);
    --space-2xl-3xl: clamp(4.00rem, calc(2.48rem + 7.62vw), 12.00rem);
    
    /* Custom pairs */
    --space-s-l: clamp(1.00rem, calc(0.43rem + 2.86vw), 4.00rem);
    --space-s-m: clamp(1.00rem, calc(0.62rem + 1.90vw), 3.00rem);
    
    --gutter: var(--space-s-l);
    
    --animation-default: cubic-bezier(0.645, 0.045, 0.355, 1);
    
    /* Fonts */
    --font-sans: 'Gibson', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    --font-serif: 'Dignitas', serif;
    --font-serif-weight: 800;
    --font-logo-weight: 600;

    /* @link https://utopia.fyi/type/calculator?c=320,18,1.2,800,28,1.25,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-xl|s-m&g=s,l,xl,12 */
    --step--2: clamp(0.78rem, calc(0.66rem + 0.60vw), 0.96rem);
    --step--1: clamp(0.94rem, calc(0.76rem + 0.88vw), 1.20rem);
    --step-0: clamp(1.13rem, calc(0.88rem + 1.25vw), 1.50rem);
    --step-1: clamp(1.35rem, calc(1.00rem + 1.75vw), 1.88rem);
    --step-2: clamp(1.62rem, calc(1.14rem + 2.41vw), 2.34rem);
    --step-3: clamp(1.94rem, calc(1.29rem + 3.29vw), 2.93rem);
    --step-4: clamp(2.33rem, calc(1.45rem + 4.43vw), 3.66rem);
    --step-5: clamp(2.80rem, calc(1.61rem + 5.93vw), 4.58rem);
    --step-6: clamp(3.36rem, calc(1.15rem + 11.05vw), 6.68rem);
    
    --block-heading-giant: clamp(2.50rem, calc(0.11rem + 11.93vw), 18.75rem);
    --block-heading-1: clamp(2.25rem, calc(1.31rem + 4.71vw), 6.25rem);
    --block-heading-2: clamp(2.00rem, calc(0.77rem + 6.15vw), 4.00rem);
    
    --block-body-giant: clamp(1.50rem, calc(1.04rem + 2.31vw), 2.25rem);
    --block-body-1: var(--block-body-2);
    --block-body-2: clamp(1.25rem, calc(1.13rem + 0.59vw), 1.75rem);
    --block-small: clamp(1.00rem, calc(0.93rem + 0.37vw), 1.50rem);
    
    /* Block spacing */
    --block-flow: clamp(5.00rem, calc(3.24rem + 8.82vw), 12.50rem);
    --block-flow-inner: calc(var(--block-flow) / 3);
    
    --border-radius: 0.5rem;
    --border-radius-large: 1rem;
    
    /* 1680, 1440, 1024, 768 px */
    --width-max: 105rem; 
    --width-medium: 90rem;
    --width-narrow: 64rem;
    --width-small: 50rem;
    
    /* Outline styles for generic :focus-visible */
    --focus-generic: 2px dashed var(--color-black);
    --focus-generic-offset: 0.25rem;
    
    /* Theming */
    --theme-menu-blob-color: var(--color-yellow);
    --theme-table-header-bg: var(--color-yellow);
    --theme-table-header-color: var(--color-black);
    --theme-table-border-color: rgb(0 0 0 / 0.25);
    --theme-blockquote-accent-color: var(--color-yellow);
    --theme-focus-background: var(--color-yellow);
    --theme-focus-color: var(--color-black);
    --theme-skiplink-bg: var(--color-yellow);

    scroll-behavior: smooth;
}

body {
    background: var(--body-bg-color);
    color: var(--color-black);
    font: normal 1rem/1.35 var(--font-sans);
}

main {
    margin-block-start: calc(var(--block-flow) / 1);
    padding-inline: var(--gutter);
}
main > * + * {
    margin-block-start: var(--block-flow);
}

a[href] {
    background: transparent;
    border-radius: var(--border-radius);
    color: var(--color-black);
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: all;
    transition: all 150ms ease-in-out;
}
a[href]:hover {
    text-decoration-style: dashed;
    text-decoration-skip-ink: none;
}
a[href]:focus-visible {
    outline: var(--focus-generic);
    outline-offset: var(--focus-generic-offset);
    text-decoration: none;
}

ul, ol, table, figcaption, p {
    font-size: var(--step-0);
    line-height: 1.6;
}
.block-content blockquote p {
    line-height: 1.1;
}

:is(ul, ol) p {
    margin-block: 1em;
}

img {
    border-radius: var(--border-radius);
    display: block;
    height: auto;
    max-width: 100%;
}
:is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--font-serif);
    font-weight: var(--font-serif-weight);
    line-height: 1;
    margin: 0;
}

h1.logo { font-weight: 600; }

.underline-wavy {
    background: center bottom/100% .15em url('/images/underline.svg') no-repeat;
}
.underline-wavy {
    display: inline-block;
}

.button:is(a, input, button) {
    all: unset;
    appearance: none;
    border: 2px solid var(--color-black);
    border-radius: 100px;
    color: var(--color-black);
    display: inline-block;
    font-size: var(--step-0);
    padding: 0.75em 1.5em;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" preserveAspectRatio="none" viewBox="0 0 204 49"><path fill="%23FFEC7D" d="M0 19C0 8 9 1 19 1h82l85-1c9 0 17 7 18 17v13c-1 11-11 19-22 19-40 0-118-2-159-1-12 0-23-8-23-20v-9Z"/></svg>');
    background-repeat: no-repeat;
    background-size: 0 0;
    background-position: center center;
    display: inline-block;
    text-decoration: none;
    transition: background-size .3s ease-in-out;
    white-space: nowrap;
}
.button:is(a, input, button) + .button { margin-left: 1em; }
.button:is(a, input, button):focus,
.button:is(a, input, button):active,
.button:is(a, input, button):hover {
    background-size: 100% 100%;
    cursor: pointer;
}
.button:is(a, input, button):focus-visible {
    outline: 2px dashed var(--color-black);
    outline-offset: 0.5rem;
}

.visually-hidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; 
    width: 1px;
}
/*!**************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/header.css ***!
  \**************************************************************************************************/
a.skip-link {
    background: var(--theme-skiplink-bg);
    border-radius: var(--border-radius);
    color: #000;
    display: block;
    line-height: 1.2;
    left: 50%;
    padding: 1em 2em;
    position: absolute;
    top: -100%;
    transform: translateX(-50%);
    transition: top 0.3s ease-in-out;
    z-index: 99999;
    font-size: 2rem;
}
a.skip-link:focus {
    top: 10%;
    text-decoration: none;
}

#top {
    display: grid;
    grid-template-areas: "breadcrumbs menu";
    grid-template-columns: auto 1fr;
    padding: var(--gutter) var(--gutter) 0;
}
#top #nav-wave { 
    display: none; 
    grid-area: image;
}

#breadcrumbs ol {
    all: unset;
    grid-area: breadcrumbs;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 0.25em;
    row-gap: 0.5em;
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    line-height: 1;
    list-style: none;
}
#breadcrumbs a[aria-current] {
    text-decoration: none;
}

button#burger {
    all: unset;
    background: linear-gradient(
    transparent 6px, black 6px, black 9px, transparent 9px, transparent 14px, black 14px,
    black 17px, transparent 17px, transparent 22px, black 22px, black 25px, transparent 25px);
    grid-area: burger;
    height: 2rem;
    margin-left: auto;
    width: 2rem;
    cursor: pointer;
    transition: transform .15s var(--animation-default);
    position: relative;
    top: -0.35rem;
}
button#burger:focus-visible {
    border-radius: 4px;
    outline-offset: 4px;
    outline: 2px dashed var(--color-black);
}
button#burger[aria-expanded=true] {
    background: linear-gradient(transparent 14px, #000 14px, #000 17px, transparent 17px),
    linear-gradient(to right, transparent 14px, #000 14px, #000 17px, transparent 17px);
    transform: rotateZ(135deg);
}

#mainnav {
    display: none;
    grid-area: menu;
}

#mainmenu {
    --font-family: var(--font-sans);
    --font-size: 1.5rem;
    --font-weight: normal;
    display: flex;
    align-items: center;
    column-gap: clamp(3.00rem, calc(0.92rem + 3.25vw), 6.00rem);
    font: var(--font-weight) var(--font-size)/1 var(--font-family);
    list-style: none;
    margin: 0;
    padding: 0;
}
#mainmenu a {
    position: relative;
    text-decoration: none;
}
#mainmenu li.current a {
    font-style: italic;
}
#mainmenu li.current a::before {
    background-color: var(--color-yellow);
    border-radius: 40% 50% 58% 42%/47% 40% 60% 53%;
    content: "";
    height: 150%;
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translateX(-50%) translateY(50%);
    width: 60%;
    z-index: -1;
}

@media (max-width: 64rem) {
    #top {
        grid-template-areas:
        "breadcrumbs burger"
        "menu menu"
        "image image";
    }
    #top.is-expanded {
        background: var(--theme-expanded-menu-bg, var(--color-yellow));
    }
    #top.is-expanded #nav-wave { 
        display: block; 
        height: auto;
        margin-inline: calc(var(--gutter) * -1);
        width: calc(100% + var(--gutter) * 2);
        max-width: none;
    }

    button#burger[aria-expanded=true] + #mainnav {
        display: grid;
        margin-bottom: 3rem;
    }

    #mainmenu {
        --font-family: var(--font-serif);
        --font-size: clamp(1.5rem, calc(0.64rem + 6.82vw), 4.00rem);
        --font-weight: normal;
        flex-direction: column;
        column-gap: unset;
        row-gap: var(--font-size);
        padding-top: var(--font-size);
    }
}

@media (max-width: 64rem) and (orientation: landscape) {
    #mainmenu {
        flex-direction: row;
        flex-wrap: wrap;
        padding-top: 2rem;
    }
    #mainmenu li {
        flex: 0 0 50%;
        text-align: center;
    }
}

@media (min-width: 64rem) {
    button#burger {
        display: none;
    }

    #mainnav {
        display: block;
        margin-left: auto;
    }

    #mainmenu a {
        padding-block: 0.5em;
    }
    #mainmenu a:focus-visible {
        background: none;
        color: var(--color-black);
    }
    #mainmenu a::before,
    #mainmenu li.current a::before {
        background-color: var(--theme-menu-blob-color);
        border-radius: 40% 50% 58% 42% / 47% 40% 60% 53%;
        content: "";
        height: 100%;
        position: absolute;
        left: 50%;
        bottom: calc(200% + var(--gutter));
        transform: translateX(-50%) skewX(-4deg) scale(1);
        transition: all 0.25s ease-in-out;
        width: 60%;
        z-index: -1;
        min-width: 70px;
    }
    #mainmenu li.current a::before,
    #mainmenu li:not(.current) a:active::before,
    #mainmenu li:not(.current) a:focus-visible::before,
    #mainmenu li:not(.current) a:hover::before {
        animation: blobbing 5s ease-in infinite;
        bottom: 0;
    }
    #mainmenu li.current a::before {
        animation: none;
    }
    
    @keyframes blobbing {
        0% { transform: translateX(-50%) skewX(6deg) scale(1); }
        5% { transform: translateX(-50%) skewX(-6deg) scale(1.1); }
        10% { transform: translateX(-50%) skewX(-4deg) scale(1); }
        15% { transform: translateX(-50%) skewX(-2deg) scale(0.9); }
        20% { transform: translateX(-50%) skewX(4deg) scale(1); }
        25% { transform: translateX(-50%) skewX(4deg) scale(1.1); }
        30% { transform: translateX(-50%) skewX(-4deg) scale(1); }
        35% { transform: translateX(-50%) skewX(-3deg) scale(0.9); }
        40% { transform: translateX(-50%) skewX(8deg)  scale(1); }
        45% { transform: translateX(-50%) skewX(-6deg) scale(1.1); }
        50% { transform: translateX(-50%) skewX(-3deg) scale(1); }
        55% { transform: translateX(-50%) skewX(6deg) scale(0.9); }
        60% { transform: translateX(-50%) skewX(-5deg) scale(1); }
        65% { transform: translateX(-50%) skewX(5deg) scale(1.1); }
        70% { transform: translateX(-50%) skewX(-4deg) scale(1); }
        75% { transform: translateX(-50%) skewX(4deg) scale(0.9); }
        80% { transform: translateX(-50%) skewX(-3deg) scale(1); } 
        85% { transform: translateX(-50%) skewX(3deg) scale(1.1); }
        90% { transform: translateX(-50%) skewX(-4deg) scale(1); } 
        95% { transform: translateX(-50%) skewX(4deg) scale(0.9); }
        100% { transform: translateX(-50%) skewX(6deg) scale(1); }
    }
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_hero.css ***!
  \******************************************************************************************************/
.block-hero {
    --size-heading: var(--step-6);
    --size-text: var(--block-body-1);
    display: grid;
    gap: var(--gutter);
    margin-inline: auto;
    max-width: var(--width-max);
}

.block-hero.is-large {
    --size-heading: var(--block-heading-giant);
    --size-text: var(--block-body-giant);
    max-width: none;
    width: 100%;
}

.block-hero h1 {
    font: var(--font-logo-weight) var(--size-heading)/1 var(--font-serif);
    margin: 0;
}

.block-hero h1 i,
.block-hero h1 em {
    background: center bottom/100% .15em url('/images/underline.svg') no-repeat;
    font-style: normal;
}

.block-hero div > * {
    font-size: var(--size-text);
    line-height: 1.4;
    margin: 0;
}
.block-hero.is-large:not(.has-image) div > * {
    max-width: 50ch;
}
.block-hero div > * + * {
    margin-block-start: 1em;
}

@media (min-width: 64rem){
    .block-hero.has-image {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas:
            "heading image"
            "text image";
    }
    .block-hero.is-large.has-image {
        grid-template-areas:
            "heading heading"
            "text image";
    }
        
    .block-hero.has-image h1 {
        grid-area: heading;
    }
    
    .block-hero.has-image div {
        grid-area: text;
    }
    
    .block-hero.has-image img {
        grid-area: image;
        height: auto;
        width: 100%;
    }
    
}
/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_employees.css ***!
  \***********************************************************************************************************/
.block-employees {
    margin-inline: auto;
    max-width: var(--width-max);
}
.block-employees.frontpage,
.employee-list {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
}

.employees-content {
    font-size: var(--block-body-2);
    grid-column-end: span 2;
}

.employees-content h2 {
    font-size: var(--block-heading-2);
}

.employee-list {
    margin: 0;
    list-style: none;
    padding: 0;
}

.block-employees.frontpage > a,
.employee-list a {
    display: block;
}

.employee-item-image {
    border-radius: var(--border-radius);
    width: 100%;
}

.employee-item > h2 {
    margin-block: 0.25em 0;
}
.employee-item p {
    line-height: 1.25;
    margin: 0;
}
            
.block-employees.frontpage a.cta-link {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    padding: 1em;
    background-color: var(--color-white);
}

@media (min-width: 48rem) {
    .block-employees.frontpage {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
    .employee-list  {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: var(--space-m);
    }

    .employees-content {
        grid-column-end: span 3;
        width: 100%;
    }
}
/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_clients.css ***!
  \*********************************************************************************************************/
.block-clients {
    margin-inline: auto;
    max-width: var(--width-max);
    text-align: center;
}

.block-clients > * + * {
    margin-block-start: var(--block-flow-inner);
}

.block-clients h2 {
    font-size: var(--block-heading-2);
}
.block-clients img {
    border-radius: 0;
}
.block-clients ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
    column-gap: 1em;
    row-gap: 1em;
    place-items: center;
    list-style: none;
    margin-block-end: 0;
    margin-inline: 0;
    padding: 0;
}
.block-clients ul li {
    min-height: 7em;
    height: 100%;
    width: 100%;
}
.block-clients ul li a {
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    display: block;
    height: 100%;
    padding: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-clients li img {
    max-width: 7em;
}

.block-clients li a {
    display: flex;
    padding: 1.25rem 1.5rem;
    text-decoration: none;
    flex-direction: column;
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    position: relative;
    align-items: center;
    text-align: left;
    height: 100%;
}
.block-clients li a:before {
    content: "";
    background-color: var(--color-yellow);
    height: 140px;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%);
    transition: all 0.3s ease-in-out;
    width: 60%;
    z-index: -1;
}
.block-clients li a:active:before,
.block-clients li a:focus:before,
.block-clients li a:hover:before {
    animation: blobbing 5s ease-in infinite;
    border-radius: 40% 50% 58% 42% / 47% 40% 60% 53%;
    height: 140px;
    opacity: 1;
    top: -30px;
    width: 60%;
}
.block-clients li img {
    max-width: 7em;
}
.info-box-list p {
    line-height: 1.3;
    font-size: var(--step--1);
    margin-top: 0.5em;
}

/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_services.css ***!
  \**********************************************************************************************************/
.block-services {
    margin-inline: auto;
    max-width: var(--width-max);
}

.block-services ul {
    display: grid;
    gap: clamp(1.00rem, calc(0.76rem + 1.18vw), 2.00rem);
    list-style: none;
    margin: 0;
    padding: 0;
}

.block-services li {
    background: #fff;
    border-radius: var(--border-radius);
    padding: var(--space-s);
}

.block-services h2 {
    display: inline-block;
}

.block-services p {
    margin-block: 1em 0;
}

@media (min-width: 48rem) {
    .block-services ul {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width:  90rem) {
    .block-services ul {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_image.css ***!
  \*******************************************************************************************************/
.block-image {
    margin-inline: auto;
    max-width: var(--width-max);
}

.block-image img {
    width: 100%;
}
/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_references.css ***!
  \************************************************************************************************************/

.block-references {
    margin-inline: auto;
    max-width: var(--width-max);
}
.block-references ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--space-s);
    list-style: none;
    margin: 0;
    padding: 0;
}

.block-references a {
    display: block;
    text-decoration: none;
}

.block-references img {
    border-radius: var(--border-radius);
}
.block-references p {
    font-style: italic;
    line-height: 1;
    margin: 0.75em 0 0.25em;
    position: relative;
}
.block-references p:before {
    content: "";
    background-color: var(--color-yellow);
    height: 140px;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: -200px;
    transform: translate(-50%);
    transition: all .3s ease-in-out;
    width: 60%;
    z-index: -1;
}
.block-references a:active p:before,
.block-references a:focus p:before,
.block-references a:hover p:before {
    animation: blobbing 5s ease-in infinite;
    border-radius: 40% 50% 58% 42% / 47% 40% 60% 53%;
    height: 140px;
    opacity: 1;
    top: -110px;
    width: 60%;
}
/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_content.css ***!
  \*********************************************************************************************************/
.block-content {
  margin-inline: auto;
  max-width: var(--width-medium);
}

.block-content > :first-child {
  margin-block-start: 0;
}

.block-content > * + * {
  margin-block-start: 1em;
}

.block-content > :is(p) {
  margin-block-end: 0;
}

.block-content > :is(h1, h2, h3, h4, h5, h6, p, blockquote, table, ul, ol, figcaption, form) {
  margin-inline: auto;
  max-width: var(--width-small);
}

.block-content > h1,
.block-content > h2 {
  font-size: var(--step-4);
}
.block-content > h3 {
  font-size: var(--step-3);
}
.block-content > h4 {
  font-size: var(--step-2);
}
.block-content > h5 {
  font-size: var(--step-1);
}
.block-content > h6 {
  font-size: var(--step-0);
}

.block-content :is(h1, h2, h3, h4, h5, h6) {
  display: flex;
}
.block-content :is(h1, h2, h3, h4, h5, h6) > a {
  text-decoration-color: transparent;
  position: relative;
}
.block-content :is(h1, h2, h3, h4, h5, h6) > a:hover {
  text-decoration-color: currentColor;
  text-decoration-style: solid;
  text-decoration-thickness: 4px;
  text-decoration-skip-ink: auto;
}
.block-content :is(h1, h2, h3, h4, h5, h6) > a.heading-anchor {
  opacity: 0.75;
  padding-right: 0.2em;
  position: absolute;
  transform: translateX(-100%);
  visibility: hidden;
}
@media (min-width: 56rem) {
  .block-content :is(h1, h2, h3, h4, h5, h6):hover > a.heading-anchor {
    visibility: visible;
  }
}

.block-content > :is(p, figure, table, ul, ol) {
  font-size: var(--step-0);
}

.block-content figure {
  margin-inline: auto;
  max-width: var(--width-small);
}
.block-content figcaption {
  font-size: var(--step--1);
  margin-block-start: 0.5em;
  text-align: center;
}

.block-content blockquote {
  --border-color: var(--theme-blockquote-accent-color);
  border-left: 0.25rem solid var(--border-color);
  font: italic var(--step-2) / 1.5 var(--font-serif);
  padding: 0 1em;
}
.block-content blockquote p {
  font-size: inherit;
}

.block-content table {
  margin-inline: auto;
  max-width: var(--width-small);
}

.block-content pre {
  background: #000;
  border-radius: 0.25em;
  color: var(--color-yellow);
  margin-inline: auto;
  max-width: min(100vw, var(--width-small));
  overflow-x: scroll;
  padding: 1.5em;
}
.block-content pre code {
  line-height: 1.5;
}

/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/employee-page.css ***!
  \*********************************************************************************************************/
.employee-article {
    margin-inline: auto;
    max-width: var(--width-small);
    text-align: center;
}

.employee-article img {
    margin-inline: auto;
}

.employee-article h1 {
    font-size: var(--step-4);
    margin-block: 0.25em;
}
.employee-article h1 + p {
    margin: 0;
}

.employee-article p + p {
    text-align: left;
}
.experiences_employee > h2 {
    text-align: center;
    font-size: var(--block-heading-2);
    margin-bottom: 1em;
}
.experiences_employee ul {
    margin: 0 auto;
    padding: 0;
    max-width: var(--width-narrow);
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    list-style-type: none;
}
@media only screen and (min-width: 650px) {
    .experiences_employee ul {
        grid-template-columns: 1fr 1fr;
    }
}
.experiences_employee ul.single {
    grid-template-columns: 1fr;
    max-width: 650px;
}
.experiences_employee li a {
    padding: 1.25rem 1.5rem;
    text-decoration: none;
    width: 100%;
    max-width: 650px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    position: relative;
}
.experiences_employee a:before {
    content: "";
    background-color: var(--color-yellow);
    height: 140px;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%);
    transition: all 0.3s ease-in-out;
    width: 60%;
    z-index: -1;
}
.experiences_employee a:active:before,
.experiences_employee a:focus:before,
.experiences_employee a:hover:before {
    animation: blobbing 5s ease-in infinite;
    border-radius: 40% 50% 58% 42% / 47% 40% 60% 53%;
    height: 140px;
    opacity: 1;
    top: -30px;
    width: 60%;
}

.experiences_employee li img {
    max-width: 3.25em;
    border-radius: 0;
}
.experiences_employee li p {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    font-size: 1.25rem;
}
.experiences_employee li a {
    text-decoration: none;
    height: 100%;
}
.experiences_employee .meta .info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 1.2;
    gap: 0.5em;
    width: 100%;
}
.experiences_employee .meta .info h3 {
    font-size: 1.15em;
    margin: 0;
}
.experiences_employee .meta .info span {
    font-size: 1.25rem;
    opacity: 0.5;
}
.experiences_employee .meta .info span:first-letter {
    text-transform: uppercase;
}

/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/customer-page.css ***!
  \*********************************************************************************************************/
.customer-article {
    margin-inline: auto;
}
.customer-article h1 {
    font-size: var(--step-6);
    margin-block: 0.25em;
}
.customer-article .intro {
    font-size: 1.25em;
}
.customer-article h2 {
    font-size: var(--step-4);
    margin: 1em auto;
    text-align: center;
}
.customer-article header {
    margin-bottom: var(--gutter);
}
.customer-article header h1,
.customer-article header .intro {
    max-width: var(--width-small);
    margin: 0 auto;
}
.customer-article header .intro p {
    font-size: var(--block-body-giant);
    line-height: 1.4;
}
.customer-article img {
    max-width: calc(var(--width-small) + 4rem);
    margin: 0 auto;
    width: 100%;
}
.experiences_customer ul {
    margin: 0 auto;
    padding: 0;
    max-width: var(--width-medium);
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    list-style-type: none;
}
@media only screen and (min-width: 650px) {
    .experiences_customer ul {
        grid-template-columns: 1fr 1fr;
    }
}
.experiences_customer ul.single {
    grid-template-columns: 1fr;
    max-width: 650px;
}
.experiences_customer li a {
    padding: 1.25rem 1.5rem;
    text-decoration: none;
    max-width: 650px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
    position: relative;
}
.experiences_customer a:before {
    content: "";
    background-color: var(--color-yellow);
    height: 140px;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%);
    transition: all 0.3s ease-in-out;
    width: 60%;
    z-index: -1;
}
.experiences_customer a:active:before,
.experiences_customer a:focus:before,
.experiences_customer a:hover:before {
    animation: blobbing 5s ease-in infinite;
    border-radius: 40% 50% 58% 42% / 47% 40% 60% 53%;
    height: 140px;
    opacity: 1;
    top: -30px;
    width: 60%;
}
.experiences_customer li:last-child {
}
.experiences_customer li img {
    max-width: 2.25em;
}
.experiences_customer li p {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    font-size: 1.25rem;
}
.experiences_customer li a {
    text-decoration: none;
}
.experiences_customer .meta {
    display: flex;
    gap: 1em;
}
.experiences_customer .meta .consultant {
    display: flex;
    gap: 1rem;
    width: 100%;
    align-items: center;
}

.experiences_customer .meta .consultant .info {
    display: flex;
    flex-direction: column;
    gap: 0.1em;
    line-height: 1.2;
}
.experiences_customer .meta .consultant .info h3 {
    font-size: 1.5em;
    margin: 0;
}
.experiences_customer .meta .consultant .info span {
    font-size: 1.25rem;
    opacity: 0.5;
}
.experiences_customer .meta .info span:first-letter {
    text-transform: uppercase;
}
.experiences_customer .meta .client img {
    min-width: 80px;
}

/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_article_list.css ***!
  \**************************************************************************************************************/
.block-article-list {
    margin-inline: auto;
    max-width: var(--width-narrow);
}

.block-article-list > * + * {
    margin-block-start: var(--block-flow);
}

.block-article-list h2 {
    font-size: var(--block-heading-2);
    position: relative;
}
.block-article-list h2 a,
.block-article-list .authors a {
    text-decoration: none;
}
.block-article-list h2 span[aria-hidden] {
    display: none;
}

.block-article-list p {
    font-size: var(--block-body-2);
    margin-block: 0.5em 0;
} 

@media (min-width: 72rem) {
    .block-article-list h2 span[aria-hidden] {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(calc(-100% - 0.25em));
    }
}
/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/article.css ***!
  \***************************************************************************************************/
.block-article {
    margin-inline: auto;
    max-width: var(--width-max);
}

.block-article > * + * {
    margin-block-start: var(--block-flow-inner);
}

.block-article > header h1 {
    font-size: var(--step-6);
    margin-inline: auto;
    max-width: var(--width-medium);
}
.block-article > header > div {
    margin-inline: auto;
    max-width: var(--width-medium);
}
.block-article > header p {
    font-size: var(--step--1);
    margin-block: 0.5em 0;
}
.block-article > header p.reference-summary {
    font-size: var(--step-0);
    max-width: 50ch;
}

.block-article > header p span[aria-hidden] {
    font-family: var(--font-serif);
    font-size: 125%;
    line-height: 1;

}

.block-article > header img {
    margin-block-start: var(--block-flow-inner);
}

.article-authors {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gutter);
    place-content: center;
    list-style: none;
    margin-inline: auto;
    max-width: var(--width-medium);
    padding-inline: var(--space-s);
    text-align: center;
}

.article-authors h2 {
    font-size: var(--step-4);
    flex: 0 0 100%;
}
.article-authors a {
    display: block;
    text-decoration: none;
}
.article-authors img {
    margin-inline: auto;
    max-width: 320px;
}
.article-authors h3 {
    font-size: var(--step-3);
    margin-block-start: 0.25em; 
}
.article-authors p {
    font-size: var(--step-0);
    margin: 0;
}

p.last-updated {
    font-size: var(--step--1);
    text-align: center;
}
/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_chart.css ***!
  \*******************************************************************************************************/
.chart {
    --step--2: clamp(0.69rem, calc(0.50rem + 0.95vw), 0.96rem);
    --step--1: clamp(0.83rem, calc(0.57rem + 1.31vw), 1.20rem);
    --step-0: clamp(1.00rem, calc(0.64rem + 1.79vw), 1.50rem);
    --step-1: clamp(1.20rem, calc(0.72rem + 2.41vw), 1.88rem);
    --step-2: clamp(1.44rem, calc(0.79rem + 3.23vw), 2.34rem);
    --step-3: clamp(1.73rem, calc(0.87rem + 4.29vw), 2.93rem);
    --step-4: clamp(2.07rem, calc(0.94rem + 5.67vw), 3.66rem);
    --step-5: clamp(2.49rem, calc(1.00rem + 7.46vw), 4.58rem);
    color: var(--color-yellow);
    display: grid;
    margin-block: clamp(2.00rem, calc(1.29rem + 3.57vw), 3.00rem);
    margin-inline: auto;
    max-width: var(--width-narrow);
}

.chart.wide {
    max-width: var(--width-medium);
}
.chart.narrow {
    max-width: var(--width-small);
}

.chart > div {
    margin: 0 1rem;
}
.chart p {
    color: #000;
    font-size: var(--step--1);
    line-height: 1.5;
    margin-block: 1em 0;
}

p.chart-error {
    background: red;
    color: white;
    padding: 1em;
}
p.chart-error span {
    display: block;
    font-family: monospace;
    font-weight: bold;
}

.chart table {
    display: none;
    margin-block-start: 2rem;
}

high-chart {
    background: linear-gradient(180deg, hsl(0 0% 0% / 75%), hsl(0 0% 0% / 100%));
    border-radius: 8px;
    box-shadow: 0px 0px 2rem hsl(0 0% 0% / 50%);
    display: grid;
    padding: 1rem;
}

high-chart:focus-visible {
    outline: var(--focus-generic);
    outline-offset: var(--focus-generic-offset);
}

high-chart header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.5rem;
    row-gap: 0;
    font: bold var(--step-0)/1 var(--font-sans);
}

high-chart h1 {
    flex: 1;
    font: bold var(--step-0)/1 var(--font-sans);
    margin: 0.35em 0 0.35em 0.5em;
    scroll-margin-top: calc(3em + 5rem);
}

high-chart header a:link,
high-chart header a:visited {
    color: hsl(var(--okse-yellow-hsl) / 100%);
    font-weight: normal;
    text-decoration: none;
}
high-chart header a:hover {
    color: var(--color-yellow);
}
high-chart header a[href]:focus-visible {
    outline: 2px dashed var(--color-yellow);
}

high-chart[data-type=pie] .highcharts-text-outline tspan:first-child,
high-chart[data-type=pie] .highcharts-text-outline + tspan {
    font-size: 20px !important;
}

high-chart[data-type=pie] .highcharts-text-outline tspan.highcharts-br tspan:first-child,
high-chart[data-type=pie] .highcharts-text-outline ~ tspan.highcharts-br + tspan {
    font-size: 32px !important;
}

.highcharts-root {
    fill: none;
}
.highcharts-background {
    fill: none;
}
.highcharts-title,
.highcharts-axis-title,
.highcharts-data-label,
.highcharts-axis-labels text,
.highcharts-legend-item text {
    fill: var(--color-yellow) !important;
}

.highcharts-legend-item-hidden text {
    fill: var(--color-yellow) !important;
    opacity: 0.35;
}

.highcharts-grid-line,
.highcharts-axis-line {
    stroke: var(--color-yellow);
    opacity: 0.1;
}
/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_newsletter.css ***!
  \************************************************************************************************************/
.block-newsletter {
    margin-inline: auto;
    max-width: var(--width-small);
}

.block-newsletter h2 {
    font-size: var(--step-4);
}

.block-newsletter .form-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.block-newsletter .form-wrapper input[type=email] {
    width: 30ch;
}

@media (max-width: 25rem) {
    .block-newsletter .form-wrapper input[type=email] {
        width: 100%;
    }
}
/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_table.css ***!
  \*******************************************************************************************************/
.block-table {
    margin-inline: auto;
    max-width: var(--width-small);
    overflow: auto;
}
.block-table.wide {
    max-width: var(--width-medium);
}
.block-table.default {
    max-width: var(--width-narrow);
}

.block-table:focus {
    outline: .1em dashed rgb(0 0 0 / 1);
}
/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_gallery.css ***!
  \*********************************************************************************************************/
.block-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--gutter);
    list-style: none;
    margin-block-end: 0;
    margin-inline: auto;
    max-width: var(--width-max);
    padding: 0;
}
/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_experiences.css ***!
  \*************************************************************************************************************/
.block-experiences > h2 {
    text-align: center;
    font-size: var(--block-heading-2);
    margin-bottom: 1em;
}
.block-experiences ul {
    margin: 0 auto;
    padding: 0;
    max-width: var(--width-narrow);
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    list-style-type: none;
}
@media only screen and (min-width: 650px) {
    .block-experiences ul {
        grid-template-columns: 1fr 1fr;
    }
}
.block-experiences ul.single {
    grid-template-columns: 1fr;
    max-width: 650px;
}
.block-experiences li {
    padding: 1.25rem 1.5rem;
    text-decoration: none;
    max-width: 650px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--color-white);
    border-radius: var(--border-radius-large);
}
.block-experiences li img {
    max-width: 2.25em;
}
.block-experiences li p {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    font-size: 1.25rem;
}
.block-experiences li a {
    text-decoration: none;
    height: 100%;
}
.block-experiences .meta {
    display: flex;
}
.block-experiences .meta .consultant {
    display: flex;
    gap: 1rem;
    width: 100%;
}

.block-experiences .meta .consultant .info {
    display: flex;
    flex-direction: row;
    gap: 0.5em;
    line-height: 1.2;
}
.block-experiences .meta .consultant .info h3 {
    font-size: 1.15em;
    margin: 0;
}
.block-experiences .meta .consultant .info span {
    font-size: 1.25rem;
    opacity: 0.5;
}
.block-experiences .meta .client img {
    min-width: 80px;
}

/*!**************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/tables.css ***!
  \**************************************************************************************************/
div.table-wrapper {
    font-size: var(--gutter);
    overflow: auto;
}
div.table-wrapper:focus-visible {
    outline: 2px dashed black;
    outline-offset: 0.5rem;
}
table {
    --border-color: var(--theme-table-border-color);
    border-spacing: 0;
    font-family: 
        ui-monospace, 
        Menlo, Monaco, 
        "Cascadia Mono",
        "Segoe UI Mono", 
        "Roboto Mono", 
        "Oxygen Mono", 
        "Ubuntu Monospace", 
        "Source Code Pro",
        "Fira Mono", 
        "Droid Sans Mono", 
        "Courier New",
        monospace;
    font-variant-numeric: tabular-nums;
    width: 100%;
}
table th,
table td {
    font-size: 1rem;
    line-height: 1.35;
    margin: 0;
    padding: 0.75em;
}

table th {
    background-color: var(--theme-table-header-bg);
    border-top: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    color: var(--theme-table-header-color);
    position: sticky;
    top: 0;
    z-index: 2;
    text-align: left;
}
table th:first-of-type {
    border-top-left-radius: 0.5rem;
}
table th:last-of-type {
    border-top-right-radius: 0.5rem;
    border-right: 1px solid var(--border-color);
}

table th:not(:first-child),
table td:not(:first-child) {
    text-align: right;
}

table td {
    border-left: 1px solid var(--border-color);
}
table tr:not(:last-child) td {
    border-bottom: 1px solid var(--border-color);
}
table tbody tr:first-child td {
    border-top: 0;
}
table tbody tr:last-child td {
    border-bottom: 1px solid var(--border-color);
}
table tbody tr td:last-child {
    border-right: 1px solid var(--border-color);
}
table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0.5rem;
}
table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0.5rem;
}
/*!************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/form.css ***!
  \************************************************************************************************/

input {
    transition: outline .15s ease-in-out;
}
button:focus-visible,
textarea:focus-visible,
input:focus-visible {
    outline: var(--focus-generic);
    outline-offset: var(--focus-generic-offset);
}
label {
    font-size: var(--step-0);
    display: inline-block;
    margin-bottom: .25em;
    margin-right: .5em;
}
textarea,
input,
input[type=text],
input[type=email] {
    border-radius: var(--border-radius);
    box-shadow: none;
    border: 1px solid var(--color-black);
    padding: .75rem 1rem;
    display: block;
    margin-bottom: 1.5rem;
  }
  input[type=checkbox],
  input[type=radio] {
    display: inline;
    vertical-align: baseline;
    width: 1em;
    height: 1em;
}

input.button,
button.button {
    background-color: transparent;
    
}
/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_interested.css ***!
  \************************************************************************************************************/
.interested textarea {
    max-width: calc(100vw - calc(var(--gutter) * 2));
    width: 25rem;
}
/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/block_box_links_table.css ***!
  \*****************************************************************************************************************/
.block-links-grid {
    display: grid;
    column-gap: var(--gutter);
    row-gap: var(--space-m-l);
    list-style: none;
    margin-inline: auto;
    max-width: var(--width-max);
    padding: 0;
}

.block-links-grid a {
    display: block;
    text-decoration: none;
}
.block-links-grid a:hover h2::after,
.block-links-grid a:active h2::after,
.block-links-grid a:focus h2::after {
    padding-left: 0.5em;
}

.block-links-grid h2 {
    font-size: var(--step-4);
}
.block-links-grid h2::after {
    content: "→";
    padding-left: 0.25em;
    transition: padding 200ms ease-in-out;
}

.block-links-grid p {
    margin-block: 0.5em 0;
}

@media (min-width: 48rem) {
    .block-links-grid {
        grid-template-columns: 1fr 1fr;
    }
}
/*!****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/_imports.css ***!
  \****************************************************************************************************/


/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/_okse/footer.css ***!
  \********************************************************************************************************/
.site-footer {
    margin-block-start: var(--block-flow);
    text-align: center;
}

.site-footer h1 {
    font-size: 5rem;
    margin-block-end: 0.25em;
}

.site-footer h1 + p {
    margin: 0;
}

.site-footer ul {
    display: flex;
    flex-wrap: wrap;
    place-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-footer ul li {
    padding: 0.5em;
}
.site-footer ul li p { margin: 0; }

.site-footer nav {
    background: url()
}

.footer-illustration {
    --tree-size: 69px;
    --tree-offset: 75%;
    background: url(/images/wave-footer-2.svg) top left / cover repeat-x;
    border: none;
    display: flex;
    height: var(--tree-size);
    margin-top: var(--tree-size);
    position: relative;
}
.footer-illustration img {
    position: absolute;
    right: 10%;
    bottom: var(--tree-offset);
    width: var(--tree-size);
    z-index: -1;
    transition: all 0.2s;
}
@media (min-width: 33rem) {
    .footer-illustration {
        --tree-offset: 65%;
    }
}
@media (min-width: 48rem) {
    .footer-illustration {
        --tree-size: 120px;
        --tree-offset: 75%;
    }
}
@media (min-width: 48rem) {
    .footer-illustration {
        --tree-offset: 65%;
    }
}
@media (min-width: 73rem) {
    .footer-illustration {
        --tree-offset: 55%;
    }
}

@media (min-width: 93rem) {
    .footer-illustration {
        --tree-offset: 50%;
    }
}
@media (min-width: 104rem) {
    .footer-illustration {
        --tree-offset: 45%;
    }
}
@media (min-width: 112rem) {
    .footer-illustration {
        --tree-offset: 40%;
    }
}
@media (min-width: 122rem) {
    .footer-illustration {
        --tree-offset:  35%;
    }
}
@media (min-width: 125rem) {
    .footer-illustration {
        --tree-offset:  30%;
    }
}
@media (min-width: 137rem) {
    .footer-illustration {
        --tree-offset:  20%;
    }
}
@media (min-width: 155rem) {
    .footer-illustration {
        --tree-offset:  10%;
    }
}

.bottom-wrap {
    background: var(--color-yellow);
    text-align: left;
    padding: var(--gutter);
}
.bottom-wrap > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-m-l);
    margin-inline: auto;
    max-width: var(--width-max);
}

.bottom-wrap .text-content > * {
   margin: 0;
}
/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/css/_okse/_okse.css ***!
  \*******************************************************************************************************/