@font-face{font-family:StudioDisplay;src:url('/fonts/display.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ground:#29221e;--cream:#f3eddf;--muted:#c3b7ac;--line:#68594e;--red:#c64230;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px;scrollbar-color:var(--muted) var(--ground)}body{margin:0;background:var(--ground);color:var(--cream);font-family:'PingFang HK','Noto Sans TC',sans-serif;line-height:1.65}h1,h2,p,figure{margin:0}h1,h2,.signature{font-family:StudioDisplay,'PingFang HK',sans-serif;font-weight:700}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:6px}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}::selection{background:var(--cream);color:var(--ground)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}img{display:block;width:100%;height:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--cream);color:var(--ground);padding:14px;z-index:20}.skip:focus{top:0}.reviewbar{display:flex;justify-content:space-between;font-size:12px;padding:9px 40px;background:#181411;color:#d4c9bd}.mast{display:flex;align-items:center;gap:40px;margin:0 40px;padding:26px 0;border-bottom:1px solid var(--line)}.identity{display:flex;gap:12px;align-items:center;text-decoration:none}.identity img{width:40px;height:40px}.identity>span{font-size:18px;font-weight:600;line-height:1.1}.brand-cn{display:inline-block;font-size:12px;font-weight:400;margin-left:12px}.mast nav{display:flex;gap:36px;margin-left:auto;font-size:15px}.mast nav a{text-decoration:none}.mast nav a:hover{color:#f0997b}.origin{font-size:12px;color:var(--muted);margin-left:35px}.studio-line{display:flex;justify-content:space-between;align-items:center;padding:28px 40px}.studio-line h1{font-size:32px;line-height:1.3}.studio-line p{font-size:13px;color:var(--muted)}
.exhibition{margin:0 24px}.stage{position:relative}.work{min-height:520px;height:min(60vw,570px);position:relative;overflow:hidden;padding:30px 36px;color:#fff9ed}.work[hidden]{display:none}.reading{background:var(--red)}.work-title{position:relative;z-index:2;pointer-events:none;width:max-content;max-width:65%}.work-title h2{font-size:clamp(48px,6.5vw,96px);line-height:1.1;letter-spacing:-.03em}.work-title p{font-size:14px;margin-top:10px}.side-note{position:absolute;right:36px;top:34px;font-size:14px;text-align:right;z-index:2}.art{position:absolute;inset:0;pointer-events:none}.art img{position:absolute;object-fit:contain;box-shadow:9px 20px 36px #00000030}.reading-scene{width:37%;left:18%;top:34%;transform:rotate(-8deg)}.reading-screen{height:79%;width:auto!important;left:48%;top:7%;transform:rotate(7deg)}.reading-listen{height:61%;width:auto!important;left:72%;top:21%;transform:rotate(12deg)}.work-caption{position:absolute;left:36px;right:36px;bottom:24px;display:flex;gap:36px;justify-content:space-between;align-items:end;z-index:3}.work-caption>p{font-size:17px;font-weight:500;max-width:68%}.work-caption p span{display:block;font-size:12px;font-weight:400;margin-top:6px}.entry{display:inline-flex;gap:18px;align-items:center;min-height:48px;padding:9px 0;border-bottom:1px solid currentColor;text-decoration:none;white-space:nowrap;font-size:15px}.entry svg{transition:transform 200ms var(--ease)}.entry:hover svg{transform:translate(3px,-3px)}
.stories{background:#eadbbc;color:#34261e}.story-art .sunzi{height:69%;width:auto;left:39%;top:10%;transform:rotate(-10deg)}.story-art .zhuangzi{height:66%;width:auto;left:61%;top:16%;transform:rotate(8deg)}.stories .side-note{max-width:190px}.publishing{background:#c5c2ad;color:#29281e}.publishing-art{display:flex;align-items:center;justify-content:center;flex-direction:column;top:105px;bottom:90px}.publishing-words{display:flex;align-items:center;gap:40px;font-family:StudioDisplay,sans-serif;font-size:clamp(60px,7vw,96px);font-weight:700;letter-spacing:-.04em}.publishing-words svg{width:160px;height:40px;stroke-width:2}.publishing-steps{display:flex;justify-content:space-between;width:min(520px,75%);font-size:15px;margin-top:16px}.weather{background:#42616f;color:#fff9ed}.weather-art img:first-child{height:77%;width:auto;left:38%;top:7%;transform:rotate(-7deg)}.weather-art img:last-child{height:65%;width:auto;left:61%;top:19%;transform:rotate(8deg)}
.work-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.work-switcher button{font:inherit;display:flex;align-items:center;gap:15px;background:transparent;color:var(--cream);border:0;border-right:1px solid var(--line);padding:22px 24px;cursor:pointer;text-align:left;position:relative;min-height:94px}.work-switcher button:last-child{border-right:0}.work-switcher button>img,.story-symbol{width:44px;height:44px;object-fit:contain;flex:none;border-radius:9px}.story-symbol{font-family:StudioDisplay,sans-serif;font-size:30px;text-align:center;background:#ac3929;color:var(--cream);line-height:44px}.work-switcher button>span:not(.story-symbol){font-size:20px;font-weight:500;line-height:1.3}.work-switcher small{display:block;font-size:12px;font-weight:400;margin-top:6px;color:var(--muted)}.work-switcher button>svg{margin-left:auto;opacity:0;width:19px}.work-switcher button:hover{background:#3c3129}.work-switcher button[aria-pressed=true]{background:var(--cream);color:var(--ground)}.work-switcher button[aria-pressed=true] small{color:#685950}.work-switcher button[aria-pressed=true]>svg{opacity:1}.switch-hint{font-size:12px;text-align:right;color:var(--muted);padding:13px 4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fallback{padding:16px}.work.enter .art{animation:channel 450ms var(--ease)}@keyframes channel{from{transform:translateY(12px);clip-path:inset(0 0 6% 0)}to{transform:translateY(0);clip-path:inset(0)}}
.about{padding:110px 65px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;max-width:1500px;margin:auto}.about h2{font-size:clamp(44px,5.5vw,76px);line-height:1.25;letter-spacing:-.03em}.about>div{max-width:36em}.about p{font-size:15px;color:#d4c9bd;line-height:1.95;margin-bottom:18px}.contact{display:inline-flex;gap:30px;align-items:center;text-decoration:none;border-bottom:1px solid;padding-bottom:8px;font-size:20px;margin-top:15px;min-height:44px}footer{background:#c64230;color:#fff9ed;padding:40px}.signature{font-size:clamp(55px,7.3vw,96px);line-height:1.3;text-decoration:none;letter-spacing:-.03em}footer>div{display:flex;gap:30px;font-size:12px;align-items:center;margin-top:36px}footer p{margin-right:auto}
@media(min-width:1600px){.exhibition{max-width:1552px;margin-inline:auto}.work{height:650px}.mast,.studio-line{max-width:1520px;margin-inline:auto}}
@media(max-width:1100px){.mast{margin-inline:28px}.origin{display:none}.studio-line{padding-inline:28px}.work-title h2{font-size:65px}.work-switcher button{padding:20px 15px;gap:10px}.work-switcher button>span:not(.story-symbol){font-size:17px}.work-switcher button>svg{display:none}.about{gap:60px;padding-inline:40px}.reading-scene{left:10%;top:40%;width:43%}.reading-screen{left:43%}.reading-listen{left:68%}.story-art .sunzi{left:34%}.story-art .zhuangzi{left:62%}}
@media(max-width:700px){.reviewbar{padding:8px 16px;font-size:11px}.mast{margin-inline:20px;padding:20px 0;gap:20px}.identity img{width:34px;height:34px}.identity>span{font-size:16px}.brand-cn{display:none}.mast nav{gap:22px;font-size:13px}.studio-line{padding:25px 20px;display:block}.studio-line h1{font-size:28px}.studio-line p{font-size:12px;margin-top:12px}.studio-line p br{display:none}.exhibition{margin-inline:12px}.work{height:630px;min-height:0;padding:24px 20px}.work-title{max-width:100%}.work-title h2{font-size:49px}.work-title p{font-size:12px;margin-top:7px}.side-note{display:none}.art{top:115px;bottom:150px}.reading-scene{width:68%;left:-7%;top:25%;transform:rotate(-8deg)}.reading-screen{height:90%;left:37%;top:1%;transform:rotate(7deg)}.reading-listen{height:64%;left:70%;top:26%;transform:rotate(12deg)}.work-caption{left:20px;right:20px;bottom:20px;display:block}.work-caption>p{max-width:100%;font-size:15px}.work-caption p span{font-size:11px;line-height:1.7}.entry{font-size:14px;min-height:44px;margin-top:12px;gap:28px}.story-art .sunzi{height:85%;left:7%;top:0;transform:rotate(-8deg)}.story-art .zhuangzi{height:76%;left:46%;top:15%;transform:rotate(8deg)}.publishing-art{top:140px;bottom:180px}.publishing-words{gap:15px;font-size:48px}.publishing-words svg{width:65px}.publishing-steps{width:82%;font-size:12px}.weather-art img:first-child{height:91%;left:12%;top:0;transform:rotate(-7deg)}.weather-art img:last-child{height:76%;left:51%;top:16%;transform:rotate(8deg)}.work-switcher{grid-template-columns:1fr 1fr}.work-switcher button{padding:17px 14px;gap:12px;min-height:86px;border-bottom:1px solid var(--line)}.work-switcher button:nth-child(2){border-right:0}.work-switcher button>img,.story-symbol{width:36px;height:36px;border-radius:7px}.story-symbol{font-size:25px;line-height:36px}.work-switcher button>span:not(.story-symbol){font-size:17px}.work-switcher small{font-size:10px}.switch-hint{font-size:11px;text-align:left;padding:12px 8px}.about{padding:64px 25px;grid-template-columns:1fr;gap:28px}.about h2{font-size:46px}.about p{font-size:14px}footer{padding:30px 25px}.signature{font-size:58px}footer>div{flex-wrap:wrap;gap:16px 24px;margin-top:25px}footer p{width:100%}}
@media(max-width:700px){.work-switcher small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}