diff --git a/page.php b/page.php
index a49ba0e..3d92f6d 100644
--- a/page.php
+++ b/page.php
@@ -22,12 +22,6 @@ if ( hasSidebar() ) {
 ?>
 
 <article class="<?php echo esc_attr( $classes ); ?>">
-	<?php
-	// Centered intro section between the hero and the body content.
-	if ( get_field( 'intro' ) ) {
-		get_template_part( 'views/partials/page-intro' );
-	}
-	?>
 	<div class="entry-content <?php echo esc_attr( $clsEntry ); ?>">
 		<?php
 		// Page body content
diff --git a/static/dist/theme.css b/static/dist/theme.css
index 38e9afc..c1d4707 100644
--- a/static/dist/theme.css
+++ b/static/dist/theme.css
@@ -1,20 +1,22 @@
 /*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */
+@layer theme, base, components, utilities;
 @layer theme {
   :root, :host {
     --font-sans: "Poppins", sans-serif;
-    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-    --color-gray-500: oklch(.551 .027 264.364);
-    --color-gray-600: oklch(.446 .03 256.802);
-    --color-gray-800: oklch(.278 .033 256.848);
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
+    --color-gray-500: oklch(0.551 0.027 264.364);
+    --color-gray-600: oklch(0.446 0.03 256.802);
+    --color-gray-800: oklch(0.278 0.033 256.848);
     --color-black: oklch(0% 0 0);
     --color-white: oklch(100% 0 0);
-    --spacing: .25rem;
+    --spacing: 0.25rem;
     --container-3xl: 48rem;
     --container-4xl: 56rem;
-    --text-xs: .75rem;
-    --text-xs--line-height: calc(1 / .75);
-    --text-sm: .875rem;
-    --text-sm--line-height: calc(1.25 / .875);
+    --text-xs: 0.75rem;
+    --text-xs--line-height: calc(1 / 0.75);
+    --text-sm: 0.875rem;
+    --text-sm--line-height: calc(1.25 / 0.875);
     --text-base: 1rem;
     --text-base--line-height: calc(1.5 / 1);
     --text-lg: 1.125rem;
@@ -23,6 +25,8 @@
     --text-xl--line-height: calc(1.75 / 1.25);
     --text-2xl: 1.5rem;
     --text-2xl--line-height: calc(2 / 1.5);
+    --text-3xl: 1.875rem;
+    --text-3xl--line-height: calc(2.25 / 1.875);
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
     --text-5xl: 3rem;
@@ -39,27 +43,33 @@
     --leading-tight: 1.25;
     --leading-snug: 1.375;
     --leading-relaxed: 1.625;
-    --radius-sm: .25rem;
-    --radius-md: .375rem;
-    --radius-lg: .5rem;
+    --radius-sm: 0.25rem;
+    --radius-md: 0.375rem;
+    --radius-lg: 0.5rem;
     --radius-3xl: 1.5rem;
-    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --aspect-video: 16 / 9;
-    --default-transition-duration: .15s;
-    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+    --default-transition-duration: 150ms;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
     --default-font-feature-settings: var(--font-sans--font-feature-settings);
-    --default-font-variation-settings: var(--font-sans--font-variation-settings);
+    --default-font-variation-settings: var(
+      --font-sans--font-variation-settings
+    );
     --default-mono-font-family: var(--font-mono);
-    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
-    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
+    --default-mono-font-feature-settings: var(
+      --font-mono--font-feature-settings
+    );
+    --default-mono-font-variation-settings: var(
+      --font-mono--font-variation-settings
+    );
     --spacing-section: 2rem;
     --color-background: oklch(89.75% 0 0);
     --color-text: var(--color-black);
-    --color-cwc-blue-01: oklch(47.31% .1141 242.9);
-    --color-cwc-blue-02: oklch(28.99% .0614 237.9);
-    --color-cwc-blue-03: oklch(80.63% .0724 230.4);
-    --color-cwc-orange-01: oklch(63.53% .1751 29.61);
+    --color-cwc-blue-01: oklch(47.31% 0.1141 242.9);
+    --color-cwc-blue-02: oklch(28.99% 0.0614 237.9);
+    --color-cwc-blue-03: oklch(80.63% 0.0724 230.4);
+    --color-cwc-orange-01: oklch(63.53% 0.1751 29.61);
     --color-primary: var(--color-cwc-blue-01);
     --color-primary-100: color-mix(in oklch, var(--color-primary) 10%, white);
     --color-primary-200: color-mix(in oklch, var(--color-primary) 20%, white);
@@ -81,31 +91,31 @@
     --color-secondary-700: color-mix(in oklch, var(--color-secondary) 70%, white);
     --color-secondary-800: color-mix(in oklch, var(--color-secondary) 80%, white);
     --color-secondary-900: color-mix(in oklch, var(--color-secondary) 90%, white);
-    --color-bodylinks: oklch(.48 .0789 211.58);
-    --color-footlinks: oklch(.65 .1104 212.2);
+    --color-bodylinks: oklch(0.48 0.0789 211.58);
+    --color-footlinks: oklch(0.65 0.1104 212.2);
     --color-pullquote-bg: color-mix(in oklch, var(--color-cwc-blue-03) 30%, transparent);
-    --color-success: oklch(64.01% .1751 146.7);
-    --color-info: oklch(.55 .0922 211.57);
-    --color-warning: oklch(84.42% .1722 84.93);
-    --color-danger: oklch(.5126 .1865 22.61);
-    --color-light: oklch(98.16% .0017 247.8);
-    --color-dark: oklch(34.51% .0133 248.2);
-    --background-image-gradient-1: linear-gradient(180deg, #f26b5300 39.55%, #f26b5333 100%);
-    --background-image-button-gradient: linear-gradient(93.03deg, #f26b53 0%, #d24d32 100%);
+    --color-success: oklch(64.01% 0.1751 146.7);
+    --color-info: oklch(0.55 0.0922 211.57);
+    --color-warning: oklch(84.42% 0.1722 84.93);
+    --color-danger: oklch(0.5126 0.1865 22.61);
+    --color-light: oklch(98.16% 0.0017 247.8);
+    --color-dark: oklch(34.51% 0.0133 248.2);
+    --background-image-gradient-1: linear-gradient(180deg, rgba(242, 107, 83, 0) 39.55%, rgba(242, 107, 83, 0.2) 100%);
+    --background-image-button-gradient: linear-gradient(93.03deg, #F26B53 0%, #D24D32 100%);
     --font-quincy: "quincy-cf", serif;
     --line-height: 1.6;
-    --text-12px: round(down, clamp(.625rem, .5962rem + .1282vw, .75rem), 1px);
-    --text-14px: round(up, clamp(.75rem, .7212rem + .1282vw, .875rem), 2px);
-    --text-16px: round(up, clamp(.875rem, .8462rem + .1282vw, 1rem), 2px);
-    --text-18px: round(up, clamp(1rem, .9712rem + .1282vw, 1.125rem), 2px);
-    --text-20px: round(up, clamp(1.125rem, 1.0962rem + .1282vw, 1.25rem), 2px);
-    --text-22px: round(up, clamp(1.25rem, 1.2212rem + .1282vw, 1.375rem), 2px);
-    --text-24px: round(up, clamp(1.375rem, 1.3462rem + .1282vw, 1.5rem), 2px);
-    --text-28px: round(up, clamp(1.625rem, 1.5962rem + .1282vw, 1.75rem), 2px);
-    --text-30px: round(up, clamp(1.75rem, 1.7212rem + .1282vw, 1.875rem), 2px);
-    --text-32px: round(up, clamp(1.875rem, 1.8462rem + .1282vw, 2rem), 2px);
-    --text-34px: round(up, clamp(2rem, 1.9712rem + .1282vw, 2.125rem), 2px);
-    --text-40px: round(up, clamp(2.25rem, 2.1923rem + .2564vw, 2.5rem), 2px);
+    --text-12px: round(down, clamp(0.625rem, 0.5962rem + 0.1282vw, 0.75rem), 1px);
+    --text-14px: round(up, clamp(0.75rem, 0.7212rem + 0.1282vw, 0.875rem), 2px);
+    --text-16px: round(up, clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem), 2px);
+    --text-18px: round(up, clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem), 2px);
+    --text-20px: round(up, clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem), 2px);
+    --text-22px: round(up, clamp(1.25rem, 1.2212rem + 0.1282vw, 1.375rem), 2px);
+    --text-24px: round(up, clamp(1.375rem, 1.3462rem + 0.1282vw, 1.5rem), 2px);
+    --text-28px: round(up, clamp(1.625rem, 1.5962rem + 0.1282vw, 1.75rem), 2px);
+    --text-30px: round(up, clamp(1.75rem, 1.7212rem + 0.1282vw, 1.875rem), 2px);
+    --text-32px: round(up, clamp(1.875rem, 1.8462rem + 0.1282vw, 2rem), 2px);
+    --text-34px: round(up, clamp(2rem, 1.9712rem + 0.1282vw, 2.125rem), 2px);
+    --text-40px: round(up, clamp(2.25rem, 2.1923rem + 0.2564vw, 2.5rem), 2px);
     --text-54px: round(up, clamp(2.375rem, 2.1442rem + 1.0256vw, 3.375rem), 2px);
     --text-64px: round(up, clamp(3rem, 2.7692rem + 1.0256vw, 4rem), 2px);
     --twcb-scrollbar-width: 0px;
@@ -119,9 +129,9 @@
     --button-primary-active-border-color: color-mix(in oklch, var(--color-secondary) 84%, var(--color-danger));
     --button-primary-outline-hover-color: var(--color-white);
     --button-primary-shadow-color: color-mix(in oklch, var(--color-secondary) 72%, var(--color-danger));
-    --button-primary-hover-shadow: .25rem .25rem 0 var(--button-primary-shadow-color);
+    --button-primary-hover-shadow: 0.25rem 0.25rem 0 var(--button-primary-shadow-color);
     --button-primary-active-shadow: none;
-    --button-primary-radius: 1.25rem .25rem 1.25rem .25rem;
+    --button-primary-radius: 1.25rem 0.25rem 1.25rem 0.25rem;
     --button-bg: var(--button-primary-bg);
     --button-color: var(--button-primary-color);
     --button-hover-bg: var(--button-primary-hover-bg);
@@ -136,1909 +146,1644 @@
     --button-border-style: solid;
     --button-border-color: var(--button-primary-border-color);
     --button-radius: var(--button-primary-radius);
-    --button-padding-block: .625rem;
+    --button-padding-block: 0.625rem;
     --button-padding-inline: 2rem;
     --button-font-size: var(--text-18px);
     --button-font-weight: 700;
     --button-letter-spacing: 0;
   }
 }
-
 @layer base {
-  *, :after, :before, ::backdrop {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
     box-sizing: border-box;
-    border: 0 solid;
     margin: 0;
     padding: 0;
-  }
-
-  ::file-selector-button {
-    box-sizing: border-box;
     border: 0 solid;
-    margin: 0;
-    padding: 0;
   }
-
   html, :host {
+    line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     tab-size: 4;
-    line-height: 1.5;
-    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
     font-feature-settings: var(--default-font-feature-settings, normal);
-    font-variation-settings: var(--default-font-variation-settings, normal);
+    font-variation-settings: var( --default-font-variation-settings, normal );
     -webkit-tap-highlight-color: transparent;
   }
-
   body {
     line-height: inherit;
   }
-
   hr {
     height: 0;
     color: inherit;
     border-top-width: 1px;
   }
-
   abbr:where([title]) {
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
   }
-
   h1, h2, h3, h4, h5, h6 {
     font-size: inherit;
     font-weight: inherit;
   }
-
   a {
     color: inherit;
     -webkit-text-decoration: inherit;
-    -webkit-text-decoration: inherit;
-    -webkit-text-decoration: inherit;
     text-decoration: inherit;
   }
-
   b, strong {
     font-weight: bolder;
   }
-
   code, kbd, samp, pre {
-    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
-    font-feature-settings: var(--default-mono-font-feature-settings, normal);
-    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
+    font-feature-settings: var( --default-mono-font-feature-settings, normal );
+    font-variation-settings: var( --default-mono-font-variation-settings, normal );
     font-size: 1em;
   }
-
   small {
     font-size: 80%;
   }
-
   sub, sup {
-    vertical-align: baseline;
     font-size: 75%;
     line-height: 0;
     position: relative;
+    vertical-align: baseline;
   }
-
   sub {
-    bottom: -.25em;
+    bottom: -0.25em;
   }
-
   sup {
-    top: -.5em;
+    top: -0.5em;
   }
-
   table {
     text-indent: 0;
     border-color: inherit;
     border-collapse: collapse;
   }
-
   :-moz-focusring {
     outline: auto;
   }
-
   progress {
     vertical-align: baseline;
   }
-
   summary {
     display: list-item;
   }
-
   ol, ul, menu {
     list-style: none;
   }
-
   img, svg, video, canvas, audio, iframe, embed, object {
-    vertical-align: middle;
     display: block;
+    vertical-align: middle;
   }
-
   img, video {
     max-width: 100%;
     height: auto;
   }
-
-  button, input, select, optgroup, textarea {
+  button, input, select, optgroup, textarea, ::file-selector-button {
     font: inherit;
     font-feature-settings: inherit;
     font-variation-settings: inherit;
     letter-spacing: inherit;
     color: inherit;
-    opacity: 1;
-    background-color: #0000;
     border-radius: 0;
-  }
-
-  ::file-selector-button {
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
+    background-color: transparent;
     opacity: 1;
-    background-color: #0000;
-    border-radius: 0;
   }
-
   :where(select:is([multiple], [size])) optgroup {
     font-weight: bolder;
   }
-
   :where(select:is([multiple], [size])) optgroup option {
     padding-inline-start: 20px;
   }
-
   ::file-selector-button {
     margin-inline-end: 4px;
   }
-
   ::placeholder {
     opacity: 1;
     color: color-mix(in oklab, currentColor 50%, transparent);
   }
-
   textarea {
     resize: vertical;
   }
-
   ::-webkit-search-decoration {
     -webkit-appearance: none;
   }
-
   ::-webkit-date-and-time-value {
     min-height: 1lh;
     text-align: inherit;
   }
-
   ::-webkit-datetime-edit {
     display: inline-flex;
   }
-
   ::-webkit-datetime-edit-fields-wrapper {
     padding: 0;
   }
-
-  ::-webkit-datetime-edit {
+  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
-
-  ::-webkit-datetime-edit-year-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-month-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-day-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-hour-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-minute-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-second-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-millisecond-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-meridiem-field {
-    padding-block: 0;
-  }
-
   :-moz-ui-invalid {
     box-shadow: none;
   }
-
-  button, input:where([type="button"], [type="reset"], [type="submit"]) {
+  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
     appearance: button;
   }
-
-  ::file-selector-button {
-    appearance: button;
-  }
-
-  ::-webkit-inner-spin-button {
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
     height: auto;
   }
-
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-
   [hidden]:where(:not([hidden="until-found"])) {
     display: none !important;
   }
 }
-
-@layer components {
-  h1, h2, h3, h4, h5, h6 {
-    font-family: var(--font-quincy);
-    margin: 0 0 1rem;
-    font-weight: 700;
-  }
-
-  h1, .h1 {
-    font-size: var(--h1);
-    line-height: 1.2;
-  }
-
-  h2, .h2 {
-    color: var(--color-cwc-blue-01);
-    font-size: var(--h2);
-    line-height: 1.3;
-  }
-
-  :is(h2, .h2) em {
-    color: var(--color-secondary);
-    font-style: normal;
-  }
-
-  #clients h2 {
-    font-size: var(--text-64px);
-  }
-
-  h3, .h3 {
-    font-size: var(--h3);
-    line-height: 1.4;
-  }
-
-  h4, .h4 {
-    font-size: var(--h4);
-    line-height: 1.5;
-  }
-
-  h5, .h5 {
-    font-size: var(--h5);
-  }
-
-  h6, .h6 {
-    font-size: var(--h6);
-  }
-}
-
 @layer utilities {
   .visible {
     visibility: visible;
   }
-
   .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border-width: 0;
-    width: 1px;
-    height: 1px;
-    margin: -1px;
-    padding: 0;
-    position: absolute;
-    overflow: hidden;
   }
-
   .absolute {
     position: absolute;
   }
-
   .fixed {
     position: fixed;
   }
-
   .relative {
     position: relative;
   }
-
   .static {
     position: static;
   }
-
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
-
   .top-2 {
     top: calc(var(--spacing) * 2);
   }
-
   .bottom-8 {
     bottom: calc(var(--spacing) * 8);
   }
-
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
-
   .isolate {
     isolation: isolate;
   }
-
   .z-0 {
     z-index: 0;
   }
-
   .z-1 {
     z-index: 1;
   }
-
   .z-10 {
     z-index: 10;
   }
-
   .z-30 {
     z-index: 30;
   }
-
   .order-first {
     order: -9999;
   }
-
   .order-last {
     order: 9999;
   }
-
   .col-span-1 {
     grid-column: span 1 / span 1;
   }
-
   .col-span-2 {
     grid-column: span 2 / span 2;
   }
-
   .col-span-3 {
     grid-column: span 3 / span 3;
   }
-
   .col-span-4 {
     grid-column: span 4 / span 4;
   }
-
   .col-span-5 {
     grid-column: span 5 / span 5;
   }
-
   .col-span-6 {
     grid-column: span 6 / span 6;
   }
-
   .col-span-7 {
     grid-column: span 7 / span 7;
   }
-
   .col-span-8 {
     grid-column: span 8 / span 8;
   }
-
   .container {
     width: 100%;
-  }
-
-  @media (width >= 22.5rem) {
-    .container {
+    @media (width >= 22.5rem) {
       max-width: 22.5rem;
     }
-  }
-
-  @media (width >= 29.6875rem) {
-    .container {
+    @media (width >= 29.6875rem) {
       max-width: 29.6875rem;
     }
-  }
-
-  @media (width >= 40rem) {
-    .container {
+    @media (width >= 40rem) {
       max-width: 40rem;
     }
-  }
-
-  @media (width >= 48rem) {
-    .container {
+    @media (width >= 48rem) {
       max-width: 48rem;
     }
-  }
-
-  @media (width >= 64rem) {
-    .container {
+    @media (width >= 64rem) {
       max-width: 64rem;
     }
-  }
-
-  @media (width >= 70rem) {
-    .container {
+    @media (width >= 70rem) {
       max-width: 70rem;
     }
-  }
-
-  @media (width >= 96rem) {
-    .container {
+    @media (width >= 96rem) {
       max-width: 96rem;
     }
   }
-
   .m-0 {
     margin: calc(var(--spacing) * 0);
   }
-
   .-mx-2 {
     margin-inline: calc(var(--spacing) * -2);
   }
-
   .mx-0 {
     margin-inline: calc(var(--spacing) * 0);
   }
-
   .mx-auto {
     margin-inline: auto;
   }
-
   .my-0 {
     margin-block: calc(var(--spacing) * 0);
   }
-
   .my-0\.5 {
-    margin-block: calc(var(--spacing) * .5);
+    margin-block: calc(var(--spacing) * 0.5);
   }
-
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
-
   .my-\[1\.2em\] {
     margin-block: 1.2em;
   }
-
   .my-section {
     margin-block: var(--spacing-section);
   }
-
   .mt-0 {
     margin-top: calc(var(--spacing) * 0);
   }
-
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
-
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
-
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
-
   .mt-8 {
     margin-top: calc(var(--spacing) * 8);
   }
-
   .mt-12 {
     margin-top: calc(var(--spacing) * 12);
   }
-
   .mt-auto {
     margin-top: auto;
   }
-
   .mx-break-out {
-    width: calc(100vw - var(--twcb-scrollbar-width));
     margin-left: calc(50% - 50vw);
     margin-right: calc(50% - 50vw);
+    width: calc(100vw - var(--twcb-scrollbar-width));
   }
-
   .mb-0 {
     margin-bottom: calc(var(--spacing) * 0);
   }
-
   .mb-0\! {
     margin-bottom: calc(var(--spacing) * 0) !important;
   }
-
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
-
   .mb-2\.5 {
     margin-bottom: calc(var(--spacing) * 2.5);
   }
-
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
-
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
-
   .mb-5 {
     margin-bottom: calc(var(--spacing) * 5);
   }
-
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
-
   .mb-8 {
     margin-bottom: calc(var(--spacing) * 8);
   }
-
   .mb-12 {
     margin-bottom: calc(var(--spacing) * 12);
   }
-
   .mb-36 {
     margin-bottom: calc(var(--spacing) * 36);
   }
-
   .ml-break-out {
-    width: 100%;
     margin-left: calc(50% - 50vw);
-  }
-
-  .mr-break-out {
     width: 100%;
-    margin-left: calc(50vw - 50%);
   }
-
+  .mr-break-out {
+    margin-left: calc(-50% + 50vw);
+    width: 100%;
+  }
   .ml-0 {
     margin-left: calc(var(--spacing) * 0);
   }
-
   .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
-
   .line-clamp-4 {
-    -webkit-line-clamp: 4;
-    -webkit-box-orient: vertical;
-    display: -webkit-box;
     overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 4;
   }
-
   .block {
     display: block;
   }
-
   .contents {
     display: contents;
   }
-
   .flex {
     display: flex;
   }
-
   .grid {
     display: grid;
   }
-
   .hidden {
     display: none;
   }
-
   .inline-block {
     display: inline-block;
   }
-
   .table {
     display: table;
   }
-
   .aspect-video {
     aspect-ratio: var(--aspect-video);
   }
-
   .size-4 {
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
-
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
-
   .h-auto {
     height: auto;
   }
-
   .h-full {
     height: 100%;
   }
-
   .max-h-\[300px\] {
     max-height: 300px;
   }
-
   .min-h-\[78dvh\] {
     min-height: 78dvh;
   }
-
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
-
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
-
   .w-auto {
     width: auto;
   }
-
   .w-full {
     width: 100%;
   }
-
   .w-full\! {
     width: 100% !important;
   }
-
   .max-w-3xl {
     max-width: var(--container-3xl);
   }
-
   .max-w-4\/5 {
-    max-width: 80%;
+    max-width: calc(4/5 * 100%);
   }
-
   .max-w-4xl {
     max-width: var(--container-4xl);
   }
-
   .max-w-64 {
     max-width: calc(var(--spacing) * 64);
   }
-
   .max-w-\[40\%\] {
     max-width: 40%;
   }
-
   .max-w-\[40ch\] {
     max-width: 40ch;
   }
-
   .max-w-full {
     max-width: 100%;
   }
-
   .min-w-32 {
     min-width: calc(var(--spacing) * 32);
   }
-
   .flex-1 {
     flex: 1;
   }
-
   .flex-shrink-0 {
     flex-shrink: 0;
   }
-
-  .flex-grow, .grow, .grow-1 {
+  .flex-grow {
+    flex-grow: 1;
+  }
+  .grow {
+    flex-grow: 1;
+  }
+  .grow-1 {
     flex-grow: 1;
   }
-
   .transform {
     transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
   }
-
   .cursor-default {
     cursor: default;
   }
-
   .resize {
     resize: both;
   }
-
   .list-inside {
     list-style-position: inside;
   }
-
   .list-outside {
     list-style-position: outside;
   }
-
   .list-none {
     list-style-type: none;
   }
-
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
-
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-
   .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-
   .grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
-
   .grid-cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
-
   .grid-cols-6 {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
-
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
-
   .grid-cols-8 {
     grid-template-columns: repeat(8, minmax(0, 1fr));
   }
-
   .grid-cols-\[437px_auto\] {
     grid-template-columns: 437px auto;
   }
-
   .grid-cols-\[repeat\(auto-fit\,minmax\(20rem\,1fr\)\)\] {
-    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+    grid-template-columns: repeat(auto-fit,minmax(20rem,1fr));
   }
-
   .grid-rows-\[1fr\] {
     grid-template-rows: 1fr;
   }
-
   .flex-col {
     flex-direction: column;
   }
-
   .flex-wrap {
     flex-wrap: wrap;
   }
-
   .items-center {
     align-items: center;
   }
-
   .items-end {
     align-items: flex-end;
   }
-
   .items-start {
     align-items: flex-start;
   }
-
   .justify-between {
     justify-content: space-between;
   }
-
   .justify-center {
     justify-content: center;
   }
-
   .justify-end {
     justify-content: flex-end;
   }
-
   .justify-start {
     justify-content: flex-start;
   }
-
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
-
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
-
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
-
   .gap-24 {
     gap: calc(var(--spacing) * 24);
   }
-
   .gap-x-2 {
     column-gap: calc(var(--spacing) * 2);
   }
-
   .gap-x-4 {
     column-gap: calc(var(--spacing) * 4);
   }
-
   .gap-x-6 {
     column-gap: calc(var(--spacing) * 6);
   }
-
   .gap-x-8 {
     column-gap: calc(var(--spacing) * 8);
   }
-
   .gap-y-0 {
     row-gap: calc(var(--spacing) * 0);
   }
-
   .gap-y-2 {
     row-gap: calc(var(--spacing) * 2);
   }
-
   .gap-y-4 {
     row-gap: calc(var(--spacing) * 4);
   }
-
   .gap-y-6 {
     row-gap: calc(var(--spacing) * 6);
   }
-
   .gap-y-8 {
     row-gap: calc(var(--spacing) * 8);
   }
-
   .truncate {
+    overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    overflow: hidden;
   }
-
   .overflow-hidden {
     overflow: hidden;
   }
-
   .rounded-lg {
     border-radius: var(--radius-lg);
   }
-
   .rounded-md {
     border-radius: var(--radius-md);
   }
-
   .rounded-t-3xl {
     border-top-left-radius: var(--radius-3xl);
     border-top-right-radius: var(--radius-3xl);
   }
-
   .rounded-t-md {
     border-top-left-radius: var(--radius-md);
     border-top-right-radius: var(--radius-md);
   }
-
   .rounded-l {
-    border-top-left-radius: .25rem;
-    border-bottom-left-radius: .25rem;
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
   }
-
   .rounded-r {
-    border-top-right-radius: .25rem;
-    border-bottom-right-radius: .25rem;
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
   }
-
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
-
   .border-2 {
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
-
   .border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
-
   .border-primary-100 {
     border-color: var(--color-primary-100);
   }
-
   .border-primary-700 {
     border-color: var(--color-primary-700);
   }
-
   .border-secondary {
     border-color: var(--color-secondary);
   }
-
   .bg-\(--color-pullquote-bg\) {
     background-color: var(--color-pullquote-bg);
   }
-
   .bg-cwc-blue-02 {
     background-color: var(--color-cwc-blue-02);
   }
-
   .bg-dark {
     background-color: var(--color-dark);
   }
-
   .bg-primary {
     background-color: var(--color-primary);
   }
-
   .bg-secondary {
     background-color: var(--color-secondary);
   }
-
   .bg-white {
     background-color: var(--color-white);
   }
-
   .bg-cover {
     background-size: cover;
   }
-
   .bg-center {
     background-position: center;
   }
-
   .bg-no-repeat {
     background-repeat: no-repeat;
   }
-
   .fill-black {
     fill: var(--color-black);
   }
-
   .fill-primary-700 {
     fill: var(--color-primary-700);
   }
-
   .object-cover {
     object-fit: cover;
   }
-
   .object-center {
     object-position: center;
   }
-
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
-
   .p-1 {
     padding: calc(var(--spacing) * 1);
   }
-
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
-
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
-
   .px-0\! {
     padding-inline: calc(var(--spacing) * 0) !important;
   }
-
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
-
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
-
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
-
   .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }
-
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
-
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
-
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
-
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
-
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
-
   .pt-5 {
     padding-top: calc(var(--spacing) * 5);
   }
-
   .pt-12 {
     padding-top: calc(var(--spacing) * 12);
   }
-
   .pt-16 {
     padding-top: calc(var(--spacing) * 16);
   }
-
   .pt-52 {
     padding-top: calc(var(--spacing) * 52);
   }
-
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
-
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
-
   .pb-12 {
     padding-bottom: calc(var(--spacing) * 12);
   }
-
   .pb-16 {
     padding-bottom: calc(var(--spacing) * 16);
   }
-
   .pl-0\! {
     padding-left: calc(var(--spacing) * 0) !important;
   }
-
   .pl-7 {
     padding-left: calc(var(--spacing) * 7);
   }
-
   .pl-8 {
     padding-left: calc(var(--spacing) * 8);
   }
-
   .text-center {
     text-align: center;
   }
-
   .text-left {
     text-align: left;
   }
-
   .text-right {
     text-align: right;
   }
-
   .font-quincy {
     font-family: var(--font-quincy);
   }
-
   .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
   }
-
   .text-4xl {
     font-size: var(--text-4xl);
     line-height: var(--tw-leading, var(--text-4xl--line-height));
   }
-
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
   }
-
   .text-lg {
     font-size: var(--text-lg);
     line-height: var(--tw-leading, var(--text-lg--line-height));
   }
-
   .text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
-
   .text-12px {
     font-size: var(--text-12px);
   }
-
   .text-14px {
     font-size: var(--text-14px);
   }
-
   .text-16px {
     font-size: var(--text-16px);
   }
-
   .text-18px {
     font-size: var(--text-18px);
   }
-
   .text-20px {
     font-size: var(--text-20px);
   }
-
   .text-22px {
     font-size: var(--text-22px);
   }
-
   .text-24px {
     font-size: var(--text-24px);
   }
-
   .text-28px {
     font-size: var(--text-28px);
   }
-
   .text-30px {
     font-size: var(--text-30px);
   }
-
   .text-32px {
     font-size: var(--text-32px);
   }
-
   .text-34px {
     font-size: var(--text-34px);
   }
-
   .text-40px {
     font-size: var(--text-40px);
   }
-
   .text-54px {
     font-size: var(--text-54px);
   }
-
   .text-64px {
     font-size: var(--text-64px);
   }
-
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
   }
-
   .leading-relaxed {
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
   }
-
   .leading-snug {
     --tw-leading: var(--leading-snug);
     line-height: var(--leading-snug);
   }
-
   .leading-tight {
     --tw-leading: var(--leading-tight);
     line-height: var(--leading-tight);
   }
-
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
-
   .font-light {
     --tw-font-weight: var(--font-weight-light);
     font-weight: var(--font-weight-light);
   }
-
   .font-normal {
     --tw-font-weight: var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
   }
-
   .font-semibold {
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-
   .text-balance {
     text-wrap: balance;
   }
-
   .text-wrap {
     text-wrap: wrap;
   }
-
   .text-black {
     color: var(--color-black);
   }
-
   .text-cwc-blue-01 {
     color: var(--color-cwc-blue-01);
   }
-
   .text-dark {
     color: var(--color-dark);
   }
-
   .text-gray-600 {
     color: var(--color-gray-600);
   }
-
   .text-gray-800 {
     color: var(--color-gray-800);
   }
-
   .text-light {
     color: var(--color-light);
   }
-
+  .text-light\/90 {
+    color: color-mix(in oklab, var(--color-light) 90%, transparent);
+  }
   .text-secondary {
     color: var(--color-secondary);
   }
-
   .text-white {
     color: var(--color-white);
   }
-
   .text-white\/70 {
     color: color-mix(in oklab, var(--color-white) 70%, transparent);
   }
-
   .uppercase {
     text-transform: uppercase;
   }
-
   .italic {
     font-style: italic;
   }
-
   .underline {
     text-decoration-line: underline;
   }
-
   .shadow-lg {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-
   .ring-primary-700 {
     --tw-ring-color: var(--color-primary-700);
   }
-
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
-
   .blur {
     --tw-blur: blur(8px);
-    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
-
   .filter {
-    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
-
   .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-
   .transition-colors {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-
   .transition-transform {
     transition-property: transform, translate, scale, rotate;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-
   .duration-100 {
-    --tw-duration: .1s;
-    transition-duration: .1s;
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
   }
-
   .duration-300 {
-    --tw-duration: .3s;
-    transition-duration: .3s;
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
   }
-
   .ease-in-out {
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
-
   .ease-linear {
     --tw-ease: linear;
     transition-timing-function: linear;
   }
-
   .will-change-transform {
     will-change: transform;
   }
-
-  @media (hover: hover) {
-    .group-hover\:scale-105:is(:where(.group):hover *) {
-      --tw-scale-x: 105%;
-      --tw-scale-y: 105%;
-      --tw-scale-z: 105%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
+  .group-hover\:scale-105 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-scale-x: 105%;
+        --tw-scale-y: 105%;
+        --tw-scale-z: 105%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
     }
   }
-
-  .marker\:text-gray-500 ::marker {
-    color: var(--color-gray-500);
-  }
-
-  .marker\:text-gray-500::marker {
-    color: var(--color-gray-500);
-  }
-
-  @media (hover: hover) {
-    .hover\:underline:hover {
-      text-decoration-line: underline;
+  .marker\:text-gray-500 {
+    & *::marker {
+      color: var(--color-gray-500);
     }
-
-    .hover\:opacity-80:hover {
-      opacity: .8;
-    }
-
-    .hover\:opacity-80\!:hover {
-      opacity: .8 !important;
+    &::marker {
+      color: var(--color-gray-500);
     }
   }
-
-  .focus-visible\:ring-2:focus-visible {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  .hover\:underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: underline;
+      }
+    }
   }
-
-  @media (width >= 40rem) {
-    .sm\:col-span-1 {
+  .hover\:opacity-80 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 80%;
+      }
+    }
+  }
+  .hover\:opacity-80\! {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 80% !important;
+      }
+    }
+  }
+  .focus-visible\:ring-2 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .sm\:col-span-1 {
+    @media (width >= 40rem) {
       grid-column: span 1 / span 1;
     }
-
-    .sm\:col-span-2 {
+  }
+  .sm\:col-span-2 {
+    @media (width >= 40rem) {
       grid-column: span 2 / span 2;
     }
-
-    .sm\:col-span-3 {
+  }
+  .sm\:col-span-3 {
+    @media (width >= 40rem) {
       grid-column: span 3 / span 3;
     }
-
-    .sm\:col-span-4 {
+  }
+  .sm\:col-span-4 {
+    @media (width >= 40rem) {
       grid-column: span 4 / span 4;
     }
-
-    .sm\:col-span-5 {
+  }
+  .sm\:col-span-5 {
+    @media (width >= 40rem) {
       grid-column: span 5 / span 5;
     }
-
-    .sm\:col-span-6 {
+  }
+  .sm\:col-span-6 {
+    @media (width >= 40rem) {
       grid-column: span 6 / span 6;
     }
-
-    .sm\:col-span-7 {
+  }
+  .sm\:col-span-7 {
+    @media (width >= 40rem) {
       grid-column: span 7 / span 7;
     }
-
-    .sm\:col-span-8 {
+  }
+  .sm\:col-span-8 {
+    @media (width >= 40rem) {
       grid-column: span 8 / span 8;
     }
-
-    .sm\:mt-6 {
+  }
+  .sm\:mt-6 {
+    @media (width >= 40rem) {
       margin-top: calc(var(--spacing) * 6);
     }
-
-    .sm\:grid-cols-1 {
+  }
+  .sm\:grid-cols-1 {
+    @media (width >= 40rem) {
       grid-template-columns: repeat(1, minmax(0, 1fr));
     }
-
-    .sm\:grid-cols-2 {
+  }
+  .sm\:grid-cols-2 {
+    @media (width >= 40rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
-
-    .sm\:grid-cols-3 {
+  }
+  .sm\:grid-cols-3 {
+    @media (width >= 40rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
-
-    .sm\:grid-cols-4 {
+  }
+  .sm\:grid-cols-4 {
+    @media (width >= 40rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
-
-    .sm\:grid-cols-5 {
+  }
+  .sm\:grid-cols-5 {
+    @media (width >= 40rem) {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
-
-    .sm\:grid-cols-6 {
+  }
+  .sm\:grid-cols-6 {
+    @media (width >= 40rem) {
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
-
-    .sm\:grid-cols-7 {
+  }
+  .sm\:grid-cols-7 {
+    @media (width >= 40rem) {
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
-
-    .sm\:grid-cols-8 {
+  }
+  .sm\:grid-cols-8 {
+    @media (width >= 40rem) {
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
-
-    .sm\:justify-start {
+  }
+  .sm\:justify-start {
+    @media (width >= 40rem) {
       justify-content: flex-start;
     }
-
-    .sm\:px-6 {
+  }
+  .sm\:px-6 {
+    @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 6);
     }
-
-    .sm\:py-12 {
+  }
+  .sm\:py-12 {
+    @media (width >= 40rem) {
       padding-block: calc(var(--spacing) * 12);
     }
-
-    .sm\:text-center {
+  }
+  .sm\:text-center {
+    @media (width >= 40rem) {
       text-align: center;
     }
-
-    .sm\:text-5xl {
+  }
+  .sm\:text-5xl {
+    @media (width >= 40rem) {
       font-size: var(--text-5xl);
       line-height: var(--tw-leading, var(--text-5xl--line-height));
     }
   }
-
-  @media (width >= 48rem) {
-    .md\:col-span-1 {
+  .md\:col-span-1 {
+    @media (width >= 48rem) {
       grid-column: span 1 / span 1;
     }
-
-    .md\:col-span-2 {
+  }
+  .md\:col-span-2 {
+    @media (width >= 48rem) {
       grid-column: span 2 / span 2;
     }
-
-    .md\:col-span-3 {
+  }
+  .md\:col-span-3 {
+    @media (width >= 48rem) {
       grid-column: span 3 / span 3;
     }
-
-    .md\:col-span-4 {
+  }
+  .md\:col-span-4 {
+    @media (width >= 48rem) {
       grid-column: span 4 / span 4;
     }
-
-    .md\:col-span-5 {
+  }
+  .md\:col-span-5 {
+    @media (width >= 48rem) {
       grid-column: span 5 / span 5;
     }
-
-    .md\:col-span-6 {
+  }
+  .md\:col-span-6 {
+    @media (width >= 48rem) {
       grid-column: span 6 / span 6;
     }
-
-    .md\:col-span-7 {
+  }
+  .md\:col-span-7 {
+    @media (width >= 48rem) {
       grid-column: span 7 / span 7;
     }
-
-    .md\:col-span-8 {
+  }
+  .md\:col-span-8 {
+    @media (width >= 48rem) {
       grid-column: span 8 / span 8;
     }
-
-    .md\:w-\[18em\] {
+  }
+  .md\:w-\[18em\] {
+    @media (width >= 48rem) {
       width: 18em;
     }
-
-    .md\:min-w-\[25ch\] {
+  }
+  .md\:min-w-\[25ch\] {
+    @media (width >= 48rem) {
       min-width: 25ch;
     }
-
-    .md\:grid-cols-1 {
+  }
+  .md\:grid-cols-1 {
+    @media (width >= 48rem) {
       grid-template-columns: repeat(1, minmax(0, 1fr));
     }
-
-    .md\:grid-cols-2 {
+  }
+  .md\:grid-cols-2 {
+    @media (width >= 48rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
-
-    .md\:grid-cols-3 {
+  }
+  .md\:grid-cols-3 {
+    @media (width >= 48rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
-
-    .md\:grid-cols-4 {
+  }
+  .md\:grid-cols-4 {
+    @media (width >= 48rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
-
-    .md\:grid-cols-5 {
+  }
+  .md\:grid-cols-5 {
+    @media (width >= 48rem) {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
-
-    .md\:grid-cols-6 {
+  }
+  .md\:grid-cols-6 {
+    @media (width >= 48rem) {
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
-
-    .md\:grid-cols-7 {
+  }
+  .md\:grid-cols-7 {
+    @media (width >= 48rem) {
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
-
-    .md\:grid-cols-8 {
+  }
+  .md\:grid-cols-8 {
+    @media (width >= 48rem) {
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
   }
-
-  @media (width >= 64rem) {
-    .lg\:col-span-1 {
+  .lg\:col-span-1 {
+    @media (width >= 64rem) {
       grid-column: span 1 / span 1;
     }
-
-    .lg\:col-span-2 {
+  }
+  .lg\:col-span-2 {
+    @media (width >= 64rem) {
       grid-column: span 2 / span 2;
     }
-
-    .lg\:col-span-3 {
+  }
+  .lg\:col-span-3 {
+    @media (width >= 64rem) {
       grid-column: span 3 / span 3;
     }
-
-    .lg\:col-span-4 {
+  }
+  .lg\:col-span-4 {
+    @media (width >= 64rem) {
       grid-column: span 4 / span 4;
     }
-
-    .lg\:col-span-5 {
+  }
+  .lg\:col-span-5 {
+    @media (width >= 64rem) {
       grid-column: span 5 / span 5;
     }
-
-    .lg\:col-span-6 {
+  }
+  .lg\:col-span-6 {
+    @media (width >= 64rem) {
       grid-column: span 6 / span 6;
     }
-
-    .lg\:col-span-7 {
+  }
+  .lg\:col-span-7 {
+    @media (width >= 64rem) {
       grid-column: span 7 / span 7;
     }
-
-    .lg\:col-span-8 {
+  }
+  .lg\:col-span-8 {
+    @media (width >= 64rem) {
       grid-column: span 8 / span 8;
     }
-
-    .lg\:my-0 {
+  }
+  .lg\:my-0 {
+    @media (width >= 64rem) {
       margin-block: calc(var(--spacing) * 0);
     }
-
-    .lg\:block {
+  }
+  .lg\:mt-10 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 10);
+    }
+  }
+  .lg\:block {
+    @media (width >= 64rem) {
       display: block;
     }
-
-    .lg\:hidden {
+  }
+  .lg\:hidden {
+    @media (width >= 64rem) {
       display: none;
     }
-
-    .lg\:w-1\/2 {
-      width: 50%;
+  }
+  .lg\:w-1\/2 {
+    @media (width >= 64rem) {
+      width: calc(1/2 * 100%);
     }
-
-    .lg\:grid-cols-1 {
+  }
+  .lg\:grid-cols-1 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(1, minmax(0, 1fr));
     }
-
-    .lg\:grid-cols-2 {
+  }
+  .lg\:grid-cols-2 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
-
-    .lg\:grid-cols-3 {
+  }
+  .lg\:grid-cols-3 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
-
-    .lg\:grid-cols-4 {
+  }
+  .lg\:grid-cols-4 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
-
-    .lg\:grid-cols-5 {
+  }
+  .lg\:grid-cols-5 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
-
-    .lg\:grid-cols-6 {
+  }
+  .lg\:grid-cols-6 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
-
-    .lg\:grid-cols-7 {
+  }
+  .lg\:grid-cols-7 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
-
-    .lg\:grid-cols-8 {
+  }
+  .lg\:grid-cols-8 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
-
-    .lg\:flex-row {
+  }
+  .lg\:flex-row {
+    @media (width >= 64rem) {
       flex-direction: row;
     }
-
-    .lg\:items-center {
+  }
+  .lg\:items-center {
+    @media (width >= 64rem) {
       align-items: center;
     }
-
-    .lg\:items-start {
+  }
+  .lg\:items-start {
+    @media (width >= 64rem) {
       align-items: flex-start;
     }
-
-    .lg\:justify-start {
+  }
+  .lg\:justify-start {
+    @media (width >= 64rem) {
       justify-content: flex-start;
     }
-
-    .lg\:px-8 {
+  }
+  .lg\:px-8 {
+    @media (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 8);
     }
-
-    .lg\:py-16 {
+  }
+  .lg\:py-16 {
+    @media (width >= 64rem) {
       padding-block: calc(var(--spacing) * 16);
     }
-
-    .lg\:py-20 {
+  }
+  .lg\:py-20 {
+    @media (width >= 64rem) {
       padding-block: calc(var(--spacing) * 20);
     }
-
-    .lg\:text-left {
+  }
+  .lg\:text-left {
+    @media (width >= 64rem) {
       text-align: left;
     }
-
-    .lg\:text-5xl {
+  }
+  .lg\:text-3xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
+    }
+  }
+  .lg\:text-5xl {
+    @media (width >= 64rem) {
       font-size: var(--text-5xl);
       line-height: var(--tw-leading, var(--text-5xl--line-height));
     }
-
-    .lg\:text-6xl {
+  }
+  .lg\:text-6xl {
+    @media (width >= 64rem) {
       font-size: var(--text-6xl);
       line-height: var(--tw-leading, var(--text-6xl--line-height));
     }
-
-    .lg\:text-xl {
+  }
+  .lg\:text-lg {
+    @media (width >= 64rem) {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
+  }
+  .lg\:text-xl {
+    @media (width >= 64rem) {
       font-size: var(--text-xl);
       line-height: var(--tw-leading, var(--text-xl--line-height));
     }
   }
-
-  @media (width >= 70rem) {
-    .xl\:col-span-1 {
+  .xl\:col-span-1 {
+    @media (width >= 70rem) {
       grid-column: span 1 / span 1;
     }
-
-    .xl\:col-span-2 {
+  }
+  .xl\:col-span-2 {
+    @media (width >= 70rem) {
       grid-column: span 2 / span 2;
     }
-
-    .xl\:col-span-3 {
+  }
+  .xl\:col-span-3 {
+    @media (width >= 70rem) {
       grid-column: span 3 / span 3;
     }
-
-    .xl\:col-span-4 {
+  }
+  .xl\:col-span-4 {
+    @media (width >= 70rem) {
       grid-column: span 4 / span 4;
     }
-
-    .xl\:col-span-5 {
+  }
+  .xl\:col-span-5 {
+    @media (width >= 70rem) {
       grid-column: span 5 / span 5;
     }
-
-    .xl\:col-span-6 {
+  }
+  .xl\:col-span-6 {
+    @media (width >= 70rem) {
       grid-column: span 6 / span 6;
     }
-
-    .xl\:col-span-7 {
+  }
+  .xl\:col-span-7 {
+    @media (width >= 70rem) {
       grid-column: span 7 / span 7;
     }
-
-    .xl\:col-span-8 {
+  }
+  .xl\:col-span-8 {
+    @media (width >= 70rem) {
       grid-column: span 8 / span 8;
     }
-
-    .xl\:grid-cols-1 {
+  }
+  .xl\:grid-cols-1 {
+    @media (width >= 70rem) {
       grid-template-columns: repeat(1, minmax(0, 1fr));
     }
-
-    .xl\:grid-cols-2 {
+  }
+  .xl\:grid-cols-2 {
+    @media (width >= 70rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
-
-    .xl\:grid-cols-3 {
+  }
+  .xl\:grid-cols-3 {
+    @media (width >= 70rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
-
-    .xl\:grid-cols-4 {
+  }
+  .xl\:grid-cols-4 {
+    @media (width >= 70rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
-
-    .xl\:grid-cols-5 {
+  }
+  .xl\:grid-cols-5 {
+    @media (width >= 70rem) {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
-
-    .xl\:grid-cols-6 {
+  }
+  .xl\:grid-cols-6 {
+    @media (width >= 70rem) {
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
-
-    .xl\:grid-cols-7 {
+  }
+  .xl\:grid-cols-7 {
+    @media (width >= 70rem) {
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
-
-    .xl\:grid-cols-8 {
+  }
+  .xl\:grid-cols-8 {
+    @media (width >= 70rem) {
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
-
-    .xl\:gap-16 {
+  }
+  .xl\:gap-16 {
+    @media (width >= 70rem) {
       gap: calc(var(--spacing) * 16);
     }
-
-    .xl\:text-7xl {
+  }
+  .xl\:text-7xl {
+    @media (width >= 70rem) {
       font-size: var(--text-7xl);
       line-height: var(--tw-leading, var(--text-7xl--line-height));
     }
   }
-
-  @media (width >= 96rem) {
-    .\32 xl\:col-span-1 {
+  .\32 xl\:col-span-1 {
+    @media (width >= 96rem) {
       grid-column: span 1 / span 1;
     }
-
-    .\32 xl\:col-span-2 {
+  }
+  .\32 xl\:col-span-2 {
+    @media (width >= 96rem) {
       grid-column: span 2 / span 2;
     }
-
-    .\32 xl\:col-span-3 {
+  }
+  .\32 xl\:col-span-3 {
+    @media (width >= 96rem) {
       grid-column: span 3 / span 3;
     }
-
-    .\32 xl\:col-span-4 {
+  }
+  .\32 xl\:col-span-4 {
+    @media (width >= 96rem) {
       grid-column: span 4 / span 4;
     }
-
-    .\32 xl\:col-span-5 {
+  }
+  .\32 xl\:col-span-5 {
+    @media (width >= 96rem) {
       grid-column: span 5 / span 5;
     }
-
-    .\32 xl\:col-span-6 {
+  }
+  .\32 xl\:col-span-6 {
+    @media (width >= 96rem) {
       grid-column: span 6 / span 6;
     }
-
-    .\32 xl\:col-span-7 {
+  }
+  .\32 xl\:col-span-7 {
+    @media (width >= 96rem) {
       grid-column: span 7 / span 7;
     }
-
-    .\32 xl\:col-span-8 {
+  }
+  .\32 xl\:col-span-8 {
+    @media (width >= 96rem) {
       grid-column: span 8 / span 8;
     }
-
-    .\32 xl\:grid-cols-1 {
+  }
+  .\32 xl\:grid-cols-1 {
+    @media (width >= 96rem) {
       grid-template-columns: repeat(1, minmax(0, 1fr));
     }
-
-    .\32 xl\:grid-cols-2 {
+  }
+  .\32 xl\:grid-cols-2 {
+    @media (width >= 96rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
-
-    .\32 xl\:grid-cols-3 {
+  }
+  .\32 xl\:grid-cols-3 {
+    @media (width >= 96rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
-
-    .\32 xl\:grid-cols-4 {
+  }
+  .\32 xl\:grid-cols-4 {
+    @media (width >= 96rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
-
-    .\32 xl\:grid-cols-5 {
+  }
+  .\32 xl\:grid-cols-5 {
+    @media (width >= 96rem) {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
-
-    .\32 xl\:grid-cols-6 {
+  }
+  .\32 xl\:grid-cols-6 {
+    @media (width >= 96rem) {
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
-
-    .\32 xl\:grid-cols-7 {
+  }
+  .\32 xl\:grid-cols-7 {
+    @media (width >= 96rem) {
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
-
-    .\32 xl\:grid-cols-8 {
+  }
+  .\32 xl\:grid-cols-8 {
+    @media (width >= 96rem) {
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
   }
-
-  .prose-p\:text-balance :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    text-wrap: balance;
+  .prose-p\:text-balance {
+    & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+      text-wrap: balance;
+    }
   }
-
-  @media (hover: hover) {
-    .hover\:prose-img\:origin-center:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-      transform-origin: center;
+  .hover\:prose-img\:origin-center {
+    &:hover {
+      @media (hover: hover) {
+        & :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+          transform-origin: center;
+        }
+      }
     }
-
-    .hover\:prose-img\:scale-110:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-      --tw-scale-x: 110%;
-      --tw-scale-y: 110%;
-      --tw-scale-z: 110%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .hover\:prose-img\:scale-110 {
+    &:hover {
+      @media (hover: hover) {
+        & :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+          --tw-scale-x: 110%;
+          --tw-scale-y: 110%;
+          --tw-scale-z: 110%;
+          scale: var(--tw-scale-x) var(--tw-scale-y);
+        }
+      }
     }
-
-    .hover\:prose-img\:duration-500:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-      --tw-duration: .5s;
-      transition-duration: .5s;
+  }
+  .hover\:prose-img\:duration-500 {
+    &:hover {
+      @media (hover: hover) {
+        & :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+          --tw-duration: 500ms;
+          transition-duration: 500ms;
+        }
+      }
     }
   }
 }
-
 main#maincontent {
   background-color: var(--color-background);
   color: var(--color-text);
   margin: 0;
   padding: 0 0 5rem;
 }
-
 .container {
-  width: 100%;
-  max-width: 80.5rem;
   margin: 0 auto;
+  max-width: 80.5rem;
   padding-inline: clamp(1.5rem, 5vw, 3rem);
+  width: 100%;
+  &.wider {
+    max-width: 85rem;
+  }
 }
-
-.container.wider {
-  max-width: 85rem;
-}
-
 .section {
+  position: relative;
   margin-block: var(--spacing-section);
   padding-inline: var(--spacing-section);
-  position: relative;
+  &:first-child {
+    margin-top: calc(var(--spacing) * 0);
+  }
+  &:last-child, p:last-child {
+    margin-bottom: calc(var(--spacing) * 0);
+  }
+  &.has-background {
+    background-size: cover;
+    background-repeat: no-repeat;
+    padding-block: var(--spacing-section);
+  }
 }
-
-.section:first-child {
-  margin-top: calc(var(--spacing) * 0);
+.content-wrapper {
+  .alignfull {
+    max-width: 100%;
+  }
+  .alignwide {
+    max-width: 100%;
+  }
+  .alignleft {
+    float: none;
+    margin-right: auto;
+    margin-left: calc(var(--spacing) * 0);
+  }
+  .alignright {
+    float: none;
+    margin-right: calc(var(--spacing) * 0);
+    margin-left: auto;
+  }
+  .aligncenter {
+    margin-inline: auto;
+  }
 }
-
-.section:last-child, .section p:last-child {
-  margin-bottom: calc(var(--spacing) * 0);
-}
-
-.section.has-background {
-  padding-block: var(--spacing-section);
-  background-repeat: no-repeat;
-  background-size: cover;
-}
-
-.content-wrapper .alignfull, .content-wrapper .alignwide {
-  max-width: 100%;
-}
-
-.content-wrapper .alignleft {
-  float: none;
-  margin-right: auto;
-  margin-left: calc(var(--spacing) * 0);
-}
-
-.content-wrapper .alignright {
-  float: none;
-  margin-right: calc(var(--spacing) * 0);
-  margin-left: auto;
-}
-
-.content-wrapper .aligncenter {
-  margin-inline: auto;
-}
-
 .embed {
-  height: 0;
-  padding-bottom: 56.25%;
   position: relative;
+  padding-bottom: 56.25%;
+  height: 0;
   overflow: hidden;
 }
-
 .embed iframe, .embed object, .embed embed, .embed video {
-  width: 100%;
-  height: 100%;
   position: absolute;
   top: 0;
   left: 0;
+  width: 100%;
+  height: 100%;
 }
-
 :root {
   --h1: var(--text-64px);
   --h2: var(--text-40px);
@@ -2047,3930 +1792,3210 @@ main#maincontent {
   --h5: var(--text-24px);
   --h6: var(--text-22px);
 }
-
 body {
-  color: #000;
+  background-color: white;
+  color: black;
   font-family: var(--font-sans);
   font-size: var(--text-18px);
   line-height: var(--line-height);
-  background-color: #fff;
 }
-
 ::selection {
   background: var(--color-primary-400);
 }
-
+@layer components {
+  h1, h2, h3, h4, h5, h6 {
+    font-family: var(--font-quincy);
+    font-weight: 700;
+    margin: 0 0 1rem;
+  }
+  h1, .h1 {
+    font-size: var(--h1);
+    line-height: 1.2;
+  }
+  h2, .h2 {
+    color: var(--color-cwc-blue-01);
+    font-size: var(--h2);
+    line-height: 1.3;
+    em {
+      font-style: normal;
+      color: var(--color-secondary);
+    }
+  }
+  #clients h2 {
+    font-size: var(--text-64px);
+  }
+  h3, .h3 {
+    font-size: var(--h3);
+    line-height: 1.4;
+  }
+  h4, .h4 {
+    font-size: var(--h4);
+    line-height: 1.5;
+  }
+  h5, .h5 {
+    font-size: var(--h5);
+  }
+  h6, .h6 {
+    font-size: var(--h6);
+  }
+}
 a, .link {
   color: var(--color-bodylinks);
-  cursor: pointer;
   text-decoration: none;
-  transition: color .2s;
+  transition: color 200ms;
+  cursor: pointer;
+  &:hover {
+    color: var(--color-primary);
+  }
 }
-
-:is(a, .link):hover {
-  color: var(--color-primary);
-}
-
 h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a {
   color: inherit;
   text-decoration: underline;
 }
-
 p {
   margin-top: 0;
   margin-bottom: 1rem;
 }
-
 ul {
-  padding: 0 1rem;
   list-style-type: disc;
   list-style-position: inside;
-}
-
-ol {
   padding: 0 1rem;
+}
+ol {
   list-style-type: decimal;
   list-style-position: inside;
+  padding: 0 1rem;
 }
-
 li ul, li ol {
   margin: 0 1rem;
 }
-
 ol ol {
   list-style: lower-alpha;
 }
-
 ol ol ol {
   list-style: lower-roman;
 }
-
 ol ol ol ol {
   list-style: lower-alpha;
 }
-
 pre, code, samp, style {
   font-family: monospace;
 }
-
 pre {
-  padding: 1.5rem;
-  font-size: .875rem;
+  font-size: 0.875rem;
   overflow: auto;
+  padding: 1.5rem;
 }
-
 pre code {
   background-color: inherit;
-  color: inherit;
   border-radius: 0;
+  color: inherit;
   padding: 0;
 }
-
 code {
   border-radius: var(--radius-sm);
   background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
   padding-inline: 3px;
-  padding-block: calc(var(--spacing) * .5);
+  padding-block: calc(var(--spacing) * 0.5);
   font-family: var(--font-mono);
   font-size: var(--text-xs);
   line-height: var(--tw-leading, var(--text-xs--line-height));
   color: var(--color-black);
 }
-
 hr {
-  background-color: #000;
+  background-color: black;
   border: none;
-  width: 100%;
+  display: block;
   height: 1px;
   margin: 1rem 0;
-  display: block;
+  width: 100%;
 }
-
 .skip-link {
-  opacity: 1;
-  text-align: center;
-  z-index: 999;
-  width: 15rem;
-  max-width: 90vw;
-  margin: 0 auto;
-  padding: 1rem;
-  font-size: larger;
-  font-weight: 600;
-  transition: transform .1875s ease-out;
-  position: absolute;
-  top: .5rem;
-  left: 0;
-  right: 0;
-  color: #000 !important;
   background-color: #f6ff00 !important;
   border-color: #f6ff00 !important;
+  color: #000 !important;
+  font-size: larger;
+  font-weight: 600;
+  left: 0;
+  margin: 0 auto;
+  max-width: 90vw;
+  opacity: 1;
   outline-color: #f6ff00 !important;
+  padding: 1rem;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0.5rem;
+  transition: transform 0.1875s ease-out;
+  width: 15rem;
+  z-index: 999;
+  &:not(:focus):not(:hover) {
+    opacity: 0;
+    transform: translateY(-4em);
+  }
 }
-
-.skip-link:not(:focus):not(:hover) {
-  opacity: 0;
-  transform: translateY(-4em);
-}
-
 .social-icons svg {
-  fill: var(--color-white);
-  background-color: #0000;
-  border-radius: 3.40282e38px;
   display: block;
+  border-radius: calc(infinity * 1px);
+  background-color: transparent;
+  fill: var(--color-white);
 }
-
 input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], select, textarea {
+  width: 100%;
+  border-radius: 0.25rem;
   border-style: var(--tw-border-style);
   border-width: 2px;
   border-color: var(--color-primary);
-  width: 100%;
   padding-inline: calc(var(--spacing) * 4);
   padding-block: calc(var(--spacing) * 2);
   background-color: var(--color-white);
   color: var(--color-black);
+  &:focus-visible {
+    border-color: transparent;
+  }
+  &:focus-visible {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  &:focus-visible {
+    outline-offset: 3px;
+  }
+  &:focus-visible {
+    outline-color: var(--color-primary);
+  }
   font-size: inherit;
   line-height: inherit;
-  border-radius: .25rem;
 }
-
-:is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], select, textarea):focus-visible {
-  outline-style: var(--tw-outline-style);
-  outline-offset: 3px;
-  outline-width: 2px;
-  outline-color: var(--color-primary);
-  border-color: #0000;
-}
-
 .gform_wrapper {
-  max-width: 100%;
   margin-inline: auto;
-}
-
-.gform_wrapper .gform_fields {
-  color: var(--color-black);
-}
-
-.gform_wrapper fieldset.gfield {
-  margin-bottom: calc(var(--spacing) * 6);
-}
-
-.gform_wrapper legend, .gform_wrapper label {
-  margin-bottom: calc(var(--spacing) * 2);
-  font-size: var(--text-lg);
-  line-height: var(--tw-leading, var(--text-lg--line-height));
-  --tw-font-weight: var(--font-weight-bold);
-  font-weight: var(--font-weight-bold);
-}
-
-.gform_wrapper label.gform-field-label--type-sub {
-  font-size: var(--text-base);
-  line-height: var(--tw-leading, var(--text-base--line-height));
-  --tw-font-weight: var(--font-weight-normal);
-  font-weight: var(--font-weight-normal);
-}
-
-.gform_wrapper .gfield_required {
-  margin-left: calc(var(--spacing) * 1);
-  font-size: var(--text-xs);
-  line-height: var(--tw-leading, var(--text-xs--line-height));
-  --tw-font-weight: var(--font-weight-bold);
-  font-weight: var(--font-weight-bold);
-  color: var(--color-danger);
-}
-
-.gform_wrapper .dark input[type="text"], .gform_wrapper .dark input[type="email"], .gform_wrapper .dark input[type="tel"], .gform_wrapper .dark input[type="url"], .gform_wrapper .dark input[type="number"], .gform_wrapper .dark input[type="password"], .gform_wrapper .dark input[type="date"], .gform_wrapper .dark select, .gform_wrapper .dark textarea {
-  background-color: var(--color-white);
-  color: var(--color-black);
-}
-
-:is(.gform_wrapper .dark input[type="text"], .gform_wrapper .dark input[type="email"], .gform_wrapper .dark input[type="tel"], .gform_wrapper .dark input[type="url"], .gform_wrapper .dark input[type="number"], .gform_wrapper .dark input[type="password"], .gform_wrapper .dark input[type="date"], .gform_wrapper .dark select, .gform_wrapper .dark textarea):focus-visible {
-  outline-style: var(--tw-outline-style);
-  outline-offset: 3px;
-  outline-width: 2px;
-  outline-color: var(--color-primary);
-  border-color: #0000;
-}
-
-@media (width >= 40rem) {
-  .gform_wrapper .ginput_complex {
-    display: flex;
+  max-width: 100%;
+  .gform_fields {
+    color: var(--color-black);
+  }
+  fieldset.gfield {
+    margin-bottom: calc(var(--spacing) * 6);
+  }
+  legend, label {
+    margin-bottom: calc(var(--spacing) * 2);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+    --tw-font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-bold);
+  }
+  label.gform-field-label--type-sub {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  .gfield_required {
+    margin-left: calc(var(--spacing) * 1);
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+    --tw-font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-bold);
+    color: var(--color-danger);
+  }
+  .dark {
+    input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], select, textarea {
+      background-color: var(--color-white);
+      color: var(--color-black);
+      &:focus-visible {
+        border-color: transparent;
+      }
+      &:focus-visible {
+        outline-style: var(--tw-outline-style);
+        outline-width: 2px;
+      }
+      &:focus-visible {
+        outline-offset: 3px;
+      }
+      &:focus-visible {
+        outline-color: var(--color-primary);
+      }
+    }
+  }
+  .ginput_complex {
+    @media (width >= 40rem) {
+      display: flex;
+    }
+    span {
+      display: block;
+      flex-grow: 1;
+      &:not(:first-child) {
+        margin-top: calc(var(--spacing) * 6);
+        @media (width >= 40rem) {
+          margin-top: calc(var(--spacing) * 0);
+        }
+        @media (width >= 40rem) {
+          margin-left: calc(var(--spacing) * 4);
+        }
+      }
+    }
+  }
+  .gform_footer {
+    margin-top: calc(var(--spacing) * 8);
+  }
+  h2.gform_submission_error {
+    margin-block: calc(var(--spacing) * 4);
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+    --tw-font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-bold);
+    color: var(--color-danger);
+  }
+  .validation_message {
+    color: var(--color-danger);
+    font-style: italic;
+  }
+  .hidden_label > label {
+    display: none;
   }
 }
-
-.gform_wrapper .ginput_complex span {
-  flex-grow: 1;
-  display: block;
-}
-
-.gform_wrapper .ginput_complex span:not(:first-child) {
-  margin-top: calc(var(--spacing) * 6);
-}
-
-@media (width >= 40rem) {
-  .gform_wrapper .ginput_complex span:not(:first-child) {
-    margin-top: calc(var(--spacing) * 0);
-    margin-left: calc(var(--spacing) * 4);
-  }
-}
-
-.gform_wrapper .gform_footer {
-  margin-top: calc(var(--spacing) * 8);
-}
-
-.gform_wrapper h2.gform_submission_error {
-  margin-block: calc(var(--spacing) * 4);
-  font-size: var(--text-xl);
-  line-height: var(--tw-leading, var(--text-xl--line-height));
-  --tw-font-weight: var(--font-weight-bold);
-  font-weight: var(--font-weight-bold);
-  color: var(--color-danger);
-}
-
-.gform_wrapper .validation_message {
-  color: var(--color-danger);
-  font-style: italic;
-}
-
-.gform_wrapper .hidden_label > label {
-  display: none;
-}
-
 .wp-block-search__input {
-  border-style: var(--tw-border-style);
   width: 100%;
+  border-radius: 0.25rem;
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+  border-color: transparent;
   padding-inline: calc(var(--spacing) * 4);
   padding-block: calc(var(--spacing) * 2);
+  &:focus-visible {
+    border-color: var(--color-primary);
+  }
+  &:focus-visible {
+    background-color: var(--color-secondary-300);
+  }
   appearance: none;
-  border-width: 2px;
-  border-color: #0000;
-  border-radius: .25rem;
   flex-grow: 1;
-  min-width: 3rem;
   margin-left: 0;
   margin-right: 0;
-  -webkit-text-decoration: unset !important;
-  -webkit-text-decoration: unset !important;
+  min-width: 3rem;
   text-decoration: unset !important;
 }
-
-.wp-block-search__input:focus-visible {
-  border-color: var(--color-primary);
-  background-color: var(--color-secondary-300);
-}
-
 .menu-vdi {
   display: none;
-}
-
-.menu-vdi > li {
-  list-style-type: none;
-}
-
-@media (hover: hover) {
-  .menu-vdi > li > a:hover {
-    text-decoration-line: underline;
+  >li {
+    list-style-type: none;
+    >a {
+      &:hover {
+        @media (hover: hover) {
+          text-decoration-line: underline;
+        }
+      }
+      &:focus-visible {
+        text-decoration-line: underline;
+      }
+    }
+    a[aria-current="true"] {
+      text-decoration-line: underline;
+    }
+    .menu-vdi__toggle {
+      &[aria-expanded="true"] {
+        svg {
+          rotate: 180deg;
+        }
+        +.menu-vdi__submenu {
+          display: flex;
+        }
+      }
+    }
+  }
+  .menu-vdi__submenu {
+    z-index: 10;
+    width: 100%;
+    @media (width >= 22.5rem) {
+      max-width: 22.5rem;
+    }
+    @media (width >= 29.6875rem) {
+      max-width: 29.6875rem;
+    }
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 70rem) {
+      max-width: 70rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+    display: none;
+    .menu-vdi__item--grandchild a {
+      text-decoration-line: none;
+      &:hover {
+        @media (hover: hover) {
+          text-decoration-line: underline;
+        }
+      }
+      &:focus-visible {
+        text-decoration-line: underline;
+      }
+    }
   }
 }
-
-.menu-vdi > li > a:focus-visible, .menu-vdi > li a[aria-current="true"] {
-  text-decoration-line: underline;
-}
-
-.menu-vdi > li .menu-vdi__toggle[aria-expanded="true"] svg {
-  rotate: 180deg;
-}
-
-.menu-vdi > li .menu-vdi__toggle[aria-expanded="true"] + .menu-vdi__submenu {
-  display: flex;
-}
-
-.menu-vdi .menu-vdi__submenu {
-  z-index: 10;
-  width: 100%;
-  display: none;
-}
-
-@media (width >= 22.5rem) {
-  .menu-vdi .menu-vdi__submenu {
-    max-width: 22.5rem;
-  }
-}
-
-@media (width >= 29.6875rem) {
-  .menu-vdi .menu-vdi__submenu {
-    max-width: 29.6875rem;
-  }
-}
-
-@media (width >= 40rem) {
-  .menu-vdi .menu-vdi__submenu {
-    max-width: 40rem;
-  }
-}
-
-@media (width >= 48rem) {
-  .menu-vdi .menu-vdi__submenu {
-    max-width: 48rem;
-  }
-}
-
-@media (width >= 64rem) {
-  .menu-vdi .menu-vdi__submenu {
-    max-width: 64rem;
-  }
-}
-
-@media (width >= 70rem) {
-  .menu-vdi .menu-vdi__submenu {
-    max-width: 70rem;
-  }
-}
-
-@media (width >= 96rem) {
-  .menu-vdi .menu-vdi__submenu {
-    max-width: 96rem;
-  }
-}
-
-.menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a {
-  text-decoration-line: none;
-}
-
-@media (hover: hover) {
-  .menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a:hover {
-    text-decoration-line: underline;
-  }
-}
-
-.menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a:focus-visible {
-  text-decoration-line: underline;
-}
-
-@media screen and (width <= 62.5rem) {
+@media screen and (max-width: 62.5rem) {
   #app:has(.nav-main__toggle[aria-expanded="true"]) {
     height: calc(100vh - var(--hgtHeader));
   }
-
-  .nav-main__toggle .nav-toggle-hamburger {
-    display: inline-block !important;
+  .nav-main__toggle {
+    .nav-toggle-hamburger {
+      display: inline-block !important;
+    }
+    .nav-toggle-x {
+      display: none !important;
+    }
+    &[aria-expanded="true"] {
+      .nav-toggle-hamburger {
+        display: none !important;
+      }
+      .nav-toggle-x {
+        display: inline-block !important;
+      }
+    }
   }
-
-  .nav-main__toggle .nav-toggle-x, .nav-main__toggle[aria-expanded="true"] .nav-toggle-hamburger {
-    display: none !important;
+  .nav-main {
+    .nav-main__toggle[aria-expanded="true"] {
+      +ul {
+        position: absolute;
+        display: flex;
+      }
+    }
+    .menu-vdi {
+      position: absolute;
+      right: calc(var(--spacing) * 0);
+      z-index: 10;
+      .menu-vdi__toggle {
+        display: flex;
+        align-items: center;
+        gap: calc(var(--spacing) * 2);
+      }
+    }
   }
-
-  .nav-main__toggle[aria-expanded="true"] .nav-toggle-x {
-    display: inline-block !important;
-  }
-
-  .nav-main .nav-main__toggle[aria-expanded="true"] + ul {
-    display: flex;
-    position: absolute;
-  }
-
-  .nav-main .menu-vdi {
-    right: calc(var(--spacing) * 0);
-    z-index: 10;
-    position: absolute;
-  }
-
-  .nav-main .menu-vdi .menu-vdi__toggle {
-    align-items: center;
-    gap: calc(var(--spacing) * 2);
-    display: flex;
-  }
-
-  .nav-aux .menu-vdi__submenu {
-    list-style-type: none;
-    position: absolute;
+  .nav-aux {
+    .menu-vdi__submenu {
+      position: absolute;
+      list-style-type: none;
+    }
   }
 }
-
-@media screen and (width >= 62.5rem) {
+@media screen and (min-width: 62.5rem) {
   .nav-main__toggle {
     display: none;
   }
-
   .menu-vdi {
-    list-style-type: none;
     display: flex;
-  }
-
-  .menu-vdi .menu-vdi__toggle {
-    align-items: center;
-    gap: calc(var(--spacing) * 2);
-    display: flex;
-  }
-
-  .menu-vdi .menu-vdi__submenu {
     list-style-type: none;
-    position: absolute;
+    .menu-vdi__toggle {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--spacing) * 2);
+    }
+    .menu-vdi__submenu {
+      position: absolute;
+      list-style-type: none;
+    }
   }
 }
-
 .nav-aux {
+  position: relative;
   margin: calc(var(--spacing) * 0);
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
   justify-content: flex-end;
-  align-items: center;
   gap: calc(var(--spacing) * 2);
   padding: calc(var(--spacing) * 0);
-  flex-wrap: wrap;
-  display: flex;
-  position: relative;
-}
-
-.nav-aux .menu-vdi {
-  margin: calc(var(--spacing) * 0);
-  align-items: center;
-  gap: calc(var(--spacing) * 4);
-  column-gap: calc(var(--spacing) * 4);
-  row-gap: calc(var(--spacing) * 2);
-  padding: calc(var(--spacing) * 0);
-  flex-wrap: wrap;
-  display: flex;
-  position: relative;
-}
-
-.nav-aux .menu-vdi .menu-vdi__toggle {
-  align-items: center;
-  gap: calc(var(--spacing) * 2);
-  display: flex;
-}
-
-@media (hover: hover) {
-  .nav-aux .menu-vdi .menu-vdi__toggle:hover {
-    text-decoration-line: underline;
+  .menu-vdi {
+    position: relative;
+    margin: calc(var(--spacing) * 0);
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: calc(var(--spacing) * 4);
+    column-gap: calc(var(--spacing) * 4);
+    row-gap: calc(var(--spacing) * 2);
+    padding: calc(var(--spacing) * 0);
+    .menu-vdi__toggle {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--spacing) * 2);
+      &:hover {
+        @media (hover: hover) {
+          text-decoration-line: underline;
+        }
+      }
+      &:focus-visible {
+        text-decoration-line: underline;
+      }
+    }
   }
 }
-
-.nav-aux .menu-vdi .menu-vdi__toggle:focus-visible {
-  text-decoration-line: underline;
-}
-
-@media screen and (width >= 62.5rem) {
+@media screen and (min-width: 62.5rem) {
   .nav-aux {
     gap: calc(var(--spacing) * 4);
-  }
-
-  .nav-aux .menu-vdi {
-    justify-content: flex-end;
-  }
-
-  .nav-aux .menu-vdi .menu-vdi__toggle {
-    align-items: center;
-    gap: calc(var(--spacing) * 2);
-    display: flex;
-  }
-
-  .nav-main .menu-vdi {
-    margin: calc(var(--spacing) * 0);
-    height: 100%;
-    padding: calc(var(--spacing) * 0);
-    justify-content: flex-end;
-    align-items: center;
-    display: flex;
-  }
-
-  .nav-main .menu-vdi > li {
-    height: 100%;
-  }
-
-  .nav-main .menu-vdi > li > a, .nav-main .menu-vdi > li > .menu-vdi__toggle {
-    font-size: var(--text-20px);
-    --tw-leading: var(--leading-snug);
-    line-height: var(--leading-snug);
-    --tw-font-weight: var(--font-weight-semibold);
-    font-weight: var(--font-weight-semibold);
-    white-space: nowrap;
-    color: var(--color-white);
-    margin-block: calc(var(--spacing) * -4);
-    padding-inline: calc(var(--spacing) * 4);
-    align-items: center;
-    height: calc(100% + 2rem);
-    text-decoration-line: none;
-    display: flex;
-  }
-
-  :is(.nav-main .menu-vdi > li:hover, .nav-main .menu-vdi > li:has(.menu-vdi__toggle[aria-expanded="true"])) > a, :is(.nav-main .menu-vdi > li:hover, .nav-main .menu-vdi > li:has(.menu-vdi__toggle[aria-expanded="true"])) > .menu-vdi__toggle {
-    background-color: var(--color-cwc-blue-02);
-    color: var(--color-light);
-    box-shadow: inset 0 -4px #f26b53;
-  }
-
-  .nav-main .menu-vdi > li.menu-vdi__item--contact {
-    height: auto;
-  }
-
-  .nav-main .menu-vdi > li.menu-vdi__item--contact:hover > a {
-    box-shadow: none;
-    background-color: #0000;
-  }
-
-  .nav-main .menu-vdi > li.menu-vdi__item--contact > a {
-    margin-block: calc(var(--spacing) * 0);
-    margin-right: calc(var(--spacing) * 0);
-    margin-left: calc(var(--spacing) * 2);
-    background: linear-gradient(93.03deg, #f26b53 0%, #d24d32 100%);
-    border-radius: 1.25rem .25rem;
-    height: auto;
-    padding: .5rem 2rem;
-  }
-
-  .menu-vdi .menu-vdi__toggle {
-    align-items: center;
-    gap: calc(var(--spacing) * 2);
-    display: flex;
-  }
-
-  @media (hover: hover) {
-    .menu-vdi .menu-vdi__toggle:hover {
-      cursor: pointer;
+    .menu-vdi {
+      justify-content: flex-end;
+      .menu-vdi__toggle {
+        display: flex;
+        align-items: center;
+        gap: calc(var(--spacing) * 2);
+      }
     }
   }
-
-  .menu-vdi .menu-vdi__item--parent {
-    position: relative;
-  }
-
-  .menu-vdi .menu-vdi__submenu {
-    z-index: 100;
-    top: calc(100% + 1rem);
-    left: calc(var(--spacing) * 0);
-    margin-left: calc(var(--spacing) * 0);
-    width: calc(var(--spacing) * 64);
-    border-bottom-right-radius: var(--radius-lg);
-    border-bottom-left-radius: var(--radius-lg);
-    background-color: var(--color-cwc-blue-02);
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    flex-direction: column;
-  }
-
-  .menu-vdi .menu-vdi__submenu > li {
-    border-bottom-style: var(--tw-border-style);
-    border-color: #d24d32;
-    border-bottom-width: 1px;
-    width: 100%;
-  }
-
-  .menu-vdi .menu-vdi__submenu > li:last-child {
-    border-bottom-right-radius: var(--radius-lg);
-    border-bottom-left-radius: var(--radius-lg);
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 0;
-  }
-
-  .menu-vdi .menu-vdi__submenu .menu-vdi__item {
-    font-size: var(--text-18px);
-    --tw-leading: var(--leading-snug);
-    line-height: var(--leading-snug);
-    --tw-font-weight: var(--font-weight-bold);
-    font-weight: var(--font-weight-bold);
-    color: var(--color-white);
-    width: 100%;
-    text-decoration-line: none;
-    display: block;
-  }
-
-  @media (hover: hover) {
-    .menu-vdi .menu-vdi__submenu .menu-vdi__item:hover {
-      background-color: var(--color-cwc-blue-01);
-    }
-  }
-
-  .menu-vdi .menu-vdi__submenu .menu-vdi__item:focus-visible {
-    background-color: var(--color-cwc-blue-01);
-  }
-
-  .menu-vdi .menu-vdi__submenu .menu-vdi__item a {
-    width: 100%;
-    display: block;
-  }
-
-  .menu-vdi .menu-vdi__submenu a.menu-vdi__item, .menu-vdi .menu-vdi__submenu .menu-vdi__item a {
-    padding: calc(var(--spacing) * 4);
-    color: var(--color-white);
-  }
 }
-
-@media screen and (width <= 62.5rem) {
-  .nav-main .nav-main__toggle {
-    padding: calc(var(--spacing) * 3);
-    color: var(--color-white);
-  }
-
+@media screen and (min-width: 62.5rem) {
   .nav-main .menu-vdi {
-    right: calc(var(--spacing) * 0);
-    padding-block: calc(var(--spacing) * 8);
-    overscroll-behavior: contain;
-    background: var(--color-cwc-blue-02);
-    color: var(--color-white);
-    height: calc(100vh - var(--hgtHeader));
-    top: var(--hgtHeader);
-    z-index: 100;
-    flex-direction: column;
-    width: 95%;
-    display: none;
-    position: absolute;
-    overflow-y: auto;
-  }
-
-  .nav-main .menu-vdi, .nav-main .menu-vdi ul.menu-vdi {
-    margin: 0;
-    padding-left: 0;
-    list-style: none;
-  }
-
-  .nav-main .menu-vdi .menu-vdi__submenu {
-    padding-inline: calc(var(--spacing) * 7);
-    padding-block: calc(var(--spacing) * 2);
-    flex-direction: column;
-  }
-
-  .nav-main .menu-vdi .menu-vdi__item {
-    list-style: none;
-  }
-
-  .nav-main .menu-vdi .menu-vdi__item a, .nav-main .menu-vdi .menu-vdi__item button {
-    font-size: var(--text-20px);
-    --tw-leading: var(--leading-snug);
-    line-height: var(--leading-snug);
-    --tw-font-weight: var(--font-weight-bold);
-    font-weight: var(--font-weight-bold);
-    color: var(--color-white);
-    width: 100%;
-    padding: calc(var(--spacing) * 4);
-    display: block;
-  }
-
-  @media (hover: hover) {
-    :is(.nav-main .menu-vdi .menu-vdi__item a, .nav-main .menu-vdi .menu-vdi__item button):hover {
-      background-color: var(--color-secondary-200);
-      text-decoration-line: underline;
+    margin: calc(var(--spacing) * 0);
+    display: flex;
+    height: 100%;
+    align-items: center;
+    justify-content: flex-end;
+    padding: calc(var(--spacing) * 0);
+    >li {
+      height: 100%;
+      >a, >.menu-vdi__toggle {
+        font-size: var(--text-20px);
+        --tw-leading: var(--leading-snug);
+        line-height: var(--leading-snug);
+        --tw-font-weight: var(--font-weight-semibold);
+        font-weight: var(--font-weight-semibold);
+        white-space: nowrap;
+        color: var(--color-white);
+        text-decoration-line: none;
+        margin-block: calc(var(--spacing) * -4);
+        display: flex;
+        align-items: center;
+        padding-inline: calc(var(--spacing) * 4);
+        text-decoration-line: none;
+        height: calc(100% + 2rem);
+      }
+      &:hover, &:has(.menu-vdi__toggle[aria-expanded="true"]) {
+        >a, >.menu-vdi__toggle {
+          background-color: var(--color-cwc-blue-02);
+          color: var(--color-light);
+          box-shadow: inset 0 -4px 0 #F26B53;
+        }
+      }
+      &.menu-vdi__item--contact {
+        height: auto;
+        &:hover > a {
+          background-color: transparent;
+          box-shadow: none;
+        }
+        >a {
+          margin-block: calc(var(--spacing) * 0);
+          margin-right: calc(var(--spacing) * 0);
+          margin-left: calc(var(--spacing) * 2);
+          height: auto;
+          background: linear-gradient(93.03deg, #F26B53 0%, #D24D32 100%);
+          border-radius: 1.25rem 0.25rem;
+          padding: .5rem 2rem;
+        }
+      }
     }
   }
-
-  :is(.nav-main .menu-vdi .menu-vdi__item a, .nav-main .menu-vdi .menu-vdi__item button):focus-visible {
-    background-color: var(--color-secondary-200);
+}
+@media screen and (min-width: 62.5rem) {
+  .menu-vdi {
+    .menu-vdi__toggle {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--spacing) * 2);
+      &:hover {
+        @media (hover: hover) {
+          cursor: pointer;
+        }
+      }
+    }
+    .menu-vdi__item--parent {
+      position: relative;
+    }
+    .menu-vdi__submenu {
+      top: calc(100% + 1rem);
+      z-index: 100;
+      left: calc(var(--spacing) * 0);
+      margin-left: calc(var(--spacing) * 0);
+      width: calc(var(--spacing) * 64);
+      flex-direction: column;
+      border-bottom-right-radius: var(--radius-lg);
+      border-bottom-left-radius: var(--radius-lg);
+      background-color: var(--color-cwc-blue-02);
+      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      >li {
+        width: 100%;
+        border-bottom-style: var(--tw-border-style);
+        border-bottom-width: 1px;
+        border-color: #D24D32;
+        &:last-child {
+          border-bottom-right-radius: var(--radius-lg);
+          border-bottom-left-radius: var(--radius-lg);
+          border-bottom-style: var(--tw-border-style);
+          border-bottom-width: 0px;
+        }
+      }
+      .menu-vdi__item {
+        font-size: var(--text-18px);
+        --tw-leading: var(--leading-snug);
+        line-height: var(--leading-snug);
+        --tw-font-weight: var(--font-weight-bold);
+        font-weight: var(--font-weight-bold);
+        color: var(--color-white);
+        text-decoration-line: none;
+        display: block;
+        width: 100%;
+        &:hover {
+          @media (hover: hover) {
+            background-color: var(--color-cwc-blue-01);
+          }
+        }
+        &:focus-visible {
+          background-color: var(--color-cwc-blue-01);
+        }
+        a {
+          display: block;
+          width: 100%;
+        }
+      }
+      a.menu-vdi__item, .menu-vdi__item a {
+        padding: calc(var(--spacing) * 4);
+        color: var(--color-white);
+      }
+    }
   }
-
-  .nav-main .menu-vdi .menu-vdi__item a {
-    width: 100%;
-    display: block;
+}
+@media screen and (max-width: 62.5rem) {
+  .nav-main {
+    .nav-main__toggle {
+      padding: calc(var(--spacing) * 3);
+      color: var(--color-white);
+    }
+    .menu-vdi {
+      position: relative;
+      right: calc(var(--spacing) * 0);
+      display: flex;
+      flex-direction: column;
+      padding-block: calc(var(--spacing) * 8);
+      position: absolute;
+      display: none;
+      overflow-y: auto;
+      overscroll-behavior: contain;
+      background: var(--color-cwc-blue-02);
+      color: var(--color-white);
+      height: calc(100vh - var(--hgtHeader));
+      top: var(--hgtHeader);
+      width: 95%;
+      z-index: 100;
+      &, ul.menu-vdi {
+        list-style: none;
+        padding-left: 0;
+        margin: 0;
+      }
+      .menu-vdi__submenu {
+        flex-direction: column;
+        padding-inline: calc(var(--spacing) * 7);
+        padding-block: calc(var(--spacing) * 2);
+      }
+      .menu-vdi__item {
+        list-style: none;
+        a, button {
+          font-size: var(--text-20px);
+          --tw-leading: var(--leading-snug);
+          line-height: var(--leading-snug);
+          --tw-font-weight: var(--font-weight-bold);
+          font-weight: var(--font-weight-bold);
+          color: var(--color-white);
+          &:hover {
+            @media (hover: hover) {
+              text-decoration-line: underline;
+            }
+          }
+          display: block;
+          width: 100%;
+          padding: calc(var(--spacing) * 4);
+          &:hover {
+            @media (hover: hover) {
+              background-color: var(--color-secondary-200);
+            }
+          }
+          &:focus-visible {
+            background-color: var(--color-secondary-200);
+          }
+        }
+        a {
+          display: block;
+          width: 100%;
+        }
+        button {
+          display: flex;
+          width: 100%;
+          justify-content: space-between;
+        }
+      }
+    }
+    .nav-main__toggle[aria-expanded="true"] ~ .menu-vdi:not(.menu-vdi--sliding) {
+      display: flex !important;
+    }
   }
-
-  .nav-main .menu-vdi .menu-vdi__item button {
-    justify-content: space-between;
-    width: 100%;
-    display: flex;
-  }
-
-  .nav-main .nav-main__toggle[aria-expanded="true"] ~ .menu-vdi:not(.menu-vdi--sliding) {
-    display: flex !important;
-  }
-
   html:has(.nav-main__toggle[aria-expanded="true"]) body, body:has(.nav-main__toggle[aria-expanded="true"]) {
+    overflow: hidden;
     overscroll-behavior: contain;
     touch-action: none;
-    overflow: hidden;
   }
 }
-
-@media screen and (width >= 62.5rem) {
+@media screen and (min-width: 62.5rem) {
   .nav-footer .menu-vdi {
     margin: calc(var(--spacing) * 0);
-    padding: calc(var(--spacing) * 0);
+    display: flex;
     flex-direction: column;
-    justify-content: flex-start;
     align-items: flex-start;
-    display: flex;
-  }
-
-  .nav-footer .menu-vdi > li > a {
-    font-size: var(--text-18px);
-    --tw-leading: var(--leading-snug);
-    line-height: var(--leading-snug);
-    --tw-font-weight: var(--font-weight-normal);
-    font-weight: var(--font-weight-normal);
-    color: var(--color-secondary);
-    margin-inline: calc(var(--spacing) * 0);
+    justify-content: flex-start;
     padding: calc(var(--spacing) * 0);
-    text-decoration-line: none;
+    >li {
+      >a {
+        font-size: var(--text-18px);
+        --tw-leading: var(--leading-snug);
+        line-height: var(--leading-snug);
+        --tw-font-weight: var(--font-weight-normal);
+        font-weight: var(--font-weight-normal);
+        color: var(--color-secondary);
+        margin-inline: calc(var(--spacing) * 0);
+        padding: calc(var(--spacing) * 0);
+        text-decoration-line: none;
+      }
+    }
   }
 }
-
-@media screen and (width <= 62.5rem) {
-  .nav-footer .nav-footer__toggle {
-    padding: calc(var(--spacing) * 3);
-    color: var(--color-primary);
+@media screen and (max-width: 62.5rem) {
+  .nav-footer {
+    .nav-footer__toggle {
+      padding: calc(var(--spacing) * 3);
+      color: var(--color-primary);
+    }
+    .menu-vdi {
+      width: 95%;
+      flex-direction: column;
+      padding-block: calc(var(--spacing) * 6);
+      .menu-vdi__submenu {
+        flex-direction: column;
+        padding-inline: calc(var(--spacing) * 7);
+        padding-block: calc(var(--spacing) * 2);
+      }
+      .menu-vdi__item {
+        a, button {
+          font-size: var(--text-lg);
+          line-height: var(--tw-leading, var(--text-lg--line-height));
+          --tw-leading: var(--leading-snug);
+          line-height: var(--leading-snug);
+          --tw-font-weight: var(--font-weight-normal);
+          font-weight: var(--font-weight-normal);
+          display: block;
+          width: 100%;
+          padding: calc(var(--spacing) * 4);
+          &:hover {
+            @media (hover: hover) {
+              background-color: var(--color-secondary-200);
+            }
+          }
+          &:focus-visible {
+            background-color: var(--color-secondary-200);
+          }
+        }
+        a {
+          display: block;
+          width: 100%;
+        }
+        button {
+          display: flex;
+          width: 100%;
+          justify-content: space-between;
+        }
+      }
+    }
   }
-
+}
+@media screen and (min-width: 62.5rem) {
   .nav-footer .menu-vdi {
-    width: 95%;
-    padding-block: calc(var(--spacing) * 6);
-    flex-direction: column;
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__submenu {
-    padding-inline: calc(var(--spacing) * 7);
-    padding-block: calc(var(--spacing) * 2);
-    flex-direction: column;
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button {
-    font-size: var(--text-lg);
-    line-height: var(--tw-leading, var(--text-lg--line-height));
-    --tw-leading: var(--leading-snug);
-    line-height: var(--leading-snug);
-    --tw-font-weight: var(--font-weight-normal);
-    font-weight: var(--font-weight-normal);
-    width: 100%;
-    padding: calc(var(--spacing) * 4);
-    display: block;
-  }
-
-  @media (hover: hover) {
-    :is(.nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button):hover {
-      background-color: var(--color-secondary-200);
+    .menu-vdi__toggle {
+      margin-top: calc(var(--spacing) * 3);
+      padding-bottom: calc(var(--spacing) * 1);
+      font-size: var(--text-20px);
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+      text-decoration-line: underline;
+      >svg {
+        display: none;
+      }
+    }
+    .menu-vdi__item--parent {
+      position: static;
+    }
+    .menu-vdi__submenu {
+      position: static;
+      margin: calc(var(--spacing) * 0);
+      margin-bottom: calc(var(--spacing) * 3);
+      display: block;
+      padding: calc(var(--spacing) * 0);
+      padding-left: calc(var(--spacing) * 2);
+      --tw-shadow: 0 0 #0000;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      >li {
+        margin: calc(var(--spacing) * 0);
+        width: 100%;
+        padding: calc(var(--spacing) * 0);
+      }
+      .menu-vdi__item {
+        font-size: var(--text-18px);
+        --tw-leading: var(--leading-snug);
+        line-height: var(--leading-snug);
+        --tw-font-weight: var(--font-weight-normal);
+        font-weight: var(--font-weight-normal);
+        display: block;
+        width: 100%;
+        &:hover {
+          @media (hover: hover) {
+            background-color: var(--color-secondary-200);
+          }
+        }
+        &:focus-visible {
+          background-color: var(--color-secondary-200);
+        }
+        a {
+          display: block;
+          width: 100%;
+        }
+      }
+      a.menu-vdi__item, .menu-vdi__item a {
+        padding: calc(var(--spacing) * 0);
+        color: var(--color-secondary);
+      }
     }
   }
-
-  :is(.nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button):focus-visible {
-    background-color: var(--color-secondary-200);
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__item a {
-    width: 100%;
-    display: block;
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__item button {
-    justify-content: space-between;
-    width: 100%;
-    display: flex;
-  }
 }
-
-@media screen and (width >= 62.5rem) {
-  .nav-footer .menu-vdi .menu-vdi__toggle {
-    margin-top: calc(var(--spacing) * 3);
-    padding-bottom: calc(var(--spacing) * 1);
-    font-size: var(--text-20px);
-    --tw-font-weight: var(--font-weight-semibold);
-    font-weight: var(--font-weight-semibold);
-    text-decoration-line: underline;
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__toggle > svg {
-    display: none;
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__item--parent {
-    position: static;
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__submenu {
-    margin: calc(var(--spacing) * 0);
-    margin-bottom: calc(var(--spacing) * 3);
-    padding: calc(var(--spacing) * 0);
-    padding-left: calc(var(--spacing) * 2);
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    display: block;
-    position: static;
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__submenu > li {
-    margin: calc(var(--spacing) * 0);
-    width: 100%;
-    padding: calc(var(--spacing) * 0);
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item {
-    font-size: var(--text-18px);
-    --tw-leading: var(--leading-snug);
-    line-height: var(--leading-snug);
-    --tw-font-weight: var(--font-weight-normal);
-    font-weight: var(--font-weight-normal);
-    width: 100%;
-    display: block;
-  }
-
-  @media (hover: hover) {
-    .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item:hover {
-      background-color: var(--color-secondary-200);
-    }
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item:focus-visible {
-    background-color: var(--color-secondary-200);
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item a {
-    width: 100%;
-    display: block;
-  }
-
-  .nav-footer .menu-vdi .menu-vdi__submenu a.menu-vdi__item, .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item a {
-    padding: calc(var(--spacing) * 0);
-    color: var(--color-secondary);
-  }
-}
-
 @font-face {
-  font-family: Lineicons;
-  src: url("../../styles/fonts/Lineicons.woff2") format("woff2"), url("../../styles/fonts/Lineicons.svg") format("svg");
+  font-family: 'Lineicons';
+  src: url('../../styles/fonts/Lineicons.woff2') format('woff2'), url('../../styles/fonts/Lineicons.svg') format('svg');
 }
-
 [class^="lni-"], [class*=" lni-"], [class^="icon-"], [class*=" icon-"], [class^="lni-"]:before, [class*=" lni-"]:before, [class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: "Lineicons", sans-serif;
+  font-style: normal;
   speak: never;
-  -webkit-text-decoration: inherit;
-  -webkit-text-decoration: inherit;
+  display: inline-block;
   text-decoration: inherit;
   vertical-align: middle;
   text-align: center;
   font-variant: normal;
   text-transform: none;
+  font-size: 110%;
+  line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: Lineicons, sans-serif;
-  font-size: 110%;
-  font-style: normal;
-  line-height: 1;
-  display: inline-block;
 }
-
 .social-links {
+  display: flex;
+  width: 100%;
   flex-direction: row;
   justify-content: flex-end;
-  width: 100%;
-  display: flex;
+  a {
+    margin-right: 1rem;
+    &:last-child {
+      margin-right: 0 !important;
+    }
+  }
 }
-
-.social-links a {
-  margin-right: 1rem;
-}
-
-.social-links a:last-child {
-  margin-right: 0 !important;
-}
-
 .circular-icon {
   box-sizing: content-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: calc(infinity * 1px);
   background-color: var(--color-secondary);
   color: var(--color-white);
   --size: 1.5rem;
   height: var(--size);
   text-align: center;
   width: var(--size);
-  border-radius: 3.40282e38px;
-  justify-content: center;
-  align-items: center;
-  display: flex;
+  i {
+    align-items: center;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    line-height: 1;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+  }
+  &i::before, span {
+    line-height: var(--size) !important;
+  }
 }
-
-.circular-icon i {
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  line-height: 1;
-  display: flex;
-}
-
-i.circular-icon:before, .circular-icon span {
-  line-height: var(--size) !important;
-}
-
 .lni-is-spinning {
-  animation: 1s linear infinite lni-spin;
+  animation: lni-spin 1s infinite linear;
 }
-
 @keyframes lni-spin {
   0% {
-    transform: rotate(0);
+    transform: rotate(0deg);
   }
-
   100% {
     transform: rotate(360deg);
   }
 }
-
 .lni-rotate-90 {
   transform: rotate(90deg);
 }
-
 .lni-rotate-180 {
   transform: rotate(180deg);
 }
-
 .lni-rotate-270 {
   transform: rotate(270deg);
 }
-
 .lni-flip-y {
   transform: scaleY(-1);
 }
-
 .lni-flip-x {
   transform: scaleX(-1);
 }
-
 .lni-500px:before, .icon-500px:before {
-  content: "";
+  content: "\ea01";
 }
-
 .lni-adobe:before, .icon-adobe:before {
-  content: "";
+  content: "\ea02";
 }
-
 .lni-adonis:before, .icon-adonis:before {
-  content: "";
+  content: "\ea03";
 }
-
 .lni-aeroplane-1:before, .icon-aeroplane-1:before {
-  content: "";
+  content: "\ea04";
 }
-
 .lni-agenda:before, .icon-agenda:before {
-  content: "";
+  content: "\ea05";
 }
-
 .lni-airbnb:before, .icon-airbnb:before {
-  content: "";
+  content: "\ea06";
 }
-
 .lni-airtable:before, .icon-airtable:before {
-  content: "";
+  content: "\ea07";
 }
-
 .lni-alarm-1:before, .icon-alarm-1:before {
-  content: "";
+  content: "\ea08";
 }
-
 .lni-align-text-center:before, .icon-align-text-center:before {
-  content: "";
+  content: "\ea09";
 }
-
 .lni-align-text-left:before, .icon-align-text-left:before {
-  content: "";
+  content: "\ea0a";
 }
-
 .lni-align-text-right:before, .icon-align-text-right:before {
-  content: "";
+  content: "\ea0b";
 }
-
 .lni-alpinejs:before, .icon-alpinejs:before {
-  content: "";
+  content: "\ea0c";
 }
-
 .lni-amazon:before, .icon-amazon:before {
-  content: "";
+  content: "\ea0d";
 }
-
 .lni-amazon-original:before, .icon-amazon-original:before {
-  content: "";
+  content: "\ea0e";
 }
-
 .lni-amazon-pay:before, .icon-amazon-pay:before {
-  content: "";
+  content: "\ea0f";
 }
-
 .lni-ambulance-1:before, .icon-ambulance-1:before {
-  content: "";
+  content: "\ea10";
 }
-
 .lni-amd:before, .icon-amd:before {
-  content: "";
+  content: "\ea11";
 }
-
 .lni-amex:before, .icon-amex:before {
-  content: "";
+  content: "\ea12";
 }
-
 .lni-anchor:before, .icon-anchor:before {
-  content: "";
+  content: "\ea13";
 }
-
 .lni-android:before, .icon-android:before {
-  content: "";
+  content: "\ea14";
 }
-
 .lni-android-old:before, .icon-android-old:before {
-  content: "";
+  content: "\ea15";
 }
-
 .lni-angellist:before, .icon-angellist:before {
-  content: "";
+  content: "\ea16";
 }
-
 .lni-angle-double-down:before, .icon-angle-double-down:before {
-  content: "";
+  content: "\ea17";
 }
-
 .lni-angle-double-left:before, .icon-angle-double-left:before {
-  content: "";
+  content: "\ea18";
 }
-
 .lni-angle-double-right:before, .icon-angle-double-right:before {
-  content: "";
+  content: "\ea19";
 }
-
 .lni-angle-double-up:before, .icon-angle-double-up:before {
-  content: "";
+  content: "\ea1a";
 }
-
 .lni-angular:before, .icon-angular:before {
-  content: "";
+  content: "\ea1b";
 }
-
 .lni-app-store:before, .icon-app-store:before {
-  content: "";
+  content: "\ea1c";
 }
-
-.lni-apple-brand:before, .icon-apple-brand:before, .lni-apple:before, .icon-apple:before {
-  content: "";
+.lni-apple-brand:before, .icon-apple-brand:before {
+  content: "\ea1d";
 }
-
 .lni-apple-music:before, .icon-apple-music:before {
-  content: "";
+  content: "\ea1e";
 }
-
 .lni-apple-music-alt:before, .icon-apple-music-alt:before {
-  content: "";
+  content: "\ea1f";
+}
+.lni-apple:before, .icon-apple:before {
+  content: "\ea1d";
+}
+.lni-apple-music:before, .icon-apple-music:before {
+  content: "\ea1e";
+}
+.lni-apple-music-alt:before, .icon-apple-music-alt:before {
+  content: "\ea1f";
 }
-
 .lni-apple-pay:before, .icon-apple-pay:before {
-  content: "";
+  content: "\ea20";
 }
-
 .lni-arc-browser:before, .icon-arc-browser:before {
-  content: "";
+  content: "\ea21";
 }
-
 .lni-arrow-all-direction:before, .icon-arrow-all-direction:before {
-  content: "";
+  content: "\ea22";
 }
-
 .lni-arrow-angular-top-left:before, .icon-arrow-angular-top-left:before {
-  content: "";
+  content: "\ea23";
 }
-
 .lni-arrow-angular-top-right:before, .icon-arrow-angular-top-right:before {
-  content: "";
+  content: "\ea24";
 }
-
 .lni-arrow-both-direction-horizontal-1:before, .icon-arrow-both-direction-horizontal-1:before {
-  content: "";
+  content: "\ea25";
 }
-
 .lni-arrow-both-direction-vertical-1:before, .icon-arrow-both-direction-vertical-1:before {
-  content: "";
+  content: "\ea26";
 }
-
 .lni-arrow-downward:before, .icon-arrow-downward:before {
-  content: "";
+  content: "\ea27";
 }
-
 .lni-arrow-left:before, .icon-arrow-left:before {
-  content: "";
+  content: "\ea28";
 }
-
 .lni-arrow-left-circle:before, .icon-arrow-left-circle:before {
-  content: "";
+  content: "\ea29";
 }
-
 .lni-arrow-right:before, .icon-arrow-right:before {
-  content: "";
+  content: "\ea2a";
 }
-
 .lni-arrow-right-circle:before, .icon-arrow-right-circle:before {
-  content: "";
+  content: "\ea2b";
 }
-
 .lni-arrow-upward:before, .icon-arrow-upward:before {
-  content: "";
+  content: "\ea2c";
 }
-
 .lni-asana:before, .icon-asana:before {
-  content: "";
+  content: "\ea2d";
 }
-
 .lni-astro:before, .icon-astro:before {
-  content: "";
+  content: "\ea2e";
 }
-
 .lni-atlassian:before, .icon-atlassian:before {
-  content: "";
+  content: "\ea2f";
 }
-
 .lni-audi:before, .icon-audi:before {
-  content: "";
+  content: "\ea30";
 }
-
 .lni-audi-alt:before, .icon-audi-alt:before {
-  content: "";
+  content: "\ea31";
 }
-
 .lni-aws:before, .icon-aws:before {
-  content: "";
+  content: "\ea32";
 }
-
 .lni-azure:before, .icon-azure:before {
-  content: "";
+  content: "\ea33";
 }
-
 .lni-badge-decagram-percent:before, .icon-badge-decagram-percent:before {
-  content: "";
+  content: "\ea34";
 }
-
 .lni-balloons:before, .icon-balloons:before {
-  content: "";
+  content: "\ea35";
 }
-
 .lni-ban-2:before, .icon-ban-2:before {
-  content: "";
+  content: "\ea36";
 }
-
 .lni-bar-chart-4:before, .icon-bar-chart-4:before {
-  content: "";
+  content: "\ea37";
 }
-
 .lni-bar-chart-dollar:before, .icon-bar-chart-dollar:before {
-  content: "";
+  content: "\ea38";
 }
-
 .lni-basket-shopping-3:before, .icon-basket-shopping-3:before {
-  content: "";
+  content: "\ea39";
 }
-
 .lni-beat:before, .icon-beat:before {
-  content: "";
+  content: "\ea3a";
 }
-
 .lni-behance:before, .icon-behance:before {
-  content: "";
+  content: "\ea3b";
 }
-
 .lni-bell-1:before, .icon-bell-1:before {
-  content: "";
+  content: "\ea3c";
 }
-
 .lni-bike:before, .icon-bike:before {
-  content: "";
+  content: "\ea3d";
 }
-
 .lni-bing:before, .icon-bing:before {
-  content: "";
+  content: "\ea3e";
 }
-
 .lni-bitbucket:before, .icon-bitbucket:before {
-  content: "";
+  content: "\ea3f";
 }
-
 .lni-bitcoin:before, .icon-bitcoin:before {
-  content: "";
+  content: "\ea40";
 }
-
 .lni-bittorrent:before, .icon-bittorrent:before {
-  content: "";
+  content: "\ea41";
 }
-
 .lni-blogger:before, .icon-blogger:before {
-  content: "";
+  content: "\ea42";
 }
-
 .lni-blogger-alt:before, .icon-blogger-alt:before {
-  content: "";
+  content: "\ea43";
 }
-
 .lni-bluetooth:before, .icon-bluetooth:before {
-  content: "";
+  content: "\ea44";
 }
-
 .lni-bluetooth-logo:before, .icon-bluetooth-logo:before {
-  content: "";
+  content: "\ea45";
 }
-
 .lni-bmw:before, .icon-bmw:before {
-  content: "";
+  content: "\ea46";
 }
-
 .lni-board-writing-3:before, .icon-board-writing-3:before {
-  content: "";
+  content: "\ea47";
 }
-
 .lni-bold:before, .icon-bold:before {
-  content: "";
+  content: "\ea48";
 }
-
 .lni-bolt-2:before, .icon-bolt-2:before {
-  content: "";
+  content: "\ea49";
 }
-
 .lni-bolt-3:before, .icon-bolt-3:before {
-  content: "";
+  content: "\ea4a";
 }
-
 .lni-book-1:before, .icon-book-1:before {
-  content: "";
+  content: "\ea4b";
 }
-
 .lni-bookmark-1:before, .icon-bookmark-1:before {
-  content: "";
+  content: "\ea4c";
 }
-
 .lni-bookmark-circle:before, .icon-bookmark-circle:before {
-  content: "";
+  content: "\ea4d";
 }
-
 .lni-books-2:before, .icon-books-2:before {
-  content: "";
+  content: "\ea4e";
 }
-
 .lni-bootstrap-5:before, .icon-bootstrap-5:before {
-  content: "";
+  content: "\ea4f";
 }
-
 .lni-bootstrap-5-square:before, .icon-bootstrap-5-square:before {
-  content: "";
+  content: "\ea50";
 }
-
 .lni-box-archive-1:before, .icon-box-archive-1:before {
-  content: "";
+  content: "\ea51";
 }
-
 .lni-box-closed:before, .icon-box-closed:before {
-  content: "";
+  content: "\ea52";
 }
-
 .lni-box-gift-1:before, .icon-box-gift-1:before {
-  content: "";
+  content: "\ea53";
 }
-
 .lni-brave:before, .icon-brave:before {
-  content: "";
+  content: "\ea54";
 }
-
 .lni-bricks:before, .icon-bricks:before {
-  content: "";
+  content: "\ea55";
 }
-
 .lni-bridge-3:before, .icon-bridge-3:before {
-  content: "";
+  content: "\ea56";
 }
-
 .lni-briefcase-1:before, .icon-briefcase-1:before {
-  content: "";
+  content: "\ea57";
 }
-
 .lni-briefcase-2:before, .icon-briefcase-2:before {
-  content: "";
+  content: "\ea58";
 }
-
 .lni-briefcase-plus-1:before, .icon-briefcase-plus-1:before {
-  content: "";
+  content: "\ea59";
 }
-
 .lni-brush-1-rotated:before, .icon-brush-1-rotated:before {
-  content: "";
+  content: "\ea5a";
 }
-
 .lni-brush-2:before, .icon-brush-2:before {
-  content: "";
+  content: "\ea5b";
 }
-
 .lni-btc:before, .icon-btc:before {
-  content: "";
+  content: "\ea5c";
 }
-
 .lni-bug-1:before, .icon-bug-1:before {
-  content: "";
+  content: "\ea5d";
 }
-
 .lni-buildings-1:before, .icon-buildings-1:before {
-  content: "";
+  content: "\ea5e";
 }
-
 .lni-bulb-2:before, .icon-bulb-2:before {
-  content: "";
+  content: "\ea5f";
 }
-
 .lni-bulb-4:before, .icon-bulb-4:before {
-  content: "";
+  content: "\ea60";
 }
-
 .lni-burger-1:before, .icon-burger-1:before {
-  content: "";
+  content: "\ea61";
 }
-
 .lni-burger-drink:before, .icon-burger-drink:before {
-  content: "";
+  content: "\ea62";
 }
-
 .lni-bus-1:before, .icon-bus-1:before {
-  content: "";
+  content: "\ea63";
 }
-
 .lni-busket-ball:before, .icon-busket-ball:before {
-  content: "";
+  content: "\ea64";
 }
-
 .lni-cake-1:before, .icon-cake-1:before {
-  content: "";
+  content: "\ea65";
 }
-
 .lni-calculator-1:before, .icon-calculator-1:before {
-  content: "";
+  content: "\ea66";
 }
-
 .lni-calculator-2:before, .icon-calculator-2:before {
-  content: "";
+  content: "\ea67";
 }
-
 .lni-calendar-days:before, .icon-calendar-days:before {
-  content: "";
+  content: "\ea68";
 }
-
 .lni-camera-1:before, .icon-camera-1:before {
-  content: "";
+  content: "\ea69";
 }
-
 .lni-camera-movie-1:before, .icon-camera-movie-1:before {
-  content: "";
+  content: "\ea6a";
 }
-
 .lni-candy-cane-2:before, .icon-candy-cane-2:before {
-  content: "";
+  content: "\ea6b";
 }
-
 .lni-candy-round-1:before, .icon-candy-round-1:before {
-  content: "";
+  content: "\ea6c";
 }
-
 .lni-canva:before, .icon-canva:before {
-  content: "";
+  content: "\ea6d";
 }
-
 .lni-capsule-1:before, .icon-capsule-1:before {
-  content: "";
+  content: "\ea6e";
 }
-
 .lni-car-2:before, .icon-car-2:before {
-  content: "";
+  content: "\ea6f";
 }
-
 .lni-car-4:before, .icon-car-4:before {
-  content: "";
+  content: "\ea70";
 }
-
 .lni-car-6:before, .icon-car-6:before {
-  content: "";
+  content: "\ea71";
 }
-
 .lni-caravan-1:before, .icon-caravan-1:before {
-  content: "";
+  content: "\ea72";
 }
-
 .lni-cart-1:before, .icon-cart-1:before {
-  content: "";
+  content: "\ea73";
 }
-
 .lni-cart-2:before, .icon-cart-2:before {
-  content: "";
+  content: "\ea74";
 }
-
 .lni-cash-app:before, .icon-cash-app:before {
-  content: "";
+  content: "\ea75";
 }
-
 .lni-certificate-badge-1:before, .icon-certificate-badge-1:before {
-  content: "";
+  content: "\ea76";
 }
-
 .lni-chat-bubble-2:before, .icon-chat-bubble-2:before {
-  content: "";
+  content: "\ea77";
 }
-
 .lni-check:before, .icon-check:before {
-  content: "";
+  content: "\ea78";
 }
-
 .lni-check-circle-1:before, .icon-check-circle-1:before {
-  content: "";
+  content: "\ea79";
 }
-
 .lni-check-square-2:before, .icon-check-square-2:before {
-  content: "";
+  content: "\ea7a";
 }
-
 .lni-chevron-down:before, .icon-chevron-down:before {
-  content: "";
+  content: "\ea7b";
 }
-
 .lni-chevron-down-circle:before, .icon-chevron-down-circle:before {
-  content: "";
+  content: "\ea7c";
 }
-
 .lni-chevron-left:before, .icon-chevron-left:before {
-  content: "";
+  content: "\ea7d";
 }
-
 .lni-chevron-left-circle:before, .icon-chevron-left-circle:before {
-  content: "";
+  content: "\ea7e";
 }
-
 .lni-chevron-right:before, .icon-chevron-right:before {
-  content: "";
+  content: "\ea7d";
   transform: rotate(180deg);
 }
-
 .lni-chevron-right-circle:before, .icon-chevron-right-circle:before {
-  content: "";
+  content: "\ea7f";
 }
-
 .lni-chevron-up:before, .icon-chevron-up:before {
-  content: "";
+  content: "\ea80";
 }
-
 .lni-chevron-up-circle:before, .icon-chevron-up-circle:before {
-  content: "";
+  content: "\ea81";
 }
-
 .lni-chrome:before, .icon-chrome:before {
-  content: "";
+  content: "\ea82";
 }
-
 .lni-chromecast:before, .icon-chromecast:before {
-  content: "";
+  content: "\ea83";
 }
-
 .lni-cisco:before, .icon-cisco:before {
-  content: "";
+  content: "\ea84";
 }
-
 .lni-claude:before, .icon-claude:before {
-  content: "";
+  content: "\ea85";
 }
-
 .lni-clickup:before, .icon-clickup:before {
-  content: "";
+  content: "\ea86";
 }
-
 .lni-clipboard:before, .icon-clipboard:before {
-  content: "";
+  content: "\ea87";
 }
-
 .lni-cloud-2:before, .icon-cloud-2:before {
-  content: "";
+  content: "\ea88";
 }
-
 .lni-cloud-bolt-1:before, .icon-cloud-bolt-1:before {
-  content: "";
+  content: "\ea89";
 }
-
 .lni-cloud-bolt-2:before, .icon-cloud-bolt-2:before {
-  content: "";
+  content: "\ea8a";
 }
-
 .lni-cloud-check-circle:before, .icon-cloud-check-circle:before {
-  content: "";
+  content: "\ea8b";
 }
-
 .lni-cloud-download:before, .icon-cloud-download:before {
-  content: "";
+  content: "\ea8c";
 }
-
 .lni-cloud-iot-2:before, .icon-cloud-iot-2:before {
-  content: "";
+  content: "\ea8d";
 }
-
 .lni-cloud-rain:before, .icon-cloud-rain:before {
-  content: "";
+  content: "\ea8e";
 }
-
 .lni-cloud-refresh-clockwise:before, .icon-cloud-refresh-clockwise:before {
-  content: "";
+  content: "\ea8f";
 }
-
 .lni-cloud-sun:before, .icon-cloud-sun:before {
-  content: "";
+  content: "\ea90";
 }
-
 .lni-cloud-upload:before, .icon-cloud-upload:before {
-  content: "";
+  content: "\ea91";
 }
-
 .lni-cloudflare:before, .icon-cloudflare:before {
-  content: "";
+  content: "\ea92";
 }
-
 .lni-code-1:before, .icon-code-1:before {
-  content: "";
+  content: "\ea93";
 }
-
 .lni-code-s:before, .icon-code-s:before {
-  content: "";
+  content: "\ea94";
 }
-
 .lni-codepen:before, .icon-codepen:before {
-  content: "";
+  content: "\ea95";
 }
-
 .lni-coffee-cup-2:before, .icon-coffee-cup-2:before {
-  content: "";
+  content: "\ea96";
 }
-
 .lni-coinbase:before, .icon-coinbase:before {
-  content: "";
+  content: "\ea97";
 }
-
 .lni-colour-palette-3:before, .icon-colour-palette-3:before {
-  content: "";
+  content: "\ea98";
 }
-
 .lni-comment-1:before, .icon-comment-1:before {
-  content: "";
+  content: "\ea99";
 }
-
 .lni-comment-1-share:before, .icon-comment-1-share:before {
-  content: "";
+  content: "\ea9a";
 }
-
 .lni-comment-1-text:before, .icon-comment-1-text:before {
-  content: "";
+  content: "\ea9b";
 }
-
 .lni-compass-drafting-2:before, .icon-compass-drafting-2:before {
-  content: "";
+  content: "\ea9c";
 }
-
 .lni-connectdevelop:before, .icon-connectdevelop:before {
-  content: "";
+  content: "\ea9d";
 }
-
 .lni-copilot:before, .icon-copilot:before {
-  content: "";
+  content: "\ea9e";
 }
-
 .lni-coral:before, .icon-coral:before {
-  content: "";
+  content: "\ea9f";
 }
-
 .lni-cpanel:before, .icon-cpanel:before {
-  content: "";
+  content: "\eaa0";
 }
-
 .lni-crane-4:before, .icon-crane-4:before {
-  content: "";
+  content: "\eaa1";
 }
-
 .lni-creative-commons:before, .icon-creative-commons:before {
-  content: "";
+  content: "\eaa2";
 }
-
 .lni-credit-card-multiple:before, .icon-credit-card-multiple:before {
-  content: "";
+  content: "\eaa3";
 }
-
 .lni-crop-2:before, .icon-crop-2:before {
-  content: "";
+  content: "\eaa4";
 }
-
 .lni-crown-3:before, .icon-crown-3:before {
-  content: "";
+  content: "\eaa5";
 }
-
 .lni-css3:before, .icon-css3:before {
-  content: "";
+  content: "\eaa6";
 }
-
 .lni-dashboard-square-1:before, .icon-dashboard-square-1:before {
-  content: "";
+  content: "\eaa7";
 }
-
 .lni-database-2:before, .icon-database-2:before {
-  content: "";
+  content: "\eaa8";
 }
-
 .lni-deno:before, .icon-deno:before {
-  content: "";
+  content: "\eaa9";
 }
-
 .lni-dev:before, .icon-dev:before {
-  content: "";
+  content: "\eaaa";
 }
-
 .lni-dialogflow:before, .icon-dialogflow:before {
-  content: "";
+  content: "\eaab";
 }
-
 .lni-diamonds-1:before, .icon-diamonds-1:before {
-  content: "";
+  content: "\eaac";
 }
-
 .lni-diamonds-2:before, .icon-diamonds-2:before {
-  content: "";
+  content: "\eaad";
 }
-
 .lni-digitalocean:before, .icon-digitalocean:before {
-  content: "";
+  content: "\eaae";
 }
-
 .lni-diners-club:before, .icon-diners-club:before {
-  content: "";
+  content: "\eaaf";
 }
-
 .lni-direction-ltr:before, .icon-direction-ltr:before {
-  content: "";
+  content: "\eab0";
 }
-
 .lni-direction-rtl:before, .icon-direction-rtl:before {
-  content: "";
+  content: "\eab1";
 }
-
 .lni-discord:before, .icon-discord:before {
-  content: "";
+  content: "\eab2";
 }
-
 .lni-discord-chat:before, .icon-discord-chat:before {
-  content: "";
+  content: "\eab3";
 }
-
 .lni-discover:before, .icon-discover:before {
-  content: "";
+  content: "\eab4";
 }
-
 .lni-docker:before, .icon-docker:before {
-  content: "";
+  content: "\eab5";
 }
-
 .lni-dollar:before, .icon-dollar:before {
-  content: "";
+  content: "\eab6";
 }
-
 .lni-dollar-circle:before, .icon-dollar-circle:before {
-  content: "";
+  content: "\eab7";
 }
-
 .lni-double-quotes-end-1:before, .icon-double-quotes-end-1:before {
-  content: "";
+  content: "\eab8";
 }
-
 .lni-download-1:before, .icon-download-1:before {
-  content: "";
+  content: "\eab9";
 }
-
 .lni-download-circle-1:before, .icon-download-circle-1:before {
-  content: "";
+  content: "\eaba";
 }
-
 .lni-dribbble:before, .icon-dribbble:before {
-  content: "";
+  content: "\eabb";
 }
-
 .lni-dribbble-symbol:before, .icon-dribbble-symbol:before {
-  content: "";
+  content: "\eabc";
 }
-
 .lni-drizzle:before, .icon-drizzle:before {
-  content: "";
+  content: "\eabd";
 }
-
 .lni-dropbox:before, .icon-dropbox:before {
-  content: "";
+  content: "\eabe";
 }
-
 .lni-drupal:before, .icon-drupal:before {
-  content: "";
+  content: "\eabf";
 }
-
 .lni-dumbbell-1:before, .icon-dumbbell-1:before {
-  content: "";
+  content: "\eac0";
 }
-
 .lni-edge:before, .icon-edge:before {
-  content: "";
+  content: "\eac1";
 }
-
 .lni-emoji-expressionless:before, .icon-emoji-expressionless:before {
-  content: "";
+  content: "\eac2";
 }
-
 .lni-emoji-expressionless-flat-eyes:before, .icon-emoji-expressionless-flat-eyes:before {
-  content: "";
+  content: "\eac3";
 }
-
 .lni-emoji-grin:before, .icon-emoji-grin:before {
-  content: "";
+  content: "\eac4";
 }
-
 .lni-emoji-sad:before, .icon-emoji-sad:before {
-  content: "";
+  content: "\eac5";
 }
-
 .lni-emoji-smile:before, .icon-emoji-smile:before {
-  content: "";
+  content: "\eac6";
 }
-
 .lni-emoji-smile-side:before, .icon-emoji-smile-side:before {
-  content: "";
+  content: "\eac7";
 }
-
 .lni-emoji-smile-sunglass:before, .icon-emoji-smile-sunglass:before {
-  content: "";
+  content: "\eac8";
 }
-
 .lni-emoji-smile-tongue:before, .icon-emoji-smile-tongue:before {
-  content: "";
+  content: "\eac9";
 }
-
 .lni-enter:before, .icon-enter:before {
-  content: "";
+  content: "\eaca";
 }
-
 .lni-enter-down:before, .icon-enter-down:before {
-  content: "";
+  content: "\eacb";
 }
-
 .lni-envato:before, .icon-envato:before {
-  content: "";
+  content: "\eacc";
 }
-
 .lni-envelope-1:before, .icon-envelope-1:before {
-  content: "";
+  content: "\eacd";
 }
-
 .lni-eraser-1:before, .icon-eraser-1:before {
-  content: "";
+  content: "\eace";
 }
-
 .lni-ethereum-logo:before, .icon-ethereum-logo:before {
-  content: "";
+  content: "\eacf";
 }
-
 .lni-euro:before, .icon-euro:before {
-  content: "";
+  content: "\ead0";
 }
-
 .lni-exit:before, .icon-exit:before {
-  content: "";
+  content: "\ead1";
 }
-
 .lni-exit-up:before, .icon-exit-up:before {
-  content: "";
+  content: "\ead2";
 }
-
 .lni-expand-arrow-1:before, .icon-expand-arrow-1:before {
-  content: "";
+  content: "\ead3";
 }
-
 .lni-expand-square-4:before, .icon-expand-square-4:before {
-  content: "";
+  content: "\ead4";
 }
-
 .lni-expressjs:before, .icon-expressjs:before {
-  content: "";
+  content: "\ead5";
 }
-
 .lni-eye:before, .icon-eye:before {
-  content: "";
+  content: "\ead6";
 }
-
 .lni-facebook:before, .icon-facebook:before {
-  content: "";
+  content: "\ead7";
 }
-
 .lni-facebook-messenger:before, .icon-facebook-messenger:before {
-  content: "";
+  content: "\ead8";
 }
-
 .lni-facebook-rounded:before, .icon-facebook-rounded:before {
-  content: "";
+  content: "\ead9";
 }
-
 .lni-facebook-square:before, .icon-facebook-square:before {
-  content: "";
+  content: "\eada";
 }
-
 .lni-facetime:before, .icon-facetime:before {
-  content: "";
+  content: "\eadb";
 }
-
 .lni-figma:before, .icon-figma:before {
-  content: "";
+  content: "\eadc";
 }
-
 .lni-file-format-zip:before, .icon-file-format-zip:before {
-  content: "";
+  content: "\eadd";
 }
-
 .lni-file-multiple:before, .icon-file-multiple:before {
-  content: "";
+  content: "\eade";
 }
-
 .lni-file-pencil:before, .icon-file-pencil:before {
-  content: "";
+  content: "\eadf";
 }
-
 .lni-file-plus-circle:before, .icon-file-plus-circle:before {
-  content: "";
+  content: "\eae0";
 }
-
 .lni-file-question:before, .icon-file-question:before {
-  content: "";
+  content: "\eae1";
 }
-
 .lni-file-xmark:before, .icon-file-xmark:before {
-  content: "";
+  content: "\eae2";
 }
-
 .lni-firebase:before, .icon-firebase:before {
-  content: "";
+  content: "\eae3";
 }
-
 .lni-firefox:before, .icon-firefox:before {
-  content: "";
+  content: "\eae4";
 }
-
 .lni-firework-rocket-4:before, .icon-firework-rocket-4:before {
-  content: "";
+  content: "\eae5";
 }
-
 .lni-fitbit:before, .icon-fitbit:before {
-  content: "";
+  content: "\eae6";
 }
-
 .lni-flag-1:before, .icon-flag-1:before {
-  content: "";
+  content: "\eae7";
 }
-
 .lni-flag-2:before, .icon-flag-2:before {
-  content: "";
+  content: "\eae8";
 }
-
 .lni-flickr:before, .icon-flickr:before {
-  content: "";
+  content: "\eae9";
 }
-
 .lni-floppy-disk-1:before, .icon-floppy-disk-1:before {
-  content: "";
+  content: "\eaea";
 }
-
 .lni-flower-2:before, .icon-flower-2:before {
-  content: "";
+  content: "\eaeb";
 }
-
 .lni-flutter:before, .icon-flutter:before {
-  content: "";
+  content: "\eaec";
 }
-
 .lni-folder-1:before, .icon-folder-1:before {
-  content: "";
+  content: "\eaed";
 }
-
 .lni-ford:before, .icon-ford:before {
-  content: "";
+  content: "\eaee";
 }
-
 .lni-framer:before, .icon-framer:before {
-  content: "";
+  content: "\eaef";
 }
-
 .lni-funnel-1:before, .icon-funnel-1:before {
-  content: "";
+  content: "\eaf0";
 }
-
 .lni-gallery:before, .icon-gallery:before {
-  content: "";
+  content: "\eaf1";
 }
-
 .lni-game-pad-modern-1:before, .icon-game-pad-modern-1:before {
-  content: "";
+  content: "\eaf2";
 }
-
 .lni-gatsby:before, .icon-gatsby:before {
-  content: "";
+  content: "\eaf3";
 }
-
 .lni-gauge-1:before, .icon-gauge-1:before {
-  content: "";
+  content: "\eaf4";
 }
-
 .lni-gear-1:before, .icon-gear-1:before {
-  content: "";
+  content: "\eaf5";
 }
-
 .lni-gears-3:before, .icon-gears-3:before {
-  content: "";
+  content: "\eaf6";
 }
-
 .lni-gemini:before, .icon-gemini:before {
-  content: "";
+  content: "\eaf7";
 }
-
 .lni-git:before, .icon-git:before {
-  content: "";
+  content: "\eaf8";
 }
-
 .lni-github:before, .icon-github:before {
-  content: "";
+  content: "\eaf9";
 }
-
 .lni-glass-juice-1:before, .icon-glass-juice-1:before {
-  content: "";
+  content: "\eafa";
 }
-
 .lni-globe-1:before, .icon-globe-1:before {
-  content: "";
+  content: "\eafb";
 }
-
 .lni-globe-stand:before, .icon-globe-stand:before {
-  content: "";
+  content: "\eafc";
 }
-
 .lni-go:before, .icon-go:before {
-  content: "";
+  content: "\eafd";
 }
-
 .lni-goodreads:before, .icon-goodreads:before {
-  content: "";
+  content: "\eafe";
 }
-
 .lni-google:before, .icon-google:before {
-  content: "";
+  content: "\eaff";
 }
-
 .lni-google-cloud:before, .icon-google-cloud:before {
-  content: "";
+  content: "\eb00";
 }
-
 .lni-google-drive:before, .icon-google-drive:before {
-  content: "";
+  content: "\eb01";
 }
-
 .lni-google-meet:before, .icon-google-meet:before {
-  content: "";
+  content: "\eb02";
 }
-
 .lni-google-pay:before, .icon-google-pay:before {
-  content: "";
+  content: "\eb03";
 }
-
 .lni-google-wallet:before, .icon-google-wallet:before {
-  content: "";
+  content: "\eb04";
 }
-
 .lni-graduation-cap-1:before, .icon-graduation-cap-1:before {
-  content: "";
+  content: "\eb05";
 }
-
 .lni-grammarly:before, .icon-grammarly:before {
-  content: "";
+  content: "\eb06";
 }
-
 .lni-hacker-news:before, .icon-hacker-news:before {
-  content: "";
+  content: "\eb07";
 }
-
 .lni-hammer-1:before, .icon-hammer-1:before {
-  content: "";
+  content: "\eb08";
 }
-
 .lni-hammer-2:before, .icon-hammer-2:before {
-  content: "";
+  content: "\eb09";
 }
-
 .lni-hand-mic:before, .icon-hand-mic:before {
-  content: "";
+  content: "\eb0a";
 }
-
 .lni-hand-shake:before, .icon-hand-shake:before {
-  content: "";
+  content: "\eb0b";
 }
-
 .lni-hand-stop:before, .icon-hand-stop:before {
-  content: "";
+  content: "\eb0c";
 }
-
 .lni-hand-taking-dollar:before, .icon-hand-taking-dollar:before {
-  content: "";
+  content: "\eb0d";
 }
-
 .lni-hand-taking-leaf-1:before, .icon-hand-taking-leaf-1:before {
-  content: "";
+  content: "\eb0e";
 }
-
 .lni-hand-taking-user:before, .icon-hand-taking-user:before {
-  content: "";
+  content: "\eb0f";
 }
-
 .lni-hashnode:before, .icon-hashnode:before {
-  content: "";
+  content: "\eb10";
 }
-
 .lni-hat-chef-3:before, .icon-hat-chef-3:before {
-  content: "";
+  content: "\eb11";
 }
-
 .lni-headphone-1:before, .icon-headphone-1:before {
-  content: "";
+  content: "\eb12";
 }
-
 .lni-heart:before, .icon-heart:before {
-  content: "";
+  content: "\eb13";
 }
-
 .lni-helicopter-2:before, .icon-helicopter-2:before {
-  content: "";
+  content: "\eb14";
 }
-
 .lni-helmet-safety-1:before, .icon-helmet-safety-1:before {
-  content: "";
+  content: "\eb15";
 }
-
 .lni-hierarchy-1:before, .icon-hierarchy-1:before {
-  content: "";
+  content: "\eb16";
 }
-
 .lni-highlighter-1:before, .icon-highlighter-1:before {
-  content: "";
+  content: "\eb17";
 }
-
 .lni-highlighter-2:before, .icon-highlighter-2:before {
-  content: "";
+  content: "\eb18";
 }
-
 .lni-home-2:before, .icon-home-2:before {
-  content: "";
+  content: "\eb19";
 }
-
 .lni-hospital-2:before, .icon-hospital-2:before {
-  content: "";
+  content: "\eb1a";
 }
-
 .lni-hourglass:before, .icon-hourglass:before {
-  content: "";
+  content: "\eb1b";
 }
-
 .lni-html5:before, .icon-html5:before {
-  content: "";
+  content: "\eb1c";
 }
-
 .lni-ibm:before, .icon-ibm:before {
-  content: "";
+  content: "\eb1d";
 }
-
 .lni-id-card:before, .icon-id-card:before {
-  content: "";
+  content: "\eb1e";
 }
-
 .lni-imdb:before, .icon-imdb:before {
-  content: "";
+  content: "\eb1f";
 }
-
 .lni-indent:before, .icon-indent:before {
-  content: "";
+  content: "\eb20";
 }
-
 .lni-info:before, .icon-info:before {
-  content: "";
+  content: "\eb21";
 }
-
 .lni-injection-1:before, .icon-injection-1:before {
-  content: "";
+  content: "\eb22";
 }
-
 .lni-instagram:before, .icon-instagram:before {
-  content: "";
+  content: "\eb23";
 }
-
 .lni-instagram-logotype:before, .icon-instagram-logotype:before {
-  content: "";
+  content: "\eb24";
 }
-
 .lni-intel:before, .icon-intel:before {
-  content: "";
+  content: "\eb25";
 }
-
 .lni-ios:before, .icon-ios:before {
-  content: "";
+  content: "\eb26";
 }
-
 .lni-island-2:before, .icon-island-2:before {
-  content: "";
+  content: "\eb27";
 }
-
 .lni-jaguar:before, .icon-jaguar:before {
-  content: "";
+  content: "\eb28";
 }
-
 .lni-jamstack:before, .icon-jamstack:before {
-  content: "";
+  content: "\eb29";
 }
-
 .lni-java:before, .icon-java:before {
-  content: "";
+  content: "\eb2a";
 }
-
 .lni-javascript:before, .icon-javascript:before {
-  content: "";
+  content: "\eb2b";
 }
-
 .lni-jcb:before, .icon-jcb:before {
-  content: "";
+  content: "\eb2c";
 }
-
 .lni-joomla:before, .icon-joomla:before {
-  content: "";
+  content: "\eb2d";
 }
-
 .lni-jsfiddle:before, .icon-jsfiddle:before {
-  content: "";
+  content: "\eb2e";
 }
-
 .lni-key-1:before, .icon-key-1:before {
-  content: "";
+  content: "\eb2f";
 }
-
 .lni-keyboard:before, .icon-keyboard:before {
-  content: "";
+  content: "\eb30";
 }
-
 .lni-knife-fork-1:before, .icon-knife-fork-1:before {
-  content: "";
+  content: "\eb31";
 }
-
 .lni-kubernetes:before, .icon-kubernetes:before {
-  content: "";
+  content: "\eb32";
 }
-
 .lni-label-dollar-2:before, .icon-label-dollar-2:before {
-  content: "";
+  content: "\eb33";
 }
-
 .lni-laptop-2:before, .icon-laptop-2:before {
-  content: "";
+  content: "\eb34";
 }
-
 .lni-laptop-phone:before, .icon-laptop-phone:before {
-  content: "";
+  content: "\eb35";
 }
-
 .lni-laravel:before, .icon-laravel:before {
-  content: "";
+  content: "\eb36";
 }
-
 .lni-layers-1:before, .icon-layers-1:before {
-  content: "";
+  content: "\eb37";
 }
-
 .lni-layout-26:before, .icon-layout-26:before {
-  content: "";
+  content: "\eb38";
 }
-
 .lni-layout-9:before, .icon-layout-9:before {
-  content: "";
+  content: "\eb39";
 }
-
 .lni-leaf-1:before, .icon-leaf-1:before {
-  content: "";
+  content: "\eb3a";
 }
-
 .lni-leaf-6:before, .icon-leaf-6:before {
-  content: "";
+  content: "\eb3b";
 }
-
 .lni-lemon-squeezy:before, .icon-lemon-squeezy:before {
-  content: "";
+  content: "\eb3c";
 }
-
 .lni-life-guard-tube-1:before, .icon-life-guard-tube-1:before {
-  content: "";
+  content: "\eb3d";
 }
-
 .lni-line:before, .icon-line:before {
-  content: "";
+  content: "\eb3e";
 }
-
 .lni-line-dashed:before, .icon-line-dashed:before {
-  content: "";
+  content: "\eb3f";
 }
-
 .lni-line-dotted:before, .icon-line-dotted:before {
-  content: "";
+  content: "\eb40";
 }
-
 .lni-line-height:before, .icon-line-height:before {
-  content: "";
+  content: "\eb41";
 }
-
 .lni-lineicons:before, .icon-lineicons:before {
-  content: "";
+  content: "\eb42";
 }
-
 .lni-link-2-angular-right:before, .icon-link-2-angular-right:before {
-  content: "";
+  content: "\eb43";
 }
-
 .lni-linkedin:before, .icon-linkedin:before {
-  content: "";
+  content: "\eb44";
 }
-
 .lni-location-arrow-right:before, .icon-location-arrow-right:before {
-  content: "";
+  content: "\eb45";
 }
-
 .lni-locked-1:before, .icon-locked-1:before {
-  content: "";
+  content: "\eb46";
 }
-
 .lni-locked-2:before, .icon-locked-2:before {
-  content: "";
+  content: "\eb47";
 }
-
 .lni-loom:before, .icon-loom:before {
-  content: "";
+  content: "\eb48";
 }
-
 .lni-magento:before, .icon-magento:before {
-  content: "";
+  content: "\eb49";
 }
-
 .lni-magnet:before, .icon-magnet:before {
-  content: "";
+  content: "\eb4a";
 }
-
 .lni-mailchimp:before, .icon-mailchimp:before {
-  content: "";
+  content: "\eb4b";
 }
-
 .lni-map-marker-1:before, .icon-map-marker-1:before {
-  content: "";
+  content: "\eb4c";
 }
-
 .lni-map-marker-5:before, .icon-map-marker-5:before {
-  content: "";
+  content: "\eb4d";
 }
-
 .lni-map-pin-5:before, .icon-map-pin-5:before {
-  content: "";
+  content: "\eb4e";
 }
-
 .lni-markdown:before, .icon-markdown:before {
-  content: "";
+  content: "\eb4f";
 }
-
 .lni-mastercard:before, .icon-mastercard:before {
-  content: "";
+  content: "\eb50";
 }
-
 .lni-medium:before, .icon-medium:before {
-  content: "";
+  content: "\eb51";
 }
-
 .lni-medium-alt:before, .icon-medium-alt:before {
-  content: "";
+  content: "\eb52";
 }
-
 .lni-megaphone-1:before, .icon-megaphone-1:before {
-  content: "";
+  content: "\eb53";
 }
-
 .lni-menu-cheesburger:before, .icon-menu-cheesburger:before {
-  content: "";
+  content: "\eb54";
 }
-
 .lni-menu-hamburger-1:before, .icon-menu-hamburger-1:before {
-  content: "";
+  content: "\eb55";
 }
-
 .lni-menu-meatballs-1:before, .icon-menu-meatballs-1:before {
-  content: "";
+  content: "\eb56";
 }
-
 .lni-menu-meatballs-2:before, .icon-menu-meatballs-2:before {
-  content: "";
+  content: "\eb57";
 }
-
 .lni-mercedes:before, .icon-mercedes:before {
-  content: "";
+  content: "\eb58";
 }
-
 .lni-message-2:before, .icon-message-2:before {
-  content: "";
+  content: "\eb59";
 }
-
 .lni-message-2-question:before, .icon-message-2-question:before {
-  content: "";
+  content: "\eb5a";
 }
-
 .lni-message-3-text:before, .icon-message-3-text:before {
-  content: "";
+  content: "\eb5b";
 }
-
 .lni-meta:before, .icon-meta:before {
-  content: "";
+  content: "\eb5c";
 }
-
 .lni-meta-alt:before, .icon-meta-alt:before {
-  content: "";
+  content: "\eb5d";
 }
-
 .lni-microphone-1:before, .icon-microphone-1:before {
-  content: "";
+  content: "\eb5e";
 }
-
 .lni-microscope:before, .icon-microscope:before {
-  content: "";
+  content: "\eb5f";
 }
-
 .lni-microsoft:before, .icon-microsoft:before {
-  content: "";
+  content: "\eb60";
 }
-
 .lni-microsoft-edge:before, .icon-microsoft-edge:before {
-  content: "";
+  content: "\eb61";
 }
-
 .lni-microsoft-teams:before, .icon-microsoft-teams:before {
-  content: "";
+  content: "\eb62";
 }
-
 .lni-minus:before, .icon-minus:before {
-  content: "";
+  content: "\eb63";
 }
-
 .lni-minus-circle:before, .icon-minus-circle:before {
-  content: "";
+  content: "\eb64";
 }
-
 .lni-mongodb:before, .icon-mongodb:before {
-  content: "";
+  content: "\eb65";
 }
-
 .lni-monitor:before, .icon-monitor:before {
-  content: "";
+  content: "\eb66";
 }
-
 .lni-monitor-code:before, .icon-monitor-code:before {
-  content: "";
+  content: "\eb67";
 }
-
 .lni-monitor-mac:before, .icon-monitor-mac:before {
-  content: "";
+  content: "\eb68";
 }
-
 .lni-moon-half-right-5:before, .icon-moon-half-right-5:before {
-  content: "";
+  content: "\eb69";
 }
-
 .lni-mountains-2:before, .icon-mountains-2:before {
-  content: "";
+  content: "\eb6a";
 }
-
 .lni-mouse-2:before, .icon-mouse-2:before {
-  content: "";
+  content: "\eb6b";
 }
-
 .lni-mushroom-1:before, .icon-mushroom-1:before {
-  content: "";
+  content: "\eb6c";
 }
-
 .lni-mushroom-5:before, .icon-mushroom-5:before {
-  content: "";
+  content: "\eb6d";
 }
-
 .lni-music:before, .icon-music:before {
-  content: "";
+  content: "\eb6e";
 }
-
 .lni-mysql:before, .icon-mysql:before {
-  content: "";
+  content: "\eb6f";
 }
-
 .lni-nasa:before, .icon-nasa:before {
-  content: "";
+  content: "\eb70";
 }
-
 .lni-netflix:before, .icon-netflix:before {
-  content: "";
+  content: "\eb71";
 }
-
 .lni-netlify:before, .icon-netlify:before {
-  content: "";
+  content: "\eb72";
 }
-
 .lni-next-step-2:before, .icon-next-step-2:before {
-  content: "";
+  content: "\eb73";
 }
-
 .lni-nextjs:before, .icon-nextjs:before {
-  content: "";
+  content: "\eb74";
 }
-
 .lni-nike:before, .icon-nike:before {
-  content: "";
+  content: "\eb75";
 }
-
 .lni-nissan:before, .icon-nissan:before {
-  content: "";
+  content: "\eb76";
 }
-
 .lni-nodejs:before, .icon-nodejs:before {
-  content: "";
+  content: "\eb77";
 }
-
 .lni-nodejs-alt:before, .icon-nodejs-alt:before {
-  content: "";
+  content: "\eb78";
 }
-
 .lni-notebook-1:before, .icon-notebook-1:before {
-  content: "";
+  content: "\eb79";
 }
-
 .lni-notion:before, .icon-notion:before {
-  content: "";
+  content: "\eb7a";
 }
-
 .lni-npm:before, .icon-npm:before {
-  content: "";
+  content: "\eb7b";
 }
-
 .lni-nuxt:before, .icon-nuxt:before {
-  content: "";
+  content: "\eb7c";
 }
-
 .lni-nvidia:before, .icon-nvidia:before {
-  content: "";
+  content: "\eb7d";
 }
-
 .lni-oculus:before, .icon-oculus:before {
-  content: "";
+  content: "\eb7e";
 }
-
 .lni-open-ai:before, .icon-open-ai:before {
-  content: "";
+  content: "\eb7f";
 }
-
 .lni-opera-mini:before, .icon-opera-mini:before {
-  content: "";
+  content: "\eb80";
 }
-
 .lni-oracle:before, .icon-oracle:before {
-  content: "";
+  content: "\eb81";
 }
-
 .lni-outdent:before, .icon-outdent:before {
-  content: "";
+  content: "\eb82";
 }
-
 .lni-paddle:before, .icon-paddle:before {
-  content: "";
+  content: "\eb83";
 }
-
 .lni-page-break-1:before, .icon-page-break-1:before {
-  content: "";
+  content: "\eb84";
 }
-
 .lni-pagination:before, .icon-pagination:before {
-  content: "";
+  content: "\eb85";
 }
-
 .lni-paint-bucket:before, .icon-paint-bucket:before {
-  content: "";
+  content: "\eb86";
 }
-
 .lni-paint-roller-1:before, .icon-paint-roller-1:before {
-  content: "";
+  content: "\eb87";
 }
-
 .lni-paperclip-1:before, .icon-paperclip-1:before {
-  content: "";
+  content: "\eb88";
 }
-
 .lni-party-flags:before, .icon-party-flags:before {
-  content: "";
+  content: "\eb89";
 }
-
 .lni-party-spray:before, .icon-party-spray:before {
-  content: "";
+  content: "\eb8a";
 }
-
 .lni-patreon:before, .icon-patreon:before {
-  content: "";
+  content: "\eb8b";
 }
-
 .lni-pause:before, .icon-pause:before {
-  content: "";
+  content: "\eb8c";
 }
-
 .lni-payoneer:before, .icon-payoneer:before {
-  content: "";
+  content: "\eb8d";
 }
-
 .lni-paypal:before, .icon-paypal:before {
-  content: "";
+  content: "\eb8e";
 }
-
 .lni-pen-to-square:before, .icon-pen-to-square:before {
-  content: "";
+  content: "\eb8f";
 }
-
 .lni-pencil-1:before, .icon-pencil-1:before {
-  content: "";
+  content: "\eb90";
 }
-
 .lni-pepsi:before, .icon-pepsi:before {
-  content: "";
+  content: "\eb91";
 }
-
 .lni-phone:before, .icon-phone:before {
-  content: "";
+  content: "\eb92";
 }
-
 .lni-photos:before, .icon-photos:before {
-  content: "";
+  content: "\eb93";
 }
-
 .lni-php:before, .icon-php:before {
-  content: "";
+  content: "\eb94";
 }
-
 .lni-pie-chart-2:before, .icon-pie-chart-2:before {
-  content: "";
+  content: "\eb95";
 }
-
 .lni-pilcrow:before, .icon-pilcrow:before {
-  content: "";
+  content: "\eb96";
 }
-
 .lni-pimjo-logo:before, .icon-pimjo-logo:before {
-  content: "";
+  content: "\eb97";
 }
-
 .lni-pimjo-symbol:before, .icon-pimjo-symbol:before {
-  content: "";
+  content: "\eb98";
 }
-
 .lni-pinterest:before, .icon-pinterest:before {
-  content: "";
+  content: "\eb99";
 }
-
 .lni-pizza-2:before, .icon-pizza-2:before {
-  content: "";
+  content: "\eb9a";
 }
-
 .lni-placeholder-dollar:before, .icon-placeholder-dollar:before {
-  content: "";
+  content: "\eb9b";
 }
-
 .lni-plantscale:before, .icon-plantscale:before {
-  content: "";
+  content: "\eb9c";
 }
-
 .lni-play:before, .icon-play:before {
-  content: "";
+  content: "\eb9d";
 }
-
 .lni-play-store:before, .icon-play-store:before {
-  content: "";
+  content: "\eb9e";
 }
-
 .lni-playstation:before, .icon-playstation:before {
-  content: "";
+  content: "\eb9f";
 }
-
 .lni-plug-1:before, .icon-plug-1:before {
-  content: "";
+  content: "\eba0";
 }
-
 .lni-plus:before, .icon-plus:before {
-  content: "";
+  content: "\eba1";
 }
-
 .lni-plus-circle:before, .icon-plus-circle:before {
-  content: "";
+  content: "\eba2";
 }
-
 .lni-pnpm:before, .icon-pnpm:before {
-  content: "";
+  content: "\eba3";
 }
-
 .lni-postgresql:before, .icon-postgresql:before {
-  content: "";
+  content: "\eba4";
 }
-
 .lni-postman:before, .icon-postman:before {
-  content: "";
+  content: "\eba5";
 }
-
 .lni-pound:before, .icon-pound:before {
-  content: "";
+  content: "\eba6";
 }
-
 .lni-power-button:before, .icon-power-button:before {
-  content: "";
+  content: "\eba7";
 }
-
 .lni-previous-step-2:before, .icon-previous-step-2:before {
-  content: "";
+  content: "\eba8";
 }
-
 .lni-printer:before, .icon-printer:before {
-  content: "";
+  content: "\eba9";
 }
-
 .lni-prisma:before, .icon-prisma:before {
-  content: "";
+  content: "\ebaa";
 }
-
 .lni-producthunt:before, .icon-producthunt:before {
-  content: "";
+  content: "\ebab";
 }
-
 .lni-proton-mail-logo:before, .icon-proton-mail-logo:before {
-  content: "";
+  content: "\ebac";
 }
-
 .lni-proton-mail-symbol:before, .icon-proton-mail-symbol:before {
-  content: "";
+  content: "\ebad";
 }
-
 .lni-python:before, .icon-python:before {
-  content: "";
+  content: "\ebae";
 }
-
 .lni-question-mark:before, .icon-question-mark:before {
-  content: "";
+  content: "\ebaf";
 }
-
 .lni-question-mark-circle:before, .icon-question-mark-circle:before {
-  content: "";
+  content: "\ebb0";
 }
-
 .lni-quora:before, .icon-quora:before {
-  content: "";
+  content: "\ebb1";
 }
-
 .lni-radis:before, .icon-radis:before {
-  content: "";
+  content: "\ebb2";
 }
-
 .lni-react:before, .icon-react:before {
-  content: "";
+  content: "\ebb3";
 }
-
 .lni-reddit:before, .icon-reddit:before {
-  content: "";
+  content: "\ebb4";
 }
-
 .lni-refresh-circle-1-clockwise:before, .icon-refresh-circle-1-clockwise:before {
-  content: "";
+  content: "\ebb5";
 }
-
 .lni-refresh-dollar-1:before, .icon-refresh-dollar-1:before {
-  content: "";
+  content: "\ebb6";
 }
-
 .lni-refresh-user-1:before, .icon-refresh-user-1:before {
-  content: "";
+  content: "\ebb7";
 }
-
 .lni-remix-js:before, .icon-remix-js:before {
-  content: "";
+  content: "\ebb8";
 }
-
 .lni-road-1:before, .icon-road-1:before {
-  content: "";
+  content: "\ebb9";
 }
-
 .lni-rocket-5:before, .icon-rocket-5:before {
-  content: "";
+  content: "\ebba";
 }
-
 .lni-route-1:before, .icon-route-1:before {
-  content: "";
+  content: "\ebbb";
 }
-
 .lni-rss-right:before, .icon-rss-right:before {
-  content: "";
+  content: "\ebbc";
 }
-
 .lni-ruler-1:before, .icon-ruler-1:before {
-  content: "";
+  content: "\ebbd";
 }
-
 .lni-ruler-pen:before, .icon-ruler-pen:before {
-  content: "";
+  content: "\ebbe";
 }
-
 .lni-rupee:before, .icon-rupee:before {
-  content: "";
+  content: "\ebbf";
 }
-
 .lni-safari:before, .icon-safari:before {
-  content: "";
+  content: "\ebc0";
 }
-
 .lni-sanity:before, .icon-sanity:before {
-  content: "";
+  content: "\ebc1";
 }
-
 .lni-school-bench-1:before, .icon-school-bench-1:before {
-  content: "";
+  content: "\ebc2";
 }
-
 .lni-school-bench-2:before, .icon-school-bench-2:before {
-  content: "";
+  content: "\ebc3";
 }
-
 .lni-scissors-1-vertical:before, .icon-scissors-1-vertical:before {
-  content: "";
+  content: "\ebc4";
 }
-
 .lni-scoter:before, .icon-scoter:before {
-  content: "";
+  content: "\ebc5";
 }
-
 .lni-scroll-down-2:before, .icon-scroll-down-2:before {
-  content: "";
+  content: "\ebc6";
 }
-
 .lni-search-1:before, .icon-search-1:before {
-  content: "";
+  content: "\ebc7";
 }
-
 .lni-search-2:before, .icon-search-2:before {
-  content: "";
+  content: "\ebc8";
 }
-
 .lni-search-minus:before, .icon-search-minus:before {
-  content: "";
+  content: "\ebc9";
 }
-
 .lni-search-plus:before, .icon-search-plus:before {
-  content: "";
+  content: "\ebca";
 }
-
 .lni-search-text:before, .icon-search-text:before {
-  content: "";
+  content: "\ebcb";
 }
-
 .lni-select-cursor-1:before, .icon-select-cursor-1:before {
-  content: "";
+  content: "\ebcc";
 }
-
 .lni-seo-monitor:before, .icon-seo-monitor:before {
-  content: "";
+  content: "\ebcd";
 }
-
 .lni-service-bell-1:before, .icon-service-bell-1:before {
-  content: "";
+  content: "\ebce";
 }
-
 .lni-share-1:before, .icon-share-1:before {
-  content: "";
+  content: "\ebcf";
 }
-
 .lni-share-1-circle:before, .icon-share-1-circle:before {
-  content: "";
+  content: "\ebd0";
 }
-
 .lni-share-2:before, .icon-share-2:before {
-  content: "";
+  content: "\ebd1";
 }
-
 .lni-shield-2:before, .icon-shield-2:before {
-  content: "";
+  content: "\ebd2";
 }
-
 .lni-shield-2-check:before, .icon-shield-2-check:before {
-  content: "";
+  content: "\ebd3";
 }
-
 .lni-shield-dollar:before, .icon-shield-dollar:before {
-  content: "";
+  content: "\ebd4";
 }
-
 .lni-shift-left:before, .icon-shift-left:before {
-  content: "";
+  content: "\ebd5";
 }
-
 .lni-shift-right:before, .icon-shift-right:before {
-  content: "";
+  content: "\ebd6";
 }
-
 .lni-ship-1:before, .icon-ship-1:before {
-  content: "";
+  content: "\ebd7";
 }
-
 .lni-shirt-1:before, .icon-shirt-1:before {
-  content: "";
+  content: "\ebd8";
 }
-
 .lni-shopify:before, .icon-shopify:before {
-  content: "";
+  content: "\ebd9";
 }
-
 .lni-shovel:before, .icon-shovel:before {
-  content: "";
+  content: "\ebda";
 }
-
 .lni-shuffle:before, .icon-shuffle:before {
-  content: "";
+  content: "\ebdb";
 }
-
 .lni-sign-post-left:before, .icon-sign-post-left:before {
-  content: "";
+  content: "\ebdc";
 }
-
 .lni-signal-app:before, .icon-signal-app:before {
-  content: "";
+  content: "\ebdd";
 }
-
 .lni-signs-post-2:before, .icon-signs-post-2:before {
-  content: "";
+  content: "\ebde";
 }
-
 .lni-sketch:before, .icon-sketch:before {
-  content: "";
+  content: "\ebdf";
 }
-
 .lni-skype:before, .icon-skype:before {
-  content: "";
+  content: "\ebe0";
 }
-
 .lni-slack:before, .icon-slack:before {
-  content: "";
+  content: "\ebe1";
 }
-
 .lni-slice-2:before, .icon-slice-2:before {
-  content: "";
+  content: "\ebe2";
 }
-
 .lni-sliders-horizontal-square-2:before, .icon-sliders-horizontal-square-2:before {
-  content: "";
+  content: "\ebe3";
 }
-
 .lni-slideshare:before, .icon-slideshare:before {
-  content: "";
+  content: "\ebe4";
 }
-
 .lni-snapchat:before, .icon-snapchat:before {
-  content: "";
+  content: "\ebe5";
 }
-
 .lni-sort-alphabetical:before, .icon-sort-alphabetical:before {
-  content: "";
+  content: "\ebe6";
 }
-
 .lni-sort-high-to-low:before, .icon-sort-high-to-low:before {
-  content: "";
+  content: "\ebe7";
 }
-
 .lni-soundcloud:before, .icon-soundcloud:before {
-  content: "";
+  content: "\ebe8";
 }
-
 .lni-spacex:before, .icon-spacex:before {
-  content: "";
+  content: "\ebe9";
 }
-
 .lni-spellcheck:before, .icon-spellcheck:before {
-  content: "";
+  content: "\ebea";
 }
-
 .lni-spinner-2-sacle:before, .icon-spinner-2-sacle:before {
-  content: "";
+  content: "\ebeb";
 }
-
 .lni-spinner-3:before, .icon-spinner-3:before {
-  content: "";
+  content: "\ebec";
 }
-
 .lni-sports:before, .icon-sports:before {
-  content: "";
+  content: "\ebed";
 }
-
 .lni-spotify:before, .icon-spotify:before {
-  content: "";
+  content: "\ebee";
 }
-
 .lni-spotify-alt:before, .icon-spotify-alt:before {
-  content: "";
+  content: "\ebef";
 }
-
 .lni-squarespace:before, .icon-squarespace:before {
-  content: "";
+  content: "\ebf0";
 }
-
 .lni-stackoverflow:before, .icon-stackoverflow:before {
-  content: "";
+  content: "\ebf1";
 }
-
 .lni-stamp:before, .icon-stamp:before {
-  content: "";
+  content: "\ebf2";
 }
-
 .lni-star-fat:before, .icon-star-fat:before {
-  content: "";
+  content: "\ebf3";
 }
-
 .lni-star-fat-half-2:before, .icon-star-fat-half-2:before {
-  content: "";
+  content: "\ebf4";
 }
-
 .lni-star-sharp-disabled:before, .icon-star-sharp-disabled:before {
-  content: "";
+  content: "\ebf5";
 }
-
 .lni-statista:before, .icon-statista:before {
-  content: "";
+  content: "\ebf6";
 }
-
 .lni-steam:before, .icon-steam:before {
-  content: "";
+  content: "\ebf7";
 }
-
 .lni-stethoscope-1:before, .icon-stethoscope-1:before {
-  content: "";
+  content: "\ebf8";
 }
-
 .lni-stopwatch:before, .icon-stopwatch:before {
-  content: "";
+  content: "\ebf9";
 }
-
 .lni-storage-hdd-2:before, .icon-storage-hdd-2:before {
-  content: "";
+  content: "\ebfa";
 }
-
 .lni-strikethrough-1:before, .icon-strikethrough-1:before {
-  content: "";
+  content: "\ebfb";
 }
-
 .lni-stripe:before, .icon-stripe:before {
-  content: "";
+  content: "\ebfc";
 }
-
 .lni-stumbleupon:before, .icon-stumbleupon:before {
-  content: "";
+  content: "\ebfd";
 }
-
 .lni-sun-1:before, .icon-sun-1:before {
-  content: "";
+  content: "\ebfe";
 }
-
 .lni-supabase:before, .icon-supabase:before {
-  content: "";
+  content: "\ebff";
 }
-
 .lni-surfboard-2:before, .icon-surfboard-2:before {
-  content: "";
+  content: "\ec00";
 }
-
 .lni-svelte:before, .icon-svelte:before {
-  content: "";
+  content: "\ec01";
 }
-
 .lni-swift:before, .icon-swift:before {
-  content: "";
+  content: "\ec02";
 }
-
 .lni-tab:before, .icon-tab:before {
-  content: "";
+  content: "\ec03";
 }
-
 .lni-tailwindcss:before, .icon-tailwindcss:before {
-  content: "";
+  content: "\ec04";
 }
-
 .lni-target-user:before, .icon-target-user:before {
-  content: "";
+  content: "\ec05";
 }
-
 .lni-telegram:before, .icon-telegram:before {
-  content: "";
+  content: "\ec06";
 }
-
 .lni-telephone-1:before, .icon-telephone-1:before {
-  content: "";
+  content: "\ec07";
 }
-
 .lni-telephone-3:before, .icon-telephone-3:before {
-  content: "";
+  content: "\ec08";
 }
-
 .lni-tesla:before, .icon-tesla:before {
-  content: "";
+  content: "\ec09";
 }
-
 .lni-text-format:before, .icon-text-format:before {
-  content: "";
+  content: "\ec0a";
 }
-
 .lni-text-format-remove:before, .icon-text-format-remove:before {
-  content: "";
+  content: "\ec0b";
 }
-
 .lni-text-paragraph:before, .icon-text-paragraph:before {
-  content: "";
+  content: "\ec0c";
 }
-
 .lni-thumbs-down-3:before, .icon-thumbs-down-3:before {
-  content: "";
+  content: "\ec0d";
 }
-
 .lni-thumbs-up-3:before, .icon-thumbs-up-3:before {
-  content: "";
+  content: "\ec0e";
 }
-
 .lni-ticket-1:before, .icon-ticket-1:before {
-  content: "";
+  content: "\ec0f";
 }
-
 .lni-tickets-3:before, .icon-tickets-3:before {
-  content: "";
+  content: "\ec10";
 }
-
 .lni-tiktok:before, .icon-tiktok:before {
-  content: "";
+  content: "\ec11";
 }
-
 .lni-tiktok-alt:before, .icon-tiktok-alt:before {
-  content: "";
+  content: "\ec12";
 }
-
 .lni-tower-broadcast-1:before, .icon-tower-broadcast-1:before {
-  content: "";
+  content: "\ec13";
 }
-
 .lni-toyota:before, .icon-toyota:before {
-  content: "";
+  content: "\ec14";
 }
-
 .lni-train-1:before, .icon-train-1:before {
-  content: "";
+  content: "\ec15";
 }
-
 .lni-train-3:before, .icon-train-3:before {
-  content: "";
+  content: "\ec16";
 }
-
 .lni-trash-3:before, .icon-trash-3:before {
-  content: "";
+  content: "\ec17";
 }
-
 .lni-tree-2:before, .icon-tree-2:before {
-  content: "";
+  content: "\ec18";
 }
-
 .lni-trees-3:before, .icon-trees-3:before {
-  content: "";
+  content: "\ec19";
 }
-
 .lni-trello:before, .icon-trello:before {
-  content: "";
+  content: "\ec1a";
 }
-
 .lni-trend-down-1:before, .icon-trend-down-1:before {
-  content: "";
+  content: "\ec1b";
 }
-
 .lni-trend-up-1:before, .icon-trend-up-1:before {
-  content: "";
+  content: "\ec1c";
 }
-
 .lni-trophy-1:before, .icon-trophy-1:before {
-  content: "";
+  content: "\ec1d";
 }
-
 .lni-trowel-1:before, .icon-trowel-1:before {
-  content: "";
+  content: "\ec1e";
 }
-
 .lni-truck-delivery-1:before, .icon-truck-delivery-1:before {
-  content: "";
+  content: "\ec1f";
 }
-
 .lni-tumblr:before, .icon-tumblr:before {
-  content: "";
+  content: "\ec20";
 }
-
 .lni-turborepo:before, .icon-turborepo:before {
-  content: "";
+  content: "\ec21";
 }
-
 .lni-twitch:before, .icon-twitch:before {
-  content: "";
+  content: "\ec22";
 }
-
 .lni-twitter-old:before, .icon-twitter-old:before {
-  content: "";
+  content: "\ec23";
 }
-
 .lni-typescript:before, .icon-typescript:before {
-  content: "";
+  content: "\ec24";
 }
-
 .lni-uber:before, .icon-uber:before {
-  content: "";
+  content: "\ec25";
 }
-
 .lni-uber-symbol:before, .icon-uber-symbol:before {
-  content: "";
+  content: "\ec26";
 }
-
 .lni-ubuntu:before, .icon-ubuntu:before {
-  content: "";
+  content: "\ec27";
 }
-
 .lni-underline:before, .icon-underline:before {
-  content: "";
+  content: "\ec28";
 }
-
 .lni-unlink-2-angular-eft:before, .icon-unlink-2-angular-eft:before {
-  content: "";
+  content: "\ec29";
 }
-
 .lni-unlocked-2:before, .icon-unlocked-2:before {
-  content: "";
+  content: "\ec2a";
 }
-
 .lni-unsplash:before, .icon-unsplash:before {
-  content: "";
+  content: "\ec2b";
 }
-
 .lni-upload-1:before, .icon-upload-1:before {
-  content: "";
+  content: "\ec2c";
 }
-
 .lni-upload-circle-1:before, .icon-upload-circle-1:before {
-  content: "";
+  content: "\ec2d";
 }
-
 .lni-user-4:before, .icon-user-4:before {
-  content: "";
+  content: "\ec2e";
 }
-
 .lni-user-multiple-4:before, .icon-user-multiple-4:before {
-  content: "";
+  content: "\ec2f";
 }
-
 .lni-vector-nodes-6:before, .icon-vector-nodes-6:before {
-  content: "";
+  content: "\ec30";
 }
-
 .lni-vector-nodes-7:before, .icon-vector-nodes-7:before {
-  content: "";
+  content: "\ec31";
 }
-
 .lni-vercel:before, .icon-vercel:before {
-  content: "";
+  content: "\ec32";
 }
-
 .lni-vimeo:before, .icon-vimeo:before {
-  content: "";
+  content: "\ec33";
 }
-
 .lni-visa:before, .icon-visa:before {
-  content: "";
+  content: "\ec34";
 }
-
 .lni-vite:before, .icon-vite:before {
-  content: "";
+  content: "\ec35";
 }
-
 .lni-vk:before, .icon-vk:before {
-  content: "";
+  content: "\ec36";
 }
-
 .lni-vmware:before, .icon-vmware:before {
-  content: "";
+  content: "\ec37";
 }
-
 .lni-volkswagen:before, .icon-volkswagen:before {
-  content: "";
+  content: "\ec38";
 }
-
 .lni-volume-1:before, .icon-volume-1:before {
-  content: "";
+  content: "\ec39";
 }
-
 .lni-volume-high:before, .icon-volume-high:before {
-  content: "";
+  content: "\ec3a";
 }
-
 .lni-volume-low:before, .icon-volume-low:before {
-  content: "";
+  content: "\ec3b";
 }
-
 .lni-volume-mute:before, .icon-volume-mute:before {
-  content: "";
+  content: "\ec3c";
 }
-
 .lni-volume-off:before, .icon-volume-off:before {
-  content: "";
+  content: "\ec3d";
 }
-
 .lni-vs-code:before, .icon-vs-code:before {
-  content: "";
+  content: "\ec3e";
 }
-
 .lni-vuejs:before, .icon-vuejs:before {
-  content: "";
+  content: "\ec3f";
 }
-
 .lni-wallet-1:before, .icon-wallet-1:before {
-  content: "";
+  content: "\ec40";
 }
-
 .lni-watch-beat-1:before, .icon-watch-beat-1:before {
-  content: "";
+  content: "\ec41";
 }
-
 .lni-water-drop-1:before, .icon-water-drop-1:before {
-  content: "";
+  content: "\ec42";
 }
-
 .lni-webflow:before, .icon-webflow:before {
-  content: "";
+  content: "\ec43";
 }
-
 .lni-webhooks:before, .icon-webhooks:before {
-  content: "";
+  content: "\ec44";
 }
-
 .lni-wechat:before, .icon-wechat:before {
-  content: "";
+  content: "\ec45";
 }
-
 .lni-weight-machine-1:before, .icon-weight-machine-1:before {
-  content: "";
+  content: "\ec46";
 }
-
 .lni-whatsapp:before, .icon-whatsapp:before {
-  content: "";
+  content: "\ec47";
 }
-
 .lni-wheelbarrow-empty:before, .icon-wheelbarrow-empty:before {
-  content: "";
+  content: "\ec48";
 }
-
 .lni-wheelchair-1:before, .icon-wheelchair-1:before {
-  content: "";
+  content: "\ec49";
 }
-
 .lni-windows:before, .icon-windows:before {
-  content: "";
+  content: "\ec4a";
 }
-
 .lni-wise:before, .icon-wise:before {
-  content: "";
+  content: "\ec4b";
 }
-
 .lni-wordpress:before, .icon-wordpress:before {
-  content: "";
+  content: "\ec4c";
 }
-
 .lni-www:before, .icon-www:before {
-  content: "";
+  content: "\ec4d";
 }
-
 .lni-www-cursor:before, .icon-www-cursor:before {
-  content: "";
+  content: "\ec4e";
 }
-
 .lni-x:before, .icon-x:before {
-  content: "";
+  content: "\ec4f";
 }
-
 .lni-xampp:before, .icon-xampp:before {
-  content: "";
+  content: "\ec50";
 }
-
 .lni-xbox:before, .icon-xbox:before {
-  content: "";
+  content: "\ec51";
 }
-
 .lni-xmark:before, .icon-xmark:before {
-  content: "";
+  content: "\ec52";
 }
-
 .lni-xmark-circle:before, .icon-xmark-circle:before {
-  content: "";
+  content: "\ec53";
 }
-
 .lni-xrp:before, .icon-xrp:before {
-  content: "";
+  content: "\ec54";
 }
-
 .lni-yahoo:before, .icon-yahoo:before {
-  content: "";
+  content: "\ec55";
 }
-
 .lni-yarn:before, .icon-yarn:before {
-  content: "";
+  content: "\ec56";
 }
-
 .lni-ycombinator:before, .icon-ycombinator:before {
-  content: "";
+  content: "\ec57";
 }
-
 .lni-yen:before, .icon-yen:before {
-  content: "";
+  content: "\ec58";
 }
-
 .lni-youtube:before, .icon-youtube:before {
-  content: "";
+  content: "\ec59";
 }
-
 .lni-youtube-kids:before, .icon-youtube-kids:before {
-  content: "";
+  content: "\ec5a";
 }
-
 .lni-youtube-music:before, .icon-youtube-music:before {
-  content: "";
+  content: "\ec5b";
 }
-
 .lni-zapier:before, .icon-zapier:before {
-  content: "";
+  content: "\ec5c";
 }
-
 .lni-zero-size:before, .icon-zero-size:before {
-  content: "";
+  content: "\ec5d";
 }
-
 .lni-zoom:before, .icon-zoom:before {
-  content: "";
+  content: "\ec5e";
 }
-
 .icon-chevron-right-after {
-  justify-content: space-between;
   align-items: flex-start;
-  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  line-height: 1;
   margin-top: 0;
   padding-top: 0;
-  line-height: 1;
-  display: flex;
+  width: 100%;
+  &:after {
+    content: "\ea7d";
+    margin-top: .25rem;
+    transform: rotate(180deg);
+  }
 }
-
-.icon-chevron-right-after:after {
-  content: "";
-  margin-top: .25rem;
-  transform: rotate(180deg);
-}
-
 .site-header {
-  background: linear-gradient(90.15deg, #0773ac -39.25%, #032f46 100%);
-}
-
-.site-header .header__nav-main .nav-main {
-  align-self: stretch;
-}
-
-.site-header .nav-aux__container {
-  background: linear-gradient(90.17deg, #2189c0 -51.3%, #0773ac 55.75%);
-}
-
-.site-header .nav-aux__container .header__nav-aux {
-  padding-inline: calc(var(--spacing) * 0) !important;
-}
-
-.site-header .nav-aux__container a {
-  color: var(--color-white);
-  font-weight: 500;
-  text-decoration: none;
-  transition: color .3s;
-}
-
-.site-header .nav-aux__container a:hover {
-  color: var(--color-primary-800);
-}
-
-.site-header .nav-aux__container #globalSearch {
-  font-size: var(--text-14px);
-  color: var(--color-light);
-}
-
-@media (width <= 767px) {
+  background: linear-gradient(90.15deg, #0773AC -39.25%, #032F46 100%);
+  .header__nav-main {
+    .nav-main {
+      align-self: stretch;
+    }
+  }
+  .nav-aux__container {
+    background: linear-gradient(90.17deg, #2189C0 -51.3%, #0773AC 55.75%);
+    .header__nav-aux {
+      padding-inline: calc(var(--spacing) * 0) !important;
+    }
+    a {
+      color: var(--color-white);
+      text-decoration: none;
+      font-weight: 500;
+      transition: color 0.3s ease;
+      &:hover {
+        color: var(--color-primary-800);
+      }
+    }
+    #globalSearch {
+      font-size: var(--text-14px);
+      color: var(--color-light);
+    }
+  }
+}
+@media (max-width: 767px) {
   .site-header {
+    overflow: hidden;
     width: 100%;
-    overflow: hidden;
   }
-
   .site-header .nav-aux__container {
     display: none;
   }
-
   .site-header .header__nav-main {
-    gap: .75rem;
-    width: 100%;
-    min-height: 4.375rem;
     display: grid;
+    gap: 0.75rem;
     grid-template-columns: minmax(0, 1fr) auto !important;
-    padding: .85rem 1rem !important;
+    min-height: 4.375rem;
+    padding: 0.85rem 1rem !important;
+    padding-left: 1rem !important;
+    padding-right: 1rem !important;
+    width: 100%;
   }
-
   .site-header__logo {
-    width: 7.25rem;
-    min-width: 0;
     height: 2.25rem;
     margin-left: 1rem;
-    overflow: hidden;
-  }
-
-  .site-header__logo img {
-    width: auto;
-    max-width: none;
-    height: 2.25rem;
-  }
-
-  .site-header .nav-main {
-    justify-content: flex-end;
-    align-items: center;
     min-width: 0;
-    display: flex;
+    overflow: hidden;
+    width: 7.25rem;
   }
-
-  .site-header .nav-main__toggle {
-    background: var(--color-secondary);
-    margin-block: -.125rem;
-    border-radius: 1.4rem .35rem;
-    justify-content: center;
+  .site-header__logo img {
+    height: 2.25rem;
+    max-width: none;
+    width: auto;
+  }
+  .site-header .nav-main {
     align-items: center;
-    width: 4.5rem;
-    height: 2.8125rem;
-    margin-right: 1rem;
-    padding: .65rem 1rem;
+    display: flex;
+    justify-content: flex-end;
+    min-width: 0;
+  }
+  .site-header .nav-main__toggle {
+    align-items: center;
+    background: var(--color-secondary);
+    border-radius: 1.4rem 0.35rem 1.4rem 0.35rem;
     display: inline-flex;
+    height: 2.8125rem;
+    justify-content: center;
+    margin-block: -0.125rem;
+    margin-right: 1rem;
+    padding: 0.65rem 1rem;
+    width: 4.5rem;
   }
-
   .site-header .nav-main__toggle svg {
-    width: 1.5rem;
     height: 1.5rem;
+    width: 1.5rem;
   }
-
   .site-header .nav-main__toggle svg, .site-header .nav-main__toggle path, .site-header .nav-main__toggle line {
     fill: var(--color-white);
     stroke: var(--color-white);
   }
 }
-
 #breadcrumbs {
   color: var(--color-white);
-}
-
-#breadcrumbs a {
-  color: oklch(.72 .122 212.25);
-}
-
-#breadcrumbs a:hover {
-  color: color-mix(in oklch, oklch(.72 .122 212.25) 60%, white);
-}
-
-.sidebar .widget {
-  margin-bottom: calc(var(--spacing) * 8);
-}
-
-.sidebar .widget h3 {
-  margin: calc(var(--spacing) * 0);
-  margin-bottom: calc(var(--spacing) * 2);
-  --tw-font-weight: var(--font-weight-semibold);
-  font-weight: var(--font-weight-semibold);
-}
-
-.sidebar .widget ul {
-  margin: calc(var(--spacing) * 0);
-  border-left-style: var(--tw-border-style);
-  border-left-width: 3px;
-  border-color: var(--color-secondary-400);
-  padding: calc(var(--spacing) * 0);
-  padding-left: calc(var(--spacing) * 3);
-  list-style-type: none;
-}
-
-.sidebar .widget ul li {
-  text-wrap: balance;
-}
-
-.sidebar .widget ul li:first-of-type {
-  margin-bottom: calc(var(--spacing) * 1);
-  --tw-leading: 1;
-  line-height: 1;
-}
-
-.pagination .nav-links {
-  margin-top: calc(var(--spacing) * 12);
-  justify-content: center;
-  align-items: center;
-  display: none;
-}
-
-@media (width >= 48rem) {
-  .pagination .nav-links {
-    display: flex;
+  a {
+    color: oklch(0.72 0.122 212.25);
+    &:hover {
+      color: color-mix(in oklch, oklch(0.72 0.122 212.25) 60%, white);
+    }
   }
 }
-
-.pagination .nav-links .page-numbers {
-  height: calc(var(--spacing) * 10);
-  stroke: var(--color-primary);
-  padding: calc(var(--spacing) * 4);
-  font-size: var(--text-base);
-  line-height: var(--tw-leading, var(--text-base--line-height));
-  --tw-font-weight: var(--font-weight-medium);
-  font-weight: var(--font-weight-medium);
-  color: var(--color-primary);
-  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-  transition-duration: var(--tw-duration, var(--default-transition-duration));
-  --tw-duration: .3s;
-  border-radius: .25rem;
-  justify-content: center;
-  align-items: center;
-  transition-duration: .3s;
-  display: none;
-}
-
-@media (hover: hover) {
-  .pagination .nav-links .page-numbers:hover {
-    background-color: var(--color-info);
-    stroke: var(--color-info);
-    color: var(--color-light);
+.sidebar {
+  .widget {
+    margin-bottom: calc(var(--spacing) * 8);
+    h3 {
+      margin: calc(var(--spacing) * 0);
+      margin-bottom: calc(var(--spacing) * 2);
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+    ul {
+      margin: calc(var(--spacing) * 0);
+      list-style-type: none;
+      border-left-style: var(--tw-border-style);
+      border-left-width: 3px;
+      border-color: var(--color-secondary-400);
+      padding: calc(var(--spacing) * 0);
+      padding-left: calc(var(--spacing) * 3);
+      li {
+        text-wrap: balance;
+        &:first-of-type {
+          margin-bottom: calc(var(--spacing) * 1);
+          --tw-leading: 1;
+          line-height: 1;
+        }
+      }
+    }
   }
 }
-
-.pagination .nav-links .page-numbers:focus-visible {
-  background-color: var(--color-info);
-  stroke: var(--color-info);
-  color: var(--color-light);
-  --tw-outline-style: none;
-  outline-style: none;
-}
-
-@media (width >= 48rem) {
-  .pagination .nav-links .page-numbers {
-    display: flex;
+.pagination {
+  .nav-links {
+    margin-top: calc(var(--spacing) * 12);
+    display: none;
+    align-items: center;
+    justify-content: center;
+    @media (width >= 48rem) {
+      display: flex;
+    }
+    .page-numbers {
+      display: none;
+      height: calc(var(--spacing) * 10);
+      align-items: center;
+      justify-content: center;
+      border-radius: 0.25rem;
+      stroke: var(--color-primary);
+      padding: calc(var(--spacing) * 4);
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+      --tw-font-weight: var(--font-weight-medium);
+      font-weight: var(--font-weight-medium);
+      color: var(--color-primary);
+      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+      --tw-duration: 300ms;
+      transition-duration: 300ms;
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-info);
+        }
+      }
+      &:hover {
+        @media (hover: hover) {
+          stroke: var(--color-info);
+        }
+      }
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-light);
+        }
+      }
+      &:focus-visible {
+        background-color: var(--color-info);
+      }
+      &:focus-visible {
+        stroke: var(--color-info);
+      }
+      &:focus-visible {
+        color: var(--color-light);
+      }
+      &:focus-visible {
+        --tw-outline-style: none;
+        outline-style: none;
+      }
+      @media (width >= 48rem) {
+        display: flex;
+      }
+    }
+    .page-numbers.current {
+      background-color: var(--color-info);
+      white-space: nowrap;
+      color: var(--color-light);
+      --tw-ring-offset-width: 2px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary);
+        }
+      }
+      &:hover {
+        @media (hover: hover) {
+          stroke: var(--color-primary);
+        }
+      }
+      &:focus-visible {
+        background-color: var(--color-info);
+      }
+    }
+    .prev, .next {
+      display: flex;
+      gap: calc(var(--spacing) * 4);
+    }
+  }
+  & a, & span {
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    color: #3857BC !important;
+    margin: 0 5px;
+    padding: .25rem .5rem;
+    text-decoration: none;
+  }
+  & .current, & a:hover {
+    background: #3857BC !important;
+    border-color: #3857BC !important;
+    color: #fff !important;
+    padding: .25rem .5rem;
   }
 }
-
-.pagination .nav-links .page-numbers.current {
-  background-color: var(--color-info);
-  white-space: nowrap;
-  color: var(--color-light);
-  --tw-ring-offset-width: 2px;
-  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-}
-
-@media (hover: hover) {
-  .pagination .nav-links .page-numbers.current:hover {
-    background-color: var(--color-primary);
-    stroke: var(--color-primary);
-  }
-}
-
-.pagination .nav-links .page-numbers.current:focus-visible {
-  background-color: var(--color-info);
-}
-
-.pagination .nav-links .prev, .pagination .nav-links .next {
-  gap: calc(var(--spacing) * 4);
-  display: flex;
-}
-
-.pagination a, .pagination span {
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  margin: 0 5px;
-  padding: .25rem .5rem;
-  text-decoration: none;
-  color: #3857bc !important;
-}
-
-.pagination .current, .pagination a:hover {
-  padding: .25rem .5rem;
-  color: #fff !important;
-  background: #3857bc !important;
-  border-color: #3857bc !important;
-}
-
 .site-footer {
   border-bottom: 1rem solid var(--color-orange, #f26b53);
-}
-
-.site-footer a {
-  color: var(--color-white);
-  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-  transition-duration: var(--tw-duration, var(--default-transition-duration));
-  --tw-duration: .3s;
-  transition-duration: .3s;
-}
-
-@media (hover: hover) {
-  .site-footer a:hover {
-    color: var(--color-secondary-400);
+  a {
+    color: var(--color-white);
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-secondary-400);
+      }
+    }
+    &:focus-visible {
+      color: var(--color-secondary-400);
+    }
+  }
+  .widget {
+    li {
+      margin-block: calc(var(--spacing) * 1);
+      margin-bottom: calc(var(--spacing) * 2);
+      font-size: var(--text-16px);
+      --tw-leading: calc(var(--spacing) * 4);
+      line-height: calc(var(--spacing) * 4);
+    }
+    h4 {
+      margin-bottom: calc(var(--spacing) * 2);
+      font-size: var(--text-18px);
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+      color: var(--color-secondary);
+    }
+  }
+  .menu-footer-menu-container {
+    flex-grow: 1;
+  }
+  .copyright {
+    p {
+      margin: calc(var(--spacing) * 0);
+      padding: calc(var(--spacing) * 0);
+      --tw-leading: 1;
+      line-height: 1;
+      color: var(--color-white);
+    }
+    a {
+      color: var(--color-white);
+      text-decoration-line: underline;
+      text-underline-offset: 2px;
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-primary-500);
+        }
+      }
+    }
+  }
+  .contact__item {
+    margin-bottom: calc(var(--spacing) * 2);
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+    font-size: var(--text-14px);
+    --tw-font-weight: var(--font-weight-light);
+    font-weight: var(--font-weight-light);
+    color: var(--color-white);
+    p {
+      margin: calc(var(--spacing) * 0);
+      padding: calc(var(--spacing) * 0);
+    }
+    a {
+      color: var(--color-white);
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-secondary-400);
+        }
+      }
+      &:focus-visible {
+        color: var(--color-secondary-400);
+      }
+    }
+    &::before {
+      margin-right: calc(var(--spacing) * 2);
+      display: inline-block;
+      content: "";
+      height: 1.5rem;
+      width: 1.5rem;
+    }
+    &.contact__phone::before {
+      background: url("../../static/img/footer-phone.svg") no-repeat center center;
+    }
+    &.contact__email::before {
+      background: url("../../static/img/footer-email.svg") no-repeat center center;
+    }
+    &.contact__address::before {
+      background: url("../../static/img/footer-map.svg") no-repeat center center;
+      padding-top: 2rem;
+    }
   }
 }
-
-.site-footer a:focus-visible {
-  color: var(--color-secondary-400);
-}
-
-.site-footer .widget li {
-  margin-block: calc(var(--spacing) * 1);
-  margin-bottom: calc(var(--spacing) * 2);
-  font-size: var(--text-16px);
-  --tw-leading: calc(var(--spacing) * 4);
-  line-height: calc(var(--spacing) * 4);
-}
-
-.site-footer .widget h4 {
-  margin-bottom: calc(var(--spacing) * 2);
-  font-size: var(--text-18px);
-  --tw-font-weight: var(--font-weight-bold);
-  font-weight: var(--font-weight-bold);
-  color: var(--color-secondary);
-}
-
-.site-footer .menu-footer-menu-container {
-  flex-grow: 1;
-}
-
-.site-footer .copyright p {
-  margin: calc(var(--spacing) * 0);
-  padding: calc(var(--spacing) * 0);
-  --tw-leading: 1;
-  color: var(--color-white);
-  line-height: 1;
-}
-
-.site-footer .copyright a {
-  color: var(--color-white);
-  text-underline-offset: 2px;
-  text-decoration-line: underline;
-}
-
-@media (hover: hover) {
-  .site-footer .copyright a:hover {
-    color: var(--color-primary-500);
-  }
-}
-
-.site-footer .contact__item {
-  margin-bottom: calc(var(--spacing) * 2);
-  font-size: var(--text-14px);
-  --tw-font-weight: var(--font-weight-light);
-  font-weight: var(--font-weight-light);
-  color: var(--color-white);
-  justify-content: flex-start;
-  align-items: flex-start;
-  display: flex;
-}
-
-.site-footer .contact__item p {
-  margin: calc(var(--spacing) * 0);
-  padding: calc(var(--spacing) * 0);
-}
-
-.site-footer .contact__item a {
-  color: var(--color-white);
-}
-
-@media (hover: hover) {
-  .site-footer .contact__item a:hover {
-    color: var(--color-secondary-400);
-  }
-}
-
-.site-footer .contact__item a:focus-visible {
-  color: var(--color-secondary-400);
-}
-
-.site-footer .contact__item:before {
-  margin-right: calc(var(--spacing) * 2);
-  content: "";
-  width: 1.5rem;
-  height: 1.5rem;
-  display: inline-block;
-}
-
-.site-footer .contact__item.contact__phone:before {
-  background: url("../../static/img/footer-phone.svg") center no-repeat;
-}
-
-.site-footer .contact__item.contact__email:before {
-  background: url("../../static/img/footer-email.svg") center no-repeat;
-}
-
-.site-footer .contact__item.contact__address:before {
-  background: url("../../static/img/footer-map.svg") center no-repeat;
-  padding-top: 2rem;
-}
-
-@media (width <= 767px) {
+@media (max-width: 767px) {
   .site-footer {
     border-bottom-width: clamp(4.0625rem, 20.4vw, 5.125rem);
+    font-size: clamp(0.875rem, 3.98vw, 1rem);
     min-height: clamp(34rem, 167.4vw, 42.0625rem);
-    padding-block: clamp(2.375rem, 11.94vw, 3rem) clamp(1.125rem, 12.2vw - 1.3125rem, 1.75rem);
-    font-size: clamp(.875rem, 3.98vw, 1rem);
+    padding-block: clamp(2.375rem, 11.94vw, 3rem) clamp(1.125rem, calc(12.2vw - 1.3125rem), 1.75rem);
   }
-
   .site-footer > .container {
-    grid-template-columns: minmax(0, 1fr) auto;
-    gap: 0 clamp(.8125rem, 3.98vw, 1rem);
-    padding-inline: clamp(1.59375rem, 7.96vw, 2rem);
     display: grid;
+    gap: 0 clamp(0.8125rem, 3.98vw, 1rem);
+    grid-template-columns: minmax(0, 1fr) auto;
+    padding-inline: clamp(1.59375rem, 7.96vw, 2rem);
   }
-
   .site-footer > .container > div:first-child {
-    grid-area: 1 / 1;
+    grid-column: 1;
+    grid-row: 1;
   }
-
   .site-footer #footer-header {
-    max-width: clamp(9.75rem, 48.76vw, 12.25rem);
     margin: 0;
+    max-width: clamp(9.75rem, 48.76vw, 12.25rem);
   }
-
   .site-footer #footer-nav {
-    grid-area: 2 / 1 / auto / -1;
+    grid-column: 1 / -1;
+    grid-row: 2;
     margin-top: clamp(1.5625rem, 7.71vw, 1.9375rem);
   }
-
   .site-footer .site-footer__nav-list {
-    grid-template-rows: repeat(3, auto);
-    grid-auto-flow: column;
-    gap: clamp(.625rem, 3.23vw, .8125rem) clamp(1.59375rem, 7.96vw, 2rem);
-    padding-inline-start: 0;
     display: grid;
+    gap: clamp(0.625rem, 3.23vw, 0.8125rem) clamp(1.59375rem, 7.96vw, 2rem);
+    grid-auto-flow: column;
+    grid-template-rows: repeat(3, auto);
+    padding-inline-start: 0;
   }
-
   .site-footer .site-footer__nav-item {
     margin-bottom: 0;
   }
-
   .site-footer #footer-nav + div {
-    grid-area: 3 / 1 / auto / -1;
+    grid-column: 1 / -1;
+    grid-row: 3;
     margin-top: clamp(1.25rem, 6.22vw, 1.5625rem);
   }
-
   .site-footer #footer-description {
-    max-width: 21rem;
     font-size: clamp(1rem, 4.98vw, 1.25rem);
     line-height: 1.2;
+    max-width: 21rem;
   }
-
   .site-footer .contact__item {
-    font-size: clamp(.75rem, 3.48vw, .875rem);
+    font-size: clamp(0.75rem, 3.48vw, 0.875rem);
   }
-
   .site-footer .contact__address {
-    margin-top: clamp(.875rem, 4.48vw, 1.125rem);
+    margin-top: clamp(0.875rem, 4.48vw, 1.125rem);
   }
-
   .site-footer .contact__email, .site-footer .contact__phone {
-    margin-top: clamp(.8125rem, 3.98vw, 1rem);
+    margin-top: clamp(0.8125rem, 3.98vw, 1rem);
   }
-
-  .site-footer .contact__item:before {
-    width: clamp(1.1875rem, 5.97vw, 1.5rem);
+  .site-footer .contact__item::before {
     height: clamp(1.1875rem, 5.97vw, 1.5rem);
-    margin-right: clamp(.375rem, 1.99vw, .5rem);
+    margin-right: clamp(0.375rem, 1.99vw, 0.5rem);
+    width: clamp(1.1875rem, 5.97vw, 1.5rem);
   }
-
-  .site-footer .contact__address:before {
+  .site-footer .contact__address::before {
     padding-top: clamp(1.59375rem, 7.96vw, 2rem);
   }
-
   .site-footer > .container > .text-right {
     display: contents;
   }
-
   .site-footer x-back-to-top {
-    grid-area: 1 / 2;
     align-self: start;
+    grid-column: 2;
+    grid-row: 1;
   }
-
   .site-footer #backToTopBtn {
-    width: clamp(2rem, 9.95vw, 2.5rem);
     height: clamp(2rem, 9.95vw, 2.5rem);
     padding: 0;
+    width: clamp(2rem, 9.95vw, 2.5rem);
   }
-
   .site-footer .social-links {
-    grid-area: 4 / 1 / auto / -1;
+    grid-column: 1 / -1;
+    grid-row: 4;
     justify-content: flex-end;
-    margin-top: clamp(.5rem, 2.49vw, .625rem);
+    margin-top: clamp(0.5rem, 2.49vw, 0.625rem);
   }
-
   .site-footer .social-icons {
     --size: clamp(1.1875rem, 5.97vw, 1.5rem);
   }
-
   .site-footer .social-links a {
-    margin-right: clamp(.8125rem, 3.98vw, 1rem);
+    margin-right: clamp(0.8125rem, 3.98vw, 1rem);
   }
-
   .site-footer .copyright {
-    text-align: center;
-    grid-area: 5 / 1 / auto / -1;
-    margin-top: clamp(.8125rem, 4.23vw, 1.0625rem);
+    grid-column: 1 / -1;
+    grid-row: 5;
+    margin-top: clamp(0.8125rem, 4.23vw, 1.0625rem);
     padding-block: 0;
+    text-align: center;
   }
 }
-
 .btn, .button, .acf-block-preview .button {
   min-width: calc(var(--spacing) * 0);
   background: var(--button-bg);
   box-shadow: var(--button-shadow);
   cursor: pointer;
+  display: inline-block;
+  transition: background 200ms, border-color 200ms, box-shadow 200ms, color 200ms, transform 200ms;
   color: var(--button-color);
+  &.dark {
+    color: white;
+  }
   border-width: var(--button-border-width);
   border-style: var(--button-border-style);
   border-color: var(--button-border-color);
   border-radius: var(--button-radius);
   padding: var(--button-padding-block) var(--button-padding-inline);
+  text-decoration: none;
   font-weight: var(--button-font-weight, 600);
   font-size: var(--button-font-size, 1rem);
   letter-spacing: var(--button-letter-spacing);
   line-height: 1.1;
-  text-decoration: none;
-  transition: background .2s, border-color .2s, box-shadow .2s, color .2s, transform .2s;
-  display: inline-block;
+  &[data-button-variant="outline"] {
+    background: transparent;
+    &:hover {
+      background: var(--button-border-color);
+    }
+    --button-color: var(--button-border-color);
+    --button-hover-border-color: var(--button-border-color);
+    --button-hover-color: var(--button-primary-outline-hover-color);
+  }
 }
-
-:is(.btn, .button, .acf-block-preview .button).dark {
-  color: #fff;
-}
-
-:is(.btn, .button, .acf-block-preview .button)[data-button-variant="outline"] {
-  --button-color: var(--button-border-color);
-  --button-hover-border-color: var(--button-border-color);
-  --button-hover-color: var(--button-primary-outline-hover-color);
-  background: none;
-}
-
-:is(.btn, .button, .acf-block-preview .button)[data-button-variant="outline"]:hover {
-  background: var(--button-border-color);
-}
-
 .btn:hover, .button:hover, .acf-block-preview .button:hover {
   background: var(--button-hover-bg);
   border-color: var(--button-hover-border-color);
   box-shadow: none;
   color: var(--button-hover-color);
 }
-
 .btn:focus, .button:focus {
   outline-width: var(--button-outline-width, var(--button-border-width));
   outline-style: var(--button-outline-style, var(--button-border-style));
   outline-color: var(--button-outline-color, var(--button-border-color));
   outline-offset: calc(var(--button-border-width) * 2);
 }
-
 .btn:active, .button:active {
   background: var(--button-active-bg);
   border-color: var(--button-active-border-color);
   box-shadow: var(--button-active-shadow);
-  transform: translate(.125rem, .125rem);
+  transform: translate(0.125rem, 0.125rem);
 }
-
 .btn[data-button-size="small"], .button[data-button-size="small"] {
   padding-inline: calc(var(--spacing) * 4);
-  padding-block: calc(var(--spacing) * .5);
+  padding-block: calc(var(--spacing) * 0.5);
 }
-
 .btn[data-button-size="medium"], .button[data-button-size="medium"] {
   padding-inline: calc(var(--spacing) * 8);
   padding-block: calc(var(--spacing) * 2);
 }
-
 .btn[data-button-size="large"], .button[data-button-size="large"] {
   padding-inline: calc(var(--spacing) * 12);
   padding-block: calc(var(--spacing) * 3);
 }
-
 .btn[data-button-width="auto"], .button[data-button-width="auto"] {
   min-width: calc(var(--spacing) * 0);
 }
-
 .btn[data-button-width="small"], .button[data-button-width="small"] {
   padding-inline: calc(var(--spacing) * 2);
 }
-
-@media (width >= 40rem) {
-  :is(.btn[data-button-width="wide"], .button[data-button-width="wide"]) {
+.btn[data-button-width="wide"], .button[data-button-width="wide"] {
+  @media (width >= 40rem) {
     min-width: 20rem;
   }
 }
-
 .button[data-button-width="full"], x-button:has(.button[data-button-width="full"]) {
   width: 100%;
 }
-
 .btn[data-button-color="secondary"], .button[data-button-color="secondary"] {
   --button-bg: var(--color-secondary-accessible);
   --button-color: var(--color-white);
@@ -5982,7 +5007,6 @@ i.circular-icon:before, .circular-icon span {
   --button-active-bg: color-mix(in oklch, var(--color-secondary) 84%);
   --button-active-border-color: color-mix(in oklch, var(--color-secondary) 84%);
 }
-
 .btn[data-button-color="light"], .button[data-button-color="light"] {
   --button-bg: var(--color-white);
   --button-color: var(--color-dark);
@@ -5993,7 +5017,6 @@ i.circular-icon:before, .circular-icon span {
   --button-active-bg: var(--color-dark);
   --button-active-border-color: var(--color-dark);
 }
-
 .btn[data-button-color="white"], .button[data-button-color="white"] {
   --button-bg: var(--color-white);
   --button-color: var(--color-black);
@@ -6004,7 +5027,6 @@ i.circular-icon:before, .circular-icon span {
   --button-active-bg: var(--color-secondary-200);
   --button-active-border-color: var(--color-secondary-200);
 }
-
 .btn[data-button-color="black"], .button[data-button-color="black"] {
   --button-bg: var(--color-black);
   --button-color: var(--color-white);
@@ -6015,294 +5037,260 @@ i.circular-icon:before, .circular-icon span {
   --button-active-bg: var(--color-secondary);
   --button-active-border-color: var(--color-secondary);
 }
-
 #backToTopBtn {
+  align-items: center;
   background: var(--color-secondary);
+  border: 1px solid transparent;
+  border-radius: 100%;
   color: var(--color-white);
   cursor: pointer;
-  border: 1px solid #0000;
-  border-radius: 100%;
-  outline: 1px solid #0000;
-  justify-content: center;
-  align-items: center;
-  width: 1rem;
-  height: 1rem;
-  padding: 1rem;
-  font-size: 1rem;
-  line-height: 1;
-  transition: opacity .2s, background .2s;
   display: flex;
+  font-size: 1rem;
+  height: 1rem;
+  justify-content: center;
+  line-height: 1;
+  outline: 1px solid transparent;
+  padding: 1rem;
+  transition: opacity 0.2s, background 0.2s;
+  width: 1rem;
+  i {
+    font-weight: bold;
+    display: inline-block;
+    margin: -4px 0 0 0;
+  }
+  &:hover, &:focus {
+    background: var(--color-secondary-800);
+    border: 1px solid var(--color-secondary);
+    color: var(--color-white);
+    opacity: 1;
+    outline: 1px solid var(--color-secondary);
+  }
 }
-
-#backToTopBtn i {
-  margin: -4px 0 0;
-  font-weight: bold;
-  display: inline-block;
-}
-
-#backToTopBtn:hover, #backToTopBtn:focus {
-  background: var(--color-secondary-800);
-  border: 1px solid var(--color-secondary);
-  color: var(--color-white);
-  opacity: 1;
-  outline: 1px solid var(--color-secondary);
-}
-
 .alignfull {
-  width: 100vw;
   margin-left: calc(50% - 50vw);
   margin-right: calc(50% - 50vw);
+  width: 100vw;
 }
-
 .logo-soup.layout-carousel {
-  -webkit-mask-composite: intersect;
-  -webkit-mask-composite: source-in;
-  -webkit-mask-image: linear-gradient(to right, #0000 0, #000 40px calc(100% - 40px), #0000 100%);
-  mask-image: linear-gradient(to right, #0000 0, #000 40px calc(100% - 40px), #0000 100%);
-  -webkit-mask-composite: source-in;
+  mask-image: linear-gradient( to right, transparent 0px, black 40px, black calc(100% - 40px), transparent 100% );
+  -webkit-mask-image: linear-gradient( to right, transparent 0px, black 40px, black calc(100% - 40px), transparent 100% );
   mask-composite: intersect;
+  -webkit-mask-composite: intersect;
 }
-
 .page-hero {
+  background: linear-gradient(83.68deg, #032F46 3.13%, #006196 45.91%, #8FC9E6 96.27%);
   isolation: isolate;
+  overflow: hidden;
   position: relative;
 }
-
 .page-hero__media {
-  z-index: 0;
-  position: absolute;
   inset: 0;
-  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 30%);
-  mask-image: linear-gradient(to right, #0000 0%, #000 30%);
-}
-
-.page-hero__media img {
-  object-fit: cover;
-  width: 100%;
-  height: 100%;
-  display: block;
-}
-
-.page-hero__vector {
-  pointer-events: none;
-  z-index: 1;
-  width: clamp(18rem, 38vw, 32rem);
-  height: auto;
+  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 50%);
+  mask-image: linear-gradient(to left, transparent 0%, black 50%);
   position: absolute;
+  z-index: 1;
+}
+.page-hero__media img {
+  display: block;
+  height: 100%;
+  object-fit: cover;
+  object-position: right center;
+  width: 100%;
+}
+.page-hero__vector {
   bottom: 0;
-  right: 0;
+  height: auto;
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  width: 100%;
+  z-index: 2;
 }
-
 .page-hero__content {
-  z-index: 10;
   position: relative;
+  z-index: 10;
 }
-
-@media (width <= 767px) {
+.page-hero__intro {
+  margin-top: clamp(2rem, 6vw, 4rem);
+}
+.page-hero__intro-inner {
+  display: grid;
+  gap: clamp(1.5rem, 4vw, 3rem);
+  grid-template-columns: 1fr;
+}
+@media (min-width: 768px) {
+  .page-hero__intro-inner {
+    grid-template-columns: 1fr 2fr;
+  }
+}
+@media (max-width: 767px) {
   .page-hero__media {
-    -webkit-mask-image: linear-gradient(#000000e6 0%, #00000073 100%);
-    mask-image: linear-gradient(#000000e6 0%, #00000073 100%);
+    -webkit-mask-image: linear-gradient( to bottom, rgb(0 0 0 / 0.9) 0%, rgb(0 0 0 / 0.45) 100% );
+    mask-image: linear-gradient( to bottom, rgb(0 0 0 / 0.9) 0%, rgb(0 0 0 / 0.45) 100% );
   }
-
   .page-hero__vector {
-    width: 100vw;
     bottom: 0;
     left: 0;
     right: auto;
+    width: 100vw;
   }
 }
-
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
   initial-value: rotateX(0);
 }
-
 @property --tw-rotate-y {
   syntax: "*";
   inherits: false;
   initial-value: rotateY(0);
 }
-
 @property --tw-rotate-z {
   syntax: "*";
   inherits: false;
   initial-value: rotateZ(0);
 }
-
 @property --tw-skew-x {
   syntax: "*";
   inherits: false;
   initial-value: skewX(0);
 }
-
 @property --tw-skew-y {
   syntax: "*";
   inherits: false;
   initial-value: skewY(0);
 }
-
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
 }
-
 @property --tw-leading {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-font-weight {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
   initial-value: 0 0 #0000;
 }
-
 @property --tw-shadow-color {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-inset-shadow {
   syntax: "*";
   inherits: false;
   initial-value: 0 0 #0000;
 }
-
 @property --tw-inset-shadow-color {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-ring-color {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-ring-shadow {
   syntax: "*";
   inherits: false;
   initial-value: 0 0 #0000;
 }
-
 @property --tw-inset-ring-color {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-inset-ring-shadow {
   syntax: "*";
   inherits: false;
   initial-value: 0 0 #0000;
 }
-
 @property --tw-ring-inset {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-ring-offset-width {
   syntax: "<length>";
   inherits: false;
-  initial-value: 0;
+  initial-value: 0px;
 }
-
 @property --tw-ring-offset-color {
   syntax: "*";
   inherits: false;
   initial-value: #fff;
 }
-
 @property --tw-ring-offset-shadow {
   syntax: "*";
   inherits: false;
   initial-value: 0 0 #0000;
 }
-
 @property --tw-outline-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
 }
-
 @property --tw-blur {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-brightness {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-contrast {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-grayscale {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-hue-rotate {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-invert {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-opacity {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-saturate {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-sepia {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-drop-shadow {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-duration {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-ease {
   syntax: "*";
-  inherits: false
+  inherits: false;
 }
-
 @property --tw-scale-x {
   syntax: "*";
   inherits: false;
   initial-value: 1;
 }
-
 @property --tw-scale-y {
   syntax: "*";
   inherits: false;
   initial-value: 1;
 }
-
 @property --tw-scale-z {
   syntax: "*";
   inherits: false;
diff --git a/styles/blocks/page-hero.css b/styles/blocks/page-hero.css
index 44e6a96..8128737 100644
--- a/styles/blocks/page-hero.css
+++ b/styles/blocks/page-hero.css
@@ -2,33 +2,37 @@
  * Scoped to .page-hero to avoid affecting the homepage-hero block. */
 
 .page-hero {
+    background:
+        linear-gradient(83.68deg, #032F46 3.13%, #006196 45.91%, #8FC9E6 96.27%);
     isolation: isolate;
+    overflow: hidden;
     position: relative;
 }
 
 .page-hero__media {
     inset: 0;
-    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%);
-    mask-image: linear-gradient(to right, transparent 0%, black 30%);
+    -webkit-mask-image: linear-gradient(to left, transparent 0%, black 50%);
+    mask-image: linear-gradient(to left, transparent 0%, black 50%);
     position: absolute;
-    z-index: 0;
+    z-index: 1;
 }
 
 .page-hero__media img {
     display: block;
     height: 100%;
     object-fit: cover;
+    object-position: right center;
     width: 100%;
 }
 
 .page-hero__vector {
     bottom: 0;
     height: auto;
+    left: 0;
     pointer-events: none;
     position: absolute;
-    right: 0;
-    width: clamp(18rem, 38vw, 32rem);
-    z-index: 1;
+    width: 100%;
+    z-index: 2;
 }
 
 .page-hero__content {
@@ -36,6 +40,22 @@
     z-index: 10;
 }
 
+.page-hero__intro {
+    margin-top: clamp(2rem, 6vw, 4rem);
+}
+
+.page-hero__intro-inner {
+    display: grid;
+    gap: clamp(1.5rem, 4vw, 3rem);
+    grid-template-columns: 1fr;
+}
+
+@media (min-width: 768px) {
+    .page-hero__intro-inner {
+        grid-template-columns: 1fr 2fr;
+    }
+}
+
 @media (max-width: 767px) {
     .page-hero__media {
         -webkit-mask-image: linear-gradient(
diff --git a/tests/inner-page.spec.js b/tests/inner-page.spec.js
index 9bb3f88..742b4b3 100644
--- a/tests/inner-page.spec.js
+++ b/tests/inner-page.spec.js
@@ -26,7 +26,7 @@ const expectNear = (actual, expected, tolerance = 3) => {
 };
 
 test.describe("inner page layout", () => {
-    test("desktop: hero, intro, body render in order with the new media layers", async ({
+    test("desktop: hero, intro, body render with intro inside hero", async ({
         page,
     }) => {
         const pageErrors = [];
@@ -36,28 +36,34 @@ test.describe("inner page layout", () => {
         await page.goto(pageUrl);
 
         const hero = page.locator(".page-hero").first();
-        const intro = page.locator(".page-intro").first();
+        const intro = page.locator(".page-hero__intro").first();
         const content = page.locator(".entry-content").first();
 
         await expect(hero).toBeVisible();
         await expect(intro).toBeVisible();
         await expect(content).toBeVisible();
 
-        // Order check: hero, then intro, then content.
+        // Intro lives INSIDE the hero.
         const heroBox = await getBox(hero);
         const introBox = await getBox(intro);
         const contentBox = await getBox(content);
 
-        expect(heroBox.y).toBeLessThan(introBox.y);
-        expect(introBox.y).toBeLessThan(contentBox.y);
+        // Intro is a descendant of the hero (same x, y is between hero top and bottom).
+        expect(introBox.x).toBeGreaterThanOrEqual(heroBox.x - 1);
+        expect(introBox.y).toBeGreaterThanOrEqual(heroBox.y - 1);
+        expect(introBox.y + introBox.height).toBeLessThanOrEqual(
+            heroBox.y + heroBox.height + 1,
+        );
+
+        // Body renders below the hero.
+        expect(contentBox.y).toBeGreaterThanOrEqual(heroBox.y + heroBox.height - 1);
 
         // Heading is rendered inside the hero.
         await expect(hero.locator("h1").first()).toBeVisible();
 
-        // Intro is centered and capped at the max-w-3xl width.
-        const introInner = intro.locator(".content-wrapper").first();
-        const introInnerBox = await getBox(introInner);
-        expect(introInnerBox.width).toBeLessThanOrEqual(768 + 3);
+        // Intro contains a heading and a body paragraph.
+        await expect(intro.locator(".page-hero__intro-heading").first()).toBeVisible();
+        await expect(intro.locator(".page-hero__intro-text").first()).toBeVisible();
 
         // Page renders without JS errors.
         expect(pageErrors).toEqual([]);
@@ -73,7 +79,7 @@ test.describe("inner page layout", () => {
         await page.goto(pageUrl);
 
         const hero = page.locator(".page-hero").first();
-        const intro = page.locator(".page-intro").first();
+        const intro = page.locator(".page-hero__intro").first();
         const content = page.locator(".entry-content").first();
 
         await expect(hero).toBeVisible();
@@ -84,15 +90,18 @@ test.describe("inner page layout", () => {
         const introBox = await getBox(intro);
         const contentBox = await getBox(content);
 
-        expect(heroBox.y).toBeLessThan(introBox.y);
-        expect(introBox.y).toBeLessThan(contentBox.y);
+        // Intro inside the hero.
+        expect(introBox.x).toBeGreaterThanOrEqual(heroBox.x - 1);
+        expect(introBox.y).toBeGreaterThanOrEqual(heroBox.y - 1);
+        expect(introBox.y + introBox.height).toBeLessThanOrEqual(
+            heroBox.y + heroBox.height + 1,
+        );
+
+        // Body below the hero.
+        expect(contentBox.y).toBeGreaterThanOrEqual(heroBox.y + heroBox.height - 1);
 
         // Intro fits within the mobile viewport.
-        const introInner = intro.locator(".content-wrapper").first();
-        const introInnerBox = await getBox(introInner);
-        expect(introInnerBox.x + introInnerBox.width).toBeLessThanOrEqual(
-            402 + 3,
-        );
+        expect(introBox.x + introBox.width).toBeLessThanOrEqual(402 + 3);
 
         // No JS errors.
         expect(pageErrors).toEqual([]);
@@ -103,7 +112,7 @@ test.describe("inner page layout", () => {
         await page.goto(pageUrl);
 
         const hero = page.locator(".page-hero").first();
-        const intro = page.locator(".page-intro").first();
+        const intro = page.locator(".page-hero__intro").first();
 
         await expect(hero).toBeVisible();
         await expect(intro).toBeVisible();
@@ -122,7 +131,7 @@ test.describe("inner page layout", () => {
         await page.goto(pageUrl);
 
         const hero = page.locator(".page-hero").first();
-        const intro = page.locator(".page-intro").first();
+        const intro = page.locator(".page-hero__intro").first();
 
         await expect(hero).toBeVisible();
         await expect(intro).toBeVisible();
@@ -135,7 +144,7 @@ test.describe("inner page layout", () => {
     });
 
     // Spec line 113: "A page with no `intro` field renders hero + body with no empty intro wrapper."
-    test("no-intro: hero and body render with no .page-intro wrapper", async ({
+    test("no-intro: hero and body render with no .page-hero__intro wrapper", async ({
         page,
     }) => {
         await page.setViewportSize({ width: 1280, height: 900 });
@@ -147,13 +156,13 @@ test.describe("inner page layout", () => {
         await expect(hero).toBeVisible();
         await expect(content).toBeVisible();
 
-        // No empty intro wrapper rendered when the intro field is empty.
-        expect(await page.locator(".page-intro").count()).toBe(0);
+        // No intro wrapper rendered when the intro field is empty.
+        expect(await page.locator(".page-hero__intro").count()).toBe(0);
 
         // Hero and body still render in the expected order.
         const heroBox = await getBox(hero);
         const contentBox = await getBox(content);
-        expect(heroBox.y).toBeLessThan(contentBox.y);
+        expect(contentBox.y).toBeGreaterThanOrEqual(heroBox.y + heroBox.height - 1);
 
         // Heading is still inside the hero.
         await expect(hero.locator("h1").first()).toBeVisible();
diff --git a/views/partials/page-hero.php b/views/partials/page-hero.php
index a7f7d13..2f4ab6f 100644
--- a/views/partials/page-hero.php
+++ b/views/partials/page-hero.php
@@ -16,57 +16,57 @@ $heroVector = get_field( 'hero_vector' );
 
 // Fallback for heading
 if ( ! $heading ) {
-	$heading = getTheTitle();
+    $heading = getTheTitle();
 }
 
 // Additional logic for dark mode (if needed)
 if ( is_home() || is_single() || is_archive() || is_search() || is_404() ) {
-	$isDark = true;
+    $isDark = true;
 }
+
+// Default the wrapper color to the gradient when no background color is set.
+// The actual gradient is applied via .page-hero in page-hero.css; this is a
+// fallback for non-gradient pages.
+$wrapperStyle = $bgColor ? 'background-color: ' . esc_attr( $bgColor ) . ';' : '';
 ?>
 
-<div class="page-hero bg-cover bg-no-repeat mb-12 py-12 lg:py-16 bg-dark text-light overflow-hidden <?php echo $isDark ? 'dark' : ''; ?>" <?php echo $bgColor ? 'style="background-color: ' . esc_attr( $bgColor ) . '"' : ''; ?>>
+<div class="page-hero text-light overflow-hidden <?php echo $isDark ? 'dark' : ''; ?>" style="<?php echo esc_attr( $wrapperStyle ); ?>">
 
-	<?php if ( $heroImage ) : ?>
-		<div class="page-hero__media" aria-hidden="true">
-			<img
-				src="<?php echo esc_url( $heroImage['url'] ); ?>"
-				alt=""
-				loading="lazy"
-				role="presentation"
-			/>
-		</div>
-	<?php endif; ?>
+    <?php if ( $heroImage ) : ?>
+        <div class="page-hero__media" aria-hidden="true">
+            <img
+                src="<?php echo esc_url( $heroImage['url'] ); ?>"
+                alt=""
+                loading="lazy"
+                role="presentation"
+            />
+        </div>
+    <?php endif; ?>
 
-	<?php if ( $heroVector ) : ?>
-		<img
-			class="page-hero__vector"
-			src="<?php echo esc_url( $heroVector['url'] ); ?>"
-			alt=""
-			loading="lazy"
-			aria-hidden="true"
-			role="presentation"
-		/>
-	<?php endif; ?>
+    <?php if ( $heroVector ) : ?>
+        <img
+            class="page-hero__vector"
+            src="<?php echo esc_url( $heroVector['url'] ); ?>"
+            alt=""
+            loading="lazy"
+            aria-hidden="true"
+            role="presentation"
+        />
+    <?php endif; ?>
 
-	<div class="page-hero__content container mx-auto">
-		<div id="breadcrumbs">
-			<?php Breadcrumbs::render(); ?>
-		</div>
+    <div class="page-hero__content container mx-auto py-12 lg:py-16">
+        <div id="breadcrumbs">
+            <?php Breadcrumbs::render(); ?>
+        </div>
 
-		<div class="sm:text-center lg:items-start lg:text-left content-wrapper">
-			<?php
-			// Heading
-			if ( apply_filters( 'include_page_title_in_hero', true ) ) {
-				echo '<h1 class="mx-auto text-center text-light font-normal text-4xl sm:text-5xl lg:text-6xl xl:text-7xl">';
-				echo wp_kses_post( $heading );
-				echo '</h1>';
-			} else {
-				echo '<span class="mx-auto block text-center text-light font-normal text-4xl sm:text-5xl lg:text-6xl xl:text-7xl">';
-				echo wp_kses_post( $heading );
-				echo '</span>';
-			}
-			?>
-		</div>
-	</div>
+        <h1 class="text-light font-normal text-4xl sm:text-5xl lg:text-6xl xl:text-7xl mt-6 lg:mt-10">
+            <?php echo wp_kses_post( $heading ); ?>
+        </h1>
+
+        <?php
+        // Intro block — sits inside the hero as a two-column heading + body
+        // section below the H1. Renders only when the `intro` field is set.
+        get_template_part( 'views/partials/page-intro' );
+        ?>
+    </div>
 </div>
diff --git a/views/partials/page-intro.php b/views/partials/page-intro.php
index a828c00..6051bd9 100644
--- a/views/partials/page-intro.php
+++ b/views/partials/page-intro.php
@@ -2,8 +2,8 @@
 /**
  * Page Intro Partial
  *
- * Renders the centered narrow intro section beneath the page hero.
- * Loaded by page.php when the `intro` ACF field is non-empty.
+ * Renders the intro heading + body inside the page-hero.
+ * Loaded by page-hero.php when the `intro` ACF field is non-empty.
  *
  * @package CWC
  */
@@ -17,10 +17,13 @@ if ( ! $intro ) {
 }
 ?>
 
-<section class="page-intro py-12 lg:py-20 text-center" aria-label="<?php echo esc_attr__( 'Page introduction' ); ?>">
-    <div class="mx-auto max-w-3xl content-wrapper">
-        <p class="page-intro__text text-lg lg:text-xl leading-relaxed text-dark">
+<div class="page-hero__intro text-light">
+    <div class="page-hero__intro-inner">
+        <h2 class="page-hero__intro-heading text-2xl lg:text-3xl font-quincy font-normal leading-tight">
+            <?php echo esc_html__( 'Our Work', 'cwc' ); ?>
+        </h2>
+        <p class="page-hero__intro-text text-base lg:text-lg leading-relaxed text-light/90">
             <?php echo wp_kses_post( $intro ); ?>
         </p>
     </div>
-</section>
+</div>