@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');
/* Visual scale and motion refinements */
.phrase{display:inline-block}.phrase>span{white-space:nowrap}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.brand img{display:block;width:120px;max-height:64px;object-fit:contain;object-position:left center}
.topbar nav a,.header-right,.section-label,.eyebrow,.hero-meta,.hero-index,.kicker,.coming,.contact-side>span,footer p,footer>a:last-child{font-size:13px!important}
.hero-bottom p,.intro-copy p,.work-heading>p:last-child,.play-content>div>p:not(.kicker){font-size:18px!important}
.work-list p,.contact-side p{font-size:16px!important}
.hero{position:relative;isolation:isolate;background:#f3ebd8}
.hero-content,.hero-meta,.hero-index{position:relative;z-index:2}
.hero-content{pointer-events:none}.hero-content a{pointer-events:auto}
.hero-art{position:absolute;z-index:0;right:2%;top:12%;width:min(48vw,680px);aspect-ratio:1;pointer-events:none;transform:translate(calc(var(--pointer-x, 0) * 18px),calc(var(--pointer-y, 0) * 18px));transition:transform .5s ease-out}
.hero-art-image{position:absolute;inset:0;border-radius:50%;background:#f7db27 url('tiger-dawn.png') center/cover;box-shadow:0 0 0 1px #171812,0 0 0 20px #f3ebd8,0 0 0 21px #171812;animation:art-in 1.2s cubic-bezier(.2,.8,.2,1) both}
.hero-art-cross{position:absolute;right:0;top:0;font-size:70px;color:#171812;animation:turn 15s linear infinite}
.hero-art-label{position:absolute;right:-1%;bottom:12%;background:#171812;color:#f7db27;padding:12px;font:12px/1.5 'DM Mono',monospace;transform:rotate(5deg)}
.hero h1{text-shadow:3px 3px 0 #f3ebd8,-3px -3px 0 #f3ebd8}
.work-list article:hover .work-icon{transform:rotate(35deg) scale(1.2)}.work-icon{transition:transform .35s cubic-bezier(.2,1.7,.4,1)}
.lang:active,.round-link:active{transform:scale(.92)}
@keyframes art-in{from{opacity:0;transform:scale(.82) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:800px){.hero-art{width:66vw;right:-8%;top:16%;opacity:.72}.hero-content{padding-top:200px!important}.hero h1{font-size:clamp(56px,12vw,90px)!important}.hero-bottom p{background:#f3ebd8e8;padding:8px}.brand img{width:100px}}
@media(max-width:480px){.hero-art{top:17%;width:75vw}.hero-content{padding-top:190px!important}.hero h1{font-size:12vw!important}.hero-art-cross{font-size:48px}.hero-art-label{font-size:10px}}
:root{--ink:#171812;--paper:#f3ebd8;--yellow:#f7db27;--line:#b9b5a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.topbar{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:10px;font:900 16px/.85 'Archivo Black',sans-serif;letter-spacing:-1px}.brand-mark{position:relative;display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--ink);font-size:28px}.brand-mark span{position:absolute;font-size:14px;right:-6px;top:-7px;background:var(--paper)}.brand-dot{color:#d1ae00}.topbar nav{display:flex;gap:38px}.topbar nav a,.header-right,.section-label,.eyebrow,.hero-meta,.hero-index,.kicker,.coming,.contact-side>span,footer p,footer>a:last-child{font:500 10px/1.4 'DM Mono',monospace;letter-spacing:.08em}.topbar nav a{transition:opacity .2s}.topbar nav a:hover{opacity:.5}.header-right{display:flex;align-items:center;gap:28px}.location span{color:#9b8410}.lang{border:1px solid var(--ink);background:transparent;padding:9px 12px;cursor:pointer;font:500 11px 'DM Mono',monospace}.lang:hover{background:var(--ink);color:var(--paper)}.lang span{opacity:.4}.hero{min-height:calc(100svh - 88px);padding:28px 5% 22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-meta,.hero-index{display:flex;justify-content:space-between}.hero-meta span:last-child{text-align:right}.hero-content{padding:65px 0 45px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px}.signal{width:8px;height:8px;border-radius:50%;background:#bd9d00;box-shadow:0 0 0 4px rgba(189,157,0,.15);display:inline-block}.hero h1,h2,h3{margin:0}.hero h1{font:900 clamp(68px,11.7vw,190px)/.82 'Archivo Black','Noto Sans TC',sans-serif;letter-spacing:-.075em}.hero-line{white-space:nowrap}.asterisk{color:#e2c100;display:inline-block;font-size:.64em;vertical-align:top;line-height:.8;margin-left:.09em;animation:turn 18s linear infinite}.period,.yellow-dot{color:#d4b500}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:38px}.hero-bottom p{font-size:16px;line-height:1.55;max-width:360px;margin:0}.round-link{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--ink);border-radius:50%;font-size:28px;transition:background .25s,transform .25s}.round-link:hover{background:var(--yellow);transform:translateY(5px)}.ticker{background:var(--ink);color:var(--paper);overflow:hidden;padding:15px 0;font:500 11px 'DM Mono',monospace;letter-spacing:.12em;white-space:nowrap}.ticker div{width:max-content;animation:marquee 24s linear infinite}.ticker b{color:var(--yellow);font-size:18px;padding:0 30px}.section{padding:95px 5%}.section-label{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:14px}.intro{position:relative;min-height:680px}.intro-body{margin:100px 0 0 25%;max-width:790px}.kicker{margin:0 0 25px}.intro h2,.work h2,.playground h2,.contact h2{font:900 clamp(45px,6.4vw,96px)/.98 'Archivo Black','Noto Sans TC',sans-serif;letter-spacing:-.065em}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:45px;max-width:730px}.intro-copy p,.work-heading>p:last-child,.play-content>div>p:not(.kicker){font-size:16px;line-height:1.7;margin:0}.sun-stamp{position:absolute;right:6%;bottom:70px;width:120px;height:120px;border:1px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(-12deg)}.sun-stamp div{font-weight:900;font-size:30px;line-height:1}.sun-stamp span{font:9px/1.4 'DM Mono',monospace}.work{background:#e8dfc9}.work-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start;margin:100px 0 80px}.work-heading h2{font-size:clamp(42px,5.5vw,80px)}.work-heading>p:last-child{max-width:270px}.work-list{margin-left:25%;border-top:1px solid var(--ink)}.work-list article{display:grid;grid-template-columns:80px 1fr 70px;gap:20px;align-items:center;padding:27px 0;border-bottom:1px solid var(--ink);transition:padding .25s}.work-list article:hover{padding-left:12px}.work-num{font:12px 'DM Mono',monospace}.work-list h3{font:900 clamp(30px,4vw,56px)/1 'Archivo Black',sans-serif;letter-spacing:-.05em}.work-list h3 span{font:700 14px 'Noto Sans TC',sans-serif;letter-spacing:0;margin-left:12px}.work-list p{margin:10px 0 0;font-size:14px}.work-icon{font-size:36px;text-align:right}.playground{background:var(--yellow);overflow:hidden}.play-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:520px}.play-content>div:first-child{max-width:630px}.play-content>div>p:not(.kicker){max-width:400px;margin-top:30px}.dark-dot{color:#fff4a3}.coming{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ink);padding:12px 15px;margin-top:32px}.signal.dark{background:var(--ink);box-shadow:none}.play-art{height:420px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:340px;height:340px;border:1px solid var(--ink);border-radius:50%}.orbit-one{transform:scaleX(.65) rotate(45deg)}.orbit-two{transform:scaleX(.65) rotate(-45deg)}.play-core{font-size:200px;line-height:1;animation:turn 25s linear infinite}.art-label{position:absolute;font:10px 'DM Mono',monospace}.art-label.a{top:15%;left:10%}.art-label.b{bottom:15%;right:10%}.art-plus{position:absolute;right:15%;top:17%;font-size:30px}.contact{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:3fr 1fr;column-gap:40px;min-height:560px}.contact .section-label{grid-column:1/-1}.contact-main{padding-top:90px}.email{display:inline-block;margin-top:42px;font-size:clamp(20px,2.4vw,34px);border-bottom:1px solid var(--yellow);padding-bottom:8px}.email span{color:var(--yellow);display:inline-block;transition:transform .2s}.email:hover span{transform:translate(5px,-5px)}.contact-side{align-self:end;max-width:230px}.contact-side p{font-size:14px;line-height:1.6}footer{background:var(--ink);color:var(--paper);border-top:1px solid #62635a;padding:30px 5%;display:flex;align-items:end;justify-content:space-between}.footer-brand{font:900 clamp(30px,5vw,70px)/.85 'Archivo Black',sans-serif;letter-spacing:-.07em}.footer-brand span{color:var(--yellow);margin-left:8px}footer p{margin:0}footer>a:last-child{text-align:right}@keyframes turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}:focus-visible{outline:3px solid #d0a900;outline-offset:4px}@media(max-width:800px){.topbar{height:72px}.topbar nav,.location{display:none}.hero{min-height:calc(100svh - 72px)}.hero-content{padding:70px 0}.hero h1{font-size:clamp(52px,11.5vw,90px)}.hero-bottom p{max-width:245px;font-size:14px}.section{padding:65px 5%}.intro{min-height:0}.intro-body{margin:80px 0 100px}.intro-copy{gap:25px}.sun-stamp{width:85px;height:85px;bottom:30px}.sun-stamp div{font-size:22px}.sun-stamp span{font-size:7px}.work-heading{display:block;margin:70px 0 50px}.work-heading>p:last-child{margin-top:25px}.work-list{margin-left:0}.play-content{grid-template-columns:1fr;padding-top:75px}.play-art{height:330px}.orbit{width:270px;height:270px}.play-core{font-size:160px}.contact{grid-template-columns:1fr;min-height:0}.contact .section-label{grid-column:auto}.contact-main{padding-top:75px}.contact-side{margin-top:70px}footer{gap:25px;flex-wrap:wrap}footer p{order:3;width:100%}}@media(max-width:480px){.hero h1{font-size:11.1vw}.hero-meta,.hero-index{font-size:9px}.hero-bottom{gap:15px}.round-link{width:48px;height:48px;flex:none}.intro-copy{grid-template-columns:1fr;gap:18px}.intro h2,.playground h2,.contact h2{font-size:43px}.work-list article{grid-template-columns:35px 1fr 40px;gap:10px}.work-list h3{font-size:30px}.work-list h3 span{font-size:11px;margin-left:5px}.work-list p{font-size:13px}.work-icon{font-size:28px}.footer-brand{font-size:34px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.star{display:inline-block;width:1em;height:1em;vertical-align:-.12em}
@media(max-width:480px){.play-core{font-size:110px}.hero-art-cross{font-size:36px}.work-icon{font-size:22px}}