/* Approved light architecture palette, October 2026. */
:root { --ink: #181E24; --paper: #F8F9FA; --gold: #B89758; --gold-dark: #B89758; --champagne: #C5A880; --navy: #1E3A5F; --line: #DFE3E6; --muted: #181E24; }
body.briefing-design { background: #FFFFFF; color: #181E24; }
.briefing-design .site-header::before,
.briefing-design .site-header.is-compact::before { background: #FFFFFF; border-bottom: 1px solid var(--line); box-shadow: 0 5px 24px #181e2408; backdrop-filter: none; }
.briefing-design .site-header, .briefing-design .main-nav a,
.briefing-design .main-nav a:hover, .briefing-design .main-nav a:focus-visible,
.briefing-design .main-nav a.is-active { color: var(--ink); }
.briefing-design .services-menu, .briefing-design .mobile-nav { background: #FFFFFF; box-shadow: 0 16px 32px #181e2414; }
.briefing-design .mobile-nav a { color: var(--ink); border-color: var(--line); }
.briefing-design .mobile-nav a.is-active { text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 6px; }
.briefing-design .mobile-service-links { border-color: var(--line); }
.briefing-design .menu-toggle { color: var(--ink); border-color: var(--line); background: #FFFFFF; }
.briefing-design .menu-toggle[aria-expanded="true"] { color: var(--ink); border-color: var(--gold); }
.briefing-design .mobile-nav-backdrop { background: #181e2433; }
.briefing-design .section, .briefing-design .section.dark,
.briefing-design .white-section, .briefing-design .dark-section,
.briefing-design .light-section, .briefing-design .section.water { background: #FFFFFF; color: var(--ink); }
.briefing-design #substanz, .briefing-design #standardprogramm,
.briefing-design #anfrage, .briefing-design .fact-strip,
.briefing-design .legal-hero { background: #F8F9FA; color: var(--ink); }
.briefing-design .contact-section::before, .briefing-design .contact-section::after { display: none; }
.briefing-design .eyebrow, .briefing-design .eyebrow.dark,
.briefing-design .water .eyebrow, .briefing-design .about-grid .eyebrow,
.briefing-design .detail-list li, .briefing-design .detail-list strong,
.briefing-design .about-grid p, .briefing-design .about-work-photo figcaption,
.briefing-design .team-grid span, .briefing-design .section figcaption { color: var(--ink); }
.briefing-design .dark .detail-list li, .briefing-design .team-grid { border-color: var(--line); }
.briefing-design .about-work-photo figcaption { background: #F8F9FA; border-color: var(--line); }
.briefing-design .quick-link, .briefing-design .quick-water,
.briefing-design .columns-three li, .briefing-design .equipment-grid article,
.briefing-design .contact-form { background: #FFFFFF; border-color: var(--line); }
.briefing-design .quick-water { border-top: 2px solid var(--navy); }
.briefing-design .quick-number, .briefing-design .fact-strip li > span,
.briefing-design .process-list li > span, .briefing-design .option-letter { color: var(--gold); }
.briefing-design .text-link, .briefing-design .legal-content a { color: var(--ink); }
.briefing-design .text-link:hover, .briefing-design .legal-content a:hover { text-decoration: underline; text-underline-offset: 4px; }
.briefing-design .button, .briefing-design .secondary-button,
.briefing-design .outline-button, .briefing-design .dark-button,
.briefing-design .phone-button { color: var(--ink); background: #FFFFFF; border: 1px solid var(--ink); }
.briefing-design .button:hover, .briefing-design .button:focus-visible,
.briefing-design .secondary-button:hover, .briefing-design .secondary-button:focus-visible,
.briefing-design .outline-button:hover, .briefing-design .dark-button:hover { background: #F8F9FA; color: var(--ink); border-color: var(--ink); }
.briefing-design .nav-button:not(.emergency-button),
.briefing-design .primary-button, .briefing-design .site-footer .footer-cta { background: #B89758; border: 1px solid #B89758; color: #181E24; }
.briefing-design .nav-button:not(.emergency-button):hover,
.briefing-design .primary-button:hover, .briefing-design .site-footer .footer-cta:hover { background: #C5A880; border-color: #C5A880; color: #181E24; }
.briefing-design .emergency-button, .briefing-design .water .button-blue { background: #1E3A5F; border-color: #1E3A5F; color: #FFFFFF; }
.briefing-design .emergency-button:hover, .briefing-design .water .button-blue:hover { background: #1E3A5F; border-color: #1E3A5F; color: #FFFFFF; box-shadow: inset 0 0 0 2px #ffffff40; }
.briefing-design .water .outline-button { color: #1E3A5F; border-color: #1E3A5F; }
.briefing-design .nav-button::before, .briefing-design .primary-button::before,
.briefing-design .secondary-button::before, .briefing-design .outline-button::before,
.briefing-design .dark-button::before, .briefing-design .phone-button::before,
.briefing-design .site-footer .footer-cta::before { display: none; } .briefing-design .about-work-photo  { background: #F8F9FA; }
@media (min-width: 901px) {
}
@media (max-width: 900px) {
}
.briefing-design .site-footer { background: #F8F9FA; color: var(--ink); border-top: 1px solid var(--line); }
.briefing-design .site-footer p, .briefing-design .site-footer p a,
.briefing-design .site-footer p a:hover { color: var(--ink); }
.briefing-design .footer-brand { border-color: var(--line); }
.briefing-design .contact-form label { font-size: 14px; }
.briefing-design .contact-form select { font-size: 15px; }
.briefing-design .contact-form .form-intro, .briefing-design .contact-form .form-note,
.briefing-design .contact-form .form-status { font-size: 14px; color: var(--ink); }
.briefing-design .contact-form button { border: 1px solid var(--ink); min-height: 52px; font-size: 14px; text-transform: none; }
.briefing-design .contact-form button:disabled { opacity: .6; cursor: wait; }
.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-status:not(:empty) { padding: 14px; background: #F8F9FA; border-left: 3px solid #1E3A5F; }
.form-status[data-state="error"] { border-left-color: #A32D2D; }
.briefing-design a:focus-visible, .briefing-design button:focus-visible { outline: 2px solid #1E3A5F; outline-offset: 4px; }
@media (max-width: 390px) { .briefing-design .contact-form select { font-size: 13px; } }

/* Clearer typography and spatial hierarchy, retaining the approved palette. */
body.briefing-design { font-family: "Segoe UI", Arial, Helvetica, sans-serif; }
.briefing-design h1, .briefing-design h2, .briefing-design h3 { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-weight: 750; letter-spacing: -.035em; }
.briefing-design .eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .12em; line-height: 1.7; }
.briefing-design .section h2 { font-size: clamp(30px, 3.3vw, 46px); line-height: 1.13; }
.briefing-design .section p, .briefing-design .detail-list li { line-height: 1.7; }
.briefing-design .section { padding-block: 64px; }
.briefing-design main > .section[id] { scroll-margin-top: -64px; }
.briefing-design .quick-nav { gap: 14px; padding-block: 24px 32px; }
.briefing-design .quick-link { padding: 22px 18px; border: 1px solid var(--line); box-shadow: 0 8px 24px #181e2408; }
.briefing-design .quick-link strong { font-size: 16px; font-weight: 650; }
.briefing-design .quick-link > span:not(.quick-number):not(.quick-arrow) { font-size: 13px; line-height: 1.6; }
.briefing-design .quick-number { font-size: 13px; font-weight: 600; }
.briefing-design .quick-water { border-top: 2px solid var(--navy); }
.briefing-design .fact-strip { border-block: 1px solid var(--line); }
.briefing-design .fact-strip li { font-size: 13px; line-height: 1.7; }
.briefing-design #substanz, .briefing-design #kapitalanleger, .briefing-design #verwaltung { background: #F8F9FA; }
.briefing-design #kapitalanleger > .section-inner, .briefing-design #verwaltung > .section-inner { border-top: 1px solid var(--line); padding-top: 42px; }
.briefing-design #kapitalanleger, .briefing-design #verwaltung { padding-top: 0; }
.briefing-design #kapitalanleger, .briefing-design #verwaltung { scroll-margin-top: -42px; }
.briefing-design .substance-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; margin-bottom: 36px; }
.briefing-design .substance-intro .section-heading { margin-bottom: 0; }
.briefing-design .substance-intro img { width: 100%; height: 270px; object-fit: cover; }
.briefing-design .columns-three { gap: 12px 34px; }
.briefing-design .columns-three li, .briefing-design .columns-three li:first-child { padding: 24px 0; background: transparent; border: 0; border-top: 1px solid #BFC7CD; box-shadow: none; font-size: 15px; }
.briefing-design .detail-list strong { font-size: 19px; font-weight: 650; line-height: 1.4; letter-spacing: -.015em; }
.briefing-design .transparency-grid > .detail-list, .briefing-design .management-grid > .detail-list { padding: 0; background: transparent; border: 0; box-shadow: none; }
.briefing-design .management-photos { display: grid; grid-template-columns: 1.45fr 1fr; gap: 14px; }
.briefing-design .management-photos img { height: 390px; width: 100%; aspect-ratio: auto; object-fit: cover; }
.briefing-design .management-photos .management-detail { object-position: 55% center; }
.briefing-design .equipment-grid article { padding: 34px; gap: 20px; box-shadow: none; border: 0; border-top: 2px solid var(--gold); }
.briefing-design .equipment-grid h3 { font-size: 28px; }
.briefing-design .equipment-grid p:not(.eyebrow) { font-size: 16px; }
.briefing-design .process-list li { background: #F8F9FA; padding: 24px; border-top: 1px solid var(--gold); }
.briefing-design .process-list h3 { font-size: 21px; font-weight: 650; line-height: 1.3; }
.briefing-design .process-list p { font-size: 15px; }
.briefing-design .about-intro > p:not(.eyebrow) { font-size: 16px; }
.briefing-design .about-intro .about-lead { font-size: 20px; font-weight: 600; }
.briefing-design .team-grid { gap: 14px; padding-top: 24px; }
.briefing-design .team-grid > div { padding: 0; background: transparent; }
.briefing-design .team-grid span { font-size: 13px; }
.briefing-design .team-grid strong { font-size: 16px; font-weight: 650; }
.briefing-design .contact-form { padding: 34px; box-shadow: 0 20px 60px #181e240a; border-top: 2px solid var(--gold); }
.briefing-design .contact-form label { font-weight: 600; }
.briefing-design .contact-form input, .briefing-design .contact-form textarea { background: #F8F9FA; }
.briefing-design .site-footer p, .briefing-design .site-footer p a { font-size: 14px; line-height: 1.8; }
@media (min-width: 901px) {
  .briefing-design .management-grid > figure { position: sticky; top: calc(var(--header-compact) + 30px); }
}
@media (min-width: 901px) and (max-width: 1150px) {
}
@media (max-width: 900px) {
  .briefing-design .substance-intro { gap: 28px; }
  .briefing-design .management-photos { grid-template-columns: 1fr; }
  .briefing-design .management-photos img { height: 260px; }
  .briefing-design .management-photos .management-detail { height: 190px; }
}
@media (max-width: 700px) {
  .briefing-design .section { padding-block: 48px; }
  .briefing-design main > .section[id] { scroll-margin-top: -48px; }
  .briefing-design #kapitalanleger, .briefing-design #verwaltung { padding-top: 0; scroll-margin-top: -32px; }
  .briefing-design #kapitalanleger > .section-inner, .briefing-design #verwaltung > .section-inner { padding-top: 32px; }
  .briefing-design .substance-intro { grid-template-columns: 1fr; gap: 24px; }
  .briefing-design .substance-intro img { height: 220px; }
  .briefing-design .contact-form { padding: 22px; }
  .briefing-design .management-photos { grid-template-columns: 1.45fr 1fr; gap: 10px; }
  .briefing-design .management-photos img, .briefing-design .management-photos .management-detail { height: 260px; }
  .briefing-design .contact-form select { font-size: 13px; }
  .briefing-design .team-grid { grid-template-columns: 1fr; }
  .briefing-design .process-list { gap: 16px; }
}
@media (max-width: 390px) {
  .briefing-design .process-list { grid-template-columns: 1fr; }
  .briefing-design .contact-form { padding: 16px; }
}

/* Stronger contrast: dark opening and closing, continuous cool gray content. */
body.briefing-design { background: #EDF0F2; }
.briefing-design .site-header::before,
.briefing-design .site-header.is-compact::before { background: #F8F9FA; }
.briefing-design .section, .briefing-design .section.dark,
.briefing-design .white-section, .briefing-design .dark-section,
.briefing-design .light-section { background: #EDF0F2; }
.briefing-design #substanz, .briefing-design #kapitalanleger,
.briefing-design #verwaltung, .briefing-design #anfrage,
.briefing-design .section.water, .briefing-design .fact-strip,
.briefing-design .legal-hero { background: #E4E9ED; }
.briefing-design #standardprogramm { background: #EDF0F2; }
.briefing-design .process-list li, .briefing-design .team-grid > div { background: transparent; }
.briefing-design .site-footer { background: #0D151A; color: #FFFFFF; border-color: #0D151A; }
.briefing-design .site-footer p, .briefing-design .site-footer p a { color: #E4E9ED; }
.briefing-design .site-footer p a:hover { color: #FFFFFF; }
.briefing-design .site-footer h3 { color: #FFFFFF; }
.briefing-design .footer-brand { border-color: #ffffff30; }
.briefing-design .site-footer a:focus-visible { outline-color: #C5A880; }


/* Final usability and hierarchy refinement. */
.briefing-design .main-nav { font-size: 15px; gap: 18px; }
.briefing-design .main-nav a { text-transform: none; font-weight: 650; letter-spacing: 0; }
.briefing-design .header-actions .nav-button { font-size: 14px; font-weight: 650; text-transform: none; letter-spacing: 0; padding: 13px 16px; min-height: 46px; }
.briefing-design .button, .briefing-design .text-link,
.briefing-design .site-footer .footer-cta  { font-size: 15px; font-weight: 650; text-transform: none; letter-spacing: 0; line-height: 1.4; }
.briefing-design .button { min-height: 48px; }
.briefing-design .quick-link { transition: border-color .18s ease, box-shadow .18s ease; }
.briefing-design .quick-link:hover { border-color: #B89758; box-shadow: 0 12px 28px #181e2412; }
.briefing-design .quick-link strong { font-size: 17px; }
.briefing-design .quick-link strong, .briefing-design .quick-link > span { hyphens: auto; overflow-wrap: anywhere; }
.briefing-design .quick-link > span:not(.quick-number):not(.quick-arrow) { font-size: 15px; }
.briefing-design .fact-strip li { font-size: 14px; }
.briefing-design .fact-strip li > span { font-size: 20px; line-height: 1.2; }
.briefing-design .section figcaption { font-size: 14px; }
.briefing-design .process-list { gap: 20px; }
.briefing-design .process-list li { border: 0; border-top: 1px solid #BFC7CD; padding: 28px 0 8px; }
.briefing-design .process-list li > span { display: block; color: #B89758; font-size: 36px; font-weight: 500; line-height: 1; letter-spacing: -.04em; }
.briefing-design .process-list h3 { min-height: 2.6em; margin-block: 22px 16px; }
.briefing-design .process-list p { margin-bottom: 0; }
.briefing-design .process-list p, .briefing-design .columns-three li { font-size: 16px; }
.briefing-design .reference-grid > figure { padding: 0; background: transparent; border: 0; }
.briefing-design .reference-grid figcaption { padding: 16px 0 0; font-weight: 600; }
.briefing-design .damage-grid { padding: 36px 0 0; background: transparent; border: 0; border-top: 2px solid var(--navy); box-shadow: none; }
.briefing-design .damage-grid h2 { font-size: clamp(29px, 2.7vw, 39px); }
.briefing-design .damage-grid .eyebrow { color: #1E3A5F; }
.briefing-design .damage-grid .availability { margin-bottom: 0; padding-top: 22px; border-top: 1px solid var(--line); }
.briefing-design .contact-form input, .briefing-design .contact-form textarea,
.briefing-design .contact-form select { font-size: 16px; line-height: 1.5; }
.briefing-design .contact-form select { padding-right: 30px; }
.briefing-design .contact-form .inquiry-selection { margin: 0; font-size: 14px; line-height: 1.5; color: #181E24; overflow-wrap: anywhere; }
.briefing-design .contact-form .inquiry-selection[hidden] { display: none; }
.briefing-design .contact-form button[type="submit"] { font-size: 16px; min-height: 54px; }
.briefing-design .footer-action .footer-cta { text-align: center; justify-content: center; }
.briefing-design .mobile-nav > a { font-size: clamp(21px, 4.8vw, 30px); font-weight: 650; text-transform: none; letter-spacing: -.02em; }
.briefing-design .mobile-service-links a { font-size: 17px; }
@media (max-width: 1020px) {
  .briefing-design .quick-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: visible; gap: 12px; }
  .briefing-design .quick-link { padding: 18px; min-width: 0; }
  .briefing-design .quick-water { grid-column: 1/-1; }
  .briefing-design .quick-water .quick-number { position: absolute; right: 20px; top: 20px; }
  .briefing-design .quick-water strong, .briefing-design .quick-water > span:not(.quick-number) { padding-right: 30px; }
}
@media (max-width: 700px) {
  .briefing-design .header-actions .nav-button { font-size: 13px; min-height: 44px; padding: 8px 9px; }
  .briefing-design .quick-link { padding: 16px 14px; gap: 8px; }
  .briefing-design .quick-link strong { font-size: 16px; }
  .briefing-design .quick-link > span:not(.quick-number):not(.quick-arrow) { font-size: 14px; }
  .briefing-design .damage-grid { padding: 28px 0 0; }
  .briefing-design .damage-grid h2 { font-size: 30px; }
  .briefing-design .process-list h3 { min-height: 0; }
  .briefing-design .contact-form .form-note { font-size: 14px; }
}
@media (max-width: 480px) {
  .briefing-design .management-photos { grid-template-columns: 1fr; }
  .briefing-design .management-photos img { height: auto; aspect-ratio: 4/3; }
  .briefing-design .management-photos .management-detail { height: 180px; aspect-ratio: auto; object-position: center 43%; }
}
@media (max-width: 360px) {
  .briefing-design .header-actions .nav-button { font-size: 12px; padding-inline: 6px; }
  .briefing-design .quick-nav { gap: 10px; }
  .briefing-design .quick-link { padding-inline: 12px; }
  .briefing-design .quick-link strong { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .briefing-design .quick-link { transition: none; }
}

/* A continuous photographic opening and open content layouts. */
.briefing-design .site-header::before,
.briefing-design .site-header.is-compact::before { background: #0D151A; border-bottom-color: #ffffff1f; box-shadow: none; }
.briefing-design .site-header, .briefing-design .main-nav a,
.briefing-design .main-nav a:hover, .briefing-design .main-nav a:focus-visible,
.briefing-design .main-nav a.is-active { color: #FFFFFF; }
.briefing-design .services-menu a, .briefing-design .services-menu a:hover,
.briefing-design .services-menu a:focus-visible, .briefing-design .services-menu a.is-active { color: #181E24; }
.briefing-design .menu-toggle, .briefing-design .menu-toggle[aria-expanded="true"] { background: transparent; color: #FFFFFF; border-color: #ffffff50; }
.briefing-design .site-header a:focus-visible,
.briefing-design .site-header button:focus-visible { outline-color: #C5A880; }
.briefing-design .hero { background: #0D151A; color: #FFFFFF; }
.briefing-design .hero-media { position: absolute; inset: 0; height: auto; background: #0D151A; }
.briefing-design .hero-media.single img { object-fit: cover; object-position: center; opacity: 1; }
.briefing-design .hero-shade { display: block; background: linear-gradient(90deg, #0d151aeb 0%, #0d151ac7 30%, #0d151a6e 57%, #0d151a0d 82%); }
.briefing-design .hero, .briefing-design .hero-inner { min-height: clamp(650px, calc(100svh - var(--header-expanded)), 780px); }
.briefing-design .hero-inner { padding-block: 76px; margin-top: 0; background: transparent; }
.briefing-design .hero-copy { width: 78%; max-width: 920px; padding: 0; background: transparent; border: 0; box-shadow: none; }
.briefing-design .hero-copy h1 { font-size: clamp(43px, 4.7vw, 68px); font-weight: 750; line-height: 1.06; letter-spacing: -.04em; }
.briefing-design .hero-copy h1, .briefing-design .hero-copy h1 em { color: #FFFFFF; }
.briefing-design .hero-copy h1 span { white-space: normal; }
.briefing-design .hero-copy .eyebrow { max-width: 620px; padding-left: 16px; border-left: 2px solid #C5A880; color: #FFFFFF; font-size: 12px; line-height: 1.7; }
.briefing-design .hero-copy .hero-description { max-width: 590px; margin-top: 28px; color: #F8F9FA; font-size: 18px; font-weight: 400; line-height: 1.65; }
.briefing-design .hero .secondary-button { background: transparent; color: #FFFFFF; border: 1px solid #C5A880; padding: 15px 22px; min-height: 50px; font-size: 15px; font-weight: 650; text-transform: none; letter-spacing: 0; line-height: 1.4; }
.briefing-design .hero .secondary-button:hover,
.briefing-design .hero .secondary-button:focus-visible { background: #FFFFFF; color: #181E24; border-color: #FFFFFF; }
.briefing-design .hero a:focus-visible { outline-color: #C5A880; }
.briefing-design .quick-nav { gap: 0; padding-block: 28px; }
.briefing-design .quick-link { padding: 12px 24px; background: transparent; border: 0; border-left: 1px solid #BFC7CD; box-shadow: none; transition: background-color .18s ease; }
.briefing-design .quick-link:first-child { border-left: 0; }
.briefing-design .quick-link:hover { background: #E4E9ED; border-color: #BFC7CD; box-shadow: none; }
.briefing-design .quick-link:focus-visible { outline-offset: -3px; }
.briefing-design .quick-number { font-size: 18px; }
.briefing-design .quick-water { border-top: 0; }
.briefing-design .quick-water strong { color: #1E3A5F; }
.briefing-design .section-heading { margin-bottom: 40px; }
.briefing-design .section h2 { font-size: clamp(32px, 3.6vw, 50px); line-height: 1.12; }
.briefing-design .detail-list li { border-color: #BFC7CD; }
.briefing-design .equipment-grid article { background: #F8F9FA; }
.briefing-design .option-letter { padding: 0; border: 0; font-size: 40px; font-weight: 500; line-height: 1; }
.briefing-design .process-list { gap: 34px; }
.briefing-design .about-work-photo figcaption { background: #0D151A; color: #FFFFFF; padding: 16px 18px; border: 0; font-size: 15px; font-weight: 600; line-height: 1.5; text-transform: none; }
@media (max-width: 1020px) {
  .briefing-design .quick-nav { gap: 0; }
  .briefing-design .quick-link { padding: 20px; border: 0; border-bottom: 1px solid #BFC7CD; }
  .briefing-design .quick-link:nth-child(even) { border-left: 1px solid #BFC7CD; }
  .briefing-design .quick-water { border: 0; padding-bottom: 4px; }
}
@media (max-width: 900px) {
  .briefing-design .hero, .briefing-design .hero-inner { min-height: 0; }
  .briefing-design .hero-media { position: relative; inset: auto; height: clamp(245px, 47vw, 390px); }
  .briefing-design .hero-media.single img { object-position: 64% center; mask-image: linear-gradient(#000 70%, transparent 100%); }
  .briefing-design .hero-shade { display: none; }
  .briefing-design .hero-inner { margin-top: -24px; padding-block: 0 44px; }
  .briefing-design .hero-copy { width: 100%; max-width: 720px; padding: 0; }
  .briefing-design .hero-copy h1 { font-size: clamp(28px, 6.7vw, 52px); }
  .briefing-design .hero-copy .eyebrow { font-size: 11px; max-width: 520px; }
  .briefing-design .hero-copy .hero-description { font-size: 17px; }
}
@media (max-width: 700px) {
  .briefing-design .quick-nav { padding-block: 10px 22px; }
  .briefing-design .quick-link { padding: 18px 14px; }
  .briefing-design .quick-water { padding-bottom: 4px; }
  .briefing-design .section h2 { font-size: clamp(30px, 7.5vw, 38px); }
  .briefing-design .hero-copy .hero-description { font-size: 16px; margin-top: 24px; }
  .briefing-design .columns-three { gap: 0; }
  .briefing-design .process-list { gap: 28px; }
  .briefing-design .equipment-grid article { padding: 26px 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .briefing-design .quick-link { transition: none; }
}

/* Project photography breaks the long content sequence; one dark process chapter. */
.briefing-design .management-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
.briefing-design .management-grid > figure { position: static; }
.briefing-design .management-photos { grid-template-columns: minmax(0, 2.6fr) minmax(0, 1fr); gap: 20px; }
.briefing-design .management-photos img,
.briefing-design .management-photos .management-detail { width: 100%; height: clamp(320px, 32vw, 420px); aspect-ratio: auto; object-fit: cover; object-position: center 58%; }
.briefing-design .management-photos .management-detail { object-position: center; }
.briefing-design .management-grid > .detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; }
.briefing-design .management-grid > .detail-list > li,
.briefing-design .management-grid > .detail-list > li:first-child { padding: 24px 0; border-top: 1px solid #BFC7CD; }
.briefing-design #ablauf { background: #0D151A; color: #FFFFFF; }
.briefing-design #ablauf h2, .briefing-design #ablauf h3 { color: #FFFFFF; }
.briefing-design #ablauf .eyebrow,
.briefing-design #ablauf .process-list p,
.briefing-design #ablauf .process-note { color: #E4E9ED; }
.briefing-design #ablauf .process-list li { background: transparent; border-color: #ffffff38; }
.briefing-design #ablauf .process-list li > span { color: #C5A880; font-size: 44px; }
.briefing-design #ablauf .process-note { border-color: #ffffff38; }
@media (max-width: 900px) {
  .briefing-design .management-photos { gap: 14px; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
  .briefing-design .management-photos img,
  .briefing-design .management-photos .management-detail { height: 300px; }
  .briefing-design .management-grid > .detail-list { column-gap: 28px; }
}
@media (max-width: 700px) {
  .briefing-design .management-grid { gap: 28px; }
  .briefing-design .management-photos { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .briefing-design .management-photos img { height: auto; aspect-ratio: 4/3; }
  .briefing-design .management-photos .management-detail { height: 180px; aspect-ratio: auto; object-position: center 43%; }
  .briefing-design .management-grid > .detail-list { grid-template-columns: minmax(0, 1fr); }
}

/* Three readable work areas and a directly aligned equipment comparison. */
.briefing-design .substance-intro { margin-bottom: 40px; }
.briefing-design .substance-intro img { height: 300px; object-position: center 44%; }
.briefing-design .substance-intro figcaption { padding-top: 12px; }
.briefing-design .substance-group { display: grid; grid-template-columns: minmax(190px, .8fr) minmax(0, 2.8fr); gap: 42px; padding-block: 32px; border-top: 1px solid #BFC7CD; }
.briefing-design .substance-group-heading > span { display: block; margin-bottom: 16px; color: #B89758; font-size: 32px; font-weight: 500; line-height: 1; letter-spacing: -.04em; }
.briefing-design .substance-group-heading h3 { max-width: 250px; font-size: 27px; line-height: 1.2; }
.briefing-design .substance-details { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.briefing-design .substance-details > li,
.briefing-design .substance-details > li:first-child { padding: 0; border: 0; font-size: 16px; }
.briefing-design .substance-details strong { font-size: 18px; line-height: 1.4; }
.briefing-design #substanz .section-bottom { margin-top: 8px; }
.briefing-design .equipment-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; border-top: 2px solid #B89758; }
.briefing-design .equipment-option { display: grid; grid-template-rows: auto 1fr auto; min-width: 0; }
.briefing-design .equipment-option + .equipment-option { border-left: 1px solid #BFC7CD; padding-left: 48px; }
.briefing-design .equipment-option-heading { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 20px; align-content: start; padding-block: 32px 28px; }
.briefing-design .equipment-option-heading .option-letter { grid-row: 1/3; padding-top: 4px; font-size: 42px; }
.briefing-design .equipment-option-heading .eyebrow { margin-bottom: 12px; }
.briefing-design .equipment-option-heading h3 { font-size: clamp(26px, 2.4vw, 34px); line-height: 1.16; }
.briefing-design .equipment-option-description { padding-block: 26px; border-block: 1px solid #BFC7CD; }
.briefing-design .equipment-option-description p { margin: 0; font-size: 17px; line-height: 1.7; }
.briefing-design .equipment-option-description p + p { margin-top: 16px; font-weight: 600; }
.briefing-design .equipment-option-action { padding-top: 18px; }
@supports (grid-template-rows: subgrid) {
  .briefing-design .equipment-option { grid-template-rows: subgrid; grid-row: span 3; }
}
@media (max-width: 1100px) {
  .briefing-design .substance-group { grid-template-columns: minmax(160px, .7fr) minmax(0, 2.8fr); gap: 28px; }
  .briefing-design .substance-details { gap: 22px; }
  .briefing-design .substance-group-heading h3 { font-size: 25px; }
  .briefing-design .equipment-comparison { column-gap: 28px; }
  .briefing-design .equipment-option + .equipment-option { padding-left: 28px; }
  .briefing-design .equipment-option-heading { grid-template-columns: 30px minmax(0, 1fr); column-gap: 16px; }
  .briefing-design .equipment-option-heading .option-letter { font-size: 34px; }
}
@media (max-width: 1100px) {
  .briefing-design .substance-group { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .briefing-design .substance-group-heading { display: flex; align-items: baseline; gap: 18px; }
  .briefing-design .substance-group-heading > span { margin: 0; }
  .briefing-design .substance-group-heading h3 { max-width: none; }
}
@media (max-width: 700px) {
  .briefing-design .substance-intro img { height: auto; aspect-ratio: 4/3; }
  .briefing-design .substance-group { padding-block: 28px; gap: 22px; }
  .briefing-design .substance-details { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .briefing-design .substance-group-heading > span { font-size: 28px; }
  .briefing-design .substance-group-heading h3 { font-size: 25px; }
  .briefing-design .substance-details strong { font-size: 19px; }
  .briefing-design .equipment-comparison { grid-template-columns: minmax(0, 1fr); row-gap: 36px; }
  .briefing-design .equipment-option { grid-template-rows: auto auto auto; grid-row: auto; }
  .briefing-design .equipment-option + .equipment-option { border-left: 0; border-top: 2px solid #B89758; padding-left: 0; }
  .briefing-design .equipment-option-heading { padding-block: 28px 24px; }
  .briefing-design .equipment-option-heading h3 { font-size: 28px; }
  .briefing-design .equipment-option-description { padding-block: 22px; }
  .briefing-design .equipment-option-action { padding-top: 14px; }
}

/* KUSA reference palette; content, typography and layout remain those of kusa3. */
:root {
  --ink: #071015;
  --paper: #F8F4ED;
  --gold: #D69B3A;
  --gold-dark: #B77B22;
  --champagne: #D69B3A;
  --navy: #17536E;
  --line: #D5C9B8;
  --muted: #5E5A54;
  --gold-text: #94621B;
}
body.briefing-design { background: var(--paper); color: var(--ink); }
.briefing-design .section,
.briefing-design .white-section,
.briefing-design #leistungen,
.briefing-design #verwaltung,
.briefing-design #referenzen,
.briefing-design #ablauf { background: #FFFFFF; color: var(--ink); }
.briefing-design #substanz,
.briefing-design #standardprogramm,
.briefing-design .legal-hero { background: var(--paper); color: var(--ink); }
.briefing-design .site-header::before,
.briefing-design .site-header.is-compact::before,
.briefing-design .hero,
.briefing-design .hero-media,
.briefing-design .site-footer,
.briefing-design .fact-strip,
.briefing-design #kapitalanleger,
.briefing-design #ueber-uns { background: var(--ink); color: #FFFFFF; }
.briefing-design .hero-shade { background: linear-gradient(90deg, #071015eb 0%, #071015c7 30%, #0710156e 57%, #0710150d 82%); }
.briefing-design .hero-copy h1 em,
.briefing-design .hero-copy .eyebrow { color: var(--gold); }
.briefing-design .hero-copy .eyebrow { border-color: var(--gold); }
.briefing-design .hero .secondary-button { color: #FFFFFF; border-color: #FFFFFF; }
.briefing-design .hero .secondary-button:hover,
.briefing-design .hero .secondary-button:focus-visible { background: #FFFFFF; color: var(--ink); }
.briefing-design .eyebrow,
.briefing-design .eyebrow.dark,
.briefing-design .text-link { color: var(--gold-text); }
.briefing-design .substance-group-heading > span,
.briefing-design .option-letter,
.briefing-design #ablauf .process-list li > span { color: var(--gold-dark); }
.briefing-design .quick-number { color: var(--gold-text); }
.briefing-design .quick-link,
.briefing-design .quick-link:hover { border-color: var(--line); }
.briefing-design .quick-link:hover { background: #FFFFFF; }
.briefing-design .quick-link > span:not(.quick-number):not(.quick-arrow) { color: var(--muted); }
.briefing-design .quick-water,
.briefing-design .quick-water:hover { background: #EDF5F8; }
.briefing-design .quick-water strong { color: var(--navy); }
.briefing-design .detail-list li,
.briefing-design .detail-list strong,
.briefing-design .section figcaption { color: var(--ink); }
.briefing-design .detail-list li,
.briefing-design .management-grid > .detail-list > li,
.briefing-design .management-grid > .detail-list > li:first-child,
.briefing-design .substance-group,
.briefing-design .equipment-option + .equipment-option,
.briefing-design .equipment-option-description,
.briefing-design #verwaltung > .section-inner { border-color: var(--line); }
.briefing-design .equipment-comparison { border-color: var(--gold); }
.briefing-design .fact-strip { border-color: #FFFFFF26; }
.briefing-design .fact-strip li > span { color: var(--gold); }
.briefing-design #kapitalanleger .eyebrow,
.briefing-design #ueber-uns .eyebrow,
.briefing-design #ueber-uns .team-grid span { color: var(--gold); }
.briefing-design #kapitalanleger h2,
.briefing-design #kapitalanleger .detail-list strong,
.briefing-design #ueber-uns h2,
.briefing-design #ueber-uns .team-grid strong { color: #FFFFFF; }
.briefing-design #kapitalanleger .detail-list li,
.briefing-design #ueber-uns .about-intro > p:not(.eyebrow) { color: #C3C8CB; }
.briefing-design #kapitalanleger > .section-inner,
.briefing-design #kapitalanleger .detail-list li,
.briefing-design #ueber-uns .team-grid { border-color: #FFFFFF26; }
.briefing-design .about-work-photo,
.briefing-design .about-work-photo figcaption { background: var(--ink); color: #FFFFFF; }
.briefing-design #ablauf h2,
.briefing-design #ablauf h3 { color: var(--ink); }
.briefing-design #ablauf .eyebrow { color: var(--gold-text); }
.briefing-design #ablauf .process-list p,
.briefing-design #ablauf .process-note { color: var(--muted); }
.briefing-design #ablauf .process-list li,
.briefing-design #ablauf .process-note { border-color: var(--line); }
.briefing-design .section.water { background: #EAF3F7; color: var(--ink); }
.briefing-design .water .eyebrow,
.briefing-design .water .text-link { color: #1B5B77; }
.briefing-design .damage-grid { border-color: var(--navy); }
.briefing-design #anfrage { background: linear-gradient(135deg, #DBA54C, #BD8128); color: var(--ink); }
.briefing-design .contact-section .eyebrow,
.briefing-design .contact-section .text-link,
.briefing-design .contact-form .inquiry-selection { color: var(--ink); }
.briefing-design .contact-form { background: #FFFFFF; border-color: var(--line); border-top-color: var(--ink); box-shadow: 0 20px 60px #07101514; }
.briefing-design .contact-form input,
.briefing-design .contact-form select,
.briefing-design .contact-form textarea { color: var(--ink); background: #FFFFFF; border-color: var(--line); }
.briefing-design .contact-form .form-intro,
.briefing-design .contact-form .form-note,
.briefing-design .contact-form .form-status { color: var(--muted); }
.briefing-design .contact-form button[type="submit"] { background: var(--ink); color: #FFFFFF; border-color: var(--ink); }
.briefing-design .contact-form button[type="submit"]:hover,
.briefing-design .contact-form button[type="submit"]:focus-visible { background: #253139; color: #FFFFFF; border-color: #253139; }
.briefing-design .form-status:not(:empty) { background: var(--paper); border-left-color: var(--navy); }
.briefing-design .form-status[data-state="error"] { border-left-color: #A32D2D; }
.briefing-design .nav-button:not(.emergency-button),
.briefing-design .primary-button { background: var(--gold); color: var(--ink); border-color: var(--gold); }
.briefing-design .nav-button:not(.emergency-button):hover,
.briefing-design .nav-button:not(.emergency-button):focus-visible,
.briefing-design .primary-button:hover,
.briefing-design .primary-button:focus-visible { background: #E3AF59; color: var(--ink); border-color: #E3AF59; }
.briefing-design .emergency-button,
.briefing-design .emergency-button:hover,
.briefing-design .emergency-button:focus-visible { background: #174B65; color: #FFFFFF; border-color: #3C7C98; }
.briefing-design .water .button-blue,
.briefing-design .water .button-blue:hover,
.briefing-design .water .button-blue:focus-visible { background: var(--navy); color: #FFFFFF; border-color: var(--navy); }
.briefing-design .water .outline-button { background: transparent; color: var(--navy); border-color: var(--navy); }
.briefing-design .water .outline-button:hover,
.briefing-design .water .outline-button:focus-visible { background: #FFFFFF; color: var(--navy); border-color: var(--navy); }
.briefing-design .site-footer { border-color: var(--ink); }
.briefing-design .site-footer p,
.briefing-design .site-footer p a { color: #C3C8CB; }
.briefing-design .site-footer p a:hover { color: #FFFFFF; }
.briefing-design .site-footer .footer-cta { background: transparent; color: var(--gold); border-color: var(--gold); }
.briefing-design .site-footer .footer-cta:hover,
.briefing-design .site-footer .footer-cta:focus-visible { background: var(--gold); color: var(--ink); border-color: var(--gold); }
.briefing-design .services-menu,
.briefing-design .mobile-nav { background: var(--ink); }
.briefing-design .services-menu a,
.briefing-design .services-menu a:hover,
.briefing-design .services-menu a:focus-visible,
.briefing-design .services-menu a.is-active,
.briefing-design .mobile-nav a { color: #FFFFFF; }
.briefing-design .mobile-nav a,
.briefing-design .mobile-service-links { border-color: #FFFFFF26; }
.briefing-design a:focus-visible,
.briefing-design button:focus-visible,
.briefing-design .contact-form input:focus-visible,
.briefing-design .contact-form select:focus-visible,
.briefing-design .contact-form textarea:focus-visible { outline-color: var(--navy); }
.briefing-design .site-header a:focus-visible,
.briefing-design .site-header button:focus-visible,
.briefing-design .hero a:focus-visible,
.briefing-design .dark-section a:focus-visible,
.briefing-design .site-footer a:focus-visible { outline-color: var(--gold); }
@media (max-width: 700px) {
  .briefing-design .equipment-option + .equipment-option { border-top-color: var(--gold); }
}

/* Consistent WhatsApp actions and clear labels for generated visualizations. */
.briefing-design a.whatsapp-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 50px; max-width: 100%; padding: 14px 20px;
  background: #146C50; color: #FFFFFF; border: 1px solid #146C50;
  font-size: 15px; font-weight: 650; line-height: 1.45;
  text-align: left; text-decoration: none; text-transform: none; letter-spacing: 0;
  box-shadow: 0 2px 0 #07101512;
  transition: background-color .18s ease, border-color .18s ease;
}
.briefing-design a.whatsapp-button:hover,
.briefing-design a.whatsapp-button:focus-visible {
  background: #10543F; color: #FFFFFF; border-color: #10543F; text-decoration: none;
}
.briefing-design a.whatsapp-button:focus-visible { outline: 2px solid #071015; outline-offset: 4px; }
.briefing-design a.whatsapp-button::before,
.briefing-design a.whatsapp-button::after { display: none; }
.briefing-design .whatsapp-button > span { margin: 0; }
.briefing-design .whatsapp-icon { display: block; width: 23px; height: 23px; flex: 0 0 23px; }
.briefing-design a.whatsapp-button-contact { margin-block: 14px 20px; }
.briefing-design figcaption .visualization-note { display: block; margin-top: 5px; font-size: 13px; font-weight: 400; line-height: 1.45; text-transform: none; letter-spacing: 0; }
@media (max-width: 700px) {
  .briefing-design .about-work-photo figcaption { position: static; }
}
@media (max-width: 480px) {
  .briefing-design a.whatsapp-button { width: 100%; justify-content: flex-start; padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .briefing-design a.whatsapp-button { transition: none; }
}

/* Contact actions sit below the complete water-damage section. */
.briefing-design .damage-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 0;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
.briefing-design .damage-actions a.button {
  width: 100%; min-height: 54px; padding: 14px 16px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 650; line-height: 1.45;
  text-align: center; text-transform: none; letter-spacing: 0;
}
@media (max-width: 900px) {
  .briefing-design .damage-actions { grid-template-columns: 1fr; }
}
/* Preserve the full composition of the original bathroom project photo. */
.briefing-design .reference-photo img { aspect-ratio: 4 / 3; }

/* Label only the generated hero image, directly on its image area. */
.briefing-design .hero-image-note {
  position: absolute; z-index: 3; right: 24px; bottom: 24px;
  padding: 6px 10px; background: #071015D9; color: #FFFFFF;
  font-size: 13px; font-weight: 400; line-height: 1.45;
  letter-spacing: 0; text-transform: none;
}
@media (max-width: 900px) {
  .briefing-design .hero-image-note { right: 16px; bottom: 48px; }
}
/* Keep descenders inside the animated hero line masks. */
.briefing-design .hero-copy h1 .reveal-line {
  padding-bottom: .2em;
  margin-bottom: -.2em;
}
/* Give longer facts more room; keep checkmarks a consistent distance from copy. */
.briefing-design .fact-strip ul {
  grid-template-columns: minmax(0, 1.5fr) minmax(0, .85fr) minmax(0, 1.25fr) minmax(0, 1.1fr);
  column-gap: 32px;
  row-gap: 24px;
}
.briefing-design .fact-strip li {
  display: grid; grid-template-columns: 18px minmax(0, 1fr);
  align-items: start; column-gap: 10px; min-width: 0;
}
.briefing-design .fact-strip .fact-copy {
  margin: 0; color: inherit; font: inherit; line-height: inherit;
  hyphens: none; text-wrap: pretty;
}
@media (max-width: 1020px) {
  .briefing-design .fact-strip ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .briefing-design .fact-strip ul { grid-template-columns: 1fr; row-gap: 20px; }
}
/* Cover the reserved header space while the fixed bar expands on scroll-up. */
.briefing-design main {
  background-image: linear-gradient(var(--ink), var(--ink));
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% var(--header-expanded);
}
/* Keep the supplied customer photos legible in each image format. */
.briefing-design .reference-grid-final img { object-position: center bottom; }
@media (max-width: 700px) {
  .briefing-design .management-photos .management-detail { height: auto; max-height: 440px; aspect-ratio: 3 / 4; object-position: center; }
  .briefing-design .reference-grid-final img { aspect-ratio: 4 / 3; }
}