/* Joined square tiles with the original perspective push-forward interaction. */
body.experimental-27-july.motion-black-monolith {
  --tile-radius: 0px;
  --tile-edge: #383838;
  --tile-shadow: inset 0 1px 0 #ffffff18;
}
body.experimental-27-july.motion-black-monolith :is(.capability-grid article, .price-card, .pricing-preview__grid article, .compact-price-extras > div, .compact-process li, .format-grid article, .editorial-process li, .portfolio-card, .case-feature, .audit-panel, .lead-quick-card, .editorial-faq details) {
  position: relative;
  min-width: 0;
  border-radius: var(--tile-radius);
  /* Override the legacy .monolith-in-view hover scale in september-cases.css. */
  box-shadow: var(--tile-shadow) !important;
  transform: translate3d(0, 0, 0) !important;
  transform-origin: 50% 50%;
  transition: transform 260ms cubic-bezier(.22,1,.36,1), box-shadow 260ms ease, border-color 220ms ease, background-color 220ms ease, color 220ms ease;
  transition-delay: 0ms;
  filter: none !important;
}
body.experimental-27-july.motion-black-monolith :is(.capability-grid, .compact-price-grid, .price-grid, .pricing-preview__grid, .compact-price-extras, .compact-process ol, .format-grid) {
  gap: 1px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
body.experimental-27-july.motion-black-monolith :is(.capability-grid article, .price-card) {
  justify-content: flex-start;
  align-items: stretch;
}
body.experimental-27-july.motion-black-monolith :is(.capability-grid p, .price-card p, .price-card ul, .case-feature__heading p, .case-feature__result p) {
  width: 100%;
  max-width: none;
  text-align: left;
  text-wrap: pretty;
}
body.experimental-27-july.motion-black-monolith :is(.capability-grid h3, .price-card h3) {
  max-width: none;
  text-wrap: balance;
}
body.experimental-27-july.motion-black-monolith :is(.capability-grid .site-inclusions, .price-card ul) {
  text-align: left;
  box-sizing: border-box;
}
body.experimental-27-july.motion-black-monolith .portfolio-card { overflow: hidden; }
body.experimental-27-july.motion-black-monolith .case-track { padding: 8px 2px 20px; }
body.experimental-27-july.motion-black-monolith .case-feature { border-radius: var(--tile-radius); }
body.experimental-27-july.motion-black-monolith .case-feature__media img { border-radius: 0; }
body.experimental-27-july.motion-black-monolith .editorial-faq__list {
  display: grid;
  gap: 1px;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
body.experimental-27-july.motion-black-monolith .editorial-faq details {
  width: 100%;
  margin: 0;
  border: 1px solid #424242;
  background: rgba(10,10,10,.96);
  color: #f4f4f4;
  text-align: left;
}
body.experimental-27-july.motion-black-monolith .editorial-faq summary {
  position: relative;
  display: block;
  padding: clamp(22px, 2.5vw, 32px) clamp(62px, 5vw, 80px) clamp(22px, 2.5vw, 32px) clamp(22px, 3vw, 40px);
  color: inherit;
  font-size: clamp(19px, 2vw, 28px);
  line-height: 1.4;
  list-style: none;
  text-align: left;
}
.editorial-faq summary::-webkit-details-marker { display: none; }
body.experimental-27-july.motion-black-monolith .editorial-faq summary::after {
  content: '+';
  position: absolute;
  right: clamp(22px, 3vw, 40px);
  top: 50%;
  transform: translateY(-50%);
  font: 400 30px/1 Arial,sans-serif;
}
body.experimental-27-july.motion-black-monolith .editorial-faq details:nth-child(even),
body.experimental-27-july.motion-black-monolith .editorial-faq details:nth-child(odd)[open] {
  background: #e2e2e2;
  border-color: #f2f2f2;
  color: #111;
}
body.experimental-27-july.motion-black-monolith .editorial-faq details:nth-child(even)[open] {
  background: rgba(10,10,10,.96);
  border-color: #424242;
  color: #f4f4f4;
}
body.experimental-27-july.motion-black-monolith .editorial-faq details[open] summary::after { content: '−'; }
body.experimental-27-july.motion-black-monolith .editorial-faq details p {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 clamp(22px, 3vw, 40px) clamp(24px, 3vw, 38px);
  font-size: clamp(17px, 1.55vw, 21px);
  line-height: 1.7;
  color: inherit;
  text-align: left;
  text-wrap: pretty;
}
body.experimental-27-july.motion-black-monolith .editorial-faq summary:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -7px;
  border-radius: var(--tile-radius);
}
body.experimental-27-july.motion-black-monolith .compact-audit { padding: 0; border: 0; background: transparent; }
body.experimental-27-july.motion-black-monolith .compact-audit > .segment-heading {
  padding: clamp(24px, 4vw, 48px) 20px;
  border-block: 1px solid #ffffff3d;
  background: rgba(0,0,0,.72);
  font-size: clamp(28px, 4.6vw, 62px);
  line-height: 1.13;
  text-wrap: balance;
}
body.experimental-27-july.motion-black-monolith .audit-panel {
  padding: clamp(26px, 4vw, 52px);
  border: 1px solid #424242;
  background: rgba(10,10,10,.95);
  text-align: left;
}
.audit-panel > p { max-width: none; margin: 0 0 20px; color: #d5d5d5; font-size: clamp(18px, 1.8vw, 23px); line-height: 1.65; text-wrap: pretty; }
.audit-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 30px; }
body.experimental-27-july.motion-black-monolith .audit-actions .button { flex: 1 1 280px; margin: 0; min-height: 60px; padding: 18px 20px; font: 600 17px/1.4 Manrope,Arial,sans-serif; text-transform: none; letter-spacing: 0; white-space: normal; }
/* The same sticky direction navigation on the home and portfolio pages. */
:root { --cases-header-height: 90px; --cases-nav-height: 80px; }
body.experimental-27-july.detail-page .site-header { position: sticky; top: 0; z-index: 90; background: rgba(8,8,8,.94); backdrop-filter: blur(18px); }
.detail-main > .case-jump { position: sticky; top: var(--cases-header-height); z-index: 60; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; width: 100%; margin: 0 0 40px; padding: 8px; background: rgba(12,12,12,.96); border: 1px solid #343434; border-radius: 12px; backdrop-filter: blur(18px); }
.detail-main > .case-jump a { --accent: #69aaff; display: flex; align-items: center; gap: 15px; padding: 17px 22px; border-radius: 8px; color: #aaa; text-decoration: none; transition: background-color 200ms,color 200ms; }
.detail-main > .case-jump a:last-child { --accent: #ff7279; }
.detail-main > .case-jump a:is(:hover,[aria-current='location']) { background: #252525; color: #fff; }
.detail-main > .case-jump a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.detail-main .case-jump__dot { flex: 0 0 10px; height: 10px; border-radius: 50%; background: var(--accent); }
.detail-main .case-jump strong { font: 600 22px/1.2 Manrope,Arial,sans-serif; }
.detail-main .case-jump small { font: 400 14px/1.4 Manrope,Arial,sans-serif; }
body.experimental-27-july :is(.detail-case-section,.case-feature,.editorial-faq,.contact-section,.partnership-section) { scroll-margin-top: calc(var(--cases-header-height) + var(--cases-nav-height) + 22px); }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.experimental-27-july.motion-black-monolith :is(.capability-grid article, .price-card, .pricing-preview__grid article, .compact-price-extras > div, .compact-process li, .format-grid article, .editorial-process li, .portfolio-card, .case-feature, .audit-panel, .lead-quick-card, .editorial-faq details):is(:hover,:focus-within) {
    z-index: 3;
    transform: perspective(900px) translateZ(14px) translateY(-3px) scale(1.02) !important;
    box-shadow: 0 22px 54px rgba(0,0,0,.4), 0 0 18px rgba(255,255,255,.08) !important;
    filter: none;
  }
}
@media (max-width:700px) {
  body.experimental-27-july.motion-black-monolith :is(.capability-grid p,.price-card p) { font-size: 17px; line-height: 1.65; }
  .audit-actions { flex-direction: column; }
  body.experimental-27-july.motion-black-monolith .audit-actions .button { flex-basis: auto; width: 100%; }
  .detail-main > .case-jump { gap: 4px; padding: 6px; }
  .detail-main > .case-jump a { display: grid; grid-template-columns: 8px 1fr; gap: 5px 9px; padding: 12px 9px; align-content: start; }
  .detail-main .case-jump__dot { width: 8px; height: 8px; }
  .detail-main .case-jump strong { font-size: 20px; }
  .detail-main .case-jump small { grid-column: 2; font-size: 12px; }
}
@media (prefers-reduced-motion:reduce) {
  body.experimental-27-july.motion-black-monolith :is(.capability-grid article, .price-card, .pricing-preview__grid article, .compact-price-extras > div, .compact-process li, .format-grid article, .editorial-process li, .portfolio-card, .case-feature, .audit-panel, .lead-quick-card, .editorial-faq details) { transform: none !important; transition: none; }
  .detail-main > .case-jump a { transition: none; }
  html { scroll-behavior: auto; }
}