#kb-site-preview .design-services-page { --service-paper: #f5f2f5; }
#kb-site-preview .service-hero {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(32px,5vw,80px) clamp(24px,5vw,80px) 34px;}
#kb-site-preview .service-hero h1 {font:400 clamp(40px,4.5vw,70px)/1.08 'playfair display',serif;letter-spacing:-.035em;}
#kb-site-preview .service-hero-copy p {max-width:530px;font-size:17px;}
#kb-site-preview .service-hero-copy .kicker {font-size:11px;}
#kb-site-preview .design-services-page .actions {margin-top:26px;}
#kb-site-preview .service-figure {min-width:0;}
#kb-site-preview .service-figure .gallery-open {display:block;width:100%;padding:0;border:1px solid #e6e0e8;background:#fff;cursor:zoom-in;}
#kb-site-preview .service-figure .gallery-open img {width:100%;height:auto;max-height:none;object-fit:contain;}
#kb-site-preview .service-figure .gallery-open span {padding:10px 14px;font-size:12px;background:#f5f2f5;}
#kb-site-preview .service-figure figcaption {font-size:12px;line-height:1.6;padding-top:10px;}
#kb-site-preview .service-jump {display:flex;gap:10px 28px;flex-wrap:wrap;padding:18px clamp(24px,5vw,80px);border-block:1px solid #e3dce6;background:#fff;}
#kb-site-preview .service-jump a {font-family:signika,sans-serif;font-size:13px;min-height:44px;display:flex;align-items:center;text-decoration:none;}
#kb-site-preview .service-jump a:hover {text-decoration:underline;}
#kb-site-preview .service-section {padding:clamp(42px,6vw,88px) clamp(24px,5vw,80px);scroll-margin-top:24px;}
#kb-site-preview .service-heading {max-width:780px;margin-bottom:36px;}
#kb-site-preview .service-section h2 {font:400 clamp(31px,3.5vw,48px)/1.17 'playfair display',serif;letter-spacing:-.02em;}
#kb-site-preview .service-section h3 {font-size:25px;}
#kb-site-preview .service-routes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;}
#kb-site-preview .service-routes>div {border-top:1px solid #b9a9c1;padding-top:18px;}
#kb-site-preview .service-number {display:block;color:#8c749c;font-size:12px;letter-spacing:.12em;margin-bottom:22px;}
#kb-site-preview .service-routes p {font-size:16px;}
#kb-site-preview .service-paper {background:var(--service-paper);}
#kb-site-preview .service-deliverables {margin:0;}
#kb-site-preview .service-deliverables>div {display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:36px;border-top:1px solid #ded5e3;padding:22px 0;}
#kb-site-preview .service-deliverables>div:last-child {border-bottom:1px solid #ded5e3;}
#kb-site-preview .service-deliverables dt {font-size:20px;line-height:1.4;}
#kb-site-preview .service-deliverables dd {margin:0;color:#515151;font-size:16px;}
#kb-site-preview .service-drawing-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start;}
#kb-site-preview .service-drawing-pair h3 span {font:400 12px/1 signika,sans-serif;color:#8c749c;display:block;margin-bottom:12px;}
#kb-site-preview .service-drawing-pair>div>p {margin-top:18px;}
#kb-site-preview .service-technical {display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:38px;align-items:center;border-block:1px solid #e3dce6;margin:42px 0;padding:36px 0;}
#kb-site-preview .service-detail-intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:center;margin-bottom:30px;scroll-margin-top:24px;}
#kb-site-preview .service-detail-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
#kb-site-preview .service-more-detail {margin-top:32px;border-block:1px solid #e3dce6;}
#kb-site-preview .service-more-detail summary,#kb-site-preview .service-faq summary {cursor:pointer;padding:20px 0;font-size:18px;}
#kb-site-preview .service-more-detail[open]>.service-drawing-pair {padding:0 0 24px;}
#kb-site-preview .service-small {font-size:13px;line-height:1.65;}
#kb-site-preview .service-drawing-note {max-width:850px;margin:24px 0 0;}
#kb-site-preview .service-budget {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;background:#3c144c;color:#fff;}
#kb-site-preview .service-budget p,#kb-site-preview .service-budget .kicker {color:#fff;}
#kb-site-preview .service-process {list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:service-stage;margin:32px 0;}
#kb-site-preview .service-process li {counter-increment:service-stage;border-top:1px solid #b9a9c1;padding-top:18px;}
#kb-site-preview .service-process li::before {content:'0' counter(service-stage);display:block;color:#8c749c;font-size:12px;margin-bottom:18px;}
#kb-site-preview .service-process h3 {font-family:signika,sans-serif;font-size:20px;line-height:1.3;}
#kb-site-preview .service-process p {font-size:15px;}
#kb-site-preview .service-release {background:#eee7f1;border-left:4px solid #8c749c;padding:26px 30px;margin:30px 0;}
#kb-site-preview .service-release h3 {font:400 23px/1.3 'playfair display',serif;}
#kb-site-preview .service-release p {margin:0;max-width:940px;}
#kb-site-preview .service-scope-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin:38px 0 18px;}
#kb-site-preview .service-scope-grid h3 {font:400 21px/1.3 signika,sans-serif;}
#kb-site-preview .service-faq {border-bottom:1px solid #e3dce6;}
#kb-site-preview .service-faq p {max-width:850px;padding-bottom:6px;}
#kb-site-preview .service-projects {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
#kb-site-preview .service-projects .picture-link img {aspect-ratio:1.5;object-fit:cover;}
#kb-site-preview .service-projects .picture-link .kicker {font-size:11px;margin:20px 0 10px;}
#kb-site-preview .service-cta {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:44px;text-align:left;}
#kb-site-preview .service-cta p {max-width:590px;margin:0 0 18px;}
#kb-site-preview .service-cta .actions {justify-content:flex-start;}
#kb-site-preview .design-services-page :focus-visible {outline:3px solid #8c749c;outline-offset:5px;}
@media (min-width:1700px) {#kb-site-preview .design-services-page {max-width:1600px;margin:auto;}}
@media (max-width:1000px) {
  #kb-site-preview .service-hero {grid-template-columns:1fr;}
  #kb-site-preview .service-hero-copy {max-width:760px;}
  #kb-site-preview .service-hero-copy p {max-width:680px;}
  #kb-site-preview .service-process {grid-template-columns:repeat(2,minmax(0,1fr));}
  #kb-site-preview .service-technical {grid-template-columns:1fr;}
  #kb-site-preview .service-technical>div {max-width:720px;}
}
@media (max-width:700px) {
  #kb-site-preview .service-routes,#kb-site-preview .service-deliverables>div,#kb-site-preview .service-drawing-pair,#kb-site-preview .service-detail-intro,#kb-site-preview .service-detail-grid,#kb-site-preview .service-budget,#kb-site-preview .service-process,#kb-site-preview .service-scope-grid,#kb-site-preview .service-projects {grid-template-columns:1fr;gap:24px;}
  #kb-site-preview .service-deliverables>div {gap:9px;}
  #kb-site-preview .service-jump {gap:2px 20px;}
  #kb-site-preview .service-jump a {font-size:12px;}
  #kb-site-preview .service-number {margin-bottom:12px;}
  #kb-site-preview .service-process {gap:14px;}
  #kb-site-preview .service-process li::before {margin-bottom:12px;}
  #kb-site-preview .service-release {padding:23px;}
  #kb-site-preview .service-cta {grid-template-columns:1fr;text-align:left;}
  #kb-site-preview .service-cta .actions {justify-content:flex-start;}
}

#kb-site-preview .service-cta .consultation-photograph {width:min(100%,380px);justify-self:center;}