/* Cumulative 162: calmer questions and a clearer enquiry section.
   Approved 161 hero, introduction, imagery and catalogue are retained. */
@layer sr-responsive-polish {
  /* Earlier styles added the breadcrumb's bottom margin to the tags' top
     margin. Keep one spacing owner per gap and one shared left alignment. */
  body#sr-design.sr-local-service #main-content .page-hero>.container {
    align-items:flex-start!important;
    text-align:left!important;
    row-gap:0!important;
  }
  body#sr-design.sr-local-service #main-content .page-hero>.container>.breadcrumb {
    margin:0 0 24px!important;
    align-items:baseline!important;
    text-align:left!important;
  }
  body#sr-design.sr-local-service #main-content .page-hero .breadcrumb>a,
  body#sr-design.sr-local-service #main-content .page-hero .breadcrumb__sep,
  body#sr-design.sr-local-service #main-content .page-hero .breadcrumb__current {
    padding:2px 0!important;
    line-height:inherit!important;
  }
  body#sr-design.sr-local-service #main-content .page-hero .breadcrumb+.tags {
    margin:0 0 20px!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    row-gap:8px!important;
  }
  body#sr-design.sr-local-service #main-content .page-hero h1 {
    margin:0!important;
    text-align:left!important;
    text-wrap:balance!important;
  }
  body#sr-design.sr-local-service #main-content .page-hero .sr-service-hero-description {
    margin:20px 0 0!important;
    text-align:left!important;
  }
  body#sr-design.sr-local-service #main-content .page-hero .hero-actions {
    margin:24px 0 0!important;
    justify-content:flex-start!important;
  }
  /* A taller, full-viewport hero on ultrawide screens reduces the short-strip
     crop without boxing the site or adding side panels. Cover still crops. */
  @media (min-width:2200px) {
    body#sr-design {
      width:100%!important;
      max-width:none!important;
      margin:0!important;
    }
    body#sr-design #nav {
      width:100%!important;
      max-width:none!important;
      left:0!important;
      right:0!important;
    }
    body#sr-design #main-content :is(.ec-hero,.page-hero):has(img[data-sr-media]) {
      height:max(760px,100svh)!important;
      min-height:max(760px,100svh)!important;
      padding-top:80px!important;
    }
    body#sr-design #main-content .ec-hero:has(img[data-sr-media])>.ec-wrap,
    body#sr-design #main-content .page-hero:has(img[data-sr-media])>.container {
      height:calc(max(760px,100svh) - 80px)!important;
      min-height:calc(max(760px,100svh) - 80px)!important;
      justify-content:center!important;
    }
  }
  /* Existing intermediate header rules stretch the logo link and shrink CTAs. */
  @media (min-width:801px) and (max-width:1100px) {
    body#sr-design #nav { grid-template-columns:minmax(0,1fr) auto 44px!important; }
    body#sr-design #nav .nav__logo {
      width:auto!important;
      flex:0 1 auto!important;
    }
    body#sr-design #nav .nav__logo-text { font-size:18px!important; }
    body#sr-design #nav .nav__cta {
      width:auto!important;
      max-width:none!important;
      flex:0 0 auto!important;
    }
    body#sr-design #nav .nav__cta>.nav__city-wrap,
    body#sr-design #nav .nav__cta>.btn,
    body#sr-design #nav .nav__mobile-icons {
      flex:0 0 auto!important;
    }
  }
  @media (max-width:800px) {
    body#sr-design #main-content .pc-office-nav {
      display:flex!important;
      align-items:stretch!important;
      justify-content:center!important;
      width:calc(100% - 36px)!important;
      max-width:540px!important;
      gap:0!important;
      padding:0!important;
      margin:12px auto 20px!important;
      border:0!important;
      border-bottom:1px solid #d8cbb4!important;
      border-radius:0!important;
      background:transparent!important;
      box-shadow:none!important;
    }
    body#sr-design #main-content .pc-office-nav a {
      flex:1 1 auto!important;
      justify-content:center!important;
      min-height:44px!important;
      min-width:0!important;
      padding:10px 6px!important;
      font-size:12px!important;
      line-height:1.5!important;
      white-space:nowrap!important;
      color:#655d50!important;
      background:transparent!important;
      border:0!important;
      border-radius:0!important;
    }
    body#sr-design #main-content .pc-office-nav a:hover,
    body#sr-design #main-content .pc-office-nav a:focus-visible {
      color:#171717!important;
      background:#eee7da!important;
    }
    body#sr-design #main-content .pc-office-nav .sr-service-nav-arrow {
      display:none!important;
    }
    /* The primary enquiry action is already directly above in the hero. */
    body#sr-design #main-content .pc-office-nav .sr-service-nav-request {
      display:none!important;
    }
  }
}

@layer sr-responsive-polish {
  /* A retired arrow span still carried a divider next to the approved arrow. */
  body#sr-design .sr-action-142>span[aria-hidden="true"]:empty:not(.sr-cta-arrow) {
    display:none!important;
  }
  body#sr-design #mobileMenu .pc-menu-navigation>a.active {
    color:#f5c400!important;
    border-bottom-color:#f5c400!important;
  }
  body#sr-design #main-content :is(.pc-editorial-section,.pc-story-heading,.ec-section-top,.ec-process-head,.ec-faq-head,.ec-areas-head,.section) h2 {
    text-wrap:balance!important;
  }

  /* Keep all nine destinations visible at normal laptop widths. The tablet
     drawer and the transparent/solid header states are left untouched. */
  @media (min-width:1360px) and (max-width:1800px) {
    body#sr-design #nav {
      display:flex!important;
      justify-content:space-between!important;
      gap:16px!important;
      padding-inline:24px!important;
    }
    body#sr-design #nav .nav__logo {
      flex:0 0 auto!important;
      width:auto!important;
      gap:8px!important;
    }
    body#sr-design #nav .nav__logo img {
      width:30px!important;
      height:30px!important;
      flex:0 0 30px!important;
    }
    body#sr-design #nav .nav__logo-text {
      font-size:17px!important;
      line-height:1.2!important;
      white-space:nowrap!important;
    }
    body#sr-design #nav .nav__logo-text>span { display:inline!important; }
    body#sr-design #nav .nav__links {
      display:flex!important;
      flex:0 0 auto!important;
      align-items:center!important;
      gap:6px!important;
      margin:0!important;
    }
    body#sr-design #nav .nav__links>a {
      display:inline-flex!important;
      font-size:13px!important;
      padding:12px 4px!important;
      min-height:44px!important;
      white-space:nowrap!important;
    }
    body#sr-design #nav .nav__cta {
      display:flex!important;
      width:auto!important;
      max-width:none!important;
      flex:0 0 auto!important;
      gap:8px!important;
      margin:0!important;
    }
    body#sr-design #nav .nav__cta>* { flex:0 0 auto!important; }
    body#sr-design #nav .nav__phone {
      display:inline-flex!important;
      padding-inline:10px!important;
      font-size:12px!important;
    }
    body#sr-design #nav .nav__mobile-icons { display:none!important; }
    body#sr-design #nav #navCityBtn {
      padding-inline:10px!important;
      font-size:12px!important;
      max-width:152px!important;
    }
    body#sr-design #nav .sr-action-142 {
      min-width:0!important;
      padding-inline:12px!important;
      gap:18px!important;
    }
  }

  @media (min-width:1360px) and (max-width:1439px) {
    body#sr-design #nav .nav__logo-text { font-size:15px!important; }
    body#sr-design #nav .nav__links { gap:4px!important; }
  }

  /* Editorial cards: a compact category row, a clear headline and a shared
     footer baseline. Existing icons, full excerpts and destinations remain. */
  body#sr-design #main-content .blog-card {
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    grid-template-rows:auto auto 1fr auto!important;
    align-content:start!important;
    gap:18px 14px!important;
    padding:28px!important;
    border-radius:10px!important;
  }
  body#sr-design #main-content .blog-card__icon {
    grid-column:1!important;
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d8cbb3!important;
    border-radius:6px!important;
    color:#171717!important;
  }
  body#sr-design #main-content .blog-card__icon svg {
    width:25px!important;
    height:25px!important;
    color:inherit!important;
  }
  body#sr-design #main-content .blog-card__cat {
    grid-column:2!important;
    align-self:center!important;
    margin:0!important;
    line-height:1.5!important;
  }
  body#sr-design #main-content :is(.blog-card__title,.blog-card__excerpt,.blog-card__footer) {
    grid-column:1/-1!important;
    margin:0!important;
  }
  body#sr-design #main-content .blog-card__title {
    font-size:25px!important;
    line-height:1.25!important;
    text-wrap:balance!important;
  }
  body#sr-design #main-content .blog-card__footer {
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    padding:12px 0 0!important;
    gap:4px 12px!important;
  }
  body#sr-design #main-content .blog-card:focus-within {
    border-color:#92751b!important;
    box-shadow:0 0 0 2px #f5c400!important;
  }
  /* Keep the existing topic filter authoritative over the card's grid. */
  body#sr-design #main-content .blog-card[hidden],
  body#sr-design #main-content .blog-card[style*="display: none"] {
    display:none!important;
  }
  body#sr-design #main-content .blog-card__read {
    text-underline-offset:5px;
  }
  @media (hover:hover) {
    body#sr-design #main-content .blog-card:hover { transform:none!important; }
    body#sr-design #main-content .blog-card__read:hover { text-decoration:underline!important; }
  }
  @media (max-width:800px) {
    body#sr-design #main-content .blog-card {
      padding:22px!important;
      gap:16px 12px!important;
      grid-template-columns:36px minmax(0,1fr)!important;
    }
    body#sr-design #main-content .blog-card__icon { width:36px!important;height:36px!important; }
    body#sr-design #main-content .blog-card__title { font-size:23px!important; }
    body#sr-design #main-content .blog-grid { gap:16px!important; }
    body#sr-design #main-content .price-table tbody tr {
      display:grid!important;
      grid-template-columns:minmax(0,1fr) auto!important;
      gap:14px 12px!important;
      padding:20px!important;
      background:#f4efe5!important;
      border-radius:8px!important;
    }
    body#sr-design #main-content .price-table tbody td {
      padding:0!important;
      margin:0!important;
      min-width:0!important;
    }
    body#sr-design #main-content .price-table tbody td:nth-child(1) {
      grid-column:1!important;
      align-self:center!important;
      line-height:1.45!important;
    }
    body#sr-design #main-content .price-table tbody td:nth-child(2) {
      grid-column:2!important;
      align-self:start!important;
    }
    body#sr-design #main-content .price-table tbody td:nth-child(n+3) {
      grid-column:1/-1!important;
      font-size:14px!important;
      line-height:1.65!important;
    }
    body#sr-design #main-content .price-table tbody td:nth-child(3) {
      border-top:1px solid #d8cbb3!important;
      padding-top:14px!important;
    }
    body#sr-design #main-content .price-table .price-badge {
      font-size:11px!important;
      white-space:nowrap!important;
    }
  }
  @media (max-width:360px) {
    body#sr-design #main-content .price-table tbody tr { grid-template-columns:minmax(0,1fr)!important; }
    body#sr-design #main-content .price-table tbody td:nth-child(2) { grid-column:1!important; }
    body#sr-design #main-content .blog-card { padding:18px!important; }
  }
}

@layer sr-responsive-polish {
  /* A typographic lock-up, not another card over the photograph. Every word
     stays in the original H1, in the same reading order. */
  body#sr-design #main-content .ec-hero .ec-hero-copy {
    width:min(700px,100%)!important;
    max-width:100%!important;
  }
  body#sr-design #main-content .ec-hero .ec-eyebrow {
    margin:0 0 28px!important;
    font-size:10px!important;
    letter-spacing:.13em!important;
    line-height:1.65!important;
    text-shadow:0 1px 8px #1116;
  }
  body#sr-design #main-content .ec-hero #ec-title.sr-hero-title {
    display:block!important;
    width:100%!important;
    max-width:700px!important;
    margin:0!important;
    font-size:inherit!important;
    line-height:1!important;
    letter-spacing:normal!important;
    text-wrap:initial!important;
    overflow:visible!important;
  }
  body#sr-design #main-content #ec-title.sr-hero-title>span {
    display:block!important;
    width:auto!important;
    color:#f4efe5!important;
    font-style:normal!important;
    text-transform:none!important;
    text-shadow:0 2px 20px #1113;
  }
  body#sr-design #main-content #ec-title .sr-hero-service {
    margin:0 0 7px!important;
    font-size:clamp(36px,3.35vw,52px)!important;
    line-height:1.14!important;
    font-weight:500!important;
    letter-spacing:-.045em!important;
  }
  body#sr-design #main-content #ec-title .sr-hero-place {
    font-size:clamp(62px,6vw,88px)!important;
    line-height:1.06!important;
    font-weight:500!important;
    letter-spacing:-.055em!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
  }
  body#sr-design #main-content #ec-title .sr-hero-city {
    display:inline!important;
    font-size:inherit!important;
    font-weight:650!important;
    color:#f5c400!important;
    letter-spacing:inherit!important;
  }
  body#sr-design #main-content #ec-title.sr-hero-title--long .sr-hero-place {
    font-size:clamp(48px,4.4vw,66px)!important;
  }
  body#sr-design #main-content #ec-title.sr-hero-title>em {
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    width:auto!important;
    margin:26px 0 0!important;
    font-size:21px!important;
    line-height:1.5!important;
    font-weight:400!important;
    font-style:normal!important;
    letter-spacing:0!important;
    color:#f4efe5!important;
  }
  body#sr-design #main-content #ec-title.sr-hero-title>em::before {
    content:"";
    display:block;
    flex:0 0 34px;
    height:1px;
    background:#f5c400;
  }
  body#sr-design #main-content .ec-hero .ec-actions {
    margin:34px 0 0!important;
    gap:24px!important;
    align-items:center!important;
  }
  body#sr-design #main-content .ec-hero .ec-actions>.ec-text-link {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    min-height:54px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    color:#f4efe5!important;
    font-size:13px!important;
    font-weight:500!important;
    text-shadow:0 1px 5px #1118;
    text-decoration:none!important;
  }
  body#sr-design #main-content .ec-hero .ec-actions>.ec-text-link>span {
    display:grid!important;
    place-items:center!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    border:1px solid #f4efe570!important;
    border-radius:50%!important;
    background:#1112!important;
    color:#f5c400!important;
  }
  body#sr-design #main-content .ec-hero .ec-actions>.ec-text-link:is(:hover,:focus-visible)>span {
    border-color:#f5c400!important;
    background:#1115!important;
  }
  /* One continuous process, with visible step markers instead of four
     nested dark cards. Mobile uses the same sequence as a vertical rail. */
  body#sr-design #main-content .ec-process-steps {
    gap:0!important;
    text-align:left!important;
  }
  body#sr-design #main-content .ec-process-steps>li {
    position:relative!important;
    border:0!important;
    border-top:1px solid #f4efe52b!important;
    border-radius:0!important;
    padding:30px 26px 0 0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body#sr-design #main-content .ec-process-steps>li::before {
    content:""!important;
    position:absolute!important;
    display:block!important;
    left:0!important;
    top:-4px!important;
    width:7px!important;
    height:7px!important;
    background:#f5c400!important;
    border:0!important;
    transform:none!important;
    clip-path:none!important;
  }
  body#sr-design #main-content .ec-process-steps>li::after { display:none!important; }
  body#sr-design #main-content .ec-process-steps .ec-step-num {
    display:block!important;
    margin:0 0 24px!important;
    font-size:42px!important;
    line-height:1!important;
    font-weight:400!important;
    letter-spacing:-.05em!important;
    color:#f5c400!important;
    border:0!important;
    background:none!important;
  }
  body#sr-design #main-content .ec-process-steps h3 {
    min-height:0!important;
    margin:0 0 12px!important;
    font-size:19px!important;
    line-height:1.35!important;
    letter-spacing:-.025em!important;
  }
  body#sr-design #main-content .ec-process-steps p {
    font-size:14px!important;
    line-height:1.8!important;
    color:#d8d1c3!important;
  }
  @media(min-width:1101px) {
    body#sr-design #main-content .ec-process-steps { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  }
  @media(min-width:801px) and (max-width:1100px) {
    body#sr-design #main-content .ec-process-steps { grid-template-columns:repeat(2,minmax(0,1fr))!important; row-gap:32px!important; }
    body#sr-design #main-content #ec-title .sr-hero-place { font-size:64px!important; }
    body#sr-design #main-content #ec-title.sr-hero-title--long .sr-hero-place { font-size:52px!important; }
  }
  @media(max-width:800px) {
    /* Requested: no region map, heading, search or city list in the page body. */
    body#sr-design #main-content .ec-areas,
    body#sr-design #main-content #gebiete { display:none!important; }
    body#sr-design #main-content .ec-hero .ec-eyebrow {
      margin-bottom:22px!important;
      font-size:9px!important;
      letter-spacing:.095em!important;
    }
    body#sr-design #main-content #ec-title .sr-hero-service {
      font-size:clamp(29px,7.4vw,44px)!important;
      line-height:1.17!important;
      margin-bottom:8px!important;
    }
    body#sr-design #main-content #ec-title .sr-hero-place {
      font-size:clamp(39px,10.2vw,66px)!important;
      line-height:1.08!important;
      letter-spacing:-.05em!important;
    }
    body#sr-design #main-content #ec-title.sr-hero-title--long .sr-hero-place {
      font-size:clamp(32px,8.1vw,52px)!important;
    }
    body#sr-design #main-content #ec-title.sr-hero-title>em {
      margin-top:22px!important;
      font-size:18px!important;
      gap:12px!important;
    }
    body#sr-design #main-content #ec-title.sr-hero-title>em::before { flex-basis:24px; }
    body#sr-design #main-content .ec-hero .ec-actions { margin-top:28px!important; gap:10px!important; }
    body#sr-design #main-content .ec-hero .ec-actions>.ec-text-link {
      min-height:46px!important;
      width:100%!important;
      padding:0 4px!important;
      font-size:12px!important;
      justify-content:center!important;
    }
    body#sr-design #main-content .ec-hero .ec-actions>.ec-text-link>span {
      flex-basis:32px!important;
      width:32px!important;
      height:32px!important;
    }
    body#sr-design #main-content .ec-process-steps {
      display:grid!important;
      grid-template-columns:minmax(0,1fr)!important;
      margin-top:32px!important;
    }
    body#sr-design #main-content .ec-process-steps>li {
      display:grid!important;
      grid-template-columns:34px minmax(0,1fr)!important;
      gap:8px 18px!important;
      margin-left:3px!important;
      padding:0 0 28px 20px!important;
      border-top:0!important;
      border-left:1px solid #f4efe52b!important;
    }
    body#sr-design #main-content .ec-process-steps>li:last-child { padding-bottom:0!important; border-left-color:transparent!important; }
    body#sr-design #main-content .ec-process-steps>li::before { top:9px!important; left:-4px!important; }
    body#sr-design #main-content .ec-process-steps .ec-step-num {
      grid-column:1!important;
      grid-row:1/3!important;
      font-size:27px!important;
      line-height:1.2!important;
      margin:0!important;
    }
    body#sr-design #main-content .ec-process-steps h3 { grid-column:2!important; margin:0!important; font-size:18px!important; }
    body#sr-design #main-content .ec-process-steps p { grid-column:2!important; margin:0!important; font-size:14px!important; line-height:1.7!important; }
  }
}

@layer sr-responsive-polish {
  /* The story reads as one editorial spread, rather than a centred heading
     followed by two unrelated panels. Original text and reading order stay. */
  body#sr-design #main-content .ec-story-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:64px!important;
    row-gap:0!important;
    align-items:start!important;
  }
  body#sr-design #main-content .ec-story-grid>.pc-story-heading {
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 26px!important;
    padding:0!important;
    text-align:left!important;
  }
  body#sr-design #main-content .pc-story-heading .ec-eyebrow {
    text-align:left!important;
    justify-content:flex-start!important;
    margin:0 0 24px!important;
  }
  body#sr-design #main-content .pc-story-heading h2 {
    max-width:none!important;
    margin:0 0 24px!important;
    font-size:clamp(34px,3.05vw,44px)!important;
    line-height:1.14!important;
    letter-spacing:-.04em!important;
    text-align:left!important;
    text-wrap:balance!important;
  }
  body#sr-design #main-content .pc-story-heading>p {
    max-width:none!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.85!important;
    text-align:left!important;
  }
  body#sr-design #main-content .ec-story-grid>.sr-editorial-visual {
    grid-column:1!important;
    grid-row:1/3!important;
    display:grid!important;
    grid-template-rows:minmax(440px,1fr) auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    justify-content:stretch!important;
    align-content:stretch!important;
    align-self:stretch!important;
    width:100%!important;
    height:auto!important;
    min-height:680px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    box-shadow:none!important;
    background:#eee7d9!important;
    overflow:hidden!important;
    opacity:1!important;
    transform:none!important;
  }
  body#sr-design #main-content .sr-editorial-visual::before,
  body#sr-design #main-content .sr-editorial-visual::after { display:none!important; }
  body#sr-design #main-content .sr-editorial-picture {
    position:relative;
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
  }
  body#sr-design #main-content .sr-editorial-picture img {
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:50% 60%!important;
    border-radius:0!important;
    filter:none!important;
    transform:none!important;
  }
  body#sr-design #main-content .sr-editorial-visual .pc-space-caption {
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:22px!important;
    width:100%!important;
    padding:26px 30px!important;
    margin:0!important;
    border:0!important;
    background:#eee7d9!important;
    color:#171717!important;
  }
  body#sr-design #main-content .sr-editorial-visual .pc-space-caption p {
    flex:1!important;
    margin:0!important;
    color:#171717!important;
    font-size:23px!important;
    text-align:left!important;
    line-height:1.22!important;
    letter-spacing:-.025em!important;
    font-weight:400!important;
  }
  body#sr-design #main-content .sr-editorial-visual .pc-space-caption strong { color:#171717!important; font-weight:600!important; }
  body#sr-design #main-content .sr-editorial-visual .pc-space-rule { display:block!important; width:3px!important; height:44px!important; background:#f5c400!important; flex:0 0 3px!important; }
  body#sr-design #main-content .sr-editorial-visual .pc-space-arrow { display:none!important; }
  body#sr-design #main-content .sr-story-mark { display:grid!important; place-items:center!important; width:48px!important; height:48px!important; flex:0 0 48px!important; background:#171717!important; border-radius:4px!important; }
  body#sr-design #main-content .sr-story-mark img { position:static!important; width:32px!important; height:32px!important; object-fit:contain!important; }
  body#sr-design #main-content .ec-story-grid>.ec-story-copy {
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    opacity:1!important;
    transform:none!important;
  }
  body#sr-design #main-content .ec-story-copy .ec-outcome {
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:18px!important;
    padding:22px 0!important;
    margin:0!important;
    border-top:1px solid #d8cbb4!important;
  }
  body#sr-design #main-content .ec-story-copy .ec-outcome>span {
    display:block!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    color:#8e702f!important;
    font-size:20px!important;
    line-height:1.4!important;
    font-weight:400!important;
  }
  body#sr-design #main-content .ec-story-copy .ec-outcome h3 {
    margin:0 0 9px!important;
    font-size:19px!important;
    line-height:1.35!important;
    letter-spacing:-.02em!important;
  }
  body#sr-design #main-content .ec-story-copy .ec-outcome p { font-size:14px!important; line-height:1.8!important; margin:0!important; }
  body#sr-design #main-content .ec-story-copy>.ec-text-link { margin-top:4px!important; }
  body#sr-design #main-content .ec-story-grid>.ec-client-voices {
    grid-column:1/-1!important;
    grid-row:3!important;
    margin-top:72px!important;
  }
  /* Fewer, larger photo cards per desktop row. Every service remains visible,
     and the existing compact phone list is deliberately left untouched. */
  @media(min-width:801px) {
    body#sr-design #main-content #leistungen .ec-section-top {
      display:grid!important;
      grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;
      gap:64px!important;
      align-items:end!important;
      width:100%!important;
      max-width:none!important;
      margin:0 0 40px!important;
      text-align:left!important;
    }
    body#sr-design #main-content #leistungen .ec-section-top>div { width:100%!important; max-width:none!important; margin:0!important; }
    body#sr-design #main-content #leistungen .ec-section-top h2 {
      margin:0!important;
      max-width:520px!important;
      font-size:clamp(36px,3.7vw,52px)!important;
      line-height:1.1!important;
      letter-spacing:-.04em!important;
      text-align:left!important;
    }
    body#sr-design #main-content #leistungen .ec-section-top h2 br { display:block!important; }
    body#sr-design #main-content #leistungen .ec-section-top .ec-eyebrow { text-align:left!important; justify-content:flex-start!important; margin:0 0 24px!important; }
    body#sr-design #main-content #leistungen .ec-section-intro { padding:0 0 3px!important; }
    body#sr-design #main-content #leistungen .ec-section-intro p { margin:0!important; max-width:none!important; text-align:left!important; font-size:15px!important; line-height:1.85!important; }
    body#sr-design #main-content #ec-catalog { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:26px!important; }
    body#sr-design #main-content #ec-catalog .ec-service {
      --sr-photo-h:208px;
      border:1px solid #d8cbb4!important;
      border-radius:8px!important;
      box-shadow:none!important;
      overflow:hidden!important;
    }
    body#sr-design #main-content #ec-catalog .ec-service>img {
      height:auto!important;
      width:100%!important;
      aspect-ratio:16/10!important;
      flex:none!important;
      object-fit:cover!important;
    }
    body#sr-design #main-content #ec-catalog .ec-service::before,
    body#sr-design #main-content #ec-catalog .ec-service::after { display:none!important; }
    body#sr-design #main-content #ec-catalog .ec-service>.sr-card-index {
      top:14px!important;
      left:14px!important;
      background:#171717c9!important;
      border:1px solid #f4efe538!important;
      border-radius:50%!important;
      width:30px!important;
      height:30px!important;
      display:grid!important;
      place-items:center!important;
      font-size:10px!important;
      padding:0!important;
    }
    body#sr-design #main-content #ec-catalog .ec-service h3 {
      margin:22px 22px 10px!important;
      padding:0!important;
      font-size:22px!important;
      line-height:1.25!important;
      letter-spacing:-.025em!important;
    }
    body#sr-design #main-content #ec-catalog .ec-service>p { margin:0 22px 22px!important; font-size:14px!important; line-height:1.75!important; }
    body#sr-design #main-content #ec-catalog .ec-service .ec-service-link { margin:auto 22px 0!important; min-height:62px!important; padding:12px 0!important; font-size:12px!important; }
    body#sr-design #main-content #ec-catalog .ec-service .ec-service-link>span { width:34px!important; height:34px!important; min-width:34px!important; flex-basis:34px!important; border-radius:50%!important; }
    body#sr-design #main-content #ec-catalog .ec-service:is(:hover,:focus-visible) { border-color:#a28a58!important; box-shadow:0 5px 16px #392b100c!important; }
  }
  @media(min-width:801px) and (max-width:1100px) {
    body#sr-design #main-content .ec-story-grid { column-gap:32px!important; }
    body#sr-design #main-content .pc-story-heading h2 { font-size:34px!important; }
    body#sr-design #main-content #ec-catalog { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px!important; }
    body#sr-design #main-content #leistungen .ec-section-top { gap:32px!important; }
  }
  @media(max-width:800px) {
    body#sr-design #main-content .ec-story-grid { grid-template-columns:minmax(0,1fr)!important; gap:0!important; }
    body#sr-design #main-content .ec-story-grid>.pc-story-heading { grid-column:1!important; grid-row:1!important; margin:0 0 26px!important; }
    body#sr-design #main-content .pc-story-heading .ec-eyebrow { margin-bottom:18px!important; }
    body#sr-design #main-content .pc-story-heading h2 { font-size:30px!important; line-height:1.18!important; margin-bottom:20px!important; }
    body#sr-design #main-content .pc-story-heading>p { font-size:15px!important; line-height:1.8!important; }
    body#sr-design #main-content .ec-story-grid>.sr-editorial-visual {
      grid-column:1!important;
      grid-row:2!important;
      grid-template-rows:230px auto!important;
      min-height:0!important;
      margin:0 0 28px!important;
      height:auto!important;
    }
    body#sr-design #main-content .sr-editorial-picture img { object-position:50% 65%!important; }
    body#sr-design #main-content .sr-editorial-visual .pc-space-caption { padding:20px!important; gap:16px!important; }
    body#sr-design #main-content .sr-editorial-visual .pc-space-caption p { font-size:21px!important; }
    body#sr-design #main-content .sr-editorial-visual .pc-space-rule { height:38px!important; }
    body#sr-design #main-content .ec-story-grid>.ec-story-copy { grid-column:1!important; grid-row:3!important; }
    body#sr-design #main-content .ec-story-copy .ec-outcome { gap:14px!important; padding:22px 0!important; }
    body#sr-design #main-content .ec-story-copy .ec-outcome h3 { font-size:18px!important; }
    body#sr-design #main-content .ec-story-grid>.ec-client-voices { grid-column:1!important; grid-row:4!important; margin-top:40px!important; }
  }
}

/* Only the introduction shown in the review. Existing copy, links, photos,
   service layouts and every other section stay as approved in version 160. */
@layer sr-responsive-polish {
  body#sr-design.sr-city-hub #main-content #sr-opening-intro {
    padding:28px 0 60px!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:0!important;
    text-align:center!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-breadcrumb {
    align-self:stretch!important;
    justify-content:center!important;
    text-align:center!important;
    margin:0 0 40px!important;
    padding:0!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc {
    display:block!important;
    width:100%!important;
    max-width:900px!important;
    padding:0!important;
    margin:0!important;
    text-align:center!important;
    color:#171717!important;
    font-size:24px!important;
    line-height:1.6!important;
    letter-spacing:-.015em!important;
    text-wrap:pretty!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead {
    display:block!important;
    width:100%!important;
    max-width:900px!important;
    margin:0 auto!important;
    padding:0!important;
    color:#171717!important;
    font-size:clamp(32px,3.1vw,42px)!important;
    line-height:1.23!important;
    font-weight:500!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    text-wrap:balance!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead::before,
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead::after {
    display:none!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-body {
    display:block!important;
    width:100%!important;
    max-width:760px!important;
    margin:24px auto 0!important;
    padding:0!important;
    color:#746b5d!important;
    font-size:16px!important;
    line-height:1.85!important;
    font-weight:400!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-wrap:pretty!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom {
    display:grid!important;
    grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    max-width:1000px!important;
    gap:36px!important;
    margin:40px 0 0!important;
    padding:26px 0 0!important;
    border:0!important;
    border-top:1px solid #d8cbb4!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
    align-items:center!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:16px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    text-align:left!important;
    font-size:13px!important;
    line-height:1.7!important;
    color:#746b5d!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon {
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border:1px solid #d8cbb4!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#171717!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon svg {
    width:22px!important;
    height:22px!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a {
    display:block!important;
    position:relative!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 58px 0 0!important;
    border:0!important;
    background:transparent!important;
    text-align:left!important;
    text-decoration:none!important;
    font-size:13px!important;
    line-height:1.7!important;
    font-weight:500!important;
    color:#171717!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a>span {
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    top:50%!important;
    right:0!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    height:42px!important;
    border:0!important;
    border-radius:50%!important;
    background:#f5c400!important;
    color:#171717!important;
    font-size:19px!important;
    line-height:1!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a:is(:hover,:focus-visible) {
    text-decoration:underline!important;
    text-underline-offset:4px!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a:focus-visible {
    outline:2px solid #171717!important;
    outline-offset:7px!important;
    border-radius:3px!important;
  }
  @media(min-width:801px) and (max-width:1100px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom { gap:22px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span { gap:12px!important; }
  }
  @media(max-width:800px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro { padding:22px 0 36px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container { align-items:stretch!important; text-align:left!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-breadcrumb { justify-content:flex-start!important; text-align:left!important; margin-bottom:28px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc { text-align:left!important; font-size:19px!important; line-height:1.65!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead { font-size:clamp(26px,5.4vw,34px)!important; line-height:1.22!important; text-align:left!important; text-wrap:pretty!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-body { margin-top:20px!important; font-size:15px!important; line-height:1.8!important; text-align:left!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom { grid-template-columns:minmax(0,1fr)!important; gap:22px!important; margin-top:28px!important; padding-top:24px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span { gap:16px!important; font-size:13px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a { min-height:44px!important; padding-left:58px!important; padding-right:0!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a>span { left:0!important; right:auto!important; }
  }
}

/* A shared FAQ finish, without changing native details, button handlers,
   answer text, keyboard operation or the existing open/close states. */
@layer sr-responsive-polish {
  body#sr-design #main-content .ec-faq-grid {
    display:grid!important;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)!important;
    gap:72px!important;
    max-width:1160px!important;
    align-items:start!important;
  }
  body#sr-design #main-content .ec-faq-grid>div:first-child {
    margin:0!important;
    text-align:left!important;
  }
  body#sr-design #main-content .ec-faq-grid>div:first-child :is(h2,p,.ec-eyebrow) {
    text-align:left!important;
    justify-content:flex-start!important;
  }
  body#sr-design #main-content .ec-faq-grid h2 {
    font-size:clamp(34px,3.2vw,46px)!important;
    line-height:1.15!important;
    letter-spacing:-.035em!important;
    font-weight:500!important;
    margin:0!important;
    text-wrap:balance!important;
  }
  body#sr-design #main-content .ec-faq-grid>div:first-child p { font-size:15px!important; line-height:1.8!important; margin:22px 0!important; }
  body#sr-design #main-content .ec-faq-grid .ec-text-link { font-size:13px!important; min-height:44px!important; }
  body#sr-design #main-content :is(.ec-faq-list,.faq-list) {
    display:block!important;
    width:100%!important;
    margin:0!important;
    border-top:1px solid #d8cbb4!important;
  }
  body#sr-design #main-content :is(.ec-faq-item,.faq-item) {
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #d8cbb4!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body#sr-design #main-content :is(.ec-faq-item[open],.faq-item.open) { background:#eee7d9!important; }
  body#sr-design #main-content .ec-faq-item>summary {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:22px!important;
  }
  body#sr-design #main-content :is(.ec-faq-item>summary,.faq-q) {
    width:100%!important;
    min-height:82px!important;
    padding:22px 20px!important;
    background:transparent!important;
    color:#171717!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:16px!important;
    font-weight:500!important;
    line-height:1.55!important;
    text-align:left!important;
    letter-spacing:-.01em!important;
  }
  body#sr-design #main-content .faq-q { column-gap:18px!important; align-items:center!important; }
  body#sr-design #main-content :is(.ec-faq-item>summary,.faq-q):focus-visible {
    outline:2px solid #92751b!important;
    outline-offset:-2px!important;
  }
  body#sr-design #main-content :is(.ec-faq-item>summary>span,.faq-q>.faq-icon,.faq-q>.pc-faq-control) {
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border:1px solid #c7b795!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#171717!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:400!important;
  }
  body#sr-design #main-content :is(.ec-faq-item[open]>summary>span,.faq-item.open .faq-icon,.faq-q[aria-expanded="true"]>.pc-faq-control) {
    background:#f5c400!important;
    border-color:#f5c400!important;
  }
  /* Older icon rules draw a minus pseudo-element over a hidden plus.
     Own both states here so font-size changes cannot expose two symbols. */
  body#sr-design #main-content :is(.ec-faq-item>summary>span,.faq-q>.faq-icon,.faq-q>.pc-faq-control) {
    font-size:0!important;
    transform:none!important;
  }
  body#sr-design #main-content :is(.ec-faq-item>summary>span,.faq-q>.faq-icon,.faq-q>.pc-faq-control)::before {
    content:'+'!important;
    display:block!important;
    position:static!important;
    font-size:20px!important;
    line-height:1!important;
    transform:none!important;
  }
  body#sr-design #main-content :is(.ec-faq-item[open]>summary>span,.faq-item.open .faq-icon,.faq-q[aria-expanded="true"]>.pc-faq-control)::before { content:'−'!important; }
  body#sr-design #main-content :is(.ec-faq-item>summary>span,.faq-q>.faq-icon,.faq-q>.pc-faq-control)::after { display:none!important; }
  body#sr-design #main-content .ec-faq-answer { padding:0 76px 24px 20px!important; }
  body#sr-design #main-content .ec-faq-answer p { margin:0!important; padding:0!important; }
  body#sr-design #main-content :is(.ec-faq-answer p,.faq-a p) { font-size:15px!important; line-height:1.85!important; color:#655d50!important; }
  body#sr-design #main-content .faq-a p { padding:0 68px 24px!important; }

  /* Enquiry typography and field presentation only: same fields, labels,
     contact details, submission logic and privacy links as version 161. */
  body#sr-design #main-content .contact-section .contact-grid { column-gap:64px!important; }
  body#sr-design #main-content .contact-section .contact-info h2 {
    max-width:16ch!important;
    font-size:clamp(36px,3.4vw,50px)!important;
    line-height:1.14!important;
    letter-spacing:-.035em!important;
    font-weight:500!important;
    text-wrap:balance!important;
    margin:0 0 24px!important;
  }
  body#sr-design #main-content .contact-section .contact-info>p { font-size:15px!important; line-height:1.85!important; max-width:46ch!important; }
  body#sr-design #main-content .contact-section .contact-dets { margin-top:32px!important; gap:0!important; }
  body#sr-design #main-content .contact-section .cdet {
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:18px!important;
    padding:22px 0!important;
  }
  body#sr-design #main-content .contact-section .cdet>div:first-child {
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    border:1px solid #f4efe533!important;
    border-radius:50%!important;
  }
  body#sr-design #main-content .contact-section .cdet__lbl { font-size:10px!important; line-height:1.4!important; letter-spacing:.09em!important; margin-bottom:5px!important; }
  body#sr-design #main-content .contact-section .cdet__val a { font-size:17px!important; font-weight:500!important; line-height:1.5!important; overflow-wrap:anywhere!important; }
  body#sr-design #main-content .contact-section .form-card {
    border:1px solid #d8cbb4!important;
    border-top:3px solid #f5c400!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  body#sr-design #main-content .contact-section .form-card__head { padding:28px 32px 24px!important; border-bottom:1px solid #d8cbb4!important; }
  body#sr-design #main-content .contact-section .form-card__head h3 { font-size:26px!important; font-weight:500!important; letter-spacing:-.025em!important; line-height:1.25!important; margin:0 0 10px!important; }
  body#sr-design #main-content .contact-section .form-card__sub { font-size:14px!important; line-height:1.7!important; margin:0!important; }
  body#sr-design #main-content .contact-section .form-card__body { padding:24px 32px 32px!important; }
  body#sr-design #main-content .contact-section .form-card__body>.sr-job-route:not(.sr-job-route-bottom) { margin:0 0 24px!important; padding:0 0 16px!important; min-height:0!important; }
  body#sr-design #main-content :is(.contact-section,.inline-form) .fg>label { font-size:12px!important; line-height:1.5!important; font-weight:500!important; letter-spacing:.015em!important; margin-bottom:8px!important; }
  body#sr-design #main-content :is(.contact-section,.inline-form) .fg :is(input,select,textarea) {
    border:1px solid #bbaa8d!important;
    border-radius:6px!important;
    font-size:16px!important;
    line-height:1.5!important;
    padding:13px 14px!important;
    min-height:52px!important;
    width:100%!important;
    transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease!important;
  }
  body#sr-design #main-content :is(.contact-section,.inline-form) .fg :is(input,select,textarea):focus-visible {
    outline:2px solid #92751b!important;
    outline-offset:3px!important;
    border-color:#171717!important;
  }
  body#sr-design #main-content :is(.contact-section,.inline-form) .fg textarea { min-height:155px!important; resize:vertical!important; }
  @media(hover:hover) {
    body#sr-design #main-content :is(.ec-faq-item>summary,.faq-q):hover { background:#eee7d9!important; }
    body#sr-design #main-content .contact-section .cdet__val a:hover { text-decoration:underline!important; text-underline-offset:4px!important; }
  }
  @media(prefers-reduced-motion:reduce) {
    body#sr-design #main-content :is(.contact-section,.inline-form) .fg :is(input,select,textarea) { transition:none!important; }
  }
  @media(min-width:1101px) {
    body#sr-design #main-content .contact-section .contact-info { position:sticky!important; top:112px!important; align-self:start!important; }
  }
  @media(min-width:801px) and (max-width:1100px) {
    body#sr-design #main-content .ec-faq-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)!important; gap:36px!important; }
    body#sr-design #main-content .ec-faq-grid h2 { font-size:34px!important; }
    body#sr-design #main-content .contact-section .contact-grid { column-gap:32px!important; }
    body#sr-design #main-content .contact-section .cdet__val a { font-size:15px!important; }
    body#sr-design #main-content .contact-section .form-card__head { padding:24px!important; }
    body#sr-design #main-content .contact-section .form-card__body { padding:22px 24px 28px!important; }
  }
  @media(max-width:800px) {
    body#sr-design #main-content .ec-faq-grid { grid-template-columns:minmax(0,1fr)!important; gap:28px!important; }
    body#sr-design #main-content .ec-faq-grid h2 { font-size:30px!important; line-height:1.18!important; }
    body#sr-design #main-content .ec-faq-grid>div:first-child p { margin:18px 0 8px!important; }
    body#sr-design #main-content :is(.ec-faq-item>summary,.faq-q) { min-height:76px!important; padding:22px 0!important; font-size:16px!important; grid-template-columns:minmax(0,1fr) 32px!important; gap:16px!important; }
    body#sr-design #main-content .faq-q::before { display:none!important; }
    body#sr-design #main-content :is(.ec-faq-item>summary>span,.faq-q>.faq-icon,.faq-q>.pc-faq-control) { width:32px!important; height:32px!important; min-width:32px!important; }
    body#sr-design #main-content :is(.ec-faq-item[open],.faq-item.open) { background:transparent!important; }
    body#sr-design #main-content .ec-faq-answer { padding:0 0 24px!important; }
    body#sr-design #main-content .faq-a p { padding:0 0 24px!important; }
    body#sr-design #main-content .contact-section .contact-grid { gap:28px!important; }
    body#sr-design #main-content .contact-section .contact-info h2 { font-size:30px!important; line-height:1.18!important; margin-bottom:18px!important; max-width:22ch!important; }
    body#sr-design #main-content .contact-section .contact-info>p { font-size:15px!important; line-height:1.75!important; }
    body#sr-design #main-content .contact-section .contact-dets { margin-top:22px!important; }
    body#sr-design #main-content .contact-section .cdet { grid-template-columns:34px minmax(0,1fr)!important; gap:14px!important; padding:13px 0!important; min-height:64px!important; }
    body#sr-design #main-content .contact-section .cdet>div:first-child { width:34px!important; height:34px!important; }
    body#sr-design #main-content .contact-section .cdet__lbl { font-size:10px!important; margin-bottom:3px!important; }
    body#sr-design #main-content .contact-section .cdet__val a { font-size:15px!important; }
    body#sr-design #main-content .contact-section .form-card__head { padding:22px 20px 18px!important; }
    body#sr-design #main-content .contact-section .form-card__head h3 { font-size:24px!important; }
    body#sr-design #main-content .contact-section .form-card__body { padding:22px 20px 24px!important; }
    body#sr-design #main-content :is(.contact-section,.inline-form) .fg>label { font-size:13px!important; letter-spacing:0!important; }
    body#sr-design #main-content :is(.contact-section,.inline-form) .fg textarea { min-height:170px!important; }
  }
}

/* 163: only the city introduction and phone catalogue. All approved content,
   destinations, desktop service cards and native interactions are retained. */
@layer sr-responsive-polish {
  body#sr-design.sr-city-hub #main-content #sr-opening-intro {
    padding:28px 0 56px!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:clamp(40px,6vw,88px)!important;
    row-gap:0!important;
    align-items:start!important;
    text-align:left!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-breadcrumb {
    grid-column:1/-1!important;
    grid-row:1!important;
    justify-content:flex-start!important;
    text-align:left!important;
    margin:0 0 38px!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc {
    grid-column:1!important;
    grid-row:2/4!important;
    max-width:none!important;
    font-size:21px!important;
    line-height:1.7!important;
    text-align:left!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-desc { display:contents!important; }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead {
    grid-column:1!important;
    grid-row:2/4!important;
    align-self:start!important;
    max-width:23ch!important;
    margin:0!important;
    font-size:clamp(29px,2.7vw,36px)!important;
    line-height:1.3!important;
    letter-spacing:-.035em!important;
    text-align:left!important;
    text-wrap:pretty!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-body {
    grid-column:2!important;
    grid-row:2!important;
    max-width:none!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.8!important;
    color:#655d50!important;
    text-align:left!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom {
    grid-column:2!important;
    grid-row:2/4!important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;
    gap:22px 24px!important;
    margin:0!important;
    padding:24px!important;
    border:1px solid #d8cbb4!important;
    border-radius:8px!important;
    background:#eee8db!important;
    align-items:start!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-bottom {
    grid-row:3!important;
    margin-top:24px!important;
    padding:22px 0 0!important;
    border-width:1px 0 0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span {
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    font-size:13px!important;
    line-height:1.65!important;
    color:#655d50!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon {
    width:30px!important;
    height:30px!important;
    border:0!important;
    border-radius:6px!important;
    background:#f5c400!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon svg { width:19px!important; height:19px!important; }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a {
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:44px!important;
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
    padding:10px 0 0!important;
    border-top:1px solid #d8cbb4!important;
    font-size:12px!important;
  }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a>br { display:none!important; }
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a>span {
    position:static!important;
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    margin-left:auto!important;
    transform:none!important;
    border:1px solid #c8b99b!important;
    background:transparent!important;
    font-size:17px!important;
  }
  @media(max-width:800px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro { padding:22px 0 36px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container { grid-template-columns:minmax(0,1fr)!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-breadcrumb { margin-bottom:26px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc { grid-column:1!important; grid-row:2!important; font-size:18px!important; line-height:1.7!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead { grid-row:2!important; max-width:28ch!important; font-size:clamp(25px,6.6vw,32px)!important; line-height:1.28!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-body { grid-column:1!important; grid-row:3!important; margin-top:18px!important; font-size:15px!important; line-height:1.75!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-bottom { grid-column:1!important; grid-row:4!important; margin-top:24px!important; padding:20px 0 0!important; border-width:1px 0 0!important; border-radius:0!important; background:transparent!important; gap:18px 16px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span { grid-template-columns:minmax(0,1fr)!important; gap:10px!important; font-size:12px!important; }
  }

  @media(max-width:600px) {
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog { grid-template-columns:minmax(0,1fr)!important; gap:14px!important; border:0!important; }
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service {
      display:grid!important;
      grid-template-columns:104px minmax(0,1fr)!important;
      grid-template-rows:1fr auto auto!important;
      column-gap:16px!important;
      row-gap:8px!important;
      align-items:start!important;
      min-height:0!important;
      padding:12px!important;
      border:1px solid #d8cbb4!important;
      border-radius:10px!important;
      background:#f4efe5!important;
      box-shadow:0 3px 12px #392b1005!important;
      overflow:hidden!important;
      transform:none!important;
      transition:border-color .18s ease,background-color .18s ease!important;
    }
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service>img {
      display:block!important;
      position:static!important;
      grid-column:1!important;
      grid-row:1/3!important;
      align-self:start!important;
      width:100%!important;
      height:78px!important;
      min-height:0!important;
      max-height:none!important;
      aspect-ratio:auto!important;
      object-fit:cover!important;
      object-position:center!important;
      margin:0!important;
      border-radius:6px!important;
      opacity:1!important;
      filter:none!important;
      transform:none!important;
    }
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service>:is(.ec-service-icon,.sr-card-index,.pc-selection-mark,.sr-mobile-service-action) { display:none!important; }
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service h3 {
      grid-column:2!important;
      grid-row:1!important;
      margin:1px 0 0!important;
      padding:0!important;
      font-size:17px!important;
      line-height:1.3!important;
      letter-spacing:-.025em!important;
      text-wrap:pretty!important;
      overflow-wrap:break-word!important;
      hyphens:auto!important;
    }
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service>p {
      display:block!important;
      grid-column:1/-1!important;
      grid-row:3!important;
      margin:4px 0 0!important;
      padding:12px 0 0!important;
      border-top:1px solid #e1d6c3!important;
      font-size:13px!important;
      line-height:1.6!important;
      color:#655d50!important;
      overflow:visible!important;
      max-height:none!important;
      -webkit-line-clamp:unset!important;
    }
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service .ec-service-link {
      grid-column:2!important;
      grid-row:2!important;
      display:flex!important;
      justify-content:space-between!important;
      align-items:center!important;
      align-self:end!important;
      width:auto!important;
      height:auto!important;
      min-height:28px!important;
      margin:1px 0 0!important;
      padding:0!important;
      font-size:11px!important;
      line-height:1.4!important;
      font-weight:500!important;
      color:#655d50!important;
    }
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service .ec-service-link>span { width:26px!important; height:26px!important; min-width:26px!important; flex:0 0 26px!important; border:0!important; background:#f5c400!important; color:#171717!important; }
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service .ec-service-link svg { width:14px!important; height:14px!important; }
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service:is(:hover,:active,:focus-visible) { background:#f7f2e9!important; border-color:#a28a58!important; }
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service:focus-visible { outline:2px solid #171717!important; outline-offset:3px!important; }
  }
  @media(max-width:360px) {
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service { grid-template-columns:80px minmax(0,1fr)!important; column-gap:12px!important; padding:12px!important; }
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service h3 { font-size:16px!important; }
  }
  @media(prefers-reduced-motion:reduce) {
    body#sr-design.sr-city-hub #main-content #leistungen #ec-catalog .ec-service { transition:none!important; }
  }
}

/* 164: desktop-only introduction. Reuse approved illustrative photography;
   the decorative image and all overrides are absent at mobile widths. */
@layer sr-responsive-polish {
  @media(min-width:801px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro {
      padding:28px 0 64px!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container {
      grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)!important;
      gap:0!important;
      align-items:stretch!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-breadcrumb {
      margin-bottom:28px!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container::before {
      content:""!important;
      display:block!important;
      position:static!important;
      grid-column:1!important;
      grid-row:2!important;
      width:auto!important;
      height:auto!important;
      min-height:350px!important;
      margin:0!important;
      border:0!important;
      border-radius:8px 0 0 0!important;
      background:#eee8db url("assets/site-media-real187/standard-reinigung-fensterreinigung-1024x576.webp") 66% center/cover no-repeat!important;
      opacity:1!important;
      transform:none!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-desc {
      display:flex!important;
      flex-direction:column!important;
      justify-content:center!important;
      grid-column:2!important;
      grid-row:2!important;
      align-self:stretch!important;
      width:auto!important;
      min-width:0!important;
      max-width:none!important;
      margin:0!important;
      padding:38px 40px!important;
      border:0!important;
      border-radius:0 8px 0 0!important;
      background:#eee8db!important;
      font-size:20px!important;
      line-height:1.75!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead {
      max-width:none!important;
      margin:0!important;
      font-size:clamp(27px,2.2vw,32px)!important;
      font-weight:500!important;
      line-height:1.28!important;
      letter-spacing:-.03em!important;
      text-wrap:pretty!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-body {
      margin:20px 0 0!important;
      font-size:15px!important;
      line-height:1.8!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-bottom {
      grid-column:1/-1!important;
      grid-row:3!important;
      grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.1fr)!important;
      gap:28px!important;
      align-items:center!important;
      max-width:none!important;
      margin:0!important;
      padding:24px 30px!important;
      border:1px solid #d8cbb4!important;
      border-top:3px solid #f5c400!important;
      border-radius:0 0 8px 8px!important;
      background:#f4efe5!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span {
      grid-template-columns:34px minmax(0,1fr)!important;
      align-items:center!important;
      gap:14px!important;
      font-size:13px!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon {
      width:34px!important;
      height:34px!important;
      border:1px solid #d8cbb4!important;
      border-radius:50%!important;
      background:transparent!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon svg { width:21px!important; height:21px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a {
      grid-column:3!important;
      display:block!important;
      min-height:44px!important;
      padding:0 48px 0 22px!important;
      border:0!important;
      border-left:1px solid #d8cbb4!important;
      font-size:13px!important;
      line-height:1.7!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a>br { display:block!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a>span {
      position:absolute!important;
      top:50%!important;
      right:0!important;
      left:auto!important;
      width:34px!important;
      height:34px!important;
      transform:translateY(-50%)!important;
      border:0!important;
      background:#f5c400!important;
    }
  }
  @media(min-width:801px) and (max-width:1100px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-desc { padding:28px!important; font-size:18px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead { font-size:26px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-bottom { gap:18px!important; padding:22px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span { grid-template-columns:28px minmax(0,1fr)!important; gap:10px!important; font-size:12px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon { width:28px!important; height:28px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a { padding-left:16px!important; font-size:12px!important; }
  }
}

/* 165: keep the cream composition, remove the repeated service photograph.
   Only desktop city introductions change; no new copy or external asset. */
@layer sr-responsive-polish {
  @media(min-width:801px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container {
      grid-template-columns:minmax(0,1fr)!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container::before {
      content:none!important;
      display:none!important;
      background:none!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-desc {
      position:relative!important;
      grid-column:1!important;
      padding:40px 164px 40px 44px!important;
      border-radius:8px 8px 0 0!important;
      font-size:21px!important;
      line-height:1.8!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead {
      max-width:800px!important;
      font-size:clamp(28px,2.4vw,34px)!important;
      line-height:1.28!important;
      text-wrap:pretty!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-body {
      max-width:800px!important;
      margin-top:20px!important;
      font-size:16px!important;
      line-height:1.8!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc::after {
      content:""!important;
      display:block!important;
      position:absolute!important;
      right:36px!important;
      bottom:43px!important;
      width:92px!important;
      height:24px!important;
      border:0!important;
      background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 40' fill='none'%3E%3Cpath d='M0 4h104l36 32h50M0 15h99l23 21' stroke='%239f8436' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat!important;
      opacity:.75!important;
      pointer-events:none!important;
      transform:none!important;
    }
  }
  @media(min-width:801px) and (max-width:1100px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-desc {
      padding:32px 112px 32px 32px!important;
      font-size:19px!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead { font-size:28px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc::after { right:24px!important; bottom:34px!important; width:64px!important; }
  }
}

/* 166: desktop editorial introduction with a useful contrasting side panel.
   Reuses existing copy, fact icons and review destination. No photograph. */
@layer sr-responsive-polish {
  @media(min-width:801px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container {
      grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)!important;
      column-gap:64px!important;
      align-items:stretch!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-breadcrumb { margin-bottom:34px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-desc {
      grid-column:1!important;
      grid-row:2!important;
      padding:4px 0!important;
      border:0!important;
      border-radius:0!important;
      background:transparent!important;
      font-size:22px!important;
      line-height:1.75!important;
      justify-content:center!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc::before {
      content:""!important;
      display:block!important;
      position:static!important;
      width:46px!important;
      height:3px!important;
      flex:0 0 3px!important;
      margin:0 0 22px!important;
      padding:0!important;
      border:0!important;
      background:#f5c400!important;
      transform:none!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc::after { content:none!important; display:none!important; background:none!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead {
      font-size:clamp(30px,2.6vw,38px)!important;
      line-height:1.22!important;
      letter-spacing:-.035em!important;
      font-weight:500!important;
      text-wrap:pretty!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-body {
      max-width:560px!important;
      margin-top:24px!important;
      font-size:16px!important;
      line-height:1.8!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-bottom {
      position:relative!important;
      grid-column:2!important;
      grid-row:2!important;
      grid-template-columns:minmax(0,1fr)!important;
      gap:24px!important;
      align-content:center!important;
      align-items:stretch!important;
      min-width:0!important;
      min-height:330px!important;
      padding:38px 28px 28px!important;
      border:1px solid #343129!important;
      border-top:3px solid #f5c400!important;
      border-radius:10px!important;
      background:#171717!important;
      box-shadow:0 12px 28px #3529100d!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span {
      grid-template-columns:40px minmax(0,1fr)!important;
      gap:18px!important;
      align-items:start!important;
      padding:0 0 23px!important;
      border:0!important;
      border-bottom:1px solid #3a362d!important;
      font-size:14px!important;
      line-height:1.75!important;
      color:#f4efe5!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-copy { color:#f4efe5!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon {
      width:40px!important;
      height:40px!important;
      border:1px solid #63572d!important;
      border-radius:8px!important;
      background:#262319!important;
      color:#f5c400!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon svg { width:23px!important; height:23px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a {
      grid-column:1!important;
      width:100%!important;
      min-height:70px!important;
      padding:14px 58px 14px 18px!important;
      border:1px solid #f5c400!important;
      border-radius:6px!important;
      background:#f5c400!important;
      color:#171717!important;
      font-size:13px!important;
      line-height:1.6!important;
      font-weight:500!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a>span {
      right:12px!important;
      width:32px!important;
      height:32px!important;
      border:0!important;
      border-radius:50%!important;
      background:#171717!important;
      color:#f5c400!important;
      font-size:17px!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a:focus-visible { outline:2px solid #f4efe5!important; outline-offset:5px!important; }
  }
  @media(min-width:801px) and (max-width:1100px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important; column-gap:30px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-desc { font-size:20px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead { font-size:30px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-body { font-size:15px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-bottom { padding:30px 22px 22px!important; gap:20px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span { grid-template-columns:34px minmax(0,1fr)!important; gap:14px!important; font-size:13px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon { width:34px!important; height:34px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a { padding-left:14px!important; padding-right:50px!important; font-size:12px!important; }
  }
}

/* 167: center the complete desktop composition and refine the reading column.
   Word spans preserve text exactly and have no emphasis at mobile widths. */
@layer sr-responsive-polish {
  body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-focus {
    display:inline!important;
    font:inherit!important;
    color:inherit!important;
    letter-spacing:inherit!important;
    background:none!important;
    text-decoration:none!important;
  }
  @media(min-width:801px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro { padding-bottom:64px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container {
      width:calc(100% - 64px)!important;
      max-width:1080px!important;
      margin-inline:auto!important;
      padding:0!important;
      grid-template-columns:minmax(0,580px) minmax(0,380px)!important;
      column-gap:64px!important;
      justify-content:center!important;
      align-items:center!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-breadcrumb {
      width:100%!important;
      max-width:none!important;
      justify-content:center!important;
      justify-self:center!important;
      text-align:center!important;
      margin-bottom:38px!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-desc {
      align-self:center!important;
      align-items:center!important;
      justify-content:center!important;
      text-align:center!important;
      padding:4px 0!important;
      font-size:23px!important;
      font-weight:400!important;
      line-height:1.7!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc::before { width:48px!important; margin:0 auto 24px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead {
      max-width:550px!important;
      margin-inline:auto!important;
      font-size:clamp(32px,2.8vw,40px)!important;
      line-height:1.18!important;
      font-weight:400!important;
      letter-spacing:-.045em!important;
      text-align:center!important;
      text-wrap:balance!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-focus {
      font-weight:650!important;
      background:linear-gradient(transparent calc(100% - 4px),#f5c400 0)!important;
      -webkit-box-decoration-break:clone;
      box-decoration-break:clone;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-body {
      max-width:480px!important;
      margin:24px auto 0!important;
      font-size:16px!important;
      line-height:1.85!important;
      letter-spacing:.005em!important;
      text-align:center!important;
      text-wrap:pretty!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-bottom {
      align-self:center!important;
      justify-self:center!important;
      width:100%!important;
      max-width:380px!important;
      margin:0!important;
    }
  }
  @media(min-width:801px) and (max-width:1100px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container { grid-template-columns:minmax(0,1fr) minmax(0,36%)!important; column-gap:36px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-desc { font-size:20px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead { font-size:32px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-body { font-size:15px!important; line-height:1.8!important; }
  }
}

/* 168: a mobile reading column and compact, stacked facts. Desktop167 stays
   unchanged; every original word, link and service remains available. */
@layer sr-responsive-polish {
  @media(max-width:800px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro { padding:22px 0 40px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container {
      width:calc(100% - 40px)!important;
      max-width:560px!important;
      margin-inline:auto!important;
      padding:0!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-breadcrumb { margin-bottom:28px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-desc {
      font-size:16px!important;
      line-height:1.8!important;
      text-wrap:pretty!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-lead {
      max-width:none!important;
      font-size:clamp(24px,6.3vw,30px)!important;
      font-weight:400!important;
      line-height:1.3!important;
      letter-spacing:-.035em!important;
      text-wrap:balance!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-focus {
      font-weight:650!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-intro-body {
      margin-top:20px!important;
      font-size:15px!important;
      line-height:1.8!important;
      letter-spacing:0!important;
      text-wrap:pretty!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom,
    body#sr-design.sr-city-hub #main-content #sr-opening-intro.sr-intro-has-lead .ec-hero-bottom {
      grid-template-columns:minmax(0,1fr)!important;
      gap:0!important;
      margin-top:26px!important;
      padding:0!important;
      border:1px solid #d8cbb4!important;
      border-radius:10px!important;
      background:#eee8db!important;
      box-shadow:none!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span {
      grid-template-columns:36px minmax(0,1fr)!important;
      gap:14px!important;
      align-items:center!important;
      padding:17px 18px!important;
      margin:0!important;
      font-size:13px!important;
      line-height:1.65!important;
      color:#514a40!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span+span { border-top:1px solid #d8cbb4!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-copy { color:#514a40!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-copy>br { display:none!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon {
      width:36px!important;
      height:36px!important;
      border:1px solid #c8b99b!important;
      border-radius:50%!important;
      background:#f4efe5!important;
      color:#171717!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .sr-fact-icon svg { width:21px!important; height:21px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a {
      display:flex!important;
      align-items:center!important;
      gap:18px!important;
      min-height:68px!important;
      padding:14px 18px!important;
      border:0!important;
      border-top:1px solid #d8cbb4!important;
      border-radius:0 0 9px 9px!important;
      background:#f8f4ec!important;
      color:#171717!important;
      font-size:13px!important;
      font-weight:500!important;
      line-height:1.6!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a>span {
      width:34px!important;
      height:34px!important;
      flex:0 0 34px!important;
      border:0!important;
      border-radius:50%!important;
      background:#f5c400!important;
      color:#171717!important;
    }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a:focus-visible { outline:2px solid #171717!important; outline-offset:3px!important; }
  }
  @media(max-width:360px) {
    body#sr-design.sr-city-hub #main-content #sr-opening-intro>.container { width:calc(100% - 36px)!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>span { padding:15px 14px!important; gap:12px!important; }
    body#sr-design.sr-city-hub #main-content #sr-opening-intro .ec-hero-bottom>a { padding:14px!important; gap:12px!important; }
  }
}