:root {
  color-scheme: light;
  --earlysmarter--black: #fffdf9;
  --earlysmarter--white: #10161d;
  --earlysmarter--dark-grey: #ececea;
  --earlysmarter--grey: #d6d9d2;
  --earlysmarter--point-lime: #d8ff5d;
  --earlysmarter--point-green: #9eef2f;
  --earlysmarter--point-55percent: rgba(216, 255, 93, .24);
  --theme-paper-start: #fffdf9;
  --theme-paper-mid: #fbfaf7;
  --theme-paper-end: #f7f5ef;
  --theme-page: #fffdf9;
  --theme-surface: #ffffff;
  --theme-surface-muted: rgba(255, 255, 255, .86);
  --theme-surface-strong: rgba(255, 255, 255, .88);
  --theme-surface-soft: rgba(255, 255, 255, .60);
  --theme-text: #10161d;
  --theme-text-muted: #51565a;
  --theme-text-subtle: #6b7074;
  --theme-line: #d6d9d2;
  --theme-line-soft: rgba(16, 22, 29, .08);
  --theme-line-strong: rgba(16, 22, 29, .24);
  --theme-nav: rgba(255, 255, 255, .86);
  --theme-accent: #d8ff5d;
  --theme-accent-strong: #9eef2f;
  --theme-accent-soft: rgba(216, 255, 93, .20);
  --theme-accent-hover: rgba(216, 255, 93, .24);
  --theme-accent-gradient: linear-gradient(100deg, #f2ff9d 0%, var(--theme-accent) 52%, #a9f84a 100%);
  --theme-accent-shadow: 0 18px 34px rgba(216, 255, 93, .22);
  --theme-accent-glow: rgba(216, 255, 93, .28);
  --theme-shadow: 0 14px 34px rgba(16, 22, 29, .08);
}

[data-theme="dark"] {
  color-scheme: dark;
  --earlysmarter--black: #101011;
  --earlysmarter--white: #fbfbfb;
  --earlysmarter--dark-grey: #1f1f1f;
  --earlysmarter--grey: #353535;
  --earlysmarter--point-55percent: #d4fe7680;
  --theme-page: #101011;
  --theme-surface: #151515;
  --theme-surface-muted: #1f1f1f;
  --theme-text: #fbfbfb;
  --theme-text-muted: #ffffff80;
  --theme-line: #393939;
  --theme-shadow: none;
}

html,
body {
  transition: background-color .25s ease, color .25s ease;
}

html:not([data-theme="dark"]) body {
  background: var(--theme-page);
  color: var(--theme-text);
}

html:not([data-theme="dark"]) :is(.text-size-regular, .text-size-small, .nav-menu) {
  font-weight: 500;
}

html:not([data-theme="dark"]) :is(.opacity-60, .opacity-70) {
  opacity: .88;
}

html:not([data-theme="dark"]) .navbar,
html:not([data-theme="dark"]) .nav-menu {
  background-color: var(--theme-nav);
}

html:not([data-theme="dark"]) .navbar {
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--theme-line-soft);
}

.nav-portfolio-dropdown {
  position: relative;
}

.nav-dropdown-menu {
  position: absolute;
  top: calc(100% + 0.65rem);
  left: 50%;
  z-index: 20;
  display: none;
  min-width: 12rem;
  padding: 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  background: rgba(16, 16, 17, 0.9);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
  transform: translateX(-50%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.nav-portfolio-dropdown:hover .nav-dropdown-menu,
.nav-portfolio-dropdown:focus-within .nav-dropdown-menu {
  display: grid;
  gap: 0.18rem;
}

.nav-dropdown-link {
  border-radius: 999px;
  color: #fbfbfb;
  padding: 0.5rem 0.72rem;
  font-family: var(--earlysmarter--nav-menu);
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
  white-space: nowrap;
}

.nav-dropdown-link:hover,
.nav-dropdown-link:focus-visible {
  background: rgba(255, 255, 255, 0.12);
  outline: none;
}

html:not([data-theme="dark"]) .nav-dropdown-menu {
  border-color: rgba(16, 16, 17, 0.14);
  background: var(--theme-surface-strong);
  box-shadow: 0 18px 42px rgba(31, 23, 13, 0.13);
}

html:not([data-theme="dark"]) .nav-dropdown-link {
  color: #101011;
}

html:not([data-theme="dark"]) .nav-dropdown-link:hover,
html:not([data-theme="dark"]) .nav-dropdown-link:focus-visible {
  background: rgba(16, 16, 17, 0.08);
}

html:not([data-theme="dark"]) .hero-component,
html:not([data-theme="dark"]) .hero-component .max-width-70ch {
  max-width: min(100%, calc(100vw - 2rem));
  margin-left: auto;
  margin-right: auto;
}

html:not([data-theme="dark"]) .nav-link,
html:not([data-theme="dark"]) .link-block-navbar,
html:not([data-theme="dark"]) .footer-link,
html:not([data-theme="dark"]) .text-color-white,
html:not([data-theme="dark"]) .paragraph,
html:not([data-theme="dark"]) .blog-card-description,
html:not([data-theme="dark"]) .insight-card-text {
  color: var(--theme-text);
}

html:not([data-theme="dark"]) .paragraph,
html:not([data-theme="dark"]) .footer-link,
html:not([data-theme="dark"]) .brands_item-desc,
html:not([data-theme="dark"]) .insight-card-text,
html:not([data-theme="dark"]) .blog-card-description {
  color: var(--theme-text-muted);
}

html:not([data-theme="dark"]) .section_products,
html:not([data-theme="dark"]) .section_brands,
html:not([data-theme="dark"]) .section_brands-2,
html:not([data-theme="dark"]) .section_work-list {
  background-color: var(--theme-page);
}

html:not([data-theme="dark"]) .read-more-tag {
  background: var(--theme-surface);
  border-color: #10101133;
  color: #211d17;
  box-shadow: 0 8px 24px #21170c10, inset 0 1px 0 #ffffffd9;
}

html:not([data-theme="dark"]) .read-more-tag .text-size-small.text-weight-bold {
  color: #211d17;
  font-weight: 600;
}

html:not([data-theme="dark"]) .vertical-line-tag {
  background-color: #211d17;
  opacity: .22;
}

html:not([data-theme="dark"]) .primary-button {
  background-color: var(--earlysmarter--point-lime);
  background-image: var(--theme-accent-gradient);
  border: 1px solid var(--theme-accent-strong);
  color: var(--theme-text);
  box-shadow: var(--theme-accent-shadow), inset 0 1px 0 rgba(255, 255, 255, .7);
}

html:not([data-theme="dark"]) .primary-button :is(.text-size-small, .text-weight-bold, .primary-button-text) {
  color: var(--theme-text);
  -webkit-text-fill-color: var(--theme-text);
  font-weight: 700;
}

html:not([data-theme="dark"]) .text-size-small.text-weight-bold.lime-button,
html:not([data-theme="dark"]) .text-size-small.text-weight-bold.protected-page,
html:not([data-theme="dark"]) .text-size-small.text-weight-bold._404 {
  color: #101011;
  -webkit-text-stroke-width: 0;
  font-weight: 700;
}

html:not([data-theme="dark"]) .button-elipse {
  background-color: var(--theme-accent-strong);
}

html:not([data-theme="dark"]) .secondary-button {
  background-color: var(--theme-surface-strong);
  border-color: #10101180;
  color: #101011;
}

html:not([data-theme="dark"]) .secondary-button .text-weight-bold {
  color: #101011;
  font-weight: 700;
}

html:not([data-theme="dark"]) .button-icon {
  background-color: #101011;
}

html:not([data-theme="dark"]) .integrations-block {
  background: var(--theme-surface-soft);
  border: 1px solid #ffffffa6;
  color: #312a20;
  box-shadow: 0 24px 70px #3327151c, inset 0 1px 0 #ffffffe6;
  backdrop-filter: blur(24px) saturate(1.12);
}

html:not([data-theme="dark"]) .integrations-block :is(.text-size-large, .text-size-regular) {
  color: #312a20;
  font-weight: 500;
}

html:not([data-theme="dark"]) .integrations-block .opacity-70 {
  opacity: .82;
  color: #5e5242;
}

html:not([data-theme="dark"]) .integrations-block .text-size-large {
  font-weight: 600;
  letter-spacing: -.01em;
}

html:not([data-theme="dark"]) #service {
  padding-bottom: clamp(5rem, 8vw, 9rem);
}

html:not([data-theme="dark"]) #service .service-cards-wrapper > .double-button-component {
  margin-top: clamp(3rem, 4.5vw, 5rem);
}

html:not([data-theme="dark"]) .home-about_img-text {
  background: #101011b3;
  color: #fbfbfb;
  border: 1px solid #ffffff40;
  border-radius: 999px;
  padding: .55rem 1.4rem .7rem;
  text-shadow: 0 2px 18px #000c;
  backdrop-filter: blur(12px);
}

html:not([data-theme="dark"]) .section_home-about,
html:not([data-theme="dark"]) .home-about_component {
  background-color: transparent;
}

html:not([data-theme="dark"]) .home-about_img-wrap,
html:not([data-theme="dark"]) .home-about_img {
  background-color: transparent;
}

html:not([data-theme="dark"]) .home-about_wrapper {
  height: 310rem;
}

html:not([data-theme="dark"]) .section_home-about .home-about_heading {
  color: #fbfbfb;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .55);
}

.section_home-about .home-about_heading {
  color: #fbfbfb;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .55);
}

html:not([data-theme="dark"]) .section_products {
  transition: background-color 1.1s cubic-bezier(.22, 1, .36, 1), color 1.1s cubic-bezier(.22, 1, .36, 1);
}

html:not([data-theme="dark"]) .section-6.background-black,
html:not([data-theme="dark"]) .section-portfolio-title {
  background-color: #101011;
  color: #fbfbfb;
}

html:not([data-theme="dark"]) .section-6.background-black .works-block {
  background-color: #101011;
  width: min(80vw, 76rem);
  max-width: 76rem;
  margin-left: auto;
  margin-right: auto;
}

html:not([data-theme="dark"]) .section-6.background-black .works-image-wrapper {
  border-radius: 20px;
  max-height: min(58vh, 38rem);
}

html:not([data-theme="dark"]) .section-6.background-black .parallax-image {
  object-fit: cover;
}

html:not([data-theme="dark"]) .section-6.background-black .caps {
  color: #fbfbfb;
  font-weight: 600;
}

html:not([data-theme="dark"]) .section-6.background-black .works-badge {
  background: #fbfbfb14;
  border: 1px solid #fbfbfb2e;
  color: #fbfbfb;
  box-shadow: inset 0 1px 0 #ffffff1f;
  backdrop-filter: blur(12px);
}

html:not([data-theme="dark"]) .section-6.background-black .works-badge h5 {
  color: #fbfbfb;
  font-weight: 600;
}

html:not([data-theme="dark"]) .product-card,
html:not([data-theme="dark"]) .brands_item-block,
html:not([data-theme="dark"]) .insight-card,
html:not([data-theme="dark"]) .blog-card,
html:not([data-theme="dark"]) .pricing-card,
html:not([data-theme="dark"]) .faq-wrapper,
html:not([data-theme="dark"]) .contact-form-wrapper {
  background-color: var(--theme-surface);
  border-color: var(--theme-line);
  box-shadow: var(--theme-shadow);
}

html:not([data-theme="dark"]) .works-badge,
html:not([data-theme="dark"]) .text-style-label,
html:not([data-theme="dark"]) .primary-button.is-secondary {
  background-color: var(--theme-surface-muted);
  border-color: var(--theme-line);
  color: var(--theme-text);
}

html:not([data-theme="dark"]) .section-11,
html:not([data-theme="dark"]) .section-11 .container-11,
html:not([data-theme="dark"]) .section-11 .utilities-rtb-wrapper {
  background-color: var(--theme-page);
  color: #101011;
}

html:not([data-theme="dark"]) .section-11 :is(.heading-10, .heading-11, .max-width-30rem, .list-item, .privacy-policy-section, .utilities-rtb-wrapper p, .utilities-rtb-wrapper li) {
  color: #101011;
}

html:not([data-theme="dark"]) .section-11 .link-4 {
  color: #101011;
  font-weight: 700;
  text-decoration: none;
  background-image: linear-gradient(transparent 56%, rgba(182, 242, 63, .76) 0);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: .16em;
  padding: 0 .08em .02em;
}

html:not([data-theme="dark"]) .section-11 .link-4:hover {
  background-image: linear-gradient(transparent 48%, rgba(182, 242, 63, .92) 0);
}

html:not([data-theme="dark"]) .contact-wrapper,
html:not([data-theme="dark"]) .section-10,
html:not([data-theme="dark"]) .section-10 .container-10 {
  background-color: var(--theme-page);
  color: #101011;
}

html:not([data-theme="dark"]) .contact-wrapper :is(.heading-2, .text-size-medium-vw),
html:not([data-theme="dark"]) .section-10 :is(.heading-2, .heading-9, .faq-question) {
  color: #101011;
  opacity: 1;
}

html:not([data-theme="dark"]) .contact-wrapper :is(.contact-subtitle, .checkbox-label, .paragraph-4),
html:not([data-theme="dark"]) .section-10 :is(.contact-subtitle, .paragraph-8) {
  color: rgba(16, 16, 17, .66);
  opacity: 1;
}

html:not([data-theme="dark"]) .form-wrapper {
  width: min(50%, 46rem);
  border: 1px solid rgba(16, 16, 17, .13);
  border-radius: 1.25rem;
  background: var(--theme-surface-soft);
  box-shadow: 0 22px 70px rgba(39, 33, 24, .08), inset 0 1px 0 rgba(255, 255, 255, .86);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  padding: clamp(1.4rem, 2.4vw, 2.6rem);
}

html:not([data-theme="dark"]) .text-field-contact.w-input,
html:not([data-theme="dark"]) .select-field-2.w-select {
  color: #101011 !important;
  -webkit-text-fill-color: #101011 !important;
  background-color: rgba(255, 255, 255, .38) !important;
  border-color: rgba(16, 16, 17, .08) rgba(16, 16, 17, .08) rgba(16, 16, 17, .24) !important;
  border-radius: .45rem .45rem .18rem .18rem;
}

html:not([data-theme="dark"]) .text-field-contact.w-input:hover,
html:not([data-theme="dark"]) .select-field-2.w-select:hover {
  background-color: rgba(255, 255, 255, .52) !important;
  border-bottom-color: rgba(16, 16, 17, .45) !important;
}

html:not([data-theme="dark"]) .text-field-contact.w-input:focus,
html:not([data-theme="dark"]) .select-field-2.w-select:focus {
  background-color: rgba(255, 255, 255, .64) !important;
  border-color: rgba(16, 16, 17, .12) rgba(16, 16, 17, .12) rgba(16, 16, 17, .7) !important;
}

html:not([data-theme="dark"]) .text-field-contact.w-input::placeholder {
  color: rgba(16, 16, 17, .42) !important;
  -webkit-text-fill-color: rgba(16, 16, 17, .42) !important;
  opacity: 1 !important;
}

html:not([data-theme="dark"]) .select-field-2 option {
  color: #101011 !important;
  background-color: #fffdf7 !important;
}

html:not([data-theme="dark"]) .contact-wrapper .div-block-3 {
  border: 1px solid rgba(16, 16, 17, .12);
  background: rgba(255, 255, 255, .34);
}

html:not([data-theme="dark"]) .contact-button.align-center .primary-button {
  background-color: var(--earlysmarter--point-lime);
  background-image: var(--theme-accent-gradient);
  border: 1px solid var(--theme-accent-strong);
  color: #101011;
  box-shadow: 0 18px 34px rgba(216, 255, 93, .22), inset 0 1px 0 rgba(255, 255, 255, .7);
}

html:not([data-theme="dark"]) .contact-button.align-center .primary-button :is(.text-size-small, .text-weight-bold) {
  color: #101011;
  font-weight: 700;
}

html:not([data-theme="dark"]) .contact-button.align-center .submit-button {
  background-color: transparent !important;
  border-color: transparent !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html:not([data-theme="dark"]) .contact-button.align-center .button-elipse {
  background-color: var(--theme-accent-strong);
}

html:not([data-theme="dark"]) .section-10 .faq-wrapper {
  max-width: 56rem;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html:not([data-theme="dark"]) .section-10 .dropdown-toggle {
  background: var(--theme-surface-strong);
  border: 1px solid rgba(16, 16, 17, .13);
  box-shadow: 0 16px 44px rgba(39, 33, 24, .06), inset 0 1px 0 rgba(255, 255, 255, .72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

html:not([data-theme="dark"]) .section-10 .dropdown-toggle:hover {
  background: rgba(255, 255, 255, .46);
  border-color: rgba(16, 16, 17, .24);
}

html:not([data-theme="dark"]) .section-10 .faq-icon {
  filter: none;
}

html:not([data-theme="dark"]) .section-10 .image-4 {
  filter: brightness(0) saturate(100%);
  opacity: .9;
}

html:not([data-theme="dark"]) body:has(.utility-page-wrap) {
  background-color: var(--theme-page);
  color: #101011;
}

html:not([data-theme="dark"]) .utility-page-wrap {
  min-height: 100vh;
  height: auto;
  padding: 7rem 2.5rem 4rem;
  background-color: var(--theme-page);
  color: #101011;
}

html:not([data-theme="dark"]) .utility-page-content,
html:not([data-theme="dark"]) .utility-page-form {
  color: #101011;
}

html:not([data-theme="dark"]) .utility-page-form {
  width: min(100%, 28rem);
  max-width: calc(100vw - 2rem);
  margin-left: auto;
  margin-right: auto;
}

html:not([data-theme="dark"]) .utility-page-form :is(.password-heading, .text-field, .primary-button) {
  width: 100%;
  max-width: 100%;
}

html:not([data-theme="dark"]) :is(.not-found-heading, .password-heading) {
  color: #101011;
}

html:not([data-theme="dark"]) .utility-page-form .text-field {
  color: #101011;
  -webkit-text-fill-color: #101011;
  background-color: rgba(255, 255, 255, .46);
  border: 1px solid rgba(16, 16, 17, .14);
  border-bottom-color: rgba(16, 16, 17, .32);
  border-radius: .55rem;
}

html:not([data-theme="dark"]) .utility-page-form .text-field::placeholder {
  color: rgba(16, 16, 17, .42);
  -webkit-text-fill-color: rgba(16, 16, 17, .42);
}

html:not([data-theme="dark"]) .utility-page-form .text-field:focus {
  color: #101011;
  border-color: rgba(16, 16, 17, .62);
}

html:not([data-theme="dark"]) .password {
  filter: brightness(0) saturate(100%);
  opacity: .3;
}

html:not([data-theme="dark"]) .utility-page-content .primary-button,
html:not([data-theme="dark"]) .utility-page-form .primary-button {
  background-color: var(--earlysmarter--point-lime);
  background-image: var(--theme-accent-gradient);
  border: 1px solid var(--theme-accent-strong);
  color: #101011;
  box-shadow: 0 18px 34px rgba(216, 255, 93, .22), inset 0 1px 0 rgba(255, 255, 255, .7);
}

html:not([data-theme="dark"]) .utility-page-content .primary-button :is(.text-size-small, .text-weight-bold),
html:not([data-theme="dark"]) .utility-page-form .primary-button :is(.text-size-small, .text-weight-bold) {
  color: #101011;
  font-weight: 700;
}

html:not([data-theme="dark"]) .utility-page-form .submit-button {
  background-color: transparent !important;
  border-color: transparent !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html:not([data-theme="dark"]) .utility-page-form .error-message {
  background-color: rgba(255, 255, 255, .54);
  border: 1px solid rgba(16, 16, 17, .12);
  color: #101011;
}

html:not([data-theme="dark"]) body:has(> .rt-blog) {
  background-color: var(--theme-page);
  color: #101011;
}

html:not([data-theme="dark"]) body:has(> .rt-blog) > .rt-blog {
  max-width: min(78ch, calc(100vw - 3rem));
  margin: 7rem auto;
  color: #101011;
}

html:not([data-theme="dark"]) .section-7.with-work-page,
html:not([data-theme="dark"]) .blog-list-wrap {
  background-color: var(--theme-page);
}

html:not([data-theme="dark"]) .filter-btn {
  background: #1010110a;
  border-color: #10101124;
  color: #211d17;
  box-shadow: inset 0 1px 0 #ffffff99;
}

html:not([data-theme="dark"]) .filter-btn:hover {
  background: #10101112;
  border-color: #10101142;
  color: #101011;
}

html:not([data-theme="dark"]) .filter-btn.active {
  background: var(--theme-accent) !important;
  border-color: var(--theme-accent-strong) !important;
  color: var(--theme-text) !important;
  box-shadow: var(--theme-accent-shadow);
}

html:not([data-theme="dark"]) #portfolio-list.work-grid {
  max-width: 88rem;
  margin-left: auto;
  margin-right: auto;
  grid-column-gap: 20px;
  grid-row-gap: 30px;
}

html:not([data-theme="dark"]) #portfolio-list .work-wrapper-first {
  background: transparent;
  box-shadow: none;
}

html:not([data-theme="dark"]) #portfolio-list .photo-wrapper {
  border-radius: .45rem;
}

html:not([data-theme="dark"]) #portfolio-list .work-title-first {
  color: #151515;
  font-size: clamp(1.05rem, 1.15vw, 1.45rem);
  line-height: 1.18;
  font-weight: 600;
}

html:not([data-theme="dark"]) #portfolio-list .category-title {
  color: #5a554d;
  opacity: 1;
  font-size: clamp(.86rem, .85vw, 1rem);
  line-height: 1.35;
}

.blog-tag {
  min-height: 34px;
  padding: 0 13px 1px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, .36);
  border-color: rgba(255, 255, 255, .9);
  color: #101011;
  box-shadow: 0 10px 26px rgba(20, 16, 11, .12), inset 0 0 0 1px rgba(16, 16, 17, .08);
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

.blog-tag .text-size-small {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  line-height: 1;
  text-align: center;
  transform: translateY(.5px);
}

.work-wrapper-first.is-composed-thumbnail .photo-wrapper {
  isolation: isolate;
  background-color: #111;
  padding: 0;
}

.work-wrapper-first.is-composed-thumbnail .photo-wrapper::before {
  content: "";
  z-index: 0;
  opacity: .72;
  filter: blur(5px) saturate(.95);
  background-image: var(--thumbnail-bg);
  background-position: center;
  background-size: cover;
  position: absolute;
  inset: -6px;
  transform: scale(1.02);
}

.work-wrapper-first.is-composed-thumbnail .photo-wrapper::after {
  content: "";
  z-index: 0;
  background: #00000080;
  position: absolute;
  inset: 0;
}

.work-wrapper-first.is-composed-thumbnail .work-photo-first {
  z-index: 1;
  aspect-ratio: auto;
  width: auto;
  max-width: 86%;
  height: 86%;
  min-height: 0;
  object-fit: contain;
  object-position: center;
  border-radius: 0;
  position: relative;
  box-shadow: none;
}

.work-wrapper-first.is-composed-thumbnail .blog-tag-wrapper {
  z-index: 2;
}

.work-wrapper-first.is-composed-thumbnail .work-overlay {
  display: none;
}

html:not([data-theme="dark"]) .blog-tag .text-size-small,
html:not([data-theme="dark"]) .blog-tag .text-size-small.text-weight-bold {
  color: #101011;
  font-weight: 650;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) {
  background-color: var(--theme-page);
  overflow-x: clip;
  padding-bottom: clamp(5rem, 8vw, 8rem);
}

.page-content:has(#portfolio-list) {
  overflow-x: clip;
}

html:not([data-theme="dark"]) .portfolio-list-page {
  background-color: var(--theme-page);
  padding-bottom: clamp(10rem, 14vw, 16rem) !important;
  margin-bottom: clamp(7rem, 10vw, 12rem) !important;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .scroll-trigger.white-bg,
html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .div-block,
html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .section-7.with-work-page {
  background-color: var(--theme-page);
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .scroll-trigger.white-bg {
  box-shadow: none;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .big-text.black {
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .filter-btn {
  background: var(--theme-surface-strong);
  border-color: rgba(16, 16, 17, .18);
  color: #211d17;
  box-shadow: inset 0 1px 0 #ffffffe0;
  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .filter-btn:hover {
  background: var(--theme-surface);
  border-color: rgba(16, 16, 17, .34);
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .filter-btn.active {
  background: var(--theme-accent) !important;
  border-color: var(--theme-accent-strong) !important;
  color: var(--theme-text) !important;
  box-shadow: var(--theme-accent-shadow);
}

.content-pagination,
.portfolio-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.content-pagination {
  width: 100vw;
  max-width: 100vw;
  margin: clamp(2.5rem, 5vw, 4rem) 0 0 50%;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: translateX(-50%);
}

.content-pagination-shell,
.portfolio-pagination:not(.content-pagination) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: .35rem;
  width: fit-content;
  max-width: calc(100vw - 32px);
  padding: .45rem;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 34px rgba(0, 0, 0, .22);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.portfolio-page-button {
  min-width: 2.625rem;
  height: 2.625rem;
  min-height: 2.625rem;
  padding: 0 .9rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(247, 245, 239, .74);
  font-family: var(--earlysmarter--text-size-regular);
  font-size: .95rem;
  line-height: 1;
  font-weight: 650;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.portfolio-page-button.nav {
  color: rgba(247, 245, 239, .54);
}

.portfolio-page-button:hover:not(:disabled),
.portfolio-page-button.active {
  background: var(--earlysmarter--point-lime);
  color: #101011;
  box-shadow: inset 0 0 0 1px rgba(167, 232, 47, .85), 0 10px 22px rgba(167, 232, 47, .22);
}

.portfolio-page-button:disabled {
  opacity: .34;
  cursor: default;
}

.portfolio-page-ellipsis {
  min-width: 1.35rem;
  color: rgba(247, 245, 239, .5);
  font-size: .95rem;
  font-weight: 700;
  line-height: 2.625rem;
  text-align: center;
  user-select: none;
}

html:not([data-theme="dark"]) .content-pagination-shell,
html:not([data-theme="dark"]) .portfolio-pagination:not(.content-pagination) {
  border-color: rgba(16, 16, 17, .12);
  background: rgba(255, 255, 255, .72);
  box-shadow: inset 0 1px 0 #ffffffe0, 0 16px 34px rgba(43, 38, 28, .12);
}

html:not([data-theme="dark"]) .content-pagination .portfolio-page-button {
  background: transparent;
  color: #211d17;
  box-shadow: none;
}

html:not([data-theme="dark"]) .content-pagination .portfolio-page-button.nav {
  color: rgba(33, 29, 23, .55);
}

html:not([data-theme="dark"]) .content-pagination .portfolio-page-ellipsis {
  color: rgba(33, 29, 23, .42);
}

html:not([data-theme="dark"]) .content-pagination .portfolio-page-button:hover:not(:disabled),
html:not([data-theme="dark"]) .content-pagination .portfolio-page-button.active {
  background: var(--theme-accent);
  color: var(--theme-text);
  box-shadow: var(--theme-accent-shadow);
}

@media (max-width: 479px) {
  .content-pagination-shell,
  .portfolio-pagination:not(.content-pagination) {
    gap: .12rem;
    max-width: calc(100vw - 32px);
    padding: .35rem;
  }

  .portfolio-page-button {
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
    padding: 0 .5rem;
    font-size: .82rem;
  }

  .portfolio-page-ellipsis {
    min-width: .7rem;
    font-size: .82rem;
    line-height: 2rem;
  }
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) #portfolio-list.work-grid {
  max-width: none;
  grid-column-gap: 22px;
  grid-row-gap: 34px;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) #portfolio-list .photo-wrapper {
  border-radius: .75rem;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) #portfolio-list .work-title-first {
  color: #101011;
  font-size: var(--earlysmarter--medium);
  line-height: var(--earlysmarter--large);
  font-weight: 500;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) #portfolio-list .category-title {
  color: #101011;
  opacity: .42;
  font-size: var(--earlysmarter--medium);
  line-height: var(--earlysmarter--large);
}

.portfolio-sections {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, 7vw, 7.5rem);
}

.portfolio-category-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.portfolio-category-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
}

.portfolio-category-copy {
  max-width: 44rem;
}

.portfolio-category-title {
  color: #fbfbfb;
  letter-spacing: 0;
  margin: 0;
  font-family: var(--earlysmarter--text-size-large);
  font-size: clamp(1.5rem, 2vw, 2.25rem);
  line-height: 1.08;
  font-weight: 700;
  word-break: keep-all;
}

.portfolio-category-desc {
  color: rgba(251, 251, 251, .64);
  letter-spacing: 0;
  margin: .7rem 0 0;
  font-family: var(--earlysmarter--text-size-regular);
  font-size: 1rem;
  line-height: 1.45;
  word-break: keep-all;
}

.portfolio-more-button {
  flex: none;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: #fbfbfb;
  color: #101011;
  padding: .78rem 1.08rem .82rem;
  font-family: var(--earlysmarter--text-size-regular);
  font-size: .95rem;
  line-height: 1;
  font-weight: 650;
  transition: transform .25s ease, border-color .25s ease, background-color .25s ease;
}

.portfolio-more-button:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, .44);
  background: var(--earlysmarter--point-lime);
}

.portfolio-category-grid.work-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 22px;
  grid-row-gap: 34px;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .scroll-trigger.white-bg,
html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .div-block {
  background-color: transparent;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-category-title {
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-category-desc {
  color: rgba(16, 16, 17, .58);
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) #portfolio-category-sections,
html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-category-sections {
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-section-title {
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-section-description {
  color: rgba(16, 16, 17, .58);
  font-weight: 500;
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-section-more {
  background: var(--theme-surface-strong);
  border-color: rgba(16, 16, 17, .18);
  color: #101011;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 16px 34px rgba(42, 33, 18, .08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
  backdrop-filter: blur(14px) saturate(1.08);
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-section-more:hover {
  background: rgba(255, 255, 255, .92);
  border-color: rgba(16, 16, 17, .34);
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-more-button {
  background: var(--theme-surface-strong);
  border-color: rgba(16, 16, 17, .18);
  color: #101011;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
}

html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-more-button:hover {
  background: rgba(255, 255, 255, .92);
  border-color: rgba(16, 16, 17, .34);
}

html:not([data-theme="dark"]) .page-content:has(#blog-container),
html:not([data-theme="dark"]) body:has(#blog-container) {
  background-color: var(--theme-page);
  color: #101011;
  padding-bottom: clamp(5rem, 8vw, 8rem);
  overflow-x: clip;
}

body:has(#blog-container) section:has(#blog-container),
body:has(#portfolio-list) .section-7.with-work-page {
  padding-bottom: clamp(8rem, 12vw, 14rem) !important;
}

body:has(#blog-container) section:has(#blog-container) .blog-list-wrap,
body:has(#portfolio-list) .section-7.with-work-page #portfolio-list,
body:has(#portfolio-list) .section-7.with-work-page #portfolio-category-sections {
  padding-bottom: clamp(4rem, 7vw, 8rem) !important;
}

html:not([data-theme="dark"]) .insight-list-page {
  background-color: var(--theme-page);
  color: #101011;
  padding-bottom: clamp(10rem, 14vw, 16rem) !important;
  margin-bottom: clamp(7rem, 10vw, 12rem) !important;
}

html:not([data-theme="dark"]) .insight-list-page .blog-list-wrap,
html:not([data-theme="dark"]) .portfolio-list-page .portfolio-sections,
html:not([data-theme="dark"]) .portfolio-list-page #portfolio-list {
  padding-bottom: clamp(8rem, 12vw, 14rem) !important;
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) .scroll-trigger.white-bg,
html:not([data-theme="dark"]) body:has(#blog-container) .scroll-trigger.white-bg,
html:not([data-theme="dark"]) .page-content:has(#blog-container) .div-block,
html:not([data-theme="dark"]) body:has(#blog-container) .div-block,
html:not([data-theme="dark"]) .page-content:has(#blog-container) .blog-list-wrap,
html:not([data-theme="dark"]) body:has(#blog-container) .blog-list-wrap {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) .big-text.black.blog,
html:not([data-theme="dark"]) body:has(#blog-container) .big-text.black.blog {
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) .filter-btn,
html:not([data-theme="dark"]) body:has(#blog-container) .filter-btn {
  background: var(--theme-surface-strong);
  border-color: rgba(16, 16, 17, .18);
  color: #211d17;
  box-shadow: inset 0 1px 0 #ffffffe0;
  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) .filter-btn:hover,
html:not([data-theme="dark"]) body:has(#blog-container) .filter-btn:hover {
  background: var(--theme-surface);
  border-color: rgba(16, 16, 17, .34);
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) .filter-btn.active,
html:not([data-theme="dark"]) body:has(#blog-container) .filter-btn.active {
  background: var(--theme-accent) !important;
  border-color: var(--theme-accent-strong) !important;
  color: var(--theme-text) !important;
  box-shadow: var(--theme-accent-shadow);
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) #blog-container.blog-list,
html:not([data-theme="dark"]) body:has(#blog-container) #blog-container.blog-list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) #blog-container .blog-card,
html:not([data-theme="dark"]) body:has(#blog-container) #blog-container .blog-card {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) .photo-wrapper-3,
html:not([data-theme="dark"]) body:has(#blog-container) .photo-wrapper-3 {
  border-radius: .75rem;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) #blog-container .card-content,
html:not([data-theme="dark"]) body:has(#blog-container) #blog-container .card-content {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) .heading-6,
html:not([data-theme="dark"]) body:has(#blog-container) .heading-6 {
  color: #101011;
  font-weight: 650;
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) .blog-date,
html:not([data-theme="dark"]) body:has(#blog-container) .blog-date,
html:not([data-theme="dark"]) .page-content:has(#blog-container) .blog-subtitle,
html:not([data-theme="dark"]) body:has(#blog-container) .blog-subtitle {
  color: rgba(16, 16, 17, .58);
  opacity: 1;
  font-weight: 500;
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) #blog-empty,
html:not([data-theme="dark"]) body:has(#blog-container) #blog-empty {
  border-color: rgba(16, 16, 17, .16) !important;
  background: var(--theme-surface-soft) !important;
}

html:not([data-theme="dark"]) .page-content:has(#blog-container) #blog-empty > div,
html:not([data-theme="dark"]) body:has(#blog-container) #blog-empty > div {
  color: rgba(16, 16, 17, .62) !important;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) {
  background-color: var(--theme-page);
  color: #101011;
}

html:not([data-theme="dark"]) .insight-detail-page {
  background-color: var(--theme-page);
  color: #101011;
  padding-bottom: clamp(8rem, 12vw, 14rem);
}

html:not([data-theme="dark"]) .page-content:has(#post-body) .section-9.with-work-page.second,
html:not([data-theme="dark"]) .page-content:has(#post-body) .section_blog-list {
  background-color: var(--theme-page);
  color: #101011;
}

html:not([data-theme="dark"]) .insight-detail-page .section-9.with-work-page.second,
html:not([data-theme="dark"]) .insight-detail-page .section_blog-list {
  background-color: var(--theme-page);
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) .section-9.with-work-page.second {
  margin-bottom: 0;
  padding-bottom: clamp(5rem, 8vw, 8rem);
}

html:not([data-theme="dark"]) .insight-detail-page .section-9.with-work-page.second {
  margin-bottom: 0;
  padding-bottom: clamp(7rem, 10vw, 11rem);
}

html:not([data-theme="dark"]) .page-content:has(#post-body) .section_blog-list {
  padding-bottom: clamp(5rem, 8vw, 8rem);
}

html:not([data-theme="dark"]) .insight-detail-page .section_blog-list {
  padding-bottom: clamp(6rem, 9vw, 10rem);
  margin-bottom: 0;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) .blog-title,
html:not([data-theme="dark"]) .page-content:has(#post-body) .rt-blog,
html:not([data-theme="dark"]) .page-content:has(#post-body) .rt-blog :is(p, h1, h2, h3, h4, h5, h6, li, strong, em, span),
html:not([data-theme="dark"]) .page-content:has(#post-body) .display-1.fourth,
html:not([data-theme="dark"]) .page-content:has(#post-body) .blog-title-first,
html:not([data-theme="dark"]) .page-content:has(#post-body) .bottom-ver-header-text {
  color: #101011;
}

html:not([data-theme="dark"]) .insight-detail-page .blog-title,
html:not([data-theme="dark"]) .insight-detail-page .rt-blog,
html:not([data-theme="dark"]) .insight-detail-page .rt-blog :is(p, h1, h2, h3, h4, h5, h6, li, strong, em, span),
html:not([data-theme="dark"]) .insight-detail-page .display-1.fourth,
html:not([data-theme="dark"]) .insight-detail-page .blog-title-first,
html:not([data-theme="dark"]) .insight-detail-page .bottom-ver-header-text {
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col),
html:not([data-theme="dark"]) .insight-detail-page #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) {
  color: var(--text-white, #ffffff);
}

html:not([data-theme="dark"]) .page-content:has(#post-body) #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) :is(p, h1, h2, h3, h4, h5, h6, li, strong, em, span, div, code, pre, small, label),
html:not([data-theme="dark"]) .insight-detail-page #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) :is(p, h1, h2, h3, h4, h5, h6, li, strong, em, span, div, code, pre, small, label) {
  color: var(--text-white, #ffffff) !important;
  -webkit-text-fill-color: currentColor;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) :is(.card-desc, .sub-text, .compare-note:not(.danger)),
html:not([data-theme="dark"]) .insight-detail-page #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) :is(.card-desc, .sub-text, .compare-note:not(.danger)) {
  color: var(--text-gray, #a1a1a1) !important;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) .card-label:not(.danger),
html:not([data-theme="dark"]) .insight-detail-page #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) .card-label:not(.danger) {
  color: var(--accent-color, #d4fe76) !important;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) :is(.card-label.danger, .text-danger, .compare-title.danger, .compare-note.danger, .problem-label, .result-text),
html:not([data-theme="dark"]) .insight-detail-page #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) :is(.card-label.danger, .text-danger, .compare-title.danger, .compare-note.danger, .problem-label, .result-text) {
  color: var(--danger-color, #ff5555) !important;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) .highlight,
html:not([data-theme="dark"]) .insight-detail-page #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) .highlight {
  background: none !important;
  color: var(--accent-color, #d4fe76) !important;
  -webkit-text-fill-color: var(--accent-color, #d4fe76) !important;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) :is(.badge-new, .btn-save),
html:not([data-theme="dark"]) .insight-detail-page #post-body :is(.bento-wrapper, .bento-card, .insight-visual-header, .es-v5-visual-box, .es-v6-visual-box, .diagram-body, .compare-card, .split-col) :is(.badge-new, .btn-save) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) .paragraph-2,
html:not([data-theme="dark"]) .page-content:has(#post-body) .category-title-2.second,
html:not([data-theme="dark"]) .page-content:has(#post-body) .blog-date-recommendation,
html:not([data-theme="dark"]) .page-content:has(#post-body) .blog-subtitle-recommendation {
  color: rgba(16, 16, 17, .58);
  opacity: 1;
}

html:not([data-theme="dark"]) .insight-detail-page .paragraph-2,
html:not([data-theme="dark"]) .insight-detail-page .category-title-2.second,
html:not([data-theme="dark"]) .insight-detail-page .blog-date-recommendation,
html:not([data-theme="dark"]) .insight-detail-page .blog-subtitle-recommendation {
  color: rgba(16, 16, 17, .62);
  opacity: 1;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) .line-divider {
  background-color: rgba(16, 16, 17, .18);
  opacity: 1;
}

html:not([data-theme="dark"]) .insight-detail-page .line-divider {
  background-color: rgba(16, 16, 17, .18);
  opacity: 1;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) .blog-list_img-wrap {
  background: var(--theme-surface-soft);
}

html:not([data-theme="dark"]) .insight-detail-page .image-wrap._100vh {
  background: transparent;
}

html:not([data-theme="dark"]) .insight-detail-page .blog-list_img-wrap {
  background: var(--theme-surface-soft);
}

html:not([data-theme="dark"]) .page-content:has(#post-body) .blog-list_block {
  color: #101011;
}

html:not([data-theme="dark"]) .insight-detail-page .blog-list_block {
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) .insight-footer-email-link {
  color: #101011;
  font-weight: 700;
  text-decoration: none;
  background-image: linear-gradient(transparent 56%, rgba(182, 242, 63, .74) 0);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: .16em;
  padding: 0 .08em .02em;
}

html:not([data-theme="dark"]) .insight-detail-page .insight-footer-email-link {
  color: #101011;
  font-weight: 700;
  text-decoration: none;
  background-image: linear-gradient(transparent 56%, rgba(182, 242, 63, .74) 0);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: .16em;
  padding: 0 .08em .02em;
}

html:not([data-theme="dark"]) .page-content:has(#post-body) .div-block-10 .image-6,
html:not([data-theme="dark"]) .insight-detail-page .div-block-10 .image-6 {
  filter: brightness(0) saturate(100%) !important;
  opacity: .9;
}

html:not([data-theme="dark"]) .insight-detail-page .rt-blog :is(.bento-wrapper, .bento-card) {
  color: var(--text-white, #fff);
}

html:not([data-theme="dark"]) .insight-detail-page .rt-blog :is(.bento-wrapper, .bento-card) :is(p, h1, h2, h3, h4, h5, h6, li, strong, em, span) {
  color: inherit;
}

html:not([data-theme="dark"]) .insight-detail-page .rt-blog :is(.bento-wrapper, .bento-card) :is(.card-desc, .es-v5-label, .es-v6-label, .es-v13-pillar-desc) {
  color: var(--text-gray, #a1a1a1) !important;
}

html:not([data-theme="dark"]) .insight-detail-page .rt-blog .bento-card :is(.card-title, .es-v13-pillar-title, .es-v13-result-label),
html:not([data-theme="dark"]) .insight-detail-page .rt-blog .bento-card .card-title :is(span, strong, em) {
  color: var(--text-white, #fff) !important;
}

html:not([data-theme="dark"]) .insight-detail-page .rt-blog .bento-card .card-desc :is(span, strong, em) {
  color: inherit !important;
}

html:not([data-theme="dark"]) .insight-detail-page .rt-blog :is(.bento-wrapper, .bento-card) :is(.text-danger, .card-label.danger, .es-v5-label.text-danger, .es-v5-tooltip) {
  color: var(--danger-color, #ff5555) !important;
}

html:not([data-theme="dark"]) .insight-detail-page .rt-blog :is(.bento-wrapper, .bento-card) :is(.card-label, .es-v13-highlight, .es-v13-logo-text, .es-v13-result-icon) {
  color: var(--accent-color, #d4fe76) !important;
}

html:not([data-theme="dark"]) .insight-detail-page .rt-blog :is(.bento-wrapper, .bento-card) .highlight {
  background: none !important;
  color: var(--accent-color, #d4fe76) !important;
  -webkit-text-fill-color: var(--accent-color, #d4fe76) !important;
}

html:not([data-theme="dark"]) .insight-detail-page .rt-blog :is(.bento-wrapper, .bento-card) :is(.es-v5-badge-ok, .badge-new, .es-v13-btn-shine) {
  color: #000 !important;
}

.insight-detail-page .rt-blog .insight-image-caption,
.insight-detail-page .rt-blog figure figcaption.insight-image-caption {
  color: rgba(16, 16, 17, .52);
  font-family: var(--earlysmarter--text-size-regular);
  font-size: .92em;
  line-height: 1.6;
  text-align: center;
  margin: .75rem 0 0;
  word-break: keep-all;
}

[data-theme="dark"] .insight-detail-page .rt-blog .insight-image-caption,
[data-theme="dark"] .insight-detail-page .rt-blog figure figcaption.insight-image-caption {
  color: rgba(251, 251, 251, .56);
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) {
  background-color: var(--theme-page);
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) .top-hero.for-inner,
html:not([data-theme="dark"]) .page-content:has(#gallery-container) .section-8.with-work-page,
html:not([data-theme="dark"]) .page-content:has(#gallery-container) .recommendation-section {
  background-color: var(--theme-page);
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) .display-1.second.with-vw,
html:not([data-theme="dark"]) .page-content:has(#gallery-container) .subhead-main,
html:not([data-theme="dark"]) .page-content:has(#gallery-container) .bottom-ver-header-text,
html:not([data-theme="dark"]) .page-content:has(#gallery-container) .rich-text-block,
html:not([data-theme="dark"]) .page-content:has(#gallery-container) #work-details,
html:not([data-theme="dark"]) .page-content:has(#gallery-container) #work-details :is(p, h1, h2, h3, h4, h5, h6, li, strong, em, span) {
  color: #101011;
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) .subhead-main.for-footer-title {
  color: rgba(16, 16, 17, .5);
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) .subhead-main.about-text,
html:not([data-theme="dark"]) .page-content:has(#gallery-container) .rich-text-block {
  color: rgba(16, 16, 17, .78);
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) .line-flex {
  border-top-color: rgba(16, 16, 17, .18);
  border-bottom-color: rgba(16, 16, 17, .08);
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) .line-flex.bottom {
  border-bottom-color: transparent;
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) .work-service-tag {
  background: rgba(255, 255, 255, .36);
  border-color: rgba(255, 255, 255, .9);
  color: #101011;
  box-shadow: 0 10px 26px rgba(20, 16, 11, .12), inset 0 0 0 1px rgba(16, 16, 17, .08);
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) .link-3 {
  color: #315b00;
  font-weight: 650;
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) .case-picture .photo-wrapper-2 {
  background: var(--theme-surface-soft);
  border: 1px solid rgba(255, 255, 255, .66);
  box-shadow: 0 18px 48px rgba(31, 23, 13, .1);
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) #recommendation-list .work-wrapper-first {
  background: transparent;
  box-shadow: none;
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) #recommendation-list .photo-wrapper {
  border-radius: .75rem;
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) #recommendation-list .work-title-first {
  color: #101011;
  font-size: var(--earlysmarter--medium);
  line-height: var(--earlysmarter--large);
  font-weight: 500;
}

html:not([data-theme="dark"]) .page-content:has(#gallery-container) #recommendation-list .category-title {
  color: #101011;
  opacity: .42;
  font-size: var(--earlysmarter--medium);
  line-height: var(--earlysmarter--large);
}

[data-theme="dark"] .page-content:has(#gallery-container) .display-1.second.with-vw,
[data-theme="dark"] .page-content:has(#gallery-container) .subhead-main,
[data-theme="dark"] .page-content:has(#gallery-container) .bottom-ver-header-text,
[data-theme="dark"] .page-content:has(#gallery-container) .rich-text-block,
[data-theme="dark"] .page-content:has(#gallery-container) #work-details,
[data-theme="dark"] .page-content:has(#gallery-container) #work-details :is(p, h1, h2, h3, h4, h5, h6, li, strong, em, span) {
  color: #fbfbfb;
}

[data-theme="dark"] .page-content:has(#gallery-container) .subhead-main.for-footer-title {
  color: rgba(251, 251, 251, .62);
}

@media screen and (max-width: 991px) {
  .navbar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3000;
    height: 4.25rem;
    background: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  html:not([data-theme="dark"]) .navbar {
    border-bottom: 0 !important;
    background: transparent !important;
    box-shadow: none;
  }

  html:not([data-theme="dark"]) .navbar:has(.menu-button.w--open),
  html:not([data-theme="dark"]) .navbar:has([data-nav-menu-open]) {
    background: var(--theme-page) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  .navbar .padding-global,
  .navbar .container {
    height: 100%;
  }

  .navbar .w-nav-overlay {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2999 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    overflow-y: auto !important;
    background: rgba(12, 12, 12, .96) !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(18px) saturate(118%) !important;
    backdrop-filter: blur(18px) saturate(118%) !important;
  }

  html:not([data-theme="dark"]) .navbar .w-nav-overlay {
    background: var(--theme-page) !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(34px) saturate(108%) !important;
    backdrop-filter: blur(34px) saturate(108%) !important;
  }

  .navbar .w-nav-overlay [data-nav-menu-open] {
    position: static !important;
    width: 100% !important;
    min-height: 100vh !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html:not([data-theme="dark"]) .navbar .w-nav-overlay [data-nav-menu-open] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(36px) saturate(108%) !important;
    backdrop-filter: blur(36px) saturate(108%) !important;
  }

  .navbar-component {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 4.25rem;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .brand {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 3002;
    flex: none;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0 !important;
    border-radius: 999px;
    transform: translateY(-50%);
    overflow: hidden;
  }

  .brand .image-2 {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
  }

  .nav-menu-wrap {
    background-color: transparent !important;
  }

  .menu-button,
  .menu-button.w--open {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    z-index: 3002;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(16, 16, 17, .1);
    border-radius: 999px;
    background-color: rgba(255, 255, 255, .72) !important;
    box-shadow: 0 12px 32px rgba(16, 22, 29, .12), inset 0 1px 0 rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: blur(16px) saturate(120%);
    backdrop-filter: blur(16px) saturate(120%);
    transform: translateY(-50%);
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
  }

  .menu-button.w--open {
    border-color: rgba(16, 16, 17, .18);
    background-color: rgba(255, 255, 255, .9) !important;
  }

  html[data-theme="dark"] .menu-button,
  html[data-theme="dark"] .menu-button.w--open {
    border-color: rgba(251, 251, 251, .16);
    background: rgba(16, 16, 17, .72) !important;
    background-color: rgba(16, 16, 17, .72) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .08);
  }

  html[data-theme="dark"] .menu-button.w--open {
    background: rgba(16, 16, 17, .92) !important;
    background-color: rgba(16, 16, 17, .92) !important;
  }

  .menu-button .menu-icon,
  .menu-button.w--open .menu-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #101011;
  }

  html[data-theme="dark"] .menu-button .menu-icon,
  html[data-theme="dark"] .menu-button.w--open .menu-icon {
    color: #fbfbfb;
  }

  .right-navbar-content {
    display: none !important;
  }

  html:not([data-theme="dark"]) .navbar .w-nav-overlay nav.nav-menu {
    color: #101011;
    background: transparent !important;
  }

  .navbar .w-nav-overlay nav.nav-menu {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 100vh !important;
    max-height: none !important;
    padding: 4.9rem 1rem 1.25rem !important;
    background: transparent !important;
    text-align: center;
    overflow-y: auto;
  }

  nav.nav-menu .nav-link,
  nav.nav-menu .nav-portfolio-dropdown,
  nav.nav-menu .mobile-navbar-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  nav.nav-menu .mobile-navbar-content {
    width: min(100%, 18rem) !important;
    margin-top: .65rem;
    gap: 0;
  }

  nav.nav-menu .mobile-navbar-content .link-block-navbar {
    display: none !important;
  }

  nav.nav-menu .mobile-navbar-content .primary-button.mobile-navbar-button {
    display: flex !important;
    width: 100%;
    justify-content: center;
  }

  html:not([data-theme="dark"]) nav.nav-menu :is(.nav-link, .link-block-navbar, .nav-dropdown-link),
  html:not([data-theme="dark"]) nav.nav-menu .nav-menu,
  html:not([data-theme="dark"]) nav.nav-menu .mobile-navbar-button {
    color: #101011 !important;
    background-color: transparent !important;
    opacity: 1;
    text-shadow: none;
  }

  html:not([data-theme="dark"]) nav.nav-menu .primary-button.mobile-navbar-button {
    background: var(--theme-accent-gradient) !important;
    border: 1px solid var(--theme-accent-strong);
  }

  nav.nav-menu > .language-switcher.mobile {
    margin: 0 auto .7rem !important;
  }

  nav.nav-menu > .theme-toggle--mobile {
    margin: 0 auto 1rem !important;
  }

  nav.nav-menu .mobile-navbar-content .language-switcher.mobile,
  nav.nav-menu .mobile-navbar-content .theme-toggle--mobile {
    align-self: center;
    margin: .25rem 0;
  }

  nav.nav-menu .mobile-navbar-content .theme-toggle--mobile {
    margin-bottom: 1rem;
  }

  nav.nav-menu > .nav-link,
  nav.nav-menu > .nav-portfolio-dropdown,
  nav.nav-menu > .mobile-navbar-content {
    width: 100%;
  }

  nav.nav-menu > .nav-link,
  nav.nav-menu .nav-portfolio-dropdown > .nav-link,
  nav.nav-menu > .nav-link.w--current {
    margin: .45rem auto !important;
  }

  nav.nav-menu > .nav-portfolio-dropdown {
    display: flex;
  }

  nav.nav-menu .nav-dropdown-menu {
    position: static !important;
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 .7rem !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  [data-theme="dark"] nav.nav-menu .nav-dropdown-link {
    color: rgba(251, 251, 251, .68) !important;
    font-weight: 500;
    text-align: center;
  }

  html:not([data-theme="dark"]) nav.nav-menu .nav-dropdown-link {
    color: rgba(16, 16, 17, .62) !important;
    font-weight: 500;
    text-align: center;
  }

  nav.nav-menu .nav-dropdown-link {
    padding-top: .22rem !important;
    padding-bottom: .22rem !important;
  }

  html:not([data-theme="dark"]) #portfolio .works-wrapper {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
  }

  html:not([data-theme="dark"]) #portfolio .works-block {
    width: min(88vw, 28rem);
    max-width: min(88vw, 28rem);
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center;
  }

  html:not([data-theme="dark"]) #portfolio .works-link-wrapper,
  html:not([data-theme="dark"]) #portfolio .works-text-block {
    width: 100%;
    min-width: 0;
  }

  html:not([data-theme="dark"]) section:has(.footer-component),
  html:not([data-theme="dark"]) section:has(.footer-component) > .padding-global,
  html:not([data-theme="dark"]) section:has(.footer-component) .container,
  html:not([data-theme="dark"]) section:has(.footer-component) .w-container {
    background-color: #101011;
  }

  html:not([data-theme="dark"]) section:has(.footer-component) {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow-x: clip;
  }

  html:not([data-theme="dark"]) .footer-component {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .big-text.black {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    white-space: nowrap;
    text-align: center;
    letter-spacing: -.08em;
    font-size: clamp(3.4rem, 14vw, 5rem);
    line-height: .9;
    left: 0;
  }

  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) #portfolio-list .category-title,
  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-section-grid .category-title {
    color: rgba(16, 16, 17, .72);
    opacity: 1;
    font-weight: 600;
  }

  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .blog-tag,
  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .blog-tag .text-size-small {
    color: #101011;
    opacity: 1;
  }

  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-section-grid,
  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) #portfolio-list.work-grid {
    width: min(100%, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
    margin-left: auto;
    margin-right: auto;
  }

  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .portfolio-section-grid .w-dyn-item,
  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) #portfolio-list .w-dyn-item,
  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .work-wrapper-first {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .work-wrapper-first .vertical-flex,
  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .work-wrapper-first .title-line-wrapper,
  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .work-wrapper-first .flex-tag-main {
    width: 100%;
    max-width: 100%;
    align-items: center;
    justify-content: center;
  }

  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .work-wrapper-first .work-title-first,
  html:not([data-theme="dark"]) .page-content:has(#portfolio-list) .work-wrapper-first .category-title {
    width: 100%;
    text-align: center;
  }

  html:not([data-theme="dark"]) body:has(#blog-container) .big-text.black.blog {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    white-space: nowrap;
    text-align: center;
    letter-spacing: -.08em;
    font-size: clamp(3.4rem, 14vw, 5rem);
    line-height: .9;
    left: 0;
  }

  html:not([data-theme="dark"]) .page-content:has(#post-body) #post-body :is(img, figure) {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  html:not([data-theme="dark"]) .page-content:has(#post-body) #post-body figure {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  html:not([data-theme="dark"]) .page-content:has(#post-body) #post-body img {
    max-width: 100%;
    height: auto;
  }

  html:not([data-theme="dark"]) .footer-component {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  html:not([data-theme="dark"]) .hero-component,
  html:not([data-theme="dark"]) .hero-component .max-width-70ch {
    max-width: min(100%, calc(100vw - 3rem));
  }

  .big-text.black,
  .big-text.black.blog {
    max-width: 100vw;
    overflow: hidden;
    left: 0;
    transform: none;
  }

  html[data-theme="dark"] .page-content:has(#portfolio-list) .big-text.black,
  html[data-theme="dark"] body:has(#blog-container) .big-text.black.blog {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    white-space: nowrap;
    text-align: center;
    letter-spacing: -.08em;
    font-size: clamp(3.4rem, 14vw, 5rem);
    line-height: .9;
    left: 0;
  }

  html[data-theme="dark"] .page-content:has(#post-body) #post-body :is(img, figure) {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  html[data-theme="dark"] .page-content:has(#post-body) #post-body figure {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  html[data-theme="dark"] .page-content:has(#post-body) #post-body img {
    max-width: 100%;
    height: auto;
  }

  html:not([data-theme="dark"]) body:has(#blog-container) .big-text.black.blog {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    color: #101011;
    text-align: center;
  }

  .portfolio-category-grid.work-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 767px) {
  html:not([data-theme="dark"]) .hero-component,
  html:not([data-theme="dark"]) .hero-component .max-width-70ch,
  html:not([data-theme="dark"]) .service-cards-wrapper .header,
  html:not([data-theme="dark"]) .service-cards-wrapper .max-width-46ch {
    max-width: calc(100vw - 2rem);
  }

  html:not([data-theme="dark"]) .service-cards-wrapper .heading-4 {
    overflow-wrap: anywhere;
  }

  html:not([data-theme="dark"]) .section-11 .utilities-rtb-wrapper,
  html:not([data-theme="dark"]) .section-11 .max-width-38rem,
  html:not([data-theme="dark"]) .section-11 .privacy-policy-section {
    width: min(100%, calc(100vw - 2rem));
    max-width: min(38rem, calc(100vw - 2rem));
    margin-left: auto;
    margin-right: auto;
  }

  .portfolio-category-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 1.1rem;
  }
}

@media screen and (max-width: 479px) {
  html:not([data-theme="dark"]) .hero-component,
  html:not([data-theme="dark"]) .hero-component .max-width-70ch {
    max-width: calc(100vw - 1.5rem);
  }

  .portfolio-category-grid.work-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-sections {
    gap: 4rem;
  }
}

body:has(.variant-section) {
  overflow-x: clip;
}

.variant-section,
.variant-section .padding-global,
.variant-section .container,
.variant-section .service-cards-wrapper,
.variant-section .header,
.variant-section .max-width-46ch,
.variant-section .max-width-50ch {
  min-width: 0;
  max-width: 100%;
}

.variant-section .text-size-small.pc,
.variant-section .text-size-small.mobile,
.variant-section .heading-4,
.variant-section .text-size-regular {
  word-break: normal;
  overflow-wrap: anywhere;
}

@media screen and (max-width: 991px) {
  .variant-section {
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: clip;
  }

  .variant-section .padding-global {
    padding-left: 0;
    padding-right: 0;
  }

  .variant-section .service-cards-wrapper {
    width: 100%;
  }
}

html:not([data-theme="dark"]) .label_wrap .text-style-label.white-bg,
[data-theme="dark"] .label_wrap .text-style-label.white-bg {
  background-color: transparent;
  border: 1px solid currentColor;
  border-radius: 999px;
  padding: .45rem .8rem .5rem;
}

html:not([data-theme="dark"]) .label_wrap .text-style-label.white-bg {
  color: #3a3124;
}

[data-theme="dark"] .label_wrap .text-style-label.white-bg {
  color: #fbfbfb;
  border-color: #fbfbfb66;
}

html:not([data-theme="dark"]) .heading-style-h3.beige-bg {
  color: #211d17;
  font-weight: 500;
}

html:not([data-theme="dark"]) .footer-component,
html:not([data-theme="dark"]) .footer-heading,
html:not([data-theme="dark"]) .footer-grid {
  color: #fbfbfb;
}

html:not([data-theme="dark"]) .footer-component {
  background-color: #101011;
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: max(2.5rem, calc((100vw - 100rem) / 2 + 2.5rem));
  padding-right: max(2.5rem, calc((100vw - 100rem) / 2 + 2.5rem));
  overflow-x: clip;
  box-shadow: 0 -1px 0 #ffffff12;
}

@media screen and (max-width: 991px) {
  html:not([data-theme="dark"]) .footer-component {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

html:not([data-theme="dark"]) .footer-grid .text-size-large,
html:not([data-theme="dark"]) .footer-link {
  color: #fbfbfb;
  font-weight: 600;
}

html:not([data-theme="dark"]) .footer-link {
  opacity: .76;
}

html:not([data-theme="dark"]) .footer-link:hover {
  opacity: 1;
  color: var(--earlysmarter--point-lime);
}

html:not([data-theme="dark"]) .privacy-link {
  color: #fbfbfb;
  font-weight: 600;
  opacity: .82;
  text-decoration-color: #fbfbfb80;
}

html:not([data-theme="dark"]) .privacy-link:hover {
  opacity: 1;
  color: var(--earlysmarter--point-lime);
}

html:not([data-theme="dark"]) .footer-heading img {
  filter: drop-shadow(0 0 22px var(--theme-accent-glow));
}

html:not([data-theme="dark"]) .form-input,
html:not([data-theme="dark"]) .text-field,
html:not([data-theme="dark"]) .textarea,
html:not([data-theme="dark"]) input,
html:not([data-theme="dark"]) textarea {
  background-color: #fffdf7;
  border-color: var(--theme-line);
  color: var(--theme-text);
}

html:not([data-theme="dark"]) .form-input::placeholder,
html:not([data-theme="dark"]) .text-field::placeholder,
html:not([data-theme="dark"]) .textarea::placeholder,
html:not([data-theme="dark"]) input::placeholder,
html:not([data-theme="dark"]) textarea::placeholder {
  color: #7d786d;
}

.theme-toggle {
  z-index: 1100;
  grid-column-gap: .45rem;
  grid-row-gap: .45rem;
  color: var(--theme-text);
  background: color-mix(in srgb, var(--theme-surface) 88%, transparent);
  border: 1px solid var(--theme-line);
  border-radius: 999px;
  align-items: center;
  min-width: 5.8rem;
  height: 2.25rem;
  padding: .2rem .36rem;
  font-family: var(--earlysmarter--nav-menu);
  font-size: .78rem;
  line-height: 1;
  box-shadow: var(--theme-shadow);
  cursor: pointer;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .2s ease;
  display: inline-flex;
}

.theme-toggle:hover {
  transform: translateY(1px);
}

.theme-toggle__icon {
  background: linear-gradient(135deg, var(--earlysmarter--point-lime), var(--earlysmarter--point-green));
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 1.55rem;
  height: 1.55rem;
  color: #101011;
  display: inline-flex;
}

.theme-toggle__icon svg {
  width: .95rem;
  height: .95rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.theme-toggle__icon svg circle,
.theme-toggle__icon svg path:first-child {
  fill: currentColor;
}

.theme-toggle__label {
  min-width: 2.7rem;
  text-align: center;
}

.theme-toggle--standalone {
  position: fixed;
  top: 1.35rem;
  right: 1.35rem;
}

.theme-toggle--mobile {
  display: none;
}

@media screen and (max-width: 991px) {
  html:not([data-theme="dark"]) .form-wrapper {
    width: min(100%, 46rem);
  }

  html:not([data-theme="dark"]) .section-10 .faq-wrapper {
    max-width: min(92vw, 56rem);
  }

  .theme-toggle {
    min-width: 2.25rem;
    padding-right: .34rem;
  }

  .right-navbar-content .theme-toggle--desktop {
    display: none;
  }

  .theme-toggle--mobile {
    position: static;
    display: inline-flex;
    width: max-content;
    min-width: 4.9rem;
    margin: 0 0 .45rem;
    padding-right: .5rem;
    background: var(--theme-surface-strong);
  }

  [data-theme="dark"] .theme-toggle--mobile {
    background: rgba(255, 255, 255, .08);
  }

  .theme-toggle--mobile .theme-toggle__label {
    display: inline-block;
  }

  .theme-toggle--standalone {
    right: 1rem;
    top: .85rem;
  }
}

@media screen and (max-width: 479px) {
  .brand {
    width: 2.55rem;
    height: 2.55rem;
  }

  .theme-toggle--standalone {
    top: .7rem;
    right: .75rem;
  }
}

/* Responsive light-mode polish for pages inherited from the dark Webflow build. */
html:not([data-theme="dark"]) .hero-component .text-size-small.pc,
html:not([data-theme="dark"]) .hero-component .text-size-small.pc strong {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

html:not([data-theme="dark"]) #service :is(.text-size-small.pc, .text-size-small.mobile),
html:not([data-theme="dark"]) #service :is(.text-size-small.pc, .text-size-small.mobile) strong {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

html:not([data-theme="dark"]) .hero-component .text-size-small.pc {
  width: min(100%, 70ch);
}

html[lang="ko"]:not([data-theme="dark"]) .hero-component .text-size-small.pc,
html[lang="ko"]:not([data-theme="dark"]) .hero-component .text-size-small.pc strong {
  word-break: keep-all;
}

html[lang="en"]:not([data-theme="dark"]) .hero-component .text-size-small.pc,
html[lang="en"]:not([data-theme="dark"]) .hero-component .text-size-small.pc strong,
html[lang="en"]:not([data-theme="dark"]) #service :is(.text-size-small.pc, .text-size-small.mobile),
html[lang="en"]:not([data-theme="dark"]) #service :is(.text-size-small.pc, .text-size-small.mobile) strong {
  word-break: normal;
}

html:not([data-theme="dark"]) .utility-page-content,
html:not([data-theme="dark"]) .utility-page-form {
  max-width: calc(100vw - 2rem);
  overflow-wrap: anywhere;
}

html:not([data-theme="dark"]) .password-heading {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.06;
}

html[lang="ko"]:not([data-theme="dark"]) .password-heading {
  word-break: keep-all;
}

html[lang="en"]:not([data-theme="dark"]) .password-heading {
  word-break: normal;
}

html:not([data-theme="dark"]) .section-11 .paragraph-7 {
  width: 100%;
  max-width: 100%;
}

.variant-section .header,
.variant-section .header .text-size-small,
.variant-section .integrations-block,
.variant-section .integrations-block .text-size-regular {
  width: min(100%, 100%);
  max-width: 100%;
  min-width: 0;
}

@media screen and (max-width: 991px) {
  html:not([data-theme="dark"]) .password-heading {
    font-size: clamp(2.7rem, 9vw, 5rem);
  }

  .variant-section .header .text-size-small {
    width: auto;
    max-width: min(46rem, calc(100vw - 2rem));
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  html:not([data-theme="dark"]) .hero-component .text-size-small.pc {
    width: min(100%, calc(100vw - 2rem));
  }

  html:not([data-theme="dark"]) .password-heading {
    font-size: clamp(2.25rem, 10vw, 4rem);
  }

  .variant-section .header .text-size-small {
    max-width: calc(100vw - 2rem);
  }
}