/* RUDQP hero "one sentence" (2026-11-02).
 * "Booking an Ottawa [rotating service]? Start here ->". The service phrase
 * cycles through all five galleries (every one is a real link in the HTML, so
 * search engines still see them); "Start here" opens the booking form on the
 * home page with that service already chosen. */
.hs__w{white-space:nowrap}
.hs__rot{display:inline-grid;overflow:hidden;vertical-align:bottom;height:1.75em;height:1lh;text-align:left;
  transition:width .5s cubic-bezier(.2,.8,.2,1)}
.hs__rot>a{grid-area:1/1;justify-self:start;width:max-content;visibility:hidden;opacity:0;transform:translateY(105%);
  transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .35s,visibility 0s .6s}
.hs__rot>a.on{visibility:visible;opacity:1;transform:none;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .35s,visibility 0s}
.hs__rot>a.out{visibility:visible;opacity:0;transform:translateY(-105%)}
html .ah__seo a.ah__seo-go{font-style:italic;font-weight:600;color:var(--ink);letter-spacing:.01em}
.ah__seo-go .ar{display:inline-block;font-style:normal;margin-left:4px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.ah__seo-go:hover .ar,.ah__seo-go:focus-visible .ar{transform:translateX(3px)}
/* star line: stars + one block of text, so it never splits into columns */
.ah__proof-t{text-align:left}
@media(max-width:420px){.ah__proof-t .ah__proof-x{display:none}}
/* banner over the booking form after "Start here" */
.hs-picked{margin:0 0 18px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--paper);
  animation:hsIn .6s cubic-bezier(.2,.8,.2,1)}
.hs-picked b{display:block;font-size:15px;color:var(--ink)}
.hs-picked span{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
@keyframes hsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hs__rot,.hs__rot>a,.ah__seo-go .ar,.hs-picked{transition:none!important;animation:none!important}}