/* Loaded exclusively by ux-ui-design.html. Shared geometry and entrance stay intact. */
html.ux-ui-design{--bg:#0e090a;--blue:#cb8a95;--cyan:#ebc5cb;--muted:#b4a7a9;--line:#e5c9ce1c;--ui-edge:#e3b5bd30;--ui-ease:cubic-bezier(.22,1,.36,1);background:#0e090a}
.ux-ui-design body,.ux-ui-design .hero{background:#0e090a;color:#f2eeef}
.ux-ui-design .hero:before{background:linear-gradient(90deg,#0e090afa 0%,#0e090ac7 31%,#0e090a50 49%,#0e090a0d 69%,transparent 80%),linear-gradient(0deg,#0e090a,transparent 19%,transparent 87%,#0e090a99)}
.ux-ui-design .intro-title .accent-line{color:#e6b5bd;background:linear-gradient(110deg,#f4eeef,#dea3ad 52%,#d1c6c8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ux-ui-design .hero-copy{color:#c6b8ba}
.ux-ui-design .hero .eyebrow{color:#c7adb1}
.ux-ui-design .hero-proof>div{border-color:#d6a1aa3d}
.ux-ui-design .hero-proof span{color:#aa9b9d}
.ux-ui-design .site-header{background:#151011ed;border-color:#d3bdc12b}
.ux-ui-design .site-header nav a{color:#cfbdc0}
.ux-ui-design .site-header nav a:before{background:linear-gradient(165deg,#65434955,#31232555)}
.ux-ui-design .site-header nav a:hover:before,.ux-ui-design .site-header nav a:focus-visible:before{border-color:#d79ba55c}
.ux-ui-design .site-header .header-cta,.ux-ui-design .button.primary,.ux-ui-design .site-header nav .mobile-contact{background:#a33f58;border-color:#d8aab275;color:#fff;box-shadow:inset 0 1px 0 #ffffff18,0 4px 18px #43202630}
.ux-ui-design .site-header .header-cta:hover,.ux-ui-design .button.primary:hover{background:#b84961;box-shadow:0 8px 28px #70343e3b}
.ux-ui-design .button.primary:before{background:#b84961}
.ux-ui-design .header-cta span{color:#f5dce0}
.ux-ui-design .motion-toggle{background:#191012;color:#dbc8cb;border-color:#cda0a83d}
.ux-ui-design .motion-toggle:hover{background:#2d1a1d}
.ux-ui-design .work-nav-toggle{color:#d6b6bb}
.ux-ui-design .work-nav-toggle:hover,.ux-ui-design .work-nav-toggle:focus-visible,.ux-ui-design .work-nav-toggle[aria-expanded="true"]{background:#322124;border-color:#dda1ab66;color:#faeaed}
.ux-ui-design .site-header nav .work-submenu{background:#191112;border-color:#cfa0a83d}
.ux-ui-design .site-header nav .work-submenu a[aria-current="page"]{color:#ffc4ce}
.ux-ui-design .work-submenu a span{color:#dfadb5}
.ux-ui-design .site-header nav .services-nav .work-submenu{min-width:20rem}
.ux-ui-design .menu-button{background:#2b1b1e;border-color:#ce929c47}
.ux-ui-design .site-header.open .menu-button,.ux-ui-design .menu-button:hover{background:#3f2529;border-color:#e0a5af80;box-shadow:0 0 0 4px #b5707c14}
.ux-ui-design .menu-button:before{background:radial-gradient(circle,#d49aa438,transparent 68%)}
.ux-ui-design .cursor-ring{border-color:#dfa8b188;background:#c58b950a}
.ux-ui-design .cursor-dot{background:#fad0d7}
.ux-ui-design.gravity-charging .cursor-ring{border-color:#ffd4db;background:#de97a320}
.ux-ui-design :focus-visible{outline-color:#f7b8c3}
.ux-ui-design .text-link{color:#e9c9ce}
.ux-ui-design .text-link:hover{text-decoration-color:#d4a0a980}
.ux-ui-design .ux-ui-design-content{padding-top:0;max-width:none;padding-inline:clamp(24px,8vw,130px);scroll-margin-top:10rem}
.ux-ui-design .breadcrumbs{padding-top:1.5rem;color:#b8a0a4}
.ux-ui-design .breadcrumbs a{color:#d9b4ba}
.ux-ui-design .ux-ui-design-opening{border-top:0;padding-top:2rem}
.ux-ui-design .detail-page h2{max-width:56rem;font-size:clamp(2rem,3.3vw,3.5rem);line-height:1.2}
.ux-ui-design .detail-page h2>span{color:#c7a3a9}
.ux-ui-design .detail-section p,.ux-ui-design .detail-panel li,.ux-ui-design .detail-cta>p:not(.section-label){color:#bdadb0}
.ux-ui-design .detail-section .section-label,.ux-ui-design .detail-cta .section-label{color:#d2a6ad}
.ux-ui-design .detail-card,.ux-ui-design .detail-panel{border-color:#caa7ad30;background:linear-gradient(145deg,#291a1d80,#160e0f)}
.ux-ui-design .detail-number{color:#d6a2ab;font-size:.8125rem;letter-spacing:.12em}
.ux-ui-design .detail-panel li::marker,.ux-ui-design .detail-faq summary::marker{color:#d6a2ab}
.ux-ui-design .detail-faq summary{color:#ebdddf}
.ux-ui-design .detail-faq a{color:#edbac3;text-underline-offset:.25em}
.ux-ui-design .budget-panel{background:radial-gradient(ellipse at 95% 0%,#94556025,transparent 70%),#191112}
.ux-ui-design .ux-ui-design-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:3rem;border-top:1px solid var(--line)}
.ux-ui-design .ux-ui-design-steps article{padding:2rem 1.5rem;border-right:1px solid var(--line)}
.ux-ui-design .ux-ui-design-steps article:first-child{padding-left:0}
.ux-ui-design .ux-ui-design-steps article:last-child{border-right:0}
.ux-ui-design .ux-ui-design-steps p{margin-bottom:0;font-size:1rem}
.ux-ui-design .related-link{color:#e9d7da;background:#1c1113}
.ux-ui-design .related-link:hover{background:#2f1b1e;border-color:#caa0a770}
.ux-ui-design .detail-cta{background:radial-gradient(ellipse at 50% 100%,#8f525c35,transparent 75%),#160d0f;border-color:#caa7ad30}
.ux-ui-design .detail-cta h2{margin-inline:auto}
.ux-ui-design footer p,.ux-ui-design footer small{color:#a89397}
.ux-ui-design footer a{color:#c9b0b4}
.ux-ui-design footer a:hover{color:#f7e3e6}
@media(max-width:1100px){
  .ux-ui-design .site-header nav,.ux-ui-design .site-header.open nav{background:#191112f7;border-color:#cfa0a83d}
  .ux-ui-design .site-header nav .services-nav .work-submenu{min-width:0}
  .ux-ui-design .site-header nav .work-submenu{background:#251619}
  .ux-ui-design .ux-ui-design-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ux-ui-design .ux-ui-design-steps article{padding:2rem 1.5rem;border-bottom:1px solid var(--line)}
  .ux-ui-design .ux-ui-design-steps article:nth-child(odd){padding-left:0}
  .ux-ui-design .ux-ui-design-steps article:nth-child(even){border-right:0}
}
@media(max-width:760px){
  .ux-ui-design .hero:before{background:linear-gradient(0deg,#0e090a 0%,#0e090a 50%,#0e090a00 75%,#0e090a00 90%,#0e090a99)}
  .ux-ui-design .ux-ui-design-content{padding-top:0;padding-inline:1.5rem}
  .ux-ui-design .ux-ui-design-steps{grid-template-columns:1fr;margin-top:2rem}
  .ux-ui-design .ux-ui-design-steps article{border-right:0;padding:1.5rem 0}
  .ux-ui-design .detail-page h2{font-size:clamp(1.875rem,7vw,2.625rem)}
}