/* Elementor wrappers remain selectable in the navigator without altering layout. */
.patty-creative-page .agency-root .brand-logo { width:164px; height:auto; max-height:43px; object-fit:contain; }
.patty-creative-page .agency-root {
  --e-global-color-primary:#f8f5ff;
  --e-global-color-secondary:#ad78ff;
  --e-global-color-text:#b8b0c4;
  --e-global-color-accent:#7c3cff;
}
.patty-creative-page .agency-root .patty-leaf { color:inherit; }
.patty-creative-page .agency-root .elementor-heading-title { color:#f8f5ff; }
.patty-creative-page .agency-root .elementor-heading-title .violet { color:#ad78ff; }
.patty-creative-page .agency-root .nav,
.patty-creative-page .agency-root .nav-links,
.patty-creative-page .agency-root .hero-actions,
.patty-creative-page .agency-root .corporate-controls,
.patty-creative-page .agency-root .dots,
.patty-creative-page .agency-root .project-controls,
.patty-creative-page .agency-root .service-arrows,
.patty-creative-page .agency-root .service-carousel-nav,
.patty-creative-page .agency-root .team-carousel-nav,
.patty-creative-page .agency-root .project-track,
.patty-creative-page .agency-root .service-grid,
.patty-creative-page .agency-root .team-grid { flex-direction:row; }
.patty-creative-page .agency-root .service-grid,
.patty-creative-page .agency-root .team-grid,
.patty-creative-page .agency-root .project-track { flex-wrap:nowrap; }
.patty-creative-page .agency-root .nav-links .elementor-button {
  display:inline-flex; width:auto; min-height:0; background:transparent; box-shadow:none; border:0;
  color:#c5bdcf; font-size:12px; font-weight:700; line-height:1.4;
}
.patty-creative-page .agency-root .nav-links .elementor-button:hover { background:rgba(255,255,255,.055); color:#fff; }
.patty-creative-page .agency-root .btn-secondary.elementor-button { background:rgba(255,255,255,.035); color:#eee8f8; border:1px solid var(--line); }
.patty-creative-page .agency-root .btn-secondary.elementor-button:hover { background:#7c3cff; border-color:#7c3cff; color:#fff; }
.patty-creative-page .agency-root .btn-primary.elementor-button { background:linear-gradient(135deg,#7134f6,#9859ff); color:#fff; }
.patty-creative-page .agency-root .nav { align-items:center; justify-content:space-between; }
.patty-creative-page .agency-root .nav-links { align-items:center; }
.patty-creative-page .agency-root .corporate-controls { align-items:center; justify-content:space-between; }
@media(max-width:900px) {
  .patty-creative-page .agency-root .nav.open .nav-links { flex-direction:column; align-items:stretch; }
}
.patty-creative-page .elementor-heading-title { font-weight:700; }
.patty-creative-page .agency-root .patty-leaf > .elementor-icon-wrapper,
.patty-creative-page .agency-root .patty-leaf .elementor-icon,
.patty-creative-page .agency-root .patty-leaf .elementor-button-wrapper { display:contents; }
.patty-creative-page .agency-root .reveal { opacity:1; transform:none; }
.patty-creative-page .agency-root.patty-motion .reveal:not(.in) { opacity:0; transform:translateY(24px); }
.patty-creative-page .agency-root :focus-visible { outline:2px solid #d9c8ff; outline-offset:5px; }
.patty-creative-page .agency-root .nav-links a { white-space:nowrap; }
.patty-creative-page .agency-root .corp-slide:not(.active) { visibility:hidden; }
.patty-creative-page .agency-root .corp-slide.active { visibility:visible; }
.patty-creative-page .agency-root .browser-view img,
.patty-creative-page .agency-root .case-phone-screen img { max-height:none; }
body.elementor-editor-active .agency-root .reveal,
body.elementor-editor-active .agency-root.patty-motion .reveal:not(.in) { opacity:1!important; transform:none!important; }
body.elementor-editor-active .agency-root .corp-slide { position:relative!important; opacity:1!important; visibility:visible!important; transform:none!important; margin-bottom:20px; }
body.elementor-editor-active .agency-root .corporate-carousel { height:auto!important; }
body.elementor-editor-active .agency-root .nav { position:relative!important; top:auto!important; left:auto!important; transform:none!important; margin:14px auto!important; }
body.elementor-editor-active .agency-root .mouse-violet-glow { display:none!important; }
body.elementor-editor-active .agency-root .patty-leaf { min-width:0; }
@media(prefers-reduced-motion:reduce) {
  .patty-creative-page .agency-root *, .patty-creative-page .agency-root::before, .patty-creative-page .agency-root::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .patty-creative-page .agency-root .mouse-violet-glow { display:none!important; }
}

/* Symmetrical separators: Elementor's overlay pseudo-elements must be grid items. */
.patty-creative-page .agency-root .icon-bridge { overflow:visible!important; z-index:2; isolation:isolate; }
.patty-creative-page .agency-root .person { display:flex!important; flex-direction:column!important; align-self:stretch; }
.patty-creative-page .agency-root .person-body { display:flex!important; flex-direction:column!important; flex:1; }
.patty-creative-page .agency-root .person-body > .elementor-widget-button { margin-top:auto; }
.patty-creative-page .agency-root .person p { min-height:6.48em; text-wrap:pretty; }
.patty-creative-page .agency-root .person-link.elementor-button {
  background:transparent!important; border:0!important; border-radius:0; box-shadow:none!important;
  color:#ac82ef!important; font-size:var(--fs-small)!important; font-weight:800;
  letter-spacing:.12em; text-transform:uppercase; line-height:1.5; text-align:left;
  padding:12px 0!important; margin-top:8px; min-height:44px; animation:none!important;
  display:inline-flex; width:auto; gap:10px; justify-content:flex-start;
}
.patty-creative-page .agency-root .person-link.elementor-button:hover { color:#d8bfff!important; text-decoration:underline; }
@media(min-width:1101px) {
  .patty-creative-page .agency-root .section,
  .patty-creative-page .agency-root .cta { padding-top:48px!important; padding-bottom:48px!important; }
  .patty-creative-page .agency-root .hero { padding-bottom:48px!important; }
  .patty-creative-page .agency-root .icon-bridge { height:40px!important; min-height:40px!important; }
}
.patty-creative-page .agency-root .icon-bridge {
  display:grid!important;
  grid-template-columns:minmax(0,280px) repeat(3,38px) minmax(0,280px);
  justify-content:center!important; align-items:center!important;
  gap:28px!important; width:100%; margin-inline:auto!important;
}
.patty-creative-page .agency-root .icon-bridge::before,
.patty-creative-page .agency-root .icon-bridge::after {
  position:static!important; inset:auto!important; display:block!important;
  width:100%!important; height:1px!important; min-height:0!important;
  max-width:none!important; margin:0!important; align-self:center;
}
.patty-creative-page .agency-root .icon-bridge .bridge-icon {
  width:38px; height:38px; margin:0; justify-self:center;
}
.patty-creative-page .agency-root .process-copy {
  --patty-process-circle:clamp(260px,27vw,380px);
  text-align:center!important; align-items:center!important;
}
.patty-creative-page .agency-root .process-copy::before {
  inset:auto!important; left:50%!important; top:50%!important;
  width:var(--patty-process-circle)!important;
  height:var(--patty-process-circle)!important;
  min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important;
  aspect-ratio:1!important; border-radius:50%!important;
  transform:translate(-50%,-50%);
  animation:pattyProcessCircle 9s ease-in-out infinite;
  pointer-events:none;
}
@keyframes pattyProcessCircle {
  0%,100% { transform:translate(-50%,-50%) scale(1); }
  50% { transform:translate(-50%,-50%) scale(1.05); }
}
.patty-creative-page .agency-root .consult-card:nth-child(n) {
  text-align:center!important; align-items:center!important; justify-content:center!important;
}
.patty-creative-page .agency-root .consult-card strong,
.patty-creative-page .agency-root .consult-card span { width:100%; text-align:center!important; }
.patty-creative-page .agency-root .consult-icon { margin:0 auto 16px!important; }
@media(min-width:681px) and (max-width:1100px) {
  .patty-creative-page .agency-root .section,
  .patty-creative-page .agency-root .cta { padding-block:48px!important; }
  .patty-creative-page .agency-root .consult-grid { grid-template-columns:1fr!important; gap:28px!important; }
  .patty-creative-page .agency-root .consult-board { max-width:760px; margin-inline:auto!important; }
  .patty-creative-page .agency-root .process-copy { padding:28px 16px!important; }
  .patty-creative-page .agency-root .consult-card:nth-child(n) { padding:24px 20px!important; }
}
@media(max-width:680px) {
  .patty-creative-page .agency-root .section,
  .patty-creative-page .agency-root .cta { padding-block:36px!important; }
  .patty-creative-page .agency-root .hero { padding-top:86px!important; padding-bottom:36px!important; }
  .patty-creative-page .agency-root .icon-bridge {
    grid-template-columns:minmax(0,70px) repeat(3,32px) minmax(0,70px);
    gap:14px!important; height:36px!important; min-height:36px!important;
  }
  .patty-creative-page .agency-root .icon-bridge .bridge-icon { width:32px; height:32px; }
  .patty-creative-page .agency-root .value-board { height:360px!important; min-height:360px!important; }
  .patty-creative-page .agency-root .process-copy { min-height:0!important; padding:12px 0!important; }
  .patty-creative-page .agency-root .process-copy .lead { margin:14px auto 0!important; }
  .patty-creative-page .agency-root .consult-card:nth-child(n) { min-height:0!important; padding:24px 18px!important; }
  .patty-creative-page .agency-root .team-head { text-align:center!important; justify-items:center!important; }
  .patty-creative-page .agency-root .team-head .lead { margin-inline:auto!important; }
  .patty-creative-page .agency-root .services-head,
  .patty-creative-page .agency-root .team-head { margin-bottom:24px!important; }
  .patty-creative-page .agency-root .service-carousel-nav { justify-content:center; flex-wrap:wrap; gap:18px; }
  .patty-creative-page .agency-root .service-dots { justify-content:center; }
}
@media(prefers-reduced-motion:reduce) {
  .patty-creative-page .agency-root .process-copy::before { animation:none!important; }
}

.patty-creative-page .agency-root .project-help.elementor-button { color:#ad78ff!important; }
.patty-creative-page .agency-root .project-help.elementor-button:hover { color:#d8bfff!important; }
/* Keep navigation links centered with a consistent, moderate gap. */
@media(min-width:901px) {
  .patty-creative-page .agency-root .nav,
  .patty-creative-page .agency-root .nav.scrolled {
    width:min(1160px,calc(100vw - 28px))!important;
    gap:24px!important;
  }
  .patty-creative-page .agency-root .nav > .elementor-widget { flex-shrink:0; }
  .patty-creative-page .agency-root .nav-links {
    flex:1 1 auto; min-width:0; justify-content:center!important; gap:22px!important;
  }
  .patty-creative-page .agency-root .nav-links .elementor-button {
    padding:12px 0; min-height:44px; white-space:nowrap;
  }
}
@media(min-width:901px) and (max-width:1100px) {
  .patty-creative-page .agency-root .nav { gap:20px!important; }
  .patty-creative-page .agency-root .nav-links { gap:12px!important; }
  .patty-creative-page .agency-root .brand-logo { width:132px; }
}
@media(max-width:900px) {
  .patty-creative-page .agency-root .nav.open .nav-links { gap:8px!important; }
  .patty-creative-page .agency-root .nav.open .nav-links .elementor-button {
    padding:12px 14px; min-height:44px; justify-content:flex-start;
  }
}
.patty-creative-page .agency-root .exidify-socials { width:100%; max-width:560px; margin:20px auto!important; }
.patty-creative-page .agency-root .exidify-socials .elementor-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; }
.patty-creative-page .agency-root .exidify-socials .elementor-social-icon { width:44px; height:44px; background:#171020; border:1px solid #352344; }
.patty-creative-page .agency-root .exidify-socials .elementor-social-icon i { color:#ad78ff; }
.patty-creative-page .agency-root .footer-blog { background:transparent; color:#ad78ff; display:inline-flex; padding:12px 20px; }
.patty-creative-page .agency-root .site-footer { text-align:center; }
/* Navigation hover: color and a small visual enlargement without layout shifts. */
.patty-creative-page .agency-root .nav-links .elementor-button { transition:color .2s ease,transform .2s ease; transform-origin:center; }
.patty-creative-page .agency-root .nav-links .elementor-button:hover,
.patty-creative-page .agency-root .nav-links .elementor-button:focus-visible { background:transparent!important; color:#d8bfff!important; transform:scale(1.045); box-shadow:none!important; }
.patty-creative-page .agency-root .nav-links .project-help.elementor-button:hover,
.patty-creative-page .agency-root .nav-links .project-help.elementor-button:focus-visible { color:#fff!important; }
.patty-creative-page .agency-root .cta .project-help.elementor-button { color:#e2ceff!important; }
.patty-creative-page .agency-root .cta .project-help.elementor-button:hover,
.patty-creative-page .agency-root .cta .project-help.elementor-button:focus-visible { background:#fff!important; color:#7134c9!important; border-color:#fff!important; }
.patty-creative-page .agency-root .site-footer { display:flex!important; flex-direction:column!important; align-items:center!important; gap:0!important; padding:36px 20px!important; }
.patty-creative-page .agency-root .footer-logo { display:block; width:180px; height:auto; margin:0 auto; }
.patty-creative-page .agency-root .footer-copyright { text-align:center!important; margin:0 auto; color:#b8b0c4; font-size:13px; line-height:1.8; }
@media(prefers-reduced-motion:reduce) { .patty-creative-page .agency-root .nav-links .elementor-button:hover { transform:none; } }