/* Approved visual direction across the inner pages, October 2026.
   Artwork is decorative. Text, figures, forms and client proof remain HTML. */
.dc-hero-page,.dc-service-index,.dc-faq-search-section,.dc-contact,.dc-hero-utility,.dc-hero-case,.dc-success{padding-top:128px}
.dc-page-art{position:relative;isolation:isolate;overflow:hidden;margin:0;background:#dce5f2;min-width:0}
.dc-page-art img{display:block;width:100%;object-fit:cover}
.dc-page-art figcaption{position:absolute;inset:auto 0 0;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:34px 20px 18px;background:linear-gradient(transparent,rgba(6,18,42,.88));color:#fff;font:500 11px/1.5 var(--font-body);letter-spacing:.1em;text-transform:uppercase}
.dc-page-art figcaption>span:last-child{font-size:24px;line-height:1}
.dc-page-art--side{grid-column:8/span 5;align-self:stretch;min-height:320px;border-bottom:3px solid var(--dc-blue)}
.dc-page-art--side img{position:absolute;inset:0;height:100%;object-position:25% center}
.dc-page-art--side.dc-page-art--connections img{object-position:18% center}
.dc-page-art--side.dc-page-art--focus img{object-position:10% center}
.dc-page-art--side.dc-page-art--project{padding:24px;background:#dce5f2;min-height:360px}
.dc-page-art--side.dc-page-art--project img{inset:24px;width:calc(100% - 48px);height:calc(100% - 72px);object-fit:contain;object-position:top center;filter:drop-shadow(0 10px 14px #0e284826)}
.dc-has-page-art.dc-hero-page__grid .dc-hero-page__main{grid-column:1/span 7}
.dc-page-art--compact{margin-top:24px}
.dc-page-art--compact img{height:210px}
.dc-page-art--wide img{height:clamp(200px,25vw,360px)}
.dc-page-art--ribbon{margin:32px 0 40px}
.dc-page-art--ribbon img{height:180px;object-position:center 54%}
.dc-art-break{padding:0 0 clamp(32px,5vw,64px);background:var(--dc-paper)}

/* Alternating editorial chapters give long service and location pages rhythm. */
.dc-capability-rows:nth-of-type(even),.dc-why-list,.dc-prices{background:#eaf0f8}
.dc-capability-rows:nth-of-type(even) .dc-cap-row{border-color:#cbd5e4}
.dc-problems{background:#f3f5f8}
.dc-problems__panel{box-shadow:12px 12px 0 #dce5f2}
.dc-steps{background-color:#eaf0f8;background-image:radial-gradient(#b5c5e0 .75px,transparent .75px);background-size:18px 18px}
.dc-step{background:rgba(246,248,252,.96);padding:24px;border-top:2px solid var(--dc-blue)}
.dc-price-cell .dc-service-graphic{margin:0 0 6px;padding:0;background:transparent;border:0;align-self:flex-start;width:110px}
.dc-price-cell .dc-service-graphic svg{height:74px}
.dc-price-cell{border-top:3px solid #c0cee5;box-shadow:0 7px 20px #0e284808}
.dc-price-cell--sendiq{border-top-color:var(--dc-blue)}
.dc-price-cell:hover{border-top-color:var(--dc-blue)}
.dc-three-columns .dc-col{border-top:3px solid var(--dc-blue)}
.dc-inline-cta__panel{background-image:repeating-linear-gradient(110deg,transparent 0 60px,#ffffff09 61px 62px)}

/* People and case studies: keep real identity and project imagery distinct
   from decorative artwork. No generated faces or made-up client photographs. */
.dc-founder__media.is-typographic{background:#111c36 url('../images/connections-768.webp') center/cover}
.dc-founder__media.is-typographic .dc-founder__mono{position:relative;padding:14px 18px;background:#0e0f12;color:#fff}
.dc-founder-section{background:#eaf0f8}
.dc-principles{background:#edf0f4}
.dc-timeline.is-style-dc-ink,.dc-fact-grid.is-style-dc-ink,.dc-hero-case.is-style-dc-ink,.dc-mix.is-style-dc-ink,.dc-ask-section.is-style-dc-ink{background-color:#111c36;background-image:radial-gradient(ellipse at 95% 5%,#2f5bff30,transparent 60%),linear-gradient(#9bb4ff0c 1px,transparent 1px),linear-gradient(90deg,#9bb4ff0c 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
.dc-work-card__media.is-fallback{background-color:#2f5bff;background-image:repeating-radial-gradient(ellipse at 100% 120%,transparent 0 36px,#ffffff2b 37px 38px,transparent 39px 74px)}
.dc-work-card__media:not(.is-fallback){padding:clamp(12px,2vw,28px);background:#dce5f2}
.dc-work-card__media:not(.is-fallback) img{box-shadow:0 12px 28px #0e28482b}
.dc-case-hero-media{background:#dce5f2}
.dc-case-hero-media .dc-media{padding:clamp(16px,3vw,44px);background:#dce5f2}
.dc-chapter{border-left:2px solid #c4d2eb;padding-left:clamp(18px,3vw,36px)}
.dc-chapter__label{position:relative}
.dc-chapter__label::before{content:'';position:absolute;width:10px;height:10px;background:var(--dc-blue);left:calc(-1 * clamp(18px,3vw,36px) - 6px);top:4px}

/* Contact and utility pages retain calm, uncluttered reading/form surfaces. */
.dc-contact,.dc-success,.dc-faq-search-section,.dc-hero-utility{background-color:#edf0f4;background-image:linear-gradient(90deg,#2f5bff09 1px,transparent 1px),linear-gradient(#2f5bff09 1px,transparent 1px);background-size:72px 72px}
.dc-flow__aside::before{content:'';display:block;width:100%;height:180px;margin-bottom:24px;background:#111c36 url('../images/connections-768.webp') center/cover;border-bottom:3px solid var(--dc-blue)}
.dc-flow__main,.dc-audit__form{background:rgba(255,255,255,.86);padding:clamp(20px,3vw,36px);border-top:3px solid var(--dc-blue)}
.dc-faq-search__card{border-top:3px solid var(--dc-signal-blue)}
.dc-faq-search__card::before{content:'?';font:800 64px/.9 var(--font-display);color:var(--dc-signal-blue);margin-bottom:8px}
.dc-success>.dc-frame{position:relative}
.dc-success .dc-success__steps{padding:24px;background:rgba(255,255,255,.9);border-left:3px solid var(--dc-blue)}
.dc-hero-utility{border-bottom:3px solid var(--dc-blue)}
.dc-hero-utility+.dc-prose-section .dc-prose{background:#fff;padding:clamp(20px,3vw,40px);border-top:1px solid #d5ddec}
.dc-toc{border-left:2px solid #c4d2eb}
.dc-hero-page--plain{background-image:repeating-radial-gradient(ellipse at 100% 0,transparent 0 40px,#2f5bff12 41px 42px,transparent 43px 80px)}

@media(max-width:1099px){.dc-page-art--side{min-height:280px}}
@media(max-width:759px){
 .dc-hero-page,.dc-service-index,.dc-faq-search-section,.dc-contact,.dc-hero-utility,.dc-hero-case,.dc-success{padding-top:96px}
 .dc-has-page-art.dc-hero-page__grid .dc-hero-page__main,.dc-page-art--side{grid-column:1/-1}
 .dc-page-art--side{height:220px;min-height:0}
 .dc-page-art--side.dc-page-art--project{min-height:260px}
 .dc-page-art--side img{object-position:center}
 .dc-page-art--side.dc-page-art--connections img,.dc-page-art--side.dc-page-art--focus img{object-position:center}
 .dc-page-art--compact img{height:190px}
 .dc-page-art--ribbon img{height:140px}
 .dc-page-art figcaption{font-size:10px;padding:30px 16px 14px}
 .dc-flow__aside::before{height:140px}
 .dc-step{padding:20px}
 .dc-hero-utility+.dc-prose-section .dc-prose{padding:20px}
}