/* Independent visual style and brightness. Artwork keeps its own paper/ink palette. */
:root {
  --site-bg:#f3f5f4;--site-solid:#f7f8f7;--site-surface:#ffffff;--site-subtle:#e9eeeb;
  --site-ink:#1e2a2d;--site-muted:#526169;--site-line:#cbd4d0;--site-accent:#335d65;
  --site-accent-soft:#e1ece8;--site-on-accent:#fff;--site-focus:#216c83;
  --site-shadow:0 12px 32px #20372d0d;--site-yellow:#eeeacb;--site-cyan:#deeeeb;--site-pink:#f0e5e9;
  --art-paper:#fffdf6;--wave-played:#335d65;--wave-idle:#a2b1ac;
  --ink:var(--site-ink);--muted:var(--site-muted);
}
:root[data-style="sketch"] {
  --site-bg:#fff7fc;--site-solid:#fff9f8;--site-surface:#fffdf5;--site-subtle:#f4e7f5;
  --site-ink:#302260;--site-muted:#665279;--site-line:#b8a4ce;--site-accent:#3024af;
  --site-accent-soft:#eee2ff;--site-on-accent:#fff;--site-focus:#3024af;
  --site-shadow:4px 5px 0 #4732da16;--site-yellow:#fff1a8;--site-cyan:#d9f9f3;--site-pink:#fbd9f3;
  --wave-played:#3024af;--wave-idle:#bbacd0;
}
:root[data-scheme="night"] {
  --site-bg:#151d20;--site-solid:#192226;--site-surface:#202c30;--site-subtle:#2b3a3f;
  --site-ink:#edf3f3;--site-muted:#b6c4c8;--site-line:#4b6067;--site-accent:#b8d9d5;
  --site-accent-soft:#2d4849;--site-on-accent:#172b2c;--site-focus:#a9eeeb;
  --site-shadow:0 12px 32px #0002;--site-yellow:#393c30;--site-cyan:#243e40;--site-pink:#3d303a;
  --wave-played:#b8d9d5;--wave-idle:#657b7c;
}
:root[data-style="sketch"][data-scheme="night"] {
  --site-bg:#211e2d;--site-solid:#252131;--site-surface:#2c2739;--site-subtle:#393147;
  --site-ink:#eee8ff;--site-muted:#c0b2cc;--site-line:#796789;--site-accent:#d2c4ff;
  --site-accent-soft:#45345c;--site-on-accent:#241d37;--site-focus:#eed2ff;
  --site-shadow:4px 5px 0 #b69be21a;--site-yellow:#403b2d;--site-cyan:#283e40;--site-pink:#493047;
  --wave-played:#d2c4ff;--wave-idle:#867398;
}
:root[data-style] body{background:var(--site-bg);color:var(--site-ink)}
:root[data-style] :is(a,button,input,summary,[tabindex]):focus-visible{outline:2px solid var(--site-focus);outline-offset:4px}
:root[data-style] :is(.hero,.capabilities,.work-section,.about-section){color:var(--site-ink);--ink:var(--site-ink);--muted:var(--site-muted);--line:var(--site-line)}
:root[data-style] :is(.nav-dock,.theme-button,.info-panel,.mega-menu){background:var(--site-surface);border-color:var(--site-line);color:var(--site-ink);box-shadow:var(--site-shadow)}
:root[data-style] :is(.nav-dock a,.nav-dock button,.project-item,.project-group>p,.preview-footer,.info-panel p,.info-panel button){color:var(--site-muted)}
:root[data-style] :is(.nav-dock a:hover,.nav-dock button:hover,.nav-dock .active,.nav-dock .menu-trigger[aria-expanded="true"],.project-item:hover,.project-item.is-active){color:var(--site-ink);background:var(--site-subtle)}
:root[data-style] .mega-projects{border-color:var(--site-line)}
:root[data-style] .preview-frame{background:var(--site-subtle);border-color:var(--site-line)}
:root[data-style] .preview-app{color:#202b2c;color-scheme:light}
:root[data-style] :is(.right-copy,.right-copy .greeting,.right-copy .specialty,.left-copy>p){color:var(--site-muted)}
:root[data-style] .right-copy .statement{color:var(--site-ink)}
:root[data-style] .pill-button{color:var(--site-ink);border-color:var(--site-line);background:var(--site-surface);box-shadow:var(--site-shadow)}
:root[data-style] .call-button{background:var(--site-accent);color:var(--site-on-accent)}
:root[data-style] .call-mark{background:var(--site-on-accent)}
:root[data-style] .call-mark i{background:var(--site-accent)}
:root[data-style] .portrait-toggle{background:var(--site-surface);color:var(--site-ink)}
.hero-sketch-portrait{display:block;opacity:0;position:absolute;inset:-9% -8% 0;width:116%;height:115%;object-fit:contain;pointer-events:none}
:root[data-style="sketch"] .hero{background:var(--site-bg);animation:none}
:root[data-style="sketch"] .hero::before{background:radial-gradient(ellipse at 50% 70%,var(--site-pink),transparent 70%)}
:root[data-style="sketch"] .hero::after{background-image:radial-gradient(#8a6ba518 .65px,transparent .65px);background-size:9px 9px}
:root[data-style] :is(#face-canvas,#snap-canvas){display:block}
.hero[data-portrait="sketch"] .hero-sketch-layer{opacity:1}
:root[data-style="sketch"] :is(.nav-dock,.mega-menu,.info-panel){border-radius:12px 22px 15px 25px}
:root[data-style="sketch"] .pill-button{border-radius:6px 14px 7px 12px}
:root[data-style="sketch"] .right-copy .greeting{color:var(--site-accent)}
@keyframes sketch-breathe{0%,100%{translate:0 0}50%{translate:0 -7px}}
/* One small control remains accessible on every section and case page. */
.appearance-trigger{position:fixed;z-index:105;left:20px;bottom:max(20px,env(safe-area-inset-bottom));width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--site-line);border-radius:50%;background:var(--site-surface);color:var(--site-ink);box-shadow:0 5px 25px #0002}
.appearance-trigger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.appearance-trigger:hover{background:var(--site-subtle)}
.appearance-panel{position:fixed;z-index:110;width:288px;max-width:calc(100vw - 24px);padding:20px;border:1px solid var(--site-line);border-radius:18px;background:var(--site-surface);color:var(--site-ink);box-shadow:0 18px 70px #0003;font:14px/1.5 'RagInter',Inter,Arial,sans-serif}
.appearance-panel[hidden]{display:none}
.appearance-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.appearance-panel h2{font-size:16px;margin:0;font-weight:600;letter-spacing:-.025em}
.appearance-close{display:grid;place-items:center;width:32px;height:32px;margin:-8px -7px -8px 0;border:0;border-radius:50%;background:transparent;color:var(--site-muted);font-size:24px}
.appearance-close:hover{background:var(--site-subtle)}
.appearance-style{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:13px 0;border:0;border-block:1px solid var(--site-line);background:transparent;color:var(--site-ink);text-align:left}
.appearance-track{display:block;position:relative;flex:none;width:40px;height:24px;border-radius:99px;background:var(--site-subtle);border:1px solid var(--site-line)}
.appearance-track::after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:var(--site-muted);border-radius:50%;transition:translate .2s ease}
.appearance-style[aria-checked="true"] .appearance-track{background:var(--site-accent);border-color:var(--site-accent)}
.appearance-style[aria-checked="true"] .appearance-track::after{translate:16px 0;background:var(--site-on-accent)}
.appearance-label{margin:18px 0 8px;color:var(--site-muted);font-size:12px}
.appearance-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid var(--site-line);border-radius:11px;background:var(--site-subtle)}
.appearance-modes button{min-height:36px;padding:5px;border:0;border-radius:7px;background:transparent;color:var(--site-muted);font-size:12px}
.appearance-modes button[aria-pressed="true"]{background:var(--site-accent);color:var(--site-on-accent)}
.appearance-status{margin:14px 0 0;color:var(--site-muted);font-size:11px}
:root[data-style="sketch"] .appearance-panel{border-radius:7px 18px 9px 15px;box-shadow:5px 6px 0 #4732da26}
/* Capabilities retain their live UI, with surfaces from the selected style. */
:root[data-style] .capabilities{background:var(--site-bg)}
:root[data-style] .mosaic-stage .card{background:var(--site-surface);border-color:var(--site-line);box-shadow:var(--site-shadow);color:var(--site-ink)}
:root[data-style] .mosaic-stage :is(h2,.sub,.g){color:var(--site-ink)}
:root[data-style] .mosaic-stage :is(.mosaic-toast,.tech-chip,.delivery-status,.workflow-label,.bar-search){background:var(--site-subtle);color:var(--site-ink);border-color:var(--site-line)}
:root[data-style] .mosaic-stage :is(.toast-copy strong,.toast-copy p,.toast-time){color:var(--site-ink)}
:root[data-style="clean"] .mosaic-stage .g{color:var(--site-accent)}
:root[data-style="sketch"] .mosaic-stage .card{border-radius:8rem 24rem 9rem 19rem}
:root[data-style="sketch"] .mosaic-stage :is(.notif,.search){background:var(--site-pink)}
:root[data-style="sketch"] .mosaic-stage :is(.automate,.insights){background:var(--site-yellow)}
:root[data-style="sketch"] .mosaic-stage .connect{background:var(--site-cyan)}
/* Work chrome and the project directory share brightness tokens. */
:root[data-style] .work-section{--work-ink:var(--site-ink);--work-muted:var(--site-muted);--work-paper:var(--site-surface);--work-line:var(--site-line);--work-accent:var(--site-accent);background:var(--site-bg);color:var(--site-ink)}
:root[data-style] :is(.work-kicker,.work-page-status,.work-bottom,.work-menu-link){color:var(--site-muted)}
:root[data-style] :is(.work-pager,.work-directory-panel){background:var(--site-surface);border-color:var(--site-line);color:var(--site-ink);box-shadow:var(--site-shadow)}
:root[data-style] :is(.work-pager button,.work-directory>summary,.work-pager #work-page-status,.work-directory-label,.work-directory-count,.work-directory-empty,.work-index-item){color:var(--site-ink)}
:root[data-style] :is(.work-filter,.work-page-button,.work-index-item,.work-directory-search){background:transparent;border-color:var(--site-line);color:var(--site-muted)}
:root[data-style] :is(.work-filter[aria-pressed="true"],.work-page-button[aria-current="page"],.work-index-item:hover){background:var(--site-accent);color:var(--site-on-accent);border-color:var(--site-accent)}
:root[data-style] .work-directory-search{background:var(--site-subtle);color:var(--site-ink)}
:root[data-style] .work-directory-search::placeholder{color:var(--site-muted);opacity:1}
:root[data-style] .work-directory>summary b{background:var(--site-subtle);color:var(--site-ink)}
:root[data-style] .collage-title span{background:var(--site-surface);color:var(--site-accent)}
:root[data-style] .collage-footnote{color:var(--site-muted)}
/* Work keeps its original desk composition and responsive card positions in both styles. */
/* All eighteen case pages: the same story, two presentations. */
:root[data-style] .work-section.case-open{--case-ink:var(--site-ink);--case-muted:var(--site-muted);--case-paper:var(--site-surface);--case-line:var(--site-line);--case-accent:var(--site-accent);--case-surface:var(--site-subtle);background:var(--site-bg);color:var(--site-ink)}
:root[data-style] :is(.work-case-toolbar,.case-product-stage,.case-facts>div,.case-feature,.case-outcome,.case-sketchbook,.case-drawing-board){background:var(--site-surface);border-color:var(--site-line);box-shadow:var(--site-shadow);color:var(--site-ink)}
:root[data-style] :is(.work-case-close,.case-return,.case-scope-list span,.case-topic-tags span,.case-related-card .case-topic-tags span){background:var(--site-subtle);border-color:var(--site-line);color:var(--site-ink)}
:root[data-style] .case-editorial :is(p,.case-chapter-lead,.case-deck,.case-feature p,.case-outcome>div>p:last-child,.case-related-card>p){color:var(--site-muted)}
:root[data-style] :is(.case-editorial .case-page-heading h3,.case-editorial h4,.case-editorial h5,.case-facts dd,.case-proof strong,.case-related-card h5,.case-network-title){color:var(--site-ink)}
:root[data-style] .case-facts dt,:root[data-style] .case-role-note h5,:root[data-style] .case-visual-bar,:root[data-style] .case-product-stage figcaption,:root[data-style] .case-interface-study>summary,:root[data-style] .case-drawing-board figcaption,:root[data-style] .case-sketchbook-top,:root[data-style] .case-chapter-nav button,:root[data-style] .case-chapter-nav::before,:root[data-style] .case-chapter-nav button>span:first-child,:root[data-style] .case-proof span,:root[data-style] .case-case-footer>p,:root[data-style] .case-related-heading a,:root[data-style] .case-principle>span{color:var(--site-muted)}
:root[data-style] :is(.case-product-stage figcaption em,.case-sketchbook-top em,.case-drawing-board figcaption em,.case-chapter-nav button[aria-current="location"],.case-chapter-nav button:hover){color:var(--site-accent)}
:root[data-style] .case-chapter-nav{background:var(--site-bg);border-color:var(--site-line)}
:root[data-style] .case-chapter-nav button[aria-current="location"]{background:var(--site-accent-soft)}
:root[data-style] .case-question{background:var(--site-pink);border-color:var(--site-line)}
:root[data-style] .case-question::before{color:var(--site-muted)}
:root[data-style] .case-editorial .case-question p{color:var(--site-ink)}
:root[data-style] .case-flow-node{background:var(--site-subtle);border-color:var(--site-line);color:var(--site-ink)}
:root[data-style] .case-flow-node:nth-child(2){background:var(--site-pink)}
:root[data-style] .case-flow-node:nth-child(3){background:var(--site-cyan)}
:root[data-style] .case-sketchbook-footer{color:var(--site-muted)!important}
:root[data-style] .case-principle{background:var(--site-subtle)}
:root[data-style] .case-proof strong{background:none}
:root[data-style] .case-product-stage::after{background:var(--site-pink)}
/* Drawings and product concepts are intentional light-paper exhibits in either brightness. */
:root[data-style] :is(.project-preview,.case-preview,.case-cover-drawing,.case-drawing-scroll){--site-ink:#302260;--site-muted:#665279;--case-ink:#302260;--case-muted:#665279;color:#302260;color-scheme:light;background-color:var(--art-paper)}
:root[data-style] .case-cover-drawing{border-radius:10px;padding:8px}
:root[data-style] .case-drawing-scroll{border:1px solid #d5c9df;border-radius:8px}
:root[data-style="clean"] :is(.case-product-stage,.case-drawing-board,.case-sketchbook,.case-feature,.case-outcome,.work-case-toolbar,.case-facts>div,.case-question,.case-flow-node,.case-return,.case-topic-tags span){border-radius:14px;box-shadow:var(--site-shadow)}
:root[data-style="clean"] .case-product-stage::after,:root[data-style="clean"] .case-product-stage::before,:root[data-style="clean"] .case-feature::before,:root[data-style="clean"] .case-drawing-board::before{display:none}
:root[data-style="clean"] .case-interface-study>.case-preview{box-shadow:none}
:root[data-style="clean"] .case-principle{border-radius:0 12px 12px 0}
:root[data-style="sketch"] .case-feature:nth-child(2){background:var(--site-pink)}
:root[data-style="sketch"] .case-feature:nth-child(3){background:var(--site-cyan)}
:root[data-style="sketch"] .case-feature:nth-child(4){background:var(--site-yellow)}
/* RAG scanner: foreground and background change together. */
:root[data-style] .case-chapter .work-demo{background:var(--site-surface);border-color:var(--site-line)}
:root[data-style] .rag-lab{--rag-ink:var(--site-ink);--rag-body:var(--site-ink);--rag-muted:var(--site-muted);--rag-code:var(--site-muted);--rag-comment:var(--site-muted);color:var(--site-ink);background:var(--site-surface)}
/* About: keep its fixed desktop stage and responsive column intact. */
:root[data-style] .about-section{--about-card:var(--site-surface);--about-secondary:var(--site-muted);--about-muted:var(--site-muted);--about-chip:var(--site-subtle);background:var(--site-bg);color:var(--site-ink)}
:root[data-style] :is(.about-card,.about-voice-pill,.about-conversation,.about-transcript,.about-back){border-color:var(--site-line);box-shadow:var(--site-shadow)}
:root[data-style] :is(.about-voice-pill,.about-conversation,.about-transcript,.about-back){background:var(--site-surface);color:var(--site-ink)}
:root[data-style] :is(.about-chip,.about-voice-pill>#about-voice-time,.about-voice-pill .about-transcript-toggle,.about-conversation,.about-timeline time,.about-focus-controls button){color:var(--site-muted)}
:root[data-style] .about-timeline time{font-size:11px}
:root[data-style] .about-focus-progress{background:var(--site-subtle)}
:root[data-style] .about-focus-progress>i{background:var(--site-accent)}
:root[data-style] .about-step-control{background:var(--site-subtle)}
:root[data-style] .about-step-control>button{color:var(--site-muted)}
:root[data-style] .about-step-pill{background:var(--site-accent)}
:root[data-style] .about-step-control>button[aria-selected="true"]{color:var(--site-on-accent)}
:root[data-style] .about-map-city{color:#455b58}
:root[data-style] :is(.about-notebook-section,.about-constellation){background:var(--site-bg);color:var(--site-ink)}
:root[data-style] :is(.about-notebook-heading h2,.about-network-header h2,.about-note-paper h3,.about-note-paper h4,.about-network-detail h3,.about-notebook-contact>a){color:var(--site-ink)}
:root[data-style] :is(.about-notebook-heading>p,.about-notebook-heading>span,.about-character-note,.about-character-angle,.about-character-controls>span,.about-note-paper .about-note-label,.about-note-paper p,.about-note-margin,.about-network-header p,.about-network-header span,.about-network-detail>span,.about-network-detail p,.about-network-margin,.about-notebook-contact>p,.about-notebook-contact>div){color:var(--site-muted)}
:root[data-style] .about-note-paper{background:var(--site-surface);color:var(--site-ink);box-shadow:var(--site-shadow)}
:root[data-style] .about-paper-edge{stroke:var(--site-accent)}
:root[data-style] :is(.about-character-controls button,.about-network-header button,.about-network-filters button,.about-network-detail a,.about-note-paper>a){background:var(--site-surface);border-color:var(--site-line);color:var(--site-ink)}
:root[data-style] .about-network-filters button[aria-pressed="true"]{background:var(--site-accent);border-color:var(--site-accent);color:var(--site-on-accent)}
:root[data-style] .about-network-node{color:var(--site-muted)}
:root[data-style] .about-network-node.is-hub{color:var(--site-ink)}
:root[data-style] .about-network-node.is-hub::before{background:var(--site-surface)}
:root[data-style] .about-network-node[aria-pressed="true"],:root[data-style] .about-network-node:hover{color:var(--site-accent)}
:root[data-style] .about-network-node[aria-pressed="true"]::before{background:var(--site-accent);box-shadow:0 0 0 4px var(--site-subtle)}
:root[data-style] .about-notebook-tags>span{background:var(--site-yellow);color:var(--site-ink)}
:root[data-style] .about-notebook-tags>span:nth-child(2){background:var(--site-cyan)}
:root[data-style] .about-notebook-tags>span:nth-child(3){background:var(--site-pink)}
:root[data-style] .about-notebook-snapshot{background:var(--site-surface);border-color:var(--site-line);box-shadow:var(--site-shadow)}
:root[data-style] .about-notebook-snapshot span{color:var(--site-muted)}
:root[data-style="sketch"] .about-notebook-section{background:linear-gradient(180deg,var(--site-bg),var(--site-pink) 35%,var(--site-bg) 90%)}
:root[data-style="sketch"] .about-card{border-radius:5px 17px 7px 14px}
:root[data-style="clean"] :is(.about-note-paper,.about-notebook-snapshot){border-radius:18px}
:root[data-style="clean"] :is(.about-paper-edge,.about-paper-pin,.about-notebook-snapshot i){display:none}
:root[data-style="clean"] :is(.about-network-header button,.about-network-filters button,.about-network-detail a,.about-note-paper>a){border-radius:8px}
:root[data-style="clean"] .about-network-node::before{border-radius:50%}
:root[data-style="clean"] .about-notebook-contact>span{background:var(--site-subtle);color:var(--site-muted)}
/* The closing dark stage is intentional in both styles. */
:root[data-style] .site-footer-meta{left:84px;max-width:calc(100% - 160px);color:#a0aaa5}
:root[data-style] :is(.site-footer-subtitle,.site-footer-toys button){color:#a8b1aa}
:root[data-style="sketch"] .site-footer{background:#191622}
:root[data-style="sketch"] .site-footer-email{color:#e5d6ff}
:root[data-style] .section-rail{--rail-ink:var(--site-ink);--rail-muted:var(--site-muted)}
:root[data-style] .section-rail:has([data-rail-target="contact"][aria-current="location"]){--rail-ink:#edf3ed;--rail-muted:#a4b0a8}
:root[data-style] .rail-label{background:var(--site-surface);color:var(--site-ink);border-color:var(--site-line)}
@media(max-width:760px){
  :root[data-style] .site-footer-meta{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hero-sketch-portrait,.appearance-track::after{animation:none!important;transition:none!important}}
/* Explicit state selectors override the legacy gallery's fixed pastel controls. */
:root[data-style] .work-filters button{color:var(--site-ink);border-color:var(--site-line);background:var(--site-surface)}
:root[data-style] .work-filters button[aria-pressed="true"],:root[data-style] .work-page-buttons button[aria-current="page"]{background:var(--site-accent);color:var(--site-on-accent);border-color:var(--site-accent);box-shadow:none}
:root[data-style] .work-page-buttons button:not([aria-current="page"]),:root[data-style] .work-index-item:not([aria-pressed="true"]){background:transparent;color:var(--site-muted)}
:root[data-style] .work-directory .work-index-item[aria-pressed="true"],:root[data-style] .work-directory .work-index-item:hover{background:var(--site-accent-soft);color:var(--site-ink)}
:root[data-style] .work-directory .work-index-item>span:first-child{color:inherit;opacity:.8}
:root[data-style] .work-directory-search input::placeholder{color:var(--site-muted)}
:root[data-style] .cutout-tags span{color:#302260}
:root[data-style] .cutout-label>span{color:#302260;border-color:#574191}
:root[data-style] .collage-footnote>span{color:#302260;border-color:#574191}
:root[data-style] .capabilities{--cap-ink:var(--site-ink);--cap-muted:var(--site-muted);--accent:var(--site-accent)}
:root[data-style] .bar-search input{color:var(--site-ink)}
:root[data-style] .bar-search input::placeholder{color:var(--site-muted);opacity:1}
:root[data-style] .bar-search button{color:var(--site-ink)}
:root[data-style] .delivery-day{color:var(--site-muted)}
/* The tiny application windows are light exhibits, like the project mockups. */
:root[data-style] :is(.mosaic-win,.pill-ai){color-scheme:light;color:#293c30;--cap-ink:#293c30;--cap-muted:#526149}
:root[data-style] .ai-lines span{color:#526149}
:root[data-style="clean"] :is(.portfolio-mini,.commerce-preview,.agent-preview,.config-preview){color:#304b50;--mini-pop:#e7ece5;--mini-tint:#dae9e6;background:radial-gradient(ellipse at 50% 100%,#dfe9e5,transparent 70%)}
:root[data-style="clean"] :is(.portfolio-mini,.commerce-window,.agent-window,.config-window,.config-phone,.persona-card,.source-doc){border-color:#718a88;box-shadow:0 8px 20px #203d3012}
:root[data-style="clean"] :is(.portfolio-mini-bar,.mini-top,.config-top){background:#f1f5f2;border-color:#cbd8d1}
:root[data-style="clean"] :is(.concept-chips span,.concept-bars i,.mini-chart i,.mini-tabs span,.concept-products i,.asset-tile>i){background:#d4e5df;color:#304b50;border-color:#8da8a2}
:root[data-style="clean"] :is(.agent-top,.config-phone>div){background:#304b50;color:#fff}
:root[data-style="clean"] .agent-top>span{color:#d9e6e2}
:root[data-style="clean"] :is(.agent-response,.agent-body .selected,.concept-chat-stack .answer,.mini-stats span){background:#e8ede3}
:root[data-style="clean"] :is(.concept-chat-stack>div,.ecosystem-map span){background:#e1eeeb}
:root[data-style="clean"] :is(.agent-node>i,.agent-response>span,.product-row b,.voice-wave,.code-doc){color:#304b50}
:root[data-style="clean"] :is(.mini-eyebrow,.mini-chart-label,.mini-stats small,.agent-node small,.agent-body aside>b,.config-rotate){color:#576e68}
:root[data-style="clean"] .case-feature:nth-child(n){background:var(--site-surface)}
:root[data-style] .appearance-panel{max-height:calc(100dvh - 24px);overflow-y:auto}
:root[data-style] .case-chapter-nav::before{color:var(--site-muted)}
:root[data-style] .about-map>.about-chip,:root[data-style] .about-map-label{color:#455b58}
:root[data-style] .case-editorial .rag-page p{color:inherit}
:root[data-style] .rag-mode-switch button[aria-pressed="true"]{background:var(--site-accent);color:var(--site-on-accent)}
:root[data-style] .site-footer :is(a,button):focus-visible{outline-color:#c4edeb}
:root[data-style="sketch"] .page-atmosphere{background:var(--site-bg);animation:none}
:root[data-style="sketch"] .page-atmosphere::before{background:linear-gradient(180deg,transparent,var(--site-pink))}
:root[data-style="sketch"] .page-atmosphere::after{background:radial-gradient(#8a6ba518 .65px,transparent .65px);background-size:9px 9px}
:root[data-style="sketch"] .hero{background:transparent}
:root[data-style="clean"][data-scheme="night"] .page-atmosphere{background-color:#151d20;animation-name:dark-sky}
:root[data-style="clean"][data-scheme="night"] .page-atmosphere::before{background:linear-gradient(180deg,rgba(25,40,47,.9),rgba(22,29,33,.25) 38%,rgba(8,15,17,.28))}
:root[data-style="clean"][data-scheme="night"] .page-atmosphere::after{background:radial-gradient(ellipse 50% 35% at 50% 50%,rgba(56,70,71,.23),transparent)}
:root[data-style] .mosaic-stage .insights .tag{background:var(--site-subtle);color:var(--site-ink);border-color:var(--site-line);box-shadow:none}
:root[data-style] .mosaic-stage .delivery-bar{background:var(--site-subtle);color:var(--site-ink)}
:root[data-style] .mosaic-stage .delivery-col:last-child .delivery-bar{background:var(--site-accent);color:var(--site-on-accent);box-shadow:none}
:root[data-style] .search-disc{background:var(--site-surface);color:var(--site-ink)}
:root[data-style] .about-timeline::before,:root[data-style] .about-timeline-dot{background:var(--site-muted)}
:root[data-style] .about-conversation>span:last-child,:root[data-style] .about-focus-controls>span{color:var(--site-muted)}
/* Plain Work: original composition, monochrome art/fills; colour lives on outlines. */
:root[data-style="clean"] .work-viewport{--plain-work-paper:#fafaf8;--plain-work-shade:#e9e9e6;--plain-work-ink:#242929;--plain-work-muted:#59615f;--work-paper:var(--plain-work-paper);--work-ink:var(--plain-work-ink)}
:root[data-style="clean"][data-scheme="night"] .work-viewport{--plain-work-paper:#222627;--plain-work-shade:#303536;--plain-work-ink:#edf0ed;--plain-work-muted:#bcc3bf}
:root[data-style="clean"] .work-viewport .collage-board{background:var(--plain-work-paper);border-color:var(--site-accent)}
:root[data-style="clean"] .work-viewport .desk-illustration{filter:grayscale(1) contrast(1.2)}
:root[data-style="clean"] .work-viewport .project-preview{background:#fafafa;border-color:var(--site-accent)}
:root[data-style="clean"] .work-viewport .project-preview>*{filter:grayscale(1)}
:root[data-style="clean"] .work-viewport :is(.cutout-label>span,.collage-footnote>span){background:var(--plain-work-paper);border-color:var(--site-accent);color:var(--plain-work-ink);box-shadow:2px 3px 0 #00000016}
:root[data-style="clean"] .work-viewport .cutout-caption{background:var(--plain-work-paper);border-color:var(--site-accent);color:var(--plain-work-ink)}
:root[data-style="clean"] .work-viewport :is(.cutout-caption p,.cutout-tags span){color:var(--plain-work-ink)}
:root[data-style="clean"] .work-viewport .cutout-tags span::before{background:var(--plain-work-shade)}
:root[data-style="clean"] .work-viewport .cutout-tags span{outline:1px solid var(--site-accent);outline-offset:0}
:root[data-style="clean"] .work-viewport .collage-title span{background:var(--plain-work-paper);color:var(--plain-work-ink)}
:root[data-style="clean"] .work-viewport :is(.work-kicker,.collage-footnote){color:var(--plain-work-muted)}
:root[data-style="clean"] .work-viewport :is(.work-filters button,.work-pager button,.work-pager #work-page-status,.work-directory>summary){color:var(--plain-work-ink)}
:root[data-style="clean"] .work-viewport :is(.work-filters button[aria-pressed="true"],.work-page-buttons button[aria-current="page"]){background:var(--plain-work-shade);border-color:var(--site-accent);color:var(--plain-work-ink)}

/* Particles, approved sketch and photo cycle in both theme styles. */
.hero #face-canvas,.hero .hero-sketch-portrait{transition:opacity .9s cubic-bezier(.22,1,.36,1)}
.hero .actual-photo{opacity:0;clip-path:inset(0 0 0 100%);transition:opacity .9s cubic-bezier(.22,1,.36,1),clip-path .9s cubic-bezier(.22,1,.36,1)}
.hero .face-stage.is-photo .actual-photo{opacity:1;clip-path:inset(0)}
.hero .actual-photo img{position:absolute;left:50%;top:50%;width:var(--portrait-photo-width,100%);height:var(--portrait-photo-height,100%);transform:translate(-50%,-50%);object-fit:cover;object-position:center top}
.hero[data-portrait="sketch"] #face-canvas,.hero[data-portrait="photo"] #face-canvas{opacity:0}
.hero[data-portrait="particle"] #face-canvas{opacity:1}
.hero:not([data-portrait="sketch"]) .hero-sketch-portrait{opacity:0}
@media(prefers-reduced-motion:reduce){.hero #face-canvas,.hero .hero-sketch-portrait,.hero .actual-photo{transition:none!important}}

.site-footer-copy .site-footer-phone{display:block;width:fit-content;margin-top:16px;color:#b8c3bc;font:16px/1.4 'RagInter',Inter,sans-serif;letter-spacing:.01em;pointer-events:auto}
.site-footer-copy .site-footer-phone:hover{color:#f6f5ef;text-decoration:underline;text-underline-offset:4px}

/* All three hero forms share one registered crop; only opacity changes between forms. */
.hero .hero-sketch-layer{position:absolute;left:50%;top:50%;width:var(--portrait-photo-width,100%);height:var(--portrait-photo-height,100%);transform:translate(-50%,-50%);overflow:hidden;opacity:0;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 83%,transparent 100%)}
.hero .hero-sketch-layer .hero-sketch-portrait{position:absolute;inset:auto;left:0;top:0;display:block;opacity:1;width:1024px;height:1536px;max-width:none;object-fit:fill;transform-origin:0 0;transform:var(--portrait-sketch-matrix);animation:none}
.hero #face-canvas,.hero .hero-sketch-layer,.hero .actual-photo{transition:opacity .82s cubic-bezier(.4,0,.2,1);will-change:opacity}
.hero .actual-photo{clip-path:inset(0);overflow:hidden}
.hero:not([data-portrait="sketch"]) .hero-sketch-layer{opacity:0}
.hero .face-stage.is-photo .actual-photo{clip-path:inset(0)}
@media(prefers-reduced-motion:reduce){.hero #face-canvas,.hero .hero-sketch-layer,.hero .actual-photo{transition:none!important}}