:root{--portfolio-ink:#BE9572;font-family:Arial,Microsoft YaHei,微软雅黑,PingFang SC,sans-serif;color:var(--portfolio-ink);background:#181818;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:dark}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid var(--portfolio-ink);outline-offset:4px}button{border:0;background:none}svg{width:22px;height:22px;display:block}.cover-demo{max-width:1920px;margin:auto;padding:0 4.7vw}.demo-header{height:130px;display:flex;align-items:center;justify-content:space-between}.demo-signature{width:264px;height:66px;overflow:hidden;display:block;position:relative}.demo-signature img{position:absolute;width:300px;left:-18px;top:-13px}.demo-status{font-size:10px;letter-spacing:2px;color:var(--portfolio-ink)}.demo-section-label{border-top:1px solid rgba(190,149,114,.22);display:flex;justify-content:space-between;align-items:center;padding-top:22px;font-size:12px;letter-spacing:2px}.demo-section-label small{font-size:9px;color:var(--portfolio-ink);letter-spacing:2px;margin-left:18px}.demo-arrows{display:flex;gap:10px}.demo-arrows button{width:44px;height:44px;border:1px solid rgba(190,149,114,.22);border-radius:50%;display:grid;place-items:center;transition:background .2s}.demo-arrows button:hover{background:#33332f}.demo-project-copy{min-height:178px;display:flex;align-items:center;padding:24px 0 30px}.copy-transition{width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;animation:copy-in .55s both}.demo-brand{font-size:10px;letter-spacing:2.6px;color:var(--portfolio-ink);margin:0 0 15px}.demo-heading h1{font-size:clamp(24px,2.8vw,44px);font-weight:400;line-height:1.4;letter-spacing:.015em;margin:0 0 13px}.demo-category{font-size:10px;color:var(--portfolio-ink);margin:0;letter-spacing:1px}.demo-description{max-width:460px;font-size:13px;line-height:2.05;letter-spacing:.055em;color:var(--portfolio-ink);margin:0;justify-self:end}.demo-accordion{display:flex;gap:var(--gap);height:var(--gallery-height);width:100%;touch-action:pan-y}.demo-panel{position:relative;flex:0 0 var(--strip);height:100%;overflow:hidden;padding:0;background:#22221f;transition:flex-basis 1.1s cubic-bezier(.22,.7,.1,1),flex-grow 1.1s cubic-bezier(.22,.7,.1,1);isolation:isolate}.demo-panel.active{flex:1 1 0}.demo-panel img{position:absolute;width:var(--expanded);height:100%;object-fit:contain;max-width:none;left:50%;top:0;transform:translate(-50%);opacity:.35;transition:opacity .8s;pointer-events:none}.demo-panel.active img{opacity:1}.demo-panel:not(.active):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent,#00000073);pointer-events:none}.demo-strip-label{position:absolute;left:50%;bottom:22px;writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg);font-size:10px;line-height:1;letter-spacing:2px;z-index:2;white-space:nowrap;transition:opacity .4s}.demo-panel.active .demo-strip-label{opacity:0}.demo-gallery-footer{min-height:70px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--portfolio-ink);letter-spacing:1px}.demo-gallery-footer button{display:flex;align-items:center;gap:12px;color:var(--portfolio-ink);min-height:44px;font-size:11px;padding-right:0}.demo-gallery-footer svg{width:17px;height:17px}.demo-footer{border-top:1px solid rgba(190,149,114,.22);margin-top:18px;padding:27px 0 35px;display:flex;justify-content:space-between;color:var(--portfolio-ink);font-size:10px;letter-spacing:1.5px}.demo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#181818;border:0;padding:25px;color:var(--portfolio-ink)}.demo-lightbox::backdrop{background:#181818}.demo-lightbox-top{height:50px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px}.demo-lightbox-top button{display:grid;place-items:center;width:44px;height:44px}.demo-lightbox>img{display:block;width:100%;height:calc(100% - 60px);object-fit:contain}@keyframes copy-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.demo-header{height:150px}.demo-project-copy{min-height:195px}.demo-description{font-size:14px;max-width:530px}}@media(max-width:760px){.cover-demo{padding:0 22px}.demo-header{height:100px}.demo-signature{width:200px;height:56px}.demo-signature img{width:232px;top:-9px;left:-14px}.demo-status{font-size:8px;letter-spacing:1px;max-width:70px;line-height:1.8;text-align:right}.demo-section-label{padding-top:15px}.demo-section-label small{display:none}.demo-arrows{gap:7px}.copy-transition{grid-template-columns:1fr;gap:17px;align-items:start}.demo-project-copy{height:245px;padding:25px 0}.demo-heading h1{font-size:25px;line-height:1.45}.demo-brand{font-size:9px;margin-bottom:10px}.demo-description{font-size:12px;line-height:1.9;max-width:none;justify-self:start}.demo-category{font-size:9px}.demo-accordion{height:260px}.demo-panel img{object-fit:contain}.demo-strip-label{font-size:8px;letter-spacing:1.3px;bottom:15px}.demo-gallery-footer{gap:12px}.demo-hint{font-size:0}.demo-hint:after{content:"轻触窄条或左右滑动切换";font-size:9px;letter-spacing:0}.demo-gallery-footer button{font-size:10px}.demo-footer{margin-top:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.demo-copy-space{height:110px}.demo-overlay-copy{position:absolute;z-index:3;top:calc(20px * var(--caption-scale));left:calc(20px * var(--caption-scale));width:calc(var(--expanded) - 40px * var(--caption-scale));display:flex;flex-direction:column;align-items:flex-start;gap:calc(5px * var(--caption-scale));text-align:left;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .4s}.demo-panel.active .demo-overlay-copy{opacity:1;visibility:visible;transition:opacity .5s .15s}.demo-overlay-copy.light{color:var(--portfolio-ink);text-shadow:0 1px 3px #0005}.demo-overlay-copy.dark{color:#98704d;text-shadow:none}.demo-overlay-brand{font-size:calc(8.1px * var(--caption-scale));line-height:1.35;letter-spacing:.22em}.demo-overlay-title{font-size:calc(19.8px * var(--caption-scale));line-height:1.35;font-weight:400;letter-spacing:.015em}.demo-overlay-description{font-size:calc(11.7px * var(--caption-scale));line-height:1.45;letter-spacing:.02em}.demo-viewport{display:block;overflow:visible;height:var(--gallery-height)}.demo-track{display:flex;align-items:stretch;gap:var(--gap);width:100%;height:var(--gallery-height)}.demo-track .demo-panel{flex:0 0 var(--strip);width:var(--strip)}.demo-track .demo-panel.active{flex:0 0 var(--expanded);width:var(--expanded)}.demo-track .demo-strip-label{max-height:calc(100% - 36px);overflow:hidden}.demo-track .demo-panel img{scale:var(--cover-scale,1)}html{scroll-behavior:smooth;scroll-padding-top:0}.portfolio-site{--muted:var(--portfolio-ink);--line:rgba(190,149,114,.22);--accent:var(--portfolio-ink);max-width:1920px}[hidden]{display:none!important}.site-navigation{height:100px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--line)}.site-navigation .demo-signature{width:220px;height:58px}.site-navigation .demo-signature img{width:254px;left:-15px;top:-12px}.site-navigation nav{display:flex;align-items:center;gap:36px}.site-navigation nav a{font-size:11px;color:var(--muted);letter-spacing:1px;transition:color .2s}.site-navigation nav a:hover{color:var(--portfolio-ink)}.site-navigation nav span{font-size:9px;letter-spacing:1.5px;margin-left:8px;color:var(--portfolio-ink)}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.5;font-weight:400;color:var(--muted);margin:0 0 28px}.section-eyebrow{font-size:12px}.portfolio-hero{min-height:calc(100svh - 100px);display:flex;flex-direction:column;justify-content:space-between;padding-top:20px}.hero-center{text-align:center;margin:auto 0}.hero-center .eyebrow{font-size:11px;letter-spacing:4px;margin:30px 0 20px}.portfolio-hero h1{font-size:clamp(56px,9.5vw,168px);font-weight:600;letter-spacing:-.055em;line-height:1;margin:0;white-space:nowrap}.hero-discipline{font-size:20px;letter-spacing:.3em;line-height:1.6;margin:32px 0 16px;color:var(--portfolio-ink)}.hero-note{font-size:13px;color:var(--portfolio-ink);letter-spacing:.12em;margin:0}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:80px 0 34px;font-size:9px;letter-spacing:1.7px;color:var(--portfolio-ink)}.hero-bottom a{color:var(--portfolio-ink);padding:15px}.page-section{border-top:1px solid var(--line);padding:60px 0 120px;scroll-margin-top:0}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.statement-grid h2{font-size:clamp(34px,4.2vw,68px);font-weight:400;line-height:1.45;letter-spacing:-.04em;margin:10px 0}.statement-grid h2 span{color:var(--accent)}.statement-body{max-width:560px}.statement-body p{font-size:16px;line-height:2;color:var(--muted);margin:0 0 24px}.statement-body .statement-questions{font-size:clamp(18px,1.7vw,27px);color:var(--portfolio-ink);line-height:1.7;margin-bottom:32px}.statement-body p:last-child{margin-bottom:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-heading h2,.portfolio-contact h2{font-size:clamp(36px,4.7vw,76px);font-weight:400;letter-spacing:-.045em;line-height:1.12;margin:0}.section-side-note{font-size:12px;line-height:1.8;color:var(--portfolio-ink);letter-spacing:.08em;margin:0 0 8px}.work-controls{grid-column:2;display:flex;justify-content:center;align-items:center}.work-controls .demo-arrows button{display:grid;place-items:center;padding:0}.work-accordion{width:100%}.work-accordion .demo-gallery-footer{min-height:0;padding-top:16px;display:grid;grid-template-columns:1fr auto 1fr}.demo-gallery-footer>a{justify-self:end;display:flex;align-items:center;gap:14px;color:var(--portfolio-ink);min-height:44px;font-size:11px}.demo-track .demo-panel{display:block;border:0;cursor:pointer}.demo-track .demo-panel:focus-visible{outline-offset:-1px}.about-grid{display:grid;grid-template-columns:.95fr 1fr;gap:12%;padding:50px 0 80px;border-top:1px solid var(--line)}.about-summary{--about-heading-size:24px}.experience-stat{display:flex;align-items:baseline;gap:20px}.experience-label{font-size:var(--about-heading-size);font-weight:400;line-height:1.5;letter-spacing:0;white-space:nowrap}.experience-years{display:block;font-size:105px;line-height:1;letter-spacing:-.07em;font-weight:300;color:var(--portfolio-ink);margin:0}.experience-years>span{font-size:.45em;vertical-align:top;position:relative;top:10px;letter-spacing:0}.about-summary h3{font-size:var(--about-heading-size);font-weight:400;line-height:1.5;margin:32px 0 18px}.about-summary>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:2;max-width:480px;margin:0 0 20px}html:lang(zh) .about-summary>p:not(.eyebrow){max-width:520px;text-wrap:pretty}.experience-list{align-self:center}.experience-row{padding:25px 0;border-bottom:1px solid var(--line)}.experience-row:first-child{border-top:1px solid var(--line)}.experience-row h3{font-size:20px;font-weight:400;line-height:1.4;margin:0 0 10px}.experience-row p{font-size:11px;color:var(--portfolio-ink);line-height:1.5;margin:0}.brand-section{border-top:1px solid var(--line);padding-top:60px}.brand-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:32px;row-gap:38px;list-style:none;margin:0;padding:14px 0 0}.brand-logo{display:flex;align-items:center;justify-content:center;min-width:0;height:92px}.brand-logo img{display:block;width:var(--brand-width,165px);max-width:100%;height:auto;max-height:80px;object-fit:contain;filter:brightness(0) invert(1);transform:scale(.85);transform-origin:center}.brand-logo--tnf{--brand-width:125px}.brand-logo--huawei{--brand-width:160px}.brand-logo--playstation{--brand-width:170px}.brand-logo--hr{--brand-width:124px}.brand-logo--hr img{max-height:none}.brand-logo--laprairie{--brand-width:150px}.brand-logo--remy{--brand-width:170px}.brand-logo--guinness{--brand-width:86px}.brand-logo--hoegaarden img{filter:grayscale(1) contrast(10) invert(1);mix-blend-mode:screen}.brand-logo--jameson{--brand-width:228px}.brand-logo--jameson img{max-height:none}.brand-logo--newbalance,.brand-logo--kolon{--brand-width:120px}.brand-logo--kolon img{max-height:none;filter:grayscale(1) invert(1);mix-blend-mode:screen}.portfolio-contact{padding-bottom:80px;text-align:center}.portfolio-contact>.section-eyebrow{text-align:left}.portfolio-contact h2{margin:40px 0 36px}.portfolio-contact h2>span{color:var(--portfolio-ink)}.contact-bottom{display:flex;flex-direction:column;align-items:center;gap:32px}.contact-bottom>p{color:var(--muted);font-size:18px;letter-spacing:.05em;line-height:1.7;margin:0;text-wrap:balance}.contact-icons{display:flex;gap:26px}.contact-icon{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(190,149,114,.22);border-radius:50%}.contact-glyph{width:21px;height:21px;background:var(--portfolio-ink);mask:var(--contact-icon) center/contain no-repeat;-webkit-mask:var(--contact-icon) center/contain no-repeat}.contact-icon>span{position:absolute;bottom:-25px;font-size:9px;white-space:nowrap;color:var(--portfolio-ink);opacity:0;transition:opacity .2s}.contact-icon:hover>span,.contact-icon:focus-visible>span{opacity:1}.contact-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:390px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid rgba(190,149,114,.3);background:#181818;color:var(--portfolio-ink);text-align:center}.contact-dialog::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-dialog-card{position:relative;padding:40px 32px 32px}.contact-dialog-close{position:absolute;top:8px;right:8px;width:40px;height:40px;padding:0;display:grid;place-items:center}.contact-dialog h3{font-size:22px;line-height:1.4;font-weight:400;margin:0}.contact-qr{display:block;width:280px;max-width:100%;height:auto;margin:24px auto 20px;background:#fff}.contact-dialog p{font-size:12px;line-height:1.8;letter-spacing:.03em;margin:0}.contact-dialog .contact-handle{margin-top:8px}.contact-open-chat{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(190,149,114,.35);min-height:38px;padding:8px 18px;margin-top:20px;font-size:12px}.contact-open-chat:hover{background:#be957214}.contact-open-chat .portfolio-icon{width:16px;height:16px}body:has(.contact-dialog[open]){overflow:hidden}.portfolio-footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:1.3px;color:var(--portfolio-ink)}.portfolio-footer a{color:var(--portfolio-ink)}.project-route:focus{outline:none}.project-navigation{display:flex;align-items:center;justify-content:space-between;padding:34px 0;color:var(--portfolio-ink);font-size:10px;letter-spacing:1.5px}.project-navigation a{display:flex;align-items:center;gap:14px;min-height:44px;color:var(--portfolio-ink);font-size:11px;letter-spacing:.04em}.project-heading{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end;padding:34px 0 52px}.project-heading .eyebrow{margin-bottom:18px}.project-heading h1{font-size:clamp(32px,3.5vw,56px);line-height:1.2;font-weight:400;letter-spacing:-.035em;margin:0}.project-intro{max-width:520px;justify-self:end}.project-intro p{font-size:14px;line-height:1.9;color:var(--portfolio-ink);margin:0}.project-images{display:grid;grid-template-columns:1fr 1fr;gap:44px 28px;padding-bottom:65px}.project-images figure{margin:0;min-width:0}.project-images .project-image-hero{grid-column:1/-1}.project-images button{display:block;position:relative;width:100%;padding:0}.project-images img{display:block;width:100%;height:auto}.project-image-expand{position:absolute;right:16px;bottom:16px;padding:10px;background:#181818b8;opacity:0;transition:opacity .2s}.project-images button:hover .project-image-expand,.project-images button:focus-visible .project-image-expand{opacity:1}.project-images figcaption{font-size:11px;color:var(--portfolio-ink);line-height:1.6;margin-top:13px}.project-adjacent{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:45px 0 60px;gap:30px}.project-adjacent a:last-child{text-align:right}.project-adjacent span{display:block;color:var(--portfolio-ink);font-size:10px;letter-spacing:1px;margin-bottom:14px}.project-adjacent strong{font-size:23px;line-height:1.5;font-weight:400}.project-not-found{padding:120px 0;min-height:65vh}.project-not-found h1{font-weight:400;margin-bottom:35px}.demo-lightbox>img{height:calc(100% - 115px)}.detail-lightbox-controls{height:60px;display:flex;align-items:center;justify-content:center;gap:35px}.detail-lightbox-controls>span{font-size:11px;color:var(--portfolio-ink);letter-spacing:.07em}.detail-lightbox-controls button{width:44px;height:44px;display:grid;place-items:center}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.portfolio-work{padding:60px 0}.portfolio-hero .hero-signature{position:relative;width:min(88%,1200px);aspect-ratio:5.9;margin:0 auto;overflow:hidden;line-height:0}.hero-signature img{position:absolute;width:115%;max-width:none;height:auto;left:-7.5%;top:50%;transform:translateY(-50%);mix-blend-mode:lighten;filter:url(#signature-ink)}.language-switch{display:flex;align-items:center;gap:7px;margin-left:6px}.site-navigation .language-switch span{margin:0;font-size:10px;letter-spacing:0;color:var(--portfolio-ink)}.language-switch button{min-height:44px;padding:8px 5px;font-size:11px;color:var(--portfolio-ink)}.language-switch button[aria-pressed=true],.language-switch button:hover{color:var(--portfolio-ink)}:lang(en) .statement-grid h2{line-height:1.2}:lang(en) .hero-discipline{font-size:17px;letter-spacing:.22em}.hero-bottom{justify-content:center}.hero-bottom .hero-scroll{display:grid;place-items:center;width:48px;height:48px;padding:0;color:var(--portfolio-ink);transition:color .2s,transform .2s}.hero-scroll svg{width:26px;height:26px}.hero-bottom .hero-scroll:hover{color:var(--portfolio-ink);transform:translateY(4px)}.site-navigation{height:72px;align-items:flex-start;padding-top:28px}.portfolio-hero{min-height:0;padding-top:13px}.hero-center{margin:max(24px,calc((100svh - 254px - var(--hero-content-height,280px))/3)) 0}.hero-bottom{padding:53px 0 23px}.portfolio-icon{display:block;width:22px;height:22px;flex-shrink:0;background:currentColor;-webkit-mask:var(--icon-url) center/contain no-repeat;mask:var(--icon-url) center/contain no-repeat}.hero-scroll .portfolio-icon{width:28px;height:28px}.demo-gallery-footer>a .portfolio-icon{width:18px;height:18px}.hero-combined{position:relative;height:calc(100svh - 72px - var(--hero-trim,0px));min-height:0;padding:0}.hero-combined .hero-center{position:absolute;left:50%;top:50%;width:100%;margin:0;text-align:center;transform:translate(-50%,-50%) scale(var(--hero-fit,1));transform-origin:center}.hero-combined .hero-signature{width:min(80%,920px);background:#181818;isolation:isolate}.hero-combined .hero-discipline{font-size:16px;line-height:1.7;letter-spacing:.1em;margin:8px 0 0;color:var(--portfolio-ink)}.hero-combined .hero-discipline{display:flex;align-items:center;justify-content:center;gap:18px}.hero-combined .hero-discipline span{margin:0}.hero-combined .hero-discipline .discipline-dot{font-size:12px;letter-spacing:0}.hero-statement{max-width:1050px;margin:clamp(40px,6svh,72px) auto 0;padding:0 24px}.hero-statement h2{font-size:calc(clamp(22px,1.65vw,28px) + 3pt);font-weight:400;line-height:1.5;letter-spacing:.02em;margin:0 0 12px;color:var(--portfolio-ink)}.hero-statement p{font-size:15px;line-height:1.9;margin:18px 0 0;color:var(--portfolio-ink)}.hero-questions p{margin:0 0 14px}.hero-combined .hero-bottom{position:absolute;left:50%;bottom:18px;transform:translate(-50%);margin:0;padding:0}html:lang(en) .hero-combined .hero-discipline{font-size:12px;letter-spacing:.2em;gap:20px;margin-top:14px}html:lang(en) .hero-statement{max-width:690px;margin-top:48px;padding:0 24px}html:lang(en) .hero-statement h2{font-family:Arial,Microsoft YaHei,微软雅黑,PingFang SC,sans-serif;font-size:clamp(26px,1.8vw,32px);font-weight:600;line-height:1.3;letter-spacing:0;margin:0 0 22px;text-wrap:balance}html:lang(en) .hero-statement p{font-size:15px;line-height:1.7;letter-spacing:.005em;text-wrap:balance}html:lang(en) .hero-questions{margin-bottom:24px}html:lang(en) .hero-questions p{font-size:16px;line-height:1.65;margin:0}html:lang(en) .hero-questions p+p{margin-top:3px}html:lang(en) .hero-statement>p{margin:0 auto;max-width:620px}html:lang(en) .hero-statement>p+p{margin-top:16px}html:lang(zh) .hero-statement p{font-size:15px;line-height:1.7}html:lang(zh) .hero-questions{margin-bottom:24px}html:lang(zh) .hero-questions p{font-size:16px;line-height:1.65;margin:0}html:lang(zh) .hero-questions p+p{margin-top:3px}html:lang(zh) .hero-statement>p{margin:0 auto}html:lang(zh) .hero-statement>p+p{margin-top:16px}html:lang(en) .hero-statement h2 em{font-weight:inherit;font-style:normal}.hero-prose-line{display:block}html:lang(zh) .hero-statement h2{font-weight:600}.hero-quoted{white-space:nowrap}.hero-quote{font-family:Arial,Microsoft YaHei,微软雅黑,PingFang SC,sans-serif;font-style:normal;font-size:.72em;vertical-align:.04em}.hero-quote:first-child{margin-left:-.4em}.hero-quote:last-child{margin-right:-.4em}.work-guide{--guide-entry-width:260px;--guide-width:min(480px, calc(100vw - 64px) );--guide-height:min(700px, calc(100dvh - 44px) );position:fixed;z-index:40;right:32px;bottom:22px;width:var(--guide-entry-width);height:44px;max-width:calc(100vw - 32px);overflow:hidden;isolation:isolate;color:var(--primary);font-family:Arial,Helvetica Neue,Microsoft YaHei,PingFang SC,sans-serif;text-align:left;background:#181818c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #383838;border-radius:2px;box-shadow:0 4px 16px #00000016;transition:width .56s cubic-bezier(.22,.7,.1,1),height .56s cubic-bezier(.22,.7,.1,1),right .56s cubic-bezier(.22,.7,.1,1),bottom .56s cubic-bezier(.22,.7,.1,1),border-radius .56s ease,border-color .3s ease,box-shadow .56s ease}.work-guide[hidden]{display:none}.work-guide:not(.is-open):hover{border-color:#656565}.work-guide.is-open{width:var(--guide-width);height:var(--guide-height);border-color:#ffffff24;border-radius:3px;box-shadow:0 16px 55px #0006}.work-guide .guide-launcher{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(var(--guide-entry-width) - 2px);height:42px;min-height:0;padding:0 18px;background:none;color:#bdbdbd;font-size:12px;letter-spacing:.4px;border:0;border-radius:0;opacity:1;transition:opacity .18s ease .28s;white-space:nowrap}.guide-launcher:hover{color:#e2e2e2}.guide-launcher svg{width:17px;height:17px;flex:none}.guide-launch-arrow{margin-left:9px;font-size:16px}.is-open .guide-launcher{opacity:0;pointer-events:none;transition:opacity .1s ease}.guide-panel{position:absolute;right:0;bottom:0;width:calc(var(--guide-width) - 2px);height:calc(var(--guide-height) - 2px);display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:opacity .14s ease;pointer-events:none}.is-open .guide-panel{opacity:1;transition:opacity .28s ease .16s;pointer-events:auto}.guide-top{display:flex;align-items:center;gap:10px;padding:7px 11px 0 20px;flex:none}.guide-top h2{font-size:12px;line-height:1.5;letter-spacing:.5px;font-weight:400;margin:0}.guide-top h2:focus{outline:none}.guide-preview{font-size:9px;color:#a6a6a6;border:1px solid #454545;padding:2px 5px}.guide-minimize{margin-left:auto;width:36px;min-height:36px!important;font-size:22px!important;line-height:1;color:#bdbdbd}.guide-context{display:flex;gap:12px;padding:12px 20px 17px;border-bottom:1px solid #363636;min-width:0;flex:none}.guide-context img{width:64px;height:40px;object-fit:cover;align-self:center}.guide-context>div{min-width:0;display:flex;flex-direction:column;gap:4px}.guide-looking{font-size:9px;letter-spacing:.5px;color:#a6a6a6}.guide-context strong{font-family:Georgia,Times New Roman,Microsoft YaHei,PingFang SC,sans-serif;font-weight:400;font-size:19px;line-height:1.2}.guide-caption{font-size:10px;color:#a6a6a6;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#505050 transparent;padding:20px}.guide-empty{padding:15px 0 0}.guide-empty>p{font-size:18px;font-weight:400;line-height:1.65;margin:0 0 10px;letter-spacing:.15px}.guide-empty>span{display:block;color:#a6a6a6;font-size:12px;line-height:1.9;max-width:250px}.guide-exchange+.guide-exchange{margin-top:24px}.guide-message-context{font-size:9px;color:#a6a6a6;letter-spacing:.3px;margin-bottom:9px}.guide-question{background:#2a2a2a;padding:10px 12px;font-size:12px;line-height:1.8;margin:0 0 15px;border-radius:2px;overflow-wrap:anywhere;white-space:pre-wrap}.guide-reply>span{font-size:9px;color:#a6a6a6;letter-spacing:.5px}.guide-reply>p{font-size:12px;line-height:1.95;margin:6px 0 0;color:#d1d1d1;white-space:pre-wrap;overflow-wrap:anywhere}.guide-suggestions{padding:0 20px 12px;display:flex;flex-direction:column;gap:5px;flex:none}.guide-suggestions button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid #3a3a3a;padding:8px 10px!important;min-height:32px!important;line-height:1.5;font-size:10px!important;color:#bdbdbd}.guide-suggestions button:hover{border-color:#696969;color:#e2e2e2}.guide-suggestions button>span{font-size:13px}.guide-form{display:flex;align-items:flex-end;gap:8px;margin:0 20px;padding:10px 0;border-top:1px solid #454545;flex:none}.guide-form textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:#e2e2e2;resize:none;font:12px/1.7 Arial,Microsoft YaHei,PingFang SC,sans-serif;flex:1;width:0;min-width:0;padding:0;margin:0;outline:none}.guide-form textarea::placeholder{color:#969696}.guide-form:focus-within{border-color:#aaa}.guide-form button{width:32px;height:32px;min-height:32px!important;flex:none;display:grid;place-items:center;border:1px solid #646464;border-radius:50%;padding:0!important;font-size:20px!important;color:#d1d1d1}.guide-form button:disabled{opacity:.3;cursor:default}.guide-note{color:#a6a6a6;font-size:9px;line-height:1.6;margin:0;padding:0 20px 12px;flex:none}.work-guide button:focus-visible{outline-offset:3px}.work-guide .guide-launcher:focus-visible{outline-offset:-5px}.guide-minimize:focus-visible{outline-offset:-3px!important}footer{padding-bottom:96px}@media(max-width:720px),(hover:none)and (pointer:coarse){.work-guide{--guide-entry-width:240px;--guide-width: calc(100% - 16px) ;--guide-height:min(580px,78dvh);right:16px;bottom:calc(16px + env(safe-area-inset-bottom));max-width:calc(100% - 16px)}.work-guide.is-open{right:8px;bottom:0;border-radius:10px 10px 0 0}.work-guide .guide-launcher{font-size:11px;padding:0 16px}.guide-panel{width:100%;padding-bottom:env(safe-area-inset-bottom)}.guide-top{padding-top:8px}.guide-minimize{width:44px;min-height:44px!important}.guide-form textarea{font-size:16px;line-height:1.5}.guide-suggestions button{min-height:38px!important}.guide-context{padding-top:8px;padding-bottom:12px}.guide-log{padding-top:15px}.guide-note{font-size:9px}}.guide-arrow-icon{display:block;width:18px;height:18px;flex:none}.guide-reply p{white-space:pre-wrap}.guide-sources{margin-top:12px;font-size:11px;color:var(--muted,#a6a6a6)}.guide-sources summary{cursor:pointer;margin:8px 0}.guide-sources>details{padding-left:8px;border-left:1px solid #ffffff20}.guide-sources p{line-height:1.65}.guide-suggestions button:disabled{opacity:.45;cursor:default}.project-image-accordion .project-image-caption{font-size:11px;line-height:1.7;letter-spacing:.03em;margin:0;padding-right:32px}.project-image-accordion .project-view-image{justify-self:end;display:grid;place-items:center;width:44px;height:44px;padding:0}.project-image-accordion .demo-panel.active:hover .project-image-expand,.project-image-accordion .demo-panel.active:focus-visible .project-image-expand{opacity:1}.project-image-accordion .project-image-expand .portfolio-icon{width:20px;height:20px}.project-page .work-guide--embedded{position:relative;inset:auto;z-index:auto;width:100%;max-width:none;height:auto;margin:36px 0 60px;color:var(--portfolio-ink);background:transparent;border:1px solid var(--line);border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}.work-guide--embedded .guide-panel{position:relative;inset:auto;width:100%;height:auto;padding:0;opacity:1;pointer-events:auto;transition:none}.work-guide--embedded .guide-top{padding:24px 28px 0;gap:14px}.work-guide--embedded .guide-top h2{font-size:14px;letter-spacing:.08em}.work-guide--embedded .guide-preview{margin-left:auto;border-color:var(--line);color:var(--portfolio-ink);font-size:10px}.work-guide--embedded .guide-context{padding:20px 28px;border-color:var(--line);align-items:center;gap:16px}.work-guide--embedded .guide-context img{width:80px;height:45px;object-fit:contain}.work-guide--embedded .guide-context strong{font-family:inherit;font-size:17px;line-height:1.5}.work-guide--embedded .guide-context>div{gap:3px}.work-guide--embedded .guide-looking,.work-guide--embedded .guide-caption,.work-guide--embedded .guide-empty>span,.work-guide--embedded .guide-message-context,.work-guide--embedded .guide-reply>span,.work-guide--embedded .guide-reply>p,.work-guide--embedded .guide-note{color:var(--portfolio-ink)}.work-guide--embedded .guide-log{flex:initial;min-height:176px;max-height:none;overflow:visible;padding:24px 28px}.work-guide--embedded .guide-empty{padding:8px 0}.work-guide--embedded .guide-empty>p{font-size:24px;margin-bottom:12px}.work-guide--embedded .guide-empty>span{max-width:none;font-size:13px}.work-guide--embedded .guide-question{background:#be957212;font-size:13px}.work-guide--embedded .guide-reply>p{font-size:13px}.work-guide--embedded .guide-suggestions{padding:0 28px 22px;flex-direction:row;gap:10px}.work-guide--embedded .guide-suggestions button{color:var(--portfolio-ink);border-color:var(--line);gap:28px;font-size:11px!important;padding:10px 14px!important}.work-guide--embedded .guide-suggestions button:hover{border-color:var(--portfolio-ink);background:#be95720a}.work-guide--embedded .guide-form{margin:0 28px 12px;padding:12px;border:1px solid rgba(190,149,114,.4);border-radius:3px;background:#be957209}.work-guide--embedded .guide-form:focus-within{border-color:var(--portfolio-ink)}.work-guide--embedded .guide-form textarea{font-size:14px;line-height:1.8;color:var(--portfolio-ink)}.work-guide--embedded .guide-form textarea::placeholder{color:var(--portfolio-ink);opacity:.65}.work-guide--embedded .guide-form button{width:40px;height:40px;border-color:var(--line);color:var(--portfolio-ink)}.work-guide--embedded .guide-note{padding:0 28px 20px;font-size:10px}@media(max-width:760px),(hover:none)and (pointer:coarse){.portfolio-site .demo-viewport{height:auto;aspect-ratio:16/9;overflow:hidden;touch-action:pan-y pinch-zoom}.portfolio-site .demo-track{display:block;height:100%;width:100%}.portfolio-site .demo-track .demo-panel{display:none;transition:none}.portfolio-site .demo-track .demo-panel.active{display:block;width:100%;height:100%;animation:mobile-image-in .3s ease-out}.portfolio-site .demo-track .demo-panel img{width:100%;height:100%;object-fit:contain;opacity:1;transition:none}.portfolio-site .demo-strip-label,.portfolio-site .demo-overlay-copy,.portfolio-site .project-image-expand{display:none}.demo-lightbox>img{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}}@keyframes mobile-image-in{0%{opacity:.65}to{opacity:1}}@media(max-width:760px){.portfolio-site{--phone-unit:clamp(.84px,.256410256vw,1.23px);--phone-body:clamp(14px,3.59vw,15px);--phone-small:clamp(11px,2.82vw,13px);--phone-section-space:clamp(40px,11.28vw,56px);padding:0 clamp(18px,5.13vw,32px)}.site-navigation{height:64px;padding-top:10px;align-items:center}.site-navigation nav{width:100%;gap:clamp(16px,5.13vw,28px);justify-content:flex-end}.site-navigation nav a,.language-switch button{font-size:var(--phone-small);letter-spacing:.06em;min-height:44px;display:flex;align-items:center}.language-switch{margin-left:auto;gap:3px}.language-switch button{padding:8px 4px}.portfolio-site .section-eyebrow{font-size:var(--phone-small);letter-spacing:.15em;margin-bottom:24px}.hero-combined{height:auto;min-height:calc(100svh - 64px);padding:calc(48 * var(--phone-unit)) 0 82px;justify-content:center}.hero-combined .hero-center{position:relative;inset:auto;width:100%;margin:auto 0;transform:none}.hero-combined .hero-signature{width:100%}.hero-combined .hero-discipline,html:lang(en) .hero-combined .hero-discipline{font-size:calc(12 * var(--phone-unit));letter-spacing:.13em;gap:calc(14 * var(--phone-unit));margin-top:14px}.hero-combined .hero-discipline .discipline-dot{font-size:10px}.hero-combined .hero-statement,html:lang(en) .hero-combined .hero-statement{margin-top:calc(36 * var(--phone-unit));padding:0;max-width:540px}html:lang(zh) .hero-statement h2{font-size:calc(20 * var(--phone-unit));letter-spacing:0;line-height:1.5;margin-bottom:16px;text-wrap:balance}html:lang(en) .hero-statement h2{font-size:calc(22 * var(--phone-unit));line-height:1.35;margin-bottom:16px}html:lang(zh) .hero-statement p,html:lang(en) .hero-statement p{font-size:var(--phone-body);line-height:1.8;text-wrap:pretty}html:lang(zh) .hero-questions,html:lang(en) .hero-questions{margin-bottom:20px}html:lang(en) .hero-prose-line{display:inline}html:lang(en) .hero-prose-line+.hero-prose-line:before{content:" "}.hero-combined .hero-bottom{bottom:18px}.hero-scroll .portfolio-icon{width:24px;height:24px}.page-section,.portfolio-work{padding:var(--phone-section-space) 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.portfolio-contact h2{font-size:calc(28 * var(--phone-unit));line-height:1.3;letter-spacing:-.035em;text-wrap:balance}.work-accordion .demo-gallery-footer{padding-top:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0 6px}.demo-gallery-footer>a{font-size:var(--phone-small);gap:6px;letter-spacing:0;line-height:1.5}.demo-gallery-footer>a .portfolio-icon{width:15px;height:15px}.demo-arrows{gap:8px}.about-grid{grid-template-columns:1fr;gap:28px;padding:32px 0 40px}.about-summary{--about-heading-size:calc(18 * var(--phone-unit));min-width:0}.experience-stat{gap:16px;flex-wrap:wrap}.experience-years{font-size:calc(60 * var(--phone-unit))}.experience-years>span{top:7px}.about-summary h3{margin:26px 0 16px}.about-summary>p:not(.eyebrow){font-size:var(--phone-body);line-height:1.9;margin-bottom:16px}.experience-row{padding:20px 0}.experience-row h3{font-size:calc(17 * var(--phone-unit));margin-bottom:8px}.experience-row p{font-size:var(--phone-small);line-height:1.7}.brand-section{padding-top:var(--phone-section-space)}.brand-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 24px;padding:4px 0 0}.brand-logo{height:calc(62 * var(--phone-unit))}.brand-logo img,.brand-logo--hr img,.brand-logo--jameson img,.brand-logo--kolon img{max-height:calc(58 * var(--phone-unit));max-width:100%}.brand-logo:last-child:nth-child(3n+1){grid-column:2}.portfolio-contact h2{margin:30px 0 32px}.contact-bottom>p{font-size:clamp(14px,3.59vw,15px);letter-spacing:0}.contact-icons{gap:24px}.contact-icon{width:48px;height:48px}.contact-dialog-card{padding:40px 22px 26px}.contact-dialog p,.contact-open-chat{font-size:13px}.portfolio-footer{padding:24px 0 calc(24px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:16px;font-size:clamp(10px,2.56vw,12px);letter-spacing:.05em}.portfolio-footer>span:nth-child(2){grid-row:2;grid-column:1/-1}.portfolio-footer>a{grid-column:2;grid-row:1}.project-navigation{padding:16px 0;font-size:var(--phone-small);gap:16px;letter-spacing:.05em}.project-navigation a{font-size:var(--phone-small);gap:8px}.project-navigation>span{max-width:45%;text-align:right;overflow-wrap:anywhere;line-height:1.6}.project-heading{grid-template-columns:1fr;gap:14px;padding:20px 0 28px}.project-heading .eyebrow{font-size:var(--phone-small);margin-bottom:12px;letter-spacing:.12em}.project-heading h1{font-size:calc(27 * var(--phone-unit));line-height:1.3;overflow-wrap:anywhere}.project-intro{justify-self:start;max-width:100%}.project-intro p{font-size:var(--phone-body);line-height:1.8}.project-image-accordion .project-image-caption{grid-column:1/-1;grid-row:1;padding:0;font-size:var(--phone-small);margin-bottom:10px}.project-image-accordion .work-controls,.project-image-accordion .project-view-image{grid-row:2}.project-image-accordion .project-view-image{grid-column:3}.project-adjacent{padding:28px 0 36px;gap:24px}.project-adjacent a{min-width:0;flex:1}.project-adjacent span{font-size:var(--phone-small);letter-spacing:.03em;margin-bottom:10px}.project-adjacent strong{font-size:calc(15 * var(--phone-unit));line-height:1.5;overflow-wrap:anywhere}.project-page .work-guide--embedded{margin:24px 0 28px}.work-guide--embedded .guide-top{padding:14px 16px 0;gap:8px}.work-guide--embedded .guide-top h2{font-size:14px}.work-guide--embedded .guide-preview{font-size:10px;white-space:nowrap}.work-guide--embedded .guide-context{padding:12px 16px;gap:10px}.work-guide--embedded .guide-context img{width:56px;height:31.5px;flex:none}.work-guide--embedded .guide-context strong{font-size:clamp(15px,3.85vw,17px);line-height:1.4}.work-guide--embedded .guide-looking,.work-guide--embedded .guide-caption{font-size:var(--phone-small)}.work-guide--embedded .guide-caption{white-space:normal;line-height:1.6}.work-guide--embedded .guide-log{min-height:0;max-height:none;padding:16px}.work-guide--embedded .guide-empty{padding:0}.work-guide--embedded .guide-empty>p{font-size:clamp(16px,4.1vw,18px);line-height:1.5;margin-bottom:6px}.work-guide--embedded .guide-empty>span,.work-guide--embedded .guide-question,.work-guide--embedded .guide-reply>p{font-size:clamp(14px,3.59vw,15px);line-height:1.7}.work-guide--embedded .guide-message-context,.work-guide--embedded .guide-reply>span,.work-guide--embedded .guide-sources{font-size:var(--phone-small)}.work-guide--embedded .guide-suggestions{padding:0 16px 12px;flex-direction:column;gap:6px}.work-guide--embedded .guide-suggestions button{font-size:13px!important;min-height:44px!important;padding:8px 12px!important;gap:12px}.work-guide--embedded .guide-form{margin:0 16px 10px;padding:10px;gap:6px}.work-guide--embedded .guide-form textarea{font-size:16px;line-height:1.5}.work-guide--embedded .guide-form button{width:44px;height:44px}.work-guide--embedded .guide-note{font-size:11px;padding:0 16px 14px;line-height:1.6}.demo-lightbox{padding:env(safe-area-inset-top,0px) 12px env(safe-area-inset-bottom,0px)}body:has(.demo-lightbox[open]){overflow:hidden}.demo-lightbox-top{height:64px;font-size:11px;letter-spacing:.1em}.demo-lightbox>img{height:calc(100% - 144px)}.detail-lightbox-controls{height:80px;gap:14px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px}.detail-lightbox-controls>span{text-align:center;font-size:12px;line-height:1.7;letter-spacing:0}}: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)}