/* =========================
   Sermet Agartan Website
   Clean Global CSS
========================= */

/* =========================
   01 Base
========================= */

html,
body,
.edrea_tm_all_wrap,
.edrea_tm_section,
.edrea_tm_section .section_inner,
.edrea_tm_content,
.edrea_tm_home {
  background: #FAFAF7 !important;
  color: #111111 !important;
}

body,
body * {
  box-shadow: none !important;
  text-shadow: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
span,
div,
.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-icon-list-text {
  font-family: "Poppins", Arial, sans-serif !important;
}

.edrea_tm_home h1,
.edrea_tm_home h2,
.edrea_tm_home h3,
.edrea_tm_home h4,
.edrea_tm_home h5,
.edrea_tm_home h6,
.elementor-heading-title {
  color: #111111 !important;
}

.edrea_tm_home p,
.edrea_tm_home li,
.edrea_tm_about p,
.edrea_tm_services li {
  color: #1A1A1A !important;
}

/* Links */
a,
.elementor a,
.elementor-kit-7 a,
.edrea_tm_home a,
.edrea_tm_footer a,
.elementor-widget-text-editor a,
.elementor-icon-list-item a {
  color: #4A4A46 !important;
  text-decoration: none !important;
  filter: none !important;
}

a:hover,
.elementor a:hover,
.elementor-kit-7 a:hover,
.edrea_tm_home a:hover,
.edrea_tm_footer a:hover,
.elementor-widget-text-editor a:hover,
.elementor-icon-list-item a:hover {
  color: #111111 !important;
}

/* =========================
   02 Header / Logo / Navigation
========================= */

.edrea_tm_header,
.edrea_tm_header .header_inner {
  background: #FAFAF7 !important;
}

.edrea_tm_header .logo,
.edrea_tm_header .logo a,
.edrea_tm_header .logo .logo_dark,
.edrea_tm_header .logo .logo_light {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  overflow: visible !important;
}

.edrea_tm_header .logo img,
.edrea_tm_header .logo a img,
.edrea_tm_header img.logo_dark,
.edrea_tm_header img.logo_light,
.edrea_tm_header .logo_dark img,
.edrea_tm_header .logo_light img {
  display: block !important;
  width: 150px !important;
  max-width: 150px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  filter: invert(1) brightness(0.08) !important;
}

.edrea_tm_header .menu ul li a {
  display: inline-block !important;
  padding: 5px 9px !important;
  border-radius: 0 !important;
  color: #111111 !important;
  transition:
    background 0.2s ease,
    color 0.2s ease !important;
}

.edrea_tm_header .menu ul li a:hover,
.edrea_tm_header .menu ul li.current a,
.edrea_tm_header .menu ul li.active a {
  background: #111111 !important;
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .edrea_tm_header .logo img,
  .edrea_tm_header .logo a img,
  .edrea_tm_header img.logo_dark,
  .edrea_tm_header img.logo_light,
  .edrea_tm_header .logo_dark img,
  .edrea_tm_header .logo_light img {
    width: 102px !important;
    max-width: 102px !important;
  }
}

/* =========================
   03 Generic Buttons
========================= */

.edrea_tm_button a,
.my-cta,
.elementor-button {
  padding: 12px 28px !important;
  border: 1px solid #111111 !important;
  border-radius: 0 !important;
  background: #111111 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  filter: none !important;
  transform: none !important;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease !important;
}

.edrea_tm_button a:hover,
.my-cta:hover,
.elementor-button:hover {
  border-color: #111111 !important;
  background: #FAFAF7 !important;
  color: #111111 !important;
  transform: none !important;
}

.edrea_tm_button a span,
.my-cta span,
.elementor-button span,
.elementor-button-text {
  color: inherit !important;
}

/* =========================
   04 Homepage Sections
========================= */

.home-page-content {
  --home-section-gap: 56px;
  --home-heading-gap: 18px;
}

.home-section {
  width: 100% !important;
  max-width: 1100px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.home-page-content > .home-section {
  margin-top: var(--home-section-gap) !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.home-page-content > .home-proof-section {
  margin-top: 12px !important;
}

.section-kicker {
  margin-top: 0 !important;
  margin-bottom: var(--home-heading-gap) !important;
  color: #4A4A46 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 2.6px !important;
  text-transform: uppercase !important;
}

.home-section-heading {
  margin-bottom: var(--home-heading-gap) !important;
}

.home-section-heading .section-kicker {
  margin-bottom: 0 !important;
}

/* =========================
   05 Trusted Clients & Partners
========================= */

.trusted-logo-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: center !important;
}

.trusted-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 52px !important;
  padding: 0 10px !important;
  border-top: 0 !important;
}

.trusted-logo img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 30px !important;
  object-fit: contain !important;
  filter: grayscale(50%) opacity(0.62) !important;
  transform: none !important;
  transition: filter 0.1s ease !important;
}

.trusted-logo:hover img {
  filter: grayscale(0%) opacity(1) !important;
  transform: none !important;
}

.trusted-wondery img { max-height: 26px !important; }
.trusted-audible img { max-height: 28px !important; }
.trusted-business-insider img { max-height: 30px !important; }
.trusted-welt img { max-height: 24px !important; }
.trusted-studiojot img { max-height: 26px !important; }
.trusted-axelspringer img { max-height: 24px !important; }

/* =========================
   06 Selected Work Cards
========================= */

.work-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.work-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: 185px !important;
  height: 100% !important;
  padding: 24px 28px !important;
  border: 1px solid #111111 !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-decoration: none !important;
  transform: none !important;
  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease !important;
}

.work-card,
.work-card *,
.work-card:visited,
.work-card:visited * {
  color: #111111 !important;
  text-decoration: none !important;
}

.work-card span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.work-card .work-title {
  font-size: 24px !important;
  line-height: 1.02 !important;
  font-weight: 800 !important;
}

.work-card .work-brand {
  margin: 3px 0 24px !important;
  color: #4A4A46 !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: 1.1px !important;
  text-transform: uppercase !important;
}

.work-card .work-meta {
  color: #4A4A46 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.work-card.home-project-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background: #FAFAF7 !important;
  color: #111111 !important;
  transition:
    background 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease !important;
}

.work-card.home-project-card::before,
.work-card.home-project-card::after {
  content: "" !important;
  display: block !important;
  pointer-events: none !important;
}

.work-card.home-project-card::before {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background:
    radial-gradient(circle 190px at 85% -25%, rgba(255, 255, 255, 0.42), transparent 45%),
    radial-gradient(circle 170px at 0% 105%, rgba(255, 255, 255, 0.16), transparent 50%),
    #111111 !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}

.work-card.home-project-card::after {
  position: absolute !important;
  bottom: -65px !important;
  left: -55px !important;
  z-index: 1 !important;
  width: 150px !important;
  height: 150px !important;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.08) 42%, transparent 72%) !important;
  opacity: 0 !important;
  filter: blur(2px) !important;
  transition:
    opacity 0.35s ease,
    transform 0.35s ease !important;
}

.work-card.home-project-card > * {
  position: relative !important;
  z-index: 3 !important;
  transition:
    color 0.35s ease,
    opacity 0.35s ease !important;
}

.work-card.home-project-card:hover {
  border-color: #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

.work-card.home-project-card:hover::before { opacity: 1 !important; }

.work-card.home-project-card:hover::after {
  opacity: 1 !important;
  transform: translate(18px, -12px) !important;
}

.work-card.home-project-card:hover,
.work-card.home-project-card:hover *,
.work-card.home-project-card:hover .work-title,
.work-card.home-project-card:hover .work-brand,
.work-card.home-project-card:hover .work-meta {
  color: #ffffff !important;
}

.work-card.home-project-card:hover .work-brand,
.work-card.home-project-card:hover .work-meta {
  opacity: 0.78 !important;
}

.work-card:not(.home-project-card):hover {
  border-color: #111111 !important;
  background: #111111 !important;
}

.work-card:not(.home-project-card):hover,
.work-card:not(.home-project-card):hover *,
.work-card:not(.home-project-card):hover .work-brand,
.work-card:not(.home-project-card):hover .work-meta {
  color: #ffffff !important;
}

/* =========================
   07 Services
========================= */

.services-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 32px !important;
}

.service-card {
  padding-top: 22px !important;
  border-top: 1px solid rgba(17, 17, 17, 0.25) !important;
}

.service-card h3 {
  margin: 0 0 16px !important;
  color: #111111 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.service-card p {
  margin: 0 !important;
  color: #1A1A1A !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* =========================
   08 Work / Portfolio Safety
========================= */

.portfolio-clean .portfolio-title {
  letter-spacing: 0.2px !important;
  text-transform: uppercase !important;
}

.portfolio-clean .portfolio-card {
  border: 1px solid #111111 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.portfolio-clean .portfolio-card:hover,
.portfolio-clean .portfolio-card:focus {
  border-color: #111111 !important;
  background: #111111 !important;
  transform: none !important;
}

.portfolio-clean .portfolio-card:hover,
.portfolio-clean .portfolio-card:hover *,
.portfolio-clean .portfolio-card:focus,
.portfolio-clean .portfolio-card:focus * {
  color: #ffffff !important;
}

.portfolio-clean .portfolio-cover {
  border-radius: 0 !important;
  object-fit: cover !important;
}

/* =========================
   09 Music Page Safety
========================= */

.music-clean .music-card:hover,
.music-clean .music-card:hover *,
.music-clean .music-card:focus,
.music-clean .music-card:focus * {
  color: #ffffff !important;
}

.music-clean .music-spotify-wrap a.music-button,
.music-clean .music-spotify-wrap a.music-button:visited {
  border-color: #FAFAF7 !important;
  background: #FAFAF7 !important;
  color: #111111 !important;
}

.music-clean .music-spotify-wrap a.music-button:hover,
.music-clean .music-spotify-wrap a.music-button:focus {
  border-color: #ffffff !important;
  background: #111111 !important;
  color: #ffffff !important;
}

.music-clean .music-spotify-wrap a.music-button:hover *,
.music-clean .music-spotify-wrap a.music-button:focus * {
  color: #ffffff !important;
}

/* =========================
   10 About
========================= */

.about-short {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
  color: #111111 !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

.text-link {
  display: inline-block !important;
  margin-top: 22px !important;
  color: #4A4A46 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.text-link:hover { color: #111111 !important; }

.about-page { max-width: 760px !important; }

.about-page h1 {
  margin: 0 0 28px !important;
  color: #111111 !important;
  font-size: 38px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
}

.about-page p {
  margin-bottom: 18px !important;
  color: #1A1A1A !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

.edrea_tm_portfolio img,
.elementor-widget-image img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.elementor-widget-image.about-image img,
.about-image img {
  border: 0 !important;
  border-radius: 0 !important;
  filter: none !important;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 70%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, black 0%, black 70%, transparent 100%) !important;
}

.about-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin-top: 34px !important;
}

.about-facts div {
  padding-top: 18px !important;
  border-top: 1px solid rgba(17, 17, 17, 0.25) !important;
}

.about-facts span {
  display: block !important;
  color: #111111 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.about-facts p {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  color: #2F2F2C !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.tools-clean {
  max-width: 1100px !important;
  margin: 38px auto 0 !important;
  padding: 0 !important;
}

.tools-kicker {
  display: block !important;
  margin: 0 0 22px !important;
  color: #4A4A46 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 2.6px !important;
  text-transform: uppercase !important;
}

.tools-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.tools-card {
  padding-top: 18px !important;
  border-top: 1px solid rgba(17, 17, 17, 0.25) !important;
}

.tools-card h3 {
  margin: 0 0 12px !important;
  color: #111111 !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

.tools-card p {
  margin: 0 !important;
  color: #1A1A1A !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* =========================
   12 Footer
========================= */

footer,
footer *,
.edrea_tm_footer,
.edrea_tm_footer *,
.copyright,
.copyright *,
.edrea_tm_copyright,
.edrea_tm_copyright * {
  color: #111111 !important;
  filter: none !important;
}

footer a,
.edrea_tm_footer a,
.edrea_tm_copyright a,
.copyright a {
  color: #4A4A46 !important;
}

footer a:hover,
.edrea_tm_footer a:hover,
.edrea_tm_copyright a:hover,
.copyright a:hover {
  color: #111111 !important;
}

.elementor-element-ebcf174 {
  align-items: start !important;
  align-content: start !important;
  justify-items: stretch !important;
}

.elementor-element-ebcf174 > .elementor-element {
  align-self: start !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.elementor-element-0f03e70 > .elementor-widget-container,
.elementor-element-6aa10c0 > .elementor-widget-container,
.elementor-element-fd4a633 > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-element-0f03e70 .elementor-text-editor,
.elementor-element-6aa10c0 .elementor-text-editor,
.elementor-element-0f03e70 p,
.elementor-element-6aa10c0 p,
footer .elementor-widget-text-editor p,
.edrea_tm_footer .elementor-widget-text-editor p,
.edrea_tm_copyright .elementor-widget-text-editor p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
}

.elementor-element-0f03e70 { text-align: left !important; }
.elementor-element-6aa10c0 { text-align: center !important; }
.elementor-element-fd4a633 { text-align: right !important; }

/* =========================
   13 Complianz
========================= */

button.cmplz-btn.cmplz-manage-consent,
button.cmplz-btn.cmplz-manage-consent.manage-consent-1,
button.manage-consent-1,
.cmplz-manage-consent,
.cmplz-manage-consent.cmplz-show {
  display: none !important;
  visibility: hidden !important;
  overflow: hidden !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* =========================
   14 WordPress Admin Bar
========================= */

#wpadminbar,
#wpadminbar * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#wpadminbar,
#wpadminbar *,
#wpadminbar a,
#wpadminbar .ab-item,
#wpadminbar .ab-label {
  color: #f0f0f1 !important;
  filter: none !important;
}

#wpadminbar .ab-icon,
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before,
#wpadminbar .dashicons,
#wpadminbar .dashicons-before::before {
  display: inline-block !important;
  color: #f0f0f1 !important;
  font-family: dashicons !important;
  font-style: normal !important;
  font-weight: normal !important;
  text-decoration: inherit !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

#wpadminbar { background: #1d2327 !important; }

#wpadminbar .ab-sub-wrapper,
#wpadminbar .menupop .ab-sub-wrapper {
  background: #2c3338 !important;
}

#wpadminbar .ab-sub-wrapper *,
#wpadminbar .menupop .ab-sub-wrapper *,
#wpadminbar .ab-sub-wrapper a,
#wpadminbar .menupop .ab-sub-wrapper a {
  color: #f0f0f1 !important;
}

#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar .menupop:hover > .ab-item,
#wpadminbar .ab-sub-wrapper a:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

/* =========================
   15 Mobile Menu
========================= */

.edrea_tm_mobile_menu,
.edrea_tm_mobile_menu *,
.edrea_tm_mobile_menu a,
.edrea_tm_mobile_menu li a,
.edrea_tm_mobile_menu .menu_list a,
.edrea_tm_mobile_menu .dropdown a,
.edrea_tm_mobile_menu .hamburger a,
.edrea_tm_mobile_menu .mobile_menu a,
.edrea_tm_mobile_menu .menu ul li a,
.edrea_tm_mobile_menu_wrap,
.edrea_tm_mobile_menu_wrap *,
.edrea_tm_mobile_menu_wrap a,
.edrea_tm_mobile_menu_wrap li a {
  color: #ffffff !important;
  opacity: 1 !important;
}

.edrea_tm_mobile_menu a:hover,
.edrea_tm_mobile_menu li a:hover,
.edrea_tm_mobile_menu .menu_list a:hover,
.edrea_tm_mobile_menu .dropdown a:hover,
.edrea_tm_mobile_menu .menu ul li a:hover {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* =========================
   16 Legal Pages
========================= */

.legal-page,
.legal-page * {
  color: #111111 !important;
  font-family: "Poppins", Arial, sans-serif !important;
}

.legal-page {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 20px 20px 90px !important;
  background: #FAFAF7 !important;
}

.legal-page h1 {
  margin: 0 0 34px !important;
  color: #111111 !important;
  font-size: 52px !important;
  line-height: 0.98 !important;
  font-weight: 900 !important;
  letter-spacing: -1.6px !important;
  text-transform: uppercase !important;
}

.legal-page h2 {
  margin: 42px 0 16px !important;
  color: #111111 !important;
  font-size: 26px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.4px !important;
}

.legal-page h2:first-child { margin-top: 0 !important; }

.legal-page h3 {
  margin: 30px 0 12px !important;
  color: #111111 !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

.legal-page p,
.legal-page li {
  margin: 0 0 16px !important;
  color: #1A1A1A !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
}

.legal-page strong,
.legal-page b {
  color: #111111 !important;
  font-weight: 800 !important;
}

.legal-page a {
  color: #111111 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.legal-page a:hover { color: #4A4A46 !important; }

.legal-page ul,
.legal-page ol {
  margin: 0 0 22px 22px !important;
  padding: 0 !important;
}

.legal-page li { margin-bottom: 10px !important; }

.legal-page hr {
  margin: 38px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(17, 17, 17, 0.18) !important;
}

body .legal-page,
body .legal-page h1,
body .legal-page h2,
body .legal-page h3,
body .legal-page h4,
body .legal-page p,
body .legal-page li,
body .legal-page span,
body .legal-page div,
body .legal-page strong,
body .legal-page a {
  color: #111111 !important;
}

/* =========================
   17 Mobile General
========================= */

@media (max-width: 768px) {
  .home-page-content {
    --home-section-gap: 44px;
    --home-heading-gap: 16px;
  }

  .home-section {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .home-page-content > .home-section {
    margin-top: var(--home-section-gap) !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .home-page-content > .home-proof-section {
    margin-top: 34px !important;
  }

  .trusted-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .trusted-logo {
    height: 52px !important;
    padding: 0 10px !important;
  }

  .trusted-logo img { max-height: 26px !important; }

  .trusted-wondery img,
  .trusted-welt img,
  .trusted-axelspringer img {
    max-height: 22px !important;
  }

  .work-grid,
  .services-grid {
    grid-template-columns: 1fr !important;
  }

  .work-card {
    min-height: 185px !important;
    padding: 22px 24px !important;
  }

  .work-card .work-title { font-size: 22px !important; }
  .about-short { font-size: 16px !important; }
  .about-page h1 { font-size: 32px !important; }
  .about-page p { font-size: 16px !important; }

  .about-facts,
  .tools-grid {
    grid-template-columns: 1fr !important;
  }

  .tools-clean { margin-top: 36px !important; }

  .elementor-element-ebcf174 {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    text-align: center !important;
  }

  .elementor-element-0f03e70,
  .elementor-element-6aa10c0,
  .elementor-element-fd4a633 {
    text-align: center !important;
  }

  .legal-page { padding: 12px 20px 70px !important; }

  .legal-page h1 {
    margin-bottom: 28px !important;
    font-size: 40px !important;
    letter-spacing: -1px !important;
  }

  .legal-page h2 {
    margin: 34px 0 14px !important;
    font-size: 23px !important;
  }

  .legal-page h3 { font-size: 18px !important; }

  .legal-page p,
  .legal-page li {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
}

/* =========================
   18 Bio Image Hover
========================= */

.about-image img {
  opacity: 0.95 !important;
  transition: opacity 0.25s ease !important;
}

.about-image:hover img { opacity: 1 !important; }

/* =========================
   19 Footer SVG Social Fix
========================= */

footer .footer-social-clean {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer .footer-social-clean a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid #111111 !important;
  border-radius: 0 !important;
  background: #111111 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  filter: none !important;
  text-decoration: none !important;
  transform: none !important;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease !important;
}

footer .footer-social-clean a svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

footer .footer-social-clean a svg path { fill: #ffffff !important; }

footer .footer-social-clean a:hover,
footer .footer-social-clean a:focus {
  border-color: #111111 !important;
  background: #FAFAF7 !important;
  color: #111111 !important;
  fill: #111111 !important;
  text-decoration: none !important;
  outline: none !important;
  transform: none !important;
}

footer .footer-social-clean a:hover svg,
footer .footer-social-clean a:focus svg,
footer .footer-social-clean a:hover svg path,
footer .footer-social-clean a:focus svg path {
  color: #111111 !important;
  fill: #111111 !important;
}

@media (max-width: 768px) {
  footer .footer-social-clean {
    justify-content: center !important;
  }
}

/* =========================
   20 Mobile Hamburger / Close Fix
========================= */

.edrea_tm_topbar .trigger {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.edrea_tm_topbar .hamburger {
  position: relative !important;
  display: block !important;
  width: 32px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.edrea_tm_topbar .hamburger-box {
  position: relative !important;
  display: block !important;
  width: 32px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.edrea_tm_topbar .hamburger-inner,
.edrea_tm_topbar .hamburger-inner::before,
.edrea_tm_topbar .hamburger-inner::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  display: block !important;
  width: 32px !important;
  height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  transition:
    transform 0.25s ease,
    top 0.25s ease,
    opacity 0.2s ease !important;
}

.edrea_tm_topbar .hamburger-inner { top: 11px !important; }
.edrea_tm_topbar .hamburger-inner::before { top: -9px !important; }
.edrea_tm_topbar .hamburger-inner::after { top: 9px !important; }

.edrea_tm_topbar .hamburger.is-active .hamburger-inner {
  top: 11px !important;
  transform: rotate(45deg) !important;
}

.edrea_tm_topbar .hamburger.is-active .hamburger-inner::before {
  top: 0 !important;
  opacity: 0 !important;
}

.edrea_tm_topbar .hamburger.is-active .hamburger-inner::after {
  top: 0 !important;
  transform: rotate(-90deg) !important;
}

.edrea_tm_topbar .trigger,
.edrea_tm_topbar .trigger *,
.edrea_tm_topbar .hamburger,
.edrea_tm_topbar .hamburger-box {
  right: auto !important;
  bottom: auto !important;
}

/* =========================
   21 Mobile Edrea Normal Scroll Fix
========================= */

@media (max-width: 768px) {
  html,
  body.home {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.home .edrea_tm_all_wrap {
    position: relative !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.home .edrea_tm_content {
    position: relative !important;
    inset: auto !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    transform: none !important;
  }

  body.home .edrea_tm_section:not(.active) {
    display: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.home .edrea_tm_section.active {
    position: relative !important;
    inset: auto !important;
    bottom: auto !important;
    display: block !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.home .edrea_tm_section.active > .section_inner,
  body.home .edrea_tm_section.active > .section_inner.center {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body.home .edrea_tm_page,
  body.home .edrea_tm_page > .wrapper,
  body.home .edrea_tm_connent_wrapper,
  body.home .edrea_tm_content_start {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    transform: none !important;
  }

  body.home .edrea_tm_content_start > .wrapper {
    display: block !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    padding-top: 60px !important;
    padding-bottom: 0 !important;
    transform: none !important;
  }

  body.home .elementor-28,
  body.home .elementor-28 > .e-con {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.home .home-hero-clean {
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* =========================
   22 Mobile Header Layer Fix
========================= */

@media (max-width: 768px) {
  body.home .edrea_tm_topbar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 999999 !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: 100% !important;
    background: #000000 !important;
  }

  body.home .edrea_tm_topbar .topbar_inner {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    background: #000000 !important;
  }

  body.home .edrea_tm_topbar .logo,
  body.home .edrea_tm_topbar .trigger {
    position: relative !important;
    z-index: 3 !important;
  }

  body.home .edrea_tm_content,
  body.home .edrea_tm_section,
  body.home .edrea_tm_section .section_inner {
    z-index: 1 !important;
  }
}

/* =========================
   23 Homepage Hero
========================= */

.home-hero-clean {
  position: relative !important;
  isolation: isolate !important;
}

.home-hero-bg {
  position: absolute !important;
  z-index: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(17, 17, 17, 0.018) !important;
  font-weight: 900 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  user-select: none !important;
  transform: none !important;
}

.home-hero-text,
.home-hero-image {
  position: relative !important;
}

.home-hero-text { z-index: 3 !important; }
.home-hero-image { z-index: 2 !important; }

.home-hero-image picture {
  display: block !important;
  width: 100% !important;
}

.home-hero-image img {
  display: block !important;
  height: auto !important;
  object-fit: contain !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.home-hero-image:hover img {
  opacity: 1 !important;
  transform: none !important;
}

@media (min-width: 769px) {
  body.home .home-hero-clean {
    display: grid !important;
    grid-template-areas: "hero-text hero-image" !important;
    grid-template-columns: minmax(0, 1fr) 455px !important;
    align-items: center !important;
    column-gap: 0 !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 1040px !important;
    min-height: 520px !important;
    margin: 0 auto !important;
    padding: 24px 18px 0 !important;
  }

  body.home .home-hero-text {
    grid-area: hero-text !important;
    align-self: center !important;
    justify-self: start !important;
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    transform: translateX(12px) !important;
  }

  body.home .home-hero-kicker {
    display: block !important;
    margin: 0 0 14px 2px !important;
    color: #4A4A46 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body.home .home-hero-text h1 {
    max-width: 500px !important;
    margin: 0 0 18px !important;
    color: #111111 !important;
    font-size: 68px !important;
    line-height: 0.86 !important;
    font-weight: 900 !important;
    letter-spacing: -3.6px !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body.home .home-hero-role {
    max-width: 430px !important;
    margin: 0 !important;
    color: #111111 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    text-align: left !important;
  }

  body.home .home-hero-subline {
    max-width: 430px !important;
    margin: 5px 0 0 !important;
    color: #4A4A46 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    text-align: left !important;
  }

  body.home .home-hero-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin-top: 22px !important;
  }

  body.home .home-hero-meta span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(17, 17, 17, 0.22) !important;
    color: #4A4A46 !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  body.home .home-hero-image {
    grid-area: hero-image !important;
    align-self: end !important;
    justify-self: end !important;
    width: 455px !important;
    max-width: 455px !important;
    margin: 0 -8px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body.home .home-hero-image img {
    width: 455px !important;
    max-width: 455px !important;
    margin: 0 !important;
  }

  body.home .home-hero-image::before {
    content: "" !important;
    position: absolute !important;
    right: 20px !important;
    bottom: 55px !important;
    z-index: -1 !important;
    width: 290px !important;
    height: 290px !important;
    border-radius: 50% !important;
    background: rgba(17, 17, 17, 0.035) !important;
  }

  body.home .home-hero-bg {
    top: 68px !important;
    left: 10px !important;
    font-size: 116px !important;
    line-height: 0.8 !important;
    letter-spacing: -7px !important;
  }
}

@media (max-width: 768px) {
  body.home .home-hero-bg {
    display: none !important;
  }

  body.home .home-hero-clean {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 26px auto 0 !important;
    padding: 0 22px !important;
  }

  body.home .home-hero-text {
    order: 1 !important;
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    text-align: center !important;
    transform: none !important;
  }

  body.home .home-hero-kicker {
    display: block !important;
    margin: 0 0 12px !important;
    color: #4A4A46 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
  }

  body.home .home-hero-text h1 {
    margin: 0 0 16px !important;
    color: #111111 !important;
    font-size: 42px !important;
    line-height: 0.9 !important;
    font-weight: 900 !important;
    letter-spacing: -1.5px !important;
    text-transform: uppercase !important;
  }

  body.home .home-hero-role {
    margin: 0 !important;
    color: #111111 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
  }

  body.home .home-hero-subline {
    margin: 5px 0 0 !important;
    color: #4A4A46 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.home .home-hero-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 7px !important;
    margin-top: 20px !important;
  }

  body.home .home-hero-meta span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 8px !important;
    border: 1px solid rgba(17, 17, 17, 0.22) !important;
    color: #4A4A46 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  body.home .home-hero-image {
    order: 2 !important;
    width: 310px !important;
    max-width: 310px !important;
    margin: 26px auto 0 !important;
    transform: none !important;
  }

  body.home .home-hero-image img {
    width: 310px !important;
    max-width: 310px !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  body.home .home-hero-image::before {
    content: "" !important;
    position: absolute !important;
    right: 18px !important;
    bottom: 28px !important;
    z-index: -1 !important;
    width: 210px !important;
    height: 210px !important;
    border-radius: 50% !important;
    background: rgba(17, 17, 17, 0.035) !important;
  }
}

@media (max-width: 420px) {
  body.home .home-hero-text h1 {
    font-size: 40px !important;
  }

  body.home .home-hero-image,
  body.home .home-hero-image img {
    width: 290px !important;
    max-width: 290px !important;
  }
}

/* =========================
   Desktop Edrea Normal Page Scroll
========================= */

@media (min-width: 769px) {
  html,
  body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
  }

  .edrea_tm_header {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  .edrea_tm_all_wrap {
    position: relative !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 100vh !important;
    max-height: none !important;
  }

  .edrea_tm_content {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-top: 0 !important;
    transform: none !important;
  }

  .edrea_tm_content .edrea_tm_section:not(.active) {
    display: none !important;
  }

  .edrea_tm_content .edrea_tm_section.active {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    overflow: visible !important;
    overflow-y: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .edrea_tm_section.active > .section_inner,
  .edrea_tm_section.active > .section_inner.center {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-top: 34px !important;
    transform: none !important;
  }
}

/* =========================
   Contact Page Position Fix
========================= */

@media (min-width: 769px) {
  body.page-id-36 .edrea_tm_section.active > .section_inner.center {
    position: relative !important;
    top: auto !important;
    display: block !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-top: 62px !important;
    transform: none !important;
  }

  body.page-id-36 .edrea_tm_content_start > .wrapper {
    padding-top: 0 !important;
  }

  body.page-id-36 .contact-manual {
    padding-top: 0 !important;
  }
}

/* ==================================================
   iPhone / iOS Home Scroll & Gap Fix
================================================== */

@supports (-webkit-touch-callout: none) {
  @media (max-width: 768px) {
    html {
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
    }

    html body.home {
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
      position: relative !important;
    }

    body.home .edrea_tm_all_wrap {
      position: relative !important;
      inset: auto !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      overflow: visible !important;
    }

    body.home .edrea_tm_content {
      position: relative !important;
      inset: auto !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      margin: 0 !important;
      padding: 70px 0 0 !important;
      overflow: visible !important;
      transform: none !important;
    }

    body.home .edrea_tm_section.active {
      display: block !important;
      position: relative !important;
      inset: auto !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: visible !important;
      transform: none !important;
      -webkit-overflow-scrolling: auto !important;
    }

    body.home .edrea_tm_section:not(.active) {
      display: none !important;
      position: absolute !important;
      width: 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      max-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }

    body.home .edrea_tm_section.active > .section_inner {
      position: relative !important;
      inset: auto !important;
      display: block !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: visible !important;
      transform: none !important;
    }

    body.home .edrea_tm_content_start {
      display: block !important;
      position: relative !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: visible !important;
    }

    body.home .edrea_tm_content_start > .wrapper,
    body.home .elementor,
    body.home .elementor-element-aa9460b,
    body.home .elementor-element-b798b7f,
    body.home .home-page-content {
      position: relative !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
      overflow: visible !important;
    }

    body.home footer,
    body.home .footer-width-fixer,
    body.home footer .elementor {
      position: relative !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      margin: 0 !important;
      padding-bottom: 0 !important;
      overflow: visible !important;
    }
  }
}

/* ==================================================
   Homepage Visual Upgrade
================================================== */

.home-proof-section {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border-top: 1px solid #111111 !important;
  border-bottom: 1px solid #111111 !important;
}

.home-proof-item {
  padding: 22px 24px !important;
}

.home-proof-item + .home-proof-item {
  border-left: 1px solid #111111 !important;
}

.home-proof-item strong,
.home-proof-item span {
  display: block !important;
}

.home-proof-item strong {
  margin-bottom: 7px !important;
  color: #111111 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.home-proof-item span {
  color: #4A4A46 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

.home-section-heading {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

.home-section-link {
  color: #111111 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.7px !important;
  text-transform: uppercase !important;
}

.work-card.home-project-card {
  min-height: 210px !important;
}

.work-card.home-project-card > .work-index,
.work-card.home-project-card > .work-arrow {
  position: absolute !important;
  z-index: 4 !important;
  color: #4A4A46 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.work-card.home-project-card > .work-index {
  top: 22px !important;
  right: auto !important;
  bottom: auto !important;
  left: 28px !important;
}

.work-card.home-project-card > .work-arrow {
  top: auto !important;
  right: 24px !important;
  bottom: 22px !important;
  left: auto !important;
  font-size: 19px !important;
  transition: transform 0.25s ease !important;
}

.work-card.home-project-card:hover > .work-arrow {
  transform: translate(3px, -3px) !important;
}

.work-card.home-project-card:hover > .work-index,
.work-card.home-project-card:hover > .work-arrow {
  color: #ffffff !important;
}

.service-index {
  display: block !important;
  margin-bottom: 30px !important;
  color: #4A4A46 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
}

.home-cta-section {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px !important;
  min-height: 145px !important;
  margin-top: var(--home-section-gap) !important;
  margin-bottom: 76px !important;
  padding: 38px 36px !important;
  border: 1px solid #111111 !important;
}

.home-cta-kicker {
  display: block !important;
  margin: 0 0 10px !important;
  color: #4A4A46 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 1.2px !important;
}

.home-cta-section h2 {
  margin: 0 0 8px !important;
  color: #111111 !important;
  font-size: 30px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

.home-cta-section p {
  margin: 0 !important;
  color: #4A4A46 !important;
  font-size: 15px !important;
}

.home-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  min-width: 230px !important;
  min-height: 56px !important;
  padding: 0 22px !important;
  border: 1px solid #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

body.home .home-cta-section a.home-cta-button,
body.home .home-cta-section a.home-cta-button:visited,
body.home .home-cta-section a.home-cta-button span {
  color: #ffffff !important;
}

body.home .home-cta-section a.home-cta-button:hover {
  background: #FAFAF7 !important;
  color: #111111 !important;
}

body.home .home-cta-section a.home-cta-button:hover span {
  color: #111111 !important;
}

@media (max-width: 768px) {
  .home-proof-section {
    grid-template-columns: 1fr !important;
  }

  .home-proof-item {
    padding: 18px 20px !important;
  }

  .home-proof-item + .home-proof-item {
    border-top: 1px solid #111111 !important;
    border-left: 0 !important;
  }

  .home-section-heading {
    align-items: flex-start !important;
  }

  .home-section-link {
    padding-top: 3px !important;
    white-space: nowrap !important;
  }

  .work-card.home-project-card {
    min-height: 205px !important;
    padding-top: 48px !important;
  }

  .work-card.home-project-card > .work-index {
    left: 24px !important;
  }

  .work-card.home-project-card > .work-arrow {
    right: 22px !important;
    bottom: 20px !important;
  }

  .service-index {
    margin-bottom: 22px !important;
  }

  .home-cta-section {
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
    margin-bottom: 50px !important;
    padding: 28px 24px !important;
  }

  .home-cta-section h2 {
    font-size: 25px !important;
  }

  .home-cta-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
  }
}