pint-slider {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
}
pint-slider-inner {
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  transition: left var(--speed-medium) ease-out;
  width: 100%;
}
pint-slide {
  width: 100%;
}
/* section form newsletter */
.section-form-newsletter pint-content-width {
  box-shadow: 0 0.25rem 1.875rem 0 rgba(0,0,0,0.1); /* 0 4px 30px */
  padding-block: clamp(2.5rem, 1.7295rem + 3.2877vw, 6.25rem); /* 40px - 100px */
  padding-inline: clamp(1.25rem, -0.0342rem + 5.4795vw, 7.5rem); /* 20px - 120px */
  position: relative;
}
.section-form-newsletter pint-content-width > * {
  position: relative;
  z-index: 2;
}
.section-form-newsletter bg-blocks {
  position: absolute;
  z-index: 1;
}
.section-form-newsletter bg-blocks.top-left {
  left: -18.75rem; /* -300px */
  top: -6.25rem; /* -100px */
}
.section-form-newsletter bg-blocks.top-right {
  right: -12.5rem; /* -200px */
  top: -6.25rem; /* -100px */
}
.section-form-newsletter bg-blocks.bottom-left {
  bottom: -6.25rem; /* -100px */
  left: -12.5rem; /* -200px */
}
.section-form-newsletter bg-blocks.bottom-right {
  bottom: -6.25rem; /* -100px */
  right: -12.5rem; /* -200px */
}
.section-form-newsletter button.btn {
  background-color: var(--color-primary-darkest);
}
/* form-newsletter */
.form-newsletter {
  max-width: 27.25rem; /* 436px */
  width: 100%;
}
.form-newsletter fieldset {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.25rem; /* 20px */
  justify-content: center;
}
.form-newsletter button.btn {
  margin-block: 0;
}
@media (min-width: 768px) {
  .form-newsletter {
    max-width: none;
  }
  .form-newsletter fieldset {
    align-items: center;
    flex-direction: row;
  }
  .form-newsletter input:not([type=checkbox]) {
    width: clamp(12.5rem, 9.148rem + 6.9832vw, 18.75rem); /* (768 - 2200) 200px - 300px */
  }
}
/* form filled - thank you */
.section-form-newsletter .form-response {
  margin-block-start: var(--h2-margin-gap);
  text-align: center;
}
:root {
  --pint-featured-client-controls-width: 100%;
}
@media (min-width: 550px) {
  :root {
    --pint-featured-client-controls-width: 21.5rem; /* 344px */
  }
}
@media (min-width: 768px) {
  :root {
    --pint-featured-client-controls-width: var(--cols-7);
  }
}
@media (min-width: 1024px) {
  :root {
    --pint-featured-client-controls-width: var(--cols-5);
  }
}
@media (min-width: 1464px) {
  :root {
    --pint-featured-client-controls-width: var(--cols-4);
  }
}
pint-featured-client-controls,
pint-featured-client-details {
  box-sizing: border-box;
  display: block;
  margin: 0;
}
pint-featured-client-controls {
  background-color: hsla(var(--color-primary-dark-hsl), 98%);
  display: flex;
  height: 7.5rem; /* 120px */
  width: var(--pint-featured-client-controls-width);
}
pint-featured-client-controls button {
  align-items: center;
  background-color: hsla(var(--color-primary-darkest-hsl), 20%);
  display: flex;
  justify-content: center;
  width: 1.25rem; /* 20px */
}
pint-featured-client-controls button .icon-chevron-left,
pint-featured-client-controls button .icon-chevron-right {
  width: 0.375rem; /* 6px */
}
pint-featured-client-details {
  flex-grow: 1;
  padding-inline: 1.25rem; /* 20px */
}
pint-featured-client-details pint-slider-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
pint-featured-client-details h3 {
  /*margin-block-start: 1.875rem; !* 30px *!*/
}
pint-featured-client-details p {
  color: hsl(0, 0%, 0%);
  font-size: 0.875rem; /* 14px */
  line-height: 1.2;
  margin-block-start: 0.625rem; /* 10px */
  text-transform: uppercase;
}
/* section introduction */
.section-introduction {
  position: relative;
}
.section-introduction pint-content-width {
  position: relative;
  z-index: 2;
}
.section-introduction bg-blocks {
  top: 0;
  height: calc(6.25rem * 3); /* 100px */
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: calc(6.25rem * 20); /* 100px */
  z-index: 1;
}
.section-featured-work .h2 {
  max-width: var(--cols-8);
}
.section-featured-work > pint-featured-client {
  margin-top: 1.875rem; /* 30px */
}
@media (max-width: 549.5px) { /* mobile large max */
  .section-featured-work > pint-content-width pint-flex {
    align-items: flex-start;
    flex-direction: column;
    gap: 1.5625rem; /* 25px */
  }
}
/* featured client controller wrapper */
pint-featured-client > pint-content-width {
  display: flex;
  justify-content: right;
  position: relative;
}
@media (max-width: 549.5px) { /* mobile large max */
  pint-featured-client pint-content-width {
    max-width: 100%;
  }
}