/* Menu destinations only. The approved city/service heroes and catalogue stay intact. */
body#sr-design.sr-menu-140 {
  --menu-cream: #f4efe5;
  --menu-warm: #eee7da;
  --menu-line: #d8cbb3;
  --menu-muted: #686252;
  background: var(--menu-cream) !important;
}
body#sr-design.sr-menu-140 #main-content { background: var(--menu-cream) !important; }
body#sr-design.sr-menu-140 #main-content .container {
  max-width: 1200px !important;
  width: calc(100% - 96px) !important;
}

/* A consistent, content-sized black opening. Never crop a heading or enquiry action. */
body#sr-design.sr-reference-124.sr-risa-125.sr-standard-126.sr-header-136.sr-menu-140 #main-content .pc-page-hero {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin: -80px 0 0 !important;
  padding: 120px 0 78px !important;
  background: #111 !important;
  border: 0 !important;
  border-bottom: 2px solid #f5c400 !important;
  overflow: hidden !important;
}
body#sr-design.sr-reference-124.sr-risa-125.sr-standard-126.sr-menu-140 #main-content .pc-page-hero > .container {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) !important;
  align-items: center !important;
  height: auto !important;
  gap: 36px 72px !important;
  padding: 0 !important;
  position: relative;
  z-index: 2;
}
body#sr-design.sr-menu-140 #main-content .pc-page-hero .breadcrumb {
  grid-column: 1 / -1;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
}
body#sr-design.sr-menu-140 #main-content .pc-page-hero .breadcrumb :is(a,span,li) { color: #c7beac !important; }
body#sr-design.sr-menu-140 #main-content .pc-page-hero .eyebrow {
  color: #f5c400 !important;
  margin: 0 0 18px !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
}
body#sr-design.sr-reference-124.sr-risa-125.sr-standard-126.sr-menu-140 #main-content .pc-page-hero h1 {
  color: #f4efe5 !important;
  font-size: clamp(40px, 4vw, 58px) !important;
  font-weight: 500 !important;
  line-height: 1.09 !important;
  letter-spacing: -.045em !important;
  margin: 0 !important;
  max-width: 21ch !important;
  text-wrap: balance;
  hyphens: none !important;
  word-break: normal !important;
}
body#sr-design.sr-menu-140 #main-content .pc-page-hero p {
  color: #d4cbbb !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  max-width: 58ch !important;
}
body#sr-design.sr-menu-140 #main-content .pc-page-intro {
  padding: 24px 0 0 !important;
  border-top: 1px solid #655940 !important;
  gap: 24px !important;
  align-self: center;
}
body#sr-design.sr-menu-140 #main-content .pc-page-heading { min-width: 0; }
body#sr-design.sr-menu-140 #main-content .pc-page-heading > p { margin-top: 26px !important; }
body#sr-design.sr-menu-140 #main-content .sr-brand-cut { bottom: 20px !important; opacity: .65; transform: scale(.7); transform-origin: left bottom; }

/* Prices: a compact, readable brief alongside the introduction. */
body#sr-design.sr-menu-140 #main-content .price-hero-card {
  padding: 30px !important;
  background: #201f1b !important;
  border: 1px solid #625840 !important;
  border-top: 3px solid #f5c400 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  text-align: left !important;
}
body#sr-design.sr-menu-140 #main-content .price-hero-card .num { font-size: 38px !important; color: #f4efe5 !important; }
body#sr-design.sr-menu-140 #main-content .price-hero-card .lbl { color: #f5c400 !important; }
body#sr-design.sr-menu-140 #main-content .price-hero-card .note { color: #cfc5b3 !important; }
body#sr-design.sr-menu-140 #main-content .pc-price-enquiry { margin-top: 24px !important; width: 100% !important; }

/* The same surfaces, readable hierarchy and spacing used in the approved hub. */
body#sr-design.sr-menu-140 #main-content :is(.section,.sr-career-section) { padding: 76px 0 !important; background: var(--menu-cream) !important; }
body#sr-design.sr-menu-140 #main-content .section--ow { background: var(--menu-warm) !important; }
body#sr-design.sr-menu-140 #main-content .section--dk { background: #171717 !important; }
body#sr-design.sr-menu-140 #main-content h2 { font-size: clamp(30px,3vw,42px) !important; line-height: 1.16 !important; font-weight: 500 !important; }
body#sr-design.sr-menu-140 #main-content p { color: var(--menu-muted); line-height: 1.8; }
body#sr-design.sr-menu-140 #main-content :is(.bew-guide-card,.blog-card,.cert-card) {
  background: var(--menu-cream) !important;
  border: 1px solid var(--menu-line) !important;
  border-radius: 10px !important;
  padding: 28px !important;
  box-shadow: 0 8px 24px #32250f04 !important;
}
body#sr-design.sr-menu-140 #main-content :is(.bew-grid,.blog-grid,.cert-grid,.values-grid) { gap: 22px !important; }
body#sr-design.sr-menu-140 #main-content .blog-card { background: #eee7da !important; }
body#sr-design.sr-menu-140 #main-content .blog-card h2 { font-size: 25px !important; line-height: 1.24 !important; margin-bottom: 0 !important; }
body#sr-design.sr-menu-140 #main-content .blog-grid { margin-top: 0 !important; }
body#sr-design.sr-menu-140 #main-content .blog-card__excerpt { font-size: 15px !important; }
body#sr-design.sr-menu-140 #main-content .blog-card__footer { flex-wrap: wrap; gap: 12px; }
body#sr-design.sr-menu-140 #main-content .blog-card__read { display: inline-flex; align-items: center; min-height: 44px; color: #171717 !important; }
body#sr-design.sr-menu-140 #main-content .blog-card__icon { color: #111 !important; border-left: 3px solid #f5c400 !important; padding-left: 10px !important; }
body#sr-design.sr-menu-140 #main-content .blog-card:hover { transform: translateY(-3px); border-color: #a18a50 !important; }
body#sr-design.sr-menu-140 #main-content :is(.value-card,.compare-card--us) { background: #22211e !important; border-color: #5c523c !important; }
body#sr-design.sr-menu-140 #main-content .compare-card--them { background: var(--menu-cream) !important; }
body#sr-design.sr-menu-140 #main-content .price-table td { background: var(--menu-cream) !important; }
body#sr-design.sr-menu-140 #main-content .price-table tr:nth-child(even) td { background: var(--menu-warm) !important; }
body#sr-design.sr-menu-140 #main-content .price-badge { background: #e7dbc0 !important; color: #4e432a !important; }
body#sr-design.sr-menu-140 #main-content .myhammer-box { border-top: 3px solid #f5c400 !important; border-radius: 10px !important; }

/* Calls to action: quiet outlines, a clear yellow primary action, no mismatched gold. */
body#sr-design.sr-menu-140 #main-content .btn {
  min-height: 52px !important;
  padding: 14px 22px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-align: center;
  gap: 14px;
  max-width: 100%;
}
body#sr-design.sr-menu-140 #main-content .btn--primary { background: #f5c400 !important; border-color: #f5c400 !important; color: #111 !important; }
body#sr-design.sr-menu-140 #main-content .btn--primary:hover { background: #ffda32 !important; border-color: #ffda32 !important; }
body#sr-design.sr-menu-140 #main-content .btn--outline { color: #171717 !important; border-color: #af9c76 !important; background: transparent !important; }
body#sr-design.sr-menu-140 #main-content :is(.pc-page-hero,.section--dk,.myhammer-box) .btn--outline { color: #f4efe5 !important; border-color: #85785c !important; }
body#sr-design.sr-menu-140 #main-content .topic-filter { gap: 10px !important; padding-top: 28px !important; }
body#sr-design.sr-menu-140 #main-content .topic-btn { min-height: 44px !important; border-radius: 6px !important; font-size: 13px !important; }
body#sr-design.sr-menu-140 #main-content .topic-btn.active { background: #f5c400 !important; border-color: #f5c400 !important; color: #111 !important; }
body#sr-design.sr-menu-140 #main-content :is(a,button,input,textarea,select):focus-visible { outline: 2px solid #ad8700 !important; outline-offset: 4px; }
body#sr-design.sr-menu-140 #main-content [id] { scroll-margin-top: 104px !important; }

/* Contact and careers: original fields, labels, validation and submission nodes retained. */
body#sr-design.sr-menu-140 #main-content .sr-contact-content-140 { padding: 72px 0 80px !important; }
body#sr-design.sr-menu-140 #main-content .kontakt-grid { padding: 0 !important; }
body#sr-design.sr-menu-140 #main-content :is(.kontakt-grid,.sr-career-grid) { gap: 64px !important; }
body#sr-design.sr-menu-140 #main-content :is(.form-card,.sr-career-form) {
  background: var(--menu-cream) !important;
  padding: 0 !important;
  border: 1px solid var(--menu-line) !important;
  border-top: 3px solid #f5c400 !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 40px #32250f06 !important;
}
body#sr-design.sr-menu-140 #main-content :is(.form-card__head,.sr-career-form-head) { background: var(--menu-warm) !important; }
body#sr-design.sr-menu-140 #main-content :is(.form-card__head,.sr-career-form-head) :is(h2,h3) { font-size: 27px !important; }
body#sr-design.sr-menu-140 #main-content :is(input:not([type=hidden]),textarea,select) { font-size: 16px !important; background: #faf6ee !important; border-color: #c8b999 !important; }
body#sr-design.sr-menu-140 #main-content :is(.detail-icon,.value-icon,.cert-icon) { color: #171717 !important; background: #f5c400 !important; border-color: #f5c400 !important; border-radius: 10px !important; }
body#sr-design.sr-menu-140 #main-content .detail-item:hover { transform: none !important; }
body#sr-design.sr-menu-140 #main-content .founder-wrap { border-color: var(--menu-line) !important; }
body#sr-design.sr-menu-140 #main-content .founder-badge { border-top: 3px solid #f5c400 !important; }
body#sr-design.sr-menu-140 #main-content .founder-badge a { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 14px !important; }
body#sr-design.sr-menu-140 #main-content .stats-row { margin-bottom: 54px !important; border: 0 !important; border-bottom: 1px solid var(--menu-line) !important; }
body#sr-design.sr-menu-140 #main-content .stat-big { color: #171717 !important; }

@media (max-width: 1000px) {
  body#sr-design.sr-reference-124.sr-risa-125.sr-standard-126.sr-menu-140 #main-content .pc-page-hero > .container { gap: 30px 36px !important; }
  body#sr-design.sr-menu-140 #main-content :is(.kontakt-grid,.sr-career-grid) { gap: 32px !important; }
}
@media (max-width: 800px) {
  body#sr-design.sr-menu-140 #main-content .container { width: calc(100% - 40px) !important; }
  body#sr-design.sr-reference-124.sr-risa-125.sr-standard-126.sr-header-136.sr-menu-140 #main-content .pc-page-hero { margin-top: -64px !important; padding: 94px 0 52px !important; }
  body#sr-design.sr-reference-124.sr-risa-125.sr-standard-126.sr-menu-140 #main-content .pc-page-hero > .container { grid-template-columns: minmax(0,1fr) !important; gap: 28px !important; }
  body#sr-design.sr-reference-124.sr-risa-125.sr-standard-126.sr-menu-140 #main-content .pc-page-hero h1 { font-size: clamp(32px,8.6vw,40px) !important; max-width: 24ch !important; line-height: 1.12 !important; }
  body#sr-design.sr-menu-140 #main-content .pc-page-hero .breadcrumb { margin-bottom: 2px !important; font-size: 11px !important; }
  body#sr-design.sr-menu-140 #main-content .pc-page-hero .eyebrow { margin-bottom: 14px !important; }
  body#sr-design.sr-menu-140 #main-content .pc-page-hero p { font-size: 16px !important; line-height: 1.75 !important; }
  body#sr-design.sr-menu-140 #main-content .pc-page-intro { padding-top: 22px !important; gap: 22px !important; }
  body#sr-design.sr-menu-140 #main-content .sr-brand-cut { display: none !important; }
  body#sr-design.sr-menu-140 #main-content :is(.section,.sr-career-section) { padding: 48px 0 !important; }
  body#sr-design.sr-menu-140 #main-content h2 { font-size: 30px !important; }
  body#sr-design.sr-menu-140 #main-content :is(.price-hero-card,.bew-guide-card,.blog-card,.cert-card,.value-card,.compare-card) { padding: 24px !important; }
  body#sr-design.sr-menu-140 #main-content :is(.form-card__head,.sr-career-form-head,.form-card__body,.sr-career-form-body) { padding: 24px !important; }
  body#sr-design.sr-menu-140 #main-content .sr-contact-content-140 { padding: 44px 0 56px !important; }
  body#sr-design.sr-menu-140 #main-content .price-hero-card .num { font-size: 34px !important; }
  body#sr-design.sr-menu-140 #main-content .price-table td,
  body#sr-design.sr-menu-140 #main-content .price-table tr:nth-child(even) td { background: transparent !important; }
  body#sr-design.sr-menu-140 #main-content .topic-filter { gap: 8px !important; }
  body#sr-design.sr-menu-140 #main-content .topic-btn { padding: 10px 14px !important; }
  body#sr-design.sr-menu-140 #main-content [id] { scroll-margin-top: 84px !important; }
}
@media (max-width: 400px) {
  body#sr-design.sr-menu-140 #main-content .container { width: calc(100% - 32px) !important; }
  body#sr-design.sr-menu-140 #main-content :is(.form-card__head,.sr-career-form-head,.form-card__body,.sr-career-form-body) { padding: 20px !important; }
  body#sr-design.sr-menu-140 #main-content .btn { padding: 13px 16px !important; font-size: 14px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body#sr-design.sr-menu-140 #main-content .blog-card { transition: none !important; transform: none !important; }
}
