/* Pencil Glow Brand Guidelines v1, 2026 — agency shell only.
   Portfolio images, card artwork, scene code and gallery ordering stay intact. */
:root,html[data-theme=dark]{color-scheme:dark;--brand-bg:#0B0B0F;--brand-raised:#17171D;--brand-ink:#FFFFFF;--brand-muted:#B4B4C0;--brand-line:#2A2A33;--brand-accent:#00BBFE;--brand-on-accent:#0B0B0F;background:var(--brand-bg)}
html[data-theme=light]{color-scheme:light;--brand-bg:#FFFFFF;--brand-raised:#F4F4F6;--brand-ink:#0B0B0F;--brand-muted:#4A4A55;--brand-line:#DCDCE2;--brand-accent:#7028FC;--brand-on-accent:#FFFFFF;background:var(--brand-bg)}
@media(prefers-color-scheme:light){html:not([data-theme]){color-scheme:light;--brand-bg:#FFFFFF;--brand-raised:#F4F4F6;--brand-ink:#0B0B0F;--brand-muted:#4A4A55;--brand-line:#DCDCE2;--brand-accent:#7028FC;--brand-on-accent:#FFFFFF}}
:root .pencil-original{--paper:var(--brand-bg);--ink:var(--brand-ink);--navy:var(--brand-ink);--muted:var(--brand-muted);--border:var(--brand-line);--purple:var(--brand-accent);--cyan:var(--brand-accent);background:var(--brand-bg);color:var(--brand-ink);font-family:'Barlow',Arial,sans-serif;font-weight:400}
:root .pencil-original :is(h1,h2,h3,h4,h5,h6),:root .pencil-original .marquee-track{font-family:'Barlow Condensed','Arial Narrow',sans-serif!important;font-weight:700!important;text-transform:uppercase;letter-spacing:-.015em!important}
:root .pencil-original :is(button,input,textarea,select,label,.package-price>span,.package-numbers strong,.step){font-family:'Barlow',Arial,sans-serif}
:root .pencil-original :is(.hero,.own-approach,.gallery-hero,.gallery-project,.gallery-project:nth-of-type(odd),.faq,.contact,.gallery-end,.service-intro,.service-scope,.design-services){background:var(--brand-bg);color:var(--brand-ink)}
:root .pencil-original :is(.work,.process,.package,.design-enquiry,.comparison,.slide-dialog,.footer-preferences){background:var(--brand-raised);color:var(--brand-ink);border-color:var(--brand-line)}
:root .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,.contact .small-note,.contact .design-enquiry p,.enquiry-fields .optional,.compare-caption,.case-brief,.service-lead){color:var(--brand-muted)}
:root .pencil-original :is(.eyebrow,.section-label,.step,.contact h2 span,.intro h2>span,.package .deliverable h3){color:var(--brand-accent)}
:root .pencil-original :is(.underlink,.package-numbers strong){color:var(--brand-ink)}
:root .pencil-original :is(.pill,.hero-actions .pill,.package .pill,.service-intro .pill,.nav-cta,.contact .pill,.contact .design-enquiry .pill){background:var(--brand-accent);color:var(--brand-on-accent);border-color:var(--brand-accent);font-family:'Barlow',Arial,sans-serif;font-weight:600}
:root .pencil-original .pill.outline{background:transparent;color:var(--brand-ink);border-color:var(--brand-line)}
:root .pencil-original :is(.enquiry-fields input,.enquiry-fields select,.enquiry-fields textarea){background:var(--brand-bg);color:var(--brand-ink);border-color:var(--brand-line)}
:root .pencil-original .enquiry-fields ::placeholder{color:var(--brand-muted)}
:root .pencil-original :is(.hero-package,.package-note,.deliverable,.package-numbers,.enquiry-privacy){border-color:var(--brand-line)}
:root .pencil-original :is(.viewer-close){background:var(--brand-raised);color:var(--brand-ink);border-color:var(--brand-line)}
:root .pencil-original .footer-brand .pg-brand-mark{position:static;display:block;flex:none;width:260px;height:auto;aspect-ratio:auto;overflow:visible;padding:0;border:0;line-height:0}
:root .pencil-original .pg-brand-mark img{position:static;display:none;width:100%;max-width:none;height:auto;left:auto;top:auto;clip-path:none;filter:none!important;transform:none;object-fit:contain}
:root .pencil-original .pg-brand-mark .pg-mark-dark{display:block}
html[data-theme=light] .pencil-original .pg-brand-mark .pg-mark-dark{display:none}
html[data-theme=light] .pencil-original .pg-brand-mark .pg-mark-light{display:block}
@media(prefers-color-scheme:light){html:not([data-theme]) .pencil-original .pg-brand-mark .pg-mark-dark{display:none}html:not([data-theme]) .pencil-original .pg-brand-mark .pg-mark-light{display:block}}
:root .pencil-original footer.business-footer{--footer-soft:var(--brand-bg);--footer-ink:var(--brand-ink);--footer-muted:var(--brand-muted);--footer-line:var(--brand-line);background:var(--brand-bg);color:var(--brand-muted);font-family:'Barlow',Arial,sans-serif}
:root .pencil-original .business-footer .footer-intro p{padding-left:17.827px}
:root .pencil-original .business-footer .footer-email{color:var(--brand-ink)}
:root .pencil-original .footer-preferences{background:var(--brand-bg);color:var(--brand-ink);border-color:var(--brand-line)}
:root .pencil-original :is(.switch){background:var(--brand-raised);color:var(--brand-ink);border-color:var(--brand-line)}
:root .pencil-original :is(.switch button[aria-pressed=true]){background:var(--brand-accent);color:var(--brand-on-accent);border-color:var(--brand-accent)}
:root .pencil-original :is(a,button,input,textarea,select,summary):focus-visible{outline-color:var(--brand-accent)}
:root .pencil-original .art-orbit{border-color:var(--brand-line);background:none}
/* Black scene panels frame unchanged portfolio images and the slide globe. */
:root .pencil-original :is(.media-world,.feature-world){--brand-ink:#FFFFFF;--brand-muted:#B4B4C0;--brand-accent:#00BBFE;--brand-on-accent:#0B0B0F;--navy:#FFFFFF;--ink:#FFFFFF;--muted:#B4B4C0;--purple:#00BBFE;--cyan:#00BBFE;background:#0B0B0F;color:#FFFFFF}
:root .pencil-original :is(.world-copy p,.world-hint,.feature-caption){color:#B4B4C0}
:root .pencil-original :is(.world-copy .eyebrow,.feature-copy .eyebrow){color:#00BBFE}
@media(max-width:640px){:root .pencil-original .footer-brand .pg-brand-mark{width:180px}:root .pencil-original .business-footer .footer-intro p{padding-left:12.341px}}
@media(max-width:360px){:root .pencil-original .footer-brand .pg-brand-mark{width:152px}:root .pencil-original .business-footer .footer-intro p{padding-left:10.421px}}
@media(forced-colors:active){:root .pencil-original{background:Canvas;color:CanvasText}:root .pencil-original .pill{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}