:root {
  color-scheme: dark light;
}

html[data-onestich-theme="light"],
body[data-onestich-theme="light"] {
  --color-bg: #f8f1e6;
  --color-canvas: #f8f1e6;
  --color-surface: #efe2cf;
  --color-surface-soft: #faf6ee;
  --color-line: rgba(155, 106, 46, .28);
  --color-hairline: rgba(155, 106, 46, .24);
  --color-accent: #c89b4f;
  --color-accent-strong: #9b6a2e;
  --color-ink: #181512;
  --color-ink-dim: #6f5a43;
  --color-ink-mute: #8f7456;
  --color-body: #6f5a43;
  --color-muted: #6f5a43;
  --color-muted-soft: #8f7456;
  background: #f8f1e6 !important;
  color: #181512 !important;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body[data-onestich-theme="light"] {
  background:
    radial-gradient(circle at 18% 12%, rgba(250, 246, 238, .96), transparent 32rem),
    linear-gradient(135deg, rgba(255, 255, 255, .42), transparent 34%),
    #f8f1e6 !important;
}

header,
body[data-onestich-theme="light"] header {
  background: rgba(9, 8, 7, .94) !important;
  border-color: rgba(200, 155, 79, .24) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .24);
}

.onestich-header-logo-link {
  height: auto !important;
  min-width: 0;
  padding: 0 !important;
  border-radius: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.onestich-header-logo {
  height: 118px !important;
  max-height: 118px !important;
  width: auto !important;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .32));
}

.onestich-header-inner {
  height: 138px !important;
  gap: 18px;
}

.onestich-header-inner > div:first-child {
  flex: 1 1 auto !important;
  min-width: 0;
}

body[data-onestich-theme="light"] .onestich-header-logo-link {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-onestich-theme="light"] header a,
body[data-onestich-theme="light"] header button,
body[data-onestich-theme="light"] nav a {
  color: #faf6ee !important;
}

.onestich-header-logo-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(118px, 1fr));
  align-items: center;
  gap: clamp(10px, 2.4vw, 34px);
  width: min(980px, calc(100vw - 150px));
}

.onestich-header-brand {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0;
  text-decoration: none;
}

.onestich-header-brand-logo {
  width: min(100%, 178px);
  height: 104px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .38));
}

header nav {
  display: none !important;
}

header button[aria-label*="Men"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(200, 155, 79, .52) !important;
  border-radius: 999px;
  color: #faf6ee !important;
  margin-left: auto;
}

body:has(img[src*="hero-onestich-services"]) main section:first-of-type {
  background:
    linear-gradient(90deg, rgba(9, 8, 7, .88) 0%, rgba(9, 8, 7, .62) 34%, rgba(9, 8, 7, .32) 68%, rgba(9, 8, 7, .7) 100%),
    url("./images/hero-onestich-services-selected.jpg") center center / cover no-repeat !important;
}

body[data-onestich-theme="light"]:has(img[src*="hero-onestich-services"]) main section:first-of-type {
  background:
    linear-gradient(90deg, rgba(248, 241, 230, .86) 0%, rgba(248, 241, 230, .58) 34%, rgba(248, 241, 230, .22) 66%, rgba(248, 241, 230, .56) 100%),
    url("./images/hero-onestich-services-selected.jpg") center center / cover no-repeat !important;
}

body[data-onestich-theme="light"]:has(img[src*="hero-onestich-services"]) main section:first-of-type h1,
body[data-onestich-theme="light"]:has(img[src*="hero-onestich-services"]) main section:first-of-type p:not(:first-child),
body[data-onestich-theme="light"]:has(img[src*="hero-onestich-services"]) main section:first-of-type .text-\[color\:var\(--color-ink-dim\)\] {
  color: #181512 !important;
}

body:has(img[src*="hero-onestich-services"]) main section:first-of-type p:first-child {
  font-size: clamp(18px, 2vw, 31px) !important;
  line-height: 1.25 !important;
  letter-spacing: .28em !important;
  font-weight: 600 !important;
}

body:has(img[src*="hero-onestich-services"]) main section:first-of-type p:first-child span:last-child {
  margin-top: 8px !important;
  font-size: clamp(16px, 1.65vw, 25px) !important;
  letter-spacing: .2em !important;
}

main section:first-of-type img[src*="hero-onestich-services"] {
  opacity: .58 !important;
  object-position: 42% 48% !important;
  content: url("./images/hero-onestich-services-selected.jpg");
}

main section:first-of-type img[src*="hero-onestich-services"] + div {
  background: linear-gradient(90deg, rgba(9, 8, 7, .88) 0%, rgba(9, 8, 7, .62) 34%, rgba(9, 8, 7, .32) 68%, rgba(9, 8, 7, .7) 100%) !important;
}

main section:first-of-type img[src*="piercings-neu"],
main section:first-of-type img[src*="zahnschmuck-neu"],
main section:first-of-type img[src*="permanent-jewelry-neu"],
main section:first-of-type img[src*="kurse-neu"] {
  opacity: .52 !important;
  object-position: center !important;
}

main section:first-of-type img[src*="piercings-neu"] + div,
main section:first-of-type img[src*="zahnschmuck-neu"] + div,
main section:first-of-type img[src*="permanent-jewelry-neu"] + div,
main section:first-of-type img[src*="kurse-neu"] + div {
  background: linear-gradient(90deg, rgba(9, 8, 7, .82) 0%, rgba(9, 8, 7, .58) 42%, rgba(9, 8, 7, .24) 100%) !important;
}

body[data-onestich-theme="light"] main section:first-of-type img[src*="piercings-neu"],
body[data-onestich-theme="light"] main section:first-of-type img[src*="zahnschmuck-neu"],
body[data-onestich-theme="light"] main section:first-of-type img[src*="permanent-jewelry-neu"],
body[data-onestich-theme="light"] main section:first-of-type img[src*="kurse-neu"] {
  opacity: .5 !important;
}

body[data-onestich-theme="light"] main section:first-of-type img[src*="piercings-neu"] + div,
body[data-onestich-theme="light"] main section:first-of-type img[src*="zahnschmuck-neu"] + div,
body[data-onestich-theme="light"] main section:first-of-type img[src*="permanent-jewelry-neu"] + div,
body[data-onestich-theme="light"] main section:first-of-type img[src*="kurse-neu"] + div {
  background: linear-gradient(90deg, rgba(248, 241, 230, .84) 0%, rgba(248, 241, 230, .54) 44%, rgba(248, 241, 230, .2) 100%) !important;
}

body[data-onestich-section="piercings"] main section:first-of-type {
  background:
    linear-gradient(90deg, rgba(9, 8, 7, .84) 0%, rgba(9, 8, 7, .6) 48%, rgba(9, 8, 7, .3) 100%),
    url("./images/piercings-neu.jpg") center / cover no-repeat !important;
}

body[data-onestich-section="zahnschmuck"] main section:first-of-type {
  background:
    linear-gradient(90deg, rgba(9, 8, 7, .84) 0%, rgba(9, 8, 7, .58) 48%, rgba(9, 8, 7, .28) 100%),
    url("./images/zahnschmuck-neu.jpg") 72% 45% / cover no-repeat !important;
}

body[data-onestich-section="permanent-jewelry"] main section:first-of-type {
  background:
    linear-gradient(90deg, rgba(9, 8, 7, .84) 0%, rgba(9, 8, 7, .58) 48%, rgba(9, 8, 7, .28) 100%),
    url("./images/permanent-jewelry-neu.jpg") center / cover no-repeat !important;
}

body[data-onestich-section="kurse"] main section:first-of-type {
  background:
    linear-gradient(90deg, rgba(9, 8, 7, .84) 0%, rgba(9, 8, 7, .6) 48%, rgba(9, 8, 7, .3) 100%),
    url("./images/kurse-neu.jpg") center / cover no-repeat !important;
}

body[data-onestich-theme="light"][data-onestich-section="piercings"] main section:first-of-type {
  background:
    linear-gradient(90deg, rgba(248, 241, 230, .86) 0%, rgba(248, 241, 230, .58) 50%, rgba(248, 241, 230, .22) 100%),
    url("./images/piercings-neu.jpg") center / cover no-repeat !important;
}

body[data-onestich-theme="light"][data-onestich-section="zahnschmuck"] main section:first-of-type {
  background:
    linear-gradient(90deg, rgba(248, 241, 230, .86) 0%, rgba(248, 241, 230, .56) 50%, rgba(248, 241, 230, .18) 100%),
    url("./images/zahnschmuck-neu.jpg") 72% 45% / cover no-repeat !important;
}

body[data-onestich-theme="light"][data-onestich-section="permanent-jewelry"] main section:first-of-type {
  background:
    linear-gradient(90deg, rgba(248, 241, 230, .86) 0%, rgba(248, 241, 230, .56) 50%, rgba(248, 241, 230, .18) 100%),
    url("./images/permanent-jewelry-neu.jpg") center / cover no-repeat !important;
}

body[data-onestich-theme="light"][data-onestich-section="kurse"] main section:first-of-type {
  background:
    linear-gradient(90deg, rgba(248, 241, 230, .86) 0%, rgba(248, 241, 230, .58) 50%, rgba(248, 241, 230, .22) 100%),
    url("./images/kurse-neu.jpg") center / cover no-repeat !important;
}

body[data-onestich-section] main section:first-of-type > div:first-child {
  opacity: .72;
}

body[data-onestich-section] main section:first-of-type h1,
body[data-onestich-section] main section:first-of-type p {
  text-shadow: 0 10px 30px rgba(0, 0, 0, .26);
}

body[data-onestich-theme="light"][data-onestich-section] main section:first-of-type h1,
body[data-onestich-theme="light"][data-onestich-section] main section:first-of-type p {
  text-shadow: 0 10px 28px rgba(250, 246, 238, .46);
}

body[data-onestich-theme="light"] main section:first-of-type img[src*="hero-onestich-services"] {
  opacity: .52 !important;
  object-position: 42% 48% !important;
  content: url("./images/hero-onestich-services-selected.jpg");
}

body[data-onestich-theme="light"] main section:first-of-type img[src*="hero-onestich-services"] + div {
  background: linear-gradient(90deg, rgba(248, 241, 230, .82) 0%, rgba(248, 241, 230, .56) 38%, rgba(248, 241, 230, .24) 70%, rgba(248, 241, 230, .68) 100%) !important;
}

body[data-onestich-theme="light"] header a[aria-label="Zurück"] {
  border-color: rgba(155, 106, 46, .35) !important;
  background: rgba(250, 246, 238, .72) !important;
}

body[data-onestich-theme="light"] main,
body[data-onestich-theme="light"] section,
body[data-onestich-theme="light"] article,
body[data-onestich-theme="light"] footer:not(.onestich-dark-footer) {
  background-color: transparent !important;
}

body[data-onestich-theme="light"] .bg-\[color\:var\(--color-canvas\)\],
body[data-onestich-theme="light"] .bg-\[color\:var\(--color-bg\)\] {
  background-color: #f8f1e6 !important;
}

body[data-onestich-theme="light"] .bg-\[color\:var\(--color-surface\)\] {
  background-color: #efe2cf !important;
}

body[data-onestich-theme="light"] .text-white,
body[data-onestich-theme="light"] .hover\:text-white:hover {
  color: #181512 !important;
}

body[data-onestich-theme="light"] .text-\[color\:var\(--color-body\)\],
body[data-onestich-theme="light"] .text-\[color\:var\(--color-muted\)\],
body[data-onestich-theme="light"] .text-\[color\:var\(--color-muted-soft\)\],
body[data-onestich-theme="light"] .text-\[color\:var\(--color-ink-dim\)\],
body[data-onestich-theme="light"] .text-\[color\:var\(--color-ink-mute\)\] {
  color: #6f5a43 !important;
}

body[data-onestich-theme="light"] .border-\[color\:var\(--color-line\)\],
body[data-onestich-theme="light"] .border-\[color\:var\(--color-hairline\)\] {
  border-color: rgba(155, 106, 46, .26) !important;
}

body[data-onestich-theme="light"] .btn-primary,
body[data-onestich-theme="light"] .btn.btn-primary {
  background: #181512 !important;
  border: 1px solid #c89b4f !important;
  color: #faf6ee !important;
}

body[data-onestich-theme="light"] .btn-primary:hover,
body[data-onestich-theme="light"] .btn.btn-primary:hover {
  background: #c89b4f !important;
  color: #181512 !important;
}

body[data-onestich-theme="light"] .btn-ghost,
body[data-onestich-theme="light"] .btn.btn-ghost {
  border-color: rgba(155, 106, 46, .42) !important;
  color: #181512 !important;
  background: rgba(250, 246, 238, .54) !important;
}

body[data-onestich-theme="light"] a.group {
  background-color: #efe2cf !important;
  border-color: rgba(155, 106, 46, .3) !important;
}

body[data-onestich-theme="light"] a.group:hover {
  border-color: #c89b4f !important;
  box-shadow: 0 18px 50px rgba(155, 106, 46, .14);
}

footer,
body[data-onestich-theme="light"] footer,
footer > div,
body[data-onestich-theme="light"] footer > div {
  background: #090807 !important;
  color: #faf6ee !important;
  border-color: rgba(200, 155, 79, .22) !important;
}

footer p,
footer li,
footer span,
footer a,
body[data-onestich-theme="light"] footer p,
body[data-onestich-theme="light"] footer li,
body[data-onestich-theme="light"] footer span,
body[data-onestich-theme="light"] footer a {
  color: rgba(250, 246, 238, .78) !important;
}

footer h4,
footer .text-\[color\:var\(--color-accent\)\],
body[data-onestich-theme="light"] footer h4,
body[data-onestich-theme="light"] footer .text-\[color\:var\(--color-accent\)\] {
  color: #c89b4f !important;
}

footer a:hover,
body[data-onestich-theme="light"] footer a:hover {
  color: #c89b4f !important;
}

footer .btn,
body[data-onestich-theme="light"] footer .btn {
  background: rgba(250, 246, 238, .06) !important;
  border-color: rgba(200, 155, 79, .34) !important;
  color: #faf6ee !important;
}

body[data-onestich-theme="light"] img[src*="get-inked-logo-original-white"] {
  filter: invert(1) contrast(1.08) saturate(.85) !important;
}

body[data-onestich-theme="light"] .onestich-menu-overlay {
  background: rgba(42, 33, 24, .24) !important;
}

body[data-onestich-theme="light"] .onestich-menu-panel {
  background: #faf6ee !important;
  color: #181512 !important;
  border-color: rgba(155, 106, 46, .28) !important;
}

body[data-onestich-theme="light"] .onestich-menu-close,
body[data-onestich-theme="light"] .onestich-menu-list a {
  color: #181512 !important;
  border-color: rgba(155, 106, 46, .28) !important;
}

body[data-onestich-theme="light"] .onestich-menu-list a:hover,
body[data-onestich-theme="light"] .onestich-theme-toggle:hover {
  background: rgba(200, 155, 79, .14) !important;
  color: #9b6a2e !important;
}

.onestich-theme-toggle {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.onestich-theme-toggle small {
  color: #c89b4f;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.onestich-rubric-logo {
  width: min(430px, 84vw);
  max-height: 300px;
  object-fit: contain;
  display: block;
  margin: 0 auto 36px;
  filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .24));
}

.onestich-logo-card {
  position: relative;
  overflow: hidden;
}

.onestich-logo-card > :not(.onestich-card-logo) {
  position: relative;
  z-index: 2;
}

.onestich-card-logo {
  position: absolute;
  z-index: 3;
  left: auto;
  right: 18px;
  top: auto;
  bottom: 112px;
  width: min(38%, 142px);
  height: 86px;
  object-fit: contain;
  display: block;
  margin: 0;
  transform: none;
  border-radius: 0;
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
  opacity: .9;
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, .5));
  pointer-events: none;
}

.onestich-inline-logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: inline-block;
  margin-right: 10px;
  border-radius: 6px;
  background: #faf6ee;
  padding: 3px;
  vertical-align: middle;
}

.onestich-coming-soon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #c89b4f;
  color: #c89b4f;
  background: rgba(200, 155, 79, .08);
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body[data-onestich-theme="light"] .onestich-coming-soon {
  color: #181512;
  background: rgba(200, 155, 79, .18);
}

@media (max-width: 520px) {
  .onestich-header-inner {
    height: 104px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .onestich-header-logo-strip {
    grid-template-columns: repeat(4, minmax(56px, 1fr));
    gap: 4px;
    width: calc(100vw - 78px);
  }

  .onestich-header-brand-logo {
    width: 100%;
    height: 68px;
  }

  header button[aria-label*="Men"] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
  }

  main section:first-of-type img[src*="hero-onestich-services"],
  body[data-onestich-theme="light"] main section:first-of-type img[src*="hero-onestich-services"] {
    object-position: 10% 46% !important;
  }

  body:has(img[src*="hero-onestich-services"]) main section:first-of-type p:first-child {
    font-size: 16px !important;
    letter-spacing: .18em !important;
  }

  body:has(img[src*="hero-onestich-services"]) main section:first-of-type p:first-child span:last-child {
    font-size: 14px !important;
    letter-spacing: .14em !important;
  }

  .onestich-card-logo {
  right: 12px;
    bottom: 108px;
    width: min(36%, 128px);
    height: 80px;
  }

  main .btn,
  main .btn-primary,
  main .btn-ghost {
    max-width: 100%;
    white-space: normal;
    text-align: center;
    justify-content: center;
  }

  main section:first-of-type .btn,
  main section:first-of-type .btn-primary,
  main section:first-of-type .btn-ghost {
    width: 100%;
  }
}

/* Final OneStich premium refinements */
header,
body[data-onestich-theme="light"] header {
  background: rgba(18, 12, 8, .96) !important;
  border-color: rgba(200, 155, 79, .28) !important;
}

.onestich-header-inner {
  height: 152px !important;
}

.onestich-header-logo-strip {
  grid-template-columns: repeat(4, minmax(132px, 1fr));
  gap: clamp(14px, 2.8vw, 42px);
  width: min(1120px, calc(100vw - 150px));
}

.onestich-header-brand-logo {
  width: min(100%, 218px);
  height: 128px;
}

body:has(img[src*="hero-onestich-services"]) main section:first-of-type p:first-child {
  color: #f6dfb6 !important;
  font-size: clamp(28px, 3.7vw, 56px) !important;
  line-height: 1.05 !important;
  letter-spacing: .18em !important;
}

body[data-onestich-theme="light"]:has(img[src*="hero-onestich-services"]) main section:first-of-type p:first-child,
body[data-onestich-theme="light"]:has(img[src*="hero-onestich-services"]) main section:first-of-type p:first-child span,
body[data-onestich-theme="light"]:has(img[src*="hero-onestich-services"]) main section:first-of-type p.mt-3,
body[data-onestich-theme="light"]:has(img[src*="hero-onestich-services"]) main section:first-of-type p.mt-8 {
  color: #181512 !important;
}

body:has(img[src*="hero-onestich-services"]) main section:first-of-type p:first-child span:last-child {
  font-size: clamp(22px, 2.6vw, 40px) !important;
  letter-spacing: .08em !important;
}

body:has(img[src*="hero-onestich-services"]) main section:first-of-type h1 {
  font-size: clamp(82px, 10vw, 154px) !important;
  line-height: .88 !important;
  color: #faf6ee !important;
  text-shadow: 0 16px 42px rgba(0, 0, 0, .34);
}

body[data-onestich-theme="light"]:has(img[src*="hero-onestich-services"]) main section:first-of-type h1 {
  color: #181512 !important;
  text-shadow: 0 14px 30px rgba(248, 241, 230, .5);
}

body:has(img[src*="hero-onestich-services"]) main section:first-of-type img[src*="hero-onestich-services"],
body[data-onestich-theme="light"] main section:first-of-type img[src*="hero-onestich-services"] {
  object-position: 52% 48% !important;
}

footer {
  background: #120c08 !important;
  color: #faf6ee !important;
  border-color: rgba(200, 155, 79, .25) !important;
}

footer > div,
body[data-onestich-theme="dark"] footer > div {
  background: #120c08 !important;
  color: #faf6ee !important;
  border-color: rgba(200, 155, 79, .25) !important;
}

body[data-onestich-theme="light"] footer {
  background: #120c08 !important;
  color: #181512 !important;
}

body[data-onestich-theme="light"] footer > div:first-child {
  background:
    linear-gradient(135deg, rgba(250, 246, 238, .62), transparent 42%),
    #efe2cf !important;
  color: #181512 !important;
  border-color: rgba(155, 106, 46, .25) !important;
}

body[data-onestich-theme="light"] footer > div:last-child {
  background: #120c08 !important;
  color: #faf6ee !important;
  border-color: rgba(200, 155, 79, .28) !important;
}

body[data-onestich-theme="light"] footer > div:first-child p,
body[data-onestich-theme="light"] footer > div:first-child li,
body[data-onestich-theme="light"] footer > div:first-child span,
body[data-onestich-theme="light"] footer > div:first-child a {
  color: #6f5a43 !important;
}

body[data-onestich-theme="light"] footer > div:first-child h4,
body[data-onestich-theme="light"] footer > div:first-child .text-\[color\:var\(--color-accent\)\] {
  color: #9b6a2e !important;
}

body[data-onestich-theme="light"] footer > div:last-child span,
body[data-onestich-theme="light"] footer > div:last-child a,
body[data-onestich-theme="light"] footer > div:last-child div {
  color: rgba(250, 246, 238, .82) !important;
}

body[data-onestich-theme="light"] footer > div:first-child .btn,
body[data-onestich-theme="light"] footer > div:first-child .btn.btn-ghost {
  background: rgba(24, 21, 18, .04) !important;
  border-color: rgba(155, 106, 46, .38) !important;
  color: #181512 !important;
}

.onestich-menu-brand a {
  color: inherit;
  text-decoration: none;
}

.onestich-theme-toggle {
  position: relative;
  justify-content: center;
  min-height: 54px;
}

.onestich-theme-toggle small {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.onestich-theme-pill {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 88px;
  height: 38px;
  overflow: hidden;
  border: 1px solid rgba(200, 155, 79, .62);
  border-radius: 999px;
  background: #faf6ee;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 10px 26px rgba(0, 0, 0, .18);
}

.onestich-theme-pill-half {
  display: block;
}

.onestich-theme-pill-light {
  background: linear-gradient(135deg, #faf6ee, #e3d0b3);
}

.onestich-theme-pill-dark {
  background: linear-gradient(135deg, #181512, #050403);
}

.onestich-theme-pill-knob {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #c89b4f;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .28);
  transition: transform .2s ease;
}

body[data-onestich-theme="dark"] .onestich-theme-pill-knob {
  transform: translateX(50px);
}

.onestich-logo-card {
  --onestich-card-logo-space: clamp(128px, 36%, 190px);
}

.onestich-logo-card > div[class*="bottom-0"] {
  padding-right: var(--onestich-card-logo-space) !important;
  min-height: 156px;
}

.onestich-logo-card:not(:has(> div[class*="aspect-"])) {
  padding-right: var(--onestich-card-logo-space) !important;
  min-height: 170px;
}

.onestich-card-logo {
  right: 22px;
  bottom: 34px;
  width: clamp(118px, 31%, 174px);
  height: 122px;
  opacity: .96;
}

.onestich-logo-card h3,
.onestich-logo-card p,
.onestich-logo-card span:not(.onestich-theme-pill):not(.onestich-theme-pill-half):not(.onestich-theme-pill-knob) {
  max-width: 100%;
}

@media (max-width: 760px) {
  .onestich-header-inner {
    height: 116px !important;
  }

  .onestich-header-logo-strip {
    grid-template-columns: repeat(4, minmax(58px, 1fr));
    gap: 5px;
    width: calc(100vw - 84px);
  }

  .onestich-header-brand-logo {
    width: 100%;
    height: 76px;
  }

  body:has(img[src*="hero-onestich-services"]) main section:first-of-type p:first-child {
    font-size: 26px !important;
    letter-spacing: .08em !important;
  }

  body:has(img[src*="hero-onestich-services"]) main section:first-of-type p:first-child span:last-child {
    font-size: 21px !important;
    letter-spacing: .03em !important;
  }

  body:has(img[src*="hero-onestich-services"]) main section:first-of-type h1 {
    font-size: clamp(64px, 18vw, 92px) !important;
  }

  .onestich-logo-card {
    --onestich-card-logo-space: clamp(106px, 34%, 144px);
  }

  .onestich-logo-card > div[class*="bottom-0"] {
    min-height: 148px;
  }

  .onestich-card-logo {
    right: 14px;
    bottom: 30px;
    width: clamp(96px, 30%, 132px);
    height: 104px;
  }
}

.onestich-home-hero-copy {
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.onestich-home-services {
  order: 1;
  margin-top: 0 !important;
  color: #faf6ee !important;
  font-size: clamp(22px, 2.2vw, 34px) !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 12px 30px rgba(0, 0, 0, .34);
}

.onestich-home-claim {
  order: 2;
  margin-top: clamp(28px, 4vw, 48px) !important;
  color: #f6dfb6 !important;
  font-size: clamp(28px, 3.3vw, 52px) !important;
  line-height: 1.08 !important;
  letter-spacing: .14em !important;
  text-shadow: 0 14px 34px rgba(0, 0, 0, .34);
}

.onestich-home-claim span:last-child {
  font-size: clamp(22px, 2.45vw, 38px) !important;
  letter-spacing: .06em !important;
}

.onestich-home-title {
  order: 3;
  margin-top: clamp(22px, 3vw, 36px) !important;
  font-size: clamp(112px, 13.5vw, 210px) !important;
  line-height: .82 !important;
  text-align: center !important;
}

.onestich-home-hero-copy > p:not(.onestich-home-services):not(.onestich-home-claim) {
  order: 4;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.onestich-home-hero-copy > div {
  order: 5;
  justify-content: center;
}

body[data-onestich-theme="light"] .onestich-home-services,
body[data-onestich-theme="light"] .onestich-home-claim,
body[data-onestich-theme="light"] .onestich-home-claim span,
body[data-onestich-theme="light"] .onestich-home-hero-copy > p:not(.onestich-home-services):not(.onestich-home-claim) {
  color: #181512 !important;
  text-shadow: 0 12px 28px rgba(248, 241, 230, .44);
}

.onestich-logo-card {
  --onestich-card-logo-space: clamp(176px, 43%, 246px);
}

.onestich-logo-card > div[class*="bottom-0"] {
  min-height: 184px;
}

.onestich-logo-card:not(:has(> div[class*="aspect-"])) {
  min-height: 200px;
}

.onestich-card-logo {
  right: 24px;
  bottom: 28px;
  width: clamp(150px, 38%, 218px);
  height: 156px;
}

@media (max-width: 760px) {
  .onestich-home-title {
    font-size: clamp(78px, 22vw, 118px) !important;
  }

  .onestich-home-services {
    font-size: clamp(19px, 5vw, 25px) !important;
  }

  .onestich-home-claim {
    font-size: clamp(25px, 7vw, 38px) !important;
    letter-spacing: .06em !important;
  }

  .onestich-home-claim span:last-child {
    font-size: clamp(20px, 5.4vw, 30px) !important;
    letter-spacing: 0 !important;
  }

  .onestich-logo-card {
    --onestich-card-logo-space: clamp(128px, 38%, 166px);
  }

  .onestich-logo-card > div[class*="bottom-0"] {
    min-height: 160px;
  }

  .onestich-card-logo {
    right: 12px;
    bottom: 24px;
    width: clamp(120px, 34%, 152px);
    height: 126px;
  }
}

.onestich-home-hero-image {
  opacity: .78 !important;
  object-position: center center !important;
}

body[data-onestich-theme="dark"] .onestich-home-hero-image {
  opacity: .62 !important;
}

.onestich-home-hero-copy {
  position: relative;
  isolation: isolate;
  padding: clamp(28px, 5vw, 58px) clamp(18px, 4vw, 54px);
}

.onestich-home-hero-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: clamp(-10px, -1vw, -4px);
  border-radius: 999px;
  background: radial-gradient(ellipse at center, rgba(248, 241, 230, .82), rgba(248, 241, 230, .48) 48%, rgba(248, 241, 230, 0) 72%);
  filter: blur(2px);
}

body[data-onestich-theme="dark"] .onestich-home-hero-copy::before {
  background: radial-gradient(ellipse at center, rgba(20, 13, 9, .78), rgba(20, 13, 9, .48) 48%, rgba(20, 13, 9, 0) 72%);
}

.onestich-home-title {
  order: 1 !important;
  margin-top: 0 !important;
  color: #faf6ee !important;
  text-shadow: 0 16px 42px rgba(0, 0, 0, .62);
}

.onestich-home-services {
  order: 2 !important;
  margin-top: clamp(18px, 2.8vw, 34px) !important;
  color: #faf6ee !important;
  text-shadow: 0 12px 30px rgba(0, 0, 0, .58);
}

.onestich-home-claim {
  order: 3 !important;
  margin-top: clamp(30px, 4.2vw, 52px) !important;
  color: #f6dfb6 !important;
  text-shadow: 0 14px 34px rgba(0, 0, 0, .58);
}

.onestich-home-hero-copy > p:not(.onestich-home-services):not(.onestich-home-claim) {
  order: 4 !important;
  color: #faf6ee !important;
  text-shadow: 0 10px 26px rgba(0, 0, 0, .64);
}

.onestich-home-hero-copy > div {
  order: 5 !important;
}

body[data-onestich-theme="light"] .onestich-home-title,
body[data-onestich-theme="light"] .onestich-home-services,
body[data-onestich-theme="light"] .onestich-home-claim,
body[data-onestich-theme="light"] .onestich-home-claim span,
body[data-onestich-theme="light"] .onestich-home-hero-copy > p:not(.onestich-home-services):not(.onestich-home-claim) {
  color: #181512 !important;
  text-shadow: 0 10px 24px rgba(250, 246, 238, .92), 0 1px 0 rgba(255, 255, 255, .7);
}

.onestich-home-title {
  font-size: clamp(128px, 15vw, 236px) !important;
}

.onestich-home-claim {
  font-size: clamp(34px, 3.8vw, 60px) !important;
}

.onestich-home-claim span:last-child {
  font-size: clamp(26px, 2.8vw, 44px) !important;
}

.onestich-header-inner {
  min-height: 112px;
}

.onestich-header-logo-strip {
  max-width: min(920px, calc(100vw - 140px));
}

.onestich-header-brand-logo {
  height: 98px !important;
}

.onestich-logo-card {
  --onestich-card-logo-space: clamp(238px, 49%, 330px);
}

.onestich-logo-card > div[class*="bottom-0"] {
  min-height: 214px;
  padding-right: var(--onestich-card-logo-space) !important;
}

.onestich-logo-card > h3,
.onestich-logo-card > p,
.onestich-logo-card > span,
.onestich-logo-card > div[class*="bottom-0"] h3,
.onestich-logo-card > div[class*="bottom-0"] p,
.onestich-logo-card > div[class*="bottom-0"] span {
  max-width: calc(100% - var(--onestich-card-logo-space));
}

.onestich-card-logo {
  right: 26px;
  bottom: 24px;
  width: clamp(208px, 45%, 300px);
  height: clamp(176px, 52%, 238px);
}

@media (max-width: 760px) {
  .onestich-home-title {
    font-size: clamp(86px, 24vw, 132px) !important;
  }

  .onestich-home-hero-copy {
    padding: 26px 12px;
  }

  .onestich-home-hero-copy::before {
    border-radius: 42px;
  }

  .onestich-header-inner {
    min-height: 126px;
  }

  .onestich-header-logo-strip {
    max-width: calc(100vw - 78px);
  }

  .onestich-header-brand-logo {
    height: 86px !important;
  }

  .onestich-logo-card {
    --onestich-card-logo-space: clamp(150px, 43%, 190px);
  }

  .onestich-logo-card > div[class*="bottom-0"] {
    min-height: 178px;
  }

  .onestich-card-logo {
    right: 12px;
    bottom: 18px;
    width: clamp(138px, 39%, 178px);
    height: 148px;
  }
}

.onestich-logo-card:has(> div[class*="aspect-"]) {
  --onestich-card-logo-space: clamp(126px, 42%, 158px);
}

.onestich-logo-card:has(> div[class*="aspect-"]) > div[class*="bottom-0"] {
  min-height: 224px;
  padding-right: var(--onestich-card-logo-space) !important;
}

.onestich-logo-card:has(> div[class*="aspect-"]) > div[class*="bottom-0"] h3 {
  max-width: 100%;
  font-size: clamp(25px, 1.9vw, 30px) !important;
  line-height: 1.05 !important;
}

.onestich-logo-card:has(> div[class*="aspect-"]) .onestich-card-logo {
  right: 18px;
  bottom: 18px;
  width: clamp(118px, 36%, 148px);
  height: clamp(112px, 38%, 132px);
}

.onestich-logo-card:not(:has(> div[class*="aspect-"])) .onestich-card-logo {
  width: clamp(168px, 40%, 238px);
  height: clamp(148px, 48%, 210px);
}

@media (max-width: 760px) {
  .onestich-logo-card:has(> div[class*="aspect-"]) {
    --onestich-card-logo-space: clamp(128px, 38%, 160px);
  }

  .onestich-logo-card:has(> div[class*="aspect-"]) .onestich-card-logo {
    width: clamp(118px, 34%, 148px);
    height: 126px;
  }
}

.onestich-logo-card:has(> div[class*="aspect-"]) {
  --onestich-card-logo-space: 0px;
}

.onestich-logo-card:has(> div[class*="aspect-"]) > div[class*="bottom-0"] {
  min-height: 224px;
  padding-right: 24px !important;
  padding-bottom: 146px !important;
}

.onestich-logo-card:has(> div[class*="aspect-"]) > div[class*="bottom-0"] h3,
.onestich-logo-card:has(> div[class*="aspect-"]) > div[class*="bottom-0"] p,
.onestich-logo-card:has(> div[class*="aspect-"]) > div[class*="bottom-0"] span {
  max-width: 100% !important;
}

.onestich-logo-card:has(> div[class*="aspect-"]) .onestich-card-logo {
  right: 20px;
  bottom: 28px;
  width: clamp(148px, 48%, 184px);
  height: 116px;
}

@media (max-width: 760px) {
  .onestich-logo-card:has(> div[class*="aspect-"]) > div[class*="bottom-0"] {
    padding-bottom: 142px !important;
  }

  .onestich-logo-card:has(> div[class*="aspect-"]) .onestich-card-logo {
    width: clamp(144px, 46%, 176px);
    height: 112px;
  }
}

/* Final hero and card refinements */
body[data-onestich-theme="light"] main section:first-of-type img.onestich-home-hero-image {
  opacity: .9 !important;
  object-position: center center !important;
}

body[data-onestich-theme="light"] main section:first-of-type img.onestich-home-hero-image + div {
  background:
    linear-gradient(90deg, rgba(248, 241, 230, .5) 0%, rgba(248, 241, 230, .28) 34%, rgba(248, 241, 230, .08) 66%, rgba(248, 241, 230, .3) 100%),
    linear-gradient(0deg, rgba(24, 21, 18, .18), rgba(24, 21, 18, .18)) !important;
}

@media (max-width: 760px) {
  body:has(img[src*="hero-onestich-services"]) main section:first-of-type,
  body[data-onestich-theme="light"]:has(img[src*="hero-onestich-services"]) main section:first-of-type {
    background-position: 16% center !important;
  }

  main section:first-of-type img.onestich-home-hero-image,
  body[data-onestich-theme="light"] main section:first-of-type img.onestich-home-hero-image,
  body[data-onestich-theme="dark"] main section:first-of-type img.onestich-home-hero-image {
    object-position: 16% center !important;
  }
}

.onestich-logo-card:has(> div[class*="aspect-"]) > div[class*="bottom-0"] {
  min-height: 242px !important;
  padding-bottom: 184px !important;
}

.onestich-logo-card:has(> div[class*="aspect-"]) .onestich-card-logo {
  right: 20px !important;
  bottom: 30px !important;
  width: clamp(166px, 54%, 206px) !important;
  height: 136px !important;
}

body[data-onestich-section] main a.group .onestich-card-logo {
  display: none !important;
}

body[data-onestich-section] main a.group,
body[data-onestich-section] main a.group > div[class*="bottom-0"] {
  padding-right: 1.5rem !important;
}

body[data-onestich-section] main a.group p,
body[data-onestich-section] main a.group .line-clamp-2,
body[data-onestich-section] main a.group .line-clamp-3 {
  display: block !important;
  overflow: visible !important;
  -webkit-box-orient: unset !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

@media (max-width: 760px) {
  .onestich-logo-card:has(> div[class*="aspect-"]) > div[class*="bottom-0"] {
    min-height: 236px !important;
    padding-bottom: 174px !important;
  }

  .onestich-logo-card:has(> div[class*="aspect-"]) .onestich-card-logo {
    width: clamp(154px, 52%, 190px) !important;
    height: 128px !important;
  }
}

@media (max-width: 900px) {
  body:has(img[src*="hero-onestich-services"]) main section:first-of-type img.onestich-home-hero-image[src*="hero-onestich-services"],
  body[data-onestich-theme="light"]:has(img[src*="hero-onestich-services"]) main section:first-of-type img.onestich-home-hero-image[src*="hero-onestich-services"],
  body[data-onestich-theme="dark"]:has(img[src*="hero-onestich-services"]) main section:first-of-type img.onestich-home-hero-image[src*="hero-onestich-services"] {
    object-position: 16% center !important;
  }
}