/* Canonical Studio identity. Load after route styles; project artwork keeps its own palette. */
@import url('typography.css');
:root{color-scheme:light;--brand-bg:#f4f2ed;--brand-surface:#fffefa;--brand-surface-2:#e8f0fb;--brand-ink:#023266;--brand-muted:#4f6072;--brand-ivory:#ffdf65;--brand-bronze:#2e5aa7;--brand-blue:#2e5aa7;--brand-proof:#2e5aa7;--brand-line:#02326626;--brand-display:'Satoshi','Inter',sans-serif;--brand-body:'Inter',sans-serif;--brand-ui:'Satoshi','Inter',sans-serif;--bg:var(--brand-bg);--panel:var(--brand-surface);--surface:var(--brand-surface);--surface-2:var(--brand-surface-2);--ink:var(--brand-ink);--muted:var(--brand-muted);--line:var(--brand-line);--accent:#2e5aa7;--accent2:#023266;--bronze:#2e5aa7;--bronze-text:#2e5aa7;--blue:#2e5aa7;--green:#28734f;--gold:#795b08;--font-display:'Satoshi','Inter',sans-serif}
body{background:var(--brand-bg);color:var(--brand-ink)}
body:not(.studio-edition):after{background:var(--brand-bg)}
body:not(.studio-edition):before,.grain{display:none}
::selection{background:#ffdf65;color:#023266}
:focus-visible{outline:2px solid #2e5aa7;outline-offset:5px}
/* Navigation is rendered in HTML, including on browsers without JavaScript. */
.site-nav{mix-blend-mode:normal;background:#f4f2edf5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-nav .wrap{height:72px;padding-block:0;max-width:1360px;gap:24px}
.site-nav .logo .mk{width:42px;height:42px}.site-nav .logo img{filter:invert(1)}
.site-links{display:flex;gap:30px;margin-left:auto;margin-right:auto;font:700 12px/1.3 'Satoshi',sans-serif;letter-spacing:.05em}
.site-links a{padding-block:14px;position:relative}.site-links a:after{content:'';position:absolute;left:0;right:0;bottom:6px;height:2px;background:#2e5aa7;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.site-links a:is(:hover,:focus-visible,[aria-current=page]):after{transform:scaleX(1)}
.site-talk{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:7px 17px 7px 8px;background:#ffdf65;border:1px solid #02326618;border-radius:999px;color:#023266;white-space:nowrap;font:700 14px/1.2 'Satoshi',sans-serif;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.site-talk:hover{transform:translateY(-2px);box-shadow:0 5px 0 #02326612}.site-talk:active{transform:scale(.97)}
.site-voice{display:flex;align-items:center;justify-content:center;gap:2px;width:29px;height:29px;background:#023266;border-radius:50%;color:#ffdf65}
.site-voice i{height:12px;width:2px;background:currentColor;border-radius:2px;animation:site-voice 1.4s ease-in-out infinite;transform-origin:center}.site-voice i:nth-child(2n){height:17px;animation-delay:-.3s}.site-voice i:nth-child(3n){height:21px;animation-delay:-.7s}
@keyframes site-voice{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
/* Reading surfaces and hierarchy. */
.page-main{font-size:17px;line-height:1.7}.page-main h1,.page-main h2,.page-main h3{font-family:var(--font-display);font-weight:750;letter-spacing:-.035em}
.page-main .hero-intro{text-shadow:none;color:var(--muted);line-height:1.7}
.page-main .hero-copy{max-width:min(100%,900px)}
body:not(.case-study-page) .page-hero .hero-copy{max-width:62%}
.page-main .page-hero{padding-top:150px;min-height:min(750px,86svh)}
.page-main .display{line-height:1.05}
.page-main .kicker,.page-main .section-kicker{color:#2e5aa7;letter-spacing:.12em}
.page-main .section{padding-block:80px}
.page-main .service-index{gap:16px;border:0;background:none}
.page-main .service-entry{border:1px solid var(--line);background:#fffefa;border-radius:12px;padding:28px;min-width:0}
.page-main .service-entry h2{margin-top:28px}.page-main .service-entry>p{color:var(--muted)}
.page-main .service-list-label{margin-top:auto;padding-top:32px}.page-main .service-entry li{border-color:var(--line)}
.page-main .belief-list{border:0;display:grid;gap:14px}.page-main .belief{padding:28px;background:#fffefa;border:1px solid var(--line);border-radius:12px}
.page-main .story-block p,.page-main .story-aside p,.page-main .story-copy p{color:var(--muted)}
.page-main .contact-panel:not(.next-project-portal){background:#e8f0fb;border:1px solid var(--line);border-radius:18px;margin-block:50px;min-height:480px;max-width:calc(100% - 48px)}
.page-main .contact-panel:not(.next-project-portal):before{display:none}
.page-main .contact-panel h2,.page-main .contact-panel p{text-shadow:none}
.page-main .cta{background:#ffdf65;color:#023266;border:1px solid #02326618;border-radius:999px;padding:14px 22px;min-height:46px;font:700 14px/1.3 'Satoshi',sans-serif;letter-spacing:0;text-transform:none;box-shadow:none}
.page-main .cta:hover{background:#ffe785;transform:translateY(-2px)}
.site-footer{color:var(--muted);border-color:var(--line);background:var(--brand-bg)}
#pagegl{position:absolute;height:85svh}body.model-ready #pagegl{opacity:.8}body.model-ready.inner-reading #pagegl,body.model-ready.inner-closing #pagegl{opacity:0}
.page-main .case-back-link{background:#fffefa;color:#023266;border-color:var(--line);box-shadow:0 8px 24px #0232660c}.page-main .case-back-link:before{background:#e8f0fb}.page-main .case-back-link:hover{background:#ffdf65}
/* Gallery tiles: original imagery, consistent contrasting text. */
.page-main .project-card{border-radius:14px;border-color:var(--line)}
.page-main .project-card.has-image{--ink:#fffefa;--muted:#e4e8ec;--accent:#ffdf65;color:#fffefa;background:#023266}
.page-main .project-card.has-image h2{color:#fffefa}
.page-main .work-grid>article.project-card{background:#fffefa}
/* Case-study editorial chrome. Native project demos/artwork remain untouched. */
.case-study-page .case-banner{background:transparent;color:#023266}
.case-study-page .case-banner .hero-copy{max-width:none}
.case-study-page .case-project-type,.case-study-page .case-role-label,.case-study-page .case-project-record span,.case-study-page .case-capabilities li{color:var(--muted)}
.case-study-page .case-project-record b,.case-study-page .case-project-record .is-outcome{color:#023266}
.case-study-page .case-project-record,.case-study-page .case-capabilities{border-color:var(--line)}
.case-study-page .case-capabilities img{filter:brightness(.45) saturate(1.8)}
.case-study-page :is(.section-head,.ds-section-head,.ec-section-head,.th-section-head,.case-section-head) :is(h2,h3){color:#023266}
.case-study-page :is(.ds-intro__copy,.ds-section-head,.ds-closeout,.brief-point,.audience-card,.logic-card,.story-copy) p{color:var(--muted)}
.case-study-page :is(.ds-facts dd,.ds-facts dt){color:var(--muted)}
.case-study-page :is(.ec-result-band,.ec-live-proof,.ec-journey,.ec-proof-system,.ec-system,.th-client-process,.th-shopify,.th-shopify-answers,.th-project-evidence,.result-panel,.commerce-proof,.ds-evidence){background:#e8f0fb;color:#023266;--muted:#4f6072}
.case-study-page :is(.ec-result-band__metric,.ec-key-decision,.th-client-process__grid,.client-signal,.audience-card,.logic-card){background:#fffefa;border-color:var(--line);color:#023266}
.case-study-page .ec-result-band__metric p,.case-study-page .ec-source-note{color:#4f6072!important}
.case-study-page :is(.ec-facts dt,.ec-result-band__metric span,.th-record dt){color:#2e5aa7}
.case-study-page :is(.ec-opening,.ec-proof,.ec-assets,.ec-system__visual,.th-opening,.ds-opening,.ds-wide-proof,.ds-source-board,.ds-lottie-proof) figcaption{background:#e8f0fb;color:#4f6072}
/* Explicit dark artwork stages retain readable local tokens. */
.case-study-page :is(.th-concept,.motion-chapter,.next-project-portal){--ink:#fffefa;--muted:#d4deeb;--accent:#ffdf65;color:#fffefa}
.case-study-page .th-concept .th-section-head :is(h2,p){color:#fffefa}
.case-study-page .next-project-portal :is(h2,.section-kicker){color:#fffefa}
/* Owner workspace and client proposal use the same palette, with compact functional density. */
body:has(.app),body:has(.proposal-page){--ink:#023266;--muted:#4f6072;--surface:#fffefa;--line:#02326626;--blue:#2e5aa7;color-scheme:light}
.app .sidebar{background:#e8f0fb}.app .logo img,.proposal-page>.logo img{filter:invert(1)}
.app :is(.sidebar-note,.sidebar-footer,.sidebar-footer p,.sidebar-footer a,.topbar,.lead-time,.fact dt,.timeline,.timeline time),.proposal-page :is(label,.proposal-list){color:#4f6072}
.app .sidebar nav button{color:#4f6072}.app .sidebar nav button.active{color:#023266;background:#ffdf65;border-color:#023266;border-radius:7px}
.app h1,.proposal-page h1{font-family:'Satoshi',sans-serif;font-weight:750}
.app :is(.card,.lead-row,.metrics),.proposal-page .card{background:#fffefa;border-color:var(--line);border-radius:12px}
.app .lead-row.active{background:#e8f0fb;border-color:#2e5aa7}
.app :is(.fact dd,.timeline li,details>summary,label),.proposal-page details>summary{color:#023266}
.app :is(input,textarea,select,.mail-body),.proposal-page :is(input,textarea,select){background:white;color:#023266;border-color:var(--line);border-radius:7px}
.app .button,.proposal-page .button{background:#e8f0fb;color:#023266;border-color:var(--line);border-radius:24px;font-weight:700}
.app .button.primary,.proposal-page .button.primary{background:#ffdf65;border-color:#02326626}
.app .notice,.proposal-page .notice{color:#665014;background:#fff1b7;border-color:#b99b3833}
.app .notice.error,.proposal-page .notice.error{color:#9c3029;background:#ffebe7}
.app .badge{background:#e8f0fb;border-color:#2e5aa733}.app .empty{border-color:var(--line)}
.privacy-page body{background:#f4f2ed;color:#023266;font-family:'Inter',sans-serif;padding-top:60px}.privacy-page :is(p,li){color:#4f6072}.privacy-page a{color:#2e5aa7}.privacy-page h1,.privacy-page h2{font-family:'Satoshi',sans-serif}
@media(max-width:700px){.site-nav{backdrop-filter:none}.site-nav .wrap{gap:12px;padding-inline:18px}.site-links{gap:14px;font-size:11px}.site-nav .logo .mk{width:34px;height:34px}.site-talk{font-size:12px;padding-right:12px;gap:7px}.site-talk>span:last-child{display:none}.site-voice{width:24px;height:24px}.page-main .page-hero{min-height:0;padding-block:140px 55px}body:not(.case-study-page) .page-hero .hero-copy{max-width:100%}body:not(.case-study-page) #pagegl{opacity:.08!important}.page-main .section{padding-block:55px}.page-main .belief{padding:22px}.page-main .contact-panel:not(.next-project-portal){max-width:calc(100% - 32px);min-height:380px;padding:50px 22px}.page-main .display{font-size:clamp(38px,9vw,58px)}}
@media(max-width:370px){.site-links{gap:10px}.site-talk{padding-inline:8px}.site-voice{display:none}}
@media(prefers-reduced-motion:reduce){.site-voice i{animation:none}.site-talk,.site-links a:after{transition:none}}
/* Voice experience: quiet blue field, yellow start control, clear form states. */
body.studio-edition.front-desk-open{background:#e8f0fb}
.fd-root{--fd-ink:#023266;--fd-muted:#4f6072;--fd-line:#02326626;color:#023266;color-scheme:light}
.fd-root .fd-backdrop{background:#e8f0fb}
.fd-root :is(.fd-header,.fd-intro){background:transparent;color:#023266}
.fd-root .fd-brand img{filter:invert(1)}
.fd-root :is(.fd-label,.fd-badge,.fd-call-subtitle,.fd-hint,.fd-notice,.fd-voice-status,.fd-voice-status time,.fd-field,.fd-empty p,.fd-summary p,.fd-project-card p,.fd-project-card small,.fd-history-item small){color:#4f6072}
.fd-root .fd-caption{color:#023266!important}
.fd-root :is(.fd-workspace,.fd-drawer-header,.fd-tabs){background:#fffefa;color:#023266}
.fd-root :is(.fd-close,.fd-button,.fd-chips button,.fd-paths button,.fd-history-item){background:#e8f0fb;color:#023266;border-color:#02326626}
.fd-root .fd-button.primary{background:#ffdf65;color:#023266;border-color:#02326626}
.fd-root .fd-button.danger{background:#a6323b;color:white;border-color:#a6323b}
.fd-root :is(input,select,textarea,#fd-private-code,#fd-restore-code){background:white;color:#023266;border-color:#02326640}
.fd-root :is(.fd-tab,.fd-secondary .fd-demo-link,.fd-secondary #fd-privacy,.fd-demo-link,.fd-project-card a,.fd-relevant a,.fd-message small){color:#2e5aa7}
.fd-root .fd-tab[aria-selected=true]{color:#023266;border-color:#2e5aa7}
.fd-root .fd-review{background:#e8f0fb;color:#023266;border-color:#2e5aa7}
.fd-root :is(.fd-review dt,.fd-result p){color:#4f6072}
.fd-root .fd-slot{background:#e8f0fb;color:#023266}.fd-root .fd-slot strong{color:#2e5aa7}.fd-root .fd-slot[aria-pressed=true]{background:#ffefac;border-color:#023266}
.fd-root .fd-error{background:#ffebe7;color:#9c3029;border-color:#9c302940}
.fd-root .fd-result{background:#e4f2e9;border-color:#28734f}.fd-root .fd-result strong{color:#21613e}
.fd-root .fd-ripple-fallback i{border-color:#2e5aa766}.fd-root .fd-avatar-fallback{color:#023266;border-color:#2e5aa755}
.fd-root[data-audio=speaking] .fd-dot{background:#2e5aa7;box-shadow:0 0 12px #2e5aa744}
.fd-root .fd-message.user{background:#e8f0fb}.fd-root .fd-message.user small{color:#4f6072}
/* Contact form legibility. */
.page-main :is(input,textarea,select){color:#023266;background:#fffefa;border-color:#02326640;color-scheme:light}
.page-main :is(input,textarea)::placeholder{color:#596b80}
.page-main :is(.contact-form,.contact-card){background:#fffefa;border-color:var(--line)}
/* The project banner is a light editorial spread, with the artwork in its own frame. */
body.case-study-page .case-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-top:125px;padding-bottom:76px;min-height:0;color:#023266}
body.case-study-page .case-banner>.hero-copy{width:100%;max-width:none;padding:0}
body.case-study-page .case-banner>.case-banner__media{position:relative!important;inset:auto!important;grid-column:2;grid-row:1;align-self:center;aspect-ratio:4/5;max-height:660px;border-radius:16px!important;background:#e8f0fb!important}
body.case-study-page .case-banner>.case-banner__media:before,body.case-study-page .case-banner>.case-banner__media:after{display:none!important}
body.case-study-page .case-banner>.case-banner__media img{object-position:center;transform:none;filter:none}
body.case-study-page .case-banner .display{color:#023266;text-shadow:none;font-size:clamp(42px,5vw,68px)}
body.case-study-page .case-banner .hero-intro{color:#4f6072;text-shadow:none}
body.case-study-page .case-banner :is(.case-capabilities span,.case-project-record,.case-project-type){color:#4f6072}
body.case-study-page .case-banner .case-capabilities li{border-color:var(--line);background:#e8f0fb}
body.case-study-page .case-banner .case-hero__label{display:none}
body.case-study-page .case-banner .case-back-link{bottom:8px}
@media(max-width:800px){body.case-study-page .case-banner{grid-template-columns:1fr;gap:28px;padding-top:112px;padding-bottom:74px}body.case-study-page .case-banner>.case-banner__media{grid-column:1;grid-row:2;width:100%;aspect-ratio:4/3;max-height:440px}body.case-study-page .case-banner .display{max-width:none;font-size:clamp(38px,9vw,62px)}body.case-study-page .case-banner .case-capabilities{grid-template-columns:repeat(3,1fr)}}
.page-main .page-hero{background:transparent}
.page-main .contact-methods{gap:14px;border:0}.page-main .contact-method{background:#fffefa;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}
.page-main .field :is(input,textarea,select){padding:14px;border:1px solid var(--line);border-radius:8px}
.page-main .hero-meta{border-color:var(--line)}
body.case-study-page .case-banner>.case-banner__media{aspect-ratio:4/5!important;height:auto!important;width:100%!important}
body.case-study-page .case-banner .ds-hero-lottie{position:absolute;inset:0;width:100%;height:100%;transform:none;opacity:1}
.case-study-page .ds-pages article p{color:#4f6072}
.case-study-page .ds-motion-card{background:#fffefa;border-color:var(--line)}.case-study-page .ds-motion-card p{color:#4f6072}
@media(max-width:800px){body.case-study-page .case-banner>.case-banner__media{aspect-ratio:4/3!important}}
.case-study-page .contact-panel.next-project-portal{background:#023266;--muted:#d4deeb;color:#fffefa}
.case-study-page .contact-panel.next-project-portal:before{display:none}
.case-study-page :is(.diagnox-facts,.kindai-facts) dd,.case-study-page :is(.kindai-foundation__copy,.kindai-mobile-proof__copy) li,.case-study-page .diagnox-anatomy-copy p,.case-study-page :is(.architecture-logic__intro,.architecture-step) p{color:#4f6072}
.case-study-page :is(.th-system-foundations,.th-photo-grid,.cf-service-map,.cf-pages,.diagnox-parameter-system,.kindai-product-state){background:#e8f0fb;color:#023266;--muted:#4f6072}
.case-study-page :is(.th-system-foundations,.th-photo-grid,.cf-service-map,.cf-pages,.diagnox-parameter-system,.kindai-product-state) :is(h2,h3){color:#023266}
.case-study-page :is(.th-system-foundations,.th-photo-grid,.cf-service-map,.cf-pages,.diagnox-parameter-system,.kindai-product-state) p{color:#4f6072}
.case-study-page :is(.ec-outcome,.diagnox-intro,.diagnox-system,.diagnox-anatomy) li{color:#4f6072}
.case-study-page .ec-sales-answers__list li,.case-study-page .diagnox-family-copy li{color:#4f6072}
.site-nav.is-scrolled{background:#f4f2edf5;mix-blend-mode:normal}
.fd-root .fd-backdrop{background:transparent}
.fd-root .fd-preview-note{background:#fff1b7;color:#665014;border-color:#02326626}
.fd-root .fd-chat .fd-button,.fd-root .fd-summary .fd-button{border-radius:24px}
body .page-main .hero-copy{background:transparent!important;box-shadow:none!important}
.case-study-page .th-foundation-mark small{color:#4f6072}
@media(max-width:700px){.case-study-page .th-system-foundations{grid-template-columns:minmax(0,1fr)}.case-study-page .th-system-foundations>div{min-width:0;min-height:0;border-right:0;padding:24px}.case-study-page .th-foundation-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.case-study-page .case-banner>.case-banner__media{aspect-ratio:4/3!important}
body.case-study-page .case-banner>.case-banner__media img{object-fit:contain;object-position:center}
body.case-study-page .case-banner>.case-banner__media:has(>img){aspect-ratio:auto!important}
body.case-study-page .case-banner>.case-banner__media>img{height:auto;max-height:660px;object-fit:contain}
body.case-study-page .case-banner>.case-banner__media>figcaption{display:none}
/* Business-partner route system: readable task routes, shared brand controls. */
.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.partner-card{background:#fff;border:1px solid #d6dfe9;border-radius:18px;padding:clamp(24px,3vw,38px);display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
.partner-card h3{font-family:var(--font-display, Satoshi, sans-serif);font-size:clamp(24px,2.5vw,34px);line-height:1.15;margin:0;color:#023266;letter-spacing:-.025em}
.partner-card p,.partner-note p{font-size:17px;line-height:1.7;color:#34465c;margin:0;max-width:65ch}
.partner-card ul{padding-left:20px;line-height:1.7;color:#34465c;font-size:16px;margin:0}
.partner-number{font-size:13px;color:#2e5aa7;letter-spacing:.12em}
.partner-link{display:inline-flex;align-items:center;gap:18px;color:#023266;border-bottom:1px solid #91a9c6;padding:12px 0;font-size:15px;font-weight:600;text-decoration:none;min-height:44px;transition:color .25s,transform .4s cubic-bezier(.16,1,.3,1)}
.partner-card .partner-link{margin-top:auto}.partner-link:hover{color:#2e5aa7;transform:translateX(3px)}
.partner-steps{counter-reset:step;list-style:none;margin:32px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.partner-steps li{counter-increment:step;background:#e8f0fb;padding:28px;border-radius:16px;display:grid;grid-template-columns:34px 1fr;gap:12px}
.partner-steps li:before{content:counter(step,decimal-leading-zero);color:#2e5aa7;font-size:13px;padding-top:5px}
.partner-steps strong{font-size:22px;color:#023266}.partner-steps p{grid-column:2;font-size:17px;line-height:1.7;margin:0;color:#34465c}
.partner-note{background:#e8f0fb;border-radius:20px;padding:clamp(24px,4vw,48px);margin:32px 0;display:grid;gap:20px}
.partner-note h3{font-size:28px;margin:0}.partner-note h2{font-size:clamp(28px,3.5vw,44px);margin:0;line-height:1.15}
.partner-note .partner-link{width:fit-content}.partner-footer,.partner-home-footer{display:flex;flex-wrap:wrap;gap:24px;padding-top:24px;padding-bottom:32px;font-size:14px;color:#023266}.partner-home-footer{padding-left:5vw;padding-right:5vw;background:#f4f2ed}
.partner-footer a,.partner-home-footer a{padding:8px 0}.partner-case-next{padding-top:0!important}
@media(max-width:900px){.partner-grid{grid-template-columns:1fr 1fr}.site-nav .site-links{gap:16px}}
@media(max-width:600px){.partner-grid,.partner-steps{grid-template-columns:1fr}.partner-card{padding:24px}.partner-steps li{padding:22px;grid-template-columns:28px 1fr}.partner-steps strong{font-size:20px}.partner-footer,.partner-home-footer{gap:18px}.site-nav .site-links{gap:12px}.site-nav .site-links a{font-size:11px}.site-nav .wrap{gap:10px}}
@media(prefers-reduced-motion:reduce){.partner-link{transition:none}.partner-link:hover{transform:none}}
.partner-proof-image{width:100%;max-height:260px;object-fit:contain;border-radius:10px;background:#f4f2ed}.partner-card:has(.partner-proof-image){gap:18px}
@media(max-width:700px){
 .studio-edition .nav,.studio-edition .nav.is-scrolled{height:auto;min-height:96px;display:grid;grid-template-columns:1fr auto;padding-top:10px;padding-bottom:5px;gap:4px 12px}
 .studio-edition .nav .nav-links{display:flex!important;grid-column:1/-1;grid-row:2;position:static;transform:none;justify-content:space-between;gap:10px;width:100%;font-size:11px;white-space:nowrap}
 .studio-edition .nav .nav-links a{padding-block:10px}.studio-edition .nav .brand{grid-row:1}.studio-edition .nav .nav-cta{grid-row:1;grid-column:2}
 .site-nav .wrap{height:auto;min-height:96px;display:grid;grid-template-columns:1fr auto;padding-top:10px;padding-bottom:5px;gap:4px 12px}
 .site-nav .site-links{grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;margin:0;gap:10px}
 .site-nav .site-links a{padding-block:10px}.site-nav .site-talk{grid-column:2;grid-row:1}.site-nav .logo{grid-column:1;grid-row:1}
 .studio-edition .hero{padding-top:140px}.studio-edition .sculpture-proof{top:calc(35svh + 24px)}
}

.inquiry-consent{display:block;line-height:1.7}.inquiry-consent input{width:18px;height:18px;vertical-align:middle;margin-right:8px}.form-status{display:block;max-width:50ch;line-height:1.6}
/* The new Ecomverse composition stays readable and whole at narrow widths. */
.studio-edition .result-featured .result-media{background:#eee6d7}
@media(max-width:1000px){.studio-edition .result-featured .result-media{aspect-ratio:1122/1402;max-height:600px}}

#inquiry{scroll-margin-top:140px}
/* Stable navigation plane: animated WebGL/grain must never be resampled through
   a backdrop filter while scrolling. Both states use the same opaque surface. */
body .site-nav,body .site-nav.is-scrolled,
body.studio-edition .nav,body.studio-edition .nav.is-scrolled{
 background:#f4f2ed;
 -webkit-backdrop-filter:none;backdrop-filter:none;
 mix-blend-mode:normal;isolation:isolate;
 transform:translateZ(0);backface-visibility:hidden;
 border-bottom:1px solid #02326620;
 box-shadow:inset 0 1px 0 #fffefa;
 transition:none;
}

/* Navigation signature: larger navy medallion with space around the portrait. */
.studio-edition .nav .brand,.site-nav .logo .mk{width:60px;height:60px;box-sizing:border-box;padding:4px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#023266;isolation:isolate}
.studio-edition .nav .brand img,.site-nav .logo .mk img{display:block;width:100%;height:100%;object-fit:contain;filter:invert(1);mix-blend-mode:screen;pointer-events:none}
@media(max-width:700px){.studio-edition .nav .brand,.site-nav .logo .mk{width:48px;height:48px;padding:3px}}
/* Original platform assets retain their native colours and proportions. */
.platform-logo{display:block;width:100px;height:34px;object-fit:contain;object-position:left center;flex-shrink:0;filter:none!important}
#credentials,#design-credentials{scroll-margin-top:125px}
.experience-credentials article.credential-brand{display:grid;grid-template-columns:100px minmax(0,1fr);gap:22px;align-items:start}
.credential-brand>.platform-logo{margin-top:4px}
.about-personal .story-aside dl>.foundation-credentials{grid-template-columns:1fr}
.about-personal .story-aside .foundation-credentials dt,.about-personal .story-aside .foundation-credentials dd{grid-column:1}
.foundation-credentials dd>span{display:flex;align-items:center;gap:16px;margin-top:14px}
.foundation-credentials dd .platform-logo{width:82px;height:28px}
.foundation-credentials dd>span>span{font:500 13px/1.6 Inter,sans-serif}
.foundation-credentials .foundation-upwork{font-size:14px}
.studio-edition .faq-credentials .credential-label{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.studio-edition .faq-credentials .platform-logo{width:90px;height:30px}
@media(max-width:600px){.experience-credentials article.credential-brand{grid-template-columns:1fr;gap:16px}.credential-brand>.platform-logo{margin:0}.foundation-credentials dd>span{flex-wrap:wrap;gap:8px 14px}}

/* Experience and training complement the separate Upwork client-proof card. */
.studio-edition .hero-proof.authority-strip{background:#fffdf8f2}
.authority-strip .authority-cell,.studio-edition .hero-proof.authority-strip .authority-cell{display:flex;align-items:center;justify-content:center;gap:15px;min-width:0;padding:14px 18px;min-height:88px}
.authority-strip .authority-cell img{width:86px;height:29px;object-fit:contain;object-position:left center;flex:none}
.authority-strip .authority-cell p{margin:0;font:500 11px/1.55 'Inter',sans-serif;color:#526780;letter-spacing:0;text-transform:none}
.authority-strip .authority-experience strong{font:750 29px/1 'Satoshi',sans-serif;color:#023266}
.about-personal .hero-meta.authority-strip{padding-top:20px}
.about-personal .authority-cell{border-right:1px solid #02326625;justify-content:flex-start}
.about-personal .authority-cell:first-child{padding-left:0}.about-personal .authority-cell:last-child{border:0}
.upwork-wordmark{display:block;width:60px;height:17px;object-fit:contain;flex:none}
.studio-edition .sculpture-proof__title{gap:8px;font-size:13px}
.studio-edition .sculpture-proof{bottom:106px}
.experience-upwork-logo{display:block;box-sizing:content-box;object-fit:contain;background:#fffdf8;border-radius:5px;padding:10px 14px;margin:18px 0 25px}
.credential-note .platform-logo{width:82px;height:26px;margin-bottom:12px}
@media(min-width:701px) and (max-width:1100px){.authority-strip .authority-cell,.studio-edition .hero-proof.authority-strip .authority-cell{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 18px}.authority-strip .authority-experience strong{height:29px}.studio-edition .sculpture-proof{bottom:128px}}
@media(max-width:700px){
 .studio-edition .hero-proof.authority-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .authority-strip .authority-cell,.studio-edition .hero-proof.authority-strip .authority-cell{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:9px;padding:16px 18px;min-height:109px}
 .authority-strip .authority-cell img{width:84px;height:26px}.authority-strip .authority-experience strong{font-size:27px;height:26px}
 .authority-strip .authority-cell p{font-size:10px}
 .about-personal .hero-meta.authority-strip{row-gap:0}.about-personal .authority-cell:nth-child(even){border:0}.about-personal .authority-cell:nth-child(odd){padding-left:0}
 .studio-edition .sculpture-proof{bottom:auto}.studio-edition .sculpture-proof__title{font-size:12px;gap:7px}.upwork-wordmark{width:54px;height:16px}
}

/* Public offer routes: services, recurring plans, AI agent, proof, identity. */
.site-links[data-offer-navigation],.studio-edition .nav-links[data-offer-navigation]{gap:clamp(16px,2.2vw,32px);white-space:nowrap;font:700 12px/1.3 Satoshi,sans-serif;letter-spacing:.04em;text-transform:none}
@media(max-width:700px){
 .site-nav .site-links[data-offer-navigation],.studio-edition .nav .nav-links[data-offer-navigation]{display:grid!important;grid-template-columns:.9fr 1.35fr 1.5fr .7fr .8fr;gap:8px;align-items:stretch;white-space:normal}
 .site-nav .site-links[data-offer-navigation] a,.studio-edition .nav .nav-links[data-offer-navigation] a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 0;text-align:center;font-size:12px;line-height:1.25;letter-spacing:0;text-transform:none}
}