:root{color-scheme:light}
.theme-toggle{position:fixed;left:16px;bottom:max(14px,env(safe-area-inset-bottom));z-index:45;min-height:44px;border:1px solid #6638ed55;border-radius:100px;background:#fff;color:#101b36;padding:9px 16px;box-shadow:0 4px 20px #101b361a;font-size:14px;line-height:1.4}
html[data-theme=dark]{color-scheme:dark;background:#0d1424}
[data-theme=dark] .pencil-original{--paper:#0d1424;--ink:#edf2fa;--muted:#b3bfd2;--border:#a8b9d033;--purple:#28d8f6;background:var(--paper);color:var(--ink)}
[data-theme=dark] .pencil-original :is(.hero,.own-approach,.gallery-hero,.gallery-project,.faq,.menu-panel){background:#0d1424;color:#edf2fa}
[data-theme=dark] .pencil-original :is(.work,.process,.gallery-project:nth-of-type(odd)){background:#141f32;color:#edf2fa}
[data-theme=dark] .pencil-original .site-nav{background:#0d1424ed;color:#edf2fa;border-color:#a8b9d033}
[data-theme=dark] .pencil-original .brand img{filter:brightness(0) invert(1)}
[data-theme=dark] .pencil-original .brand span{color:#28d8f6}
[data-theme=dark] .pencil-original :is(.menu-button,.menu-close,.viewer-close){background:#19263d;color:#edf2fa;border-color:#a8b9d055}
[data-theme=dark] .pencil-original :is(.hero-lead,.hero-package span,.art-caption,.work-heading p,.work-foot p,.intro-right>p+p,.package-intro,.package-numbers span,.package .section-label,.package-price p,.package-note,.package-note p,.package .deliverable p,.deck-selections figcaption){color:#b3bfd2}
[data-theme=dark] .pencil-original :is(.underlink,.package-numbers strong,.package .deliverable h3){color:#edf2fa}
[data-theme=dark] .pencil-original :is(.hero-package,.package-note,.deliverable,.package-numbers){border-color:#a8b9d033}
[data-theme=dark] .pencil-original .package{background:#192840;color:#edf2fa}
[data-theme=dark] .pencil-original :is(.hero-actions .pill,.package .pill,.nav-cta,.contact .design-enquiry .pill){background:#28d8f6;color:#071b28;border-color:#28d8f6}
[data-theme=dark] .pencil-original .pill.outline{color:#edf2fa;border-color:#a8b9d066;background:transparent}
[data-theme=dark] .pencil-original .pill.dark{background:#edf2fa;color:#101b36}
[data-theme=dark] .pencil-original :is(.contact,.site-footer,.gallery-end){background:#091121;color:#edf2fa}
[data-theme=dark] .pencil-original .contact h2 span{color:#28d8f6}
[data-theme=dark] .pencil-original :is(.design-enquiry,.comparison,.slide-dialog){background:#19263b;color:#edf2fa;border-color:#a8b9d033}
[data-theme=dark] .enquiry-fields :is(input,select,textarea){background:#0d182a;color:#edf2fa;border-color:#71819a}
[data-theme=dark] .enquiry-fields ::placeholder{color:#aebbd0}
[data-theme=dark] .pencil-original .contact .design-enquiry p{color:#bdc9da}
[data-theme=dark] .enquiry-privacy{border-color:#a8b9d033}
[data-theme=dark] .switch{background:#0d182a}
[data-theme=dark] .switch button{color:#bdc9da}
[data-theme=dark] .switch button[aria-pressed=true]{background:#28d8f6;color:#071b28}
[data-theme=dark] .theme-toggle,[data-theme=dark] .global-motion-toggle{background:#19263b;color:#edf2fa;border-color:#28d8f666}
[data-theme=dark] .art-orbit{border-color:#28d8f633;background:radial-gradient(ellipse at center,#28d8f61a,transparent 68%)}
[data-theme=dark] .pencil-original .contact .design-enquiry #enquiry-status[data-state=success]{background:#163c2a;color:#d0f5dd}
[data-theme=dark] .pencil-original .contact .design-enquiry #enquiry-status[data-state=error]{background:#482128;color:#ffe0e3}
[data-theme=dark] .pencil-original .contact .design-enquiry #enquiry-status[data-state=pending]{background:#153743;color:#ccf6ff}
@media(max-width:760px){.theme-toggle{left:12px;padding:8px 13px}}
[data-theme=dark] .pencil-original .menu-button:hover{color:#071b28!important}
[data-theme=dark] .enquiry-fields .optional,[data-theme=dark] .compare-caption{color:#bdc9da}

/* Preserve the original symbol colours; adapt lettering only. */
.pencil-original .brand .brand-logo-art{position:relative;display:block;flex:none;width:154px;aspect-ratio:660/264;padding:0;border:0;letter-spacing:normal;line-height:0}
.pencil-original .brand .brand-logo-art img{display:block;width:100%;height:auto}
.pencil-original .brand .brand-logo-art .brand-symbol{position:absolute;inset:0;clip-path:inset(0 72.4% 0 0);filter:none!important}
@media(max-width:760px){.pencil-original .brand .brand-logo-art{width:135px}}
@media(min-width:371px) and (max-width:410px){.pencil-original .brand .brand-logo-art{width:120px}}
/* Display switches live inside the navigation, never over page content. */
.menu-settings{display:flex;flex-wrap:wrap;align-items:center;gap:18px 36px;padding:22px 0;border-top:1px solid var(--border)}
.menu-setting{display:flex;align-items:center;gap:18px;font-size:14px;line-height:1.4}
.pencil-original .menu-settings .theme-toggle,.pencil-original .menu-settings .global-motion-toggle{position:relative;display:inline-flex;align-items:center;flex:none;inset:auto;z-index:auto;width:48px;height:28px;min-height:28px;padding:3px;border:1px solid #7b8596;border-radius:100px;background:#d8dce5;box-shadow:none;color:inherit;cursor:pointer}
.menu-settings .switch-knob{width:20px;height:20px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transform:translateX(0);transition:transform .2s}
.pencil-original .menu-settings button[aria-checked=true]{background:#6638ed;border-color:#6638ed}.menu-settings button[aria-checked=true] .switch-knob{transform:translateX(20px)}
[data-theme=dark] .pencil-original .menu-settings button{background:#354259;border-color:#71819a}[data-theme=dark] .pencil-original .menu-settings button[aria-checked=true]{background:#28d8f6;border-color:#28d8f6}
.menu-settings button:disabled{cursor:default;opacity:.7}.motion-system-note{flex-basis:100%;font-size:13px;color:var(--muted);margin:0}
@media(prefers-reduced-motion:reduce){.menu-settings .switch-knob{transition:none}}
.user-reduced-motion .menu-settings .switch-knob{transition:none}