@font-face{font-family:SianDisplay;src:url('media/display-creative.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--paper:#f3f1e9;--ink:#18201b;--lime:#ccff6b;--lilac:#c4b6ed;--muted:#626861;--line:#18201b55;--body:Arial,'Microsoft JhengHei','PingFang TC',sans-serif;--display:SianDisplay,'Arial Black','Microsoft JhengHei',sans-serif;--gutter:clamp(22px,4.3vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{line-height:1.15}h1,h2{font-family:var(--display);font-weight:900;letter-spacing:-.045em}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}img{height:auto}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8767bc;outline-offset:5px}.shell{width:calc(100% - var(--gutter)*2);max-width:1680px;margin-inline:auto}.icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.small{width:18px;height:18px}.skip-link{position:fixed;left:20px;top:-100px;z-index:120;background:var(--lime);padding:12px 20px}.skip-link:focus{top:15px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;background:var(--lime);transform-origin:left;transform:scaleX(var(--progress,0));pointer-events:none}
.site-header{position:sticky;top:0;z-index:50;background:#f3f1e9ef;backdrop-filter:blur(14px)}.header-inner{height:88px;display:flex;align-items:center;gap:38px}.wordmark{font-family:'Arial Black',Arial,sans-serif;font-size:43px;font-weight:950;font-style:italic;letter-spacing:-3px;line-height:1}.main-nav{display:flex;gap:46px;align-items:center;border-left:1px solid var(--line);padding-left:40px}.nav-link{position:relative;white-space:nowrap;font-size:17px;font-weight:650;padding:8px 0}.nav-link:after{content:'';position:absolute;left:0;bottom:2px;width:100%;height:4px;background:var(--lime);transform:scaleX(0) rotate(-2deg);transform-origin:left;transition:transform .25s}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1) rotate(-2deg)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.language-control{position:relative;display:flex;align-items:center}.language-control select{appearance:none;background:none;border:0;color:var(--ink);font-size:16px;font-weight:600;padding:10px 25px 10px 0;max-width:110px;cursor:pointer}.language-control svg{position:absolute;right:0;width:15px;height:15px;pointer-events:none}.motion-switch{position:relative;width:67px;height:36px;border:1.5px solid var(--ink);border-radius:50px;margin-left:8px}.motion-switch:before{content:'';position:absolute;left:5px;top:4px;width:25px;height:25px;border-radius:50%;background:var(--ink);transform:translateX(29px);transition:transform .25s}.motion-switch[aria-pressed=false]:before{transform:translateX(0);background:transparent;border:1.5px solid var(--ink)}.menu-toggle,.mobile-contact{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden}.hero-stage{position:relative;height:clamp(800px,calc(100svh - 158px),960px);min-height:800px;--px:0;--py:0}.hero-word{position:absolute;left:-.017em;top:-.04em;font:950 italic clamp(260px,31.2vw,500px)/.91 'Arial Black',Arial,sans-serif;letter-spacing:-.1em;white-space:nowrap;user-select:none}.hero-copy{position:absolute;left:0;top:43.5%;width:37%;z-index:2}.hero-title{font-size:clamp(46px,5.2vw,82px);line-height:1.25;letter-spacing:-.06em}.hero-body{font-size:18px;max-width:365px;margin-top:22px;line-height:1.6}.hero-copy .button{margin-top:24px}.hero-availability{font-size:15px;color:var(--muted);margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 27px;min-height:58px;border:1.5px solid currentColor;border-radius:22px;background:var(--lime);color:var(--ink);font-size:20px;font-weight:700;line-height:1.3;transition:box-shadow .2s,transform .2s}.button:hover{transform:translate(-2px,-3px);box-shadow:4px 5px 0 currentColor}.button .icon{transition:transform .2s}.button:hover .icon{transform:translateX(3px)}.marker{position:relative;isolation:isolate}.marker:after{content:'';position:absolute;z-index:-1;height:.16em;bottom:.02em;left:-.03em;right:-.04em;background:var(--lime);transform:rotate(-3deg);clip-path:polygon(0 20%,96% 0,100% 55%,98% 100%,2% 78%)}.sparkle{width:100px;height:100px;fill:currentColor;color:var(--lilac);flex:none}.hero-spark{position:absolute;right:-3.5%;top:30%;width:100px;height:140px;animation:slow-turn 24s linear infinite}.hero-spark-small{position:absolute;left:27%;bottom:3%;width:100px;transform:rotate(15deg)}.hero-scribble{position:absolute;left:0;top:5%;width:82%;height:43%;z-index:-1;fill:none;stroke:var(--lime);stroke-width:9;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw-in 1.4s .3s forwards}.dots-field{position:absolute;width:185px;height:185px;background-image:radial-gradient(currentColor .8px,transparent .8px);background-size:14px 14px;opacity:.3;pointer-events:none}.hero .dots-field{top:40px;left:-100px}
.art-window{position:absolute;background:var(--paper);border:1.5px solid var(--ink);border-radius:18px;padding:8px;box-shadow:0 15px 18px -14px #0007;transform:translate3d(calc(var(--dx,0px) + var(--parallax-x,0px)),calc(var(--dy,0px) + var(--parallax-y,0px)),0) rotate(var(--turn));will-change:transform;z-index:var(--layer,3)}.art-window.is-dragging{box-shadow:0 20px 28px -10px #0007;z-index:10!important}.window-bar{display:flex;width:100%;align-items:center;gap:20px;padding:6px 10px 11px;font-size:14px;font-weight:650;line-height:1.2;cursor:grab;touch-action:none;text-align:left}.is-dragging .window-bar{cursor:grabbing}.window-dots{display:flex;gap:6px;flex:none}.window-dots i{width:8px;height:8px;border-radius:50%;background:var(--ink)}.window-link{display:block;overflow:hidden;border-radius:10px}.window-link img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s}.window-link:hover img{transform:scale(1.04)}.art-window[data-window='0']{width:49%;right:1.5%;top:2%;--turn:5deg;--depth:13px;--layer:4}.art-window[data-window='1']{width:40%;left:34%;top:48%;--turn:5deg;--depth:20px;--layer:3}.art-window[data-window='2']{width:31%;right:0;top:67%;--turn:4deg;--depth:26px;--layer:5}.hero-tools{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-top:-5px;padding-bottom:20px;font-size:12px;position:relative;z-index:8}.drag-note{max-width:360px;color:var(--muted);line-height:1.5}.reset-windows{padding:4px 0;border-bottom:1px solid currentColor;white-space:nowrap}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;overflow:hidden;font:13px monospace;letter-spacing:.3em}.ticker-track{display:flex;gap:6vw;width:max-content;animation:ticker 30s linear infinite}.ticker-item{display:flex;gap:6vw;white-space:nowrap;padding-right:2vw}.ticker b{font-weight:400;color:var(--muted)}
.archive{position:relative;background:var(--ink);color:var(--paper);padding:90px 0 80px}.section-heading{font-size:clamp(52px,6.7vw,104px);line-height:1.15}.section-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:44px}.heading-group{display:flex;align-items:center;gap:26px}.heading-group .sparkle{width:65px;height:65px;color:var(--lime)}.filters{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.filter{font-size:16px;color:inherit;border-bottom:1px solid transparent;padding:8px 10px}.filter[aria-pressed=true]{border-radius:30px;background:var(--lime);color:var(--ink);padding:9px 24px}.filter:hover{border-bottom-color:currentColor}.work-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:34px}.preview-picture{display:block;padding:10px;border:1px solid #f3f1e999;border-radius:16px;background:#111a14;overflow:hidden}.preview-picture img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px;transition:transform .5s}.preview-picture.contain img{object-fit:contain;background:var(--paper)}.preview-picture:hover img{transform:scale(1.025)}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.preview-footer .button{border-color:var(--lime);border-radius:30px;font-size:18px;min-height:52px;padding:13px 27px}.preview-pager{display:flex;align-items:center;gap:14px;font:12px monospace}.circle-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;transition:background .2s,color .2s}.circle-button:hover{background:var(--lime);color:var(--ink)}.circle-button .icon{width:20px;height:20px}.project-tabs{display:flex;flex-direction:column;border-top:1px solid #f3f1e999}.project-tab{display:flex;text-align:left;align-items:flex-start;gap:18px;border-bottom:1px solid #f3f1e999;padding:22px 4px;color:var(--paper);flex:1}.tab-number{font:900 48px/1 var(--display);letter-spacing:-.05em}.tab-copy{flex:1;padding-top:3px}.tab-copy strong{display:block;font-size:24px;line-height:1.22;letter-spacing:-.025em;transition:transform .2s}.tab-copy small{display:block;color:#bcc3b9;font-size:14px;line-height:1.6;margin-top:10px}.project-tab>.icon{margin-top:9px;width:22px;height:22px}.project-tab[aria-selected=true]{color:var(--lime);border-color:var(--lime)}.project-tab[aria-selected=true] .tab-number{transform:rotate(-6deg)}.project-tab[aria-selected=true] small{color:var(--paper)}.project-tab:hover strong{transform:translateX(3px)}
.motion-section{padding-top:90px;scroll-margin-top:110px}.motion-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;gap:24px}.motion-heading .sparkle{width:85px;height:85px;transform:rotate(15deg)}.film-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid #f3f1e944;border-bottom:1px solid #f3f1e944;padding:20px 20px 22px;position:relative}.film-rail:before,.film-rail:after{content:'';position:absolute;top:20px;bottom:20px;width:7px;opacity:.7;background:repeating-linear-gradient(to bottom,var(--paper) 0 7px,transparent 7px 18px)}.film-rail:before{left:0}.film-rail:after{right:0}.film-item{min-width:0}.film-media{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:4/3;background:#111}.film-media img,.film-media video{width:100%;height:100%;object-fit:cover}.film-media video{position:absolute;inset:0;opacity:0;transition:opacity .3s}.film-media video.is-playing{opacity:1}.film-item figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:17px;font-weight:600;margin-top:14px;line-height:1.4}.film-item .icon{width:21px;height:21px}.film-item:hover .icon{transform:rotate(-35deg)}.film-item small{display:block;font-size:13px;color:#bdc4b9;margin-top:8px;line-height:1.5}
.about-section{padding:80px 0 0;position:relative;scroll-margin-top:90px}.about-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid var(--line);gap:24px}.about-top .sparkle{color:var(--lilac)}.about-label{font:13px monospace;letter-spacing:.26em}.about-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:45px;padding:40px 0 42px}.about-intro{position:relative;padding-right:20px}.outline-word{font:950 italic clamp(120px,16vw,260px)/.95 'Arial Black',Arial,sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1.3px var(--ink);user-select:none}.about-name{font:950 clamp(36px,4.1vw,66px)/1.08 'Arial Black',Arial,sans-serif;letter-spacing:-.05em;margin-top:20px}.about-name span{display:block}.about-school{font-size:21px;margin-top:26px;line-height:1.6}.about-body{font-size:19px;max-width:450px;margin-top:40px;line-height:1.8}.about-body:before{content:'';display:block;width:58px;height:4px;background:var(--lime);margin-bottom:22px}.skill-area{min-width:0;border-left:1px solid var(--line);padding-left:38px}.skill-heading{font:900 clamp(38px,4vw,60px)/1.2 var(--display);letter-spacing:-.04em}.skill-tabs{display:flex;border:1px solid var(--ink);border-radius:12px;margin-top:24px;overflow:hidden}.skill-tab{flex:1;padding:14px 9px;font-size:12px;line-height:1.5;border-right:1px solid var(--line);font-weight:650}.skill-tab:last-child{border-right:0}.skill-tab[aria-selected=true]{background:var(--lime)}.skill-tab:hover{background:#ccff6b60}.skill-detail{padding:34px 0 28px;min-height:220px}.skill-names{font:950 clamp(32px,4.2vw,65px)/1.15 'Arial Black',var(--display);letter-spacing:-.05em;overflow-wrap:anywhere}.skill-description{font-size:21px;margin-top:16px}.related-work{display:inline-flex;gap:15px;align-items:center;font-size:19px;font-weight:650;margin-top:24px;border-bottom:3px solid var(--lime);padding-bottom:4px}.related-work:hover .icon{transform:translateX(5px)}.tool-cloud-label{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px;margin-bottom:15px}.tool-cloud-label:after{content:'';height:1px;flex:1;background:var(--line)}.tool-cloud{display:grid;gap:12px}.tool-row{display:flex;gap:10px;align-items:flex-start}.tool-row>span{font-size:12px;line-height:1.6;flex:0 0 116px;color:var(--muted)}.tool-chips{display:flex;gap:7px;flex-wrap:wrap}.tool-chip{font-size:12px;line-height:1.4;border:1px solid var(--line);border-radius:30px;padding:5px 11px}.tool-chip:hover{border-color:var(--ink);background:var(--lilac)}
.experience-section{border-top:1px solid var(--line);padding:30px 0 70px}.experience-section h2{font-size:clamp(33px,4vw,58px);margin-bottom:24px}.experience-row{border-top:1px solid var(--line)}.experience-row:last-child{border-bottom:1px solid var(--line)}.experience-row summary{list-style:none;display:flex;align-items:center;gap:34px;cursor:pointer;padding:22px 0;font-size:16px}.experience-row summary::-webkit-details-marker{display:none}.experience-row h3{font-size:29px;flex:0 0 250px;letter-spacing:-.03em}.summary-description{flex:1;color:var(--muted);line-height:1.6}.experience-plus{flex:none;border:1px solid var(--ink);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:28px;transition:transform .2s}.experience-row[open] .experience-plus{transform:rotate(45deg)}.experience-details{padding:0 60px 26px 284px;font-size:17px;line-height:1.85}.experience-details a{display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:5px;margin-top:12px}
.contact-panel{background:var(--ink);color:var(--paper);padding:90px 0 70px;scroll-margin-top:85px}.contact-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:52px}.contact-title{font-size:clamp(50px,6.4vw,100px);line-height:1.28;letter-spacing:-.055em}.contact-intro>p{font-size:21px;margin-top:24px}.contact-star{margin-top:8px;width:85px;height:85px}.contact-email{display:inline-block;font-size:clamp(18px,2.7vw,39px);line-height:1.4;margin-top:14px;border-bottom:2px solid var(--lime);letter-spacing:-.025em;overflow-wrap:anywhere}.contact-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.contact-actions .button{font-size:18px;min-height:54px;padding:14px 25px}.copy-email{border:1px solid currentColor;border-radius:22px;padding:13px 24px;font-weight:600;font-size:17px}.copy-email:hover{background:var(--paper);color:var(--ink)}.contact-form{border-left:1px solid #f3f1e944;padding-left:46px;display:grid;gap:25px;align-content:start}.form-heading{font:900 42px/1.25 var(--display);margin-bottom:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:26px}.form-field{display:grid;gap:9px;font-size:16px;font-weight:600;min-width:0}.form-field input,.form-field textarea{width:100%;min-width:0;border:0;border-bottom:1px solid var(--paper);background:transparent;border-radius:0;padding:8px 0 12px;color:var(--paper);font:400 17px/1.6 var(--body)}.form-field input::placeholder,.form-field textarea::placeholder{color:#b4bbae;opacity:1}.form-field textarea{border:1px solid #f3f1e9aa;padding:12px;min-height:150px;resize:vertical}.form-submit{justify-self:start;min-width:185px;border-color:var(--lime);margin-top:5px;font-size:18px}.form-submit:disabled{opacity:.6;cursor:wait;transform:none}.form-honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.form-privacy{font-size:13px;line-height:1.7;color:#b4bbae}.form-privacy a{text-decoration:underline;text-underline-offset:3px}.form-privacy svg{width:11px;height:11px;vertical-align:middle;margin-left:4px}.form-status{font-size:16px;line-height:1.65}.form-status:empty{display:none}.form-status[data-state=success]{color:var(--lime)}.form-status[data-state=error],.form-status[data-state=activation]{color:#f4c6b7}
.site-footer{background:var(--ink);color:var(--paper);border-top:1px solid #f3f1e955;overflow:hidden}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:250px}.footer-mark{font:950 italic clamp(100px,20vw,320px)/.9 'Arial Black',Arial,sans-serif;color:transparent;-webkit-text-stroke:1px var(--paper);letter-spacing:-.08em;user-select:none}.footer-copy{display:flex;align-items:center;gap:50px;font:12px monospace;letter-spacing:.1em}.back-top{display:flex;align-items:center;gap:15px;border-bottom:1px solid currentColor;padding-bottom:5px;letter-spacing:0;white-space:nowrap;font:15px var(--body)}
.project-page{padding-top:24px}.back-link{display:inline-flex;gap:12px;align-items:center;font-size:15px;margin-bottom:25px}.project-heading{font:950 clamp(40px,6.4vw,110px)/1.05 'Arial Black',var(--display);letter-spacing:-.06em;overflow-wrap:anywhere}.project-meta{font-size:19px;margin-top:20px;margin-bottom:36px;line-height:1.5}.project-hero{padding:8px;border:1px solid var(--ink);border-radius:16px;position:relative}.project-hero video{width:100%;aspect-ratio:16/9;background:#111a14;border-radius:10px;height:auto}.project-hero img{width:100%;max-height:800px;object-fit:contain;border-radius:8px}.project-chapters{position:fixed;right:12px;top:40%;z-index:20;display:grid;gap:16px;max-width:45px}.chapter{font-size:11px;padding:0;display:flex;align-items:center;gap:5px;writing-mode:vertical-rl;color:var(--muted)}.chapter:before{content:'';display:block;background:#a2a69a;width:7px;height:7px;border-radius:50%;margin-bottom:6px}.chapter[aria-current=true]{color:var(--ink);font-weight:700}.chapter[aria-current=true]:before{background:var(--lime)}.overview{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;margin-top:40px}.overview h2,.gallery-heading{font-size:clamp(32px,3.3vw,51px)}.overview p{margin-top:22px;font-size:18px;line-height:1.85}.contribution{border-left:1px solid var(--line);padding-left:45px}.role-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px;font-size:17px;line-height:1.75}.role-list li{padding-left:22px;position:relative}.role-list li:before{content:'';position:absolute;left:0;top:.55em;width:9px;height:9px;background:var(--lime);border:1px solid var(--ink);border-radius:50%}.gallery-section{padding-top:38px}.gallery-heading{margin-bottom:30px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.gallery-grid figure{min-width:0}.image-button{display:block;width:100%;padding:0;border-radius:12px;overflow:hidden;cursor:zoom-in}.gallery-grid .image-button{aspect-ratio:16/10;border:1px solid var(--line);padding:7px;background:#e8e8df}.gallery-grid img{width:100%;height:100%;object-fit:contain;border-radius:7px;transition:transform .3s}.image-button:hover img{transform:scale(1.015)}.gallery-grid figcaption{font-size:15px;color:var(--muted);margin-top:10px}.next-project{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding:32px 0;margin:50px 0 40px}.next-label{font-size:14px;color:var(--muted)}.next-project h2{font-size:clamp(28px,4vw,62px);margin-top:10px;overflow-wrap:anywhere}.next-project>.icon{width:45px;height:45px}.not-found{min-height:65vh;padding-top:60px}.not-found h1{font-size:60px}.not-found a{display:inline-block;border-bottom:2px solid var(--ink);margin-top:30px}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--lime);color:var(--ink);padding:14px 22px;z-index:100;border:1px solid var(--ink);border-radius:15px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;max-width:90vw;font-size:15px}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:14px;width:min(1440px,96vw);max-width:96vw;max-height:96vh;overflow:auto;padding:54px 56px 24px}dialog::backdrop{background:#111a14e8;backdrop-filter:blur(5px)}dialog figure img{width:100%;height:calc(86vh - 130px);object-fit:contain}dialog figcaption{text-align:center;font-size:15px;margin-top:16px}.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:6px}.lightbox-close{position:absolute;right:10px;top:8px}.lightbox-prev,.lightbox-next{position:absolute;top:45%;background:var(--lime);border-radius:50%}.lightbox-prev{left:8px}.lightbox-next{right:8px}.cursor-ring{position:fixed;top:0;left:0;width:28px;height:28px;border:1px solid var(--lilac);border-radius:50%;z-index:110;pointer-events:none;opacity:0;mix-blend-mode:difference;transform:translate(-100px,-100px);transition:width .2s,height .2s,opacity .2s,background .2s}.cursor-ring.over-link{width:56px;height:56px;background:var(--lime)}.cursor-ring.visible{opacity:1}.reveal{opacity:1;transform:none;transition:opacity .7s,transform .7s}.js-motion .reveal:not(.in-view){opacity:0;transform:translateY(28px)}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}@keyframes draw-in{to{stroke-dashoffset:0}}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation:none!important;transition-duration:0s!important}[data-motion=off] .hero-scribble{stroke-dashoffset:0}[data-motion=off] .reveal{opacity:1!important;transform:none!important}[data-motion=off] .cursor-ring{display:none!important}
html[lang=en] .hero-title{font:950 clamp(42px,4.8vw,76px)/1.1 'Arial Black',Arial,sans-serif;letter-spacing:-.06em}html[lang=en] .hero-body{font-size:16px}html[lang=en] .hero-copy{top:47%}html[lang=en] .section-heading{font-family:'Arial Black',Arial,sans-serif;letter-spacing:-.065em;font-size:clamp(48px,6vw,90px)}html[lang=en] .contact-title{font-family:'Arial Black',Arial,sans-serif;line-height:1.06}html[lang=en] .skill-tab{font-size:11px}
@media(max-width:1180px){.header-inner{gap:25px}.main-nav{gap:25px;padding-left:25px}.hero-stage{min-height:760px;height:790px}.hero-copy{top:40%;width:37%}.hero-title{font-size:55px}.hero-body{font-size:16px;max-width:300px}.hero-word{font-size:33vw}.art-window[data-window='0']{width:53%;right:1%;top:7%}.art-window[data-window='1']{width:43%;left:34%;top:45%}.art-window[data-window='2']{width:32%;top:66%}.drag-note{max-width:260px}.tab-copy strong{font-size:20px}.tab-number{font-size:40px}.project-tab{padding:19px 3px;gap:13px}.tab-copy small{font-size:12px}.work-layout{grid-template-columns:1.45fr 1fr;gap:25px}.preview-picture img{aspect-ratio:1.4}.section-heading{font-size:65px}.heading-group{gap:15px}.heading-group .sparkle{width:48px;height:48px}.filters{gap:14px}.about-layout{gap:30px;grid-template-columns:.88fr 1.12fr}.skill-area{padding-left:28px}.skill-tab{padding:12px 6px;font-size:11px}.skill-heading{font-size:42px}.skill-names{font-size:43px}.skill-description{font-size:18px}.tool-row{flex-direction:column;gap:5px}.tool-row>span{flex-basis:auto}.about-name{font-size:42px}.about-school{font-size:18px}.about-body{font-size:17px;margin-top:28px}.contact-layout{gap:35px;grid-template-columns:1fr 1fr}.contact-title{font-size:65px}.contact-form{padding-left:34px}.contact-email{font-size:25px}.contact-intro>p{font-size:18px}.contact-actions{gap:14px}.contact-actions .button,.copy-email{font-size:15px;padding:13px 19px}.form-heading{font-size:36px}.footer-copy{flex-direction:column;align-items:flex-start;gap:20px}.footer-inner{min-height:220px}}
@media(max-width:960px){html{scroll-padding-top:80px}.header-inner{height:74px;gap:20px}.wordmark{font-size:33px}.header-actions{gap:17px}.main-nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--paper);border:0;border-bottom:1px solid var(--line);padding:20px var(--gutter) 25px;gap:15px;align-items:flex-start;flex-direction:column}.main-nav[data-open=true]{display:flex}.nav-link{font-size:20px}.mobile-contact{display:block}.menu-toggle{display:grid;place-items:center;padding:5px 0 5px 3px}.language-control select{font-size:14px;max-width:90px}.motion-switch{width:48px;height:28px;margin-left:0}.motion-switch:before{width:18px;height:18px;top:4px;left:4px;transform:translateX(21px)}.hero-stage{height:auto;min-height:0;padding-top:160px;display:flex;flex-direction:column}.hero-word{top:8px;font-size:33.4vw;letter-spacing:-.09em;left:-.02em}.hero-copy{position:relative;top:auto!important;left:auto;width:100%;z-index:6}.hero-title{font-size:clamp(42px,7vw,62px);max-width:650px;line-height:1.2}.hero-body{font-size:17px;max-width:470px;line-height:1.7;margin-top:18px}.hero-copy .button{margin-top:20px}.hero-availability{font-size:13px;margin-top:18px}.hero-collage{height:410px;position:relative;margin-top:30px;--px:0!important;--py:0!important}.art-window[data-window='0']{width:65%;top:0;right:2%;--turn:4deg}.art-window[data-window='1']{width:55%;left:0;top:40%;--turn:-6deg}.art-window[data-window='2']{width:43%;right:0;top:61%;--turn:5deg}.window-bar{font-size:12px;gap:10px;padding:5px 6px 10px}.window-dots{gap:4px}.window-dots i{width:6px;height:6px}.art-window{padding:7px;border-radius:12px}.window-link{border-radius:6px}.hero-tools{justify-content:space-between;padding-bottom:25px;margin-top:15px;font-size:12px}.drag-note{max-width:420px}.hero-spark{top:25%;right:0;width:65px;height:65px}.hero-spark-small{left:auto;right:12%;bottom:58%;width:55px;height:55px}.hero-scribble{top:5%;height:150px;width:100%;stroke-width:8}.ticker{font-size:11px;letter-spacing:.15em;padding:15px 0}.archive{padding:55px 0}.section-head{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:28px}.section-heading{font-size:clamp(44px,7vw,64px)}.heading-group .sparkle{width:45px;height:45px}.filters{gap:20px}.filter{font-size:14px;padding:6px 8px}.filter[aria-pressed=true]{padding:7px 20px}.work-layout{grid-template-columns:1fr;gap:28px}.preview-picture img{aspect-ratio:16/10}.preview-footer{margin-top:18px}.preview-footer .button{font-size:16px;padding:12px 22px;min-height:48px}.circle-button{width:35px;height:35px}.preview-pager{gap:10px}.project-tab{padding:18px 3px;flex:none;align-items:center}.tab-number{font-size:34px;min-width:40px}.tab-copy{padding:0}.tab-copy strong{font-size:22px}.tab-copy small{font-size:13px;margin-top:5px}.project-tab>.icon{margin-top:0}.motion-section{padding-top:50px}.motion-heading{margin-bottom:25px}.motion-heading .sparkle{width:52px;height:52px}.film-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 16px 20px;scrollbar-color:var(--lime) transparent}.film-item{flex:0 0 70%;scroll-snap-align:center}.film-media{aspect-ratio:4/3}.film-item figcaption{font-size:18px}.about-section{padding-top:50px;scroll-margin-top:80px}.about-top{padding-bottom:24px}.about-label{font-size:10px;letter-spacing:.12em}.about-layout{grid-template-columns:1fr;gap:35px;padding-top:30px}.about-intro{padding:0}.outline-word{font-size:clamp(120px,28vw,220px);line-height:.9;max-height:200px}.about-name{font-size:clamp(32px,6.7vw,50px);margin-top:18px}.about-school{font-size:18px;margin-top:22px}.about-body{font-size:17px;max-width:600px;margin-top:24px}.about-body:before{margin-bottom:14px}.skill-area{padding:30px 0 0;border-left:0;border-top:1px solid var(--line)}.skill-heading{font-size:38px}.skill-tabs{margin-top:20px}.skill-tab{font-size:12px;padding:13px 8px}.skill-names{font-size:clamp(34px,7vw,55px)}.skill-detail{padding:28px 0;min-height:0}.skill-description{font-size:18px}.related-work{font-size:17px;margin-top:20px}.tool-row{flex-direction:row;gap:12px}.tool-row>span{flex:0 0 110px}.experience-section{padding:25px 0 50px}.experience-section h2{font-size:36px;margin-bottom:20px}.experience-row summary{gap:16px;flex-wrap:wrap;padding:20px 0}.experience-row h3{font-size:25px;flex:1}.summary-description{flex-basis:100%;order:3;font-size:15px}.experience-plus{width:30px;height:30px;font-size:24px}.experience-details{padding:0 10px 24px;font-size:16px}.contact-panel{padding:55px 0}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-title{font-size:clamp(44px,8vw,70px)}.contact-intro>p{font-size:18px}.contact-star{width:60px;height:60px;margin-top:15px}.contact-email{font-size:clamp(20px,4.5vw,32px);margin-top:15px}.contact-actions{margin-top:23px;gap:18px}.contact-actions .button,.copy-email{font-size:16px}.contact-form{border-left:0;border-top:1px solid #f3f1e944;padding:30px 0 0;gap:25px}.form-heading{font-size:36px}.form-field{font-size:15px}.form-field input,.form-field textarea{font-size:16px}.form-row{gap:22px}.footer-inner{min-height:180px;gap:25px}.footer-mark{font-size:27vw}.footer-copy{font-size:10px;gap:18px;letter-spacing:0}.back-top{font-size:12px;gap:8px}.project-page{padding-top:22px}.project-heading{font-size:clamp(36px,7vw,62px)}.project-meta{font-size:16px;margin-top:15px;margin-bottom:25px}.project-chapters{right:4px;max-width:20px;top:35%}.chapter{font-size:10px;gap:3px}.overview{grid-template-columns:1fr;gap:28px;padding:28px 0;margin-top:28px}.overview h2,.gallery-heading{font-size:32px}.overview p{font-size:17px;margin-top:17px}.contribution{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.role-list{font-size:16px;margin-top:17px}.gallery-grid{gap:24px 18px}.next-project h2{font-size:28px}.cursor-ring{display:none}html[lang=en] .hero-title{font-size:clamp(40px,7.5vw,65px)}html[lang=en] .hero-body{font-size:16px}html[lang=en] .section-heading{font-size:clamp(38px,7vw,63px)}}
@media(max-width:520px){.header-inner{gap:16px}.header-actions{gap:13px}.wordmark{font-size:31px}.motion-switch{width:43px;height:26px}.motion-switch:before{width:17px;height:17px;top:3px;left:3px;transform:translateX(19px)}.language-control select{font-size:13px;max-width:76px}.hero-stage{padding-top:119px}.hero-title{font-size:43px}.hero-body{font-size:16px;max-width:100%;margin-top:16px}.hero-copy .button{font-size:17px;min-height:52px;padding:13px 24px}.hero-availability{font-size:12px;margin-top:17px}.hero-collage{height:290px;margin-top:30px}.window-bar{font-size:10px;gap:6px;padding:4px 4px 7px}.window-dots i{width:4px;height:4px}.window-dots{gap:3px}.art-window{padding:5px;border-radius:10px}.art-window[data-window='0']{width:78%;top:0;right:2%}.art-window[data-window='1']{width:64%;left:0;top:42%;--turn:-6deg}.art-window[data-window='2']{width:48%;right:0;top:62%}.hero-tools{gap:16px;font-size:10px;margin-top:10px}.drag-note{max-width:230px}.hero-spark-small{bottom:59%;right:0;width:42px}.hero-spark{width:45px;height:45px;top:13%}.hero .dots-field{width:90px;height:90px;left:auto;right:-35px;top:100px}.section-heading{font-size:43px}.heading-group{gap:15px}.heading-group .sparkle{width:40px;height:40px}.filters{gap:16px}.filter{font-size:13px}.tab-copy strong{font-size:20px}.tab-copy small{font-size:12px}.tab-number{font-size:31px;min-width:34px}.preview-footer{gap:10px}.preview-pager{gap:8px;font-size:10px}.circle-button{width:31px;height:31px}.preview-footer .button{padding:11px 17px;gap:16px}.film-item{flex-basis:88%}.film-item figcaption{font-size:17px}.motion-heading .sparkle{width:45px;height:45px}.about-label{display:none}.outline-word{font-size:29vw}.about-name{font-size:34px}.about-school{font-size:16px}.about-body{font-size:16px}.skill-heading{font-size:34px}.skill-tabs{overflow-x:auto;border-radius:10px}.skill-tab{min-width:93px;flex:none;font-size:12px;padding:12px 10px}.skill-names{font-size:37px}.skill-description{font-size:17px}.tool-row{flex-direction:column;gap:6px}.tool-row>span{flex-basis:auto}.experience-section h2{font-size:31px}.experience-row h3{font-size:24px}.contact-title{font-size:44px;line-height:1.3}.contact-intro>p{font-size:17px}.contact-email{font-size:20px}.contact-actions{gap:14px}.contact-actions .button,.copy-email{font-size:15px;padding:12px 17px}.form-heading{font-size:32px}.form-row{grid-template-columns:1fr;gap:25px}.form-submit{font-size:17px}.form-privacy{font-size:12px}.footer-inner{flex-direction:column;align-items:stretch;gap:30px;padding:20px 0 25px;min-height:0}.footer-mark{font-size:34vw}.footer-copy{flex-direction:row;justify-content:space-between;align-items:center;gap:15px}.project-heading{font-size:36px}.project-meta{font-size:14px}.project-chapters{display:none}.gallery-grid{grid-template-columns:1fr}.next-project h2{font-size:25px}html[lang=en] .hero-title{font-size:43px}html[lang=en] .section-heading{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not([data-motion=on]) *,body:not([data-motion=on]) *:before,body:not([data-motion=on]) *:after{animation:none!important;transition:none!important}body:not([data-motion=on]) .hero-scribble{stroke-dashoffset:0}body:not([data-motion=on]) .reveal{opacity:1!important;transform:none!important}body:not([data-motion=on]) .cursor-ring{display:none}}@media(pointer:coarse){.cursor-ring{display:none}}

/* Concept-to-render refinements at 1504px. */
@media(min-width:1181px){.hero-stage{height:clamp(800px,calc(100svh - 188px),960px)}.hero-copy{top:45%}.hero-title{font-size:clamp(46px,5.6vw,86px)}.hero-word{top:-.07em}.art-window[data-window="0"]{top:4%}.art-window[data-window="2"]{top:64%}.hero-copy .button{font-family:var(--display);font-size:23px;font-weight:900;padding:17px 30px;min-height:66px}.hero-body{max-width:410px}.wordmark{font-size:48px}}
.hero-scribble{stroke-width:16}.preview-picture img{object-fit:contain}

@media(min-width:961px){.archive{padding-top:55px;padding-bottom:55px}.archive .section-heading{font-size:clamp(52px,8.3vw,120px)}.motion-section{padding-top:50px}.motion-heading{margin-bottom:24px}.motion-heading .section-heading{font-size:clamp(48px,7.2vw,100px)}.about-section{padding-top:55px}}

.skill-heading.marker,.experience-section h2.marker{display:inline-block}.tool-chip{font-size:14px}.tool-row>span{font-size:13px}.cursor-ring.over-link{background:transparent}
@media(min-width:961px){.skill-tab{font-size:13px}.nav-link{font-size:18px}}

.about-scribble{position:absolute;top:0;left:0;width:100%;height:clamp(120px,18vw,240px);fill:none;stroke:var(--lime);stroke-width:15;stroke-linecap:round;opacity:.8;pointer-events:none}.about-intro .outline-word{position:relative}.about-star{position:absolute;right:0;bottom:14px;width:65px;height:65px;pointer-events:none}@media(max-width:960px){.about-scribble{height:clamp(110px,28vw,200px)}.about-star{display:none}}

/* Keep the previously requested contact route in the desktop navigation. */
.mobile-contact{display:inline-flex}