@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Noto+Sans+TC:wght@300;400;500;700&family=Playfair+Display:ital,wght@1,500&display=swap";:root{--paper:#f2efe8;--ink:#151515;--blue:#1849d6;--acid:#c9ff45;--line:#1515153d;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Noto Sans TC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}::selection{color:var(--ink);background:var(--acid)}.site-header{z-index:20;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:24px 3.5vw;display:grid;position:absolute;top:0;left:0}.wordmark{letter-spacing:-.08em;width:max-content;font-size:18px;font-weight:700}.wordmark span{color:var(--blue);padding:0 2px}.header-meta{letter-spacing:.13em;gap:16px;font:300 11px/1 DM Mono,monospace;display:flex}.nav{justify-self:end;gap:26px;font:400 12px/1 DM Mono,monospace;display:flex}.nav a{position:relative}.nav a:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.nav a:hover:after{transform-origin:0;transform:scaleX(1)}.language-switch{align-items:center;gap:6px;margin-left:4px;display:flex}.language-switch button{color:inherit;font:inherit;cursor:pointer;opacity:.38;background:0 0;border:0;padding:0;transition:opacity .2s}.language-switch button:hover,.language-switch button.active{opacity:1}.language-switch button.active{color:var(--blue)}.language-switch span{opacity:.28}.menu-button{background:0 0;border:0;padding:8px 0;display:none}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding:118px 3.5vw 34px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(to right, transparent calc(25% - .5px), var(--line) 25%, transparent calc(25% + .5px)), linear-gradient(to right, transparent calc(75% - .5px), var(--line) 75%, transparent calc(75% + .5px));pointer-events:none;position:absolute;inset:0}.eyebrow,.section-index{z-index:2;letter-spacing:.15em;font:400 11px/1 DM Mono,monospace;position:relative}.eyebrow{margin:0 0 clamp(20px,4vh,46px)}.hero h1{z-index:2;letter-spacing:-.07em;max-width:1100px;margin:0;font-size:clamp(70px,12vw,172px);font-weight:500;line-height:.8;position:relative}.hero h1 span{margin-left:14vw}.hero h1 i{color:var(--blue);font-style:normal}.hero-bottom{z-index:2;justify-content:space-between;align-items:end;margin-top:clamp(45px,9vh,100px);display:flex;position:relative}.hero-intro{margin:0 0 0 25%;font-size:clamp(15px,1.3vw,20px);line-height:1.7}.hero-intro span{color:#1515158f;letter-spacing:.03em;font-size:.82em}.scroll-link{align-items:center;gap:28px;font:400 12px/1 DM Mono,monospace;display:flex}.scroll-link span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:42px;height:42px;transition:all .25s;display:grid}.scroll-link:hover span{color:var(--paper);background:var(--ink);transform:translateY(4px)}.orb{filter:blur(1px);opacity:.95;border-radius:50%;position:absolute}.orb-one{aspect-ratio:1;background:var(--acid);mix-blend-mode:multiply;width:clamp(90px,13vw,190px);top:19%;right:10%}.orb-two{aspect-ratio:1;border:1px solid var(--blue);width:clamp(45px,7vw,100px);top:37%;right:4%}.section{padding:110px 3.5vw}.about{border-top:1px solid var(--line);grid-template-columns:1fr 3fr;gap:40px;display:grid}.about-copy{max-width:1080px}.lead{letter-spacing:-.035em;max-width:960px;margin:0;font-size:clamp(28px,3.5vw,52px);font-weight:400;line-height:1.42}.about-role{border-left:2px solid var(--blue);max-width:740px;margin:70px 0 0 auto;padding-left:20px;font-size:clamp(16px,1.55vw,22px);line-height:1.75}.about-columns{grid-template-columns:1fr 1fr;gap:8vw;max-width:740px;margin:58px 0 0 auto;display:grid}.about-columns p{color:#151515b3;margin:0;font-size:15px;line-height:1.85}.interests{border-top:1px solid var(--line);max-width:740px;margin:52px 0 0 auto;padding-top:18px}.interests>p{letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font:400 11px/1 DM Mono,monospace}.interests ul{flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none;display:flex}.interests li{border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:13px;line-height:1}.work{color:var(--paper);background:var(--ink)}.section-index.light{color:#f2efe880;margin-bottom:60px}.project{border-top:1px solid #f2efe838;grid-template-columns:8% 33% 1fr auto;align-items:center;gap:24px;min-height:170px;transition:color .25s,padding .25s;display:grid}.project:last-child{border-bottom:1px solid #f2efe838}.project:hover{color:var(--acid);padding-left:12px}.project-number,.project-meta,.project-english{letter-spacing:.09em;text-transform:uppercase;font:300 11px/1.5 DM Mono,monospace}.project h2{letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.5vw,38px);font-weight:400}.project-english{color:#f2efe870;margin:7px 0 0}.project-description{color:#f2efe8a8;max-width:400px;margin:0;font-size:14px;line-height:1.75}.project-meta{color:#f2efe870}.statement{flex-direction:column;justify-content:center;min-height:66vh;display:flex;position:relative;overflow:hidden}.statement p{z-index:2;letter-spacing:-.05em;margin:0;font-size:clamp(42px,6.5vw,92px);line-height:1.18;position:relative}.statement p:nth-child(2){text-align:right}.statement p span{font-family:Playfair Display,serif;font-style:italic;font-weight:500}.statement-mark{color:var(--blue);font-size:clamp(42px,6vw,90px);animation:16s linear infinite spin;position:absolute;top:12%;left:48%}@keyframes spin{to{transform:rotate(360deg)}}footer{color:var(--paper);background:var(--blue);padding:90px 3.5vw 28px}.footer-top{grid-template-columns:1fr 3fr;gap:40px;padding-bottom:110px;display:grid}.footer-top h2{letter-spacing:-.06em;margin:0;font-size:clamp(52px,8vw,112px);font-weight:400;line-height:.94}.footer-top h2 em{color:var(--acid);font-family:Playfair Display,serif;font-weight:500}.footer-bottom{letter-spacing:.07em;border-top:1px solid #f2efe861;grid-template-columns:2fr 1fr auto;align-items:end;gap:24px;padding-top:24px;font:300 11px/1.5 DM Mono,monospace;display:grid}.footer-bottom>a{letter-spacing:0;font-size:clamp(15px,1.5vw,21px)}.footer-bottom p{margin:0}@media (width<=700px){.site-header{grid-template-columns:1fr auto;padding:18px 20px}.header-meta{display:none}.menu-button{justify-self:end;font:400 11px/1 DM Mono,monospace;display:block}.nav{width:100%;color:var(--paper);background:var(--ink);opacity:0;transform-origin:top;pointer-events:none;flex-direction:column;gap:22px;padding:24px 20px;transition:all .25s;position:absolute;top:58px;left:0;transform:scaleY(0)}.nav.open{opacity:1;pointer-events:auto;transform:scaleY(1)}.language-switch{margin:6px 0 0}.language-switch button.active{color:var(--acid)}.hero{min-height:790px;padding:100px 20px 28px}.hero:before{background-image:linear-gradient(to right, transparent calc(50% - .5px), var(--line) 50%, transparent calc(50% + .5px))}.hero h1{font-size:clamp(58px,21vw,88px);line-height:.86}.hero h1 span{margin-left:0}.orb-one{top:20%;right:-5%}.orb-two{top:37%;right:10%}.hero-bottom{align-items:end;margin-top:auto}.hero-intro{max-width:220px;margin:0}.scroll-link{gap:0;font-size:0}.section{padding:80px 20px}.about{grid-template-columns:1fr;gap:50px}.about-role{margin-top:45px}.about-columns{grid-template-columns:1fr;gap:24px;margin-top:50px}.interests{margin-top:42px}.section-index.light{margin-bottom:40px}.project{grid-template-columns:34px 1fr;gap:18px;padding:28px 0}.project-description,.project-meta{grid-column:2}.statement{min-height:480px}.statement p:nth-child(2){text-align:left;margin-left:9vw}footer{padding:70px 20px 24px}.footer-top{grid-template-columns:1fr;padding-bottom:80px}.footer-bottom{grid-template-columns:1fr;gap:25px}.footer-bottom p{margin-top:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}