@font-face{font-family:"HarmonyOS Sans SC";src:url("word/HarmonyOS_Sans_SC_Thin.ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"HarmonyOS Sans SC";src:url("word/HarmonyOS_Sans_SC_Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"HarmonyOS Sans SC";src:url("word/HarmonyOS_Sans_SC_Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Glow Sans SC";src:url("word/GlowSansSC-Normal-Book.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Glow Sans SC";src:url("word/GlowSansSC-Normal-Heavy.otf") format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Taipei Sans TC";src:url("word/TaipeiSansTCBeta-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Taipei Sans TC";src:url("word/TaipeiSansTCBeta-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{--font-ui:"HarmonyOS Sans SC",sans-serif;--font-display:"Glow Sans SC",sans-serif;--font-mono:"Taipei Sans TC",sans-serif;--size-ui:clamp(.88rem,.84vw,1.05rem);--size-label:clamp(.78rem,.72vw,.93rem);--size-body:clamp(1.02rem,1vw,1.25rem);--size-meta:clamp(.83rem,.78vw,.98rem)}
body{font-family:var(--font-ui);font-size:var(--size-body)}.topbar{height:96px;display:flex;align-items:center;justify-content:center;padding:0 2.5rem}.topbar:after{position:absolute;right:2.5rem;padding:.88rem 1.3rem;font-size:var(--size-label)}.main-nav{padding:.38rem .42rem}.main-nav a{padding:.72rem 1.05rem;font-size:var(--size-label);font-family:var(--font-ui);font-weight:500}.hero h1{font:800 clamp(5rem,10vw,12rem)/.78 var(--font-display)}.hero h1 em{font-family:var(--font-display);font-weight:400}.hero-index,.eyebrow{font:500 var(--size-label)/1.45 var(--font-mono)}.hero-index{top:128px;right:2.5rem}.eyebrow{left:2.5rem;top:128px}.pill{padding:1.05rem 1.55rem;font:500 var(--size-ui) var(--font-ui)}.hero-foot{left:2.5rem;right:2.5rem;bottom:2.5rem}.hero-foot p{font:500 var(--size-label)/1.55 var(--font-mono)}.hero-reel-title{font:500 var(--size-ui) var(--font-ui)}.hero-foot>span{font:500 var(--size-label) var(--font-mono)}.section-number,.contact-kicker,.pricing-kicker{font:500 var(--size-label) var(--font-mono)}.intro-copy,.pricing-main>p{font:400 var(--size-body)/1.75 var(--font-ui)}.intro h2,.work-heading h2,.pricing h2,.manifesto p,.contact>a{font-family:var(--font-ui)}.intro h2 span,.work-heading h2 i,.pricing h2 i,.contact>a i,.manifesto p span{font-family:var(--font-display)}.filters{gap:.55rem}.filter{padding:.72rem 1.1rem;font:500 var(--size-label) var(--font-ui)}.filter small{font-size:.82em}.project-meta{padding-top:.85rem}.project-meta strong{font-size:var(--size-ui);font-weight:500}.project-meta em{font:500 var(--size-meta) var(--font-mono)}.frame:after{font-size:var(--size-label);padding:.6rem .8rem}.pricing-list p,.pricing-list span{font:500 var(--size-meta)/1.55 var(--font-mono)}.pricing-list h3{font:500 clamp(1.55rem,1.7vw,2.2rem) var(--font-ui)}.pricing-link{font:500 var(--size-ui) var(--font-ui)}.contact-details,.contact-details a,.copy-wechat{font:500 var(--size-ui) var(--font-ui)}.copy-wechat b{font-size:var(--size-label);padding:.3rem .5rem}.contact footer{font:500 var(--size-label) var(--font-mono)}
@media(max-width:700px){.topbar{height:76px;padding:0}.main-nav{margin-top:14px}.main-nav a{padding:.65rem .75rem;font-size:.73rem}.hero-index{top:101px;right:1.1rem}.eyebrow{top:101px;left:1.1rem;font-size:.7rem}.hero h1{font-size:15vw}.pill{padding:.85rem 1.05rem;font-size:.78rem}.hero-foot{left:1.1rem;right:1.1rem;bottom:1.4rem}.hero-foot p{font-size:.7rem}.section-number,.contact-kicker,.pricing-kicker{font-size:.74rem}.intro-copy,.pricing-main>p{font-size:1rem}.project-meta strong{font-size:.9rem}.project-meta em{font-size:.75rem}.filter{font-size:.75rem}.contact-details,.contact-details a,.copy-wechat{font-size:.9rem}}

i,em{font-style:normal!important}.intro h2 span,.work-heading h2 i,.pricing h2 i,.manifesto p span:not(.manifesto-mark),.contact>a i,.contact-details>span{color:#c53d33!important}

.emphasis{display:inline-block;font-family:var(--font-ui)!important;font-style:normal!important;font-weight:900!important;font-size:1.12em;line-height:.95;letter-spacing:-.07em;color:#c53d33!important}.hero h1 .emphasis{color:#f5f5ed!important;font-size:1em;font-weight:500!important;letter-spacing:-.08em}.manifesto{background:linear-gradient(125deg,#fffefe 0%,#fdeff2 31%,#f8c3d1 62%,#fff9fa 100%)!important}.manifesto p{color:#1b221f}.manifesto p .emphasis{font-size:1.08em}.manifesto-mark{color:#fffafc!important}.contact>a .emphasis{font-size:1.06em}.frame-shade{position:absolute;inset:0;background:linear-gradient(145deg,transparent 60%,rgba(0,0,0,.55));transition:.5s}.project:hover .frame-shade{background:linear-gradient(145deg,transparent 35%,rgba(0,0,0,.65))}.project-meta .project-type{font:500 var(--size-meta) var(--font-mono);font-style:normal;white-space:nowrap}

.hero h1{width:auto;white-space:nowrap}.hero h1 .hero-title-main,.hero h1 .hero-title-sub{display:block;font-style:normal}.hero h1 .hero-title-main{font-weight:900;letter-spacing:-.1em}.hero h1 .hero-title-sub{margin-top:.14em;font-family:var(--font-ui);font-size:.48em;font-weight:500;letter-spacing:.01em}@media(max-width:700px){.hero h1 .hero-title-sub{font-size:.57em;margin-top:.2em}}