@font-face{font-family:"Noto Serif TC";src:url("/assets/fonts/noto-serif-tc-latin-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0020-00FF,U+2000-206F}
@font-face{font-family:"Noto Sans TC";src:url("/assets/fonts/noto-sans-tc-latin-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0020-00FF,U+2000-206F}
@font-face{font-family:"Noto Sans TC";src:url("/assets/fonts/noto-sans-tc-latin-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0020-00FF,U+2000-206F}
:root{--red:#AD2F38;--black:#000000;--paper:#F3EEE4;--wash:#E4DDCF;--serif:"Noto Serif TC",Georgia,serif;--sans:"Noto Sans TC",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--black);color:var(--paper);font-family:var(--sans);font-size:1.125rem;line-height:1.7;font-weight:400}
a{color:inherit;text-underline-offset:.3em}
img{display:block;max-width:100%;height:auto}
a:focus-visible{outline:2px solid currentColor;outline-offset:7px}
::selection{background:var(--red);color:var(--paper)}
.wrap{width:min(1184px,calc(100% - 112px));margin-inline:auto}
.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:12px 18px;background:var(--paper);color:var(--black);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:158px;border-bottom:1px solid #393632;gap:2rem}
.brand-link{display:block;flex:none}
.brand{width:250px}
.site-header nav{display:flex;gap:40px;font-size:.875rem;font-weight:600}
.site-header nav a{padding-block:14px;text-decoration:none;border-bottom:1px solid transparent}
.site-header nav a:hover{border-color:var(--paper)}
.hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;column-gap:40px;padding-top:64px}
.hero-copy{padding-block:22px 65px}
.eyebrow{font-size:.875rem;font-weight:600;line-height:1.5;margin:0 0 26px}
h1,h2,p{margin-top:0}
h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:0}
h1{font-size:4rem;line-height:1.2;margin-bottom:30px}
.hero-intro{font-size:1.125rem;line-height:1.8;margin-bottom:38px;max-width:32em}
.text-link{display:inline-block;font-size:.875rem;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0}
.text-link:hover{border-bottom-width:3px;padding-bottom:6px}
.hero-emblem{padding:24px}
.hero-emblem img{width:100%;max-width:470px;margin:auto}
.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;border-top:1px solid #393632;padding:25px 0 30px;font-size:.875rem}
.paper{background:var(--paper);color:var(--black)}
.studio{padding:112px 0 90px}
.section-grid{display:grid;grid-template-columns:1fr 3fr;gap:60px}
.section-label{display:flex;gap:20px;align-items:baseline}
.section-label .eyebrow{white-space:nowrap}
.section-number{font-size:.875rem;font-weight:600;color:var(--red)}
.section-content{max-width:790px}
h2{font-size:2rem;line-height:1.35;margin-bottom:40px}
.studio-prose{max-width:38em}
.studio-prose p{margin-bottom:24px}
.studio-prose p:last-child{margin-bottom:0}
.stories{padding:0 0 116px}
.stories .section-grid{border-top:1px solid #b8b0a2;padding-top:70px}
.stories-top{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}
.status{font-size:.875rem;line-height:1.5;font-weight:600;white-space:nowrap;color:var(--red);border:1px solid var(--red);padding:8px 12px;margin-top:6px}
.stories-copy{max-width:34em;margin-bottom:40px}
.publication-rule{height:1px;background:#b8b0a2;position:relative;margin-top:45px}
.publication-rule span{position:absolute;width:64px;height:3px;left:0;top:-1px;background:var(--red)}
.closing-note{font-size:.875rem;margin:18px 0 0}
.site-footer{padding:32px 0 25px}
.footer-main{display:flex;justify-content:space-between;align-items:center;gap:32px}
.footer-main p{font-family:var(--serif);font-weight:500;font-size:1.125rem;margin:0}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;font-size:.8125rem;border-top:1px solid #393632;padding-top:24px;margin-top:18px}
.not-found{min-height:70vh;padding-block:80px;max-width:750px}
.not-found h1{font-size:3rem}
.not-found p{max-width:32em}
@media(min-width:1440px){.hero{padding-top:82px}.hero-copy{padding-bottom:92px}}
@media(max-width:1023px){.wrap{width:calc(100% - 64px)}.hero{column-gap:16px}.hero-emblem{padding:0}h1{font-size:3rem}.section-grid{grid-template-columns:1fr 3fr;gap:32px}.stories-top{display:block}.status{display:inline-block;margin:0 0 24px}.stories-top h2{margin-bottom:24px}.footer-main{flex-wrap:wrap}.footer-main p{display:none}}
@media(max-width:639px){.wrap{width:calc(100% - 40px)}.site-header{min-height:0;flex-direction:column;gap:0;padding-top:4px;padding-bottom:14px}.brand{width:240px}.site-header nav{width:100%;justify-content:space-between;gap:24px}.site-header nav a{padding-block:8px}.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{padding:0}.eyebrow{margin-bottom:22px}h1{font-size:2.5rem;line-height:1.25;margin-bottom:24px}.hero-intro{font-size:1rem;margin-bottom:24px}.desktop-break{display:none}.hero-emblem{width:240px;justify-self:center;margin:18px 0 20px}.hero-foot{font-size:.8125rem;padding-block:20px;display:block}.hero-foot span{display:block}.hero-foot span+span{margin-top:3px}.studio{padding:64px 0}.section-grid{grid-template-columns:1fr;gap:14px}.section-label{gap:16px}.section-label .eyebrow{margin-bottom:12px}h2{font-size:1.75rem;margin-bottom:28px}.studio-prose p,.stories-copy{font-size:1rem;line-height:1.8}.stories{padding-bottom:64px}.stories .section-grid{padding-top:46px}.stories-top h2{margin-bottom:24px}.stories-copy{margin-bottom:30px}.publication-rule{margin-top:32px}.footer-main{flex-direction:column;gap:0;align-items:flex-start}.footer-brand{align-self:center}.footer-main .text-link{margin-bottom:16px}.footer-bottom{display:block;margin-top:12px;font-size:.8125rem}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:5px}.not-found{padding-block:48px}.not-found h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body,.opening,.site-footer{background:white;color:black}.hero-emblem,.site-header nav,.text-link,.skip-link{display:none}.wrap{width:100%}.studio,.stories{padding:30px 0}.brand{filter:grayscale(1)}}