/* Monochrome off-white + one complementary blue. Loaded after home2.css and only overrides colour. */
:root{--bg:#F5F3EE;--bg2:#EAE7E0;--ink:#1B1B19;--mute:#64615B;--line:rgba(27,27,25,.14);--gold:#2B4A6F;--cream:#EAE7E0}

.mark img{filter:none}
.top.solid{background:rgba(245,243,238,.86)}

.hero .lead{color:var(--mute)}
.hero::after{background:linear-gradient(180deg,rgba(245,243,238,.25) 0%,rgba(245,243,238,.05) 35%,rgba(245,243,238,.9) 100%)}
@media(max-width:600px){
  .hero::after{background:linear-gradient(180deg,rgba(245,243,238,.2) 0%,rgba(245,243,238,0) 25%,rgba(245,243,238,.8) 55%,var(--bg) 72%)}
}
@media(min-width:901px){
  .hero::after{background:linear-gradient(90deg,var(--bg) 40%,rgba(245,243,238,.6) 52%,rgba(245,243,238,0) 70%),linear-gradient(180deg,rgba(245,243,238,.3),transparent 25%,transparent 75%,rgba(245,243,238,.6))}
}

.cursor i,.cursor.link i{mix-blend-mode:normal;background:var(--ink)}
.cursor.link i{opacity:.35}
.cursor-label{color:#F5F3EE}

/* text that sits on photos stays light */
.fi .tag{color:#F5F3EE}
.hs-card{color:#F5F3EE}
.hs-card .eyebrow,.hs-card .go{color:#C9D6E6}
.pg-item figcaption{background:rgba(27,27,25,.72);color:#F5F3EE}

.marquee .track span::after{color:var(--gold)}

.clients{background:var(--bg2);color:var(--ink)}
.clients .eyebrow{color:var(--gold)}
.logo-row{border-color:var(--line)}
.lg{border-color:var(--line)}

.contact::before{background:radial-gradient(520px circle at var(--mx,50%) var(--my,35%),rgba(43,74,111,.09),transparent 65%)}
.big-marquee .track span{-webkit-text-stroke:1px rgba(27,27,25,.28)}

.lb{background:rgba(245,243,238,.97)}

.grain{opacity:.035;filter:invert(1)}