/* ===== DIGITAL CLARITY 2026 — scoped brand CSS (dc- prefix, no global overrides) ===== */
:root{--dc-ink:#0b0b0e;--dc-cream:#faf9f5;--dc-box:#f1ede3;--dc-gold:#c9a13b;--dc-gold-deep:#a9832a;--dc-crimson:#b03a2e;--dc-body:#57575c;--dc-body-dark:#b9b9bf;--dc-head:#26262a;--dc-line:#e2ddd2;--dc-line-dark:#26262c}

/* type primitives */
.dc-eyebrow{font-family:'Source Sans 3',sans-serif!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.28em!important;text-transform:uppercase!important;color:var(--dc-gold)!important;line-height:1.6!important}
.dc-eyebrow.dc-muted{color:#9a958a!important}
.dc-dark .dc-eyebrow.dc-muted{color:#6d6d74!important}
.dc-h1,.dc-h2,.dc-h3,.dc-h4{font-family:'Lato',sans-serif!important;font-weight:300!important;line-height:1.12!important;letter-spacing:-.01em!important}
.dc-h1,.dc-h2,.dc-h3,.dc-h4{color:var(--dc-head)}
.dc-dark .dc-h2,.dc-dark .dc-h3,.dc-dark .dc-h4{color:#f4f2ec!important}
.dc-h1{color:#fff!important;font-size:clamp(46px,6.4vw,88px)!important;max-width:14ch}
.dc-h2{font-size:clamp(34px,4.4vw,58px)!important;max-width:20ch}
.dc-h2.dc-centered{margin-left:auto;margin-right:auto}
.dc-body,.dc-body p{font-family:'Source Sans 3',sans-serif;font-size:17px;line-height:1.65;color:var(--dc-body)}
.dc-dark .dc-body,.dc-dark .dc-body p{color:var(--dc-body-dark)}
.dc-link-gold a,a.dc-link-gold,.dc-link-gold .elementor-button{font-size:13px!important;font-weight:600!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--dc-gold-deep)!important}
.dc-dark .dc-link-gold a,.dc-dark .dc-link-gold .elementor-button{color:var(--dc-gold)!important}
.dc-num{font-family:'Lato',sans-serif!important;font-weight:300!important;font-size:15px!important;letter-spacing:.22em!important;color:var(--dc-gold-deep)!important}
.dc-dark .dc-num{color:var(--dc-gold)!important}

/* hero */
.dc-hero{position:relative;overflow:hidden;min-height:clamp(600px,84vh,860px)}
.dc-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,rgba(9,9,11,.95) 0%,rgba(12,11,13,.86) 32%,rgba(16,13,10,.5) 60%,rgba(21,16,10,.24) 100%),linear-gradient(0deg,rgba(5,5,6,.6) 0%,rgba(5,5,6,0) 40%)}
.dc-hero > .e-con-inner{position:relative;z-index:3}
.dc-hero-sub{max-width:520px}
.dc-hero-orbits{position:absolute!important;right:-4%;top:14%;width:520px;opacity:.45;pointer-events:none;z-index:2}
.dc-kenburns .elementor-background-video-container video,.dc-kenburns img{animation:dc-kenburns 26s ease-in-out infinite alternate}
@keyframes dc-kenburns{from{transform:scale(1)}to{transform:scale(1.08)}}

/* marquee */
.dc-marquee{background:var(--dc-cream);border-bottom:1px solid var(--dc-line);overflow:hidden;padding:30px 0;display:flex;align-items:center;gap:48px}
.dc-marquee .dc-mq-label{flex:0 0 auto;padding-left:40px;font-size:12px;letter-spacing:.26em;color:#9a958a;text-transform:uppercase;white-space:nowrap}
.dc-mq-viewport{overflow:hidden;flex:1 1 auto}
.dc-mq-track{display:flex;gap:72px;align-items:center;width:max-content;animation:dc-slide 40s linear infinite}
.dc-mq-track img{height:38px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .3s,opacity .3s}
.dc-mq-track img:hover{filter:none;opacity:1}
@keyframes dc-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.dc-mq-track{animation:none}.dc-kenburns img,.dc-kenburns .elementor-background-video-container video{animation:none}}

/* 3 columns */
.dc-cols3 > .e-con-inner > .e-con,.dc-cols3 > .e-con{padding:0 34px;border-left:1px solid var(--dc-line)}
.dc-cols3 > .e-con-inner > .e-con:first-child,.dc-cols3 > .e-con:first-child{padding-left:0;border-left:0}
.dc-dark .dc-cols3 > .e-con-inner > .e-con,.dc-dark .dc-cols3 > .e-con{border-color:var(--dc-line-dark)}
.dc-cols3 .dc-h3{font-size:28px!important}
.dc-rows .dc-h3{font-size:32px!important}
.dc-team .dc-h3{font-size:32px!important}
.dc-cards2 .dc-h3{font-size:34px!important}
.dc-stage .dc-h3{font-size:40px!important}
.dc-article .dc-h3{font-size:27px!important}
.dc-work .dc-h3{font-size:clamp(32px,3.4vw,48px)!important}
.dc-steps .dc-h4{font-size:26px!important}

/* stats */
.dc-stats{border-top:1px solid var(--dc-line)}
.dc-stats > .e-con-inner > .e-con,.dc-stats > .e-con{padding:44px 34px 60px;border-left:1px solid var(--dc-line)}
.dc-stats > .e-con-inner > .e-con:first-child,.dc-stats > .e-con:first-child{padding-left:0;border-left:0;position:relative}
.dc-stats > .e-con-inner > .e-con:first-child::before,.dc-stats > .e-con:first-child::before{content:"";position:absolute;top:-1px;left:0;width:220px;border-top:2px solid var(--dc-gold)}
.dc-big{font-family:'Lato',sans-serif!important;font-weight:300!important;font-size:62px!important;color:var(--dc-head)!important;line-height:1!important}
.dc-stats-dark .dc-big{font-size:52px!important;line-height:1.05!important}
.dc-cap{font-size:16px!important}

/* rows */
.dc-rows{border-top:1px solid var(--dc-line-dark)}
.dc-row{border-bottom:1px solid var(--dc-line-dark)}
.dc-roman{font-family:'Lato',sans-serif!important;font-style:italic!important;font-weight:300!important;font-size:30px!important;color:var(--dc-gold)!important}

/* cta */
.dc-cta{position:relative;overflow:hidden}
.dc-cta-orbits{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);width:900px;opacity:.5;pointer-events:none;z-index:0}
.dc-cta > .e-con-inner{position:relative;z-index:2}

/* misc */
.dc-pull{font-family:'Lato',sans-serif!important;font-style:italic!important;font-weight:300!important;font-size:clamp(22px,2.4vw,30px)!important;color:#8b867a!important;max-width:640px}
.dc-dark .dc-pull{color:#a8a396!important}
.dc-role{font-size:12.5px!important;font-weight:600!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--dc-gold-deep)!important}
.dc-portrait img{height:430px;width:100%;object-fit:cover}
.dc-clients img{max-height:56px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.65;transition:.3s}
.dc-clients img:hover{filter:none;opacity:1}

@media(max-width:1080px){
  .dc-cols3 > .e-con-inner > .e-con,.dc-cols3 > .e-con{padding:0 24px}
}
@media(max-width:840px){
  .dc-hero{min-height:clamp(480px,88vh,640px)}
  .dc-hero-orbits{width:320px;opacity:.3}
  .dc-hero-sub{max-width:100%}
  .dc-cols3 > .e-con-inner > .e-con,.dc-cols3 > .e-con,
  .dc-stats > .e-con-inner > .e-con,.dc-stats > .e-con{border-left:0!important;padding-left:0!important;padding-right:0!important;padding-top:28px;border-top:1px solid var(--dc-line)}
  .dc-marquee .dc-mq-label{display:none}
  .dc-hero::after{background:linear-gradient(180deg,rgba(9,9,11,.9) 0%,rgba(9,9,11,.8) 45%,rgba(9,9,11,.5) 100%),linear-gradient(100deg,rgba(9,9,11,.65) 0%,rgba(9,9,11,.15) 100%)}
}