html[data-home-theme="light"] {
    --bg: #ffffff !important;
    --panel: #ffffff !important;
    --white: #181816 !important;
    --muted: rgba(24,24,24,0.48) !important;
    --soft: rgba(24,24,24,0.1) !important
}
html[data-home-theme="light"] body {
    color: var(--#181816) !important
}
html[data-home-theme="light"] body::selection {
    color: var(--#181816) !important
}
html[data-home-theme="light"] a {
    color: inherit !important
}
html[data-home-theme="light"] .main-nav {
    color: rgba(24,24,24,0.62) !important
}
html[data-home-theme="light"] .main-nav a:hover,
html[data-home-theme="light"] .main-nav a.is-active {
    color: var(--#181816) !important
}
html[data-home-theme="light"] .contact-link {
    color: var(--#181816) !important
}
html[data-home-theme="light"] .contact-link span {
    color: var(--red) !important
}
html[data-home-theme="light"] .contact-link:hover {
    color: var(--red) !important
}
html[data-home-theme="light"] .axis-line {
    background: rgba(24,24,24,0.055) !important
}
html[data-home-theme="light"] .orbit {
    border: 1px solid rgba(24,24,24,0.055) !important
}
html[data-home-theme="light"] .hero-small {
    color: var(--#181816) !important
}
html[data-home-theme="light"] .works-sticky-title h2 {
    color: rgba(24,24,24,0.92) !important
}
html[data-home-theme="light"] .work-card {
    color: var(--#181816) !important
}
html[data-home-theme="light"] .work-meta-row {
    color: rgba(24,24,24,0.62) !important
}
html[data-home-theme="light"] .work-media {
    background: #ffffff !important
}
html[data-home-theme="light"] .work-media::after {
    background: linear-gradient(180deg, transparent 48%, rgba(255,255,255,0.48)) !important
}
html[data-home-theme="light"] .work-hover {
    background: rgba(24,24,24,0.18) !important;
    color: #181816 !important;
    box-shadow: 0 22px 55px rgba(24,24,22,0.1125) !important
}
html[data-home-theme="light"] .work-copy {
    border-bottom: 1px solid rgba(24,24,24,0.11) !important
}
html[data-home-theme="light"] .work-client {
    color: rgba(24,24,24,0.62) !important
}
html[data-home-theme="light"] .work-title {
    color: var(--#181816) !important
}
html[data-home-theme="light"] .works-cta {
    border-top: 1px solid rgba(24,24,24,0.09) !important
}
html[data-home-theme="light"] .works-cta-link {
    background: var(--#181816) !important;
    color: #ffffff !important
}
html[data-home-theme="light"] .works-cta-link::before {
    color: var(--red) !important
}
html[data-home-theme="light"] .works-cta-link:hover {
    color: var(--#181816) !important
}
html[data-home-theme="light"] .works-cta-link:hover::before {
    color: currentColor !important
}
html[data-home-theme="light"] .site-footer {
    border-top: 1px solid rgba(24,24,24,0.1) !important;
    background: #ffffff !important
}
html[data-home-theme="light"] .footer-bg-word {
    color: rgba(24,24,24,0.035) !important
}
html[data-home-theme="light"] .footer-manifesto {
    color: rgba(24,24,24,0.62) !important
}
html[data-home-theme="light"] .footer-column-title {
    color: rgba(24,24,24,0.62) !important
}
html[data-home-theme="light"] .footer-link,
html[data-home-theme="light"] .footer-contact-value {
    color: rgba(24,24,24,0.88) !important
}
html[data-home-theme="light"] .footer-link:hover,
html[data-home-theme="light"] .footer-contact-value:not(.is-static):hover {
    color: var(--red) !important
}
html[data-home-theme="light"] .footer-contact-label {
    color: rgba(24,24,24,0.62) !important
}
html[data-home-theme="light"] .footer-social {
    background: rgba(24,24,24,0.05) !important;
    box-shadow: inset 0 0 0 1px rgba(24,24,22,0.02) !important
}
html[data-home-theme="light"] .footer-social:hover {
    color: var(--red) !important
}
html[data-home-theme="light"] .footer-bottom {
    border-top: 1px solid rgba(24,24,24,0.1) !important;
    color: rgba(24,24,24,0.62) !important
}
html[data-home-theme="light"] .cursor {
    background: var(--#181816) !important
}
html[data-home-theme="light"] .cursor-ring {
    border: 1px solid rgba(24,24,24,0.25) !important
}