:root{--alt-ink:#101011;--alt-paper:#f3f1ec;--alt-lime:#d8ff43;--alt-blue:#4557ef;--alt-line:rgba(16,16,17,.2);--alt-mono:"DM Mono",monospace;--alt-sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--alt-paper);color:var(--alt-ink);font:400 16px/1.5 var(--alt-sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}.alt-header{position:absolute;z-index:20;top:0;left:0;right:0;height:6.7rem;padding:0 3.2vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--alt-line)}.alt-wordmark{width:max-content;font:800 clamp(1.36rem,1.8275vw,2.1675rem)/1 var(--alt-sans);letter-spacing:-.075em}.alt-header nav{display:flex;gap:2.5rem;font:400 .78rem var(--alt-mono);text-transform:uppercase;letter-spacing:.04em}.alt-header nav a,.alt-header-cta{position:relative}.alt-header nav a:after,.alt-header-cta:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-.35rem;background:currentColor;transition:right .25s ease}.alt-header nav a:hover:after,.alt-header-cta:hover:after{right:0}.alt-header-cta{justify-self:end;font:500 .78rem var(--alt-mono);text-transform:uppercase}.alt-menu,.alt-mobile-nav{display:none}.alt-hero{position:relative;min-height:100svh;padding:9.2rem 3.2vw 3rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#fff}.alt-hero-top,.alt-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2;font:400 .73rem var(--alt-mono);text-transform:uppercase;letter-spacing:.055em}.alt-spelled{position:absolute;top:8rem;left:3.2vw;right:3.2vw;margin:0;text-align:center;font:500 clamp(.75rem,1vw,1rem) var(--alt-mono);text-transform:lowercase;letter-spacing:clamp(.3rem,1.35vw,1.7rem);white-space:nowrap}.alt-spelled sup{letter-spacing:0}.alt-hero h1{position:relative;z-index:2;margin:10vh 0 6vh;font:700 clamp(4rem,10.2vw,10.6rem)/.82 var(--alt-sans);letter-spacing:-.087em;max-width:88rem}.alt-hero h1 em,.alt-belief h2 em,.alt-section-head h2 em,.alt-people h2 em,.alt-contact h2 em{font-family:Georgia,serif;font-weight:400}.alt-hero-bottom p{max-width:39rem;margin:0;font:500 clamp(1.2rem,1.8vw,1.8rem)/1.3 var(--alt-sans);text-transform:none;letter-spacing:-.025em}.alt-hero-bottom a{border-bottom:1px solid;padding-bottom:.2rem}.alt-orbit{position:absolute;right:-9vw;top:19%;width:min(39vw,37rem);aspect-ratio:1;border:1px solid rgba(16,16,17,.28);border-radius:50%;display:grid;place-items:center;transform:rotate(-9deg)}.alt-orbit:before,.alt-orbit:after{content:"";position:absolute;inset:13%;border:1px solid rgba(16,16,17,.19);border-radius:50%}.alt-orbit:after{inset:29%}.alt-kicker{font:400 .74rem var(--alt-mono);text-transform:uppercase;letter-spacing:.07em}.alt-belief{padding:10rem 3.2vw;display:grid;grid-template-columns:1fr 2fr;gap:3rem;background:var(--alt-ink);color:var(--alt-paper)}.alt-belief h2,.alt-section-head h2{margin:0;font:600 clamp(3.4rem,6.4vw,7rem)/.92 var(--alt-sans);letter-spacing:-.065em}.alt-belief p{max-width:43rem;margin:3rem 0 0 25%;font-size:1.15rem;color:#c7c1ba}.alt-work{padding:10rem 3.2vw}.alt-section-head{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;margin-bottom:7rem}.alt-section-head p{max-width:35rem;font-size:1.12rem;margin:2rem 0 0}.alt-case{display:block;margin-bottom:8rem}.alt-case figure{position:relative;margin:0;background:#d7d2ca;overflow:hidden;aspect-ratio:4/5}.alt-case-wide figure{aspect-ratio:16/8}.alt-case-landscape figure{aspect-ratio:16/9}.alt-case figure:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.18),transparent 38%);pointer-events:none}.alt-case img{height:100%;object-fit:cover;filter:saturate(.82);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}.alt-case:hover img{transform:scale(1.025);filter:saturate(1)}.alt-case figure>span{position:absolute;z-index:2;left:1.25rem;bottom:1rem;padding:.45rem .65rem;background:rgba(16,16,17,.82);color:#fff;font:400 .65rem var(--alt-mono);text-transform:uppercase;letter-spacing:.05em}.alt-case-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;padding:1.25rem 0;border-bottom:1px solid var(--alt-line);font:400 .75rem var(--alt-mono);text-transform:uppercase}.alt-case-meta b{font-weight:400}.alt-case-pair{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}.alt-case-offset{margin-top:13rem}.alt-proof{padding:8rem 3.2vw;background:var(--alt-blue);color:white}.alt-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4rem;border-top:1px solid rgba(255,255,255,.28)}.alt-proof article{min-height:20rem;padding:2rem 2rem 2rem 0;border-right:1px solid rgba(255,255,255,.28);display:flex;flex-direction:column;justify-content:space-between}.alt-proof article+article{padding-left:2rem}.alt-proof strong{font:700 clamp(4.7rem,8.5vw,9rem)/1 var(--alt-sans);letter-spacing:-.075em}.alt-proof p{max-width:18rem;margin:0;font-size:1rem}.alt-services{padding:10rem 3.2vw;background:var(--alt-paper)}.alt-service-list{margin-left:33.333%;border-top:1px solid var(--alt-ink)}.alt-service-list a{display:grid;grid-template-columns:4rem 1.1fr 1fr auto;gap:1.5rem;align-items:center;min-height:9.5rem;border-bottom:1px solid var(--alt-line)}.alt-service-list span{font:400 .7rem var(--alt-mono)}.alt-service-list strong{font:600 clamp(1.55rem,2.7vw,3rem)/1 var(--alt-sans);letter-spacing:-.05em}.alt-service-list p{max-width:28rem;color:#595454}.alt-service-list b{font:400 1.7rem var(--alt-mono);transition:transform .25s ease}.alt-service-list a:hover b{transform:translate(5px,-5px)}.alt-people{display:grid;grid-template-columns:1.05fr .95fr;min-height:52rem;background:#dfd8ce}.alt-people-image{min-height:52rem;overflow:hidden}.alt-people-image img{height:100%;object-fit:cover}.alt-people-copy{padding:7rem 5vw;display:flex;flex-direction:column;justify-content:center}.alt-people h2{font:600 clamp(3rem,5.2vw,6rem)/.92 var(--alt-sans);letter-spacing:-.065em;margin:2.4rem 0}.alt-people p{max-width:34rem;font-size:1.1rem}.alt-people-copy>a{width:max-content;margin-top:2rem;font:500 .78rem var(--alt-mono);text-transform:uppercase;border-bottom:1px solid}.alt-contact{padding:7rem 3.2vw 2.5rem;background:var(--alt-ink);color:var(--alt-paper)}.alt-contact-top{display:flex;justify-content:space-between;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.25)}.alt-contact-top a{font:400 .82rem var(--alt-mono)}.alt-contact h2{font:600 clamp(4.8rem,11.5vw,12.5rem)/.78 var(--alt-sans);letter-spacing:-.085em;margin:7rem 0 9rem}.alt-contact h2 em{color:var(--alt-lime)}.alt-footer{display:grid;grid-template-columns:1fr .7fr 1.3fr;gap:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.25);font:400 .72rem/1.65 var(--alt-mono);text-transform:uppercase}.alt-footer p{margin:0}.reveal-alt{opacity:0;transform:translateY(2.2rem);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-alt.is-visible{opacity:1;transform:none}@media(max-width:800px){.alt-header{height:5.2rem;padding:0 1.25rem;grid-template-columns:1fr auto}.alt-wordmark{font-size:1.36rem}.alt-header nav,.alt-header-cta{display:none}.alt-menu{display:block;border:0;background:transparent;font:500 .75rem var(--alt-mono);text-transform:uppercase}.alt-mobile-nav{position:absolute;top:5.2rem;left:0;right:0;padding:1.5rem 1.25rem;background:var(--alt-paper);border-bottom:1px solid var(--alt-line)}.alt-mobile-nav.open{display:grid;gap:1rem}.alt-hero{min-height:50rem;padding:7.2rem 1.25rem 2rem}.alt-hero-top span:last-child{display:none}.alt-spelled{top:6.3rem;left:1.25rem;right:1.25rem;letter-spacing:.45rem;font-size:.62rem}.alt-hero h1{font-size:16.5vw;margin:8rem 0 4rem}.alt-hero-bottom{display:block}.alt-hero-bottom p{font-size:1.05rem;margin-bottom:2rem;max-width:80%}.alt-orbit{width:70vw;right:-35vw;top:27%}.alt-belief,.alt-section-head{grid-template-columns:1fr}.alt-belief{padding:6rem 1.25rem}.alt-belief h2,.alt-section-head h2{font-size:13vw}.alt-belief p{margin:2rem 0 0}.alt-work,.alt-services{padding:6rem 1.25rem}.alt-section-head{margin-bottom:4rem}.alt-case,.alt-case-wide,.alt-case-landscape{margin-bottom:5rem}.alt-case figure,.alt-case-wide figure,.alt-case-landscape figure{aspect-ratio:4/5}.alt-case-pair{grid-template-columns:1fr;gap:0}.alt-case-offset{margin-top:0}.alt-case-meta{grid-template-columns:1fr auto;gap:.6rem}.alt-case-meta span:nth-child(2){grid-column:1/-1;grid-row:2}.alt-case-meta b{grid-column:2;grid-row:1}.alt-proof{padding:5rem 1.25rem}.alt-proof-grid{grid-template-columns:1fr}.alt-proof article{min-height:14rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.28);padding:1.5rem 0}.alt-proof article+article{padding-left:0}.alt-service-list{margin-left:0}.alt-service-list a{grid-template-columns:2.2rem 1fr auto;gap:1rem;padding:1.4rem 0}.alt-service-list p{grid-column:2/-1;margin:0}.alt-people{grid-template-columns:1fr}.alt-people-image{min-height:32rem}.alt-people-copy{padding:5rem 1.25rem}.alt-contact{padding:5rem 1.25rem 2rem}.alt-contact-top{display:block}.alt-contact-top a{display:block;margin-top:1.5rem}.alt-contact h2{font-size:18vw;margin:6rem 0}.alt-footer{grid-template-columns:1fr 1fr}.alt-footer p:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-alt{opacity:1;transform:none;transition:none}.alt-case img{transition:none}}

.alt-clients{padding:9rem 3.2vw;background:#d8ff43;color:#101011}.alt-clients-intro{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;margin-bottom:5rem}.alt-clients-intro h2{margin:0;font:600 clamp(3rem,5.8vw,6.7rem)/.94 "Manrope",sans-serif;letter-spacing:-.065em}.alt-clients-intro h2 em{font-family:Georgia,serif;font-weight:400}.alt-client-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(16,16,17,.3);border-left:1px solid rgba(16,16,17,.3)}.alt-client-grid>div{min-height:12.5rem;padding:2rem;display:grid;place-items:center;text-align:center;border-right:1px solid rgba(16,16,17,.3);border-bottom:1px solid rgba(16,16,17,.3);transition:background .25s ease,color .25s ease}.alt-client-grid>div:hover{background:#101011;color:#f3f1ec}.alt-client-grid span{display:block;line-height:1}.client-canon{font:500 clamp(1.7rem,2.6vw,3rem) Arial,sans-serif;letter-spacing:-.055em}.client-canon b{display:block;font-size:.48em;font-weight:500;letter-spacing:.28em;text-transform:uppercase;margin-top:.45rem}.client-chichester{font:400 clamp(1.25rem,2vw,2.2rem) Georgia,serif;line-height:.9!important}.client-chichester b{font-weight:700}.client-rspca{font:800 clamp(2.6rem,4.4vw,5rem) "Manrope",sans-serif;letter-spacing:-.085em}.client-rhokett{font:400 clamp(2.3rem,3.7vw,4.2rem) Georgia,serif;font-style:italic;letter-spacing:-.05em}.client-woodhart{font:700 clamp(1.5rem,2.6vw,2.8rem) "Manrope",sans-serif;letter-spacing:.08em}.client-woodhart b{font:500 .48em "DM Mono",monospace;letter-spacing:.45em}.client-oakcrofts{font:500 clamp(1.45rem,2.4vw,2.65rem) "DM Mono",monospace;letter-spacing:.24em}.alt-clients-note{max-width:42rem;margin:2rem 0 0 auto;font:400 .75rem/1.6 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.045em}@media(max-width:800px){.alt-clients{padding:5.5rem 1.25rem}.alt-clients-intro{grid-template-columns:1fr;gap:2rem;margin-bottom:3.5rem}.alt-clients-intro h2{font-size:12.5vw}.alt-client-grid{grid-template-columns:repeat(2,1fr)}.alt-client-grid>div{min-height:9rem;padding:1.25rem}.alt-clients-note{margin-top:1.5rem}}

.alt-index-footer{padding:8rem 3.2vw 2.25rem;background:var(--alt-paper);color:var(--alt-ink)}
.alt-index-head{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;padding-bottom:5rem}
.alt-index-footer .alt-index-head h2{margin:0;font:600 clamp(3.4rem,6.4vw,7rem)/.92 var(--alt-sans);letter-spacing:-.065em}
.alt-index-footer .alt-index-head h2 em{font-family:Georgia,serif;font-weight:400;color:inherit}
.alt-index-layout{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding:3rem 0 3.5rem;border-top:1px solid rgba(16,16,17,.35);border-bottom:1px solid rgba(16,16,17,.35)}
.alt-index-contact{padding-right:3rem;border-right:1px solid rgba(16,16,17,.22);display:flex;flex-direction:column;align-items:flex-start;min-height:18rem}
.alt-index-label{display:block;margin-bottom:1.5rem;font:400 .78rem/1.4 var(--alt-mono);text-transform:uppercase;letter-spacing:.07em;color:#6c6661}
.alt-index-email{font:500 clamp(1.05rem,1.4vw,1.35rem)/1.25 var(--alt-sans);letter-spacing:-.025em}
.alt-index-contact p{margin:1.4rem 0 0;font-size:.95rem;line-height:1.65;color:#6c6661}
.alt-index-cta{margin-top:auto;padding-bottom:.25rem;border-bottom:1px solid;font:500 .78rem/1.4 var(--alt-mono);text-transform:uppercase;letter-spacing:.045em}
.alt-index-links{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}
.alt-index-links nav{display:flex;flex-direction:column;align-items:flex-start;gap:.62rem}
.alt-index-links nav>a{position:relative;font-size:1rem;line-height:1.45}
.alt-index-links nav>a:after,.alt-index-email:after{content:"";position:absolute;right:100%;bottom:-.15rem;left:0;height:1px;background:currentColor;transition:right .25s ease}
.alt-index-links nav>a:hover:after,.alt-index-email:hover:after{right:0}
.alt-index-email{position:relative}
.alt-index-bottom{display:grid;grid-template-columns:1fr auto;gap:2rem;padding-top:1.5rem;font:400 .72rem/1.6 var(--alt-mono);text-transform:uppercase;letter-spacing:.035em;color:#6c6661}
.alt-index-bottom span:last-child{text-align:right}

@media(max-width:800px){
  .alt-index-footer{padding:6rem 1.25rem 2rem}
  .alt-index-head{grid-template-columns:1fr;gap:2rem;padding-bottom:4rem}
  .alt-index-footer .alt-index-head h2{font-size:13vw}
  .alt-index-layout{grid-template-columns:1fr;gap:2.75rem;padding:2.5rem 0 3rem}
  .alt-index-contact{min-height:auto;padding:0 0 2.75rem;border-right:0;border-bottom:1px solid rgba(16,16,17,.22)}
  .alt-index-cta{margin-top:2.25rem}
  .alt-index-links{grid-template-columns:repeat(2,1fr);gap:2.75rem 1.5rem}
  .alt-index-links nav:last-child{grid-column:1/-1}
  .alt-index-links nav:last-child{display:grid;grid-template-columns:repeat(2,1fr)}
  .alt-index-links nav:last-child .alt-index-label{grid-column:1/-1}
  .alt-index-bottom{grid-template-columns:1fr;gap:.65rem}
  .alt-index-bottom span:last-child{text-align:left}
}

:root{
  --alt-ink:#111113;
  --alt-paper:#f5f2ec;
  --alt-blue:#3f4ed7;
  --alt-line:rgba(17,17,19,.2)
}

.alt-hero{background:#e7e4dd}
.alt-hero h1 em{color:var(--alt-blue)}
.alt-clients{background:#fff;color:var(--alt-ink)}

@media(min-width:801px){
  .alt-case-pair{display:block}
  .alt-case-offset{margin-top:0}
  .alt-case figure,.alt-case-wide figure,.alt-case-landscape figure{aspect-ratio:16/8}
}

.alt-wordmark{
  transition:color .25s ease
}
.alt-wordmark b,.alt-wordmark span{display:inline-block;transition:transform .38s cubic-bezier(.2,.8,.2,1),color .3s ease}
.alt-wordmark:hover b,.alt-wordmark:focus-visible b{transform:translateX(-.13rem)}
.alt-wordmark:hover span,.alt-wordmark:focus-visible span{color:var(--alt-blue);transform:translateX(.13rem)}

.alt-header-actions{justify-self:end;display:flex;align-items:center;gap:2rem}
.alt-clock{display:flex;align-items:center;gap:.55rem;white-space:nowrap;font:400 .72rem/1 var(--alt-mono);text-transform:uppercase;letter-spacing:.045em}
.alt-clock:before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:var(--alt-blue)}
.alt-clock-value{min-width:3.25rem;font-variant-numeric:tabular-nums}

@media(max-width:800px){
  .alt-header{grid-template-columns:1fr auto auto;gap:1rem}
  .alt-header-actions{gap:0}
  .alt-clock-label{display:none}
  .alt-clock{font-size:.68rem}
}

@media(prefers-reduced-motion:reduce){
  .alt-wordmark,.alt-wordmark b,.alt-wordmark span{transition:none}
  .alt-wordmark:hover b,.alt-wordmark:focus-visible b,.alt-wordmark:hover span,.alt-wordmark:focus-visible span{transform:none}
}

.alt-case .alt-case-art{
  position:relative;
  display:flex;
  align-items:flex-end;
  padding:5vw;
  isolation:isolate
}
.alt-case .alt-case-art:after{display:none}
.alt-case-art strong{
  position:relative;
  z-index:2;
  display:block;
  font:600 clamp(4.2rem,10vw,10rem)/.78 var(--alt-sans);
  letter-spacing:-.08em
}
.alt-case-overline{
  position:absolute!important;
  z-index:3!important;
  top:4vw;
  left:5vw!important;
  bottom:auto!important;
  padding:0!important;
  background:transparent!important;
  color:inherit!important;
  font:400 .7rem/1.3 var(--alt-mono)!important;
  letter-spacing:.13em!important;
  text-transform:uppercase
}
.alt-canon-art{
  justify-content:flex-end;
  text-align:right;
  background:#080d12!important;
  color:#eef4f5
}
.alt-canon-art i{
  position:absolute;
  z-index:1;
  width:38vw;
  height:38vw;
  left:7%;
  top:9%;
  border:1px solid #56e0d8;
  border-radius:50%;
  box-shadow:inset 0 0 70px rgba(86,224,216,.18),0 0 80px rgba(86,224,216,.12)
}
.alt-canon-art i:after{
  content:"+";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#56e0d8;
  font:300 12vw/1 var(--alt-sans)
}
.alt-woodhart-art{
  background:#d9ff43!important;
  color:#191919
}
.alt-woodhart-art i,
.alt-woodhart-art i:after{
  content:"";
  position:absolute;
  z-index:1;
  border:2px solid #191919
}
.alt-woodhart-art i{
  width:32vw;
  height:32vw;
  right:7%;
  top:12%;
  transform:rotate(10deg)
}
.alt-woodhart-art i:after{
  width:70%;
  height:70%;
  left:15%;
  top:15%;
  transform:rotate(-22deg)
}
.alt-rhokett-art{
  justify-content:flex-end;
  text-align:right;
  background:#e7d0ad!important;
  color:#39271e
}
.alt-rhokett-art:before{
  content:"R";
  position:absolute;
  z-index:1;
  left:4%;
  top:-22%;
  color:rgba(107,57,34,.14);
  font:500 42vw/1 Georgia,serif
}
.alt-rspca-art{
  justify-content:flex-end;
  text-align:right;
  background:#e84638!important;
  color:#171414
}
.alt-rspca-art:before{
  content:"✦";
  position:absolute;
  z-index:1;
  right:8%;
  top:8%;
  color:rgba(23,20,20,.13);
  font-size:25vw;
  line-height:1;
  transform:rotate(17deg)
}
.alt-rspca-art strong{font-size:clamp(4.7rem,11vw,11rem)}

@media(max-width:800px){
  .alt-case .alt-case-art{padding:1.75rem}
  .alt-case-art strong{font-size:17vw}
  .alt-case-overline{top:1.75rem;left:1.75rem!important}
  .alt-canon-art i{width:65vw;height:65vw;left:-20%}
  .alt-canon-art i:after{font-size:25vw}
  .alt-woodhart-art i{width:55vw;height:55vw;right:-8%}
  .alt-rhokett-art:before{font-size:90vw;top:-5%}
  .alt-rspca-art:before{font-size:52vw;right:-2%}
  .alt-rspca-art strong{font-size:18vw}
}

.alt-refined{
  --alt-paper:#f7f7f4;
  --alt-blue:#3f4ed7;
  --alt-line:rgba(17,17,19,.18);
  background:#fff
}
.alt-refined .alt-header{
  height:5.75rem;
  background:rgba(247,247,244,.94);
  backdrop-filter:blur(12px)
}
.alt-refined .alt-wordmark{font-size:clamp(1.15rem,1.55vw,1.75rem)}
.alt-refined .refined-split-wordmark{display:inline-flex;align-items:baseline;font-weight:400;letter-spacing:-.065em}
.alt-refined .refined-split-wordmark b{font-weight:800}
.alt-refined .refined-split-wordmark span{font-weight:400}
.alt-refined .alt-header nav{gap:2rem}
.alt-refined .alt-header-cta{
  padding:.72rem 1rem;
  border:1px solid rgba(17,17,19,.35);
  border-radius:2rem;
  transition:background .25s ease,color .25s ease,border-color .25s ease
}
.alt-refined .alt-header-cta:after{display:none}
.alt-refined .alt-header-cta:hover,.alt-refined .alt-header-cta:focus-visible{background:var(--alt-blue);border-color:var(--alt-blue);color:#fff}

.alt-refined .refined-hero{
  min-height:100svh;
  padding-top:8.5rem;
  padding-bottom:4rem;
  background:var(--alt-paper)
}
.alt-refined .refined-hero h1{
  margin:13vh 0 9vh;
  max-width:none;
  font-size:clamp(4.5rem,11vw,11.5rem);
  font-weight:500;
  line-height:.84;
  letter-spacing:-.085em;
  text-transform:none
}
.alt-refined .refined-hero h1 span{color:var(--alt-blue)}
.alt-refined .alt-hero-bottom p{max-width:36rem;font-size:clamp(1.2rem,1.65vw,1.65rem)}

.alt-refined .refined-belief{
  padding-top:13rem;
  padding-bottom:13rem;
  background:#fff;
  color:var(--alt-ink);
  border-bottom:1px solid var(--alt-line)
}
.alt-refined .refined-belief h2,
.alt-refined .alt-section-head h2,
.alt-refined .alt-people h2,
.alt-refined .alt-index-head h2{
  font-family:var(--alt-sans);
  font-style:normal;
  font-weight:500
}
.alt-refined .refined-belief p{max-width:36rem;margin-left:0;color:#5e5a55}

.alt-refined .refined-work{padding-top:13rem;padding-bottom:5rem;background:#fff}
.alt-refined .alt-section-head{margin-bottom:9rem}
.alt-refined .alt-section-head p{max-width:30rem}
.alt-refined .alt-case{margin-bottom:13rem}
.alt-refined .alt-case figure{aspect-ratio:16/8.4}
.alt-refined .alt-case-meta{padding:1.1rem 0}

.alt-refined .refined-clients{
  padding-top:11rem;
  padding-bottom:12rem;
  background:#fff;
  border-top:1px solid var(--alt-line)
}
.alt-refined .alt-clients-intro{margin-bottom:6rem}
.alt-refined .alt-clients-intro h2{
  max-width:54rem;
  font-size:clamp(2.8rem,4.7vw,5.4rem);
  font-family:var(--alt-sans);
  font-style:normal;
  font-weight:500
}
.alt-refined .alt-client-grid>div{
  min-height:10.5rem;
  color:#77726d;
  border-color:rgba(16,16,17,.17)
}
.alt-refined .alt-client-grid>div:hover{background:#f2f1ed;color:var(--alt-ink)}

.alt-refined .refined-proof{padding:2rem 3.2vw 12rem;background:#fff}
.alt-refined .refined-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:3rem;
  border-top:1px solid var(--alt-ink)
}
.alt-refined .refined-proof article{
  min-height:13rem;
  padding:1.5rem 2rem 1.5rem 0;
  border-right:1px solid var(--alt-line);
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.alt-refined .refined-proof article+article{padding-left:2rem}
.alt-refined .refined-proof strong{
  font:500 clamp(3.2rem,5.2vw,6rem)/1 var(--alt-sans);
  letter-spacing:-.065em
}
.alt-refined .refined-proof p{margin:0;color:#6b6660}

.alt-refined .refined-services{padding-top:12rem;padding-bottom:13rem;background:var(--alt-paper)}
.alt-refined .refined-services .alt-service-list a{min-height:8rem}
.alt-refined .refined-services .alt-service-list p{color:#74706a}

.alt-refined .refined-people{min-height:48rem;background:#fff;border-top:1px solid var(--alt-line)}
.alt-refined .refined-people .alt-people-image{min-height:48rem}
.alt-refined .refined-people .alt-people-copy{padding:8rem 6vw}
.alt-refined .refined-people h2{
  font-size:clamp(2.7rem,4.3vw,5rem);
  line-height:.96
}
.alt-refined .refined-people p{max-width:29rem}

.alt-refined .refined-footer{padding-top:11rem;background:var(--alt-paper)}
.alt-refined .refined-footer .alt-index-head{padding-bottom:7rem}
.alt-refined .refined-footer .alt-index-head h2{font-size:clamp(3.4rem,6.2vw,7rem)}
.alt-refined .reveal-alt{transform:translateY(1.25rem);transition-duration:.75s}
.alt-refined .reveal-alt.is-visible{transform:none}

@media(max-width:800px){
  .alt-refined .alt-header{height:5.2rem}
  .alt-refined .refined-hero{min-height:48rem;padding-top:7rem}
  .alt-refined .refined-hero h1{font-size:16vw;margin:8rem 0 5rem}
  .alt-refined .refined-belief,
  .alt-refined .refined-work,
  .alt-refined .refined-services{padding-top:7rem;padding-bottom:7rem}
  .alt-refined .alt-section-head{margin-bottom:5rem}
  .alt-refined .alt-case{margin-bottom:7rem}
  .alt-refined .alt-case figure{aspect-ratio:4/5}
  .alt-refined .refined-clients{padding-top:7rem;padding-bottom:7rem}
  .alt-refined .refined-proof{padding:1rem 1.25rem 7rem}
  .alt-refined .refined-proof-grid{grid-template-columns:1fr}
  .alt-refined .refined-proof article{min-height:9rem;padding:1.25rem 0;border-right:0;border-bottom:1px solid var(--alt-line)}
  .alt-refined .refined-proof article+article{padding-left:0}
  .alt-refined .refined-people,
  .alt-refined .refined-people .alt-people-image{min-height:32rem}
  .alt-refined .refined-people .alt-people-copy{padding:6rem 1.25rem}
  .alt-refined .refined-footer{padding-top:7rem}
}

.tw-consent[hidden],.tw-consent-settings[hidden]{display:none!important}.tw-consent{position:fixed;z-index:9999;left:1.25rem;right:1.25rem;bottom:1.25rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;max-width:76rem;margin:auto;padding:1.5rem;background:#012850;color:#f4f0e9;border:1px solid rgba(255,255,255,.18);box-shadow:0 1.25rem 4rem rgba(0,0,0,.28)}.tw-consent__copy{max-width:48rem}.tw-consent__copy>span{font:400 .75rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:#fffa36}.tw-consent h2{margin:.55rem 0 .7rem;font:500 clamp(1.35rem,2.4vw,2.1rem)/1.05 Manrope,sans-serif;letter-spacing:-.045em}.tw-consent p{margin:0 0 .8rem;max-width:44rem;font:400 1rem/1.5 Manrope,sans-serif;color:#d5d0ca}.tw-consent a{font:400 .78rem "DM Mono",monospace;color:inherit;text-transform:uppercase;border-bottom:1px solid currentColor}.tw-consent__actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.tw-consent button,.tw-consent-settings{appearance:none;border:1px solid currentColor;border-radius:0;font:500 .8rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.tw-consent__actions button{min-height:3rem;padding:.75rem 1rem;background:#fffa36;color:#012850}.tw-consent__actions button+button{background:transparent;color:#f4f0e9}.tw-consent button:focus-visible,.tw-consent-settings:focus-visible{outline:3px solid #5b6eff;outline-offset:3px}.tw-consent-settings{position:fixed;z-index:9998;left:1rem;bottom:1rem;padding:.6rem .75rem;background:#012850;color:#f4f0e9}@media(max-width:720px){.tw-consent{left:.75rem;right:.75rem;bottom:.75rem;grid-template-columns:1fr;gap:1.25rem;padding:1.2rem}.tw-consent__actions{justify-content:stretch}.tw-consent__actions button{flex:1 1 9rem}.tw-consent p{font-size:.95rem}}

:root{
  --rs-ink:#111113;
  --rs-paper:#f7f7f4;
  --rs-white:#fff;
  --rs-blue:#3f4ed7;
  --rs-blue-soft:#eef0ff;
  --rs-line:rgba(17,17,19,.18);
  --rs-muted:#67635f;
  --rs-mono:"DM Mono",monospace;
  --rs-sans:"Manrope",sans-serif
}
html{scroll-behavior:smooth}
body.refined-system{background:var(--rs-white);color:var(--rs-ink);font-family:var(--rs-sans)}
body.refined-system ::selection{background:var(--rs-blue);color:#fff}
body.refined-system a:focus-visible,body.refined-system button:focus-visible,body.refined-system input:focus-visible,body.refined-system textarea:focus-visible,body.refined-system select:focus-visible{outline:2px solid var(--rs-blue);outline-offset:3px}

/* Shared header */
body.refined-system .site-header,body.refined-system .health-header{
  position:absolute!important;z-index:50!important;top:0!important;right:0!important;left:0!important;
  min-height:5.75rem!important;padding:0 3.2vw!important;
  display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;
  background:rgba(247,247,244,.94)!important;color:var(--rs-ink)!important;
  border-bottom:1px solid var(--rs-line)!important;backdrop-filter:blur(12px)
}
body.refined-system .site-header nav{display:flex;gap:2rem;align-items:center;font:400 .78rem/1 var(--rs-mono);letter-spacing:.04em;text-transform:uppercase}
body.refined-system .site-header nav a{position:relative;color:inherit;text-decoration:none}
body.refined-system .site-header nav a:after{content:"";position:absolute;right:100%;bottom:-.38rem;left:0;height:1px;background:currentColor;transition:right .25s ease}
body.refined-system .site-header nav a:hover:after{right:0}
body.refined-system .brand,body.refined-system .health-brand{
  width:max-content!important;display:inline-flex!important;align-items:baseline!important;
  color:var(--rs-ink)!important;font:400 clamp(1.15rem,1.55vw,1.75rem)/1 var(--rs-sans)!important;
  letter-spacing:-.065em!important;text-decoration:none!important;transform-origin:left center;
  transition:color .25s ease
}
body.refined-system .alt-wordmark{font-family:var(--rs-sans)!important}
body.refined-system .brand b,body.refined-system .health-brand b{display:inline-block;font-weight:800;transition:transform .38s cubic-bezier(.2,.8,.2,1)}
body.refined-system .brand span,body.refined-system .health-brand span{display:inline-block;font-weight:400;transition:transform .38s cubic-bezier(.2,.8,.2,1),color .3s ease}
body.refined-system .brand img,body.refined-system .health-brand img{display:none!important}
body.refined-system :is(.brand,.health-brand):is(:hover,:focus-visible) b{transform:translateX(-.13rem)}
body.refined-system :is(.brand,.health-brand):is(:hover,:focus-visible) span{color:var(--rs-blue);transform:translateX(.13rem)}
body.refined-system .header-cta,body.refined-system .health-header-cta{
  justify-self:end!important;width:max-content!important;margin:0!important;padding:.72rem 1rem!important;
  border:1px solid rgba(17,17,19,.35)!important;border-radius:2rem!important;
  background:transparent!important;color:var(--rs-ink)!important;
  font:500 .72rem/1 var(--rs-mono)!important;letter-spacing:.045em!important;text-transform:uppercase!important;text-decoration:none!important;
  transition:background .25s ease,color .25s ease,border-color .25s ease
}
body.refined-system .header-cta:hover,body.refined-system .health-header-cta:hover{background:var(--rs-blue)!important;border-color:var(--rs-blue)!important;color:#fff!important}
body.refined-system .health-header-right{justify-self:end!important;display:flex!important;align-items:center!important;gap:1.5rem!important;font:400 .72rem var(--rs-mono)!important}
body.refined-system .menu-button{font-family:var(--rs-mono)!important;color:var(--rs-ink)!important}
body.refined-system .mobile-nav{background:var(--rs-paper)!important;color:var(--rs-ink)!important;border-color:var(--rs-line)!important;font-family:var(--rs-mono)!important}

/* Typography and first-screen treatment for the wider site */
body.refined-system:not(.alt-refined):not(.alt-koto) main>section:first-child,
body.refined-system:not(.alt-refined):not(.alt-koto) main>.article-hero{
  padding-top:max(8.5rem,12vh)!important;background:var(--rs-paper)!important;color:var(--rs-ink)!important
}
body.refined-system:not(.alt-refined):not(.alt-koto) main>section:first-child h1,
body.refined-system:not(.alt-refined):not(.alt-koto) main>.article-hero h1{
  font-family:var(--rs-sans)!important;font-weight:500!important;line-height:.86!important;letter-spacing:-.082em!important;text-transform:none!important
}
/* Keep every page title flush to the same left edge as the homepage. Several
   legacy templates indented their second line with a margin on em or span. */
body.refined-system main h1{text-align:left!important}
body.refined-system main h1>:is(span,em,i){margin-left:0!important;text-align:left!important}
body.refined-system:not(.alt-refined):not(.alt-koto) main>section:first-child a:not(.primary-action){color:var(--rs-ink)!important}
body.refined-system:not(.alt-refined):not(.alt-koto) main>section:first-child [class$="-hero-foot"]{border-color:var(--rs-line)!important;color:var(--rs-ink)!important}
body.refined-system h1 em,body.refined-system h1 i,body.refined-system h2 em,body.refined-system h2 i,
body.refined-system .accent{font-family:inherit!important;font-style:normal!important;color:var(--rs-blue)!important}
body.refined-system:not(.alt-refined):not(.alt-koto) h2{font-family:var(--rs-sans);font-weight:500;letter-spacing:-.055em}
body.refined-system:not(.alt-refined):not(.alt-koto) h3{font-family:var(--rs-sans);letter-spacing:-.035em}
body.refined-system .kicker,body.refined-system [class$="-kicker"],body.refined-system [class*="-label"]{font-family:var(--rs-mono)!important;letter-spacing:.07em!important;text-transform:uppercase}
body.refined-system:not(.alt-refined):not(.alt-koto) main p{color:var(--rs-muted)}
body.refined-system:not(.alt-refined):not(.alt-koto) main>section{border-color:var(--rs-line)!important}

/* Pale refined heroes reset legacy light-on-dark details. */
body.refined-system :is(.health-hero,.hub-hero,.locations-hero) :is(.health-kicker,.health-hero-grid,.health-signal,.health-proof,.text-action,.hub-kicker,.hub-hero-foot,.hub-hero-foot a,.locations-kicker,.locations-hero-foot,.locations-hero-foot a){color:var(--rs-ink)!important}
body.refined-system .health-hero :is(.text-action,.health-signal,.health-signal strong,.health-proof span),
body.refined-system .locations-hero .locations-hero-foot{border-color:var(--rs-line)!important}
body.refined-system .health-hero .health-mark{filter:none!important;opacity:.04!important}
body.refined-system .hub-hero:after{border-color:var(--rs-line)!important;box-shadow:0 0 0 6vw rgba(17,17,19,.025),0 0 0 12vw rgba(17,17,19,.02)!important}
body.refined-system .industries-hero .industry-mark,body.refined-system .guides-hero .guide-mark,body.refined-system .sitemap-hero:after{color:rgba(17,17,19,.04)!important}

/* Refined colour rhythm */
body.refined-system .service-intro,body.refined-system .people-story,body.refined-system .hub-intro,
body.refined-system .industries-intro,body.refined-system .locations-intro,body.refined-system .region-intro,
body.refined-system .seo-intro,body.refined-system .health-intro,body.refined-system .history-intro,
body.refined-system .case-overview,body.refined-system .case-approach,body.refined-system .featured,
body.refined-system .topics,body.refined-system .expect{background:var(--rs-white)!important;color:var(--rs-ink)!important}
body.refined-system .capabilities,body.refined-system .hub-directory,body.refined-system .sector-directory,
body.refined-system .locations-directory,body.refined-system .region-services,body.refined-system .seo-services,
body.refined-system .health-expertise,body.refined-system .team-list,body.refined-system .portfolio,
body.refined-system .guides-intro,body.refined-system .guide-index,body.refined-system .services,
body.refined-system .health-audiences{background:var(--rs-paper)!important;color:var(--rs-ink)!important}
body.refined-system.organic-healthcare .health-expertise{background:var(--rs-white)!important}
body.refined-system .health-expertise .expertise-list{border-color:var(--rs-line)!important}
body.refined-system .sector-directory .sector-list a,body.refined-system .locations-directory :is(.location-region,.location-list a){border-color:var(--rs-line)!important}
body.refined-system :is(.sector-directory,.locations-directory) a:hover{color:var(--rs-blue)!important}
body.refined-system .process,body.refined-system .region-process,body.refined-system .seo-process,
body.refined-system .health-process,body.refined-system .history-page .timeline-wrap,
body.refined-system .case-detail,body.refined-system .locations-services{background:var(--rs-blue-soft)!important;color:var(--rs-ink)!important}
body.refined-system .service-proof,body.refined-system .evidence-proof,body.refined-system .hub-proof,
body.refined-system .health-difference,body.refined-system .seo-difference,body.refined-system .outcome,
body.refined-system .principles,body.refined-system .values,body.refined-system .region-work{
  background:var(--rs-blue)!important;color:#fff!important
}
body.refined-system .service-proof *,body.refined-system .evidence-proof *,body.refined-system .hub-proof *,
body.refined-system .health-difference *,body.refined-system .seo-difference *,body.refined-system .outcome *,
body.refined-system .principles *,body.refined-system .values *,body.refined-system .region-work *{border-color:rgba(255,255,255,.28)!important}
body.refined-system .service-proof p,body.refined-system .evidence-proof p,body.refined-system .hub-proof p,
body.refined-system .health-difference p,body.refined-system .seo-difference p,body.refined-system .outcome p,
body.refined-system .principles p,body.refined-system .values p,body.refined-system .region-work p{color:rgba(255,255,255,.78)!important}
body.refined-system .service-proof :is(h1,h2,h3,strong,a),body.refined-system .evidence-proof :is(h1,h2,h3,strong,a),
body.refined-system .hub-proof :is(h1,h2,h3,strong,a),body.refined-system .health-difference :is(h1,h2,h3,strong,a),
body.refined-system .seo-difference :is(h1,h2,h3,strong,a),body.refined-system .outcome :is(h1,h2,h3,strong,a),
body.refined-system .principles :is(h1,h2,h3,strong,a),body.refined-system .values :is(h1,h2,h3,strong,a),
body.refined-system .region-work :is(h1,h2,h3,strong,a){color:#fff!important}
body.refined-system .service-proof :is(h1,h2) :is(em,i),body.refined-system .evidence-proof :is(h1,h2) :is(em,i),
body.refined-system .hub-proof :is(h1,h2) :is(em,i),body.refined-system .health-difference :is(h1,h2) :is(em,i),
body.refined-system .seo-difference :is(h1,h2) :is(em,i),body.refined-system .outcome :is(h1,h2) :is(em,i),
body.refined-system .principles :is(h1,h2) :is(em,i),body.refined-system .values :is(h1,h2) :is(em,i),
body.refined-system .region-work :is(h1,h2) :is(em,i){color:#fff!important}

/* Sussex SEO proof block: a neutral surround and blue inset card keep this
   section within the refined palette and maintain clear text contrast. */
body.refined-system.sussex-seo-page .seo-difference{
  padding-top:clamp(5.5rem,10vw,9rem)!important;
  background:var(--rs-paper)!important;color:var(--rs-ink)!important
}
body.refined-system.sussex-seo-page .seo-difference>.kicker{color:var(--rs-ink)!important}
body.refined-system.sussex-seo-page .seo-difference .difference-card{
  background:var(--rs-blue)!important;color:#fff!important
}
body.refined-system.sussex-seo-page .seo-difference .difference-card :is(p,span){
  color:#fff!important
}
body.refined-system.sussex-seo-page .seo-difference .difference-card>div{
  border-color:rgba(255,255,255,.38)!important
}

/* Service detail pages: keep the evidence surround warm and neutral so the
   featured dark card reads as a deliberate focal point, not black on blue. */
body.refined-system.service-page .evidence-proof{
  background:#e9e4da!important;color:var(--rs-ink)!important
}
body.refined-system.service-page .evidence-proof :is(.proof-heading,.proof-clients) :is(.kicker,h2,strong,span){
  color:var(--rs-ink)!important
}
body.refined-system.service-page .evidence-proof .proof-heading h2 em{color:var(--rs-blue)!important}
body.refined-system.service-page .evidence-proof .proof-heading p,
body.refined-system.service-page .evidence-proof .evidence-card:not(.evidence-lead) p{color:#514c48!important}
body.refined-system.service-page .evidence-proof .evidence-card:not(.evidence-lead),
body.refined-system.service-page .evidence-proof .evidence-card:not(.evidence-lead) :is(h3,strong,span,small,b){
  color:var(--rs-ink)!important
}
body.refined-system.service-page .evidence-proof :is(.evidence-grid,.evidence-card,.proof-clients){
  border-color:var(--rs-line)!important
}
body.refined-system.service-page .evidence-proof .evidence-card:not(.evidence-lead):hover{
  background:var(--rs-ink)!important;color:var(--rs-paper)!important
}
body.refined-system.service-page .evidence-proof .evidence-card:not(.evidence-lead):hover :is(h3,strong,span,small,b){
  color:var(--rs-paper)!important
}
body.refined-system.service-page .evidence-proof .evidence-card:not(.evidence-lead):hover p{color:#c7c0b7!important}
body.refined-system.service-page .evidence-proof .evidence-lead{
  background:var(--rs-ink)!important;color:var(--rs-paper)!important
}
body.refined-system.service-page .evidence-proof .evidence-lead :is(h3,strong,span,small,b){
  color:var(--rs-paper)!important
}
body.refined-system.service-page .evidence-proof .evidence-lead p{color:#c7c0b7!important}
body.refined-system.service-page .evidence-proof .evidence-lead:hover{background:#000!important}

/* Services hub: restore the intended lime and ink contrast throughout
   the complete “Why integrated matters” section. */
body.refined-system.services-hub .hub-proof{
  background:var(--hub-lime)!important;color:var(--hub-ink)!important
}
body.refined-system.services-hub .hub-proof :is(h2,h3,strong,span,p,em){
  color:var(--hub-ink)!important
}
body.refined-system.services-hub .hub-proof-grid{
  background:rgba(33,31,32,.25)!important
}
body.refined-system.services-hub .hub-proof-grid article{
  background:var(--hub-lime)!important;border-color:var(--hub-ink)!important
}

/* About page: continue the photograph's dark frame into the following
   story block, matching the original uninterrupted colour treatment. */
body.refined-system.people-page .people-story{
  background:var(--ink)!important;color:var(--paper)!important
}
body.refined-system.people-page .people-story :is(.kicker,h2){color:var(--paper)!important}
body.refined-system.people-page .people-story h2 em{color:var(--electric)!important}
body.refined-system.people-page .people-story-copy p{color:#c8c1b8!important}
body.refined-system.people-page .people-story-copy p:first-child{color:var(--paper)!important}

/* Preserve readable type on legacy dark and saturated panels. */
body.refined-system :is(.health-enquiry,.case-grid,.feature-card,.seo-local,.culture,.life-strip,.evidence-lead,.recommendation){color:#fff!important}
body.refined-system :is(.health-enquiry,.case-grid,.feature-card,.seo-local,.culture,.life-strip,.evidence-lead,.recommendation) :is(h1,h2,h3,strong,a,label){color:inherit!important}
body.refined-system :is(.health-enquiry,.case-grid,.feature-card,.seo-local,.culture,.life-strip,.evidence-lead,.recommendation) p{color:rgba(255,255,255,.82)!important}
body.refined-system :is(.health-enquiry,.case-grid,.feature-card,.seo-local,.culture,.life-strip,.evidence-lead,.recommendation) :is(h1,h2,h3) :is(em,i){color:inherit!important}
body.refined-system input::placeholder,body.refined-system textarea::placeholder{color:#716d68!important;opacity:1}

/* Cards, lists and links */
body.refined-system .cap-item,body.refined-system .step,body.refined-system .evidence-card,
body.refined-system .region-list article,body.refined-system .region-steps article,
body.refined-system .seo-service-list article,body.refined-system .seo-steps article,
body.refined-system .difference-card,body.refined-system .health-expertise article,
body.refined-system .process-grid article,body.refined-system .value-grid article,
body.refined-system .expect-item,body.refined-system .team-grid article,
body.refined-system .hub-link,body.refined-system .service-link-grid a,
body.refined-system .faq-list details{border-color:var(--rs-line)!important}
body.refined-system .hub-link:hover,body.refined-system .service-link-grid a:hover,
body.refined-system .team-grid article:hover{background:var(--rs-blue-soft)!important;color:var(--rs-ink)!important}
body.refined-system .read-link,body.refined-system .text-action,body.refined-system .life-history,
body.refined-system main a:not(.primary-action):not(.submit-button):not(.choice){text-underline-offset:.25em}
body.refined-system .primary-action,body.refined-system .submit-button,body.refined-system button[type="submit"]{
  background:var(--rs-blue)!important;color:#fff!important;border-color:var(--rs-blue)!important;border-radius:999px!important;
  font-family:var(--rs-mono)!important;text-transform:uppercase!important
}
body.refined-system input,body.refined-system textarea,body.refined-system select{
  border-color:var(--rs-line)!important;border-radius:0!important;background:transparent!important;color:inherit!important;font-family:var(--rs-sans)!important
}
body.refined-system .health-enquiry :is(input,textarea,select){background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
body.refined-system .health-enquiry :is(input,textarea,select):focus{border-color:var(--mint)!important}
body.refined-system .health-enquiry :is(input,textarea)::placeholder{color:rgba(255,255,255,.66)!important}
body.refined-system .health-enquiry select option{background:#fff;color:var(--rs-ink)}

/* Contact page retains the original form and next-step colour treatment. */
body.refined-system.contact-page .enquiry{background:var(--paper)!important;color:var(--ink)!important}
body.refined-system.contact-page .enquiry :is(input,textarea,select){background:transparent!important;color:var(--ink)!important;border-color:#77706b!important}
body.refined-system.contact-page .enquiry :is(input,textarea,select):focus{border-color:#3155e7!important}
body.refined-system.contact-page .expect{background:#3155e7!important;color:#fff!important}
body.refined-system.contact-page .expect :is(h2,h3,span){color:#fff!important}
body.refined-system.contact-page .expect .expect-grid,body.refined-system.contact-page .expect .expect-item{border-color:rgba(255,255,255,.3)!important}
body.refined-system.contact-page .expect .expect-item p{color:#dce1ff!important}

/* Portfolio and project pages retain their art, with the refined framing */
body.refined-system .case,body.refined-system .case-visual,body.refined-system .case-canvas,
body.refined-system .case-detail,body.refined-system .feature-card,body.refined-system .case-grid{border-color:var(--rs-line)!important}
body.refined-system .case-grid .case-visual{border-color:rgba(255,255,255,.28)!important}
body.refined-system .case-detail :is(.deliverables,.deliverables span){border-color:var(--rs-line)!important}
body.refined-system .case-meta,body.refined-system .overview-meta,body.refined-system .post-meta{font-family:var(--rs-mono)!important;text-transform:uppercase!important}
body.refined-system .filter-bar{background:#fff!important;border-color:var(--rs-line)!important}
body.refined-system .filters button.active,body.refined-system .filters button:hover{background:var(--rs-blue)!important;color:#fff!important}

/* One structured footer across the complete refined site. */
body.refined-system .site-refined-footer{padding:8rem 3.2vw 2.25rem!important;background:var(--rs-paper)!important;color:var(--rs-ink)!important;border-top:1px solid var(--rs-line)!important}
body.refined-system .site-refined-footer *{box-sizing:border-box}
body.refined-system .rs-footer-head{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;padding-bottom:5rem}
body.refined-system .rs-footer-head h2{margin:0;font:500 clamp(3.4rem,6.2vw,7rem)/.92 var(--rs-sans)!important;letter-spacing:-.065em!important;color:var(--rs-ink)!important;text-transform:none!important}
body.refined-system .rs-footer-kicker,body.refined-system .rs-footer-label{font:400 .78rem/1.4 var(--rs-mono)!important;text-transform:uppercase;letter-spacing:.07em;color:var(--rs-muted)!important}
body.refined-system .rs-footer-layout{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding:3rem 0 3.5rem;border-top:1px solid rgba(17,17,19,.35);border-bottom:1px solid rgba(17,17,19,.35)}
body.refined-system .rs-footer-contact{min-height:18rem;padding-right:3rem;border-right:1px solid var(--rs-line);display:flex;flex-direction:column;align-items:flex-start}
body.refined-system .rs-footer-label{display:block;margin-bottom:1.5rem}
body.refined-system .rs-footer-email{position:relative;font:500 clamp(1.05rem,1.4vw,1.35rem)/1.25 var(--rs-sans);letter-spacing:-.025em;color:var(--rs-ink)!important;text-decoration:none}
body.refined-system .rs-footer-contact p{margin:1.4rem 0 0;font-size:.95rem;line-height:1.65;color:var(--rs-muted)!important}
body.refined-system .rs-footer-contact p a{color:inherit;text-decoration:none}
body.refined-system .rs-footer-cta{margin-top:auto;padding-bottom:.25rem;border-bottom:1px solid;font:500 .78rem/1.4 var(--rs-mono);text-transform:uppercase;letter-spacing:.045em;color:var(--rs-ink)!important;text-decoration:none}
body.refined-system .rs-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}
body.refined-system .rs-footer-links nav{display:flex;flex-direction:column;align-items:flex-start;gap:.62rem}
body.refined-system .rs-footer-links nav>a{position:relative;font:400 1rem/1.45 var(--rs-sans);color:var(--rs-ink)!important;text-decoration:none}
body.refined-system .rs-footer-links nav>a:after,body.refined-system .rs-footer-email:after{content:"";position:absolute;right:100%;bottom:-.15rem;left:0;height:1px;background:currentColor;transition:right .25s ease}
body.refined-system .rs-footer-links nav>a:hover:after,body.refined-system .rs-footer-email:hover:after{right:0}
body.refined-system .rs-footer-bottom{display:grid;grid-template-columns:1fr auto;gap:2rem;padding-top:1.5rem;font:400 .72rem/1.6 var(--rs-mono);text-transform:uppercase;letter-spacing:.035em;color:var(--rs-muted)}
body.refined-system .rs-footer-bottom span:last-child{text-align:right}
body.refined-system .rs-footer-bottom a{color:inherit;text-decoration:none}
body.refined-system .site-refined-footer a:hover{color:var(--rs-blue)!important}

/* Legal and sitemap clarity */
body.refined-system .legal-layout,body.refined-system .sitemap-directory{background:#fff!important}
body.refined-system .legal-nav{border-color:var(--rs-line)!important}
body.refined-system .legal-note{background:var(--rs-blue-soft)!important;border-color:var(--rs-blue)!important}
body.refined-system .legal-copy h2,body.refined-system .sitemap-directory h2{color:var(--rs-ink)!important}

/* The primary homepage alone uses the all-caps hero treatment. */
body.refined-system.home-main .refined-hero h1{text-transform:uppercase!important}

/* Original campaign palette
   Keep the refined type and shared footer, but let the healthcare-derived
   advertising landing pages use the exact colour rhythm they launched with. */
body.refined-system.healthcare-page:not(.organic-healthcare){background:var(--paper)!important;color:var(--ink)!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-header{
  background:transparent!important;color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;backdrop-filter:none!important
}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-brand{color:#fff!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-brand:is(:hover,:focus-visible) span{color:var(--mint)!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-header-right,
body.refined-system.healthcare-page:not(.organic-healthcare) .health-header-right>a{color:#fff!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-header-cta{
  background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important
}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-header-cta:hover{
  background:#fff!important;color:var(--health)!important;border-color:#fff!important
}
body.refined-system.healthcare-page:not(.organic-healthcare) main>.health-hero{
  background:var(--health)!important;color:#fff!important
}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-hero :is(.health-kicker,.health-hero-grid,.health-signal,.health-proof,.text-action){color:#fff!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-hero h1 em{color:var(--mint)!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-hero-grid>div>p{color:#fff!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-hero :is(.health-signal,.health-signal strong,.health-proof span){border-color:rgba(255,255,255,.25)!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-hero .text-action{color:#fff!important;border-color:rgba(255,255,255,.5)!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-hero .health-mark{filter:invert(1)!important;opacity:.035!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .primary-action,
body.refined-system.healthcare-page:not(.organic-healthcare) .health-submit button{
  background:var(--mint)!important;color:var(--ink)!important;border-color:var(--mint)!important
}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-submit button:hover{background:#fff!important;color:var(--ink)!important}

body.refined-system.healthcare-page:not(.organic-healthcare) .health-intro,
body.refined-system.healthcare-page:not(.organic-healthcare) .health-process{
  background:var(--paper)!important;color:var(--ink)!important
}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-intro-copy p{color:#4f4947!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-intro-copy p:first-child{color:var(--ink)!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-expertise{
  background:var(--ink)!important;color:var(--paper)!important
}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-expertise :is(h2,h3,span){color:var(--paper)!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-expertise p{color:#bdb6ae!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-expertise :is(.expertise-list,.expertise-list article){border-color:rgba(255,255,255,.25)!important}

body.refined-system.healthcare-page:not(.organic-healthcare) .health-difference{
  background:var(--mint)!important;color:var(--ink)!important
}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-difference :is(h2,h3,strong,span,p,em){color:var(--ink)!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-difference :is(.difference-grid,.difference-grid article){border-color:var(--ink)!important}

body.refined-system.healthcare-page:not(.organic-healthcare) .health-case{background:var(--paper)!important;color:var(--ink)!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .case-grid{background:#3155e7!important;color:#fff!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .case-grid :is(h2,strong,a,span){color:#fff!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .case-grid .case-copy p{color:#dce1ff!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .case-grid .case-visual strong em{color:var(--mint)!important}
body.refined-system.healthcare-page.ads-page .case-grid,
body.refined-system.healthcare-page.pr-landing .case-grid{background:var(--case)!important}
body.refined-system.healthcare-page.ads-page .case-grid .case-copy p,
body.refined-system.healthcare-page.pr-landing .case-grid .case-copy p{color:var(--case-copy)!important}
body.refined-system.healthcare-page.charity-page .case-grid{background:#df536b!important}
body.refined-system.healthcare-page.charity-page .case-grid .case-copy p{color:#ffe9ed!important}

/* Bright coral and orange case-study panels need dark foregrounds for normal
   body copy and small links to retain accessible contrast. */
body.refined-system.healthcare-page:is(.tiktok-landing,.amazon-landing,.reddit-landing,.charity-page) .case-grid{
  color:var(--rs-ink)!important
}
body.refined-system.healthcare-page:is(.tiktok-landing,.amazon-landing,.reddit-landing,.charity-page) .case-grid :is(h2,strong,a,span),
body.refined-system.healthcare-page:is(.tiktok-landing,.amazon-landing,.reddit-landing,.charity-page) .case-grid .case-copy p{
  color:var(--rs-ink)!important
}
body.refined-system.healthcare-page:is(.tiktok-landing,.amazon-landing,.reddit-landing,.charity-page) .case-grid .case-visual{
  border-color:rgba(17,17,19,.3)!important
}
body.refined-system.healthcare-page.property-page .case-grid .case-copy p{color:#fff!important}

body.refined-system.healthcare-page:not(.organic-healthcare) .health-process .process-grid,
body.refined-system.healthcare-page:not(.organic-healthcare) .health-process .process-grid article{border-color:var(--line)!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-process p{color:#5c5552!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-enquiry{
  background:var(--health)!important;color:#fff!important
}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-enquiry :is(h2,h3,strong,a,label,span){color:#fff!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-enquiry h2 em{color:var(--mint)!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-enquiry .enquiry-copy>p{color:#d1dedf!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-enquiry .health-submit p{color:#bdcccc!important}
body.refined-system.healthcare-page:not(.organic-healthcare) .health-enquiry .health-form-note{
  background:var(--mint)!important;color:var(--ink)!important
}

/* The complete healthcare-template family keeps its original dark first screen,
   including organic sector pages built from the same landing-page template. */
body.refined-system.healthcare-page .health-header{
  background:transparent!important;color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;backdrop-filter:none!important
}
body.refined-system.healthcare-page .health-brand{color:#fff!important}
body.refined-system.healthcare-page .health-brand:is(:hover,:focus-visible) span{color:var(--mint)!important}
body.refined-system.healthcare-page .health-header-right,
body.refined-system.healthcare-page .health-header-right>a{color:#fff!important}
body.refined-system.healthcare-page .health-header-cta{
  background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important
}
body.refined-system.healthcare-page .health-header-cta:hover{
  background:#fff!important;color:var(--health)!important;border-color:#fff!important
}
body.refined-system.healthcare-page:not(.alt-refined):not(.alt-koto) main>section.health-hero:first-child{
  background:var(--health)!important;color:#fff!important
}
body.refined-system.healthcare-page .health-hero :is(.health-kicker,.health-hero-grid,.health-signal,.health-proof,.text-action){color:#fff!important}
body.refined-system.healthcare-page .health-hero h1 em{color:var(--mint)!important}
body.refined-system.healthcare-page .health-hero-grid>div>p{color:#fff!important}
body.refined-system.healthcare-page .health-hero :is(.health-signal,.health-signal strong,.health-proof span){border-color:rgba(255,255,255,.25)!important}
body.refined-system.healthcare-page .health-hero .text-action{color:#fff!important;border-color:rgba(255,255,255,.5)!important}
body.refined-system.healthcare-page .health-hero .health-mark{filter:invert(1)!important;opacity:.035!important}
body.refined-system.healthcare-page .health-hero .primary-action{
  background:var(--mint)!important;color:var(--ink)!important;border-color:var(--mint)!important
}

/* Top-banner illustrations use one quiet monochrome language throughout the
   refined site. Page-specific accent colours remain available to headings. */
body.refined-system:not(.healthcare-page) main>section:first-child :is(
  .hero-mark,.about-watermark,.blog-mark,.careers-mark,.contact-mark,
  .history-mark,.portfolio-mark,.industry-mark,.guide-mark
){filter:grayscale(1)!important}
body.refined-system main>section:first-child :is(.service-symbol,.hero-graphic){
  border-color:rgba(17,17,19,.24)!important;
  background-color:rgba(17,17,19,.035)!important;
  box-shadow:none!important
}
body.refined-system.digital-page main>section:first-child .service-symbol{
  border-color:rgba(17,17,19,.24)!important;
  box-shadow:0 0 0 4vw rgba(17,17,19,.09),0 0 0 8vw transparent,0 0 0 9vw rgba(17,17,19,.09)!important
}
body.refined-system main>section:first-child .town-lines,
body.refined-system main>section:first-child .town-lines:before,
body.refined-system main>section:first-child .town-lines:after,
body.refined-system main>section:first-child .county-lines i{
  border-color:rgba(17,17,19,.24)!important
}
body.refined-system main>section:first-child .town-lines:after{background:rgba(17,17,19,.12)!important}
body.refined-system main>section:first-child .search-rings,
body.refined-system main>section:first-child .search-rings:before,
body.refined-system main>section:first-child .search-rings:after,
body.refined-system main>section:first-child .search-rings i{
  border-color:rgba(17,17,19,.22)!important
}
body.refined-system main>section:first-child .search-rings i{
  background:rgba(17,17,19,.18)!important
}
body.refined-system main>section:first-child .signal-grid i{
  border-color:rgba(17,17,19,.22)!important;
  background:transparent!important
}
body.refined-system main>section:first-child .signal-grid i:nth-child(2),
body.refined-system main>section:first-child .signal-grid i:nth-child(6),
body.refined-system main>section:first-child .signal-grid i:nth-child(8){
  background:rgba(17,17,19,.14)!important
}
body.refined-system main>section:first-child .web-frame,
body.refined-system main>section:first-child .web-frame:before{
  border-color:rgba(17,17,19,.22)!important
}
body.refined-system main>section:first-child .web-frame span{
  background:rgba(17,17,19,.3)!important
}
body.refined-system main>section:first-child .alt-orbit,
body.refined-system main>section:first-child .alt-orbit:before,
body.refined-system main>section:first-child .alt-orbit:after{
  border-color:rgba(17,17,19,.22)!important
}
body.refined-system.healthcare-page main>section:first-child .health-mark{
  filter:grayscale(1) invert(1)!important
}

/* Remove legacy TW marks used purely as oversized banner watermarks. Header
   branding, the favicon and other functional uses of the current logo remain. */
body.refined-system :is(
  .hero-mark,.about-watermark,.blog-mark,.careers-mark,.contact-mark,
  .history-mark,.portfolio-mark,.health-mark
){display:none!important}
body.refined-system .sitemap-hero:after{content:none!important;display:none!important}

/* History-page feature blocks: protect the blue and green panels from the
   timeline's inherited accent colours and keep every text tier readable. */
body.refined-system.history-page .era-now{
  background:#2635a6!important;color:#fff!important
}
body.refined-system.history-page .era-now :is(h2,.era-copy,.era-side span){color:#fff!important}
body.refined-system.history-page .era-now :is(h2 em,.era-year){color:#d9ff43!important}
body.refined-system.history-page .era-now .era-side p{color:#f1f3ff!important}
body.refined-system.history-page .era-now .era-side{border-color:rgba(255,255,255,.55)!important}
body.refined-system.history-page .era-now .era-year:after{background:#2635a6!important}
body.refined-system.history-page .era-now.is-reached .era-year:after{
  background:#d9ff43!important;border-color:#d9ff43!important
}
body.refined-system.history-page .next-chapter{
  background:#c8ef63!important;color:#111113!important
}
body.refined-system.history-page .next-chapter :is(.kicker,h2,h2 em,p,a){color:#111113!important}

@media(max-width:800px){
  body.refined-system .site-header,body.refined-system .health-header{min-height:5.2rem!important;padding:0 1.25rem!important;grid-template-columns:1fr auto!important}
  body.refined-system .site-header nav,body.refined-system .header-cta,body.refined-system .health-header-right>a:first-child{display:none!important}
  body.refined-system .health-header-right{gap:0!important}
  body.refined-system .brand,body.refined-system .health-brand{font-size:1.35rem!important}
  body.refined-system .health-header-cta{font-size:.62rem!important;padding:.62rem .8rem!important}
  body.refined-system:not(.alt-refined):not(.alt-koto) main>section:first-child,body.refined-system:not(.alt-refined):not(.alt-koto) main>.article-hero{padding-top:7rem!important}
  body.refined-system .site-refined-footer{padding:6rem 1.25rem 2rem!important}
  body.refined-system .rs-footer-head{grid-template-columns:1fr;gap:2rem;padding-bottom:4rem}
  body.refined-system .rs-footer-head h2{font-size:13vw!important}
  body.refined-system .rs-footer-layout{grid-template-columns:1fr;gap:2.75rem;padding:2.5rem 0 3rem}
  body.refined-system .rs-footer-contact{min-height:auto;padding:0 0 2.75rem;border-right:0;border-bottom:1px solid var(--rs-line)}
  body.refined-system .rs-footer-cta{margin-top:2.25rem}
  body.refined-system .rs-footer-links{grid-template-columns:repeat(2,1fr);gap:2.75rem 1.5rem}
  body.refined-system .rs-footer-links nav:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr)}
  body.refined-system .rs-footer-links nav:last-child .rs-footer-label{grid-column:1/-1}
  body.refined-system .rs-footer-bottom{grid-template-columns:1fr;gap:.65rem}
  body.refined-system .rs-footer-bottom span:last-child{text-align:left}
}

@media(prefers-reduced-motion:reduce){body.refined-system *,body.refined-system *:before,body.refined-system *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Selected option 01: a quiet footer link alongside copyright and legals. */
body.refined-system .rs-footer-bottom{grid-template-columns:1fr auto auto;align-items:center;gap:1rem 2rem}
body.refined-system .rs-footer-bottom .rs-back-top{display:inline-flex;align-items:center;justify-self:end;gap:.65rem;min-height:2.75rem;font:400 .75rem var(--rs-mono);text-transform:uppercase;letter-spacing:.035em;color:var(--rs-ink);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
body.refined-system .rs-footer-bottom .rs-back-top:hover{border-bottom-color:currentColor}
body.refined-system .rs-footer-bottom .rs-back-top:focus-visible{outline:2px solid var(--rs-blue);outline-offset:4px}
body.refined-system .rs-footer-bottom .rs-back-top span{font-size:1rem}
@media(max-width:850px){body.refined-system .rs-footer-bottom{grid-template-columns:1fr auto}body.refined-system .rs-footer-bottom>span:nth-child(2){grid-column:1;grid-row:2}body.refined-system .rs-footer-bottom .rs-back-top{grid-column:2;grid-row:1/3}}
@media(max-width:480px){body.refined-system .rs-footer-bottom{grid-template-columns:1fr;gap:.65rem}body.refined-system .rs-footer-bottom>span:nth-child(2),body.refined-system .rs-footer-bottom .rs-back-top{grid-column:auto;grid-row:auto;justify-self:start}}
@media(prefers-reduced-motion:reduce){body.refined-system .rs-footer-bottom .rs-back-top{transition:none}}

.home-hero-options .refined-hero {
  isolation: isolate;
  transition: background-color .45s ease, color .45s ease;
}

.home-hero-options .refined-hero::before,
.home-hero-options .refined-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0;
  transition: opacity .55s ease;
  pointer-events: none;
}

.home-hero-options .refined-hero::before {
  background: #1e252d url('/assets/about-team/more-than-work.webp') center 43% / cover no-repeat;
}

.home-hero-options .refined-hero::after {
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(7,12,18,.76) 0%, rgba(7,12,18,.3) 56%, rgba(7,12,18,.22) 100%),
    linear-gradient(to top, rgba(7,12,18,.58), transparent 50%);
}

.home-hero-options .refined-hero > * { position: relative; z-index: 1; }

.home-hero-options[data-hero-image="on"] .refined-hero {
  background-color: #1e252d !important;
  color: #fff !important;
}

.home-hero-options[data-hero-image="on"] .refined-hero::before,
.home-hero-options[data-hero-image="on"] .refined-hero::after { opacity: 1; }

.home-hero-options[data-hero-image="on"] .refined-hero h1 {
  color: #fff !important;
  text-shadow: 0 1px 30px rgba(0,0,0,.2);
}

.home-hero-options[data-hero-image="on"] .refined-hero h1 span { color: #aebaff !important; }
.home-hero-options[data-hero-image="on"] .refined-hero :is(.alt-hero-top, .alt-hero-bottom, .alt-hero-bottom p, .alt-hero-bottom a) { color: #fff !important; }
.home-hero-options[data-hero-image="on"] .refined-hero .alt-hero-bottom a { border-color: rgba(255,255,255,.72); }

.home-hero-options .alt-header {
  transition: background .45s ease, color .45s ease, border-color .45s ease;
}

.home-hero-options[data-hero-image="on"] .alt-header {
  background: linear-gradient(to bottom, rgba(7,12,18,.62), rgba(7,12,18,0));
  color: #fff;
  border-bottom-color: rgba(255,255,255,.28);
  backdrop-filter: none;
}

.home-hero-options[data-hero-image="on"] .alt-header-cta { border-color: rgba(255,255,255,.62); }
.home-hero-options[data-hero-image="on"] .alt-header-cta:hover,
.home-hero-options[data-hero-image="on"] .alt-header-cta:focus-visible { background: #fff; border-color: #fff; color: #111113; }
.home-hero-options[data-hero-image="on"] .refined-split-wordmark span { color: #aebaff; }

.hero-option-panel {
  position: fixed;
  z-index: 95;
  top: 7rem;
  right: 1.25rem;
  width: min(15rem, calc(100vw - 2.5rem));
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: .35rem;
  background: rgba(17,17,19,.94);
  color: #fff;
  box-shadow: 0 1.2rem 3rem rgba(17,17,19,.22);
  backdrop-filter: blur(12px);
}

.hero-option-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .8rem;
  font: 400 .64rem/1.35 "DM Mono", monospace;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.hero-option-head strong { font-weight: 500; }
.hero-option-head span { color: #aebaff; }
.hero-option-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }

.hero-option-buttons button {
  display: grid;
  grid-template-columns: .8rem 1fr;
  gap: .5rem;
  align-items: center;
  padding: .65rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: .2rem;
  background: transparent;
  color: rgba(255,255,255,.7);
  font: 400 .66rem/1.25 "DM Mono", monospace;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}

.hero-option-buttons button:hover,
.hero-option-buttons button[aria-pressed="true"] { background: rgba(255,255,255,.11); color: #fff; }
.hero-option-buttons button:focus-visible { outline: 2px solid #aebaff; outline-offset: 2px; }
.hero-option-buttons i { width: .72rem; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; }
.hero-option-buttons button[aria-pressed="true"] i { border-color: #aebaff; background: #aebaff; box-shadow: inset 0 0 0 2px #111113; }

@media (max-width: 800px) {
  .home-hero-options[data-hero-image="on"] .alt-menu { color: #fff; }
  .home-hero-options[data-hero-image="on"] .alt-mobile-nav { background: #111113; color: #fff; border-color: rgba(255,255,255,.2); }
  .home-hero-options .refined-hero::before { background-position: 48% center; }
  .home-hero-options .refined-hero::after {
    background: linear-gradient(90deg, rgba(7,12,18,.76), rgba(7,12,18,.22)), linear-gradient(to top, rgba(7,12,18,.74), transparent 56%);
  }
  .hero-option-panel { top: auto; right: .75rem; bottom: .75rem; left: .75rem; width: auto; padding: .75rem; }
  .hero-option-head { margin-bottom: .55rem; }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero-options .refined-hero,
  .home-hero-options .refined-hero::before,
  .home-hero-options .refined-hero::after,
  .home-hero-options .alt-header { transition: none; }
}


/* Site-wide TW monogram. A single asset masks both light and dark header states. */
:is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  width:6.6rem!important;min-width:6.6rem!important;height:2.65rem!important;
  padding:0!important;line-height:1!important;text-decoration:none!important;
  transform:none!important;position:relative;isolation:isolate;overflow:visible!important;
}
:is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand .tw-site-mark{
  position:relative;display:block!important;width:6.35rem;height:2.1rem;
  color:inherit!important;background:none!important;transform:none!important;
  transition:none!important;overflow:visible;
}
:is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand .tw-site-mark::before,
:is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand .tw-site-mark::after{
  content:"";position:absolute;inset:0;display:block;
  -webkit-mask:url('/assets/tw-monogram-black.png') center / contain no-repeat;
  mask:url('/assets/tw-monogram-black.png') center / contain no-repeat;
  pointer-events:none;
}
:is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand .tw-site-mark::before{background:currentColor;z-index:1}
:is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand .tw-site-mark::after{background:#3f4ed7;opacity:0;z-index:0}
:is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand:is(:hover,:focus-visible) .tw-site-mark::before{animation:tw-echo-base .7s ease both}
:is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand:is(:hover,:focus-visible) .tw-site-mark::after{animation:tw-echo-trail .72s ease both}
/* Black is the default on light headers. */
body.refined-system :is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand,
:is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand{color:#111113!important}
/* Dark and photographic headers use the white version of the same mark. */
body.refined-system .health-header .tw-site-brand,
body.home-hero-options[data-hero-image="on"] .alt-header .tw-site-brand,
body.home-tw-concept[data-hero-image="on"] .alt-header .tw-site-brand,
body.alt-refined-image .alt-header .tw-site-brand,
body.alt-koto .koto-header .tw-site-brand{
  color:#fff!important;
}
/* Light Services and About headers keep the visible monogram black. */
body.refined-system:is(.services-hub,.numbered-service-hero,.about-hero-aligned) .site-header .tw-site-brand .tw-site-mark{
  color:#111113!important;
}
/* Existing wordmark hover rules must not move or recolour the monogram span. */
body.refined-system :is(.brand,.health-brand).tw-site-brand:is(:hover,:focus-visible) .tw-site-mark,
body.refined-system .alt-wordmark.tw-site-brand:is(:hover,:focus-visible) .tw-site-mark{color:inherit!important;transform:none!important}
@keyframes tw-echo-base{0%,100%{transform:translateX(0)}40%{transform:translateX(6px)}65%{transform:translateX(-2px)}}
@keyframes tw-echo-trail{0%,100%{transform:translate(0);opacity:0}20%{transform:translate(-8px,4px);opacity:.8}55%{transform:translate(-13px,6px);opacity:.7}85%{transform:translate(-3px,1px);opacity:0}}
@media(max-width:800px){
  :is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand{width:5.6rem!important;min-width:5.6rem!important;height:2.25rem!important}
  :is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand .tw-site-mark{width:5.45rem;height:1.8rem}
}
@media(prefers-reduced-motion:reduce){
  :is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand:is(:hover,:focus-visible) .tw-site-mark::before,
  :is(.site-header,.health-header,.alt-header,.koto-header) .tw-site-brand:is(:hover,:focus-visible) .tw-site-mark::after{animation:none!important}
}

:root{--menu-ink:#111113;--menu-paper:#f7f7f4;--menu-blue:#3f4ed7;--menu-green:#173e36;--menu-line:#c9cbc9}.menu-study{background:var(--menu-paper)!important;color:var(--menu-ink)}.menu-study main{overflow:hidden}.study-hero,.options-panel{padding-left:clamp(24px,4vw,72px);padding-right:clamp(24px,4vw,72px)}.study-hero{min-height:min(830px,92svh);padding-top:clamp(145px,16vw,240px)!important;padding-bottom:80px;background:#e8eeed!important;display:flex;flex-direction:column;justify-content:space-between}.study-meta{display:flex;justify-content:space-between;gap:24px;font:500 11px 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase}.study-hero h1{font:600 clamp(76px,12.3vw,190px)/.83 Manrope,sans-serif!important;letter-spacing:-.085em!important;margin:40px 0!important;max-width:1500px}.study-hero h1 em{font-style:normal;color:var(--menu-blue)}.study-lead{display:flex;align-items:end;justify-content:space-between;gap:30px}.study-lead p{font-size:clamp(19px,2vw,29px);line-height:1.35;letter-spacing:-.035em;max-width:710px;margin:0}.study-lead span{font:500 11px/1.6 'DM Mono',monospace;text-transform:uppercase;text-align:right}.options-panel{padding-top:110px;padding-bottom:125px}.options-heading{display:flex;justify-content:space-between;align-items:baseline;gap:30px;border-top:1px solid #b7c1bd;padding-top:23px;margin-bottom:55px}.options-heading span{font:500 12px 'DM Mono',monospace;text-transform:uppercase}.options-heading p{max-width:420px;font-size:15px;line-height:1.55;margin:0}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.option-card{appearance:none;border:1px solid #c9cfca;background:#fff;color:var(--menu-ink);padding:22px;text-align:left;cursor:pointer;min-height:470px;display:flex;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s}.option-card:hover,.option-card:focus-visible{transform:translateY(-5px);box-shadow:0 18px 35px rgba(14,35,30,.09)}.option-card.selected{border-color:var(--menu-blue);box-shadow:inset 0 0 0 1px var(--menu-blue)}.option-num{font:500 11px 'DM Mono',monospace;text-transform:uppercase;color:var(--menu-blue)}.option-visual{height:225px;margin:23px 0 26px;padding:21px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-content:start;position:relative;background:#eef0ed}.option-visual i{grid-column:1/-1;height:22px;border:1px solid #aeb5b1;margin-bottom:12px}.option-visual b{height:72px;border-top:2px solid #424b47;background:repeating-linear-gradient(to bottom,transparent 0 12px,#b4bbb7 13px 14px,transparent 15px 21px);opacity:.72}.visual-dark{background:#173e36}.visual-dark i{border-color:#dce9e4}.visual-dark b{border-color:#f0f3ed;background:repeating-linear-gradient(to bottom,transparent 0 12px,#8ca9a1 13px 14px,transparent 15px 21px)}.visual-split{background:linear-gradient(90deg,var(--menu-blue) 0 36%,#f0f2ed 36%)}.visual-split i{grid-column:2/-1;margin-left:20px}.visual-split b:first-of-type{opacity:0}.option-card strong{font-size:clamp(21px,2.1vw,31px);line-height:1.18;letter-spacing:-.05em}.option-card small{font-size:14px;line-height:1.5;color:#58635e;margin:11px 0 22px;max-width:320px}.option-action{margin-top:auto;font:500 11px 'DM Mono',monospace;text-transform:uppercase;border-top:1px solid #c9cfca;padding-top:15px}.open-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:42px}.open-row>span{font:400 11px 'DM Mono',monospace;text-transform:uppercase}.open-current{border:0;background:var(--menu-ink);color:white;padding:18px 24px;font:500 12px 'DM Mono',monospace;cursor:pointer}.open-current span{margin-left:40px}.open-current:hover,.open-current:focus-visible{background:var(--menu-blue)}
/* One interaction model, three visual treatments. */
body.menu-open{overflow:hidden}.mega-dialog{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;padding:clamp(10px,1.15vw,22px);border:0;background:transparent;color:var(--menu-ink);overflow:hidden}.mega-dialog::backdrop{background:rgba(8,17,16,.72);backdrop-filter:blur(7px)}.mega-dialog[open]{animation:dialog-in .55s cubic-bezier(.2,.75,.2,1) both}.mega-shell{background:#f7f7f4;width:100%;height:100%;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.15)}.mega-top,.mega-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(22px,3.5vw,60px);flex:none}.mega-top{border-bottom:1px solid #ccd1cc;min-height:84px}.mega-brand{display:inline-flex;align-items:center;width:100px;height:35px;color:#111113}.mega-brand .tw-site-mark{width:99px;height:32px;background:currentColor;-webkit-mask:url('/assets/tw-monogram-black.png') center/contain no-repeat;mask:url('/assets/tw-monogram-black.png') center/contain no-repeat}.mega-top-label,.mega-bottom{font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}.mega-close{border:1px solid currentColor;border-radius:100px;background:transparent;color:inherit;padding:10px 14px;font:500 12px 'DM Mono',monospace;cursor:pointer}.mega-close span{font:20px/0 Manrope;margin-left:19px;vertical-align:-2px}.mega-close:hover{background:#111113;color:#fff}.mega-content{flex:1;min-height:0;overflow-y:auto;padding:clamp(25px,3.5vw,58px) clamp(22px,3.5vw,60px)}.mega-intro{display:none}.mega-search{margin-bottom:43px}.mega-search label{display:block;font:500 11px 'DM Mono',monospace;text-transform:uppercase;margin-bottom:12px}.mega-search>div{display:flex;border-bottom:2px solid currentColor}.mega-search input{width:100%;border:0;background:transparent;color:inherit;outline:0;font:500 clamp(25px,3.3vw,49px)/1.35 Manrope;padding:7px 0 15px;letter-spacing:-.05em}.mega-search input::placeholder{color:#919b95}.mega-search button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:26px;width:48px}.search-help{display:block;font:400 10px 'DM Mono',monospace;color:#69766f;margin-top:9px}.menu-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px clamp(28px,3vw,64px)}.menu-group{border-top:1px solid #c3cbc5;padding-top:16px}.menu-group-heading{display:flex;align-items:baseline;gap:17px}.group-index{font:500 10px 'DM Mono',monospace;color:var(--menu-blue)}.menu-group h3{font:700 clamp(25px,2.4vw,37px)/1.08 Manrope;margin:0;letter-spacing:-.055em}.menu-group p{font:400 11px 'DM Mono',monospace;color:#7b857d;margin:7px 0 15px}.menu-group ul{list-style:none;padding:0;margin:0 0 10px 26px}.menu-group li{margin:4px 0}.menu-group li a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:max-content;max-width:100%;font:500 14px/1.45 Manrope;color:inherit;text-decoration:none;padding:2px 0;transition:color .2s,transform .2s}.menu-group li a span{opacity:0;font-size:12px}.menu-group li a:hover,.menu-group li a:focus-visible{color:var(--menu-blue);transform:translateX(4px)}.menu-group li a:hover span,.menu-group li a:focus-visible span{opacity:1}.no-results{font-size:20px}.no-results a{text-decoration:underline}.mega-bottom{border-top:1px solid #cbd0ca;min-height:50px}.mega-bottom a{color:inherit;text-decoration:none}.mega-bottom a:hover{text-decoration:underline}
.mega-dialog.theme-dark{padding:0;color:#f5f7f1}.theme-dark .mega-shell{border-radius:0;background:#173e36}.theme-dark .mega-top,.theme-dark .mega-bottom{border-color:#668b80}.theme-dark .mega-brand{color:white}.theme-dark .mega-close:hover{background:#f5f7f1;color:#173e36}.theme-dark .mega-content{padding-top:clamp(32px,5vw,85px)}.theme-dark .mega-search input::placeholder,.theme-dark .search-help,.theme-dark .menu-group p{color:#a3bbb2}.theme-dark .menu-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8vw}.theme-dark .menu-group{border-color:#668b80;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(160px,1fr);padding:20px 0 24px}.theme-dark .menu-group h3{font-size:clamp(28px,3.2vw,54px)}.theme-dark .menu-group ul{margin:0}.theme-dark .group-index{color:#9eafe9}.theme-dark .menu-group li a:hover,.theme-dark .menu-group li a:focus-visible{color:#a9b9ff}
.mega-dialog.theme-split .mega-shell{background:#f7f7f4}.theme-split .mega-content{padding:0;display:grid;grid-template-columns:minmax(300px,34%) 1fr}.theme-split .mega-intro{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(35px,4vw,70px);background:var(--menu-blue);color:#fff;min-height:100%}.mega-eyebrow{font:500 11px 'DM Mono',monospace;text-transform:uppercase}.theme-split .mega-intro h2{font:600 clamp(52px,5.3vw,90px)/.92 Manrope;letter-spacing:-.08em;margin:5vh 0 20px}.theme-split .mega-intro h2 em{font-weight:500;font-style:normal;color:#b9c5ff}.theme-split .mega-intro p{font-size:clamp(15px,1.25vw,19px);line-height:1.5;max-width:330px}.theme-split .mega-intro>a{margin-top:auto;border-bottom:1px solid #fff;color:#fff;text-decoration:none;padding-bottom:9px;font:500 12px 'DM Mono',monospace}.theme-split .mega-directory{padding:clamp(28px,3vw,55px);overflow-y:auto}.theme-split .menu-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 35px}.theme-split .menu-group h3{font-size:clamp(24px,2.3vw,34px)}
@keyframes dialog-in{from{opacity:0;transform:translateY(30px) scale(.965)}to{opacity:1;transform:none}}@media(max-width:1000px){.option-grid{grid-template-columns:1fr 1fr}.option-card:last-child{grid-column:1/-1}.mega-dialog.theme-dark .menu-groups{grid-template-columns:1fr}.theme-split .mega-content{grid-template-columns:30% 1fr}.theme-split .menu-groups{grid-template-columns:1fr 1fr}}@media(max-width:720px){.study-hero{min-height:700px;padding-top:145px!important}.study-meta span:last-child{display:none}.study-hero h1{font-size:clamp(64px,15vw,105px)!important}.study-lead{display:block}.study-lead span{display:none}.options-panel{padding-top:70px;padding-bottom:85px}.options-heading{display:block}.options-heading p{margin-top:16px}.option-grid{grid-template-columns:1fr}.option-card:last-child{grid-column:auto}.option-card{min-height:390px}.option-visual{height:170px}.open-row>span{display:none}.mega-dialog{padding:0}.mega-shell{border-radius:0}.mega-top{min-height:68px}.mega-top-label{display:none}.mega-content{padding:27px 22px}.mega-search{margin-bottom:30px}.menu-groups,.theme-split .menu-groups{grid-template-columns:1fr 1fr;gap:26px 16px}.menu-group h3{font-size:23px}.menu-group ul{margin-left:0}.menu-group li a{font-size:13px}.group-index,.menu-group p{display:none}.theme-dark .mega-content{padding-top:27px}.theme-dark .menu-group{grid-template-columns:1fr;gap:14px}.theme-dark .menu-group ul{margin-left:0}.theme-split .mega-content{display:block}.theme-split .mega-intro{min-height:0;padding:20px 22px}.theme-split .mega-intro h2,.theme-split .mega-intro p,.theme-split .mega-intro>a{display:none}.theme-split .mega-directory{padding:27px 22px}.mega-bottom span:last-child{display:none}}@media(max-width:420px){.menu-groups,.theme-split .menu-groups{grid-template-columns:1fr}.menu-group{padding-top:12px}.mega-search input{font-size:25px}}@media(prefers-reduced-motion:reduce){.mega-dialog[open]{animation:none}.option-card,.menu-group li a{transition:none}}
/* The study's hero keeps its own colour and scale over the shared page defaults. */
body.refined-system.menu-study main>section:first-child.study-hero{background:#e8eeed!important;color:#111113!important;padding-top:clamp(145px,16vw,240px)!important}
body.refined-system.menu-study main>section:first-child.study-hero h1{font:600 clamp(76px,12.3vw,190px)/.83 Manrope,sans-serif!important;letter-spacing:-.085em!important}
@media(max-width:720px){body.refined-system.menu-study main>section:first-child.study-hero h1{font-size:clamp(64px,15vw,105px)!important}}

:root{--menu-ink:#111113;--menu-paper:#f7f7f4;--menu-blue:#3f4ed7;--menu-green:#173e36;--menu-line:#c9cbc9}
/* One interaction model, three visual treatments. */
body.menu-open{overflow:hidden}.mega-dialog{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;padding:clamp(10px,1.15vw,22px);border:0;background:transparent;color:var(--menu-ink);overflow:hidden}.mega-dialog::backdrop{background:rgba(8,17,16,.72);backdrop-filter:blur(7px)}.mega-dialog[open]{animation:dialog-in .55s cubic-bezier(.2,.75,.2,1) both}.mega-shell{background:#f7f7f4;width:100%;height:100%;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.15)}.mega-top,.mega-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(22px,3.5vw,60px);flex:none}.mega-top{border-bottom:1px solid #ccd1cc;min-height:84px}.mega-brand{display:inline-flex;align-items:center;width:100px;height:35px;color:#111113}.mega-brand .tw-site-mark{width:99px;height:32px;background:currentColor;-webkit-mask:url('/assets/tw-monogram-black.png') center/contain no-repeat;mask:url('/assets/tw-monogram-black.png') center/contain no-repeat}.mega-top-label,.mega-bottom{font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}.mega-close{border:1px solid currentColor;border-radius:100px;background:transparent;color:inherit;padding:10px 14px;font:500 12px 'DM Mono',monospace;cursor:pointer}.mega-close span{font:20px/0 Manrope;margin-left:19px;vertical-align:-2px}.mega-close:hover{background:#111113;color:#fff}.mega-content{flex:1;min-height:0;overflow-y:auto;padding:clamp(25px,3.5vw,58px) clamp(22px,3.5vw,60px)}.mega-intro{display:none}.mega-search{margin-bottom:43px}.mega-search label{display:block;font:500 11px 'DM Mono',monospace;text-transform:uppercase;margin-bottom:12px}.mega-search>div{display:flex;border-bottom:2px solid currentColor}.mega-search input{width:100%;border:0;background:transparent;color:inherit;outline:0;font:500 clamp(25px,3.3vw,49px)/1.35 Manrope;padding:7px 0 15px;letter-spacing:-.05em}.mega-search input::placeholder{color:#919b95}.mega-search button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:26px;width:48px}.search-help{display:block;font:400 10px 'DM Mono',monospace;color:#69766f;margin-top:9px}.menu-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px clamp(28px,3vw,64px)}.menu-group{border-top:1px solid #c3cbc5;padding-top:16px}.menu-group-heading{display:flex;align-items:baseline;gap:17px}.group-index{font:500 10px 'DM Mono',monospace;color:var(--menu-blue)}.menu-group h3{font:700 clamp(25px,2.4vw,37px)/1.08 Manrope;margin:0;letter-spacing:-.055em}.menu-group p{font:400 11px 'DM Mono',monospace;color:#7b857d;margin:7px 0 15px}.menu-group ul{list-style:none;padding:0;margin:0 0 10px 26px}.menu-group li{margin:4px 0}.menu-group li a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:max-content;max-width:100%;font:500 14px/1.45 Manrope;color:inherit;text-decoration:none;padding:2px 0;transition:color .2s,transform .2s}.menu-group li a span{opacity:0;font-size:12px}.menu-group li a:hover,.menu-group li a:focus-visible{color:var(--menu-blue);transform:translateX(4px)}.menu-group li a:hover span,.menu-group li a:focus-visible span{opacity:1}.no-results{font-size:20px}.no-results a{text-decoration:underline}.mega-bottom{border-top:1px solid #cbd0ca;min-height:50px}.mega-bottom a{color:inherit;text-decoration:none}.mega-bottom a:hover{text-decoration:underline}
.mega-dialog.theme-dark{padding:0;color:#f5f7f1}.theme-dark .mega-shell{border-radius:0;background:#173e36}.theme-dark .mega-top,.theme-dark .mega-bottom{border-color:#668b80}.theme-dark .mega-brand{color:white}.theme-dark .mega-close:hover{background:#f5f7f1;color:#173e36}.theme-dark .mega-content{padding-top:clamp(32px,5vw,85px)}.theme-dark .mega-search input::placeholder,.theme-dark .search-help,.theme-dark .menu-group p{color:#a3bbb2}.theme-dark .menu-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8vw}.theme-dark .menu-group{border-color:#668b80;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(160px,1fr);padding:20px 0 24px}.theme-dark .menu-group h3{font-size:clamp(28px,3.2vw,54px)}.theme-dark .menu-group ul{margin:0}.theme-dark .group-index{color:#9eafe9}.theme-dark .menu-group li a:hover,.theme-dark .menu-group li a:focus-visible{color:#a9b9ff}
.mega-dialog.theme-split .mega-shell{background:#f7f7f4}.theme-split .mega-content{padding:0;display:grid;grid-template-columns:minmax(300px,34%) 1fr}.theme-split .mega-intro{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(35px,4vw,70px);background:var(--menu-blue);color:#fff;min-height:100%}.mega-eyebrow{font:500 11px 'DM Mono',monospace;text-transform:uppercase}.theme-split .mega-intro h2{font:600 clamp(52px,5.3vw,90px)/.92 Manrope;letter-spacing:-.08em;margin:5vh 0 20px}.theme-split .mega-intro h2 em{font-weight:500;font-style:normal;color:#b9c5ff}.theme-split .mega-intro p{font-size:clamp(15px,1.25vw,19px);line-height:1.5;max-width:330px}.theme-split .mega-intro>a{margin-top:auto;border-bottom:1px solid #fff;color:#fff;text-decoration:none;padding-bottom:9px;font:500 12px 'DM Mono',monospace}.theme-split .mega-directory{padding:clamp(28px,3vw,55px);overflow-y:auto}.theme-split .menu-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 35px}.theme-split .menu-group h3{font-size:clamp(24px,2.3vw,34px)}
@keyframes dialog-in{from{opacity:0;transform:translateY(30px) scale(.965)}to{opacity:1;transform:none}}@media(max-width:1000px){.option-grid{grid-template-columns:1fr 1fr}.option-card:last-child{grid-column:1/-1}.mega-dialog.theme-dark .menu-groups{grid-template-columns:1fr}.theme-split .mega-content{grid-template-columns:30% 1fr}.theme-split .menu-groups{grid-template-columns:1fr 1fr}}@media(max-width:720px){.study-hero{min-height:700px;padding-top:145px!important}.study-meta span:last-child{display:none}.study-hero h1{font-size:clamp(64px,15vw,105px)!important}.study-lead{display:block}.study-lead span{display:none}.options-panel{padding-top:70px;padding-bottom:85px}.options-heading{display:block}.options-heading p{margin-top:16px}.option-grid{grid-template-columns:1fr}.option-card:last-child{grid-column:auto}.option-card{min-height:390px}.option-visual{height:170px}.open-row>span{display:none}.mega-dialog{padding:0}.mega-shell{border-radius:0}.mega-top{min-height:68px}.mega-top-label{display:none}.mega-content{padding:27px 22px}.mega-search{margin-bottom:30px}.menu-groups,.theme-split .menu-groups{grid-template-columns:1fr 1fr;gap:26px 16px}.menu-group h3{font-size:23px}.menu-group ul{margin-left:0}.menu-group li a{font-size:13px}.group-index,.menu-group p{display:none}.theme-dark .mega-content{padding-top:27px}.theme-dark .menu-group{grid-template-columns:1fr;gap:14px}.theme-dark .menu-group ul{margin-left:0}.theme-split .mega-content{display:block}.theme-split .mega-intro{min-height:0;padding:20px 22px}.theme-split .mega-intro h2,.theme-split .mega-intro p,.theme-split .mega-intro>a{display:none}.theme-split .mega-directory{padding:27px 22px}.mega-bottom span:last-child{display:none}}@media(max-width:420px){.menu-groups,.theme-split .menu-groups{grid-template-columns:1fr}.menu-group{padding-top:12px}.mega-search input{font-size:25px}}@media(prefers-reduced-motion:reduce){.mega-dialog[open]{animation:none}.option-card,.menu-group li a{transition:none}}

/* WPP-inspired expanding navigation, in the TW palette. */
.home-menu-split .alt-menu,.home-menu-split .alt-mobile-nav{display:none!important}
:is(.home-menu-split,.sitewide-menu) .hero-option-panel{top:7rem;right:1.25rem}
:is(.home-menu-split,.sitewide-menu) .site-refined-footer{padding-bottom:8rem}
.floating-menu{position:fixed;left:50%;bottom:clamp(18px,3vw,35px);z-index:90;transform:translateX(-50%);width:222px;height:52px;border:1px solid rgba(255,255,255,.22);border-radius:100px;background:#3f4ed7;color:#fff;box-shadow:0 12px 36px rgba(7,16,67,.25);display:flex;align-items:center;gap:13px;padding:0 17px;cursor:pointer;font:500 12px 'DM Mono',monospace;letter-spacing:-.02em;transition:width .3s cubic-bezier(.2,.8,.2,1),transform .3s,background .3s,box-shadow .3s}
.floating-menu:hover,.floating-menu:focus-visible{width:232px;background:#3f4ed7;box-shadow:0 17px 45px rgba(7,16,67,.35)}
.floating-menu:focus-visible{outline:3px solid #a9b8ff;outline-offset:4px}
.floating-mark{width:51px;height:22px;flex:none;background:#fff;-webkit-mask:url('/assets/tw-monogram-black.png') center/contain no-repeat;mask:url('/assets/tw-monogram-black.png') center/contain no-repeat}.floating-label{margin-left:auto;white-space:nowrap}
.floating-dots{width:18px;height:18px;flex:none;display:grid;grid-template-columns:repeat(3,3px);grid-template-rows:repeat(3,3px);gap:4px;align-content:center;justify-content:center;transition:transform .3s}
.floating-dots i{display:block;border-radius:50%;background:currentColor;width:3px;height:3px}
.floating-menu:hover .floating-dots{transform:rotate(45deg)}
:is(.home-menu-split,.sitewide-menu) .mega-dialog{padding:clamp(10px,1.2vw,20px) clamp(10px,1.2vw,20px) 116px;z-index:110}
:is(.home-menu-split,.sitewide-menu) .mega-dialog::backdrop{background:rgba(8,16,23,.74);backdrop-filter:blur(6px)}
:is(.home-menu-split,.sitewide-menu) .mega-dialog[open]{animation:none}
:is(.home-menu-split,.sitewide-menu) .mega-shell{border-radius:13px;animation:split-menu-open .72s cubic-bezier(.16,.82,.17,1) both;transform-origin:50% 100%}
:is(.home-menu-split,.sitewide-menu) .mega-dialog.is-closing .mega-shell{animation:split-menu-close .45s cubic-bezier(.7,0,.85,.35) both}
:is(.home-menu-split,.sitewide-menu) .mega-top,:is(.home-menu-split,.sitewide-menu) .mega-content,:is(.home-menu-split,.sitewide-menu) .mega-bottom{animation:split-content-in .5s .23s both}
:is(.home-menu-split,.sitewide-menu) .mega-dialog.is-closing :is(.mega-top,.mega-content,.mega-bottom){animation:none}
:is(.home-menu-split,.sitewide-menu) .floating-close{position:absolute;z-index:4;bottom:25px;animation:close-pill-in .4s .24s both}
:is(.home-menu-split,.sitewide-menu) .mega-dialog.is-closing .floating-close{animation:close-pill-out .28s both}
:is(.home-menu-split,.sitewide-menu) .floating-close .is-close{transform:rotate(45deg)}
:is(.home-menu-split,.sitewide-menu) .floating-close:hover .is-close{transform:rotate(90deg)}
:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-top{background:#f7f7f4}
:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-top-label{color:#4d5d56}
:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-close{color:#17211d}
:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-content{min-height:0}
:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-intro{background:#3f4ed7}
:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-search{margin-bottom:30px}
:is(.home-menu-split,.sitewide-menu) .mega-dialog .menu-groups{gap:25px 35px}
:is(.home-menu-split,.sitewide-menu) .mega-dialog .menu-group{padding-top:11px}
@keyframes split-menu-open{0%{clip-path:inset(calc(100% - 4px) calc(50% - 109px) 0 round 90px);transform:translateY(86px);opacity:.72}55%{clip-path:inset(14% 5% 0 round 26px);transform:translateY(0);opacity:1}100%{clip-path:inset(0 0 0 round 13px);transform:none;opacity:1}}
@keyframes split-menu-close{0%{clip-path:inset(0 0 0 round 13px);transform:none;opacity:1}100%{clip-path:inset(calc(100% - 4px) calc(50% - 109px) 0 round 90px);transform:translateY(86px);opacity:.72}}
@keyframes split-content-in{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}
@keyframes close-pill-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes close-pill-out{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,10px)}}
@media(max-width:720px){.floating-menu{width:204px;height:50px;padding:0 15px;gap:10px;font-size:11px}.floating-menu:hover,.floating-menu:focus-visible{width:214px}.floating-mark{width:45px;height:20px}:is(.home-menu-split,.sitewide-menu) .hero-option-panel{top:5.9rem}:is(.home-menu-split,.sitewide-menu) .mega-dialog{padding:0 0 94px}:is(.home-menu-split,.sitewide-menu) .mega-shell{border-radius:0}:is(.home-menu-split,.sitewide-menu) .floating-close{bottom:16px}:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-top{min-height:65px}:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-intro{padding:18px 22px}:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-content{display:block}}
@media(max-width:800px){
  /* The mobile hero toggle must not stretch between top and bottom offsets. */
  :is(.home-menu-split,.sitewide-menu) .hero-option-panel{
    top:calc(5.9rem + env(safe-area-inset-top));
    right:.75rem;
    bottom:auto;
    left:auto;
    width:min(15rem,calc(100vw - 1.5rem));
  }
}
@media(prefers-reduced-motion:reduce){:is(.home-menu-split,.sitewide-menu) .mega-shell,:is(.home-menu-split,.sitewide-menu) .mega-dialog.is-closing .mega-shell,:is(.home-menu-split,.sitewide-menu) .mega-top,:is(.home-menu-split,.sitewide-menu) .mega-content,:is(.home-menu-split,.sitewide-menu) .mega-bottom,:is(.home-menu-split,.sitewide-menu) .floating-close,:is(.home-menu-split,.sitewide-menu) .mega-dialog.is-closing .floating-close{animation:none!important}.floating-menu,.floating-dots{transition:none!important}}

/* Contact details live in the blue half of the expanded menu. */
:is(.home-menu-split,.sitewide-menu) .mega-contact{display:flex;flex-direction:column;align-items:flex-start;gap:9px;width:100%;margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.42)}
:is(.home-menu-split,.sitewide-menu) .mega-contact>span{font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;opacity:.75}
:is(.home-menu-split,.sitewide-menu) .mega-contact a{color:#fff;text-decoration:none;font:500 clamp(15px,1.4vw,20px)/1.3 Manrope,sans-serif;overflow-wrap:anywhere}
:is(.home-menu-split,.sitewide-menu) .mega-contact a:hover,:is(.home-menu-split,.sitewide-menu) .mega-contact a:focus-visible{text-decoration:underline;text-underline-offset:4px}
:is(.home-menu-split,.sitewide-menu) .mega-contact .mega-contact-cta{margin-top:17px;display:inline-flex;gap:25px;align-items:center;border:1px solid rgba(255,255,255,.7);border-radius:100px;padding:12px 17px;font:500 12px 'DM Mono',monospace;text-transform:uppercase;transition:background .2s,color .2s}
:is(.home-menu-split,.sitewide-menu) .mega-contact .mega-contact-cta:hover,:is(.home-menu-split,.sitewide-menu) .mega-contact .mega-contact-cta:focus-visible{background:#fff;color:#3f4ed7;text-decoration:none}
@media(max-width:720px){:is(.home-menu-split,.sitewide-menu) .mega-contact{margin-top:14px;border:0;padding-top:0;gap:6px}:is(.home-menu-split,.sitewide-menu) .mega-contact>span{display:none}:is(.home-menu-split,.sitewide-menu) .mega-contact a{font-size:13px}:is(.home-menu-split,.sitewide-menu) .mega-contact .mega-contact-cta{margin-top:8px;padding:9px 12px;font-size:10px}}
/* Keep the blue-panel heading visible after adding contact details. */
:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-intro{overflow-y:auto;padding:clamp(24px,3vw,48px)}
:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-intro h2{display:block;flex:none;font-size:clamp(42px,4.6vw,72px);line-height:.96;margin:clamp(15px,3vh,35px) 0 14px}
:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-intro p{flex:none;margin:0 0 20px}
:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-intro h2 em{display:inline;color:#d8dfff!important}
@media(max-width:720px){:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-intro{padding:18px 22px;overflow:visible}:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-intro h2{display:block!important;font-size:38px;line-height:.93;margin:12px 0 8px}:is(.home-menu-split,.sitewide-menu) .mega-dialog .mega-intro p{display:none}}

/* Keep the menu distinct from the underlying page on all templates. */
.sitewide-menu .floating-open{isolation:isolate}

.f3-footer{padding:5rem 5vw 3rem;position:relative;overflow:hidden;scroll-margin-top:1rem}.f3-footer a{color:inherit;text-decoration:none}.f3-footer a:hover{text-decoration:underline;text-underline-offset:.3em}.f3-footer a:focus-visible{outline:2px solid currentColor!important;outline-offset:5px}.f3-title{position:relative;padding-bottom:4rem}.f3-title>span{font:400 .85rem var(--mono);text-transform:uppercase}.f3-title h2{font:600 clamp(3.5rem,7.5vw,8rem)/.95 Manrope,sans-serif;letter-spacing:-.065em;max-width:80%;margin:2rem 0}.f3-title h2 em{font-style:normal}.f3-grid{display:grid;grid-template-columns:1.1fr 2fr .55fr;gap:4vw;border-top:1px solid currentColor;padding:3rem 0}.f3-contact{display:flex;flex-direction:column;align-items:start;gap:1rem}.f3-contact>span,.f3-nav h3{font:400 .8rem var(--mono);text-transform:uppercase;margin:0 0 1rem}.f3-contact>a:first-of-type{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:600;overflow-wrap:anywhere}.f3-contact p{font-size:1rem;margin:0}.f3-cta{border:1px solid currentColor;border-radius:999px;padding:1rem 1.5rem;margin-top:1rem;font:500 .8rem var(--mono);text-transform:uppercase}.f3-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.f3-nav nav{display:flex;flex-direction:column;align-items:start;gap:.8rem}.f3-nav a{font-size:1rem}.f3-badge{background:#fff;display:flex;align-items:center;justify-content:center;align-self:start;padding:.5rem;min-width:140px;border-radius:.75rem}.f3-badge img{width:100%;max-width:160px;height:auto}.f3-legal{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid currentColor;padding-top:1.5rem;font:400 .75rem var(--mono);text-transform:uppercase}.f3-legal>div{display:flex;gap:1rem}.f3-yellow{background:#fdfa2d;color:#012850}.f3-yellow h2 em{color:#0051fe}.f3-circle{position:absolute;right:0;top:3rem;width:10rem;height:10rem;border-radius:50%;background:#012850;color:#fdfa2d!important;display:flex;align-items:center;justify-content:center;text-align:center;font:500 1rem var(--mono);text-transform:uppercase;transform:rotate(8deg);transition:transform .25s}.f3-circle:hover{transform:rotate(-5deg) scale(1.05)}.f3-yellow .f3-cta{background:#012850;color:#fff}.f3-electric{background:#0051fe;color:#fff}.f3-electric .f3-title{display:grid;grid-template-columns:2fr 1fr;align-items:end}.f3-electric .f3-title>span{grid-column:1/-1}.f3-electric h2{max-width:100%}.f3-electric h2 em{color:#fdfa2d}.f3-big-mail{background:#fdfa2d;color:#012850!important;display:block;padding:2rem;border-radius:1rem;transform:rotate(-5deg);font-size:clamp(2rem,4vw,4rem);font-weight:600;letter-spacing:-.05em;margin:0 0 3rem 2rem;transition:transform .25s}.f3-big-mail:hover{transform:rotate(0deg)}.f3-electric .f3-cta{background:#fdfa2d;color:#012850}.f3-people{background:#012850;color:#fff;padding-bottom:8rem}.f3-people .f3-title{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem 3rem;align-items:center}.f3-people .f3-title>span{grid-column:1/-1}.f3-people h2{font-size:clamp(3rem,5.5vw,6rem);max-width:100%}.f3-people h2 em{color:#fdfa2d}.f3-photo{margin:0;transform:rotate(3deg);position:relative}.f3-photo img{width:100%;height:22rem;object-fit:cover;display:block;border-radius:1rem}.f3-photo figcaption{background:#fdfa2d;color:#012850;padding:1rem;font:400 .8rem var(--mono);position:absolute;bottom:-1rem;left:-1rem;transform:rotate(-3deg)}.f3-people .f3-cta{background:#0051fe;color:#fff;border-color:#0051fe}
@media(max-width:950px){.f3-grid{grid-template-columns:1fr 2fr}.f3-badge{grid-column:1;max-width:170px}.f3-title h2{max-width:80%;font-size:6vw}.f3-circle{width:8rem;height:8rem}.f3-legal{flex-wrap:wrap}.f3-people .f3-title{grid-template-columns:1fr 1fr}.f3-photo img{height:17rem}}
@media(max-width:650px){.f3-footer{padding:4rem 1.25rem 3rem}.f3-grid{grid-template-columns:1fr;gap:3rem}.f3-nav{grid-template-columns:1fr 1fr;gap:2rem}.f3-badge{max-width:160px}.f3-title h2{font-size:3.3rem;max-width:100%}.f3-circle{position:static;width:7rem;height:7rem;font-size:.8rem;margin-top:2rem}.f3-electric .f3-title,.f3-people .f3-title{display:block}.f3-big-mail{margin:2rem 0 1rem;width:max-content}.f3-photo{margin:2rem 1rem}.f3-legal{display:block;line-height:1.6}.f3-legal>div{margin:1rem 0;flex-wrap:wrap}.f3-people{padding-bottom:8rem}.f3-jumps{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){.f3-circle,.f3-big-mail{transition:none}.f3-circle:hover,.f3-big-mail:hover{transform:none}}
body.refined-system.wordpress-brand-colours main .f3-footer p{color:inherit!important}

/* Compact partner marks in the selected blue footer. */
.f3-electric .f3-partners{display:flex;flex-direction:column;align-items:center;gap:1.5rem;align-self:start;justify-self:center}
.f3-electric .f3-badge{padding:0;background:transparent;border-radius:0;min-width:0;width:108px;display:block;align-self:center}
.f3-electric .f3-badge img{display:block;width:108px;height:auto;max-width:none}
.f3-electric .f3-shopify{display:block;width:112px;padding:0}
.f3-electric .f3-shopify img{display:block;width:112px;height:auto}
@media(max-width:950px){.f3-electric .f3-partners{grid-column:1;flex-direction:column;justify-content:flex-start;justify-self:start;gap:1.5rem}}

/* Keep the oversized greeting legible against both brand backgrounds. */
body.refined-system.wordpress-brand-colours .f3-electric .f3-title h2{color:#fff!important}
body.refined-system.wordpress-brand-colours .f3-electric .f3-title h2 em{color:#fdfa2d!important;-webkit-text-fill-color:#fdfa2d;opacity:1}
body.refined-system.wordpress-brand-colours .f3-electric .f3-title .f3-big-mail{color:#012850!important;-webkit-text-fill-color:#012850;opacity:1}

body.refined-system.wordpress-brand-colours .f3-electric .f3-shopify-caption{display:block;width:140px;margin:.75rem 0 0 -14px;text-align:center;font:400 .65rem/1.5 var(--mono);color:#fff!important}
body.wordpress-brand-colours .f3-electric{padding-bottom:7rem;background:#0051fe!important;color:#fff!important}
body.wordpress-brand-colours .f3-electric .f3-cta{background:#fdfa2d;color:#012850!important}

.wpf-controls{padding:3rem 5vw 1rem;background:#fff;color:#012850}.wpf-controls>span{font:400 .75rem/1.5 var(--mono)}.wpf-controls>div{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.wpf-controls button{padding:.8rem 1.2rem;border:1px solid #012850;border-radius:999px;background:#fff;color:#012850;font:400 .75rem var(--mono);cursor:pointer}.wpf-controls button[aria-pressed="true"]{background:#012850;color:#fff}.wpf-controls button:focus-visible{outline:3px solid #0051fe;outline-offset:4px}
body.wordpress-brand-colours .wpf-footer{margin:1.5rem 5vw 2rem;border-radius:2rem;padding:4rem 3.5vw 6rem!important;transition:background .2s;color:#012850!important;background:#eaf0ff!important}
body.refined-system.wordpress-brand-colours .wpf-footer .f3-title h2{font-size:clamp(2.8rem,5.5vw,6rem);line-height:1.05;letter-spacing:-.055em;color:#012850!important}
body.refined-system.wordpress-brand-colours .wpf-footer .f3-title h2 em{color:#0051fe!important;-webkit-text-fill-color:#0051fe}
body.refined-system.wordpress-brand-colours .wpf-footer .f3-big-mail{background:#0051fe!important;color:#fff!important;-webkit-text-fill-color:#fff;font-size:clamp(1.5rem,2.5vw,2.5rem);border-radius:999px;transform:none;padding:1.3rem 2rem;text-align:center;margin-bottom:2rem}
body.refined-system.wordpress-brand-colours .wpf-footer .f3-big-mail:hover{transform:translateY(-4px)}
body.wordpress-brand-colours .wpf-footer .f3-title{gap:2rem;padding-bottom:2rem}
body.wordpress-brand-colours .wpf-footer .f3-cta{background:#012850!important;color:#fff!important}
body.refined-system.wordpress-brand-colours .wpf-footer .f3-shopify-caption{color:#012850!important}
body.wordpress-brand-colours .wpf-footer .f3-shopify img{filter:brightness(0) saturate(100%) invert(12%) sepia(64%) saturate(1739%) hue-rotate(185deg) brightness(89%) contrast(101%)}
body.wordpress-brand-colours .wpf-footer[data-footer-theme="navy"]{background:#012850!important;color:#fff!important}
body.refined-system.wordpress-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-title h2{color:#fff!important}
body.refined-system.wordpress-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-title h2 em{color:#fdfa2d!important;-webkit-text-fill-color:#fdfa2d}
body.refined-system.wordpress-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-big-mail{background:#fdfa2d!important;color:#012850!important;-webkit-text-fill-color:#012850}
body.wordpress-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-cta{background:#0051fe!important;color:#fff!important;border-color:#0051fe}
body.refined-system.wordpress-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-shopify-caption{color:#fff!important}
body.wordpress-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-shopify img{filter:none}
body.wordpress-brand-colours .wpf-footer[data-footer-theme="split"]{background:#fff!important;color:#012850!important;border:1px solid #ccd5e3;padding-top:0!important}
body.wordpress-brand-colours .wpf-footer[data-footer-theme="split"] .f3-title{background:#fdfa2d;margin:0 -3.5vw;padding:3rem 3.5vw 2rem;border-radius:2rem 2rem 0 0}
body.refined-system.wordpress-brand-colours .wpf-footer[data-footer-theme="split"] .f3-title h2 em{color:#012850!important;-webkit-text-fill-color:#012850}
body.wordpress-brand-colours .wpf-footer[data-footer-theme="split"] .f3-grid{border-top:0}
@media(max-width:950px){body.wordpress-brand-colours .wpf-footer .f3-grid{grid-template-columns:1fr 2fr}body.wordpress-brand-colours .wpf-footer .f3-partners{grid-column:1;justify-self:start}}
@media(max-width:650px){body.wordpress-brand-colours .wpf-footer{margin:1rem;border-radius:1.5rem;padding:3rem 1.25rem 6rem!important}body.wordpress-brand-colours .wpf-footer .f3-grid{grid-template-columns:1fr}body.wordpress-brand-colours .wpf-footer .f3-big-mail{width:fit-content;margin:1.5rem 0}body.wordpress-brand-colours .wpf-footer[data-footer-theme="split"] .f3-title{margin:0 -1.25rem;padding:2.5rem 1.25rem 1.5rem;border-radius:1.5rem 1.5rem 0 0}}
@media(prefers-reduced-motion:reduce){body.wordpress-brand-colours .wpf-footer{transition:none}body.wordpress-brand-colours .wpf-footer .f3-big-mail:hover{transform:none}}

body.home-brand-colours{--rs-ink:#012850;--rs-blue:#0051fe;--rs-paper:#eaf0ff;--rs-muted:#294665;background:#fff;color:#012850}
body.home-brand-colours .alt-header{position:absolute;top:1.5rem;left:5vw;right:5vw;width:auto;background:#fff!important;color:#012850!important;border:0!important;border-radius:999px;padding:1rem 2rem;box-shadow:0 8px 32px #0128500a;z-index:100}
body.home-brand-colours .alt-header .tw-site-mark{background:none!important;color:#012850!important}
body.home-brand-colours .alt-header-cta{background:#0051fe!important;border-color:#0051fe!important;color:#fff!important;border-radius:999px}
body.home-brand-colours .refined-hero{margin:0 2vw;border-radius:0 0 2.5rem 2.5rem;min-height:85vh!important;padding:11rem 6vw 4rem!important;position:relative;overflow:hidden}
body.home-brand-colours[data-hero-image="off"] .refined-hero{background:radial-gradient(ellipse at 50% 90%,#cedcff,transparent 70%),#f5f8ff!important;color:#012850!important}
body.home-brand-colours .refined-hero h1{font-size:clamp(3.3rem,7.6vw,8rem)!important;line-height:1!important;text-transform:none!important;letter-spacing:-.06em;max-width:1000px}
body.home-brand-colours[data-hero-image="off"] .refined-hero h1{color:#012850!important}
body.home-brand-colours[data-hero-image="off"] .refined-hero h1 span{color:#0051fe!important}
body.home-brand-colours[data-hero-image="on"] .refined-hero h1 span{color:#fdfa2d!important}
body.home-brand-colours .alt-hero-bottom a{border-radius:999px;background:#0051fe!important;color:#fff!important;padding:1rem 1.5rem;border:0!important}
body.home-brand-colours .hero-option-panel{position:absolute;top:7.5rem;background:#012850;border-radius:1rem;box-shadow:none;right:5vw}
body.home-brand-colours .refined-work{padding:6rem 5vw!important;background:#fff!important;color:#012850!important}
body.home-brand-colours .alt-section-head h2,body.home-brand-colours .refined-clients h2{color:#012850!important}
body.home-brand-colours .alt-case{border-radius:1.5rem;overflow:hidden;background:#f5f8ff;margin-bottom:2rem}
body.home-brand-colours .alt-case-art{border-radius:1.5rem;height:clamp(22rem,48vw,45rem)}
body.home-brand-colours .alt-case-meta{padding:1.5rem 2rem!important;background:#eaf0ff;color:#012850!important;border:0}
body.home-brand-colours .refined-clients{background:#fff!important;padding:3rem 5vw 6rem!important;color:#012850!important}
body.home-brand-colours .alt-client-grid{border:0!important;gap:1rem}
body.home-brand-colours .alt-client-grid>div{border:0!important;background:#fff;color:#012850!important}
body.home-brand-colours .refined-belief{margin:2rem 5vw;border-radius:2rem;background:#012850!important;color:#fff!important;padding:4rem!important}
body.home-brand-colours .refined-belief :is(h2,p,.alt-kicker){color:#fff!important}
body.home-brand-colours .refined-proof{margin:2rem 5vw;border-radius:2rem;background:#fdfa2d!important;color:#012850!important;padding:3rem 4rem!important}
body.home-brand-colours .refined-proof :is(strong,p,.alt-kicker){color:#012850!important}
body.home-brand-colours .refined-services{background:#fff!important;padding:6rem 5vw!important;color:#012850!important}
body.home-brand-colours .alt-service-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
body.home-brand-colours .alt-service-list>a{display:grid;grid-template-columns:2rem 1fr 2rem;gap:1rem;border:1px solid #d0dbed!important;border-radius:1.5rem;background:#f5f8ff;color:#012850!important;padding:2rem!important;transition:background .2s,transform .2s}
body.home-brand-colours .alt-service-list>a strong{font-size:clamp(1.35rem,2.2vw,2rem)!important;color:#012850!important}
body.home-brand-colours .alt-service-list>a p{grid-column:2;color:#294665!important}
body.home-brand-colours .alt-service-list>a b{grid-column:3;grid-row:1}
body.home-brand-colours .alt-service-list>a:last-child{grid-column:1/-1;background:#f5f8ff}
body.home-brand-colours .alt-service-list>a:hover{background:#e1eaff!important;transform:translateY(-3px)}
body.home-brand-colours .refined-people{margin:0 5vw 4rem;border-radius:2rem;overflow:hidden;border:0!important;background:#0051fe!important;color:#fff!important}
body.home-brand-colours .refined-people :is(h2,p,a,.alt-kicker){color:#fff!important}
body.home-brand-colours .alt-people-copy{padding:3rem!important}
body.home-brand-colours .alt-people-copy a{background:#fdfa2d;color:#012850!important;padding:1rem 1.5rem;border-radius:999px;display:inline-block}
body.home-brand-colours :is(.floating-menu,.floating-close){background:#0051fe!important;color:#fff!important}
body.home-brand-colours .mega-intro{background:#0051fe!important;color:#fff!important}
body.home-brand-colours .wpf-footer{margin-top:0!important}
@media(max-width:800px){body.home-brand-colours .alt-header{top:1rem;left:1rem;right:1rem;padding:1rem 1.25rem}body.home-brand-colours .refined-hero{margin:0;min-height:0!important;padding:12rem 1.25rem 3rem!important;border-radius:0 0 1.5rem 1.5rem}body.home-brand-colours .refined-hero h1{font-size:clamp(3rem,9vw,5rem)!important}body.home-brand-colours .hero-option-panel{top:6rem;bottom:auto;left:auto;right:1rem;width:13rem;padding:.65rem}body.home-brand-colours .alt-service-list{grid-template-columns:1fr}body.home-brand-colours .refined-belief,body.home-brand-colours .refined-proof{margin:1rem;padding:2.5rem 1.25rem!important}body.home-brand-colours .refined-people{margin:0 1rem 2rem}body.home-brand-colours .alt-people-copy{padding:2rem 1.25rem!important}body.home-brand-colours .alt-case-meta{padding:1.25rem!important}}
@media(prefers-reduced-motion:reduce){body.home-brand-colours .alt-service-list>a{transition:none}body.home-brand-colours .alt-service-list>a:hover{transform:none}}

/* Final alignment and typography for this homepage concept. */
body.home-brand-colours{--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}
body.home-brand-colours .alt-header .tw-site-brand,body.home-brand-colours .alt-header .tw-site-brand .tw-site-mark{color:#012850!important;background:none!important;opacity:1;visibility:visible}
body.home-brand-colours .alt-header .tw-site-brand .tw-site-mark::before{background:#012850!important;opacity:1;visibility:visible}
body.home-brand-colours .alt-header .tw-site-brand .tw-site-mark::after{background:#0051fe}
body.home-brand-colours .refined-services .alt-service-list{border-top:0!important;margin-left:0;width:100%}
body.home-brand-colours .refined-services .alt-section-head{margin-bottom:3rem}
body.home-brand-colours .f3-footer{font-family:"Manrope",sans-serif}
body.home-brand-colours .f3-title>span,body.home-brand-colours .f3-contact>span,body.home-brand-colours .f3-nav h3{font:400 .75rem/1.5 "DM Mono",monospace;letter-spacing:.04em}
body.home-brand-colours .f3-legal,body.home-brand-colours .f3-legal a,body.home-brand-colours .f3-legal span{font:400 .7rem/1.6 "DM Mono",monospace;letter-spacing:.025em}
body.home-brand-colours .f3-cta{font:400 .75rem/1.4 "DM Mono",monospace;padding:1rem 1.4rem}
body.home-brand-colours .f3-grid{grid-template-columns:minmax(15rem,1.1fr) minmax(0,2fr) 112px;gap:3vw;padding:2.5rem 0}
body.home-brand-colours .f3-nav{gap:1.5rem}
body.home-brand-colours .f3-nav nav{gap:.65rem}
body.home-brand-colours .f3-nav a{font:400 .95rem/1.5 "Manrope",sans-serif}
body.home-brand-colours .f3-contact>a:first-of-type{font-size:clamp(1rem,1.45vw,1.3rem)}
body.home-brand-colours .f3-contact p{font:400 .95rem/1.6 "Manrope",sans-serif;color:#294665!important}
body.home-brand-colours .f3-legal{align-items:center;gap:1.5rem;color:#012850}
body.home-brand-colours .f3-legal>div{gap:1.25rem;flex-wrap:wrap}
body.home-brand-colours .f3-partners{width:112px;align-items:center;justify-self:center}
body.home-brand-colours .f3-badge{align-self:center}
@media(max-width:1100px){body.home-brand-colours .f3-grid{grid-template-columns:1fr 2fr}body.home-brand-colours .f3-partners{grid-column:1;justify-self:start}}
@media(max-width:650px){body.home-brand-colours .f3-grid{grid-template-columns:1fr;gap:2.5rem}body.home-brand-colours .f3-legal{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}body.home-brand-colours .f3-legal>div{margin:0}body.home-brand-colours .f3-nav{gap:2rem 1rem}}

body.refined-system.home-brand-colours .refined-people .alt-people-copy a,body.refined-system.home-brand-colours .refined-people .alt-people-copy a:is(:hover,:focus-visible){background:#fdfa2d!important;color:#012850!important;-webkit-text-fill-color:#012850;border-color:#fdfa2d!important}
/* Blue greeting and yellow capsule. */
body.refined-system.home-brand-colours .wpf-footer .f3-title h2 em{color:#0051fe!important;-webkit-text-fill-color:#0051fe;background:none;padding:0;border-radius:0}
body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail{background:#fdfa2d!important;color:#012850!important;-webkit-text-fill-color:#012850}
/* Artwork fills the complete case study card, matching its caption width. */
body.refined-system.home-brand-colours .refined-work .alt-case{width:100%;max-width:none;margin-left:0;margin-right:0;padding:0}
body.refined-system.home-brand-colours .refined-work .alt-case .alt-case-art{display:flex;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box;border-radius:1.5rem 1.5rem 0 0}
/* Simple colour-only interaction for the header project action. */
body.home-brand-colours .alt-header .alt-header-cta{transition:background .2s ease,color .2s ease,border-color .2s ease;transform:none;box-shadow:none}
body.home-brand-colours .alt-header .alt-header-cta:is(:hover,:focus-visible,:active){background:#012850!important;border-color:#012850!important;color:#fff!important;transform:none;box-shadow:none}
body.home-brand-colours .alt-header .alt-header-cta:focus-visible{outline:2px solid #012850;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body.home-brand-colours .alt-header .alt-header-cta{transition:none}}
body.refined-system.home-brand-colours .alt-header nav a{color:#012850!important}
body.refined-system.home-brand-colours .alt-header nav a::after{background:#012850!important;border-color:#012850!important}
/* A hover-only wave inside the existing capsule, without changing its width. */
body.home-brand-colours .wpf-footer .f3-big-mail{position:relative;overflow:hidden}
body.home-brand-colours .wpf-footer .f3-big-mail .hello-label{display:inline-block;transition:transform .22s ease}
body.home-brand-colours .wpf-footer .f3-big-mail .hello-hover-hand{position:absolute;right:.55rem;top:50%;font-size:.7em;line-height:1;opacity:0;transform:translateY(-50%) scale(.6);transform-origin:70% 80%;pointer-events:none;-webkit-text-fill-color:initial;transition:opacity .18s ease}
body.home-brand-colours .wpf-footer .f3-big-mail:is(:hover,:focus-visible) .hello-label{transform:translateX(-.5rem)}
body.home-brand-colours .wpf-footer .f3-big-mail:is(:hover,:focus-visible) .hello-hover-hand{opacity:1;animation:footer-hello-wave .9s both}
@keyframes footer-hello-wave{0%{transform:translateY(-50%) scale(.6) rotate(0)}20%{transform:translateY(-50%) scale(1) rotate(24deg)}40%{transform:translateY(-50%) scale(1) rotate(-14deg)}60%{transform:translateY(-50%) scale(1) rotate(24deg)}80%{transform:translateY(-50%) scale(1) rotate(-8deg)}100%{transform:translateY(-50%) scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){body.home-brand-colours .wpf-footer .f3-big-mail .hello-label,body.home-brand-colours .wpf-footer .f3-big-mail .hello-hover-hand{transition:none}body.home-brand-colours .wpf-footer .f3-big-mail:is(:hover,:focus-visible) .hello-hover-hand{animation:none;transform:translateY(-50%)}}
body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-label{font-family:"Manrope",sans-serif!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-hover-hand{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;text-transform:none!important}

/* Keep the wave beside the greeting and restore its hover underline. */
body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-content{position:relative;display:inline-block;font:inherit!important;letter-spacing:inherit!important;text-transform:none!important;transition:transform .22s ease}
body.home-brand-colours .wpf-footer .f3-big-mail .hello-hover-hand{left:calc(100% + .3em);right:auto}
body.home-brand-colours .wpf-footer .f3-big-mail:is(:hover,:focus-visible) .hello-content{transform:translateX(-.5em)}
body.home-brand-colours .wpf-footer .f3-big-mail:is(:hover,:focus-visible) .hello-label{transform:none;text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:.04em}
@media(prefers-reduced-motion:reduce){body.home-brand-colours .wpf-footer .f3-big-mail .hello-content{transition:none}}
/* Blue actions always retain white labels, with the shared navy hover. */
body.refined-system.home-brand-colours .alt-header .alt-header-cta{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.refined-system.home-brand-colours .alt-header .alt-header-cta:is(:hover,:focus-visible,:active){background:#012850!important;border-color:#012850!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Centre the homepage legal links independently of the side items. */
body.home-brand-colours .f3-legal{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
body.home-brand-colours .f3-legal>div{margin:0;justify-content:center;justify-self:center}
body.home-brand-colours .f3-legal>a{justify-self:end}
@media(max-width:650px){body.home-brand-colours .f3-legal{display:flex;flex-direction:column;align-items:center;text-align:center}body.home-brand-colours .f3-legal>div{width:100%;justify-content:center;margin:0}}
/* Shared interaction rhythm for the new brand pages. */
body.refined-system.home-brand-colours .refined-proof-grid{border-top:1px solid #012850!important}
body.refined-system.home-brand-colours .refined-proof article{border:0!important;border-right:1px solid #012850!important}
body.refined-system.home-brand-colours .refined-proof article:last-child{border-right:0!important}
body.refined-system.home-brand-colours :is(.alt-header-cta,.alt-people-copy>a,.f3-cta,.f3-big-mail,.mega-contact-cta,.service-hero-foot>a,.floating-menu){transition:background-color .2s ease,color .2s ease,border-color .2s ease!important;transform:none!important;box-shadow:none}
body.refined-system.home-brand-colours .refined-people .alt-people-copy>a:is(:hover,:focus-visible),
body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail:is(:hover,:focus-visible),
body.refined-system.home-brand-colours .mega-contact .mega-contact-cta:is(:hover,:focus-visible),
body.refined-system.home-brand-colours .floating-menu:is(:hover,:focus-visible){background:#012850!important;border-color:#012850!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.refined-system.home-brand-colours .wpf-footer .f3-cta:is(:hover,:focus-visible){background:#0051fe!important;border-color:#0051fe!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.refined-system.home-brand-colours :is(.alt-service-list>a,.service-link-grid>a,.cap-item,.evidence-card){transition:background-color .2s ease!important;transform:none!important}
body.refined-system.home-brand-colours .alt-service-list>a:is(:hover,:focus-visible){transform:none!important}
body.refined-system.home-brand-colours :is(.f3-nav a,.f3-contact>a:not(.f3-cta),.f3-legal a,.mega-directory a,.mega-bottom a,.service-breadcrumb a,.cap-item h3 a){text-decoration:none;text-underline-offset:.2em;text-decoration-thickness:1px}
body.refined-system.home-brand-colours :is(.f3-nav a,.f3-contact>a:not(.f3-cta),.f3-legal a,.mega-directory a,.mega-bottom a,.service-breadcrumb a,.cap-item h3 a):is(:hover,:focus-visible){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
body.refined-system.home-brand-colours :is(.alt-header-cta,.alt-people-copy>a,.f3-cta,.f3-big-mail,.mega-contact-cta):focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:800px){body.refined-system.home-brand-colours .refined-proof article{border-right:0!important;border-bottom:1px solid #012850!important}body.refined-system.home-brand-colours .refined-proof article:last-child{border-bottom:0!important}}
@media(prefers-reduced-motion:reduce){body.refined-system.home-brand-colours :is(.alt-header-cta,.alt-people-copy>a,.f3-cta,.f3-big-mail,.mega-contact-cta,.service-hero-foot>a,.floating-menu,.alt-service-list>a,.service-link-grid>a,.cap-item,.evidence-card){transition:none!important}}
/* Every text link draws its underline from left to right, like the top nav. */
body.refined-system.home-brand-colours :is(footer a,.alt-header-cta,.alt-people-copy>a,.mega-contact-cta,.service-hero-foot>a){text-decoration:none!important}
body.refined-system.home-brand-colours a .brand-link-label{background-image:linear-gradient(currentColor,currentColor);background-position:left bottom;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:.15em;transition:background-size .25s ease;text-decoration:none!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body.refined-system.home-brand-colours a:is(:hover,:focus-visible) .brand-link-label{background-size:100% 1px;text-decoration:none!important}
body.refined-system.home-brand-colours .f3-big-mail:is(:hover,:focus-visible) .hello-label{text-decoration:none!important}
@media(prefers-reduced-motion:reduce){body.refined-system.home-brand-colours a .brand-link-label{transition:none}}
body.refined-system.home-brand-colours a span.brand-link-label{font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;color:inherit!important}
body.refined-system.home-brand-colours .alt-case-meta>b.brand-link-label{justify-self:end;width:max-content;max-width:100%}
body.refined-system.home-brand-colours .alt-header .alt-header-cta:is(:hover,:focus-visible){text-decoration:none!important}
/* Selected work uses the shared navy fill on interaction. */
body.refined-system.home-brand-colours .refined-hero a[href="#selected-work"]{transition:background-color .2s ease,color .2s ease,border-color .2s ease;transform:none!important;box-shadow:none}
body.refined-system.home-brand-colours .refined-hero a[href="#selected-work"]:is(:hover,:focus-visible,:active){background:#012850!important;border-color:#012850!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:none!important;box-shadow:none}
@media(prefers-reduced-motion:reduce){body.refined-system.home-brand-colours .refined-hero a[href="#selected-work"]{transition:none}}
/* Say hello keeps its yellow capsule while the greeting waves and underlines. */
body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail:is(:hover,:focus-visible,:active){background:#fdfa2d!important;border-color:#fdfa2d!important;color:#012850!important;-webkit-text-fill-color:#012850!important}

body.home-brand-colours .core-service-detail li a{color:inherit!important;font:inherit;background-image:linear-gradient(currentColor,currentColor);background-position:left bottom;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:.15em;transition:background-size .25s ease}
body.home-brand-colours .core-service-detail li a:is(:hover,:focus-visible){background-size:100% 1px}
@media(prefers-reduced-motion:reduce){body.home-brand-colours .core-service-detail li a{transition:none}}
/* Animated underlines follow the label, never the remaining grid-column width. */
body.refined-system.home-brand-colours .core-service-detail li a{justify-self:start;align-self:center;width:fit-content;max-width:100%;text-decoration:none!important}
body.refined-system.home-brand-colours .cap-item h3 a{display:inline-block;justify-self:start;width:fit-content;max-width:100%}
body.refined-system.home-brand-colours :is(.service-link-grid>a strong,.case-related strong,.next-case strong,.sf-service h3,.ih-card-link,.sf-project-link,.sf-text-link,.wp-submit-label){width:fit-content;max-width:100%;justify-self:start}
body.refined-system.home-brand-colours a .brand-link-label{max-width:100%;width:fit-content;justify-self:start;align-self:center}

/* Preserve the pill's centring transform when shared button hover rules apply. */
body.refined-system.home-brand-colours .floating-menu,
body.refined-system.home-brand-colours .floating-menu:is(:hover,:focus-visible,:active){left:50%!important;right:auto!important;transform:translateX(-50%)!important}

/* Centre the pill by equal viewport insets, independent of button transforms. */
body #floating-menu.floating-menu,
body #floating-menu.floating-menu:is(:hover,:focus-visible,:active),
body #floating-close.floating-menu,
body #floating-close.floating-menu:is(:hover,:focus-visible,:active){left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;transform:none!important;translate:none!important}

.nav-design-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:1rem 2rem;background:#fff;color:#012850;flex:none;border-bottom:1px solid #d2dded;font:400 .65rem/1.4 'DM Mono',monospace}
.nav-design-controls>span{margin-right:auto;text-transform:uppercase}.nav-design-controls button{font:inherit;border:1px solid #cad5e4;background:#fff;color:#012850;border-radius:999px;padding:.65rem 1rem;cursor:pointer}.nav-design-controls button[aria-pressed="true"]{background:#0051fe;color:#fff;border-color:#0051fe}.nav-design-controls button:focus-visible{outline:3px solid #0051fe;outline-offset:3px}
body.nav-brand-options .mega-shell{border-radius:2rem;background:#eaf0ff!important;color:#012850;--menu-blue:#0051fe;--menu-ink:#012850}
body.nav-brand-options .mega-top,body.nav-brand-options .mega-bottom{background:#eaf0ff!important;color:#012850!important;border-color:#cad5e4}
body.nav-brand-options .mega-intro{border-radius:1.5rem;background:#012850!important;color:#fff;padding:2.5rem!important;min-height:0}
body.nav-brand-options .mega-intro h2{font-size:clamp(2.5rem,4.2vw,5rem);line-height:1.05;letter-spacing:-.05em;margin:1.5rem 0}
body.nav-brand-options .mega-intro h2 em{color:#fdfa2d}
body.nav-brand-options .mega-content{padding:1.5rem!important;gap:1.5rem;grid-template-columns:minmax(260px,30%) 1fr}
body.nav-brand-options .mega-directory{padding:1rem!important;color:#012850}
body.nav-brand-options .menu-groups{gap:1rem!important}
body.nav-brand-options .menu-group{border:0;background:#fff;border-radius:1rem;padding:1.25rem!important}
body.nav-brand-options .menu-group h3{font-size:1.7rem!important}
body.nav-brand-options .menu-group p,body.nav-brand-options .search-help{color:#294665}
body.nav-brand-options .menu-group ul{margin-left:0}
body.nav-brand-options .menu-group li a{font-size:.85rem;line-height:1.5;min-height:1.9rem}
body.nav-brand-options .mega-search input::placeholder{color:#526a84}
body.nav-brand-options .mega-contact-cta{background:#fdfa2d!important;color:#012850!important;border-radius:999px;padding:.9rem 1.25rem!important;border:0!important}
body.nav-brand-options[data-nav-design="navy"] .mega-shell,body.nav-brand-options[data-nav-design="navy"] .mega-top,body.nav-brand-options[data-nav-design="navy"] .mega-bottom{background:#012850!important;color:#fff!important}
body.nav-brand-options[data-nav-design="navy"] .mega-content{grid-template-columns:1fr!important;display:block}
body.nav-brand-options[data-nav-design="navy"] .mega-intro{display:none}
body.nav-brand-options[data-nav-design="navy"] .mega-directory{color:#fff}
body.nav-brand-options[data-nav-design="navy"] .menu-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
body.nav-brand-options[data-nav-design="navy"] .menu-group{background:transparent;border-radius:0;border-top:1px solid #6e8095;padding:1.25rem 0!important}
body.nav-brand-options[data-nav-design="navy"] .menu-group h3{font-size:2.2rem!important}
body.nav-brand-options[data-nav-design="navy"] :is(.menu-group p,.search-help,.group-index){color:#cbd8ee}
body.nav-brand-options[data-nav-design="navy"] .mega-search input::placeholder{color:#cbd8ee}
body.nav-brand-options[data-nav-design="navy"] :is(.mega-brand,.mega-close){color:#fff!important}
body.nav-brand-options[data-nav-design="navy"] .menu-group li a:hover{color:#fdfa2d}
body.nav-brand-options[data-nav-design="navy"] .mega-search{max-width:48rem}
body.nav-brand-options[data-nav-design="navy"] .mega-bottom:before{content:'Let’s talk / 01243 553480 / hello@tannwestlake.com';font:400 .65rem 'DM Mono',monospace}
body.nav-brand-options[data-nav-design="studio"] .mega-shell{background:#fff!important}
body.nav-brand-options[data-nav-design="studio"] .mega-intro{background:linear-gradient(0deg,#012850f2,#01285070),url('/assets/personality/team-meeting.webp') center/cover!important;justify-content:flex-end;min-height:38rem}
body.nav-brand-options[data-nav-design="studio"] .menu-group{background:#eaf0ff}
body.nav-brand-options[data-nav-design="studio"] .mega-content{grid-template-columns:minmax(300px,40%) 1fr}
@media(max-width:900px){body.nav-brand-options .mega-content{display:block!important;overflow-y:auto}body.nav-brand-options .mega-intro{display:none}body.nav-brand-options[data-nav-design="studio"] .mega-intro{display:flex;min-height:16rem;margin-bottom:1rem}body.nav-brand-options[data-nav-design="studio"] .mega-intro h2{display:block;margin:1rem 0}body.nav-brand-options[data-nav-design="studio"] .mega-intro .mega-contact{display:none}body.nav-brand-options[data-nav-design="navy"] .menu-groups{grid-template-columns:repeat(2,minmax(0,1fr))}body.nav-brand-options .mega-bottom:before{display:none}}
@media(max-width:520px){.nav-design-controls{padding:.75rem;gap:.35rem}.nav-design-controls>span{width:100%;margin:0}.nav-design-controls button{padding:.6rem;font-size:.55rem}body.nav-brand-options .mega-shell{border-radius:1rem}body.nav-brand-options .mega-content{padding:.75rem!important}body.nav-brand-options .mega-directory{padding:.25rem!important}body.nav-brand-options .menu-groups,body.nav-brand-options[data-nav-design="navy"] .menu-groups{grid-template-columns:1fr}body.nav-brand-options .mega-top{padding:1rem}}

.nav-editorial-contact{display:none}body.nav-brand-options[data-nav-design="navy"] .nav-editorial-contact{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding:1rem 3vw;color:#fff;font:400 .7rem/1.5 "DM Mono",monospace}body.nav-brand-options[data-nav-design="navy"] .nav-editorial-contact a:last-child{color:#fdfa2d}body.nav-brand-options[data-nav-design="navy"] .mega-bottom:before{display:none}

body.nav-brand-options[data-nav-design="soft"] .mega-brand,body.nav-brand-options[data-nav-design="soft"] .mega-brand .tw-site-mark{color:#012850!important}body.nav-brand-options[data-nav-design="soft"] .mega-brand .tw-site-mark{background:#012850!important}

body.home-brand-colours .alt-header .tw-site-brand{overflow:visible!important}
body.home-brand-colours .alt-header .tw-site-brand .header-dot-canvas{position:absolute;left:-25%;top:-40%;width:150%;height:180%;pointer-events:none;z-index:3}
body.home-brand-colours .alt-header .tw-site-brand.is-dot-playing .tw-site-mark{opacity:0!important}
body.home-brand-colours .alt-header .tw-site-brand:is(:hover,:focus-visible) .tw-site-mark::before,body.home-brand-colours .alt-header .tw-site-brand:is(:hover,:focus-visible) .tw-site-mark::after{animation:none!important}
body.home-brand-colours .alt-header .tw-site-brand .tw-site-mark::after{opacity:0!important}
@media(prefers-reduced-motion:reduce){body.home-brand-colours .header-dot-canvas{display:none}body.home-brand-colours .alt-header .tw-site-brand:is(:hover,:focus-visible) .tw-site-mark::before{background:#0051fe!important}}

/* Labels remain in flow so hero content cannot overlap them. */
@media(min-width:801px){
 html body.refined-system.home-brand-colours .alt-header{left:5vw!important;right:5vw!important;width:auto!important}
 html body.refined-system.home-brand-colours.home-brand-colours main>section.hero-with-header-row:first-child{padding-top:9.5rem!important}
 html body.refined-system.home-brand-colours .header-aligned-label{position:relative!important;top:auto!important;left:calc(50% - 45vw)!important;right:auto!important;width:90vw!important;max-width:none!important;margin:0 0 3.5rem!important;padding:0!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:2rem!important;transform:none!important;flex:none!important;z-index:2}
 html body.refined-system.home-brand-colours :is(.service-breadcrumb,.wp-breadcrumb,.case-breadcrumb,.sf-breadcrumb){width:90vw!important;max-width:none!important;margin-left:calc(50% - 45vw)!important;margin-right:0!important}
 html body.refined-system.home-brand-colours .services-personality-hero .sph-visual{margin-top:1rem}
 html body.refined-system.home-brand-colours .hero-option-panel{top:12rem!important}
}

/* About keeps its original Manrope body copy and legible blue CTA. */
html body.refined-system.home-brand-colours .people-hero-foot p{font-family:Manrope,sans-serif!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.025em!important;line-height:1.5!important}
html body.refined-system.home-brand-colours .people-hero-foot a,html body.refined-system.home-brand-colours .people-hero-foot a *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.refined-system.home-brand-colours .people-hero-foot a:is(:hover,:focus-visible){background:#012850!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

html body.refined-system.home-brand-colours .people-hero-foot a{gap:.65rem;text-decoration:none!important;transition:background-color .2s ease,color .2s ease!important;transform:none!important;box-shadow:none!important}
html body.refined-system.home-brand-colours .people-hero-foot a::after{content:none!important}
html body.refined-system.home-brand-colours .people-hero-foot a .brand-link-label{display:inline-block;width:fit-content;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left bottom;background-size:0% 1px;transition:background-size .25s ease}
html body.refined-system.home-brand-colours .people-hero-foot a:is(:hover,:focus-visible) .brand-link-label{background-size:100% 1px}
@media(prefers-reduced-motion:reduce){html body.refined-system.home-brand-colours .people-hero-foot a,html body.refined-system.home-brand-colours .people-hero-foot a .brand-link-label{transition:none!important}}

/* Approved option 02: use the navigation's inner content edges. */
@media(min-width:801px){
 html body.refined-system.home-brand-colours .alt-header{padding-left:2rem!important;padding-right:2rem!important}
 html body.refined-system.home-brand-colours .header-aligned-label{left:calc(50% - 45vw + 2rem)!important;width:calc(90vw - 4rem)!important}
 html body.refined-system.home-brand-colours :is(.service-breadcrumb,.wp-breadcrumb,.case-breadcrumb,.sf-breadcrumb){width:calc(90vw - 4rem)!important;margin-left:calc(50% - 45vw + 2rem)!important}
}

.featured-project-links{padding:4rem 5vw;background:#fff;color:#012850}.featured-links-heading{margin-bottom:2rem}.featured-links-heading h2{font:500 clamp(32px,4vw,56px)/1.15 Manrope,sans-serif!important;letter-spacing:-.05em;color:#012850!important;text-transform:none!important;margin:.8rem 0!important}.featured-links-heading h2 em{font-style:normal;color:#0051fe}.featured-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.featured-links-grid a{display:block;color:#012850;text-decoration:none!important;min-width:0}.featured-links-grid img{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:1rem;transition:filter .25s}.featured-links-grid a:hover img{filter:brightness(1.12)}.featured-links-grid a>span{display:block;font:400 11px/1.6 'DM Mono',monospace;text-transform:uppercase;margin:1rem 0 .6rem}.featured-links-grid h3{font:500 clamp(22px,2vw,30px)/1.2 Manrope,sans-serif!important;text-transform:none!important;color:#012850!important;letter-spacing:-.035em}.featured-links-grid p{font:400 15px/1.7 Manrope,sans-serif!important;color:#425e7b!important}.featured-home-image img{width:100%;height:100%;object-fit:cover}.featured-portfolio-visual{display:block;padding:0!important;overflow:hidden}.featured-portfolio-visual img{width:100%;height:100%;min-height:360px;object-fit:cover;transition:transform .7s}.featured-portfolio-visual:hover img{transform:scale(1.025)}.featured-sector-filter{padding:1.5rem 5vw 2rem;background:#fff;color:#012850}.featured-sector-filter>span{display:block;font:400 12px/1.6 'DM Mono',monospace;margin-bottom:1rem}.featured-sector-filter .filters{display:flex;flex-wrap:wrap;gap:.6rem}.featured-sector-filter button{font:400 12px/1.5 'DM Mono',monospace;border:1px solid #01285033;border-radius:999px;padding:.7rem 1rem;background:#eaf0ff;color:#012850;cursor:pointer}.featured-sector-filter button.active{background:#012850;color:#fff}.featured-sector-filter button:hover{background:#0051fe;color:#fff}.featured-sitemap-cases{padding:3rem 5vw;color:#012850}.featured-sitemap-cases nav{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.featured-sitemap-cases a{color:#012850;font:400 16px/1.5 Manrope,sans-serif}.case.is-hidden{display:none!important}#portfolio-empty[hidden]{display:none!important}@media(max-width:800px){.featured-links-grid{grid-template-columns:1fr 1fr}.featured-sitemap-cases nav{grid-template-columns:1fr 1fr}}@media(max-width:600px){.featured-project-links{padding:2.5rem 1.25rem}.featured-links-grid,.featured-sitemap-cases nav{grid-template-columns:1fr}.featured-sector-filter{padding:1.5rem 1.25rem}.featured-portfolio-visual img{min-height:240px}}@media(prefers-reduced-motion:reduce){.featured-project-links *,.featured-portfolio-visual *{transition:none!important}}
/* Constrain photographic cards independently of intrinsic image dimensions. */
html body .featured-links-grid>a>img{display:block;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:8/5!important;object-fit:cover!important;object-position:center;border-radius:1rem;}

/* One source of header geometry, using the approved homepage measurements. */
html body.refined-system.home-brand-colours .alt-header{position:absolute!important;top:1.5rem!important;left:5vw!important;right:5vw!important;bottom:auto!important;width:auto!important;max-width:none!important;height:5.75rem!important;min-height:0!important;max-height:none!important;margin:0!important;padding:1rem 2rem!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;border:0!important;border-radius:999px!important;transform:none!important;z-index:100!important}
@media(max-width:800px){html body.refined-system.home-brand-colours .alt-header{top:1rem!important;left:1rem!important;right:1rem!important;height:5.2rem!important;padding:1rem 1.25rem!important;grid-template-columns:1fr auto auto!important;gap:1rem!important}}














html body.refined-system.home-brand-colours .f3-footer{padding:5rem 5vw 3rem!important;position:relative!important;overflow:hidden!important;scroll-margin-top:1rem!important}
html body.refined-system.home-brand-colours .f3-footer a{color:inherit!important;text-decoration:none!important}
html body.refined-system.home-brand-colours .f3-footer a:hover{text-decoration:underline!important;text-underline-offset:.3em!important}
html body.refined-system.home-brand-colours .f3-footer a:focus-visible{outline:2px solid currentColor!important;outline-offset:5px!important}
html body.refined-system.home-brand-colours .f3-title{position:relative!important;padding-bottom:4rem!important}
html body.refined-system.home-brand-colours .f3-title>span{font:400 .85rem var(--mono)!important;text-transform:uppercase!important}
html body.refined-system.home-brand-colours .f3-title h2{font:600 clamp(3.5rem,7.5vw,8rem)/.95 Manrope,sans-serif!important;letter-spacing:-.065em!important;max-width:80%!important;margin:2rem 0!important}
html body.refined-system.home-brand-colours .f3-title h2 em{font-style:normal!important}
html body.refined-system.home-brand-colours .f3-grid{display:grid!important;grid-template-columns:1.1fr 2fr .55fr!important;gap:4vw!important;border-top:1px solid currentColor!important;padding:3rem 0!important}
html body.refined-system.home-brand-colours .f3-contact{display:flex!important;flex-direction:column!important;align-items:start!important;gap:1rem!important}
html body.refined-system.home-brand-colours .f3-contact>span,html body.refined-system.home-brand-colours .f3-nav h3{font:400 .8rem var(--mono)!important;text-transform:uppercase!important;margin:0 0 1rem!important}
html body.refined-system.home-brand-colours .f3-contact>a:first-of-type{font-size:clamp(1rem,1.6vw,1.4rem)!important;font-weight:600!important;overflow-wrap:anywhere!important}
html body.refined-system.home-brand-colours .f3-contact p{font-size:1rem!important;margin:0!important}
html body.refined-system.home-brand-colours .f3-cta{border:1px solid currentColor!important;border-radius:999px!important;padding:1rem 1.5rem!important;margin-top:1rem!important;font:500 .8rem var(--mono)!important;text-transform:uppercase!important}
html body.refined-system.home-brand-colours .f3-nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:2rem!important}
html body.refined-system.home-brand-colours .f3-nav nav{display:flex!important;flex-direction:column!important;align-items:start!important;gap:.8rem!important}
html body.refined-system.home-brand-colours .f3-nav a{font-size:1rem!important}
html body.refined-system.home-brand-colours .f3-badge{background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:start!important;padding:.5rem!important;min-width:140px!important;border-radius:.75rem!important}
html body.refined-system.home-brand-colours .f3-badge img{width:100%!important;max-width:160px!important;height:auto!important}
html body.refined-system.home-brand-colours .f3-legal{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:2rem!important;border-top:1px solid currentColor!important;padding-top:1.5rem!important;font:400 .75rem var(--mono)!important;text-transform:uppercase!important}
html body.refined-system.home-brand-colours .f3-legal>div{display:flex!important;gap:1rem!important}
html body.refined-system.home-brand-colours .f3-yellow{background:#fdfa2d!important;color:#012850!important}
html body.refined-system.home-brand-colours .f3-yellow h2 em{color:#0051fe!important}
html body.refined-system.home-brand-colours .f3-circle{position:absolute!important;right:0!important;top:3rem!important;width:10rem!important;height:10rem!important;border-radius:50%!important;background:#012850!important;color:#fdfa2d!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font:500 1rem var(--mono)!important;text-transform:uppercase!important;transform:rotate(8deg)!important;transition:transform .25s!important}
html body.refined-system.home-brand-colours .f3-circle:hover{transform:rotate(-5deg) scale(1.05)!important}
html body.refined-system.home-brand-colours .f3-yellow .f3-cta{background:#012850!important;color:#fff!important}
html body.refined-system.home-brand-colours .f3-electric{background:#0051fe!important;color:#fff!important}
html body.refined-system.home-brand-colours .f3-electric .f3-title{display:grid!important;grid-template-columns:2fr 1fr!important;align-items:end!important}
html body.refined-system.home-brand-colours .f3-electric .f3-title>span{grid-column:1/-1!important}
html body.refined-system.home-brand-colours .f3-electric h2{max-width:100%!important}
html body.refined-system.home-brand-colours .f3-electric h2 em{color:#fdfa2d!important}
html body.refined-system.home-brand-colours .f3-big-mail{background:#fdfa2d!important;color:#012850!important;display:block!important;padding:2rem!important;border-radius:1rem!important;transform:rotate(-5deg)!important;font-size:clamp(2rem,4vw,4rem)!important;font-weight:600!important;letter-spacing:-.05em!important;margin:0 0 3rem 2rem!important;transition:transform .25s!important}
html body.refined-system.home-brand-colours .f3-big-mail:hover{transform:rotate(0deg)!important}
html body.refined-system.home-brand-colours .f3-electric .f3-cta{background:#fdfa2d!important;color:#012850!important}
html body.refined-system.home-brand-colours .f3-people{background:#012850!important;color:#fff!important;padding-bottom:8rem!important}
html body.refined-system.home-brand-colours .f3-people .f3-title{display:grid!important;grid-template-columns:1.3fr 1fr!important;gap:1rem 3rem!important;align-items:center!important}
html body.refined-system.home-brand-colours .f3-people .f3-title>span{grid-column:1/-1!important}
html body.refined-system.home-brand-colours .f3-people h2{font-size:clamp(3rem,5.5vw,6rem)!important;max-width:100%!important}
html body.refined-system.home-brand-colours .f3-people h2 em{color:#fdfa2d!important}
html body.refined-system.home-brand-colours .f3-photo{margin:0!important;transform:rotate(3deg)!important;position:relative!important}
html body.refined-system.home-brand-colours .f3-photo img{width:100%!important;height:22rem!important;object-fit:cover!important;display:block!important;border-radius:1rem!important}
html body.refined-system.home-brand-colours .f3-photo figcaption{background:#fdfa2d!important;color:#012850!important;padding:1rem!important;font:400 .8rem var(--mono)!important;position:absolute!important;bottom:-1rem!important;left:-1rem!important;transform:rotate(-3deg)!important}
html body.refined-system.home-brand-colours .f3-people .f3-cta{background:#0051fe!important;color:#fff!important;border-color:#0051fe!important}
@media(max-width:950px){html body.refined-system.home-brand-colours .f3-grid{grid-template-columns:1fr 2fr!important}
html body.refined-system.home-brand-colours .f3-badge{grid-column:1!important;max-width:170px!important}
html body.refined-system.home-brand-colours .f3-title h2{max-width:80%!important;font-size:6vw!important}
html body.refined-system.home-brand-colours .f3-circle{width:8rem!important;height:8rem!important}
html body.refined-system.home-brand-colours .f3-legal{flex-wrap:wrap!important}
html body.refined-system.home-brand-colours .f3-people .f3-title{grid-template-columns:1fr 1fr!important}
html body.refined-system.home-brand-colours .f3-photo img{height:17rem!important}}
@media(max-width:650px){html body.refined-system.home-brand-colours .f3-footer{padding:4rem 1.25rem 3rem!important}
html body.refined-system.home-brand-colours .f3-grid{grid-template-columns:1fr!important;gap:3rem!important}
html body.refined-system.home-brand-colours .f3-nav{grid-template-columns:1fr 1fr!important;gap:2rem!important}
html body.refined-system.home-brand-colours .f3-badge{max-width:160px!important}
html body.refined-system.home-brand-colours .f3-title h2{font-size:3.3rem!important;max-width:100%!important}
html body.refined-system.home-brand-colours .f3-circle{position:static!important;width:7rem!important;height:7rem!important;font-size:.8rem!important;margin-top:2rem!important}
html body.refined-system.home-brand-colours .f3-electric .f3-title,html body.refined-system.home-brand-colours .f3-people .f3-title{display:block!important}
html body.refined-system.home-brand-colours .f3-big-mail{margin:2rem 0 1rem!important;width:max-content!important}
html body.refined-system.home-brand-colours .f3-photo{margin:2rem 1rem!important}
html body.refined-system.home-brand-colours .f3-legal{display:block!important;line-height:1.6!important}
html body.refined-system.home-brand-colours .f3-legal>div{margin:1rem 0!important;flex-wrap:wrap!important}
html body.refined-system.home-brand-colours .f3-people{padding-bottom:8rem!important}
html body.refined-system.home-brand-colours .f3-jumps{flex-direction:column!important;align-items:start!important}}
@media(prefers-reduced-motion:reduce){html body.refined-system.home-brand-colours .f3-circle,html body.refined-system.home-brand-colours .f3-big-mail{transition:none!important}
html body.refined-system.home-brand-colours .f3-circle:hover,html body.refined-system.home-brand-colours .f3-big-mail:hover{transform:none!important}}
html body.refined-system.home-brand-colours .f3-footer p{color:inherit!important}
html body.refined-system.home-brand-colours .f3-electric .f3-partners{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1.5rem!important;align-self:start!important;justify-self:center!important}
html body.refined-system.home-brand-colours .f3-electric .f3-badge{padding:0!important;background:transparent!important;border-radius:0!important;min-width:0!important;width:108px!important;display:block!important;align-self:center!important}
html body.refined-system.home-brand-colours .f3-electric .f3-badge img{display:block!important;width:108px!important;height:auto!important;max-width:none!important}
html body.refined-system.home-brand-colours .f3-electric .f3-shopify{display:block!important;width:112px!important;padding:0!important}
html body.refined-system.home-brand-colours .f3-electric .f3-shopify img{display:block!important;width:112px!important;height:auto!important}
@media(max-width:950px){html body.refined-system.home-brand-colours .f3-electric .f3-partners{grid-column:1!important;flex-direction:column!important;justify-content:flex-start!important;justify-self:start!important;gap:1.5rem!important}}
html body.refined-system.home-brand-colours .f3-electric .f3-title h2{color:#fff!important}
html body.refined-system.home-brand-colours .f3-electric .f3-title h2 em{color:#fdfa2d!important;-webkit-text-fill-color:#fdfa2d!important;opacity:1!important}
html body.refined-system.home-brand-colours .f3-electric .f3-title .f3-big-mail{color:#012850!important;-webkit-text-fill-color:#012850!important;opacity:1!important}
html body.refined-system.home-brand-colours .f3-electric .f3-shopify-caption{display:block!important;width:140px!important;margin:.75rem 0 0 -14px!important;text-align:center!important;font:400 .65rem/1.5 var(--mono)!important;color:#fff!important}
html body.refined-system.home-brand-colours .f3-electric{padding-bottom:7rem!important;background:#0051fe!important;color:#fff!important}
html body.refined-system.home-brand-colours .f3-electric .f3-cta{background:#fdfa2d!important;color:#012850!important}
html body.refined-system.home-brand-colours .wpf-controls{padding:3rem 5vw 1rem!important;background:#fff!important;color:#012850!important}
html body.refined-system.home-brand-colours .wpf-controls>span{font:400 .75rem/1.5 var(--mono)!important}
html body.refined-system.home-brand-colours .wpf-controls>div{display:flex!important;gap:.75rem!important;flex-wrap:wrap!important;margin-top:1rem!important}
html body.refined-system.home-brand-colours .wpf-controls button{padding:.8rem 1.2rem!important;border:1px solid #012850!important;border-radius:999px!important;background:#fff!important;color:#012850!important;font:400 .75rem var(--mono)!important;cursor:pointer!important}
html body.refined-system.home-brand-colours .wpf-controls button[aria-pressed="true"]{background:#012850!important;color:#fff!important}
html body.refined-system.home-brand-colours .wpf-controls button:focus-visible{outline:3px solid #0051fe!important;outline-offset:4px!important}
html body.refined-system.home-brand-colours .wpf-footer{margin:1.5rem 5vw 2rem!important;border-radius:2rem!important;padding:4rem 3.5vw 6rem!important;transition:background .2s!important;color:#012850!important;background:#eaf0ff!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title h2{font-size:clamp(2.8rem,5.5vw,6rem)!important;line-height:1.05!important;letter-spacing:-.055em!important;color:#012850!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title h2 em{color:#0051fe!important;-webkit-text-fill-color:#0051fe!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail{background:#0051fe!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(1.5rem,2.5vw,2.5rem)!important;border-radius:999px!important;transform:none!important;padding:1.3rem 2rem!important;text-align:center!important;margin-bottom:2rem!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail:hover{transform:translateY(-4px)!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title{gap:2rem!important;padding-bottom:2rem!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-cta{background:#012850!important;color:#fff!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-shopify-caption{color:#012850!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-shopify img{filter:brightness(0) saturate(100%) invert(12%) sepia(64%) saturate(1739%) hue-rotate(185deg) brightness(89%) contrast(101%)!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="navy"]{background:#012850!important;color:#fff!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-title h2{color:#fff!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-title h2 em{color:#fdfa2d!important;-webkit-text-fill-color:#fdfa2d!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-big-mail{background:#fdfa2d!important;color:#012850!important;-webkit-text-fill-color:#012850!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-cta{background:#0051fe!important;color:#fff!important;border-color:#0051fe!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-shopify-caption{color:#fff!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="navy"] .f3-shopify img{filter:none!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="split"]{background:#fff!important;color:#012850!important;border:1px solid #ccd5e3!important;padding-top:0!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="split"] .f3-title{background:#fdfa2d!important;margin:0 -3.5vw!important;padding:3rem 3.5vw 2rem!important;border-radius:2rem 2rem 0 0!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="split"] .f3-title h2 em{color:#012850!important;-webkit-text-fill-color:#012850!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="split"] .f3-grid{border-top:0!important}
@media(max-width:950px){html body.refined-system.home-brand-colours .wpf-footer .f3-grid{grid-template-columns:1fr 2fr!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-partners{grid-column:1!important;justify-self:start!important}}
@media(max-width:650px){html body.refined-system.home-brand-colours .wpf-footer{margin:1rem!important;border-radius:1.5rem!important;padding:3rem 1.25rem 6rem!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-grid{grid-template-columns:1fr!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail{width:fit-content!important;margin:1.5rem 0!important}
html body.refined-system.home-brand-colours .wpf-footer[data-footer-theme="split"] .f3-title{margin:0 -1.25rem!important;padding:2.5rem 1.25rem 1.5rem!important;border-radius:1.5rem 1.5rem 0 0!important}}
@media(prefers-reduced-motion:reduce){html body.refined-system.home-brand-colours .wpf-footer{transition:none!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail:hover{transform:none!important}}
html body.refined-system.home-brand-colours .wpf-footer{margin-top:0!important}
html body.refined-system.home-brand-colours .f3-footer{font-family:"Manrope",sans-serif!important}
html body.refined-system.home-brand-colours .f3-title>span,html body.refined-system.home-brand-colours .f3-contact>span,html body.refined-system.home-brand-colours .f3-nav h3{font:400 .75rem/1.5 "DM Mono",monospace!important;letter-spacing:.04em!important}
html body.refined-system.home-brand-colours .f3-legal,html body.refined-system.home-brand-colours .f3-legal a,html body.refined-system.home-brand-colours .f3-legal span{font:400 .7rem/1.6 "DM Mono",monospace!important;letter-spacing:.025em!important}
html body.refined-system.home-brand-colours .f3-cta{font:400 .75rem/1.4 "DM Mono",monospace!important;padding:1rem 1.4rem!important}
html body.refined-system.home-brand-colours .f3-grid{grid-template-columns:minmax(15rem,1.1fr) minmax(0,2fr) 112px!important;gap:3vw!important;padding:2.5rem 0!important}
html body.refined-system.home-brand-colours .f3-nav{gap:1.5rem!important}
html body.refined-system.home-brand-colours .f3-nav nav{gap:.65rem!important}
html body.refined-system.home-brand-colours .f3-nav a{font:400 .95rem/1.5 "Manrope",sans-serif!important}
html body.refined-system.home-brand-colours .f3-contact>a:first-of-type{font-size:clamp(1rem,1.45vw,1.3rem)!important}
html body.refined-system.home-brand-colours .f3-contact p{font:400 .95rem/1.6 "Manrope",sans-serif!important;color:#294665!important}
html body.refined-system.home-brand-colours .f3-legal{align-items:center!important;gap:1.5rem!important;color:#012850!important}
html body.refined-system.home-brand-colours .f3-legal>div{gap:1.25rem!important;flex-wrap:wrap!important}
html body.refined-system.home-brand-colours .f3-partners{width:112px!important;align-items:center!important;justify-self:center!important}
html body.refined-system.home-brand-colours .f3-badge{align-self:center!important}
@media(max-width:1100px){html body.refined-system.home-brand-colours .f3-grid{grid-template-columns:1fr 2fr!important}
html body.refined-system.home-brand-colours .f3-partners{grid-column:1!important;justify-self:start!important}}
@media(max-width:650px){html body.refined-system.home-brand-colours .f3-grid{grid-template-columns:1fr!important;gap:2.5rem!important}
html body.refined-system.home-brand-colours .f3-legal{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}
html body.refined-system.home-brand-colours .f3-legal>div{margin:0!important}
html body.refined-system.home-brand-colours .f3-nav{gap:2rem 1rem!important}}
html body.refined-system.home-brand-colours .wpf-footer .f3-title h2 em{color:#0051fe!important;-webkit-text-fill-color:#0051fe!important;background:none!important;padding:0!important;border-radius:0!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail{background:#fdfa2d!important;color:#012850!important;-webkit-text-fill-color:#012850!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail{position:relative!important;overflow:hidden!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail .hello-label{display:inline-block!important;transition:transform .22s ease!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail .hello-hover-hand{position:absolute!important;right:.55rem!important;top:50%!important;font-size:.7em!important;line-height:1!important;opacity:0!important;transform:translateY(-50%) scale(.6);transform-origin:70% 80%!important;pointer-events:none!important;-webkit-text-fill-color:initial!important;transition:opacity .18s ease!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail:is(:hover,:focus-visible) .hello-label{transform:translateX(-.5rem)!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail:is(:hover,:focus-visible) .hello-hover-hand{opacity:1!important;animation:footer-hello-wave .9s both!important}
@media(prefers-reduced-motion:reduce){html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail .hello-label,html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail .hello-hover-hand{transition:none!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail:is(:hover,:focus-visible) .hello-hover-hand{animation:none!important;transform:translateY(-50%)!important}}
html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-label{font-family:"Manrope",sans-serif!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-hover-hand{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;text-transform:none!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-content{position:relative!important;display:inline-block!important;font:inherit!important;letter-spacing:inherit!important;text-transform:none!important;transition:transform .22s ease!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail .hello-hover-hand{left:calc(100% + .3em)!important;right:auto!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail:is(:hover,:focus-visible) .hello-content{transform:translateX(-.5em)!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail:is(:hover,:focus-visible) .hello-label{transform:none!important;text-decoration:underline!important;text-underline-offset:.15em!important;text-decoration-thickness:.04em!important}
@media(prefers-reduced-motion:reduce){html body.refined-system.home-brand-colours .wpf-footer .f3-big-mail .hello-content{transition:none!important}}
html body.refined-system.home-brand-colours .f3-legal{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important}
html body.refined-system.home-brand-colours .f3-legal>div{margin:0!important;justify-content:center!important;justify-self:center!important}
html body.refined-system.home-brand-colours .f3-legal>a{justify-self:end!important}
@media(max-width:650px){html body.refined-system.home-brand-colours .f3-legal{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
html body.refined-system.home-brand-colours .f3-legal>div{width:100%!important;justify-content:center!important;margin:0!important}}
html body.refined-system.home-brand-colours .f3-cta,.f3-big-mail,.mega-contact-cta,.service-hero-foot>a,.floating-menu){transition:background-color .2s ease,color .2s ease,border-color .2s ease!important;transform:none!important;box-shadow:none!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail:is(:hover,:focus-visible){background:#012850!important;border-color:#012850!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-cta:is(:hover,:focus-visible){background:#0051fe!important;border-color:#0051fe!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.refined-system.home-brand-colours .f3-nav a,.f3-contact>a:not(.f3-cta),.f3-legal a,.mega-directory a,.mega-bottom a,.service-breadcrumb a,.cap-item h3 a){text-decoration:none!important;text-underline-offset:.2em!important;text-decoration-thickness:1px!important}
html body.refined-system.home-brand-colours .f3-nav a,.f3-contact>a:not(.f3-cta),.f3-legal a,.mega-directory a,.mega-bottom a,.service-breadcrumb a,.cap-item h3 a):is(:hover,:focus-visible){text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.2em!important}
html body.refined-system.home-brand-colours .f3-cta,.f3-big-mail,.mega-contact-cta):focus-visible{outline:2px solid currentColor!important;outline-offset:4px!important}
@media(prefers-reduced-motion:reduce){html body.refined-system.home-brand-colours .f3-cta,.f3-big-mail,.mega-contact-cta,.service-hero-foot>a,.floating-menu,.alt-service-list>a,.service-link-grid>a,.cap-item,.evidence-card){transition:none!important}}
html body.refined-system.home-brand-colours .f3-big-mail:is(:hover,:focus-visible) .hello-label{text-decoration:none!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail:is(:hover,:focus-visible,:active){background:#fdfa2d!important;border-color:#fdfa2d!important;color:#012850!important;-webkit-text-fill-color:#012850!important}




html body.refined-system.home-brand-colours .alt-header{background:#fff!important;color:#012850!important;font-family:Manrope,sans-serif!important}html body.refined-system.home-brand-colours .alt-header nav{display:flex;gap:2rem!important;font:400 .78rem/1.5 "DM Mono",monospace!important;text-transform:uppercase!important;letter-spacing:.04em!important}html body.refined-system.home-brand-colours .alt-header nav a{font:inherit!important;color:#012850!important;-webkit-text-fill-color:#012850!important}html body.refined-system.home-brand-colours .alt-header .alt-header-cta{font:400 .78rem/1.5 "DM Mono",monospace!important;padding:.72rem 1rem!important;border:1px solid #0051fe!important;background:#0051fe!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:999px!important;justify-self:end!important;transform:none!important;box-shadow:none!important;text-decoration:none!important}html body.refined-system.home-brand-colours .alt-header .alt-header-cta:hover{background:#012850!important;border-color:#012850!important}html body.refined-system.home-brand-colours .alt-header .alt-header-cta::after{display:none!important}html body.refined-system.home-brand-colours .wpf-footer .f3-cta{color:#012850!important;-webkit-text-fill-color:#012850!important}html body.refined-system.home-brand-colours .wpf-footer .f3-legal>div{justify-content:center!important}html body.refined-system.home-brand-colours .cfo-button,html body.refined-system.home-brand-colours .cfo-button span{color:#fff!important;-webkit-text-fill-color:#fff!important}html body.refined-system.home-brand-colours .cfo-button:hover{background:#012850!important}html body.refined-system.home-brand-colours .tw-standard-enquiry .cfo-field{font:500 16px/1.5 Manrope,sans-serif!important;color:#012850!important}html body.refined-system.home-brand-colours .tw-standard-enquiry :is(input,textarea){font:400 17px/1.5 Manrope,sans-serif!important;color:#012850!important;background:transparent!important}html body.refined-system.home-brand-colours .alt-header .alt-menu{display:none!important}@media(max-width:800px){html body.refined-system.home-brand-colours .alt-header nav{display:none!important}html body.refined-system.home-brand-colours .alt-header .alt-menu{display:none!important}html body.refined-system.home-brand-colours .alt-header .alt-header-cta{font-size:11px!important}}
html body.refined-system.home-brand-colours .wpf-footer .f3-cta{background:#012850!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-cta:is(:hover,:focus-visible){background:#0051fe!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-cta *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-legal>div{justify-content:center!important}
html body.refined-system.home-brand-colours :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #0051fe;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html body.refined-system.home-brand-colours :is(.alt-header-cta,.cfo-button,.f3-cta,.f3-big-mail,.floating-menu){transition:none!important}}
/* Say hello has one underline only, drawn on its text label. */
html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail,html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail *{text-decoration:none!important;background-image:none!important;border-bottom:0!important;box-shadow:none!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail::before,html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail::after,html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-content::before,html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-content::after,html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-label::before{content:none!important;display:none!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-label{position:relative!important;display:inline-block!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-label::after{content:''!important;display:block!important;position:absolute!important;left:0!important;right:auto!important;bottom:-2px!important;width:100%!important;height:1px!important;background:currentColor!important;border:0!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .25s ease!important}
html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail:is(:hover,:focus-visible) .hello-label::after{transform:scaleX(1)!important}
@media(prefers-reduced-motion:reduce){html body.refined-system.home-brand-colours .wpf-footer .f3-title .f3-big-mail .hello-label::after{transition:none!important}}

html body.refined-system main .tw-client-artwork{padding:4.5rem 5vw!important;margin:0!important;background:#fff!important;color:#012850!important;box-sizing:border-box;display:block!important}
.tw-client-artwork-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start;margin-bottom:3rem}.tw-client-artwork-heading .kicker{font:400 12px/1.7 'DM Mono',monospace!important;color:#012850!important;text-transform:uppercase}.tw-client-artwork-heading h2{font:500 clamp(30px,4vw,54px)/1.12 Manrope,sans-serif!important;letter-spacing:-.045em!important;color:#012850!important;margin:0!important}
.tw-client-artwork-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 2rem}.tw-client-artwork-item{margin:0!important;padding:1.75rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;min-width:0;box-sizing:border-box;background:#fff;border-bottom:1px solid #0128501a}.tw-client-artwork-item img{display:block!important;max-width:100%!important;width:170px!important;height:80px!important;object-fit:contain!important;filter:none!important;opacity:1!important}.tw-client-artwork-item figcaption{font:400 11px/1.5 'DM Mono',monospace!important;color:#425e7b!important;text-align:center!important;background:none!important;padding:0!important;position:static!important;text-transform:none!important}.client-savills img{width:80px!important}.client-bluebird-care img,.client-dilmah-tea img{width:80px!important}.client-namco img{background:#012850;border-radius:.5rem;padding:1rem;box-sizing:content-box;max-width:calc(100% - 2rem)!important}.tw-client-artwork-grid:has(>.tw-client-artwork-item:only-child){grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:800px){html body.refined-system main .tw-client-artwork{padding:3rem 1.25rem!important}.tw-client-artwork-heading{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.tw-client-artwork-grid,.tw-client-artwork-grid:has(>.tw-client-artwork-item:only-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.tw-client-artwork-item{padding:1.25rem .5rem}.tw-client-artwork-item img{height:65px!important;width:140px!important}.client-savills img,.client-bluebird-care img,.client-dilmah-tea img{width:65px!important}}
/* Official light artwork remains legible on the white client section. */
#wider-clients .client-university-of-chichester img,#wider-clients .client-rspca img{background:#012850;border-radius:.5rem;padding:12px;box-sizing:border-box}
#wider-clients .client-working-animals-international img{width:190px!important;height:90px!important}
#wider-clients .client-tinwood img{width:165px!important}
html body.refined-system main #wider-clients.tw-client-artwork .tw-client-artwork-item{background:#fff!important}
html body.refined-system main #wider-clients.tw-client-artwork .tw-client-artwork-item img{background:transparent!important;padding:0!important;border-radius:0!important;filter:none!important}

html body.home-main #wider-clients .tw-client-artwork-item{border-bottom:0!important;}
/* The shared client strip has no caption dividers on either primary page. */
html body.refined-system #wider-clients.tw-client-artwork .tw-client-artwork-item{border-bottom:0!important;}

html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail,html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail *,html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail:is(:hover,:focus-visible),html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail:is(:hover,:focus-visible) *{text-decoration:none!important;background-image:none!important;border-bottom:0!important;box-shadow:none!important}
html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail::before,html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail::after,html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail *::before,html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail *::after{content:none!important;display:none!important;background:none!important;border:0!important}
html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail:is(:hover,:focus-visible) span.hello-label{text-decoration-line:underline!important;text-decoration-style:solid!important;text-decoration-thickness:1px!important;text-underline-offset:.15em!important;text-decoration-color:currentColor!important;text-decoration-skip-ink:none!important}

/* Preserve the approved yellow capsule and allow the emoji keyframes to run. */
html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail{background:#fdfa2d!important;color:#012850!important;-webkit-text-fill-color:#012850!important;border-radius:999px!important;transform:none!important;font-family:Manrope,sans-serif!important}
html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail:is(:hover,:focus-visible){background:#fdfa2d!important;color:#012850!important;-webkit-text-fill-color:#012850!important;transform:none!important}
html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail .hello-hover-hand{transform:translateY(-50%) scale(.6);opacity:0!important;animation:none!important;-webkit-text-fill-color:initial!important}
html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail:is(:hover,:focus-visible) .hello-hover-hand{opacity:1!important;animation:footer-hello-wave .9s both!important}
@media(prefers-reduced-motion:reduce){html body.refined-system.home-brand-colours.wordpress-brand-colours footer.wpf-footer .f3-title a.f3-big-mail:is(:hover,:focus-visible) .hello-hover-hand{animation:none!important;transform:translateY(-50%) scale(1)!important}}


html body.refined-system.home-brand-colours.home-studio-complete #complete-home{background:#fff;color:#012850}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section{margin:0 5vw 5rem;box-sizing:border-box}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-kicker{display:block;font:400 12px/1.6 'DM Mono',monospace;letter-spacing:.025em;text-transform:uppercase;color:inherit}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section h2,html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-clients h2{font:600 clamp(36px,5.5vw,76px)/1.03 Manrope,sans-serif;letter-spacing:-.06em;margin:0;color:inherit;text-transform:none}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section p{font:400 18px/1.65 Manrope,sans-serif;color:inherit;max-width:620px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .refined-hero{min-height:820px!important;min-height:min(920px,100svh)!important;padding:14rem 5vw 3.5rem!important;margin:0 2vw 4rem;border-radius:0 0 28px 28px;box-sizing:border-box;justify-content:space-between}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .refined-hero h1{font:600 clamp(52px,6.5vw,104px)/1 Manrope,sans-serif!important;letter-spacing:-.065em!important;margin:2.25rem 0!important;max-width:1100px;text-transform:none!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .refined-hero .alt-hero-bottom{align-items:end;gap:2rem}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .refined-hero .alt-hero-bottom p{max-width:590px;font-size:clamp(18px,1.7vw,24px);line-height:1.45}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-belief{display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;padding:3rem;background:#eaf0ff;border-radius:28px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-belief h2{font-size:clamp(36px,4.5vw,64px);margin:2rem 0 1.5rem}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-belief p{margin:0;max-width:470px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-studio{margin:0;border-radius:22px;overflow:hidden;transform:rotate(1.5deg);background:#fdfa2d}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-studio>img{width:100%;height:340px;object-fit:cover;display:block}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-studio figcaption{display:flex;justify-content:space-between;gap:10px;padding:16px 20px;font:10px/1.5 'DM Mono',monospace}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-work{padding:2rem 0 0}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section-head{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin:0 0 3rem;align-items:start}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section-head p{margin:1.5rem 0 0;max-width:470px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case{display:block;margin:0 0 2.25rem;border-radius:26px;overflow:hidden;background:#eaf0ff;isolation:isolate}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case figure{aspect-ratio:16/7.4!important;min-height:0!important;height:auto!important;max-height:none;border-radius:0!important;margin:0;position:relative;overflow:hidden}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case figure>strong{font-size:clamp(38px,6vw,90px)!important;line-height:.95!important;letter-spacing:-.055em!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case .alt-case-meta{display:flex!important;justify-content:space-between;align-items:center;gap:1rem;padding:22px 28px!important;background:#eaf0ff!important;color:#012850!important;border:0!important;min-height:0;border-radius:0}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case .alt-case-meta>span{font:600 clamp(22px,2.4vw,34px)/1.2 Manrope,sans-serif!important;letter-spacing:-.04em}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case .alt-case-meta>b{font:400 12px/1.6 'DM Mono',monospace!important;color:#012850!important;background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .25s}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case:hover .alt-case-meta>b{background-size:100% 1px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section-end{display:flex;justify-content:flex-end;margin-top:1rem}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;width:fit-content;padding:17px 24px;border-radius:99px;font:400 12px/1.5 'DM Mono',monospace;text-transform:uppercase;border:0;transition:background-color .2s,color .2s}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-button>b{font-weight:400;font-size:18px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-button>span{background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .25s}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-button:hover>span{background-size:100% 1px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-button-blue{background:#0051fe!important;color:#fff!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-button-blue:hover{background:#012850!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-button-yellow{background:#fdfa2d!important;color:#012850!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-button-yellow:hover{background:#fdfa2d!important;color:#012850!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-clients{background:#fff!important;margin:0 5vw 5rem;padding:1rem 0 2rem!important;border:0!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-clients .tw-client-artwork-heading{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2.5rem}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-clients .tw-client-artwork-grid{gap:22px;border:0!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-clients .tw-client-artwork-item{height:130px;border:0!important;padding:20px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-proof{background:#fdfa2d;border-radius:28px;display:grid;grid-template-columns:.7fr 1.3fr;gap:4vw;align-items:center;padding:3rem}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-stats article{background:#ffffff80;border-radius:24px;min-height:230px;padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;text-align:center}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-stats strong{font:500 clamp(50px,6.5vw,100px)/1 Manrope,sans-serif;letter-spacing:-.075em}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-stats p{font-size:16px;margin:0}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-services-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service{grid-column:span 2;position:relative;display:flex;flex-direction:column;align-items:start;gap:12px;padding:28px;min-height:245px;background:#eaf0ff;color:#012850;border-radius:24px;transition:background-color .2s}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service:nth-child(n+4){grid-column:span 3}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service>span{font:400 12px/1.5 'DM Mono',monospace}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service>strong{font:600 clamp(23px,2.6vw,36px)/1.15 Manrope,sans-serif;letter-spacing:-.045em;max-width:90%;margin:16px 0;background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .25s}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service>p{font-size:17px;margin:0;padding-bottom:40px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service>b{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0051fe;color:#fff;font:400 23px/1 'DM Mono',monospace;transition:background .2s}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service:is(:hover,:focus-visible){background:#fdfa2d}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service:is(:hover,:focus-visible)>strong{background-size:100% 1px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service:is(:hover,:focus-visible)>b{background:#012850}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:28px;background:#012850;color:#fff;overflow:hidden}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people-photo{min-width:0;min-height:620px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people-photo>img{width:100%;height:100%;object-fit:cover;display:block;object-position:42% center}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people-copy{padding:3.5rem;display:flex;flex-direction:column;align-items:start;justify-content:center}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people-copy h2{font-size:clamp(34px,3.8vw,56px);margin:2rem 0 1.5rem;color:#fff}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people-copy p{margin:0 0 1.5rem;color:#fff}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-portraits{display:flex;gap:0;margin:0 0 2rem;padding-left:5px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-portraits>img{width:70px;height:70px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:4px solid #012850;margin-left:-5px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section a:focus-visible{outline:2px solid #0051fe;outline-offset:5px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people a:focus-visible{outline-color:#fdfa2d}
@media(max-width:1050px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-belief{gap:3vw;padding:2rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-proof{grid-template-columns:1fr}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people-copy{padding:2.5rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section-head{grid-template-columns:.75fr 1.25fr}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-clients .tw-client-artwork-heading{grid-template-columns:.75fr 1.25fr}}
@media(max-width:800px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section{margin:0 1.25rem 3rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .refined-hero{min-height:800px!important;min-height:95svh!important;margin:0 1rem 2rem;padding:12rem 1.25rem 2.5rem!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .refined-hero h1{font-size:clamp(42px,9.2vw,68px)!important;margin:2rem 0!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .refined-hero .alt-hero-bottom{display:block}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .refined-hero .alt-hero-bottom p{font-size:18px;max-width:90%;margin-bottom:24px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-belief{grid-template-columns:1fr;padding:2rem 1.5rem;gap:2.5rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-belief h2{font-size:clamp(34px,7vw,52px);margin:1.5rem 0}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-studio>img{height:280px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section-head{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section h2,html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-clients h2{font-size:clamp(34px,7.5vw,54px)}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case figure{aspect-ratio:1.3!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case .alt-case-meta{padding:20px!important;align-items:flex-start}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case .alt-case-meta>b{font-size:10px!important;white-space:nowrap}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case figure>strong{font-size:clamp(34px,7vw,58px)!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-clients{margin:0 1.25rem 3rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-clients .tw-client-artwork-heading{grid-template-columns:1fr;gap:1.5rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-clients .tw-client-artwork-grid{gap:10px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-clients .tw-client-artwork-item{height:110px;padding:15px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-proof{padding:2rem 1.5rem;gap:1.5rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service,html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service:nth-child(n+4){grid-column:auto}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service:last-child{grid-column:1/-1}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service{padding:24px;min-height:230px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service>strong{font-size:26px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people{grid-template-columns:1fr}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people-photo{height:360px;min-height:0}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people-copy{padding:2rem 1.5rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-people-copy h2{font-size:clamp(34px,7.5vw,52px)}}
@media(max-width:550px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home .refined-hero{min-height:800px!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-stats{grid-template-columns:1fr}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-stats article{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;text-align:left;min-height:0;padding:22px;border-radius:20px;gap:20px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-stats strong{font-size:64px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-stats p{font-size:17px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-services-grid{grid-template-columns:1fr}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-service{min-height:210px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case .alt-case-meta{display:grid!important;gap:10px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case .alt-case-meta>b{font-size:12px!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-studio figcaption{font-size:9px;padding:14px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section p{font-size:17px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-case{border-radius:22px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .nh-section-end{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html body.refined-system.home-brand-colours.home-studio-complete #complete-home *,html body.refined-system.home-brand-colours.home-studio-complete #complete-home *:before,html body.refined-system.home-brand-colours.home-studio-complete #complete-home *:after{transition:none!important;animation:none!important}}

html body.refined-system.home-brand-colours.home-studio-complete #complete-home #wider-clients.nh-clients{margin:0 5vw 5rem!important;padding:1rem 0 2rem!important;width:auto!important}
@media(max-width:800px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home #wider-clients.nh-clients{margin:0 1.25rem 3rem!important}}
/* Restore the approved uppercase hero and previous full-width project cards. */
html body.refined-system.home-brand-colours.home-studio-complete #complete-home .refined-hero h1{font-size:clamp(3.3rem,7.6vw,8rem)!important;font-weight:500!important;line-height:1!important;letter-spacing:-.06em!important;max-width:1400px;text-transform:uppercase!important}
@media(max-width:800px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home .refined-hero h1{font-size:clamp(2.5rem,8.8vw,5rem)!important}}
/* Approved moving client strip, on the complete alternative only. */
html body.home-studio-complete #complete-home #wider-clients .nh-logo-controls{display:flex;justify-content:flex-end;margin:0 0 16px}
html body.home-studio-complete #complete-home #wider-clients .nh-logo-toggle{font:400 11px/1.5 'DM Mono',monospace;background:#eaf0ff;color:#012850;border:0;border-radius:99px;padding:10px 15px;cursor:pointer}
html body.home-studio-complete #complete-home #wider-clients .nh-logo-viewport{overflow:hidden;background:#fff;min-width:0}
html body.home-studio-complete #complete-home #wider-clients .nh-logo-track{display:flex;width:max-content;animation:nh-client-travel 36s linear infinite;will-change:transform}
html body.home-studio-complete #complete-home #wider-clients .nh-logo-run{display:flex;flex-shrink:0;gap:36px;padding-right:36px}
html body.home-studio-complete #complete-home #wider-clients .nh-logo-run .tw-client-artwork-item{flex-shrink:0;width:205px;height:160px;background:#fff!important;padding:20px;border:0!important}
html body.home-studio-complete #complete-home #wider-clients .nh-logo-viewport:hover .nh-logo-track,html body.home-studio-complete #complete-home #wider-clients .nh-logo-viewport:focus-within .nh-logo-track{animation-play-state:paused}
@keyframes nh-client-travel{to{transform:translateX(-50%)}}
html body.home-studio-complete #complete-home #wider-clients.nh-logo-static .nh-logo-track{animation:none;transform:none;display:block;width:auto;will-change:auto}
html body.home-studio-complete #complete-home #wider-clients.nh-logo-static .nh-logo-run{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:22px}
html body.home-studio-complete #complete-home #wider-clients.nh-logo-static .nh-logo-run[aria-hidden]{display:none}
html body.home-studio-complete #complete-home #wider-clients.nh-logo-static .nh-logo-run .tw-client-artwork-item{width:100%;height:130px}
html body.home-studio-complete #complete-home #wider-clients .nh-logo-toggle:focus-visible{outline:2px solid #0051fe;outline-offset:4px}
@media(max-width:800px){html body.home-studio-complete #complete-home #wider-clients .nh-logo-run{gap:15px;padding-right:15px}html body.home-studio-complete #complete-home #wider-clients .nh-logo-run .tw-client-artwork-item{width:160px;height:130px}html body.home-studio-complete #complete-home #wider-clients.nh-logo-static .nh-logo-run{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(prefers-reduced-motion:reduce){html body.home-studio-complete #complete-home #wider-clients .nh-logo-track{animation:none!important;transform:none!important;will-change:auto}html body.home-studio-complete #complete-home #wider-clients .nh-logo-run[aria-hidden]{display:none}html body.home-studio-complete #complete-home #wider-clients .nh-logo-track{width:auto;display:block}html body.home-studio-complete #complete-home #wider-clients .nh-logo-run{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:0}html body.home-studio-complete #complete-home #wider-clients .nh-logo-run .tw-client-artwork-item{width:100%}}
@media(prefers-reduced-motion:reduce) and (max-width:800px){html body.home-studio-complete #complete-home #wider-clients .nh-logo-run{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Approved selected-work introduction: option 03 / compact. */
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-head{display:block;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #01285022}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-head>.nh-kicker{margin-bottom:1.5rem}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-head>div{display:flex;justify-content:space-between;gap:3rem;align-items:end}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-head h2{font-size:clamp(32px,4.1vw,58px);line-height:1.08}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-head h2>span{display:inline}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-head h2>span+span:before{content:' '}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-head p{font-size:16px;max-width:310px;margin:0}
@media(max-width:800px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-head>div{display:block}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-head h2{font-size:clamp(32px,7.5vw,48px);margin-bottom:1.25rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-head h2>span{display:block}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-head h2>span+span:before{content:none}}
/* Match the approved compact work heading across clients and services. */
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #what-we-do .nh-section-head,html body.refined-system.home-brand-colours.home-studio-complete #complete-home #wider-clients .tw-client-artwork-heading{display:block!important;margin:0 0 2rem!important;padding:0 0 2rem;border-bottom:1px solid #01285022}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #what-we-do .nh-section-head>.nh-kicker,html body.refined-system.home-brand-colours.home-studio-complete #complete-home #wider-clients .tw-client-artwork-heading>.kicker{display:block;margin:0 0 1.5rem!important;font:400 12px/1.6 'DM Mono',monospace!important;letter-spacing:.025em!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #what-we-do .nh-section-head h2,html body.refined-system.home-brand-colours.home-studio-complete #complete-home #wider-clients .tw-client-artwork-heading h2{font:600 clamp(32px,4.1vw,58px)/1.08 Manrope,sans-serif!important;letter-spacing:-.06em!important;margin:0!important;color:#012850!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #what-we-do .nh-section-head h2>span{display:inline}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #what-we-do .nh-section-head h2>span+span:before{content:' '}
@media(max-width:800px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home #what-we-do .nh-section-head h2,html body.refined-system.home-brand-colours.home-studio-complete #complete-home #wider-clients .tw-client-artwork-heading h2{font-size:clamp(32px,7.5vw,48px)!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #what-we-do .nh-section-head h2>span{display:block}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #what-we-do .nh-section-head h2>span+span:before{content:none}}
/* Match the shared desktop label-to-navigation spacing used throughout V2. */
@media(min-width:801px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home>.refined-hero.hero-with-header-row{padding-top:9.5rem!important}}
/* Equal outside columns keep project descriptions at the true card centre. */
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .alt-case-meta{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)!important;align-items:center;gap:1rem}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .alt-case-meta>span:first-child{grid-column:1;grid-row:1;justify-self:start;text-align:left}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .alt-case-meta>span:nth-child(2){grid-column:2!important;grid-row:1!important;justify-self:stretch!important;text-align:center!important;margin:0!important;width:auto!important;max-width:none!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .alt-case-meta>b{grid-column:3;grid-row:1;justify-self:end;text-align:right}
@media(max-width:1050px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .alt-case-meta{grid-template-columns:minmax(0,1fr) auto!important;gap:.75rem 1rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .alt-case-meta>span:nth-child(2){grid-column:1/-1!important;grid-row:2!important;text-align:center!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .alt-case-meta>b{grid-column:2;grid-row:1}}
/* Match the main homepage: one 5vw gutter, rather than margin plus padding. */
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work.nh-work{margin:0 0 5rem!important;padding:0 5vw!important;width:auto!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-section-end{margin-top:1.25rem;justify-content:flex-end}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-work-text-link{display:inline-flex;align-items:center;gap:1rem;background:none!important;border:0!important;border-radius:0!important;padding:0!important;color:#012850!important;font:400 13px/1.6 'DM Mono',monospace;text-transform:uppercase;box-shadow:none!important}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-work-text-link>span{display:inline-block;background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .25s}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-work-text-link>b{font:400 18px/1 'DM Mono',monospace;color:#0051fe}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work .nh-work-text-link:is(:hover,:focus-visible)>span{background-size:100% 1px}
@media(max-width:800px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home #selected-work.nh-work{margin-bottom:3rem!important}}


html body.refined-system.home-brand-colours.home-studio-complete #complete-home>#why-tw.editorial-intro{display:block;background:#fff;margin:0 5vw 5rem!important;padding:1rem 0 0!important;border-radius:0;color:#012850}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:4vw;margin-bottom:2.5rem;align-items:start}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-heading>.nh-kicker{padding-top:8px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-heading h2{font:600 clamp(36px,4.6vw,66px)/1.06 Manrope,sans-serif;letter-spacing:-.06em;margin:0;color:#012850;max-width:1000px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-row{display:grid;grid-template-columns:1.35fr .65fr;gap:4vw;align-items:center}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-row>.nh-studio{border-radius:24px;transform:none;background:#fdfa2d;overflow:hidden}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-row>.nh-studio>img{height:390px;object-fit:cover;object-position:center}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-row>.nh-studio figcaption{background:#fdfa2d;font-size:10px;padding:18px 22px}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-copy{padding:1.5rem 0}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-copy p{font-size:clamp(18px,1.7vw,24px);line-height:1.55;max-width:450px;margin:0 0 2rem}
html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-copy .nh-button{margin-top:1rem}
@media(max-width:1050px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-heading,html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-row{grid-template-columns:1fr 1fr;gap:3vw}}
@media(max-width:800px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home>#why-tw.editorial-intro{margin:0 1.25rem 3rem!important;padding:0!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-heading{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-heading h2{font-size:clamp(34px,7.5vw,52px)}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-row{grid-template-columns:1fr;gap:1.5rem}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-row>.nh-studio>img{height:300px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-copy{padding:0}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-copy p{max-width:600px;margin-bottom:1.5rem;font-size:18px}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-copy .nh-button{margin-top:0}}
@media(max-width:550px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home #why-tw .editorial-intro-row>.nh-studio>img{height:250px}}

#personality-menu{position:fixed;inset:auto 0 0;margin:0;border:0;width:100%;max-width:none;max-height:96dvh;padding:0;color:#012850;background:#fff;border-radius:28px 28px 0 0;overflow:auto;font:400 16px/1.5 Manrope,sans-serif}
#personality-menu *{box-sizing:border-box}
#personality-menu::backdrop{background:#01285077;backdrop-filter:blur(5px)}
#personality-menu[open]{animation:tw-menu04-open .55s cubic-bezier(.2,.8,.2,1)}
@keyframes tw-menu04-open{from{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}
#personality-menu.closing{animation:tw-menu04-close .25s ease forwards}
@keyframes tw-menu04-close{to{opacity:0;transform:translateY(40px)}}
#personality-menu a{color:inherit;text-decoration:none}
#personality-menu .mono{font:400 12px/1.6 'DM Mono',monospace}
#personality-menu .mark{display:block;width:72px;aspect-ratio:1.75;background:#012850;mask:url('/assets/tw-monogram-navy.png') center/contain no-repeat;-webkit-mask:url('/assets/tw-monogram-navy.png') center/contain no-repeat}
#personality-menu .menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 4vw}
#personality-menu .close{border:0;border-radius:99px;padding:10px 16px;font:12px 'DM Mono',monospace;background:#eaf0ff;color:#012850;cursor:pointer}
#personality-menu .menu-body{padding:15px 4vw 30px;display:grid;grid-template-columns:.75fr 1.75fr;gap:4vw}
#personality-menu .welcome{padding:35px;border-radius:28px;background:#fdfa2d;display:flex;flex-direction:column;justify-content:space-between;gap:35px;position:relative;overflow:hidden}

#personality-menu .welcome h2{font:600 clamp(40px,4.6vw,66px)/1.02 Manrope,sans-serif;letter-spacing:-.06em;margin:18px 0;color:#012850;position:relative;z-index:1}
#personality-menu .welcome p{font-size:15px;max-width:300px}
#personality-menu .talk{display:grid;gap:8px}
#personality-menu .talk>a{width:fit-content}
#personality-menu .cta{display:flex!important;justify-content:space-between;align-items:center;gap:25px;background:#0051fe;color:#fff!important;padding:15px 20px;border-radius:99px;font:12px 'DM Mono',monospace;margin:15px 0 0;width:100%!important;transition:background .2s}
#personality-menu .cta:hover{background:#012850}
#personality-menu .groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 35px;align-content:start}
#personality-menu .group{min-width:0;background:none;padding:0 0 18px;border-radius:0;border-bottom:1px solid #01285022}
#personality-menu .group h3{font:600 32px/1.1 Manrope,sans-serif;letter-spacing:-.04em;margin:5px 0 10px;color:#012850}
#personality-menu .group>.mono{color:#0051fe;font-size:10px}
#personality-menu .group>p{display:none}
#personality-menu .group-links{display:flex;flex-wrap:wrap;gap:7px 18px}
#personality-menu .group a{font-size:14px;line-height:1.4;display:block;width:fit-content}
#personality-menu .group a span,#personality-menu .talk a:not(.cta),#personality-menu .menu-bottom a{background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .25s}
#personality-menu .group a:hover span,#personality-menu .talk a:not(.cta):hover,#personality-menu .menu-bottom a:hover{background-size:100% 1px}
#personality-menu .menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 4vw 25px;font:11px/1.6 'DM Mono',monospace;margin-top:10px}
#personality-menu a:focus-visible,#personality-menu button:focus-visible{outline:2px solid #0051fe;outline-offset:4px}
@media(max-width:750px){#personality-menu{max-height:94dvh}#personality-menu .menu-top{padding:20px}#personality-menu .menu-top>.mono{display:none}#personality-menu .menu-body{grid-template-columns:1fr;padding:0 20px 20px;gap:24px}#personality-menu .welcome{padding:26px;gap:15px}#personality-menu .welcome h2{font-size:40px}#personality-menu .welcome>div>p{display:none}#personality-menu .groups{gap:22px 20px}#personality-menu .group h3{font-size:25px}#personality-menu .group-links{display:grid;gap:10px}#personality-menu .menu-bottom{padding:20px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#personality-menu,#personality-menu *{animation:none!important;transition:none!important}}
/* A quieter resting state: section-link arrows reveal without shifting labels. */
#personality-menu .group-links a{position:relative;padding-right:1.35em}
#personality-menu .group-links a .menu-link-arrow{position:absolute;right:0;top:50%;display:inline-block;opacity:0;transform:translate(-5px,-50%);background:none!important;transition:opacity .2s ease,transform .2s ease;pointer-events:none}
#personality-menu .group-links a:is(:hover,:focus-visible) .menu-link-arrow{opacity:1;transform:translate(0,-50%)}
#personality-menu .group-links a:is(:hover,:focus-visible) .menu-link-label{background-size:100% 1px}
@media(prefers-reduced-motion:reduce){#personality-menu .group-links a .menu-link-arrow{transition:none!important}}
/* Keep section links in the original Manrope mixed-case styling. */
html body #personality-menu .group-links a{font:400 14px/1.4 Manrope,sans-serif!important;text-transform:none!important;letter-spacing:normal!important}
html body #personality-menu .group-links a .menu-link-label{font:inherit!important;text-transform:none!important;letter-spacing:inherit!important}
html body #personality-menu .group-links a .menu-link-arrow{font:inherit!important;text-transform:none!important}

html body.refined-system.home-brand-colours.home-studio-complete #complete-home .proof-confidence-panel{grid-template-columns:minmax(0,.75fr) minmax(0,1.7fr)!important;gap:2.5rem!important;scroll-margin-top:30px;color:#012850!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .proof-intro h2{font:500 clamp(30px,3.2vw,48px)/1.08 Manrope,sans-serif!important;letter-spacing:-.05em!important;color:#012850!important;margin:22px 0 0!important;text-transform:none!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .nh-stats article{min-height:290px!important;min-width:0;gap:20px!important;padding:28px 20px!important;text-align:left!important;align-items:flex-start!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .nh-stats strong{font:600 clamp(23px,2.1vw,32px)/1.1 Manrope,sans-serif!important;letter-spacing:-.04em!important;overflow-wrap:normal;color:#012850!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .nh-stats p{font:400 16px/1.55 Manrope,sans-serif!important;color:#012850!important;flex:1}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .nh-stats article a{font:400 12px/1.5 "DM Mono",monospace!important;color:#012850!important;display:inline-flex;gap:10px;text-decoration:none!important;border:0!important;background:none!important;box-shadow:none!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .nh-stats article a span{background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .25s}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .nh-stats article a:hover span,html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .nh-stats article a:focus-visible span{background-size:100% 1px}@media(max-width:1100px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home .proof-confidence-panel{grid-template-columns:1fr!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .nh-stats article{min-height:250px!important}}@media(max-width:700px){html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .nh-stats{grid-template-columns:1fr!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .nh-stats article{display:flex!important;min-height:0!important;gap:14px!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home #little-proof .nh-stats strong{font-size:30px!important}html body.refined-system.home-brand-colours.home-studio-complete #complete-home .proof-confidence-panel{padding:2rem 1.5rem!important}}@media(prefers-reduced-motion:reduce){#little-proof *{scroll-behavior:auto!important;transition:none!important}}
html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact{display:none!important}
@media(max-width:800px){html body.refined-system.home-brand-colours .alt-header {display:flex!important;justify-content:space-between!important;gap:12px!important}html body.refined-system.home-brand-colours .alt-header >nav,html body.refined-system.home-brand-colours .alt-header >.alt-header-cta,html body.refined-system.home-brand-colours .alt-header >.alt-menu,html body.refined-system.home-brand-colours .alt-header >.alt-mobile-nav{display:none!important}html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;position:static!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:44px!important;height:44px!important;padding:0 18px!important;margin:0!important;font:500 12px/1 "DM Mono",monospace!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;text-decoration:none!important;border:0!important;border-radius:999px!important;background:#0051fe!important;color:#fff!important;box-shadow:none!important;transform:none!important;transition:background-color .2s ease!important}html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact:hover,html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact:focus-visible{background:#012850!important;color:#fff!important}html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact:before,html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact:after{display:none!important}html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact span{color:inherit!important;background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;padding-bottom:2px;transition:background-size .2s}html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact:hover span,html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact:focus-visible span{background-size:100% 1px}html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact b{font:inherit!important;color:inherit!important}html body.refined-system.home-brand-colours .alt-header .tw-site-brand{width:70px!important;min-width:70px!important}html body.refined-system.home-brand-colours .alt-header .tw-site-mark{width:70px!important}html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact:focus-visible{outline:2px solid #012850!important;outline-offset:4px!important}}@media(prefers-reduced-motion:reduce){html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact,html body.refined-system.home-brand-colours .alt-header >.tw-mobile-contact span{transition:none!important}}
html body dialog.tw-exit-modal {border:0;padding:0;background:transparent;width:min(940px,94vw);max-width:940px;max-height:92dvh;overflow:auto;border-radius:26px;color:#012850;box-shadow:0 24px 90px #01285044}
html body dialog.tw-exit-modal *{box-sizing:border-box}
html body dialog.tw-exit-modal .tx-card{position:relative;background:white;color:#012850;border-radius:26px;overflow:hidden}
html body dialog.tw-exit-modal .tx-close{position:absolute;z-index:5;top:15px;right:15px;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#ffffffed;color:#012850;font:400 25px/1 Manrope,sans-serif;cursor:pointer}
html body dialog.tw-exit-modal .tx-split{display:grid;grid-template-columns:.85fr 1.15fr}
html body dialog.tw-exit-modal .tx-art{padding:38px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:520px;background:#012850;color:#fdfa2d}
html body dialog.tw-exit-modal .tx-logo{width:65px;filter:brightness(0) invert(1)}
html body dialog.tw-exit-modal .tx-four{font:500 155px/1 Manrope,sans-serif;letter-spacing:-.08em}
html body dialog.tw-exit-modal .tx-mini{font:400 12px/1.6 "DM Mono",monospace;display:block;max-width:200px}
html body dialog.tw-exit-modal .tx-arrow{font:400 85px/1 Manrope,sans-serif}
html body dialog.tw-exit-modal .tx-content{padding:42px;background:#fdfa2d;min-width:0}
html body dialog.tw-exit-modal .tx-pill{display:inline-block;padding:7px 12px;border-radius:99px;background:#fff;color:#012850;font:400 11px/1.5 "DM Mono",monospace}
html body dialog.tw-exit-modal h2{font:600 clamp(34px,3.9vw,54px)/1.04 Manrope,sans-serif!important;letter-spacing:-.06em!important;color:#012850!important;margin:18px 0!important;text-transform:none!important}
html body dialog.tw-exit-modal p{font:400 16px/1.65 Manrope,sans-serif!important;color:#012850!important;margin:0 0 20px!important;max-width:540px;text-transform:none!important}
html body dialog.tw-exit-modal .tx-coming{font-size:14px!important}
html body dialog.tw-exit-modal .tx-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
html body dialog.tw-exit-modal .tx-fields>label{font:400 12px/1.5 "DM Mono",monospace!important;color:#012850!important;display:block!important;text-transform:none!important;letter-spacing:normal!important}
html body dialog.tw-exit-modal .tx-fields input{display:block!important;width:100%!important;height:47px!important;min-width:0!important;border:1px solid #01285066!important;background:transparent!important;border-radius:9px!important;padding:10px 12px!important;color:#012850!important;font:400 15px/1.4 Manrope,sans-serif!important;box-shadow:none!important;margin-top:7px}
html body dialog.tw-exit-modal .tx-fields input::placeholder{color:#012850!important;opacity:.65}
html body dialog.tw-exit-modal .tx-consent{display:flex!important;align-items:flex-start;gap:9px;margin:14px 0!important;font:400 12px/1.55 Manrope,sans-serif!important;color:#012850!important;text-transform:none!important;letter-spacing:normal!important}
html body dialog.tw-exit-modal .tx-consent input{appearance:auto!important;flex:0 0 17px!important;width:17px!important;height:17px!important;margin:2px 0 0!important;accent-color:#0051fe!important;padding:0!important}
html body dialog.tw-exit-modal .tx-consent a{color:#012850!important;text-decoration:underline!important;text-underline-offset:3px}
html body dialog.tw-exit-modal .tx-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:48px;border:0;border-radius:99px;background:#0051fe!important;color:white!important;padding:15px 20px;font:400 12px/1.5 "DM Mono",monospace;cursor:pointer;transition:background .2s}
html body dialog.tw-exit-modal .tx-submit:hover,html body dialog.tw-exit-modal .tx-submit:focus-visible{background:#012850!important}
html body dialog.tw-exit-modal .tx-submit span,html body dialog.tw-exit-modal .tx-submit b{font:inherit!important;color:white!important}
html body dialog.tw-exit-modal .tx-submit>span{background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .2s}
html body dialog.tw-exit-modal .tx-submit:hover>span,html body dialog.tw-exit-modal .tx-submit:focus-visible>span{background-size:100% 1px}
html body dialog.tw-exit-modal .tx-submit:disabled{opacity:.7;cursor:wait}
html body dialog.tw-exit-modal .tx-micro{display:block;font:400 11px/1.6 "DM Mono",monospace!important;color:#012850!important;margin:12px 0!important}
html body dialog.tw-exit-modal .tx-dismiss{display:block;width:fit-content;margin:14px auto 0;border:0;background:none;color:#012850;padding:6px 0;font:400 12px/1.5 Manrope,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:36px}
html body dialog.tw-exit-modal .tx-status{font-size:14px!important;padding:14px;border-radius:10px;background:#eaf0ff;color:#012850;margin-top:15px!important}
html body dialog.tw-exit-modal .tx-status:empty{display:none}
html body dialog.tw-exit-modal [hidden]{display:none!important}
html body dialog.tw-exit-modal .tx-book{width:245px;aspect-ratio:.72;background:#fdfa2d;border-radius:5px 17px 17px 5px;box-shadow:12px 14px 0 #01285019,18px 25px 35px #0128501a;transform:rotate(-7deg);padding:25px;display:flex;flex-direction:column;justify-content:space-between;border-left:7px solid #e2df25;color:#012850}
html body dialog.tw-exit-modal .tx-book img{width:58px}
html body dialog.tw-exit-modal .tx-book strong{font:600 43px/1 Manrope,sans-serif;letter-spacing:-.06em;color:#012850}
html body dialog.tw-exit-modal .tx-book small{font:400 10px/1.6 "DM Mono",monospace}
html body dialog.tw-exit-modal button:focus-visible,html body dialog.tw-exit-modal a:focus-visible,html body dialog.tw-exit-modal input:focus-visible{outline:2px solid #0051fe!important;outline-offset:4px!important}
html body dialog.tw-exit-modal::backdrop{background:#00172dcc;backdrop-filter:blur(6px)}html body dialog.tw-exit-guide .tx-art{background:#eaf0ff;justify-content:center;align-items:center}html body dialog.tw-exit-guide .tx-content{background:white}html body dialog.tw-exit-modal[open]{animation:tx-arrive .25s ease-out}@keyframes tx-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:750px){html body dialog.tw-exit-modal .tx-split{grid-template-columns:1fr}html body dialog.tw-exit-modal .tx-art{display:none;min-height:0}html body dialog.tw-exit-modal .tx-content{padding:36px 24px 28px}html body dialog.tw-exit-modal h2{font-size:38px!important;padding-right:12px}html body dialog.tw-exit-modal .tx-fields{grid-template-columns:1fr}html body dialog.tw-exit-modal .tx-close{top:10px;right:10px}}@media(prefers-reduced-motion:reduce){html body dialog.tw-exit-modal,html body dialog.tw-exit-modal *{animation:none!important;transition:none!important}}
html body dialog.tw-exit-modal:not([open]){display:none!important}html body dialog.tw-exit-modal[open]{display:block!important;position:fixed!important;inset:0!important;margin:auto!important;z-index:100000!important;visibility:visible!important;opacity:1!important}

/* Homepage-only image replacement. The approved hero and on/off toggle are retained. */
html body.home-hero-options #complete-home>.refined-hero::before{background-image:url('/assets/personality/homepage-creative-team-2023.webp');background-size:cover;background-position:50% 48%;background-repeat:no-repeat}
@media(max-width:800px){html body.home-hero-options #complete-home>.refined-hero::before{background-position:69% 50%}}

@media(max-width:800px){html body.home-hero-options #complete-home>.refined-hero::before{background-image:url("/assets/personality/homepage-creative-team-mobile-960w.webp")}}

/* A small lift on the homepage portraits, without changing their layout. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  #complete-home .nh-people .nh-portraits > img {
    transition: transform 360ms cubic-bezier(.22,.61,.36,1);
    transform-origin: 50% 65%;
  }
  #complete-home .nh-people .nh-portraits > img:hover {
    transform: translateY(-3px) scale(1.035);
  }
}

/* Case cards use the corresponding case study hero image. */
html body .case-featured-photo{position:relative!important;isolation:isolate;overflow:hidden!important;background:#012850!important;color:#fff!important;}
html body .case-featured-photo:before{content:none!important;}
html body .case-featured-photo:after{display:block!important;content:''!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:linear-gradient(180deg,rgba(1,40,80,.15),rgba(1,40,80,.6))!important;z-index:1!important;pointer-events:none;transform:none!important;border:0!important;border-radius:0!important;}
html body .case-featured-photo>img.case-featured-photo-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;display:block!important;z-index:0!important;border-radius:inherit;}
html body .case-featured-photo>i{display:none!important;}
html body.refined-system .case-featured-photo>strong,html body.refined-system .case-featured-photo>.alt-case-overline{color:#fff!important;-webkit-text-fill-color:#fff!important;z-index:2!important;}
html body img[data-mirror-hero=true]{transform:scaleX(-1)!important;}
html body.refined-system :is(#portfolio,#complete-home,main) .case-featured-photo>strong,html body.refined-system :is(#portfolio,#complete-home,main) .case-featured-photo>.alt-case-overline{color:#fff!important;-webkit-text-fill-color:#fff!important;z-index:2!important;}
/* Approved Option 3: deeper gradient and compact Manrope on image cards. */
html body.refined-system :is(#portfolio,#complete-home,main) .case-featured-photo:after{background:linear-gradient(180deg,rgba(1,15,30,.55) 0%,rgba(1,15,30,.15) 30%,rgba(1,15,30,.85) 70%,rgba(1,15,30,.98) 100%)!important;}
html body.refined-system :is(#portfolio,#complete-home,main) .case-featured-photo>strong{font:500 clamp(24px,2.6vw,38px)/1.13 Manrope,sans-serif!important;letter-spacing:-.035em!important;text-transform:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body.refined-system :is(#portfolio,#complete-home,main) .case-featured-photo>.alt-case-overline{padding:.35rem .65rem!important;background:#012850!important;border-radius:5px;right:auto!important;max-width:calc(100% - 4rem);color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body.refined-system .nco-related-image{position:relative;isolation:isolate;overflow:hidden;}
html body.refined-system .nco-related-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(1,15,30,.55) 0%,rgba(1,15,30,.15) 30%,rgba(1,15,30,.85) 70%,rgba(1,15,30,.98) 100%);}

/* Review page only. Transform and opacity never alter document flow. */
.tw-scroll-ready [data-scroll-reveal]{transition:opacity 680ms ease,translate 680ms cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.tw-scroll-ready [data-scroll-reveal="waiting"]{opacity:0;translate:0 22px}
.tw-scroll-ready [data-scroll-reveal="shown"]{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.tw-scroll-ready [data-scroll-reveal]{opacity:1;translate:none;transition:none}}
@media(max-width:700px){.tw-scroll-ready [data-scroll-reveal="waiting"]{translate:0 14px}}