html {
  scroll-behavior: smooth;
}

:root {
  --cp-color-canvas: #fffefa;
  --cp-color-surface: #f5f8fa;
  --cp-color-surface-strong: #eef4f7;
  --cp-color-ink: #15161e;
  --cp-color-text: #24313a;
  --cp-color-muted: #657680;
  --cp-color-line: rgba(21, 22, 30, 0.16);
  --cp-color-line-strong: rgba(21, 22, 30, 0.28);
  --cp-color-brand: #315f9f;
  --cp-color-brand-strong: #214a83;
  --cp-color-accent: #80d8ef;
  --cp-color-focus: #0f6fff;
  --cp-color-success: #0b8f5a;
  --cp-color-warning: #a86400;
  --cp-color-error: #b42318;
  --cp-color-on-dark: #f8fbff;
  --cp-font-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --cp-font-display: var(--s-font-d09cd289), "Noto Sans JP", sans-serif;
  --cp-font-latin: Rubik, Inter, "Noto Sans JP", sans-serif;
  --cp-font-logo: var(--s-font-2da8cd40), Rubik, sans-serif;
  --cp-text-hero: clamp(36px, 4.6vw, 56px);
  --cp-text-h1: clamp(34px, 4vw, 52px);
  --cp-text-h2: clamp(28px, 3.4vw, 44px);
  --cp-text-h3: clamp(22px, 2.5vw, 34px);
  --cp-text-body: clamp(15px, 1.15vw, 16px);
  --cp-text-small: 13px;
  --cp-text-label: 12px;
  --cp-leading-tight: 1.22;
  --cp-leading-heading: 1.38;
  --cp-leading-body: 1.95;
  --cp-space-1: 4px;
  --cp-space-2: 8px;
  --cp-space-3: 12px;
  --cp-space-4: 16px;
  --cp-space-5: 24px;
  --cp-space-6: 32px;
  --cp-space-7: 48px;
  --cp-space-8: 64px;
  --cp-space-9: 96px;
  --cp-section-y: clamp(80px, 10vw, 144px);
  --cp-page-x: clamp(22px, 6vw, 86px);
  --cp-content-max: 1120px;
  --cp-radius-sm: 4px;
  --cp-radius-md: 8px;
  --cp-border-subtle: 1px solid var(--cp-color-line);
  --cp-border-strong: 1px solid var(--cp-color-line-strong);
  --cp-shadow-sm: 0 8px 24px rgba(21, 22, 30, 0.08);
  --cp-shadow-md: 0 20px 52px rgba(21, 22, 30, 0.12);
  --cp-shadow-focus: 0 0 0 3px rgba(15, 111, 255, 0.25);
  --cp-breakpoint-mobile: 428px;
  --cp-breakpoint-tablet: 840px;
  --cp-z-header: 80;
  --cp-z-skip-link: 1000;
  --cp-duration-ui: 180ms;
  --cp-duration-reveal: 900ms;
  --cp-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --cp-service-badge-size: 54px;
}

body.cyber-trail-mode {
  --trail-paper: var(--cp-color-canvas);
  --trail-ink: var(--cp-color-ink);
  --trail-muted: var(--cp-color-muted);
  --trail-line: var(--cp-color-line);
  --trail-blue: var(--cp-color-brand);
  --trail-cyan: var(--cp-color-accent);
  --trail-surface: var(--cp-color-surface);
  background: var(--trail-paper);
  color: var(--trail-ink);
  font-feature-settings: "palt" 1;
  overflow-x: hidden;
}

body.cyber-trail-mode * {
  box-sizing: border-box;
}

.studio-banner-popover,
a[href*="studio.design/ja/"][href*="STUDIO%20Banner"] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

body.cyber-trail-mode a,
body.cyber-trail-mode button,
body.cyber-trail-mode summary,
body.cyber-trail-mode [role="button"],
body.cyber-trail-mode [tabindex]:not([tabindex="-1"]) {
  outline: none;
}

body.cyber-trail-mode a:focus-visible,
body.cyber-trail-mode button:focus-visible,
body.cyber-trail-mode summary:focus-visible,
body.cyber-trail-mode [role="button"]:focus-visible,
body.cyber-trail-mode [tabindex]:not([tabindex="-1"]):focus-visible {
  box-shadow: var(--cp-shadow-focus);
  outline: 2px solid var(--cp-color-focus);
  outline-offset: 4px;
}

.cp-skip-link {
  background: var(--cp-color-ink);
  color: var(--cp-color-on-dark);
  font-family: var(--cp-font-sans);
  font-size: var(--cp-text-small);
  left: var(--cp-space-4);
  padding: var(--cp-space-3) var(--cp-space-4);
  position: fixed;
  top: var(--cp-space-4);
  transform: translateY(-160%);
  transition: transform var(--cp-duration-ui) ease;
  z-index: var(--cp-z-skip-link);
}

.cp-skip-link:focus-visible {
  transform: translateY(0);
}

.cp-motion-progress {
  background: linear-gradient(90deg, var(--cp-color-brand), var(--cp-color-accent), var(--cp-color-brand-strong));
  display: none;
  height: 3px;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: scaleX(0);
  transform-origin: left center;
  width: 100%;
  z-index: calc(var(--cp-z-header) + 2);
}

body.cyber-trail-mode::before {
  content: none;
}

body.cyber-trail-mode #__nuxt {
  background: var(--trail-paper);
  position: relative;
  z-index: 1;
}

body.cyber-trail-mode header.sd:not(.fixed) {
  align-items: center !important;
  background: rgba(255, 254, 250, 0.92) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  left: 0 !important;
  padding: 18px clamp(18px, 4.6vw, 64px) !important;
  position: fixed !important;
  top: 0 !important;
  transition: border-color 360ms ease, box-shadow 360ms ease, padding 360ms ease;
  width: 100% !important;
  z-index: var(--cp-z-header) !important;
}

body.cyber-trail-mode.is-trail-scrolled header.sd:not(.fixed) {
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  padding-bottom: 14px !important;
  padding-top: 14px !important;
}

body.cyber-trail-mode header.sd:not(.fixed) .text {
  color: var(--trail-ink) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.cyber-trail-mode header.sd:not(.fixed) nav {
  align-items: center !important;
  gap: clamp(16px, 2.2vw, 30px) !important;
  margin: 0 !important;
}

body.cyber-trail-mode header.sd:not(.fixed) nav a {
  align-items: center !important;
  display: inline-flex !important;
  min-height: 44px !important;
  text-decoration: none !important;
}

body.cyber-trail-mode header.sd:not(.fixed) nav a[href="/#contact"],
body.cyber-trail-mode header.sd:not(.fixed) nav a[href="#contact"] {
  display: none !important;
}

body.cyber-trail-mode header.sd:not(.fixed) nav .text {
  align-items: center !important;
  border: 0 !important;
  color: var(--trail-ink) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  margin: 0 !important;
  min-height: 44px !important;
  opacity: 0.78;
  padding: 0 2px !important;
  position: relative;
  transition: opacity 240ms ease, transform 240ms ease;
}

body.cyber-trail-mode header.sd:not(.fixed) nav .text::after {
  content: none !important;
}

body.cyber-trail-mode header.sd:not(.fixed) nav .text:hover {
  opacity: 1;
  transform: translateY(-1px);
}

body.cyber-trail-mode header.sd:not(.fixed) nav .text:hover::after {
  transform: scaleX(1);
}

body.cyber-trail-mode header.fixed.sd {
  color: var(--trail-ink) !important;
  opacity: 0.7;
  right: 8px !important;
  z-index: 20 !important;
}

body.cyber-trail-mode main.sd {
  background: var(--trail-paper) !important;
  overflow: visible !important;
}

body.cyber-trail-mode .cp-hero-shell,
body.cyber-trail-mode [data-s-cb1e24b5-7cf8-49be-a2e1-7f830400ab59] {
  align-items: stretch !important;
  background: var(--trail-paper) !important;
  align-self: stretch !important;
  display: flex !important;
  flex: none !important;
  justify-content: center !important;
  min-height: 100vh !important;
  margin: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  padding: clamp(96px, 12vh, 128px) clamp(22px, 6vw, 86px) clamp(42px, 6vw, 64px) !important;
  position: relative !important;
  width: 100% !important;
}

body.cyber-trail-mode .cp-hero-shell::before,
body.cyber-trail-mode [data-s-cb1e24b5-7cf8-49be-a2e1-7f830400ab59]::before {
  content: none !important;
}

body.cyber-trail-mode .cp-hero-shell::after,
body.cyber-trail-mode [data-s-cb1e24b5-7cf8-49be-a2e1-7f830400ab59]::after {
  content: none !important;
}

body.cyber-trail-mode.is-ready .cp-hero-shell,
body.cyber-trail-mode.is-ready [data-s-cb1e24b5-7cf8-49be-a2e1-7f830400ab59] {
  --trail-hero-line: 1;
}

body.cyber-trail-mode .cp-hero,
body.cyber-trail-mode [data-s-773f3ce4-9240-4e89-8f12-9c53e0e9a53e] {
  align-items: center !important;
  background: transparent !important;
  border-radius: 4px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  height: auto !important;
  isolation: isolate !important;
  justify-content: center !important;
  min-height: calc(100vh - 176px) !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

body.cyber-trail-mode .cp-hero::before,
body.cyber-trail-mode [data-s-773f3ce4-9240-4e89-8f12-9c53e0e9a53e]::before {
  background-image: url("/external/storage.googleapis.com/studio-design-asset-files/projects/bXqzMN8DOD/s-2400x1406_v-frms_webp_cd6ebc7a-8007-4f39-a4d8-6c5aed959105.jpg") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border: 0 !important;
  box-shadow: none !important;
  content: "" !important;
  filter: brightness(0.6) !important;
  height: 100% !important;
  inset: 0 !important;
  opacity: 1 !important;
  position: absolute !important;
  transform: none !important;
  width: 100% !important;
  z-index: 0 !important;
}

body.cyber-trail-mode .cp-hero::after,
body.cyber-trail-mode [data-s-773f3ce4-9240-4e89-8f12-9c53e0e9a53e]::after {
  -webkit-mask-image: linear-gradient(108deg, transparent 0%, transparent 36%, rgba(0, 0, 0, 0.08) 43%, rgba(0, 0, 0, 0.72) 52%, #000 62%, #000 100%) !important;
  background-image: url("/assets/hero-person-office.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  content: "" !important;
  filter: brightness(0.68) saturate(0.98) !important;
  height: 100% !important;
  inset: 0 !important;
  mask-image: linear-gradient(108deg, transparent 0%, transparent 36%, rgba(0, 0, 0, 0.08) 43%, rgba(0, 0, 0, 0.72) 52%, #000 62%, #000 100%) !important;
  opacity: 0.96 !important;
  pointer-events: none !important;
  position: absolute !important;
  transform: none !important;
  width: 100% !important;
  z-index: 1 !important;
}

body.cyber-trail-mode .cp-hero-copy,
body.cyber-trail-mode [data-s-9bd7acbb-5798-428e-9d22-40959d4548c3] {
  align-items: flex-start !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  flex-direction: column !important;
  justify-content: center !important;
  left: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: auto !important;
  opacity: var(--cp-motion-hero-opacity, 1) !important;
  padding-inline: clamp(28px, 7vw, 96px) !important;
  position: relative !important;
  top: auto !important;
  transform: translate3d(0, var(--cp-motion-hero-y, 0px), 0) !important;
  width: 100% !important;
  z-index: 5 !important;
}

body.cyber-trail-mode .cp-hero-copy::before,
body.cyber-trail-mode [data-s-9bd7acbb-5798-428e-9d22-40959d4548c3]::before {
  color: var(--trail-blue);
  content: "Draw the next stage for every creator.";
  display: none;
  font-family: "Times New Roman", "Yu Mincho", serif;
  font-size: clamp(18px, 2.3vw, 34px);
  font-style: italic;
  line-height: 1.25;
  margin: 0 0 clamp(20px, 3vw, 42px);
  opacity: 0.86;
}

body.cyber-trail-mode .cp-hero-title,
body.cyber-trail-mode [data-s-d2ba187d-7499-48a2-b562-ec58c0d7cc91] {
  color: #eeeeee !important;
  font-family: var(--s-font-d09cd289), "Noto Sans JP", sans-serif !important;
  font-size: clamp(34px, 4.2vw, 52px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: min(900px, 100%) !important;
  overflow-wrap: normal !important;
  text-align: left !important;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2) !important;
  white-space: nowrap !important;
  width: 100% !important;
  word-break: keep-all !important;
}

.trail-section-label {
  color: var(--trail-blue);
  font-family: Rubik, "Noto Sans JP", sans-serif;
  font-size: clamp(13px, 1.25vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: clamp(20px, 3vw, 40px);
}

body.cyber-trail-mode #works,
body.cyber-trail-mode #message,
body.cyber-trail-mode #company {
  background: var(--trail-paper) !important;
  border-top: 0 !important;
  margin: 0 !important;
  padding: clamp(86px, 11vw, 150px) clamp(22px, 6vw, 86px) !important;
  position: relative !important;
  width: 100% !important;
}

body.cyber-trail-mode #works::before,
body.cyber-trail-mode #message::before,
body.cyber-trail-mode #company::before {
  content: none !important;
}

body.cyber-trail-mode #works > *,
body.cyber-trail-mode #message > *,
body.cyber-trail-mode #company > * {
  position: relative;
  z-index: 1;
}

body.cyber-trail-mode #works {
  align-items: stretch !important;
  background: var(--cp-color-surface) !important;
  background-color: var(--cp-color-surface) !important;
  gap: 0 !important;
}

body.cyber-trail-mode #works > .sd:first-of-type {
  align-self: stretch !important;
  margin: 0 0 clamp(30px, 5vw, 62px) !important;
}

body.cyber-trail-mode #works .cp-works-intro,
body.cyber-trail-mode #works [data-s-73d8c2f6-762f-43a3-8ab9-8628db5cc51a] {
  align-items: center !important;
  background: transparent !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: clamp(24px, 3.5vw, 52px) !important;
  justify-content: center !important;
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--cp-content-max) !important;
  place-items: center !important;
  row-gap: clamp(24px, 3.5vw, 52px) !important;
  text-align: center !important;
  width: 100% !important;
}

body.cyber-trail-mode #works .cp-works-intro > h2,
body.cyber-trail-mode #works .cp-works-intro > .cp-business-overview,
body.cyber-trail-mode #works [data-s-73d8c2f6-762f-43a3-8ab9-8628db5cc51a] > h2,
body.cyber-trail-mode #works [data-s-73d8c2f6-762f-43a3-8ab9-8628db5cc51a] > .cp-business-overview {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.cyber-trail-mode #works h2,
body.cyber-trail-mode #message h2,
body.cyber-trail-mode #company h2 {
  color: var(--trail-ink) !important;
  font-family: "Noto Sans JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
  font-size: clamp(30px, 4.2vw, 62px) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  text-shadow: none !important;
}

body.cyber-trail-mode #works .cp-works-title,
body.cyber-trail-mode #works [data-s-ce276558-c7bf-4698-94e6-4c0fe8d36300] {
  align-items: center !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  outline: 0 !important;
  padding-bottom: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
}

body.cyber-trail-mode #works > .sd:not(:first-of-type) {
  background: transparent !important;
  border-top: 0 !important;
  display: grid !important;
  gap: clamp(18px, 3vw, 42px) !important;
  grid-template-columns: minmax(420px, 1fr) minmax(300px, 430px) !important;
  margin: 0 !important;
  min-height: 360px !important;
  overflow: visible !important;
  padding: clamp(28px, 4.5vw, 58px) 0 !important;
  transition: background 360ms ease, transform 360ms ease;
  width: 100% !important;
}

body.cyber-trail-mode #works > .sd:not(:first-of-type):hover {
  background: transparent !important;
  transform: translateX(8px);
}

body.cyber-trail-mode #works > .sd:not(:first-of-type) > .sd:first-child {
  align-self: start !important;
  margin: 0 !important;
  max-width: none !important;
  padding-right: clamp(12px, 2vw, 28px) !important;
  width: 100% !important;
}

body.cyber-trail-mode #works > .sd:not(:first-of-type) > .sd:first-child > .sd,
body.cyber-trail-mode #works > .sd:not(:first-of-type) > .sd:first-child > .sd > .sd {
  align-items: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 620px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.cyber-trail-mode main.sd #works div.sd[data-s-0726637e-86cc-4c6c-ab4b-20211d4c7e4e],
body.cyber-trail-mode main.sd #works div.sd[data-s-ba436e0b-ab8d-432c-88d6-52d7fe2488a5],
body.cyber-trail-mode main.sd #works div.sd[data-s-8e4425a0-039b-4f08-9b0a-80e130326a77] {
  column-gap: clamp(18px, 2.2vw, 28px) !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}

body.cyber-trail-mode #works > .sd:not(:first-of-type) > .sd:last-child {
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
  max-width: 430px !important;
  width: 100% !important;
}

body.cyber-trail-mode main.sd #works div.sd[data-s-30b09515-396c-4bdd-b03e-5ae63f796bea],
body.cyber-trail-mode main.sd #works div.sd[data-s-2b5926ab-e58d-4952-98b6-d4630db2fc5e],
body.cyber-trail-mode main.sd #works div.sd[data-s-963eb513-28a3-477f-bed1-7a7e42d29827] {
  align-items: center !important;
  align-self: center !important;
  display: flex !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  margin: 0 !important;
  max-width: 430px !important;
  width: min(100%, 430px) !important;
}

body.cyber-trail-mode #works > .sd:not(:first-of-type) h3 {
  color: var(--trail-ink) !important;
  font-size: clamp(22px, 2.5vw, 36px) !important;
  letter-spacing: 0 !important;
  line-height: 1.34 !important;
  text-shadow: none !important;
}

body.cyber-trail-mode #works > .sd:not(:first-of-type) p {
  color: var(--trail-muted) !important;
  font-size: clamp(14px, 1.25vw, 16px) !important;
  line-height: 2 !important;
  max-width: 620px !important;
  text-align: left !important;
  text-shadow: none !important;
  width: 100% !important;
}

body.cyber-trail-mode #works [data-s-406d11c1-bf27-4fed-911b-25e3e186195d],
body.cyber-trail-mode #works [data-s-cbafe08c-6e60-4975-af0e-a47b8d13f1ad],
body.cyber-trail-mode #works [data-s-376b93cd-577c-42cb-baad-a228038081ea] {
  align-items: center !important;
  flex: none !important;
  height: 54px !important;
  justify-content: center !important;
  margin: 0 clamp(14px, 2vw, 24px) 0 0 !important;
  position: relative !important;
  width: 54px !important;
  z-index: 4 !important;
}

body.cyber-trail-mode main.sd #works div.sd[data-s-406d11c1-bf27-4fed-911b-25e3e186195d],
body.cyber-trail-mode main.sd #works div.sd[data-s-cbafe08c-6e60-4975-af0e-a47b8d13f1ad],
body.cyber-trail-mode main.sd #works div.sd[data-s-376b93cd-577c-42cb-baad-a228038081ea] {
  flex: 0 0 54px !important;
  margin: 0 clamp(18px, 2.2vw, 28px) 0 0 !important;
  max-width: 54px !important;
  min-width: 54px !important;
  overflow: visible !important;
  transform: none !important;
  width: 54px !important;
}

body.cyber-trail-mode #works [data-s-d28adaaa-ef79-40e0-9ba1-7a7fb0e3858e],
body.cyber-trail-mode #works [data-s-633f46e7-45a6-428c-bc9a-89cd9cd4ca04],
body.cyber-trail-mode #works [data-s-cdb46fd2-145f-4687-9f88-513d5e5fcb0b] {
  align-items: center !important;
  background: var(--trail-blue) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  display: flex !important;
  font-family: Rubik, "Noto Sans JP", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  height: 54px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-width: none !important;
  position: relative !important;
  text-align: center !important;
  width: 54px !important;
  z-index: 5 !important;
}

body.cyber-trail-mode #works [data-s-2d2f3948-4582-4dca-96ba-aadb480fe27f],
body.cyber-trail-mode #works [data-s-0ed73942-fbb8-49c9-a1ef-6d59e2fb6cde],
body.cyber-trail-mode #works [data-s-f2b667e2-7ea4-4715-96a4-bede9dbe46f7] {
  display: none !important;
}

body.cyber-trail-mode main.sd #works div.sd[data-s-8e4425a0-039b-4f08-9b0a-80e130326a77] > div.sd[data-s-376b93cd-577c-42cb-baad-a228038081ea] {
  display: none !important;
  flex: 0 0 0 !important;
  height: 0 !important;
  margin: 0 !important;
  max-width: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  width: 0 !important;
}

body.cyber-trail-mode main.sd #works p.text.sd[data-s-d28adaaa-ef79-40e0-9ba1-7a7fb0e3858e],
body.cyber-trail-mode main.sd #works p.text.sd[data-s-633f46e7-45a6-428c-bc9a-89cd9cd4ca04],
body.cyber-trail-mode main.sd #works p.text.sd[data-s-cdb46fd2-145f-4687-9f88-513d5e5fcb0b] {
  align-items: center !important;
  align-self: center !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: grid !important;
  flex: 0 0 54px !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  line-height: 54px !important;
  max-width: 54px !important;
  min-width: 54px !important;
  overflow: visible !important;
  padding: 0 !important;
  place-items: center !important;
  position: relative !important;
  text-indent: 0 !important;
  vertical-align: middle !important;
  width: 54px !important;
}

body.cyber-trail-mode main.sd #works p.text.sd[data-s-633f46e7-45a6-428c-bc9a-89cd9cd4ca04] {
  align-content: center !important;
  justify-content: center !important;
  place-content: center !important;
}

body.cyber-trail-mode main.sd #works p.text.sd[data-s-d28adaaa-ef79-40e0-9ba1-7a7fb0e3858e]::before,
body.cyber-trail-mode main.sd #works p.text.sd[data-s-633f46e7-45a6-428c-bc9a-89cd9cd4ca04]::before,
body.cyber-trail-mode main.sd #works p.text.sd[data-s-cdb46fd2-145f-4687-9f88-513d5e5fcb0b]::before {
  align-items: center !important;
  color: #ffffff !important;
  display: flex !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  inset: 0 !important;
  justify-content: center !important;
  line-height: 1 !important;
  position: absolute !important;
  text-align: center !important;
}

body.cyber-trail-mode main.sd #works p.text.sd[data-s-d28adaaa-ef79-40e0-9ba1-7a7fb0e3858e]::before {
  content: none !important;
}

body.cyber-trail-mode main.sd #works p.text.sd[data-s-633f46e7-45a6-428c-bc9a-89cd9cd4ca04]::before {
  content: none !important;
}

body.cyber-trail-mode main.sd #works p.text.sd[data-s-cdb46fd2-145f-4687-9f88-513d5e5fcb0b]::before {
  content: none !important;
}

body.cyber-trail-mode #works .cp-service-heading {
  align-items: center !important;
  column-gap: clamp(18px, 2.2vw, 28px) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  width: 100% !important;
}

body.cyber-trail-mode #works .cp-service-badge {
  align-content: center !important;
  align-items: center !important;
  background: var(--cp-color-brand) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  display: grid !important;
  flex: 0 0 var(--cp-service-badge-size) !important;
  font-family: var(--cp-font-latin) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  height: var(--cp-service-badge-size) !important;
  justify-content: center !important;
  line-height: var(--cp-service-badge-size) !important;
  margin: 0 !important;
  max-width: var(--cp-service-badge-size) !important;
  min-width: var(--cp-service-badge-size) !important;
  padding: 0 !important;
  place-content: center !important;
  place-items: center !important;
  text-align: center !important;
  width: var(--cp-service-badge-size) !important;
}

body.cyber-trail-mode #works .cp-service--1 .cp-service-title {
  overflow-wrap: normal !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

body.cyber-trail-mode #works .cp-service-media,
body.cyber-trail-mode #works .image.sd {
  border: 0 !important;
  filter: saturate(0.85) contrast(1.04) !important;
  min-height: 300px !important;
  overflow: hidden !important;
  transform: translate3d(0, calc(var(--trail-parallax, 0px) * -0.035), 0);
  width: 100% !important;
}

body.cyber-trail-mode [data-s-93926bd1-a083-4dd9-b607-e099cd5c2f78]::before {
  background-image: url("/assets/live-support-no-woman-v2.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
}

body.cyber-trail-mode #message {
  background: var(--trail-surface) !important;
  display: grid !important;
  gap: clamp(28px, 5vw, 88px) !important;
  grid-template-columns: minmax(220px, 0.48fr) minmax(420px, 1fr) !important;
}

body.cyber-trail-mode #message > .trail-section-label {
  grid-column: 1 / -1;
}

body.cyber-trail-mode #message > .trail-section-label,
body.cyber-trail-mode #message > .cp-about-heading,
body.cyber-trail-mode #message > .cp-about-layout,
body.cyber-trail-mode #message > [data-s-a0cda662-7ae1-442b-8cae-63078682dd86],
body.cyber-trail-mode #message > [data-s-7fb24e7d-a988-42dc-b3cf-56ff65f0a987] {
  box-sizing: border-box !important;
  grid-column: 1 / -1 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--cp-content-max) !important;
  width: 100% !important;
}

body.cyber-trail-mode #message > .sd:first-of-type {
  align-self: start !important;
  margin: 0 !important;
}

body.cyber-trail-mode #message > .sd:last-child {
  grid-column: 1 / -1 !important;
  max-width: var(--cp-content-max) !important;
}

body.cyber-trail-mode #message > .sd,
body.cyber-trail-mode #message > .sd > .sd,
body.cyber-trail-mode #message > .sd > .sd > .sd {
  align-items: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.cyber-trail-mode #message > .cp-about-heading {
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  display: block !important;
  height: 1px !important;
  margin: -1px !important;
  max-width: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

body.cyber-trail-mode #message p {
  color: var(--trail-ink) !important;
  font-size: clamp(14px, 1.35vw, 17px) !important;
  line-height: 2.15 !important;
  max-width: 760px !important;
  text-align: left !important;
  text-shadow: none !important;
  width: 100% !important;
}

body.cyber-trail-mode #message .cp-about-message,
body.cyber-trail-mode #message [data-s-16b65fb1-ad61-461b-be42-7816b52aacb5] {
  line-height: 1.5 !important;
}

body.cyber-trail-mode #message .cp-about-layout,
body.cyber-trail-mode #message [data-s-7fb24e7d-a988-42dc-b3cf-56ff65f0a987] {
  align-items: start !important;
  display: grid !important;
  gap: clamp(28px, 5vw, 64px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 240px) !important;
  max-width: var(--cp-content-max) !important;
  width: 100% !important;
}

body.cyber-trail-mode #message .cp-about-copy,
body.cyber-trail-mode #message [data-s-ca22de7f-2bfe-4b8e-9ef5-ce9134a68ba4] {
  max-width: 720px !important;
  width: 100% !important;
}

.cp-representative-photo {
  align-self: start;
  aspect-ratio: 1 / 1;
  background: var(--cp-color-surface-strong);
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  justify-self: center;
  margin: 0;
  overflow: hidden;
  width: clamp(150px, 18vw, 210px);
}

.cp-representative-photo img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

@media (min-width: 841px) {
  body.cyber-trail-mode #message .cp-about-layout,
  body.cyber-trail-mode #message [data-s-7fb24e7d-a988-42dc-b3cf-56ff65f0a987] {
    align-items: stretch !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px) !important;
  }

  .cp-representative-photo {
    align-self: stretch;
    aspect-ratio: auto;
    border-radius: 4px;
    justify-self: stretch;
    margin-left: auto;
    margin-right: 0;
    min-height: 100%;
    width: 100%;
  }

  .cp-representative-photo img {
    object-fit: cover;
    object-position: center top;
  }
}

body.cyber-trail-mode #company {
  align-items: stretch !important;
  background: var(--trail-paper) !important;
}

body.cyber-trail-mode #company > .sd {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1120px !important;
  width: 100% !important;
}

body.cyber-trail-mode #company p,
body.cyber-trail-mode #company span,
body.cyber-trail-mode #company .text {
  color: var(--trail-ink) !important;
  text-shadow: none !important;
}

body.cyber-trail-mode #company .cp-company-title,
body.cyber-trail-mode #company [data-s-b9f0122d-6d23-4703-a3a0-cc027a7d7141] {
  background-image: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.cyber-trail-mode #company .cp-company-title::before,
body.cyber-trail-mode #company .cp-company-title::after,
body.cyber-trail-mode #company [data-s-b9f0122d-6d23-4703-a3a0-cc027a7d7141]::before,
body.cyber-trail-mode #company [data-s-b9f0122d-6d23-4703-a3a0-cc027a7d7141]::after {
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
  display: none !important;
}

body.cyber-trail-mode .cp-company-media,
body.cyber-trail-mode [data-s-600507da-b74d-4926-9919-d98b3c3e131c] {
  box-shadow: none !important;
  filter: none !important;
}

body.cyber-trail-mode .cp-company-media::before,
body.cyber-trail-mode .cp-company-media::after,
body.cyber-trail-mode [data-s-600507da-b74d-4926-9919-d98b3c3e131c]::before,
body.cyber-trail-mode [data-s-600507da-b74d-4926-9919-d98b3c3e131c]::after {
  box-shadow: none !important;
  filter: none !important;
}

body.cyber-trail-mode #company .cp-company-value,
body.cyber-trail-mode #company [data-s-41e3d794-35aa-4a47-9329-c496424cc755],
body.cyber-trail-mode #company [data-s-7edf4266-3448-406d-b135-12b22101fbf0],
body.cyber-trail-mode #company [data-s-8bd97104-01f0-44f2-ac30-a15ed1bce581],
body.cyber-trail-mode #company [data-s-e2bbd2e9-c1fc-42c5-8183-ba39927df29c],
body.cyber-trail-mode #company [data-s-9542d41e-e2cb-48d8-8913-0dbd986e5456] {
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.cyber-trail-mode #company .cp-company-value::before,
body.cyber-trail-mode #company .cp-company-value::after,
body.cyber-trail-mode #company [data-s-41e3d794-35aa-4a47-9329-c496424cc755]::before,
body.cyber-trail-mode #company [data-s-41e3d794-35aa-4a47-9329-c496424cc755]::after,
body.cyber-trail-mode #company [data-s-7edf4266-3448-406d-b135-12b22101fbf0]::before,
body.cyber-trail-mode #company [data-s-7edf4266-3448-406d-b135-12b22101fbf0]::after,
body.cyber-trail-mode #company [data-s-8bd97104-01f0-44f2-ac30-a15ed1bce581]::before,
body.cyber-trail-mode #company [data-s-8bd97104-01f0-44f2-ac30-a15ed1bce581]::after,
body.cyber-trail-mode #company [data-s-e2bbd2e9-c1fc-42c5-8183-ba39927df29c]::before,
body.cyber-trail-mode #company [data-s-e2bbd2e9-c1fc-42c5-8183-ba39927df29c]::after,
body.cyber-trail-mode #company [data-s-9542d41e-e2cb-48d8-8913-0dbd986e5456]::before,
body.cyber-trail-mode #company [data-s-9542d41e-e2cb-48d8-8913-0dbd986e5456]::after {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  content: none !important;
  display: none !important;
}

body.cyber-trail-mode #contact,
body.cyber-trail-mode [data-s-6b3dca3d-9065-4e88-84a7-7a7e280d1477],
body.cyber-trail-mode [data-s-2b1e3f6a-3d44-4b19-a582-05011490cd62] {
  display: none !important;
}

.cp-sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

body.cyber-trail-mode .cp-business-overview {
  display: grid;
  gap: clamp(28px, 5vw, 72px);
  grid-template-columns: minmax(0, 1fr);
  margin: 0 auto;
  max-width: var(--cp-content-max);
  position: relative;
  z-index: 1;
}

body.cyber-trail-mode #works .cp-business-overview {
  border-top: 0;
  margin-top: 0 !important;
  max-width: min(720px, 100%) !important;
  padding-top: 0;
  width: 100% !important;
}

body.cyber-trail-mode .cp-business-overview__intro {
  align-self: center;
  display: grid;
  gap: var(--cp-space-5);
  justify-items: center;
  justify-self: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 680px;
  text-align: center;
  width: 100%;
}

body.cyber-trail-mode .cp-business-overview__intro > p {
  color: var(--cp-color-text);
  font-family: var(--cp-font-sans);
  font-size: var(--cp-text-body);
  line-height: var(--cp-leading-body);
  margin: 0;
  max-width: 46em;
  text-align: center !important;
}

body.cyber-trail-mode #works .cp-business-overview__intro > p {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.cyber-trail-mode #works .cp-business-overview__indent {
  display: block !important;
  white-space: nowrap !important;
}

body.cyber-trail-mode #works .cp-business-overview__line {
  display: block !important;
  white-space: nowrap !important;
}

@media (min-width: 841px) {
  body.cyber-trail-mode #works .cp-business-overview__intro > p {
    font-size: clamp(18px, 1.4vw, 20px) !important;
    line-height: 1.8 !important;
  }

  body.cyber-trail-mode #works .cp-service-copy {
    font-size: clamp(17px, 1.3vw, 19px) !important;
    line-height: 1.9 !important;
  }
}

body.cyber-trail-mode footer.sd {
  background: var(--trail-ink) !important;
  border-top: 0 !important;
  color: var(--cp-color-on-dark) !important;
  margin: 0 !important;
  padding: 34px clamp(22px, 6vw, 86px) !important;
}

body.cyber-trail-mode footer.sd a,
body.cyber-trail-mode footer.sd p,
body.cyber-trail-mode footer.sd span,
body.cyber-trail-mode footer.sd .text {
  color: var(--cp-color-on-dark) !important;
  text-shadow: none !important;
}

body.cyber-trail-mode footer.sd a {
  align-items: center !important;
  display: inline-flex !important;
  min-height: 44px !important;
  text-decoration: none !important;
}

.trail-reveal {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity var(--cp-duration-reveal) ease, transform var(--cp-duration-reveal) var(--cp-ease-out);
}

.trail-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

body.cp-motion-ready .trail-reveal {
  transition: none !important;
  will-change: opacity, transform, filter;
}

body.cp-motion-reduced .trail-reveal,
body.cp-motion-fallback .trail-reveal {
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 840px) {
  body.cyber-trail-mode header.sd:not(.fixed) {
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: clamp(8px, 2.4vw, 12px) !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
  }

  body.cyber-trail-mode header.sd:not(.fixed) > .sd:first-child {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }

  body.cyber-trail-mode header.sd:not(.fixed) > .sd:first-child .text {
    font-size: clamp(20px, 5.8vw, 24px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.cyber-trail-mode header.sd:not(.fixed) nav {
    align-items: center !important;
    flex: 1 1 auto !important;
    gap: clamp(7px, 2.1vw, 12px) !important;
    justify-content: flex-end !important;
    margin-top: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
    width: auto !important;
  }

  body.cyber-trail-mode header.sd:not(.fixed) nav a,
  body.cyber-trail-mode header.sd:not(.fixed) nav .text {
    flex: 0 0 auto !important;
    min-height: 36px !important;
    width: auto !important;
    white-space: nowrap !important;
  }

  body.cyber-trail-mode header.sd:not(.fixed) nav .text {
    font-size: clamp(9px, 2.7vw, 11px) !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  body.cyber-trail-mode header.fixed.sd {
    display: none !important;
  }

  body.cyber-trail-mode .cp-hero-shell,
  body.cyber-trail-mode [data-s-cb1e24b5-7cf8-49be-a2e1-7f830400ab59] {
    height: auto !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 72px 18px 28px !important;
    width: 100% !important;
  }

  body.cyber-trail-mode .cp-hero,
  body.cyber-trail-mode [data-s-773f3ce4-9240-4e89-8f12-9c53e0e9a53e] {
    align-items: stretch !important;
    background: transparent !important;
    background-color: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    height: auto !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-top: clamp(340px, 52vh, 440px) !important;
  }

  body.cyber-trail-mode .cp-hero::before,
  body.cyber-trail-mode [data-s-773f3ce4-9240-4e89-8f12-9c53e0e9a53e]::before {
    border-radius: 4px !important;
    bottom: auto !important;
    height: clamp(340px, 52vh, 440px) !important;
    inset: 0 0 auto !important;
    min-height: 0 !important;
    order: 0 !important;
    position: absolute !important;
    width: 100% !important;
  }

  body.cyber-trail-mode .cp-hero::after,
  body.cyber-trail-mode [data-s-773f3ce4-9240-4e89-8f12-9c53e0e9a53e]::after {
    -webkit-mask-image: linear-gradient(116deg, transparent 0%, transparent 20%, rgba(0, 0, 0, 0.18) 38%, rgba(0, 0, 0, 0.78) 58%, #000 76%, #000 100%) !important;
    background-position: 72% center !important;
    border-radius: 4px !important;
    bottom: auto !important;
    height: clamp(340px, 52vh, 440px) !important;
    inset: 0 0 auto !important;
    mask-image: linear-gradient(116deg, transparent 0%, transparent 20%, rgba(0, 0, 0, 0.18) 38%, rgba(0, 0, 0, 0.78) 58%, #000 76%, #000 100%) !important;
    opacity: 0.94 !important;
  }

  body.cyber-trail-mode .cp-hero-copy,
  body.cyber-trail-mode [data-s-9bd7acbb-5798-428e-9d22-40959d4548c3] {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    left: auto !important;
    margin: 0 !important;
    min-height: auto !important;
    max-width: none !important;
    order: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
  }

  body.cyber-trail-mode .cp-hero-copy::before,
  body.cyber-trail-mode [data-s-9bd7acbb-5798-428e-9d22-40959d4548c3]::before {
    display: none;
  }

  body.cyber-trail-mode .cp-hero-title,
  body.cyber-trail-mode [data-s-d2ba187d-7499-48a2-b562-ec58c0d7cc91] {
    color: var(--cp-color-ink) !important;
    font-size: clamp(18px, 5.3vw, 24px) !important;
    line-height: 1.42 !important;
    max-width: 100% !important;
    opacity: 1 !important;
    overflow-wrap: normal !important;
    text-align: left !important;
    text-shadow: none !important;
    transform: none !important;
    white-space: nowrap !important;
    width: 100% !important;
    word-break: keep-all !important;
  }

  body.cyber-trail-mode #works,
  body.cyber-trail-mode #message,
  body.cyber-trail-mode #company {
    padding: 78px 20px !important;
  }

  body.cyber-trail-mode #works > .sd:not(:first-of-type),
  body.cyber-trail-mode #message {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
  }

  body.cyber-trail-mode #works > .sd:not(:first-of-type) {
    min-height: auto !important;
  }

  body.cyber-trail-mode #works .cp-business-overview {
    background: transparent !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    place-items: center !important;
    width: 100% !important;
  }

  body.cyber-trail-mode #works .cp-business-overview__intro {
    align-self: center !important;
    background: transparent !important;
    background-color: transparent !important;
    justify-items: center !important;
    justify-self: center !important;
    max-width: 100% !important;
    text-align: center !important;
    width: 100% !important;
  }

  body.cyber-trail-mode #works .cp-works-intro,
  body.cyber-trail-mode #works [data-s-73d8c2f6-762f-43a3-8ab9-8628db5cc51a] {
    align-items: center !important;
    background: transparent !important;
    background-color: transparent !important;
    gap: 12px !important;
    row-gap: 12px !important;
  }

  body.cyber-trail-mode #works .cp-works-title,
  body.cyber-trail-mode #works [data-s-ce276558-c7bf-4698-94e6-4c0fe8d36300] {
    margin-bottom: 0 !important;
    text-align: center !important;
  }

  body.cyber-trail-mode #works .cp-business-overview__intro > p {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    white-space: normal !important;
    width: 100% !important;
    word-break: normal !important;
  }

  body.cyber-trail-mode #works .cp-business-overview__line,
  body.cyber-trail-mode #works .cp-business-overview__indent {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  body.cyber-trail-mode #works .cp-works-title,
  body.cyber-trail-mode #works [data-s-ce276558-c7bf-4698-94e6-4c0fe8d36300] {
    -webkit-text-decoration-line: none !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
    text-decoration-color: transparent !important;
    text-decoration-line: none !important;
    text-decoration-thickness: 0 !important;
  }

  body.cyber-trail-mode #works .cp-works-intro::before,
  body.cyber-trail-mode #works .cp-works-intro::after,
  body.cyber-trail-mode #works [data-s-73d8c2f6-762f-43a3-8ab9-8628db5cc51a]::before,
  body.cyber-trail-mode #works [data-s-73d8c2f6-762f-43a3-8ab9-8628db5cc51a]::after {
    border: 0 !important;
    box-shadow: none !important;
    content: none !important;
    display: none !important;
  }

  body.cyber-trail-mode #works .cp-works-title::before,
  body.cyber-trail-mode #works .cp-works-title::after,
  body.cyber-trail-mode #works [data-s-ce276558-c7bf-4698-94e6-4c0fe8d36300]::before,
  body.cyber-trail-mode #works [data-s-ce276558-c7bf-4698-94e6-4c0fe8d36300]::after {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    content: none !important;
    display: none !important;
  }

  body.cyber-trail-mode main.sd #works div.sd[data-s-0726637e-86cc-4c6c-ab4b-20211d4c7e4e],
  body.cyber-trail-mode main.sd #works div.sd[data-s-ba436e0b-ab8d-432c-88d6-52d7fe2488a5],
  body.cyber-trail-mode main.sd #works div.sd[data-s-8e4425a0-039b-4f08-9b0a-80e130326a77] {
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.cyber-trail-mode main.sd #works div.sd[data-s-8e4425a0-039b-4f08-9b0a-80e130326a77] {
    align-items: center !important;
    flex-direction: row !important;
    gap: 16px !important;
  }

  body.cyber-trail-mode main.sd #works div.sd[data-s-376b93cd-577c-42cb-baad-a228038081ea] {
    flex: 0 0 54px !important;
    margin: 0 !important;
    max-width: 54px !important;
    min-width: 54px !important;
  }

  body.cyber-trail-mode main.sd #works [data-s-aae53930-a3f4-480a-9c45-6eed9e1b2fc5] {
    align-self: center !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: auto !important;
  }

  body.cyber-trail-mode #works .cp-service--1 .cp-service-title,
  body.cyber-trail-mode #works [data-s-356c8cf6-6b6c-496a-b27b-4e77f4a1e41d] {
    font-size: clamp(17px, 4.9vw, 24px) !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  body.cyber-trail-mode #works .cp-service--1 .cp-service-title br,
  body.cyber-trail-mode #works [data-s-356c8cf6-6b6c-496a-b27b-4e77f4a1e41d] br {
    display: none !important;
  }

  body.cyber-trail-mode #works [data-s-3f5a0cbd-0d70-4aee-94c3-2b99de21e637],
  body.cyber-trail-mode #works [data-s-7efb8506-51a1-4f87-bafe-a3c53a41037c],
  body.cyber-trail-mode #works [data-s-64d75da5-91a3-4bc4-9902-c40277bc0a59] {
    margin-top: 18px !important;
    padding-top: 0 !important;
  }

  body.cyber-trail-mode main.sd #works div.sd[data-s-30b09515-396c-4bdd-b03e-5ae63f796bea],
  body.cyber-trail-mode main.sd #works div.sd[data-s-2b5926ab-e58d-4952-98b6-d4630db2fc5e],
  body.cyber-trail-mode main.sd #works div.sd[data-s-963eb513-28a3-477f-bed1-7a7e42d29827] {
    justify-content: stretch !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.cyber-trail-mode #works .image.sd {
    min-height: 260px !important;
  }

  body.cyber-trail-mode .cp-company-media,
  body.cyber-trail-mode [data-s-600507da-b74d-4926-9919-d98b3c3e131c] {
    align-self: center !important;
    justify-self: center !important;
    left: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: min(100%, 340px) !important;
    position: relative !important;
    right: auto !important;
    transform: translateX(calc((100vw - 100%) / 2)) !important;
    width: min(100%, 340px) !important;
  }

  body.cyber-trail-mode [data-s-e26c7e0a-1abb-490e-a239-187d35dc28e1] {
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
  }

  body.cyber-trail-mode #message .cp-about-layout,
  body.cyber-trail-mode #message [data-s-7fb24e7d-a988-42dc-b3cf-56ff65f0a987] {
    align-items: center !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }

  .cp-representative-photo {
    align-self: center;
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
    order: -1;
    width: min(180px, 52vw);
  }

  body.cyber-trail-mode #company .cp-company-title,
  body.cyber-trail-mode #company [data-s-b9f0122d-6d23-4703-a3a0-cc027a7d7141] {
    max-width: 100% !important;
    overflow-wrap: normal !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }

  body.cyber-trail-mode #works .image.sd {
    transform: none !important;
  }

  .cp-motion-progress {
    display: none !important;
  }
}