/* Forest, warm white and acid lime: readable type carries the colour. */
:root{--paper:#f4f3ed;--ink:#101b15;--orange:#ddff65;--green:#081d17;--lime:#ddff65}
body,.hero-stage,.motion-section,.studio-intro,footer{background:#081d17}.header{color:#ddff65}.scrolled .header{background:#081d17f5}.mobile-menu{background:#081d17;color:#ddff65;border-color:#ddff6544}.hero-shade{background:linear-gradient(90deg,rgba(8,29,23,.48) 0%,rgba(8,29,23,.55) 55%,rgba(8,29,23,.66) 100%)}.hero-heading h1,.hero-serif{color:#fff}.hero-megatype{background:#ddff65}.hero-baseline,.hero-baseline button{color:#fff}.crosshair{color:#ffffffa8}.header nav{font-size:14px}.nav-caption{font-size:12px}.hero-baseline,.hero-baseline button{font-size:12px}.studio-intro h2 em{color:#ddff65}.intro-bottom>span,.intro-bottom>a{font-size:14px}.section-caption span{font-size:12px;color:#d0d8d1}.section-caption h2{color:#fff}.subscription,.contact{background:#ddff65;color:#101b15}.contact h2>span:last-child{color:#101b15}.subscription h2 .serif{color:#101b15}.subscription .section-kicker{border-color:#101b1577}.plan{background:#081d17;color:#f4f3ed}.plan .plan-footnote{color:#d0d8d1}.subscription .lime,.dark{background:#081d17;color:#fff}.workflow-card{background:#e2eac8}.ui-avatar,.tag{background:#dce8bd}.sculpture-card{background:#e2ff54}.process .step-no{color:#1d503b}.ui-content,.approval-ui{color:#101b15}.approve-button{background:#153f2e}.feedback{color:#314535}.study-note{color:#435143}.footer-bottom{color:#d0d8d1}.header .menu-toggle{color:#ddff65}.hero-heading{text-shadow:0 2px 16px #081d1733}
@supports not (mask-image:url('logo-white.svg')){.hero-megatype{background:transparent}.hero-megatype img{filter:brightness(0) saturate(100%) invert(93%) sepia(48%) saturate(800%) hue-rotate(16deg) brightness(104%) contrast(105%)}}
@media(max-width:700px){.header .nav-caption{font-size:10px}.section-kicker{font-size:12px}.hero-baseline,.hero-baseline button{font-size:11px}.hero-serif{font-size:11vw}.hero-megatype{top:73svh}.scrolled .hero-megatype{top:18px}.intro-bottom>span,.intro-bottom>a{font-size:13px}.section-caption span{font-size:11px}}
.hero-shade{background:rgba(8,29,23,.65)}
.contact h2{font-size:clamp(72px,10vw,160px)}.contact h2>span:last-child{font-size:1.25em;right:2%}.process h3{line-height:1.1}
@media(max-width:700px){.contact h2{font-size:14vw}.contact h2>span:last-child{display:none}.hero-baseline>span{display:none}}