:root{color-scheme:light;--surface:#dededc;--surface-alt:#e0e0df;--soft-text:#606060;--control-border:#aaa}
html[data-theme=dark]{color-scheme:dark;--paper:#13151a;--ink:#f1f0ed;--muted:#acafb8;--line:#383c46;--surface:#1c1f26;--surface-alt:#1a1d24;--soft-text:#b5b8c1;--control-border:#606572;--orange:#ff754f}
.header-controls{display:flex;align-items:center;gap:8px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--control-border);background:transparent;color:var(--ink);border-radius:30px;padding:10px 13px;min-width:40px;min-height:38px;font-size:12px}.theme-icon{width:15px;height:15px;display:block}.theme-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-toggle:hover{border-color:var(--orange)}.motion-button{border-color:var(--control-border)}.particle-layer{position:fixed;inset:0;pointer-events:none!important;z-index:2147483646;width:100vw;height:100vh;display:block}
html[data-theme=dark] .header{border-color:var(--line)}
html[data-theme=dark] .hero-grid{border-color:#ffffff0a;background:linear-gradient(90deg,transparent calc(25% - 1px),#ffffff08 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),#ffffff08 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),#ffffff08 75%,transparent calc(75% + 1px))}
html[data-theme=dark] .discipline-strip{background:#191c22}
html[data-theme=dark] .about{background:var(--surface)}
html[data-theme=dark] .experience,html[data-theme=dark] dialog{background:var(--paper)}
html[data-theme=dark] .about-top,html[data-theme=dark] .expertise,html[data-theme=dark] .career-list,html[data-theme=dark] .career-row,html[data-theme=dark] .work-footer,html[data-theme=dark] .case-end,html[data-theme=dark] .tab-list,html[data-theme=dark] .project-facts>div,html[data-theme=dark] .supporting-screen,html[data-theme=dark] .credit-note{border-color:var(--line)}
html[data-theme=dark] .about-copy p,html[data-theme=dark] .expertise p,html[data-theme=dark] .career-description,html[data-theme=dark] .toolbox p,html[data-theme=dark] .work-description,html[data-theme=dark] .work-disciplines,html[data-theme=dark] .work-meta,html[data-theme=dark] .case-grid p,html[data-theme=dark] .dialog-intro,html[data-theme=dark] .case-section p,html[data-theme=dark] .screen-figure figcaption,html[data-theme=dark] .project-facts dt,html[data-theme=dark] #cardPanel p{color:var(--soft-text)}
html[data-theme=dark] .about-copy .large-copy,html[data-theme=dark] .overview .case-lead{color:var(--ink)}
html[data-theme=dark] .work-featured,html[data-theme=dark] .design-notes span{color:var(--orange)}
html[data-theme=dark] .primary{background:#f1f0ed;color:#15171c}html[data-theme=dark] .primary:hover{background:#fff}
html[data-theme=dark] .outline{border-color:var(--control-border)}html[data-theme=dark] .outline:hover{background:#303540}
html[data-theme=dark] .dialog-top{background:#13151af5;border-color:var(--line)}html[data-theme=dark] #cardPanel{background:#252a32}
html[data-theme=dark] .chapter-nav{background:#13151af5;border-color:var(--line)}html[data-theme=dark] .tinted{background:var(--surface-alt)}html[data-theme=dark] .state-switch{background:#303440}html[data-theme=dark] .state-switch [aria-pressed=true]{background:#e5e6ec;color:#181b21}
html[data-theme=dark] .art-coordinate,html[data-theme=dark] .orbit-label{color:#b5b8c1}html[data-theme=dark] .orbit{border-color:#ffffff28}
/* Keep the orange closing section and dark image viewer intentional in either theme. */
.contact,.case-contact{color:#191919}.contact .dark,.case-contact .dark,.case-end .dark,.close-dialog{background:#191919;color:#fff}#screenViewer{color:white!important;background:#15151c!important}
@media(hover:hover) and (pointer:fine){html.game-cursor,html.game-cursor body,html.game-cursor a,html.game-cursor button,html.game-cursor summary,html.game-cursor [role=tab],html.game-cursor .screen-zoom{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%2314161c' stroke-width='4' stroke-linecap='square'%3E%3Cpath d='M5 11V5h6m10 0h6v6M5 21v6h6m10 0h6v-6'/%3E%3C/g%3E%3Cg fill='none' stroke='%23f5f3ef' stroke-width='1.5' stroke-linecap='square'%3E%3Cpath d='M5 11V5h6m10 0h6v6M5 21v6h6m10 0h6v-6'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='2.5' fill='%23ff754f' stroke='%2314161c' stroke-width='1'/%3E%3C/svg%3E") 16 16,crosshair}}
@media(max-width:700px){.header-controls{gap:5px}.theme-label{display:none}.theme-toggle{padding:9px;min-width:36px;min-height:36px}.header nav{gap:16px}.header .motion-button{margin-left:0}.wordmark-caption{display:none}.case-page .header nav{gap:16px}}
@media(max-width:370px){.header nav{gap:10px}.header-controls{gap:4px}.header .wordmark{font-size:24px}.header .motion-button{padding:9px}.case-page #caseMotion{font-size:9px;padding:8px}}
.project-discovery{padding:75px 6.2%;background:var(--surface)}.project-discovery h2{font-size:clamp(30px,3.7vw,54px);font-weight:500;line-height:1.12;letter-spacing:-1.5px;margin:20px 0 35px}.project-switcher{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-switcher a{display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid var(--control-border);border-radius:5px;transition:border-color .25s,transform .25s;background:var(--paper)}.project-switcher a>span{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.project-switcher strong{font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.3}.project-switcher small{font-size:13px;color:var(--soft-text)}.project-switcher a:hover{transform:translateY(-3px);border-color:var(--orange)}.modal-project-nav{margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.modal-project-nav>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.modal-project-nav a,.modal-project-nav button{background:transparent;color:var(--ink);font-size:13px;padding:11px 16px;border:1px solid var(--control-border);border-radius:25px}.modal-project-nav [aria-current=page]{border-color:var(--orange);color:var(--orange);cursor:default}.modal-project-nav a:hover,.modal-project-nav button:enabled:hover{border-color:var(--orange)}
#screenViewer{height:94svh;max-height:94svh}#screenViewer[open]{display:flex;flex-direction:column}#screenViewer .viewer-bar,#screenViewer .viewer-bottom{flex-shrink:0}#screenViewer .viewer-image{flex:1 1 0;min-height:0;max-height:none;align-items:center}#screenViewer .viewer-image img{width:100%;height:100%;max-height:100%;object-fit:contain}#screenViewer .viewer-image.zoomed{display:block}#screenViewer .viewer-image.zoomed img{width:auto;height:auto;max-height:none;max-width:none}.viewer-bottom{flex-wrap:wrap;justify-content:space-between;gap:15px!important}.viewer-navigation{display:flex;align-items:center;gap:15px}.viewer-navigation button:hover,.viewer-bottom>button:hover,#closeViewer:hover{background:#494953}.viewer-navigation #screenCounter{font-size:12px;min-width:42px;text-align:center;font-variant-numeric:tabular-nums;color:#c9cbd3}
@media(max-width:700px){.project-discovery{padding:50px 5%}.project-switcher{grid-template-columns:1fr;gap:15px}.project-switcher a{padding:22px}.project-switcher strong{font-size:21px}.modal-project-nav a,.modal-project-nav button{font-size:12px;padding:10px 12px}#screenViewer .viewer-bottom{padding:12px 15px;gap:10px!important}.viewer-navigation{width:100%;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #393943}#screenViewer .viewer-bar{padding:12px 15px;align-items:flex-start}#viewerCaption{font-size:11px;line-height:1.6}.viewer-bottom>a{font-size:12px}}