/* Native form controls used by the WordPress version of the project brief. */
.brief-choice input { position: absolute; opacity: 0; pointer-events: none; }
.brief-choice label { min-height: 38px; padding: 0 12px; display: inline-flex; align-items: center; color: #d6d7d0; border: 1px solid #5a5d56; font: 500 11px var(--sans); cursor: pointer; transition: border-color .2s, color .2s, background .2s; }
.brief-choice label:hover, .brief-choice input:checked + label { color: var(--night); border-color: #dce5d8; background: #dce5d8; }
.brief-finish .solid-button { border: 0; cursor: pointer; }
.dkb-2026 .brief-questions input[type="checkbox"] { accent-color: #adbca7; }

/* A richer showroom experience that keeps the visual language restrained and editorial. */
.main-nav { gap: clamp(38px, 5.1vw, 78px); }
.main-nav a { padding: 11px 14px; font-size: 18px; letter-spacing: .1em; }
@media (max-width: 1100px) and (min-width: 821px) {
  .topbar { padding-left: 25px; padding-right: 25px; }
  .main-nav { gap: 22px; }
  .main-nav a { padding: 9px 10px; font-size: 14px; }
}
.showroom-v2-art { padding: 0; isolation: isolate; }
.showroom-v2-art::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(20,21,19,.05) 20%, rgba(20,21,19,.78) 100%); }
.showroom-v2-art::after { z-index: 2; opacity: .7; }
.showroom-v2-art > img { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.78) contrast(1.04); }
.showroom-v2-art-copy { position: relative; z-index: 3; padding: 40px; }
.showroom-v2-art-copy span { display: block; }
.showroom-v2-art-copy i { display: block; }
.showroom-real { background: var(--paper); padding: clamp(90px, 12vw, 180px) clamp(24px, 9vw, 150px); }
.showroom-real-intro { display: grid; grid-template-columns: .62fr 1.22fr .62fr; gap: 35px; border-bottom: 1px solid var(--line); padding-bottom: 54px; }
.showroom-real-intro h2 { max-width: 760px; margin: 22px 0 0; font: 400 clamp(48px, 5.55vw, 91px)/.9 var(--serif); letter-spacing: -.06em; }
.showroom-real-intro > p:last-child { align-self: end; max-width: 335px; margin: 0; color: #575953; font-size: 14px; line-height: 1.85; }
.showroom-real-grid { display: grid; grid-template-columns: 1.1fr .82fr .82fr; gap: 17px; margin-top: clamp(46px, 6vw, 90px); }
.showroom-real-grid figure { min-height: 470px; margin: 0; position: relative; overflow: hidden; background: var(--moss); }
.showroom-real-grid figure:nth-child(2) { min-height: 400px; margin-top: 74px; }
.showroom-real-grid figure:nth-child(3) { min-height: 438px; margin-top: 25px; }
.showroom-real-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.showroom-real-grid figure:hover img { transform: scale(1.035); }
.showroom-real-grid figcaption { position: absolute; z-index: 1; right: 22px; bottom: 20px; left: 22px; display: grid; gap: 6px; color: var(--paper); }
.showroom-real-grid figcaption::before { content: ""; position: absolute; right: 0; bottom: -11px; left: 0; height: 1px; background: rgba(244,241,235,.72); }
.showroom-real-grid figcaption span { font: 10px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: #d5dec9; }
.showroom-real-grid figcaption strong { font: 400 clamp(18px, 1.8vw, 26px)/1.05 var(--serif); letter-spacing: -.04em; }
.showroom-real-note { display: grid; grid-template-columns: .17fr .72fr 1fr; gap: 28px; align-items: end; max-width: 920px; margin: clamp(55px, 7vw, 100px) 0 0 auto; padding-top: 28px; border-top: 1px solid var(--line); }
.showroom-real-note > span { color: var(--oxide); font: 10px var(--mono); }
.showroom-real-note p { margin: 0; color: #565850; font-size: 14px; line-height: 1.8; }
.showroom-real-note strong { color: var(--night); }
.showroom-real-note .quiet-link { justify-self: end; }
.showroom-selection { display: grid; grid-template-columns: .8fr 1fr; gap: min(12vw, 190px); padding: clamp(92px, 12vw, 185px) clamp(24px, 9vw, 150px); color: var(--paper); background: var(--night); }
.showroom-selection-intro .eyebrow { color: #c7c6bd; }
.showroom-selection-intro h2 { max-width: 620px; margin: 25px 0 0; font: 400 clamp(49px, 5.2vw, 85px)/.9 var(--serif); letter-spacing: -.06em; }
.showroom-selection-intro > p:last-child { max-width: 355px; margin: 30px 0 0; color: #bfc0b9; font-size: 14px; line-height: 1.82; }
.showroom-selection-list article { display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 0 0 28px; margin-bottom: 28px; border-bottom: 1px solid rgba(244,241,235,.2); }
.showroom-selection-list article:last-child { margin-bottom: 0; }
.showroom-selection-list span { color: #d5dec9; font: 10px var(--mono); }
.showroom-selection-list h3 { margin: -7px 0 9px; font: 400 clamp(27px, 2.6vw, 40px)/.95 var(--serif); letter-spacing: -.05em; }
.showroom-selection-list p { max-width: 385px; margin: 0; color: #c5c6bf; font-size: 13px; line-height: 1.8; }
.visit-details { grid-template-columns: 1.08fr .64fr .68fr; gap: min(8vw, 120px); }
.visit-details > div:last-child { align-self: end; }
.visit-details small { display: block; margin-top: 22px; color: var(--oxide); font: 10px var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.visit-contact > a { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 8px; margin-top: 18px; border-bottom: 1px solid var(--line); font: 400 clamp(22px, 2.2vw, 32px)/1 var(--serif); letter-spacing: -.04em; }
.visit-contact > a span { color: var(--oxide); }
.visit-contact > p:last-child { margin: 25px 0 0; color: #595a54; font-size: 13px; line-height: 1.75; }
@media (max-width: 820px) {
  .showroom-v2-art-copy { padding: 30px; }
  .showroom-real-intro { grid-template-columns: 1fr; gap: 25px; padding-bottom: 38px; }
  .showroom-real-intro > p:last-child { margin: 0; }
  .showroom-real-grid { grid-template-columns: 1fr 1fr; }
  .showroom-real-grid figure:nth-child(2) { margin-top: 0; }
  .showroom-real-grid figure:nth-child(3) { grid-column: 1 / -1; min-height: 390px; margin-top: 0; }
  .showroom-real-note { grid-template-columns: 45px 1fr; margin-left: 0; }
  .showroom-real-note .quiet-link { grid-column: 2; justify-self: start; }
  .showroom-selection { grid-template-columns: 1fr; gap: 58px; }
  .visit-details { grid-template-columns: 1fr; gap: 55px; }
  .visit-details > div:last-child { align-self: auto; }
}
@media (max-width: 520px) {
  .showroom-real { padding-top: 84px; padding-bottom: 92px; }
  .showroom-real-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 42px; }
  .showroom-real-grid figure, .showroom-real-grid figure:nth-child(2), .showroom-real-grid figure:nth-child(3) { grid-column: auto; min-height: 360px; margin-top: 0; }
  .showroom-real-note { grid-template-columns: 30px 1fr; gap: 14px; margin-top: 55px; }
  .showroom-selection { padding-top: 84px; padding-bottom: 92px; }
  .showroom-selection h2 { font-size: 52px; }
}
.proof-rail { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; color: var(--paper); background: #565751; }
.proof-rail > div { min-height: 220px; padding: clamp(30px, 4vw, 55px) clamp(24px, 5vw, 78px); background: var(--moss); }
.proof-rail span { display: block; color: #d5dec9; font: 400 clamp(45px, 5vw, 77px)/.85 var(--serif); letter-spacing: -.07em; }
.proof-rail p { max-width: 245px; margin: 22px 0 0; color: #cacbc4; font-size: 13px; line-height: 1.76; }
.desire-promise { padding: clamp(88px, 12vw, 175px) clamp(24px, 9vw, 150px); color: var(--night); background: var(--chalk); }
.desire-promise h2 { max-width: 1010px; margin: 25px 0 38px; font: 400 clamp(48px, 6vw, 100px)/.88 var(--serif); letter-spacing: -.065em; }
@media (max-width: 820px) { .proof-rail { grid-template-columns: 1fr; }.proof-rail > div { min-height: 0; }.desire-promise { padding-left: 7vw; padding-right: 7vw; } }

/* The new lead visual makes the studio feel cinematic and material-led. */
.hero-v2 { background: #151512; }
.hero-v2::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: radial-gradient(circle at 26% 36%, rgba(173, 133, 91, .14), transparent 27%), linear-gradient(110deg, rgba(4, 4, 3, .16), transparent 49%); }
.hero-v2-copy { position: relative; }
.hero-v2-copy::after { content: ""; position: absolute; top: clamp(70px, 10vh, 122px); right: clamp(25px, 3.2vw, 58px); width: 1px; height: min(135px, 17vh); background: linear-gradient(180deg, transparent, rgba(173, 188, 167, .56), transparent); }
.hero-v2 .eyebrow { color: #d5dec9; letter-spacing: .2em; }
.hero-v2 h1 { max-width: 770px; font-size: clamp(62px, 7.35vw, 126px); }
.hero-intro { color: #dcd8cf; }
.hero-v2-image { background: #211f1a; }
.hero-v2-image::after { background: linear-gradient(90deg, rgba(13, 13, 11, .42), transparent 42%), linear-gradient(0deg, rgba(12, 12, 10, .62), transparent 38%); }
.hero-v2-image img { object-position: 72% center; filter: saturate(.82) contrast(1.04) brightness(.94); transform: scale(1.015); }
.hero-v2-image-label { padding: 15px 16px 0; border-top-color: rgba(237, 227, 214, .82); background: linear-gradient(90deg, rgba(13, 13, 11, .56), transparent); }
.hero-v2-image-label span:last-child { letter-spacing: -.035em; }
.hero-side-note { color: #bcb7ac; }
@media (prefers-reduced-motion: no-preference) { .hero-v2-image img { animation: cinematic-settle 9s ease-out both; } @keyframes cinematic-settle { from { transform: scale(1.07); } to { transform: scale(1.015); } } }
@media (max-width: 820px) { .hero-v2-copy::after { display: none; }.hero-v2-image img { object-position: 68% center; } }

/* Keep every primary action legible on standard desktop widths.  The former
   absolute navigation could overlap the two booking actions around 1280px. */
@media (min-width: 821px) {
  .topbar {
    justify-content: flex-start;
  }

  .main-nav {
    position: static;
    flex: 1 1 auto;
    justify-content: center;
    gap: clamp(14px, 2.1vw, 42px);
    margin-left: clamp(26px, 4.2vw, 84px);
    transform: none;
  }

  .main-nav a {
    flex: 0 0 auto;
    padding: 9px clamp(7px, .8vw, 12px);
    font-size: clamp(11px, .92vw, 14px);
    letter-spacing: .075em;
    white-space: nowrap;
  }

  .topbar-actions {
    flex: 0 0 auto;
    gap: 7px;
  }

  .topbar-actions .topbar-cta {
    min-height: 34px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 9px;
    letter-spacing: .075em;
    white-space: nowrap;
  }
}

/* Showroom-first navigation and content cards. */
.wordmark { width: clamp(146px, 13vw, 184px); }
.wordmark img { width: 100%; height: 43px; object-fit: contain; object-position: left center; }

.linked-material-grid { grid-template-columns: repeat(4, 1fr); }
.linked-material-grid > a {
  min-height: 325px;
  color: var(--paper);
  background: var(--moss);
  padding: 28px;
  display: flex;
  flex-direction: column;
  transition: transform .28s cubic-bezier(.2,.75,.2,1), box-shadow .28s, background .28s;
}
.linked-material-grid > a:nth-child(2) { background: var(--oxide); }
.linked-material-grid > a:nth-child(3) { color: var(--night); background: #e7e1d7; }
.linked-material-grid > a:nth-child(3) span { color: var(--oxide); }
.linked-material-grid > a:nth-child(4) { background: #373835; }
.linked-material-grid > a span { color: #d5dec9; font: 10px var(--mono); }
.linked-material-grid > a h3 { margin: auto 0 11px; font: 400 clamp(33px, 3.25vw, 51px)/.9 var(--serif); letter-spacing: -.05em; }
.linked-material-grid > a p { max-width: 270px; margin: 0; color: inherit; opacity: .84; font-size: 13px; line-height: 1.75; }
.linked-material-grid > a b { margin-top: 23px; color: inherit; font: 500 10px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.linked-material-grid > a:hover, .linked-material-grid > a:focus-visible { outline: none; transform: translateY(-7px); box-shadow: 0 18px 38px rgba(23,24,22,.18); }
.dark-grid.linked-material-grid > a { color: var(--paper); background: var(--night); }
.dark-grid.linked-material-grid > a:nth-child(2) { background: #4e5845; }
.dark-grid.linked-material-grid > a:nth-child(3) { background: var(--oxide); }
.dark-grid.linked-material-grid > a:nth-child(4) { background: #252622; }

.showroom-selection-list > a {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 18px;
  align-items: start;
  margin-bottom: 28px;
  padding: 0 0 28px;
  border-bottom: 1px solid rgba(244,241,235,.2);
  transition: color .2s, transform .2s;
}
.showroom-selection-list > a:hover, .showroom-selection-list > a:focus-visible { color: #dce5d8; outline: none; transform: translateX(5px); }
.showroom-selection-list > a b { align-self: center; color: #d5dec9; font: 10px var(--mono); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.showroom-selection-list > a:last-of-type { margin-bottom: 28px; }

.project-folder-hero > img { filter: saturate(.84) contrast(1.02); }
.material-detail > img { object-position: center; }

.brand-lines {
  display: grid;
  grid-template-columns: .74fr 1.14fr .54fr;
  gap: min(8vw, 120px);
  padding: clamp(88px, 11vw, 165px) clamp(24px, 9vw, 150px);
  background: var(--paper);
}
.brand-lines h2 { max-width: 530px; margin: 24px 0 0; font: 400 clamp(47px, 5vw, 79px)/.9 var(--serif); letter-spacing: -.065em; }
.brand-lines-list { border-top: 1px solid var(--line); }
.brand-lines-list article { display: grid; grid-template-columns: 45px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.brand-lines-list span { color: var(--oxide); font: 10px var(--mono); }
.brand-lines-list p { margin: -3px 0 0; color: #4f514c; font-size: 14px; line-height: 1.72; }
.brand-lines-note { align-self: end; margin: 0; color: #6a6b65; font-size: 12px; line-height: 1.76; }

@media (max-width: 1040px) and (min-width: 821px) {
  .wordmark { width: 128px; }
  .wordmark img { height: 37px; }
  .linked-material-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .wordmark { width: 142px; }
  .wordmark img { height: 39px; }
  .linked-material-grid { grid-template-columns: repeat(2, 1fr); }
  .showroom-selection-list > a { grid-template-columns: 38px 1fr; }
  .showroom-selection-list > a b { grid-column: 2; margin-top: 5px; }
  .brand-lines { grid-template-columns: 1fr; gap: 44px; padding-right: 7vw; padding-left: 7vw; }
  .brand-lines-note { max-width: 460px; }
}

@media (max-width: 520px) {
  .wordmark { width: 132px; }
  .linked-material-grid { grid-template-columns: 1fr; }
  .linked-material-grid > a { min-height: 235px; }
}


/* Final polish — clear hierarchy, resilient type and the physical DKB mark. */
.brand-link{display:flex;align-items:center;gap:14px;min-width:0}.wordmark.wordmark--heritage{width:clamp(118px,10vw,146px)}.wordmark.wordmark--heritage img{width:100%;height:46px;object-fit:contain;object-position:left center;display:block}.brand-descriptor{min-width:0;color:#343630;border-left:1px solid rgba(76,92,76,.58);gap:4px;padding-left:14px;line-height:1;text-transform:uppercase;white-space:nowrap;display:grid}.brand-descriptor b{font:700 8px/1.1 var(--mono);letter-spacing:.12em}.brand-descriptor small{color:#687064;font:500 7px/1 var(--mono);letter-spacing:.15em}.brief-questions{gap:clamp(31px,3vw,40px)}.brief-contact--first{padding-bottom:clamp(38px,4vw,52px)!important}.brief-contact--first .brief-contact-grid{margin-top:24px}.visit-contact>a{min-width:0;overflow-wrap:anywhere}
@media (min-width:981px){.topbar{gap:0}.main-nav{margin-left:clamp(18px,2.7vw,48px);gap:clamp(13px,1.7vw,28px)}.topbar-actions{margin-left:clamp(30px,3.3vw,66px);gap:10px}.topbar-actions .topbar-cta{min-height:40px;color:#252722;background:#f4f1eb;border:1px solid rgba(76,92,76,.48);box-shadow:0 1px 0 rgba(76,92,76,.12);padding:0 14px;font-size:9px;font-weight:700;letter-spacing:.095em}.topbar-actions .topbar-cta span{color:#4c5c4c}.topbar-actions .topbar-cta:hover,.topbar-actions .topbar-cta:focus-visible{color:#f4f1eb;background:#4c5c4c;border-color:#4c5c4c;transform:translateY(-1px)}.topbar-actions .topbar-cta:hover span,.topbar-actions .topbar-cta:focus-visible span{color:#f4f1eb}}
@media (max-width:980px){.topbar{height:70px}.main-nav,.topbar-actions{display:none}.mobile-menu{display:block}.brand-descriptor{display:none}.wordmark.wordmark--heritage{width:118px}.wordmark.wordmark--heritage img{height:42px}.brief-shell{grid-template-columns:1fr;gap:56px}.showroom-real-intro,.showroom-selection,.showroom-brands,.visit-details{grid-template-columns:1fr}.showroom-real-grid{grid-template-columns:1fr 1fr}.showroom-real-grid figure:nth-child(2),.showroom-real-grid figure:nth-child(3){margin-top:0}.showroom-real-grid figure:nth-child(3){grid-column:1/-1}.brand-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.footer-v2{grid-template-columns:54px minmax(0,1fr);column-gap:11px;row-gap:15px;align-items:center}.footer-v2 .footer-heritage-mark{grid-column:1;grid-row:1}.footer-v2>span:not(.footer-v2-version){grid-column:2;grid-row:1;justify-self:start;margin-left:0}.footer-v2-legal{grid-column:1/-1;grid-row:2;justify-self:start}.footer-v2-owner-cluster{grid-column:1/-1;grid-row:3;justify-self:start;flex-wrap:wrap}}
@media (max-width:520px){.hero-v2 h1,.detail-hero h1,.showroom-page-hero h1,.appointments-hero h1,.brief-intro h1,.contact-page h1,.projects-hero h1,.contact-v2 h2{line-height:.92;letter-spacing:-.05em}.showroom-real-grid{grid-template-columns:1fr}.showroom-real-grid figure:nth-child(3){grid-column:auto}}

@media (prefers-reduced-motion:no-preference){.wordmark--heritage{transform-origin:50% 50%;animation:dkb-mark-arrive .95s cubic-bezier(.2,.78,.22,1) both}@keyframes dkb-mark-arrive{0%{opacity:0;transform:rotate(0deg) scale(.93)}72%{opacity:1;transform:rotate(344deg) scale(1.018)}100%{opacity:1;transform:rotate(360deg) scale(1)}}}


/* The digital showroom signature keeps the familiar DKB letters while giving the website its own refined mark. */
.brand-link{gap:0}.wordmark.wordmark--signature{width:clamp(116px,9.2vw,142px)}.wordmark.wordmark--signature img{width:100%;height:58px;object-fit:contain;object-position:left center;display:block}.brand-descriptor{display:none!important}@media (max-width:980px){.wordmark.wordmark--signature{width:116px}.wordmark.wordmark--signature img{height:52px}}@media (prefers-reduced-motion:no-preference){.wordmark--signature{transform-origin:50% 50%;animation:dkb-signature-arrive 1.05s cubic-bezier(.2,.78,.22,1) both}@keyframes dkb-signature-arrive{0%{opacity:0;transform:translateX(-14px) rotate(0deg) scale(.94)}74%{opacity:1;transform:translateX(1px) rotate(348deg) scale(1.015)}100%{opacity:1;transform:translateX(0) rotate(360deg) scale(1)}}}

/* Keep the DKB signature still and precise. */
.wordmark--signature{animation:none!important;transform:none!important}

/* Editorial DKB monogram: black letterforms, mineral arc and Westchester baseline. */
.wordmark.wordmark--signature{width:clamp(132px,11vw,178px)}.wordmark.wordmark--signature img{height:66px}@media (max-width:980px){.wordmark.wordmark--signature{width:124px}.wordmark.wordmark--signature img{height:56px}}


/* Clean, accessible partner directory and photography-led project folder. */
.partner-rail .partner-wordmark-rail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:stretch}
.partner-rail .brand-wordmark,.showroom-brands .brand-wordmark{display:flex;align-items:center;justify-content:center;min-height:58px;padding:12px 10px;border:1px solid rgba(29,31,28,.22);background:rgba(255,255,255,.4);color:#1c1e1a;text-align:center;font-family:var(--font-sans,Arial,sans-serif);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;text-decoration:none;transition:background .24s ease,color .24s ease,border-color .24s ease,transform .24s ease}
.partner-rail .brand-wordmark:hover,.partner-rail .brand-wordmark:focus-visible{background:#1f2920;border-color:#1f2920;color:#fff;transform:translateY(-2px);outline:none}
.showroom-brands .brand-wordmark-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.showroom-brands .brand-wordmark{min-height:70px;padding:18px 14px;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.045);color:#f7f4ed;font-size:12px}
.showroom-brands .brand-wordmark:hover,.showroom-brands .brand-wordmark:focus-visible{background:#f7f4ed;border-color:#f7f4ed;color:#1f2920;transform:translateY(-2px);outline:none}
.project-photo-story{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.45fr);gap:clamp(30px,6vw,100px);padding:clamp(64px,9vw,150px) var(--page-pad,6vw);background:#f5f1e9;color:#22231f;align-items:start}
.project-photo-story>div:first-child{position:sticky;top:110px}
.project-photo-story h2{max-width:530px;margin:.1em 0 .45em}
.project-photo-story h2 em{font-weight:400}
.project-photo-story p{max-width:430px;color:#5f625a;line-height:1.7}
.project-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.7vw,25px)}
.project-photo-grid figure{margin:0;min-height:280px;position:relative;overflow:hidden;background:#ddd7cb}
.project-photo-grid figure.project-photo-grid__wide{grid-column:span 2;min-height:440px}
.project-photo-grid img{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.72,.2,1)}
.project-photo-grid figure:hover img{transform:scale(1.035)}
.project-photo-grid figcaption{position:absolute;left:0;bottom:0;right:0;padding:18px 20px;background:linear-gradient(transparent,rgba(21,22,19,.7));color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.dkb-owner-confirm-form{margin:11px 0 0}
.dkb-owner-confirm{width:100%;border:0;background:#6c7d67;color:#fff;padding:10px 12px;font:700 10px/1.2 var(--font-sans,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.dkb-owner-confirm:hover,.dkb-owner-confirm:focus-visible{background:#263526;outline:2px solid #f4f1e8;outline-offset:2px}
.dkb-owner-client-response{margin:9px 0 0!important;color:#dbe6d8!important;font-size:11px!important;line-height:1.35!important}
@media(max-width:980px){.partner-rail .partner-wordmark-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.project-photo-story{grid-template-columns:1fr}.project-photo-story>div:first-child{position:static}.project-photo-grid figure.project-photo-grid__wide{min-height:370px}}
@media(max-width:640px){.partner-rail .partner-wordmark-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.partner-rail .brand-wordmark{min-height:54px;font-size:10px}.showroom-brands .brand-wordmark-grid{grid-template-columns:1fr}.showroom-brands .brand-wordmark{min-height:58px;font-size:11px}.project-photo-story{padding:64px 24px}.project-photo-grid{gap:10px}.project-photo-grid figure{min-height:210px}.project-photo-grid figure.project-photo-grid__wide{min-height:280px}.project-photo-grid figcaption{padding:14px;font-size:9px}.quiet-link>span,.solid-button>span{display:none!important}}


/* Brand marks: a restrained, image-led partner directory. */
.partner-rail .partner-logo-marquee{position:relative;overflow:hidden;margin:1.35rem 0 1.15rem;padding:5px 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.partner-rail .partner-logo-track,.partner-rail .partner-logo-track-copy{display:flex;align-items:stretch;gap:12px;width:max-content}
.partner-rail .partner-logo-track{will-change:transform;animation:dkb-brand-marquee 34s linear infinite}
.partner-rail .partner-logo-track-copy{margin-left:0}
@keyframes dkb-brand-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}
.partner-rail .partner-logo-marquee:hover .partner-logo-track,.partner-rail .partner-logo-marquee:focus-within .partner-logo-track{animation-play-state:paused}
.brand-logo-card{position:relative;display:grid;place-items:center;min-height:76px;padding:16px;border:1px solid rgba(29,31,28,.16);background:#fbfaf6;text-decoration:none;box-shadow:0 8px 22px rgba(28,31,26,.045);transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}
.brand-logo-card img{display:block;max-width:100%;width:100%;height:34px;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.9;transition:filter .28s ease,opacity .28s ease,transform .28s ease}
.brand-logo-card span{display:none;font:700 10px/1.1 var(--font-sans,Arial,sans-serif);letter-spacing:.11em;text-align:center;text-transform:uppercase}
.brand-logo-card:hover,.brand-logo-card:focus-visible{border-color:#314432;background:#fff;box-shadow:0 12px 26px rgba(28,31,26,.1);transform:translateY(-3px);outline:none}
.brand-logo-card:hover img,.brand-logo-card:focus-visible img{filter:grayscale(0) contrast(1);opacity:1;transform:scale(1.025)}
.partner-rail .brand-logo-card--marquee{flex:0 0 150px;width:150px;min-height:64px;padding:13px 16px}
.partner-rail .brand-logo-card--marquee img{height:28px}
.showroom-brands .brand-logo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.showroom-brands .brand-logo-card{min-height:82px;padding:17px 14px;background:#faf8f2;border-color:rgba(248,244,235,.22)}
.showroom-brands .brand-logo-card img{height:36px;filter:grayscale(1) contrast(1.16)}
.showroom-brands .brand-logo-card:hover,.showroom-brands .brand-logo-card:focus-visible{border-color:#dbe1d0;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.16)}
@media(max-width:980px){.showroom-brands .brand-logo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.partner-rail .partner-logo-track{animation-duration:30s}}
@media(max-width:640px){.partner-rail .partner-logo-marquee{margin-left:-8px;margin-right:-8px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}.partner-rail .brand-logo-card--marquee{flex-basis:132px;width:132px;min-height:58px;padding:11px 13px}.partner-rail .brand-logo-card--marquee img{height:25px}.showroom-brands .brand-logo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.showroom-brands .brand-logo-card{min-height:70px;padding:13px}.showroom-brands .brand-logo-card img{height:30px}}
@media(prefers-reduced-motion:reduce){.partner-rail .partner-logo-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.partner-rail .partner-logo-track{animation:none}.partner-rail .partner-logo-track-copy{display:none}.brand-logo-card,.brand-logo-card img{transition:none}}

.material-visual-library{padding:clamp(72px,10vw,150px) var(--page-pad,6vw);background:#e8e2d7;color:#20231e}.material-visual-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.72fr);gap:clamp(28px,6vw,100px);align-items:end;margin:0 auto clamp(28px,4vw,56px);max-width:1440px}.material-visual-heading h2{max-width:650px;margin:.1em 0 0}.material-visual-heading>p{max-width:420px;margin:0;color:#555c51;line-height:1.65}.material-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(230px,27vw);gap:clamp(10px,1.2vw,20px);max-width:1440px;margin:auto}.material-visual-card{position:relative;display:block;overflow:hidden;background:#6f706a;color:#fff;text-decoration:none}.material-visual-card--wide{grid-column:span 2}.material-visual-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.72,.2,1),filter .5s ease;filter:saturate(.82) contrast(.98)}.material-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,14,.04) 18%,rgba(14,18,14,.78) 100%)}.material-visual-copy{position:absolute;left:clamp(17px,2vw,30px);right:clamp(17px,2vw,30px);bottom:clamp(17px,2vw,28px);display:flex;flex-direction:column;align-items:flex-start;gap:7px}.material-visual-copy i{font:700 9px/1 var(--font-sans,Arial,sans-serif);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:#e0e8d7}.material-visual-copy strong{max-width:280px;font:400 clamp(18px,1.7vw,27px)/1.08 var(--font-serif,Georgia,serif);letter-spacing:-.02em}.material-visual-copy b{margin-top:5px;font:700 9px/1.1 var(--font-sans,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.material-visual-card:hover img,.material-visual-card:focus-visible img{transform:scale(1.055);filter:saturate(1) contrast(1.02)}.material-visual-card:hover .material-visual-copy b,.material-visual-card:focus-visible .material-visual-copy b{opacity:1;transform:none}.material-visual-card:focus-visible{outline:2px solid #fff;outline-offset:4px}.material-visual-note{max-width:1440px;margin:22px auto 0;color:#5f655a;font:600 11px/1.5 var(--font-sans,Arial,sans-serif);letter-spacing:.06em;text-transform:uppercase}.material-visual-library--showroom{background:#dcd3c4}.material-visual-library--showroom .material-visual-grid{grid-auto-rows:minmax(210px,22vw)}@media(max-width:860px){.material-visual-heading{grid-template-columns:1fr}.material-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(230px,48vw)}.material-visual-card--wide{grid-column:span 2}}@media(max-width:560px){.material-visual-library{padding:68px 24px}.material-visual-grid{gap:9px;grid-auto-rows:230px}.material-visual-copy strong{font-size:20px}.material-visual-copy b{display:none}.material-visual-note{font-size:9px}}@media(prefers-reduced-motion:reduce){.material-visual-card img,.material-visual-copy b{transition:none}.material-visual-card:hover img,.material-visual-card:focus-visible img{transform:none}}

/* Brand icon fallback: each partner is always visible with its official mark and name. */.brand-logo-card{grid-template-rows:34px auto;align-content:center;gap:10px}.brand-logo-card img{width:34px;max-width:34px;height:34px;object-fit:contain;filter:none;opacity:1}.brand-logo-card span{display:block!important;max-width:100%;font:700 9px/1.15 var(--font-sans,Arial,sans-serif);letter-spacing:.1em;text-align:center;text-transform:uppercase;color:#242824;white-space:normal}.brand-logo-card:hover img,.brand-logo-card:focus-visible img{filter:none;transform:scale(1.06)}.partner-rail .brand-logo-card--marquee{min-height:84px;padding:12px 10px;grid-template-rows:30px auto;gap:9px}.partner-rail .brand-logo-card--marquee img{width:30px;max-width:30px;height:30px}.partner-rail .brand-logo-card--marquee span{font-size:8px;letter-spacing:.09em}.showroom-brands .brand-logo-card{min-height:105px;grid-template-rows:38px auto;gap:12px}.showroom-brands .brand-logo-card img{width:38px;max-width:38px;height:38px;filter:none}.showroom-brands .brand-logo-card span{color:#22251f;font-size:9px}@media(max-width:640px){.partner-rail .brand-logo-card--marquee{min-height:78px}.showroom-brands .brand-logo-card{min-height:92px}}

/* Brand card palette 2026 */
.brand-logo-card{background:var(--dkb-brand-bg,#f5f1e9)!important;border-color:var(--dkb-brand-border,#cfc8ba)!important;border-radius:8px;box-shadow:0 10px 22px rgba(30,35,28,.10)!important}
.brand-logo-card img{filter:saturate(1.35) contrast(1.08)!important}
.brand-logo-card span{color:var(--dkb-brand-ink,#182018)!important}
.brand-logo-card:nth-child(7n+1){--dkb-brand-bg:#dce9de;--dkb-brand-border:#9bb49e;--dkb-brand-ink:#1d3522}
.brand-logo-card:nth-child(7n+2){--dkb-brand-bg:#f0e1d2;--dkb-brand-border:#d0b39c;--dkb-brand-ink:#493021}
.brand-logo-card:nth-child(7n+3){--dkb-brand-bg:#dbe7f0;--dkb-brand-border:#9db2c4;--dkb-brand-ink:#1b3547}
.brand-logo-card:nth-child(7n+4){--dkb-brand-bg:#e8deeb;--dkb-brand-border:#b8a4bd;--dkb-brand-ink:#392a40}
.brand-logo-card:nth-child(7n+5){--dkb-brand-bg:#ece6c9;--dkb-brand-border:#c6ba7f;--dkb-brand-ink:#3b351b}
.brand-logo-card:nth-child(7n+6){--dkb-brand-bg:#d9ecea;--dkb-brand-border:#94bdb6;--dkb-brand-ink:#153c39}
.brand-logo-card:nth-child(7n){--dkb-brand-bg:#f0dfdc;--dkb-brand-border:#ca9f98;--dkb-brand-ink:#4a2925}
.brand-logo-card:hover,.brand-logo-card:focus-visible{background:var(--dkb-brand-bg)!important;border-color:var(--dkb-brand-ink)!important;box-shadow:0 16px 31px rgba(30,35,28,.18)!important;transform:translateY(-4px) scale(1.025)}
.partner-rail .brand-logo-card--marquee{box-shadow:0 9px 18px rgba(30,35,28,.11)!important}

/* DKB signature palette for partner logos */
.brand-logo-card{--dkb-brand-bg:#f5efe4;--dkb-brand-border:#c9c1b2;--dkb-brand-ink:#20271f;background:var(--dkb-brand-bg)!important;border-color:var(--dkb-brand-border)!important;box-shadow:inset 3px 0 0 #324832,0 10px 22px rgba(30,35,28,.09)!important}
.brand-logo-card:nth-child(7n+1){--dkb-brand-bg:#f6f0e5;--dkb-brand-border:#c8bfae;--dkb-brand-ink:#1f271f}
.brand-logo-card:nth-child(7n+2){--dkb-brand-bg:#e2eadc;--dkb-brand-border:#a8b89e;--dkb-brand-ink:#263c27}
.brand-logo-card:nth-child(7n+3){--dkb-brand-bg:#e8e5dc;--dkb-brand-border:#beb8aa;--dkb-brand-ink:#273027}
.brand-logo-card:nth-child(7n+4){--dkb-brand-bg:#eef1e8;--dkb-brand-border:#b8c4ae;--dkb-brand-ink:#263929}
.brand-logo-card:nth-child(7n+5){--dkb-brand-bg:#f1ebdf;--dkb-brand-border:#d0c1a8;--dkb-brand-ink:#322f24}
.brand-logo-card:nth-child(7n+6){--dkb-brand-bg:#e1e8df;--dkb-brand-border:#aebba8;--dkb-brand-ink:#253526}
.brand-logo-card:nth-child(7n){--dkb-brand-bg:#ebe7db;--dkb-brand-border:#c7c1af;--dkb-brand-ink:#29302a}
.brand-logo-card:hover,.brand-logo-card:focus-visible{background:var(--dkb-brand-bg)!important;border-color:#314832!important;box-shadow:inset 3px 0 0 #314832,0 16px 31px rgba(30,35,28,.18)!important}


/* Compact partner logo rail 2026 */
.partner-rail .partner-logo-marquee{margin:.7rem 0 .65rem;padding:3px 0}
.partner-rail .partner-logo-track,.partner-rail .partner-logo-track-copy{gap:8px}
.partner-rail .brand-logo-card--marquee{flex-basis:128px;width:128px;min-height:64px;padding:8px;grid-template-rows:24px auto;gap:4px;border-radius:6px}
.partner-rail .brand-logo-card--marquee img{width:24px;max-width:24px;height:24px}
.partner-rail .brand-logo-card--marquee span{font-size:7px;line-height:1.08;letter-spacing:.075em}
.showroom-brands .brand-logo-card{min-height:88px;padding:12px;grid-template-rows:30px auto;gap:7px}
.showroom-brands .brand-logo-card img{width:30px;max-width:30px;height:30px}
.showroom-brands .brand-logo-card span{font-size:8px;letter-spacing:.08em}
@media(max-width:640px){.partner-rail .brand-logo-card--marquee{flex-basis:116px;width:116px;min-height:60px}.showroom-brands .brand-logo-card{min-height:78px}}



/* DKB final premium polish 2026 */
html{scroll-behavior:smooth;scroll-padding-top:104px}
::selection{background:#314832;color:#fff}
:focus-visible{outline:2px solid #314832!important;outline-offset:4px}
h1,h2{text-wrap:balance}
.eyebrow{color:#4c624d}
.solid-button,.contact-v2 .solid-button{position:relative;overflow:hidden;isolation:isolate;letter-spacing:.11em;transition:color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.solid-button:after,.contact-v2 .solid-button:after{content:"";position:absolute;z-index:-1;inset:0;background:#314832;transform:translateX(-102%);transition:transform .34s cubic-bezier(.25,.7,.2,1)}
.solid-button:hover,.solid-button:focus-visible,.contact-v2 .solid-button:hover,.contact-v2 .solid-button:focus-visible{color:#fff!important;border-color:#314832!important;box-shadow:0 10px 22px rgba(28,45,29,.17);transform:translateY(-2px)}
.solid-button:hover:after,.solid-button:focus-visible:after,.contact-v2 .solid-button:hover:after,.contact-v2 .solid-button:focus-visible:after{transform:none}
.quiet-link{font-weight:700;letter-spacing:.06em}
.quiet-link:after{transition:transform .28s ease}
.quiet-link:hover:after,.quiet-link:focus-visible:after{transform:translateX(4px)}
.material-visual-library,.partner-rail,.real-projects,.showroom-v2,.contact-v2{position:relative}
.material-visual-library:before{content:"";position:absolute;top:0;left:var(--page-pad,6vw);right:var(--page-pad,6vw);height:1px;background:rgba(49,72,50,.24)}
.material-visual-card{box-shadow:0 12px 30px rgba(27,31,25,.09)}
.material-visual-card:hover,.material-visual-card:focus-visible{box-shadow:0 18px 42px rgba(27,31,25,.18)}
.real-projects-grid figure,.project-photo-grid figure{box-shadow:0 12px 28px rgba(27,31,25,.07)}
.contact-v2{background-image:radial-gradient(circle at 88% 12%,rgba(126,153,119,.19),transparent 28%)}
@media(max-width:640px){html{scroll-padding-top:80px}.solid-button,.contact-v2 .solid-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.material-visual-library:before{left:24px;right:24px}.material-visual-card{box-shadow:0 8px 18px rgba(27,31,25,.09)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.solid-button,.contact-v2 .solid-button,.solid-button:after,.contact-v2 .solid-button:after,.quiet-link:after{transition:none!important}.solid-button:hover,.solid-button:focus-visible,.contact-v2 .solid-button:hover,.contact-v2 .solid-button:focus-visible{transform:none}}