body.home-contrast{background:#111}
.home-contrast header{background:#111111f5;color:#fff;border-color:#444}
.home-contrast .brand span{color:#aaa}
.home-contrast nav a{border-color:#444}
.home-contrast nav a:hover,.home-contrast nav a[aria-current=page]{background:#333;color:#fff}
.home-contrast nav a:last-child{background:#fff;color:#111}
.home-contrast main>section{margin-left:0;margin-right:0;border-left:0;border-right:0}
.dimension-site.home-contrast .hero.type-hero{margin:0;padding:0 clamp(20px,4vw,72px);background:#111;color:#fff;border:0}
.home-contrast .type-hero-top,.home-contrast .type-hero-details,.home-contrast .type-hero-bottom{border-color:#444}
.home-contrast .type-hero-top .eyebrow{background:none;color:#ccc;padding-left:0}
.home-contrast .type-hero-top>span:last-child,.home-contrast .type-hero-bottom{color:#aaa}
.brand-space{position:relative;height:clamp(440px,45vw,640px);perspective:1100px;isolation:isolate}
.dimension-site.home-contrast .type-hero h1{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;font-size:clamp(5.6rem,14.2vw,13.5rem);line-height:.86;letter-spacing:-.075em;text-align:center;color:#fff;text-transform:none;z-index:1;pointer-events:none}
.brand-space h1>span{width:100%}
.brand-constellation{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--brand-rx,0deg)) rotateY(var(--brand-ry,0deg));transition:transform 1.2s ease-out;pointer-events:none;z-index:2}
.brand-constellation>span{position:absolute;left:var(--x);top:var(--y);font-size:clamp(.65rem,1.05vw,1rem);letter-spacing:.13em;text-transform:uppercase;color:#bcbcbc;white-space:nowrap;animation:brand-drift 9s ease-in-out var(--delay) infinite alternate;will-change:transform}
@keyframes brand-drift{from{transform:translate3d(-50%,calc(-50% - 7px),var(--z)) rotate(-4deg);opacity:.5}to{transform:translate3d(-50%,calc(-50% + 8px),calc(var(--z) + 25px)) rotate(4deg);opacity:.95}}
.brand-motion-toggle{position:absolute;right:0;bottom:1px;z-index:3;padding:8px 0;color:#aaa;background:none;border:0;border-bottom:1px solid #555;font-size:.65rem;cursor:pointer}
.brand-motion-paused .brand-constellation>span{animation-play-state:paused!important}
.brand-motion-paused .brand-constellation{transform:none}
.home-contrast .hero .type-hero-disciplines{color:#ddd}
.dimension-site.home-contrast .type-hero .type-hero-intro p{color:#bbb}
.dimension-site.home-contrast .type-hero .button{background:#fff;border-color:#fff;color:#111}
.dimension-site.home-contrast .type-hero .button:hover{background:#ccc;border-color:#ccc}
.home-contrast .type-hero-contact{color:#fff;border-color:#888}
.dimension-site.home-contrast .intro.section{background:#fff;color:#111}
.dimension-site.home-contrast .work{background:#111;color:#fff}
.home-contrast .work .section-head h2,.home-contrast .work .project-meta h3,.home-contrast .work .text-link{color:#fff}
.home-contrast .work .eyebrow{background:#fff;color:#111}
.home-contrast .work .project-meta p,.home-contrast .work .project-meta>span{color:#bdbdbd}
.home-contrast .work .project,.home-contrast .work .section-head{border-color:#444}
.dimension-site.home-contrast .services-home{background:#fff}
.dimension-site.home-contrast .podcast.section{background:#111!important}
.dimension-site.home-contrast .contact-strip{margin:0;background:#fff!important;color:#111;border:0}
.home-contrast .contact-strip h2,.home-contrast .contact-strip .text-link{color:#111;border-color:#777}
.home-contrast .contact-strip .eyebrow{background:#111;color:#fff}
.home-contrast .contact-strip .text-link:hover{background:#111!important;color:#fff!important}
.dimension-site.home-contrast footer{margin:0;background:#111;color:#fff;border:0}
.home-contrast .footer-brand{border-color:#444}
.home-contrast footer>span{color:#aaa}
@media(max-width:760px){.brand-space{height:420px}.dimension-site.home-contrast .type-hero h1{font-size:clamp(4.5rem,18.2vw,8.5rem)}.brand-constellation>span{font-size:.62rem;letter-spacing:.07em}.brand-constellation>span:nth-child(4),.brand-constellation>span:nth-child(8),.brand-constellation>span:nth-child(12){display:none}.home-contrast nav{background:#111}.home-contrast .menu{color:#fff}.home-contrast .type-hero-top{gap:8px}.home-contrast .type-hero-details{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.brand-constellation,.brand-constellation>span{animation:none;transform:none;transition:none;will-change:auto}.brand-constellation>span{transform:translate(-50%,-50%)}.brand-motion-toggle{display:none}}
/* Four continuous lines of words move around the central wordmark. */
.brand-ribbons{overflow:hidden;inset:0 -3%;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.brand-ribbon{position:absolute;left:-15%;width:130%;overflow:hidden;transform:rotate(-5deg);transform-origin:center;--speed:72s}
.brand-ribbon-1{top:8%;color:#aaa;--speed:84s}
.brand-ribbon-2{top:20%;color:#777;--speed:100s}
.brand-ribbon-3{top:79%;color:#aaa;--speed:90s}
.brand-ribbon-4{top:91%;color:#777;--speed:110s}
.brand-ribbon-track{display:flex;width:max-content;animation:brand-ribbon-travel var(--speed) linear infinite;will-change:transform}
.brand-ribbon:nth-child(even) .brand-ribbon-track{animation-direction:reverse}
.brand-ribbon-segment{display:flex;align-items:center;gap:clamp(24px,4vw,70px);padding-right:clamp(24px,4vw,70px);flex-shrink:0}
.brand-ribbon-segment span{white-space:nowrap;font-size:clamp(.8rem,1.45vw,1.35rem);text-transform:uppercase;letter-spacing:.12em;font-weight:400}
.brand-ribbon-segment i{font-size:.65rem;font-style:normal;color:#777}
@keyframes brand-ribbon-travel{to{transform:translate3d(-50%,0,0)}}
.brand-motion-paused .brand-ribbon-track{animation-play-state:paused!important}
@media(max-width:760px){.brand-ribbon{transform:rotate(-7deg)}.brand-ribbon-1{top:13%}.brand-ribbon-2{top:25%}.brand-ribbon-3{top:75%}.brand-ribbon-4{top:87%}.brand-ribbon-segment{gap:25px;padding-right:25px}.brand-ribbon-segment span{font-size:.85rem}.brand-motion-toggle{bottom:0}}
@media(prefers-reduced-motion:reduce){.brand-ribbon-track{animation:none!important;will-change:auto}}
.title-particle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.type-hero h1.title-particles-active>span{opacity:var(--title-solid,0)}
@media(prefers-reduced-motion:reduce){.title-particle-canvas{display:none}.type-hero h1.title-particles-active>span{opacity:1}}