/* v9: fewer decorative glyphs and a readable mobile photo/text rhythm. */
.visual-break::after{background:linear-gradient(90deg,#081017c4 0%,#0810176b 46%,transparent 78%),linear-gradient(0deg,#08101794,transparent 62%)}
.hero-copy .actions .button{gap:0}
.hero-copy .actions .button:hover,.hero-copy .actions .text-link:hover,
.dark-link:hover,.seo-links a:hover{border-color:currentColor}
.seo-links a{min-height:60px;align-items:center;transition:color .2s,border-color .2s}
.request .button.dark{justify-content:center;min-height:52px}
.zoom-image{cursor:zoom-in}
@media(max-width:800px){
  html{scroll-padding-top:72px}
  html .development-layout .full-stage{
    --media-height:clamp(310px,56svh,470px);
    height:auto!important;min-height:0!important;overflow:hidden!important;
    background:#111a22;
  }
  html .development-layout .full-frame{
    height:var(--media-height)!important;min-height:0!important;
  }
  html .development-layout .full-frame>img{
    width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:65% center!important;
  }
  html .development-layout .full-shade{
    height:var(--media-height)!important;bottom:auto!important;
    background:linear-gradient(0deg,#0d151ed9 0%,transparent 28%)!important;
  }
  html .development-layout .development-copy{
    position:relative!important;inset:auto!important;bottom:auto!important;
    width:100%!important;max-width:none!important;
    margin-top:var(--media-height);padding:30px 6% 43px;
    background:#111a22;color:#fff;
  }
  .development-copy h2{font-size:clamp(32px,8.7vw,42px)!important;line-height:1.08;margin-bottom:19px}
  .development-copy .lead{font-size:19px!important;line-height:1.48!important}
  .development-copy p{font-size:16px!important;line-height:1.6!important}
  .development-copy .dark-link{font-size:15px!important;min-height:44px;line-height:1.5;padding:10px 0!important}
  html .development-layout .core-toggle{
    top:calc(var(--media-height) - 64px)!important;bottom:auto!important;
    left:6%!important;right:auto!important;min-height:48px;
    padding:5px 13px;background:#111a22db;border:1px solid #ffffff85;
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  }
  html .visual-break{height:auto!important;min-height:0!important;background:#111a22}
  html .visual-break>img{
    display:block;position:relative!important;inset:auto!important;
    height:clamp(300px,52svh,460px)!important;object-fit:cover;
    object-position:57% center;
  }
  html .visual-break::after{display:none!important}
  html .visual-break .visual-caption{
    position:relative!important;inset:auto!important;
    margin:0;padding:27px 6% 38px;background:#111a22;
  }
  .visual-caption h2{font-size:clamp(31px,8.5vw,42px);line-height:1.12;margin:11px 0 0}
  .visual-caption .eyebrow{margin:0;color:#c6d0d5}
  html .processes .full-frame{
    --media-height:clamp(310px,54svh,460px);
    height:auto!important;min-height:0!important;
    padding-top:var(--media-height)!important;background:#111a22;
  }
  html .processes .full-frame>img{
    height:var(--media-height)!important;bottom:auto!important;
    object-position:center!important;
  }
  html .processes .full-shade{
    height:var(--media-height)!important;bottom:auto!important;
    background:linear-gradient(0deg,#111a2266,transparent 35%)!important;
  }
  html .processes .process-copy{
    position:relative!important;inset:auto!important;bottom:auto!important;
    width:100%!important;max-width:none!important;
    padding:24px 6% 35px;background:#111a22;
  }
  .process-copy h3{font-size:clamp(30px,8.5vw,42px)!important;margin:8px 0 9px!important}
  .process-copy p{font-size:16px!important;line-height:1.55!important}
  .seo-links{gap:0}
  .seo-links a{min-height:54px;padding:13px 0;border-color:#aab2b7;font-size:17px}
  .hero-copy .actions{gap:5px!important}
  .hero-copy .actions .button,.hero-copy .actions .text-link{min-height:44px!important;display:inline-flex;align-items:center;padding:8px 0!important;font-size:14px!important}
  .hero-copy .actions .button{font-weight:600;border-bottom-color:#fff}
  .request .button.dark{width:auto;max-width:100%;padding:15px 23px}
  .problem .dark-link,.art-heading .dark-link{min-height:48px;line-height:1.5}
}
@media(max-width:380px){
  html .development-layout .full-stage{--media-height:340px}
  html .processes .full-frame{--media-height:340px}
  .hero-copy .actions .button,.hero-copy .actions .text-link{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){.seo-links a{transition:none}}