:root{font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;color:#e2e2e2;background:#181818;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative}.cms-status{padding:15vh 24px;text-align:center;color:#bdbdbd;font:14px/1.8 Arial,Microsoft YaHei,PingFang SC,sans-serif}.cms-status a{text-decoration:underline}.draft-banner{position:sticky;top:0;z-index:20;background:#37352c;color:#e2dfcd;text-align:center;padding:9px 15px;font:12px/1.5 Arial,Microsoft YaHei,PingFang SC,sans-serif}.draft-banner a{margin-left:20px;text-decoration:underline}html[data-theme=light]{--light:#fbfaf7;--light-backdrop:linear-gradient(180deg,#fdfbf7 0%,#f8f4ed 42%,#efe5d8 100%);--light-ink:#785638;--light-muted:#785638;--light-gold:#785638;--light-line:rgba(99,83,63,.2);--portfolio-ink:var(--light-ink);background:var(--light);color:var(--light-ink);color-scheme:light}html[data-theme=light] body{background:var(--light);isolation:isolate;min-width:0}html[data-theme=light] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--light-backdrop)}html[data-theme=light] ::selection{background:#d9c6ab;color:#292720}html[data-theme=light] .cms-status{color:var(--light-ink)}html[data-theme=light] .draft-banner{background:#e9dcc9;color:var(--light-ink)}html[data-theme=light] .portfolio-site{--muted:var(--light-muted);--line:var(--light-line);--accent:var(--light-gold);--primary:var(--light-ink)}html[data-theme=light] .hero-combined .hero-signature{background:transparent}html[data-theme=light] .hero-signature img{filter:url(#light-signature-ink);mix-blend-mode:normal}html[data-theme=light] .hero-combined .hero-discipline,html[data-theme=light] .hero-combined .hero-bottom a,html[data-theme=light] .section-eyebrow{color:var(--light-gold)}html[data-theme=light] .hero-statement p{color:var(--light-muted)}html[data-theme=light] .hero-statement .hero-questions p,html[data-theme=light] .hero-statement h2{color:var(--light-ink)}html[data-theme=light] .site-navigation nav a,html[data-theme=light] .language-switch button,html[data-theme=light] .language-switch span{color:var(--light-muted)}html[data-theme=light] .site-navigation nav a:hover,html[data-theme=light] .language-switch button[aria-pressed=true],html[data-theme=light] .language-switch button:hover{color:var(--light-gold)}html[data-theme=light] .demo-arrows button,html[data-theme=light] .contact-icon{color:var(--light-gold);border-color:#7856384d;transition:background .2s,border-color .2s}html[data-theme=light] .demo-arrows button:hover,html[data-theme=light] .contact-icon:hover{background:#78563812;border-color:var(--light-gold)}html[data-theme=light] .demo-gallery-footer>a,html[data-theme=light] .project-view-image,html[data-theme=light] .project-navigation a,html[data-theme=light] .contact-icon>span{color:var(--light-gold)}html[data-theme=light] .contact-glyph{background:var(--light-gold)}html[data-theme=light] .demo-panel{background:#e9e5dd}html[data-theme=light] .demo-panel:not(.active) img{opacity:.72}html[data-theme=light] .demo-panel:not(.active):after{background:linear-gradient(transparent 50%,#1212108a)}html[data-theme=light] .demo-strip-label{color:#f4e9db}html[data-theme=light] .demo-overlay-copy.light{color:#be9572}html[data-theme=light] .demo-overlay-copy.dark{color:#785638}html[data-theme=light] .experience-years{color:var(--light-gold)}html[data-theme=light] .experience-row p,html[data-theme=light] .project-intro p,html[data-theme=light] .project-navigation>span,html[data-theme=light] .project-image-caption,html[data-theme=light] .project-adjacent span,html[data-theme=light] .portfolio-footer,html[data-theme=light] .portfolio-footer a{color:var(--light-muted)}html[data-theme=light] .brand-logo img{filter:brightness(0);opacity:.7}html[data-theme=light] .brand-logo--hoegaarden img{filter:grayscale(1) contrast(10);mix-blend-mode:multiply}html[data-theme=light] .brand-logo--kolon img{filter:grayscale(1);mix-blend-mode:multiply}html[data-theme=light] .project-page .work-guide--embedded{background:#fffefa7a;border-color:var(--light-line)}html[data-theme=light] .work-guide--embedded .guide-looking,html[data-theme=light] .work-guide--embedded .guide-caption,html[data-theme=light] .work-guide--embedded .guide-empty>span,html[data-theme=light] .work-guide--embedded .guide-message-context,html[data-theme=light] .work-guide--embedded .guide-reply>span,html[data-theme=light] .work-guide--embedded .guide-note{color:var(--light-muted)}html[data-theme=light] .work-guide--embedded .guide-top h2,html[data-theme=light] .work-guide--embedded .guide-preview,html[data-theme=light] .work-guide--embedded .guide-suggestions button{color:var(--light-gold)}html[data-theme=light] .work-guide--embedded .guide-question{background:#78563811}html[data-theme=light] .work-guide--embedded .guide-form{border-color:#78563859;background:#ffffffa6}html[data-theme=light] .work-guide--embedded .guide-form:focus-within{border-color:var(--light-gold)}html[data-theme=light] .work-guide--embedded .guide-form textarea::placeholder{color:var(--light-muted);opacity:1}html[data-theme=light] .work-guide--embedded .guide-form button{color:var(--light-gold);border-color:#78563866}html[data-theme=light] .guide-sources>details{border-color:var(--light-line)}html[data-theme=light] .demo-lightbox,html[data-theme=light] .contact-dialog{background:var(--light);color:var(--light-ink)}html[data-theme=light] .demo-lightbox,html[data-theme=light] .demo-lightbox::backdrop{background:var(--light-backdrop)}html[data-theme=light] .contact-dialog{border-color:var(--light-line);box-shadow:0 20px 100px #3a30232b}html[data-theme=light] .contact-dialog::backdrop{background:#453f3438}html[data-theme=light] .contact-dialog-close,html[data-theme=light] .contact-open-chat,html[data-theme=light] .demo-lightbox button{color:var(--light-gold)}html[data-theme=light] .contact-open-chat{border-color:#7856384d}html[data-theme=light] .project-image-expand{background:#fbfaf7dd;color:var(--light-gold)}html[data-theme=light] .detail-lightbox-controls>span{color:var(--light-muted)}html[data-theme=light] button:focus-visible,html[data-theme=light] a:focus-visible{outline-color:var(--light-gold)}