/* Full-colour originals on touch-first phones. No hidden duplicate portal layer. */
body[data-portal-mode=off]{background:#02050a;color:#f3f6ff}
body[data-portal-mode=off] .portal-surface>.portal-base{color:#f3f6ff}
body[data-portal-mode=off] .portal-surface>.portal-base :is(h1,h2,h2 em){filter:none!important;-webkit-text-stroke:0!important;color:#f5f7fb!important}
body[data-portal-mode=off] .portal-surface>.portal-base h2 em{color:#4387ff!important}
body[data-portal-mode=off] .portal-surface .brand span{color:#4387ff}
body[data-portal-mode=off] .portal-surface :is(.hero-description,.section-heading>p,.direction-studio p){color:#c5d0e4}
body[data-portal-mode=off] .portal-surface :is(.hero-meta,.direction-deliverables li){color:#9db0cf}
body[data-portal-mode=off] .portal-surface .section-label{color:#769cd8}
body[data-portal-mode=off] .portal-surface>.portal-base .primary{background:#1368ff;border-color:#4387ff;color:#fff}
body[data-portal-mode=off] .portal-surface>.portal-base .secondary{--mobile-button-bg:#06152b;background:#06152b;border-color:#4387ff;color:#f1f5ff}
body[data-portal-mode=off] .portal-surface .direction-studio{--direction-color:#a05bff;--direction-rgb:143,67,255;--mobile-button-bg:var(--direction-color)}
body[data-portal-mode=off] .portal-surface .direction-studio[data-direction=digital]{--direction-color:#00ddb0;--direction-rgb:0,221,176;--mobile-button-ink:#002b23}
body[data-portal-mode=off] .portal-surface .direction-studio h3{color:var(--direction-color)}
body[data-portal-mode=off] .portal-surface>.portal-base .direction-cta{background:var(--direction-color);border-color:var(--direction-color);color:#fff}
body[data-portal-mode=off] .portal-surface>.portal-base .direction-studio[data-direction=digital] .direction-cta{color:#002b23}
body[data-portal-mode=off] .portal-surface>.portal-base .button:is(:hover,:focus-visible){background:var(--mobile-button-bg,#1368ff);border-color:var(--mobile-button-bg,#4387ff);color:var(--mobile-button-ink,#fff)}
body[data-portal-mode=off] .portal-surface .contact-card svg{color:#4387ff}
body[data-portal-mode=off] .portal-surface .contact-card :is(small,.copy-mark){color:#aabbd4}
body[data-portal-mode=off] .portal-surface .contact-card>a,body[data-portal-mode=off] .portal-surface .contact-card>button{border-color:#1368ff80}
body[data-portal-mode=off] .portal-surface .contact-card strong{color:#f5f7fb}

@media(prefers-reduced-motion:reduce){body[data-portal-mode=off] .direction-art{transform:none}}