/* Shared semantic surfaces, preserving the colours of project artwork. */
:root{--page:#fff;--surface:#f5f5f7;--ink:#171717;--muted:#606064;--line:#e5e5e8;--accent:#b7ff36;--nav:#fffffff0}
html[data-theme=dark]{--page:#111214;--surface:#1d1e21;--ink:#f5f5f7;--muted:#b0b0b8;--line:#37383d;--nav:#1d1e21ed;color-scheme:dark}
.portfolio-theme-toggle{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:11px;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;margin-left:8px}
.portfolio-theme-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.portfolio-theme-toggle:hover{background:var(--surface)}
.portfolio-theme-toggle:focus-visible,.portfolio-theme-reset:focus-visible{outline:2px solid #367a46;outline-offset:3px}
.portfolio-theme-sun{display:none}
html[data-theme=dark] .portfolio-theme-moon{display:none}
html[data-theme=dark] .portfolio-theme-sun{display:block}
.portfolio-footer-appearance{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);text-align:left;font-size:14px;line-height:1.5}
.portfolio-footer-appearance .portfolio-theme-toggle{margin:0;background:var(--surface)}
.portfolio-theme-reset{margin-left:auto;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.portfolio-theme-reset[aria-pressed=true]{color:var(--muted)}
html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] body #main,html[data-theme=dark] body #portfolio-content{background:var(--page)!important;color:var(--ink)!important}
html[data-theme=dark] :is(.portfolio-native,.portfolio-static-page,.portfolio-light-surface,.portfolio-case-system,.portfolio-simple-footer,.portfolio-liquid-panel,.portfolio-brand-footer,.portfolio-related,.portfolio-clients,.portfolio-about){background-color:var(--page)!important;color:var(--ink)!important}
html[data-theme=dark] .portfolio-header .portfolio-header-shell,html[data-theme=dark] .portfolio-mobile-menu{background:var(--nav)!important;border-color:var(--line)!important;color:var(--ink);box-shadow:0 8px 32px #0003}
html[data-theme=dark] .portfolio-header :is(.portfolio-wordmark,.portfolio-desktop-nav a,.portfolio-mobile-menu a){color:var(--ink)!important}
html[data-theme=dark] .portfolio-header .portfolio-contact{background:#34353b!important;border-color:#505159!important;color:var(--ink)!important}
html[data-theme=dark] .portfolio-header .portfolio-contact span{background:#505159!important;color:#fff!important}
html[data-theme=dark] .portfolio-menu-button span{background:var(--ink)!important}
html[data-theme=dark] body #main :is(.framer-text,h1,h2,h3,h4,.portfolio-heading-paragraph){--framer-text-color:var(--ink)!important;--framer-link-text-color:#b7ff36!important;color:var(--ink)!important}
html[data-theme=dark] body #main .portfolio-case-system p:not(.portfolio-eyebrow):not(.portfolio-case-section-title),html[data-theme=dark] :is(.portfolio-case-description,.portfolio-case-credit,.portfolio-footer-copy,.portfolio-footer-tagline,.portfolio-about-copy p,.portfolio-related-copy p,.portfolio-preview-caption p){color:var(--muted)!important}
html[data-theme=dark] :is(.portfolio-case-summary dd,.portfolio-case-summary h1,.portfolio-preview-caption,.portfolio-related-copy h3,.portfolio-footer-title,.portfolio-footer-column a,.portfolio-footer-ink,.portfolio-footer-role){color:var(--ink)!important}
html[data-theme=dark] :is(.portfolio-eyebrow,.portfolio-case-summary dt,.portfolio-related-copy>span,.portfolio-footer-column h3,.portfolio-scout-toc>span,figcaption,.mc-hall-copy dt,.mc-credits dt,.mc-principles article>span,.mc-source-archives summary span){color:var(--muted)!important}
html[data-theme=dark] :is(.portfolio-case-summary dl,.portfolio-scout-chapter,.portfolio-footer-topline,.mc-principles article,.mc-hall-copy dl,.mc-credits,.mc-source-archives details){border-color:var(--line)!important}
html[data-theme=dark] :is(.portfolio-back,.portfolio-case-details-link,.portfolio-case-system .portfolio-scout-toc a){color:var(--muted)!important}
html[data-theme=dark] .portfolio-case-system .portfolio-scout-toc{background:var(--page)!important;border-color:var(--line)!important}
html[data-theme=dark] .portfolio-case-system .portfolio-scout-toc a:hover{background:var(--surface)!important;color:var(--ink)!important}
html[data-theme=dark] .portfolio-case-system .portfolio-scout-toc a[aria-current=location]{background:#293923!important;color:#c4ff83!important}
html[data-theme=dark] :is(.portfolio-related-controls,.portfolio-motion-controls,.portfolio-gallery-controls,.mc-carousel-controls) button{background:#303137!important;color:var(--ink)!important}
html[data-theme=dark] :is(.mc-hall-tabs button,.portfolio-scout-card,.portfolio-scout-note,.portfolio-scout-callout,.portfolio-scout-lightbox,.portfolio-acl-callout,.portfolio-acl-card){background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-theme=dark] .mc-hall-tabs button[aria-selected=true]{background:var(--accent)!important;color:#171717!important;border-color:var(--accent)!important}
html[data-theme=dark] :is(.mc-hall-copy dd,.mc-hall-source,.mc-carousel-controls>span){color:var(--muted)!important}
html[data-theme=dark] .portfolio-footer-social{background:var(--surface)!important;border-color:var(--line)!important}
html[data-theme=dark] :is(.portfolio-social-behance,.portfolio-social-linkedin){color:#8fbaff!important}
html[data-theme=dark] .portfolio-social-instagram{color:#ff92cf!important}
html[data-theme=dark] .portfolio-social-x{color:var(--ink)!important}
html[data-theme=dark] .portfolio-social-whatsapp{color:#8bdfa2!important}
html[data-theme=dark] .portfolio-client img{background:transparent;border-radius:0;padding:0;mix-blend-mode:normal;filter:none}
html[data-theme=dark] .portfolio-action-cursor{border:1px solid #f5f5f7;box-shadow:0 0 0 1px #000}
html[data-theme=dark] .portfolio-footer-liquid-scene{background:var(--page)!important}
html[data-theme=dark] .portfolio-liquid-contrast{filter:contrast(50) invert(1) hue-rotate(180deg);mix-blend-mode:lighten!important}
html[data-theme=dark] .portfolio-hero{background:var(--page)!important;color:var(--ink)!important}
html[data-theme=dark] .portfolio-hero-portal{filter:grayscale(1)}
html[data-theme=dark] .portfolio-hero-story :is(h1,h2,p),html[data-theme=dark] .portfolio-hero-credit{color:var(--ink)!important}
html[data-theme=dark] .portfolio-loader{background:var(--page)!important;color:var(--ink)!important}
html[data-theme=dark] .portfolio-loader-track{background:var(--line)!important}
html[data-theme=dark] .portfolio-loader-track i{background:var(--accent)!important}
html[data-theme=dark] .portfolio-hero-work-link{background:var(--ink)!important;color:var(--page)!important}
html[data-theme=dark] .portfolio-preview-frame{background:var(--surface)}
html[data-theme=dark] :is(.portfolio-services article,.portfolio-about-contact,.portfolio-scout-principles article,.portfolio-acl-voice article,.portfolio-scout-journey li,.portfolio-scout-note,.portfolio-scout-prototype-toolbar button,.portfolio-scout-prototype-toolbar a,.portfolio-scout-source-button,.portfolio-scout-lightbox button,.portfolio-scout-lightbox a,.portfolio-acl-film-actions button){background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-theme=dark] :is(.portfolio-scout-list,.portfolio-scout-quotes blockquote p,.portfolio-scout-note p,.portfolio-acl-voice ul,.portfolio-scout-slide-button,.portfolio-acl-film figcaption strong){color:var(--ink)!important}
html[data-theme=dark] :is(.portfolio-scout-card-number,.portfolio-scout-quotes blockquote>span,.portfolio-scout-journey li>span,.portfolio-scout-note>span,.portfolio-acl-keywords span,.portfolio-acl-color-details,.portfolio-acl-colors span,.portfolio-acl-film-actions a,.portfolio-acl-film-progress span,.portfolio-scout-slide-button small){color:var(--muted)!important;border-color:var(--line)!important}
html[data-theme=dark] :is(.portfolio-scout-journey,.portfolio-scout-lightbox-bar,.portfolio-acl-archive){border-color:var(--line)!important;background:var(--line)}
html[data-theme=dark] .portfolio-acl-film-progress input{accent-color:var(--accent)}
html[data-theme=dark] .portfolio-scout-prototype-device{color-scheme:light}
html[data-theme=dark] .portfolio-acl-logo:not(.is-dark) figcaption{color:#606064!important}
html[data-theme=dark] :is(.portfolio-about-story p,.portfolio-services p,.portfolio-about-contact p){color:var(--muted)!important}
html[data-theme=dark] :is(.portfolio-services,.portfolio-about-contact){border-color:var(--line)!important}
html[data-theme=dark] .portfolio-about-contact a{background:var(--accent)!important;color:#171717!important}
html[data-theme=dark] body #main .portfolio-liquid-panel p.portfolio-footer-role{color:var(--ink)!important}
html[data-theme=dark] body #main .portfolio-native p.portfolio-case-credit{color:var(--muted)!important}
@media(max-width:920px){.portfolio-theme-toggle{margin-left:auto;width:40px;height:40px;padding:10px}.portfolio-menu-button{margin-left:4px!important}body[data-portfolio-page=case] .portfolio-header .portfolio-header-shell{gap:5px}body[data-portfolio-page=case] .portfolio-theme-toggle{margin:0;width:36px;height:40px;padding:8px}body[data-portfolio-page=case] .portfolio-header .portfolio-wordmark{font-size:clamp(10px,2.8vw,12px);white-space:nowrap}}
@media(max-width:360px){body[data-portfolio-page=case] .portfolio-header .portfolio-contact{padding-inline:6px;gap:4px}body[data-portfolio-page=case] .portfolio-header .portfolio-contact span{width:22px;height:22px}}

/* Theme-aware logo artwork and the same card treatment in both appearances. */
body .portfolio-client{flex:none}
body .portfolio-client img{background:transparent;border:0;border-radius:0;padding:0;filter:none;mix-blend-mode:normal}
body .portfolio-client .portfolio-client-dark{display:none}
html[data-theme=dark] body .portfolio-client .portfolio-client-light{display:none}
html[data-theme=dark] body .portfolio-client .portfolio-client-dark{display:block}
body .portfolio-logo-track{animation-duration:var(--logo-duration,36s);will-change:transform}
body .portfolio-logo-group{flex:none}
.portfolio-logo-pause{display:block;min-height:44px;margin:20px auto 0;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.portfolio-logo-pause:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
body .portfolio-services{gap:24px}
body .portfolio-services article{min-width:0;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink)}
body .portfolio-services article>span{color:var(--muted)}
body .portfolio-services article p{color:var(--muted)}
body .portfolio-about-contact{margin-top:48px;padding:clamp(28px,4vw,52px);border:1px solid var(--line);border-radius:28px;background:var(--surface);color:var(--ink)}
body .portfolio-hero-work-link{background:#171717;color:#fff;border:1px solid #171717;box-shadow:0 2px 8px #00000012}
body .portfolio-hero-work-link:hover{background:#343434;color:#fff}
body .portfolio-header .portfolio-contact{background:#e5e5e9;border:1px solid #d3d3d9;color:#171717}
body .portfolio-header .portfolio-contact span{display:grid;background:#171717;color:#fff}
body .portfolio-header .portfolio-header-back:hover span{transform:none}
body .portfolio-related-card{background:transparent;color:var(--ink);border-color:var(--line)}
body .portfolio-related-copy{background:transparent;color:var(--ink)}
body .portfolio-related-copy h3{color:var(--ink)}
body .portfolio-related-copy :is(p,span){color:var(--muted)}
body .portfolio-related-card>img{background:var(--surface)}
@media(min-width:921px){body .portfolio-header-shell>.portfolio-contact{gap:14px;padding:5px 5px 5px 18px;min-height:44px}body .portfolio-header.is-compact .portfolio-header-shell>.portfolio-contact{padding:5px 5px 5px 16px;gap:12px}}
@media(max-width:734px){body .portfolio-services{gap:18px}body .portfolio-services article{padding:24px}body .portfolio-about-contact{padding:28px 24px;border-radius:24px}}
@media(prefers-reduced-motion:reduce){body .portfolio-logo-track{animation:none;transform:none}body .portfolio-logo-marquee{overflow-x:auto;mask-image:none}body .portfolio-logo-group:nth-child(2),body .portfolio-logo-group>.portfolio-client[aria-hidden=true]{display:none}.portfolio-logo-pause{display:none}}