/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/AccordionBlock/AccordionBlock.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AccordionBlock_container__VFdI6 {
  margin: 2rem 0;
}
.AccordionBlock_containerPage__N2nsr {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.9rem 1rem;
}
@media (min-width: 768px) {
  .AccordionBlock_containerPage__N2nsr {
    padding: 2.2rem 2rem;
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .AccordionBlock_containerPage__N2nsr {
    max-width: 1024px;
    padding: 3rem 2rem;
  }
}
@media (min-width: 1366px) {
  .AccordionBlock_containerPage__N2nsr {
    max-width: 1366px;
  }
}
.AccordionBlock_containerPage__N2nsr p {
  margin: 2rem 0;
}
.AccordionBlock_containerPage__N2nsr p:first-child {
  margin-top: 0;
}
.AccordionBlock_containerPage__N2nsr p:last-child {
  margin-bottom: 0;
}
.AccordionBlock_containerPage__N2nsr h2,
.AccordionBlock_containerPage__N2nsr h3,
.AccordionBlock_containerPage__N2nsr h4,
.AccordionBlock_containerPage__N2nsr h5,
.AccordionBlock_containerPage__N2nsr h6 {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}
.AccordionBlock_containerPage__N2nsr h2:first-child,
.AccordionBlock_containerPage__N2nsr h3:first-child,
.AccordionBlock_containerPage__N2nsr h4:first-child,
.AccordionBlock_containerPage__N2nsr h5:first-child,
.AccordionBlock_containerPage__N2nsr h6:first-child {
  margin-top: 0;
}
.AccordionBlock_containerPage__N2nsr h2 {
  margin-top: 5rem;
  margin-bottom: 2.5rem;
}
.AccordionBlock_containerPage__N2nsr h3 {
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.AccordionBlock_containerPage__N2nsr ul,
.AccordionBlock_containerPage__N2nsr ol {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  padding-left: 2.5rem;
}
.AccordionBlock_containerPage__N2nsr ul li,
.AccordionBlock_containerPage__N2nsr ol li {
  margin-bottom: 1rem;
}
.AccordionBlock_containerPage__N2nsr ul li:last-child,
.AccordionBlock_containerPage__N2nsr ol li:last-child {
  margin-bottom: 0;
}
.AccordionBlock_containerPage__N2nsr img,
.AccordionBlock_containerPage__N2nsr video,
.AccordionBlock_containerPage__N2nsr figure {
  margin: 3rem 0;
}
.AccordionBlock_containerPage__N2nsr img:first-child,
.AccordionBlock_containerPage__N2nsr video:first-child,
.AccordionBlock_containerPage__N2nsr figure:first-child {
  margin-top: 0;
}
.AccordionBlock_containerPage__N2nsr img:last-child,
.AccordionBlock_containerPage__N2nsr video:last-child,
.AccordionBlock_containerPage__N2nsr figure:last-child {
  margin-bottom: 0;
}
.AccordionBlock_containerPage__N2nsr picture {
  border-radius: 50vw;
}
@media (min-width: 768px) {
  .AccordionBlock_containerPage__N2nsr picture {
    border-radius: 30vw;
  }
}
.AccordionBlock_containerPage__N2nsr blockquote {
  margin: 3rem 0;
}
.AccordionBlock_containerPage__N2nsr pre,
.AccordionBlock_containerPage__N2nsr code {
  margin: 1.5rem 0;
}
.AccordionBlock_containerPage__N2nsr table {
  margin: 2rem 0;
}
.AccordionBlock_containerPage__N2nsr hr {
  margin: 3rem 0;
}
.AccordionBlock_containerPage__N2nsr .AccordionBlock_container__VFdI6 {
  margin: 0;
}

.AccordionBlock_item__YrA6L {
  border-bottom: 1px solid #cccccc;
}
.AccordionBlock_item__YrA6L:first-child {
  border-top: 1px solid #cccccc;
}

.AccordionBlock_question__zGJI2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
}
.AccordionBlock_question__zGJI2:hover {
  opacity: 0.8;
}
.AccordionBlock_question__zGJI2:focus {
  outline: none;
}

.AccordionBlock_questionText__pREd0 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.625;
  font-family: var(--font-accent);
}
@media (min-width: 768px) {
  .AccordionBlock_questionText__pREd0 {
    font-size: 1.5rem;
  }
}

.AccordionBlock_icon__imgx7 {
  flex-shrink: 0;
  width: 22px;
  height: 13px;
  color: #64748b;
  transition: transform 0.2s ease;
  background-image: url("/static/icons/angle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
}
.AccordionBlock_icon__imgx7 svg {
  width: 100%;
  height: 100%;
}

.AccordionBlock_iconOpen__XPQNB {
  transform: rotate(0);
}

.AccordionBlock_answer__w4Hd_ {
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.2s ease;
  max-height: 0;
  opacity: 0;
}

.AccordionBlock_answerOpen__gtjMB {
  max-height: 50000px;
  opacity: 1;
}

.AccordionBlock_answerContent__FUHLW {
  padding-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.625;
  color: #374151;
  margin: 0;
}
@media (min-width: 768px) {
  .AccordionBlock_answerContent__FUHLW {
    font-size: 1.125rem;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/ui/ActionButton/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_actionButton__YVkx2 > * {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
  font: inherit;
  color: inherit;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  font-weight: 500;
  text-decoration: none;
}
.styles_actionButton__YVkx2 > *:focus-visible {
  outline: 2px solid #1a202c;
  outline-offset: 2px;
}
.styles_actionButton__YVkx2 > *:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.styles_actionButton__YVkx2 > * {
  width: 100%;
  height: auto;
  text-align: center;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-weight: 500;
  font-feature-settings: "smcp", "c2sc";
  font-variant: all-small-caps;
  letter-spacing: 0.32px;
  border-radius: 1.5rem;
  transition: all 0.1s ease-in-out;
  text-decoration: none;
  border: 2px solid transparent;
}

.styles_actionButton__YVkx2 > *:focus {
  outline: 2px solid var(--foreground);
  outline-offset: 2px;
}

.styles_blackColor__w7fqD > * {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.styles_blackColor__w7fqD > *:hover {
  background-color: #ffffff;
  color: #000000;
  border-color: #000000;
}
.styles_blackColor__w7fqD.styles_outlineVariant__ft7Mo > * {
  color: #000000;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #000000;
}
.styles_blackColor__w7fqD.styles_outlineVariant__ft7Mo > *:hover {
  background-color: #000000;
  color: white;
  border-color: #000000;
}

.styles_whiteColor__LdhlT > * {
  color: #000000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.styles_whiteColor__LdhlT > *:hover {
  background-color: #000000;
  color: #ffffff;
  border-color: #ffffff;
}
.styles_whiteColor__LdhlT.styles_outlineVariant__ft7Mo > * {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
}
.styles_whiteColor__LdhlT.styles_outlineVariant__ft7Mo > *:hover {
  background-color: #ffffff;
  color: black;
  border-color: #ffffff;
}

/* Sizes */
.styles_sizeSm__ftRxJ > * {
  font-size: 0.875rem;
  padding: 0.75rem;
}

.styles_mdSize__HDyr8 > * {
  font-size: 0.875rem;
  padding: 0.75rem 1.5rem;
}
@media (min-width: 768px) {
  .styles_mdSize__HDyr8 > * {
    font-size: 1rem;
  }
}

.styles_lgSize__CX3jV > * {
  font-size: 1.125rem;
  padding: 1.25rem;
}

/* Disabled state */
.styles_disabled__AqTCK > * {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.styles_fullWidth__rtwdL {
  width: 100%;
}

.styles_autoWidth__TDZO1 {
  width: auto;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/LinkBlock/LinkBlock.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LinkBlock_linkBlock__qd4oq {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Media/Media.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Media_container__Cws3C {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Media_container__Cws3C picture {
  overflow: hidden;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/MediaBlock/MediaBlock.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MediaBlock_container___ram5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.MediaBlock_caption__Juw7i {
  text-align: center;
  color: grey;
  font-size: 1rem;
  max-width: 700px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/QuoteBlock/QuoteBlock.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.QuoteBlock_container__E33Ar {
  margin: 2rem 0;
  border-radius: 400px;
  border: 1px solid #e2e8f0;
  padding: 10% 16%;
}

.QuoteBlock_quote__CexXO {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 0;
}

.QuoteBlock_cite__zS_sC {
  font-size: 1.5rem;
  font-family: var(--font-accent);
  font-weight: 400;
  line-height: 1.25;
  color: #888888;
  text-align: center;
}
@media (min-width: 768px) {
  .QuoteBlock_cite__zS_sC {
    font-size: 1.875rem;
  }
}

.QuoteBlock_footer__5m_iB {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.QuoteBlock_avatar__234lt {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden;
}

.QuoteBlock_avatarImage__wa9tS {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.QuoteBlock_author__NpyhL {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.QuoteBlock_name__9mv_b {
  font-style: normal;
  color: #1a202c;
  margin: 0;
}
.QuoteBlock_name__9mv_b:after {
  content: ", ";
  color: #888888;
}

.QuoteBlock_position__lV0Iw {
  color: #888888;
  margin: 0 !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/RichTextHeader/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__JT5Rd {
  width: 100%;
  font-weight: 500;
  line-height: 1;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif !important;
}

.styles_align-left__vl2U_ {
  text-align: left;
}

.styles_align-center__h__GI {
  text-align: center;
}

.styles_align-right___jr4M {
  text-align: right;
}

/* Size variants */
.styles_size-sm__lpKqr {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .styles_size-sm__lpKqr {
    font-size: 1.5rem;
  }
}

.styles_size-md__HpqI9 {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .styles_size-md__HpqI9 {
    font-size: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .styles_size-md__HpqI9 {
    font-size: 2.25rem;
  }
}

.styles_size-lg__thk0l {
  font-size: 1.875rem;
}
@media (min-width: 768px) {
  .styles_size-lg__thk0l {
    font-size: 2.5rem;
  }
}
@media (min-width: 1366px) {
  .styles_size-lg__thk0l {
    font-size: 3.375rem;
  }
}

.styles_size-xl__2B5Vv {
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .styles_size-xl__2B5Vv {
    font-size: 3.375rem;
  }
}
@media (min-width: 1024px) {
  .styles_size-xl__2B5Vv {
    font-size: 4.5rem;
  }
}

/* Remove default margins from RichText content */
.styles_header__uFd16 p {
  margin-bottom: 0;
}

.styles_header__uFd16 h1,
.styles_header__uFd16 h2,
.styles_header__uFd16 h3,
.styles_header__uFd16 h4,
.styles_header__uFd16 h5,
.styles_header__uFd16 h6 {
  margin-bottom: 0;
  font: inherit;
  color: inherit;
  line-height: inherit;
}

/* Handle special styling for highlighted text */
.styles_header__uFd16 strong {
  font-weight: 500;
}

.styles_header__uFd16 em {
  font-style: italic;
}

/* Handle color classes if needed */
.styles_header__uFd16 .text-green-500 {
  color: #10b981;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/TestDrive/TestDrive.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.TestDrive_container___8NLj {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.9rem 1rem;
}
@media (min-width: 768px) {
  .TestDrive_container___8NLj {
    padding: 2.2rem 2rem;
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .TestDrive_container___8NLj {
    max-width: 1024px;
    padding: 3rem 2rem;
  }
}
@media (min-width: 1366px) {
  .TestDrive_container___8NLj {
    max-width: 1366px;
  }
}

.TestDrive_wrapper__IoRoJ {
  background-color: #f5f5f5;
  border-radius: 60px;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  align-items: flex-start;
  padding: 4rem 2rem;
}
@media (min-width: 1024px) {
  .TestDrive_wrapper__IoRoJ {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "text image" "contacts image";
    padding: 4rem;
    align-items: stretch;
  }
}
@media (min-width: 1366px) {
  .TestDrive_wrapper__IoRoJ {
    gap: 2.5rem 8rem;
    padding: 4rem 8rem;
  }
}

.TestDrive_textContainer__Yq7lZ {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: flex-end;
  height: 100%;
}
@media (min-width: 768px) {
  .TestDrive_textContainer__Yq7lZ {
    grid-area: text;
  }
}

.TestDrive_description__24SQW {
  font-size: 1.25rem;
  color: #777;
}
.TestDrive_description__24SQW p {
  margin-bottom: 1.5rem;
}
.TestDrive_description__24SQW p:last-child {
  margin-bottom: 0;
}

.TestDrive_contactLinks__SCXb8 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: flex-start;
  padding-left: 0;
}
.TestDrive_contactLinks__SCXb8 i {
  font-style: normal;
}
@media (min-width: 768px) {
  .TestDrive_contactLinks__SCXb8 {
    grid-area: contacts;
  }
}

.TestDrive_contactLink__yOu_d {
  color: #000000;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  transition: background-color 0.3s ease-in-out;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
}
.TestDrive_contactLink__yOu_d a {
  text-decoration: none;
}
@media (min-width: 768px) {
  .TestDrive_contactLink__yOu_d {
    font-size: 1rem;
  }
}
.TestDrive_contactLink__yOu_d:hover a {
  text-decoration: underline;
}

.TestDrive_rightContent__5uWyG {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.TestDrive_image__kwHK2 {
  border-radius: 30rem;
  overflow: hidden;
  aspect-ratio: 7/4;
  height: auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .TestDrive_image__kwHK2 {
    max-height: 500px;
    width: auto;
    height: 100%;
    aspect-ratio: 3/4;
  }
}
.TestDrive_image__kwHK2 * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.TestDrive_imageContainer__BNwfU {
  height: 100%;
  width: 100%;
  grid-area: image;
  grid-row: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.TestDrive_phone___R0uT:before,
.TestDrive_whatsapp__k8OYO:before,
.TestDrive_telegram__ftRsz:before,
.TestDrive_email__w8OmO:before,
.TestDrive_address__TrRTl:before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-top: -4px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000000;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.TestDrive_phone___R0uT:before {
  -webkit-mask-image: url("/static/icons/phone.svg");
          mask-image: url("/static/icons/phone.svg");
}

.TestDrive_whatsapp__k8OYO:before {
  -webkit-mask-image: url("/static/icons/whatsapp.svg");
          mask-image: url("/static/icons/whatsapp.svg");
}
.TestDrive_whatsapp__k8OYO a {
  display: flex;
}
.TestDrive_whatsapp__k8OYO a:before {
  content: "Написать в ";
}

.TestDrive_telegram__ftRsz:before {
  -webkit-mask-image: url("/static/icons/telegram.svg");
          mask-image: url("/static/icons/telegram.svg");
}
.TestDrive_telegram__ftRsz a {
  display: flex;
}
.TestDrive_telegram__ftRsz a:before {
  content: "Написать в ";
}

.TestDrive_email__w8OmO:before {
  -webkit-mask-image: url("/static/icons/email.svg");
          mask-image: url("/static/icons/email.svg");
}

.TestDrive_address__TrRTl:before {
  -webkit-mask-image: url("/static/icons/map_pointer.svg");
          mask-image: url("/static/icons/map_pointer.svg");
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./node_modules/@payloadcms/ui/dist/icons/Copy/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer payload-default {}
@layer payload-default {}
@layer payload-default {
  .icon--copy {
    height: 1.5384615385rem;
    width: 1.5384615385rem;
  }
  .icon--copy .stroke {
    fill: none;
    stroke: currentColor;
    stroke-width: 1px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/Form/Checkbox/Checkbox.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes Checkbox_shake__cvgVU {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-10px);
  }
  30% {
    transform: translateX(10px);
  }
  40% {
    transform: translateX(-10px);
  }
  60% {
    transform: translateX(10px);
  }
  70% {
    transform: translateX(-5px);
  }
  90% {
    transform: translateX(5px);
  }
}
.Checkbox_container__saYDy {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-top: 1rem;
}

.Checkbox_checkbox__5RbMN {
  width: 37px;
  height: 37px;
  margin-right: 1rem;
  border-radius: 50%;
  border: 3px solid #00ce7c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.Checkbox_checkbox__5RbMN svg {
  width: 22px;
  height: 22px;
  stroke-width: 3.5px;
  stroke-linecap: square;
  stroke-linejoin: square;
  margin-top: 1px;
}
.Checkbox_checkbox__5RbMN[data-state=checked] {
  color: #00ce7c;
}

.Checkbox_label__QZiBK {
  font-size: 1rem;
  color: #6b7280;
  margin-top: -5px;
}
.Checkbox_label__QZiBK a {
  color: #00ce7c;
  font-weight: 700;
}

.Checkbox_error__mmy_e {
  animation: Checkbox_shake__cvgVU 0.6s ease-in-out;
}
.Checkbox_error__mmy_e .Checkbox_checkbox__5RbMN {
  border-color: #ef4444;
  color: #ef4444;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/Form/Text/Text.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes Text_shake__Ry4SV {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-10px);
  }
  30% {
    transform: translateX(10px);
  }
  40% {
    transform: translateX(-10px);
  }
  60% {
    transform: translateX(10px);
  }
  70% {
    transform: translateX(-5px);
  }
  90% {
    transform: translateX(5px);
  }
}
.Text_container__qhEYr {
  display: flex;
  flex-direction: column;
  position: relative;
}

.Text_label__zpVue {
  display: block;
  color: #6b7280;
  position: absolute;
  top: 0;
  left: 0;
  padding: 1rem 0;
  font-size: 1rem;
  font-family: var(--font-accent);
  pointer-events: none;
  transition: all 0.3s ease;
  text-transform: uppercase;
}

.Text_input__fa4nM {
  display: block;
  background-color: transparent;
  border: 1.5px solid #d1d5db;
  border-width: 0 0 1.5px 0;
  border-radius: 0;
  padding: 1rem 0;
  font-family: var(--font-accent);
  font-size: 1rem;
  transition: border-color 0.3s ease;
  text-transform: uppercase;
}
.Text_input__fa4nM.Text_hasValue__FTfRD + .Text_label__zpVue {
  transform: scale(0.8);
  transform-origin: left top;
  padding: 0;
  top: -0.5rem;
}
.Text_input__fa4nM:focus {
  outline: none;
  border-color: #6b7280;
}
.Text_input__fa4nM:focus + .Text_label__zpVue {
  transform: scale(0.8);
  transform-origin: left top;
  padding: 0;
  top: -0.5rem;
}
.Text_input__fa4nM.Text_error__bUdYg {
  border-color: #ef4444;
  animation: Text_shake__Ry4SV 0.6s ease-in-out;
}
.Text_input__fa4nM.Text_error__bUdYg:focus {
  border-color: #ef4444;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/Form/Component.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Component_container__KMHyl {
  position: relative;
}

.Component_intro__3Kytv {
  margin-bottom: 1rem;
}

.Component_form__Lkjqz {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.Component_fields__cubfT {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.Component_field__92tzh {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.Component_button__1CjBu.Component_disabled__E_uFE {
  pointer-events: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/Story/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__IyOmq {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.9rem 1rem;
}
@media (min-width: 768px) {
  .styles_container__IyOmq {
    padding: 2.2rem 2rem;
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .styles_container__IyOmq {
    max-width: 1024px;
    padding: 3rem 2rem;
  }
}
@media (min-width: 1366px) {
  .styles_container__IyOmq {
    max-width: 1366px;
  }
}

.styles_wrapper__VHGEg {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Header Section */
.styles_header__mhYoT {
  margin-bottom: 3rem;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 768px) {
  .styles_header__mhYoT {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .styles_header__mhYoT {
    margin-bottom: 5rem;
  }
}

/* Stats Section - Using Grid for better control */
.styles_statsSection__sfnFw {
  display: grid;
  width: 100%;
  margin-bottom: 3rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 4rem;
  gap: 4rem;
  justify-items: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .styles_statsSection__sfnFw {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 3rem;
    gap: 3rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .styles_statsSection__sfnFw {
    margin-bottom: 5rem;
  }
}

.styles_statItem__Stceu {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 120px;
}
.styles_statItem__Stceu:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 1px;
  height: 2rem;
  transform: translateY(1rem);
  background-color: #000000;
  opacity: 0.2;
}
@media (min-width: 768px) {
  .styles_statItem__Stceu:before {
    left: 100%;
    top: 50%;
    transform: translateX(2rem) translateY(-1rem);
  }
}
.styles_statItem__Stceu:last-child:before {
  display: none;
}
.styles_statItem__Stceu:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  height: 1px;
  width: 2rem;
  transform: translateX(-1rem) translateY(2rem);
  background-color: #000000;
  opacity: 0.2;
}
@media (min-width: 768px) {
  .styles_statItem__Stceu:after {
    left: 100%;
    top: 50%;
    transform: translateX(1rem);
  }
}
.styles_statItem__Stceu:last-child:after {
  display: none;
}

.styles_statLabel__KaV_c {
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1;
  margin-bottom: 0.5rem;
  color: var(--foreground-secondary);
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .styles_statLabel__KaV_c {
    font-size: 2.25rem;
  }
}

.styles_statText__wYcCQ {
  color: #888888;
  text-align: center;
  font-size: 1rem;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-weight: 400;
  max-width: 250px;
}
@media (min-width: 768px) {
  .styles_statText__wYcCQ {
    font-size: 1.125rem;
  }
}

/* Button Section */
.styles_buttonSection__UAKN6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: center;
  position: relative;
}

.styles_container__IyOmq:has(.styles_checkbox__VQ9sp:checked) .styles_button__9Zh0G {
  background-color: #000000;
  color: #ffffff;
}

/* Bottom Section */
.styles_bottomSection__yZIfK {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-top: 0;
  gap: 40px;
  border: 1px solid #ccc;
  border-radius: 5rem;
  transition: all 0.3s ease-in-out;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .styles_bottomSection__yZIfK {
    flex-direction: row;
  }
}

.styles_container__IyOmq:has(.styles_checkbox__VQ9sp:checked) .styles_buttonSection__UAKN6:after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background-color: #ccc;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 1.25rem;
}

.styles_checkbox__VQ9sp {
  display: none;
}
.styles_checkbox__VQ9sp:checked + .styles_bottomSection__yZIfK {
  max-height: 5000px;
  padding: 3.5rem;
  margin-top: 5rem;
  opacity: 1;
}

/* Content Blocks */
.styles_contentBlock__d9JYw {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 320px;
  height: 100%;
}
@media (min-width: 768px) {
  .styles_contentBlock__d9JYw {
    max-width: 280px;
  }
}
@media (min-width: 1024px) {
  .styles_contentBlock__d9JYw {
    max-width: 320px;
  }
}

.styles_contentBlockLabel__tQtlX {
  font-size: 1.125rem;
  font-weight: 500;
  color: #111827;
  margin-bottom: 1rem;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .styles_contentBlockLabel__tQtlX {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .styles_contentBlockLabel__tQtlX {
    font-size: 1.5rem;
  }
}

.styles_contentBlockContent__incts {
  color: #4b5563;
  font-size: 0.875rem;
  line-height: 1.625;
  font-size: 1rem;
  line-height: 1.5;
  color: #888;
  text-align: center;
}
@media (min-width: 768px) {
  .styles_contentBlockContent__incts {
    font-size: 1rem;
  }
}

/* Center Image */
.styles_centerImage__O09D3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 240px;
}
@media (min-width: 768px) {
  .styles_centerImage__O09D3 {
    width: 280px;
    height: 280px;
    order: 0;
  }
}
@media (min-width: 1024px) {
  .styles_centerImage__O09D3 {
    width: 320px;
    height: 320px;
  }
}
.styles_centerImage__O09D3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9999px;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.styles_centerImage__O09D3 picture {
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  overflow: hidden;
}
.styles_centerImage__O09D3 * {
  border-radius: 9999px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/app/(frontend)/about/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_page__M3qh_ {
  padding-top: 68px;
  color: #000000;
  background: #ffffff;
}

.styles_container__lCz1R, .styles_intro__QzcGI, .styles_facts__PpadG, .styles_philosophy__ld91E, .styles_craft__dDMfz, .styles_production__JvcAg, .styles_world__lUr5E {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.9rem 1rem;
}
@media (min-width: 768px) {
  .styles_container__lCz1R, .styles_intro__QzcGI, .styles_facts__PpadG, .styles_philosophy__ld91E, .styles_craft__dDMfz, .styles_production__JvcAg, .styles_world__lUr5E {
    padding: 2.2rem 2rem;
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .styles_container__lCz1R, .styles_intro__QzcGI, .styles_facts__PpadG, .styles_philosophy__ld91E, .styles_craft__dDMfz, .styles_production__JvcAg, .styles_world__lUr5E {
    max-width: 1024px;
    padding: 3rem 2rem;
  }
}
@media (min-width: 1366px) {
  .styles_container__lCz1R, .styles_intro__QzcGI, .styles_facts__PpadG, .styles_philosophy__ld91E, .styles_craft__dDMfz, .styles_production__JvcAg, .styles_world__lUr5E {
    max-width: 1366px;
  }
}

.styles_page__M3qh_ a {
  text-decoration: none;
}

.styles_page__M3qh_ a:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 6px;
}

.styles_intro__QzcGI {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}

.styles_eyebrow__r8LqP {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-size: 0.875rem;
  color: #888888;
}

.styles_eyebrow__r8LqP i {
  width: 8px;
  height: 8px;
  background: #00ce7c;
  border-radius: 9999px;
}

.styles_intro__QzcGI h1 {
  margin-block: 1.5rem;
}

.styles_lead__n4MJT {
  font-size: 1.125rem;
  line-height: 1.625;
  color: #888888;
  max-width: 680px;
  margin-inline: auto;
}

.styles_desktopBreak__XMElf {
  display: none;
}

.styles_introLink__2Jg5H {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  margin-top: 1.5rem;
  padding: 0.75rem 1.25rem;
  border: 1px solid #cccccc;
  border-radius: 9999px;
  color: #000000;
  font-size: 0.875rem;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  transition: background 0.2s, border-color 0.2s;
}

.styles_introLink__2Jg5H:hover {
  background: #00ce7c;
  border-color: #00ce7c;
  color: #000000;
}

.styles_container__lCz1R {
  padding-top: 0;
  padding-bottom: 0;
}

.styles_hero__lgCaV {
  position: relative;
  min-height: 440px;
  margin: 0;
  border-radius: 50dvw;
  overflow: hidden;
  background: #f1f2f2;
}

.styles_hero__lgCaV > img {
  object-fit: cover;
  object-position: 65% center;
}

.styles_hero__lgCaV::after {
  content: "";
  position: absolute;
  inset: 40% 0 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
  pointer-events: none;
}

.styles_hero__lgCaV figcaption {
  position: absolute;
  z-index: 1;
  bottom: 16%;
  left: 10%;
  right: 10%;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
  color: #ffffff;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-size: 1.5rem;
  line-height: 1.25;
}

.styles_heroCaption__Ka_ez {
  display: none;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
}

.styles_facts__PpadG {
  padding-top: 3rem;
  padding-bottom: 0;
}

.styles_facts__PpadG > div {
  margin-bottom: 0;
}

.styles_philosophy__ld91E {
  padding-top: 4rem;
  scroll-margin-top: 110px;
}

.styles_sectionHeading__aSPpL {
  max-width: 780px;
  margin: 0 auto 2.5rem;
  text-align: center;
}

.styles_sectionHeading__aSPpL h2 {
  margin-block: 1.25rem 1.5rem;
}

.styles_sectionHeading__aSPpL > p {
  font-size: 1.125rem;
  line-height: 1.625;
  color: #888888;
  max-width: 650px;
  margin-inline: auto;
}

.styles_principles__d2YPQ {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}

.styles_principles__d2YPQ article {
  background: #f1f2f2;
  border-radius: 30px;
  padding: 2rem;
}

.styles_number__wCnAl {
  display: inline-flex;
  width: 42px;
  height: 42px;
  justify-content: center;
  align-items: center;
  background: #00ce7c;
  border-radius: 9999px;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-size: 0.875rem;
  margin-bottom: 2rem;
}

.styles_principles__d2YPQ h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.styles_principles__d2YPQ p {
  font-size: 1rem;
  color: #4b5563;
  line-height: 1.625;
}

.styles_craft__dDMfz {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
  align-items: center;
}

.styles_craftImage__eJBM5 {
  position: relative;
  aspect-ratio: 4/5;
  border-radius: 60px;
  overflow: hidden;
  background: #f1f2f2;
}

.styles_craftImage__eJBM5 img {
  object-fit: cover;
}

.styles_craftCopy__a_i1x {
  padding: 1rem 0;
}

.styles_craftCopy__a_i1x h2 {
  margin-block: 1.25rem 1.5rem;
}

.styles_sectionLead__o4m_D {
  font-size: 1.125rem;
  color: #888888;
  line-height: 1.625;
}

.styles_materials__CRIU4 {
  margin-block: 2rem;
}

.styles_materials__CRIU4 > div {
  padding-block: 1rem;
  border-top: 1px solid #cccccc;
}

.styles_materials__CRIU4 dt {
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.styles_materials__CRIU4 dd {
  margin: 0;
  color: #4b5563;
  font-size: 0.875rem;
  line-height: 1.625;
}

.styles_textLink__9Rqf7 {
  display: inline-flex;
  gap: 1.5rem;
  align-items: center;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  color: #000000;
  font-size: 0.875rem;
  border-bottom: 1px solid #000000;
  padding-bottom: 0.5rem;
}

.styles_textLink__9Rqf7:hover {
  color: #888888;
}

.styles_productionCard__vNWVD {
  display: grid;
  grid-template-columns: 1fr;
  background: #f1f2f2;
  border-radius: 60px;
  overflow: hidden;
}

.styles_productionCopy__i5oMp {
  padding: 2.5rem 1.5rem;
}

.styles_productionCopy__i5oMp h2 {
  margin-block: 1.25rem 1.5rem;
}

.styles_productionCopy__i5oMp > p {
  color: #4b5563;
  font-size: 1rem;
  line-height: 1.625;
  margin-bottom: 1rem;
}

.styles_productionNote__cVMyj {
  display: block;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-size: 0.875rem;
  margin-top: 2rem;
}

.styles_factoryImage__oUQKl {
  position: relative;
  min-height: 300px;
}

.styles_factoryImage__oUQKl img {
  object-fit: cover;
  object-position: center;
}

.styles_world__lUr5E {
  text-align: center;
  max-width: 900px;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.styles_world__lUr5E h2 {
  margin-block: 1.25rem 1.5rem;
}

.styles_world__lUr5E > p {
  font-size: 1.125rem;
  line-height: 1.625;
  color: #888888;
  max-width: 660px;
  margin-inline: auto;
}

.styles_button__du7KJ {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
  font: inherit;
  color: inherit;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  font-weight: 500;
  text-decoration: none;
}
.styles_button__du7KJ:focus-visible {
  outline: 2px solid #1a202c;
  outline-offset: 2px;
}
.styles_button__du7KJ:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.styles_button__du7KJ {
  background: #00ce7c;
  color: #000000;
  border-radius: 9999px;
  padding: 1.25rem 2rem;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-size: 1rem;
  gap: 2rem;
  margin-top: 2rem;
}

.styles_button__du7KJ:hover {
  background: #000000;
  color: #ffffff;
}

@media (min-width: 768px) {
  .styles_page__M3qh_ {
    padding-top: 132px;
  }
  .styles_intro__QzcGI {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
  .styles_lead__n4MJT, .styles_sectionHeading__aSPpL > p, .styles_sectionLead__o4m_D, .styles_world__lUr5E > p {
    font-size: 1.25rem;
  }
  .styles_desktopBreak__XMElf {
    display: initial;
  }
  .styles_hero__lgCaV {
    min-height: 500px;
  }
  .styles_hero__lgCaV > img {
    object-position: center;
  }
  .styles_hero__lgCaV figcaption {
    font-size: 1.875rem;
  }
  .styles_facts__PpadG {
    padding-top: 4rem;
    padding-bottom: 1rem;
  }
  .styles_philosophy__ld91E {
    padding-top: 4rem;
  }
  .styles_sectionHeading__aSPpL {
    margin-bottom: 3rem;
  }
  .styles_principles__d2YPQ {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
  .styles_principles__d2YPQ article {
    padding: 2rem 1.5rem;
  }
  .styles_world__lUr5E {
    padding-block: 4rem;
  }
}
@media (min-width: 1024px) {
  .styles_hero__lgCaV {
    min-height: 560px;
  }
  .styles_heroCaption__Ka_ez {
    display: block;
  }
  .styles_principles__d2YPQ article {
    padding: 2.5rem 2rem;
  }
  .styles_craft__dDMfz {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
  .styles_craftCopy__a_i1x {
    padding-block: 1.5rem;
  }
  .styles_productionCard__vNWVD {
    grid-template-columns: 1fr 1fr;
  }
  .styles_productionCopy__i5oMp {
    padding: 3rem;
  }
  .styles_factoryImage__oUQKl {
    min-height: 100%;
  }
}
@media (min-width: 1366px) {
  .styles_hero__lgCaV {
    min-height: 600px;
  }
  .styles_craft__dDMfz {
    gap: 6rem;
  }
  .styles_craftCopy__a_i1x {
    padding-right: 2rem;
  }
  .styles_productionCopy__i5oMp {
    padding: 4rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_introLink__2Jg5H {
    transition: none;
  }
}
.styles_richSection__M3mei > p:first-child {
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-size: 0.875rem;
  color: #888888;
  margin: 0;
}

.styles_richSection__M3mei > h2 {
  margin-block: 1.25rem 1.5rem;
}

.styles_craftCopy__a_i1x .styles_richSection__M3mei > p:not(:first-child), .styles_world__lUr5E .styles_richSection__M3mei > p:not(:first-child) {
  font-size: 1.125rem;
  color: #888888;
  line-height: 1.625;
}

.styles_productionCopy__i5oMp > p:last-child {
  color: #000000;
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-size: 0.875rem;
  margin-top: 2rem;
}

.styles_statContent__cVGTq h3 {
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-size: 1.875rem;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.styles_statContent__cVGTq p {
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-size: 1rem;
  color: #888888;
  max-width: 250px;
}

.styles_materials__CRIU4 h3 {
  font-family: var(--font-accent), ui-sans-serif, system-ui, sans-serif;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.styles_materials__CRIU4 p {
  color: #4b5563;
  font-size: 0.875rem;
  line-height: 1.625;
}

@media (min-width: 768px) {
  .styles_statContent__cVGTq h3 {
    font-size: 2.25rem;
  }
  .styles_statContent__cVGTq p {
    font-size: 1.125rem;
  }
  .styles_craftCopy__a_i1x .styles_richSection__M3mei > p:not(:first-child), .styles_world__lUr5E .styles_richSection__M3mei > p:not(:first-child) {
    font-size: 1.25rem;
  }
}