@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;700;900&family=Noto+Serif+TC:wght@500;600;700;900&display=swap');

:root{--ink:#20231e;--green:#28322a;--red:#a73d2c;--ochre:#c89f48;--paper:#f1ede4;--paper-light:#fbfaf5;--line:#cfc8bb;--muted:#6f7069;--shell:min(1200px,calc(100% - 72px));}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden;margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif;line-height:1.7}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.shell{width:var(--shell);margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-header{position:sticky;z-index:10;top:0;border-bottom:1px solid rgba(32,35,30,.15);background:rgba(241,237,228,.96)}.header-inner{display:flex;height:78px;align-items:center}.brand{display:flex;align-items:center;height:100%}.brand img{width:auto;height:48px;max-width:110px;object-fit:contain}.site-nav{display:flex;gap:31px;margin-left:72px;font-size:14px;font-weight:700}.site-nav a{padding:27px 0 23px;border-bottom:3px solid transparent}.site-nav a:hover,.site-nav .active{border-color:var(--red)}.header-line{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:13px;font-weight:700}.header-line img{width:22px;height:22px;object-fit:contain}.menu-toggle{display:none}
.hero{display:flex;position:relative;flex-direction:column;min-height:0;background:var(--paper);color:var(--ink);overflow:hidden}.hero-image{position:relative;order:2;width:var(--shell);aspect-ratio:930/320;margin:0 auto;opacity:1}.hero-image::after{display:none}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-content{position:relative;display:flex;order:1;min-height:0;align-items:flex-start;justify-content:space-between;padding:86px 0 48px}.hero-copy{width:100%;padding:0}.kicker{margin-bottom:17px;color:var(--red);font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.12em}.kicker.light{color:#f0c666}.hero h1,.latest h2,.manifesto h2,.beginner h2,.product-note h2,.about-band h2,.contact h2{margin-bottom:25px;font-family:'Noto Serif TC',serif;font-weight:900;line-height:1.15;letter-spacing:-.045em}.hero h1{font-size:clamp(42px,5.4vw,64px)}em{color:var(--red);font-style:normal}.hero h1 em{color:var(--red)}.hero-copy>p:not(.kicker){max-width:470px;margin-bottom:32px;color:var(--muted);font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:13px 17px;font-size:14px;font-weight:700;transition:transform .2s ease}.button:hover{transform:translateY(-3px)}.button-light{border:1px solid var(--ink);background:var(--paper-light);color:var(--ink)}.button-dark{background:var(--ink);color:var(--paper-light)}.button span{font-size:19px}.hero-index{display:flex;align-items:center;gap:13px;align-self:flex-end;margin-top:32px;padding-bottom:0;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.09em}.hero-index i{display:block;width:54px;height:1px;background:#d6d1c6}
.quick-links{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;background:var(--paper-light);box-shadow:0 14px 31px rgba(32,35,30,.08)}.quick-links>a{display:flex;align-items:center;gap:14px;min-height:121px;padding:20px 25px;border-right:1px solid var(--line);transition:background .2s ease}.quick-links>a:last-child{border:0}.quick-links>a:hover{background:#f5e7c5}.quick-icon{display:grid;width:44px;height:44px;place-items:center;flex:0 0 44px;border:1px solid var(--ink)}.quick-icon img{width:25px;height:25px;object-fit:contain}.quick-links b,.quick-links small{display:block}.quick-links b{font-family:'Noto Serif TC',serif;font-size:16px}.quick-links small{color:var(--muted);font-size:12px;line-height:1.5}.quick-links em{margin-left:auto;color:var(--red);font-size:19px;font-style:normal}
.latest{padding:139px 0 133px}.section-topline{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.latest h2{margin:0;font-size:clamp(39px,4vw,57px)}.arrow-link{border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:13px;font-weight:700}.arrow-link span{margin-left:18px;color:var(--red);font-size:19px}.editorial-grid{display:grid;grid-template-columns:1.36fr 1fr 1fr;gap:17px}.article-card{display:flex;min-height:365px;flex-direction:column;justify-content:end;padding:27px;background:var(--paper-light);border-top:2px solid var(--ink);transition:transform .22s ease,background .22s ease}.article-card:hover{transform:translateY(-5px);background:#fff7e6}.article-card:first-child{min-height:485px;padding:36px;background:var(--paper-light);color:var(--ink);border-color:var(--red)}.article-card__meta{display:flex;gap:10px;align-items:center;margin-bottom:13px;color:var(--red);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.05em}.article-card:first-child .article-card__meta{color:var(--red)}.article-card__meta i{width:18px;height:1px;background:currentColor}.article-card h3{margin-bottom:10px;font-family:'Noto Serif TC',serif;font-size:22px;line-height:1.38}.article-card:first-child h3{font-size:31px}.article-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.article-card:first-child p{color:var(--muted)}.article-card__arrow{margin-top:24px;color:var(--red);font-size:21px}.article-card:first-child .article-card__arrow{color:var(--red)}
.manifesto{padding:80px 0}.manifesto-grid{display:grid;grid-template-columns:1fr 2fr;gap:85px}.manifesto-label{padding-top:10px;font-family:'DM Mono',monospace;font-size:11px;line-height:1.55;letter-spacing:.1em}.manifesto h2{font-size:clamp(32px,4vw,53px)}.manifesto h2 em{color:var(--red)}.manifesto-grid>div>p{max-width:610px;margin:0;font-size:16px}
.beginner{display:grid;grid-template-columns:1.03fr 1fr;gap:112px;align-items:center;padding:137px 0}.beginner-photo{position:relative;aspect-ratio:930/320;overflow:hidden;background:var(--red)}.beginner-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}.beginner-photo::after{position:absolute;inset:0;background:rgba(119,39,28,.28);content:''}.beginner-photo span{position:absolute;z-index:1;right:26px;bottom:24px;color:#fff;writing-mode:vertical-rl;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.14em}.beginner h2{font-size:clamp(39px,4.6vw,60px)}.beginner-copy>p:not(.kicker){max-width:440px;color:var(--muted);font-size:15px}.beginner-links{margin-top:34px;border-top:1px solid var(--line)}.beginner-links a{display:grid;grid-template-columns:42px 1fr 25px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.beginner-links span{color:var(--red);font-family:'DM Mono',monospace;font-size:11px}.beginner-links b{font-size:19px;font-weight:400}
.product-note{padding:52px 58px 58px;background:var(--paper-light);border-top:4px solid var(--red)}.product-note-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.product-note-top .kicker{margin:0}.product-note-top span{font-size:12px;color:var(--muted)}.product-note-main{display:grid;grid-template-columns:1.35fr 1fr;gap:90px;padding:46px 0 32px}.product-note h2{font-size:clamp(31px,3.7vw,49px)}.product-note-main>div>p{max-width:490px;color:var(--muted);font-size:14px}.product-note dl{margin:8px 0 0}.product-note dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.product-note dt{color:var(--muted)}.product-note dd{margin:0;font-weight:700}
.about-band{margin-top:90px;padding:75px 0;background:#e1c67d;color:var(--ink)}.about-grid{display:grid;grid-template-columns:180px 1.45fr 1fr;gap:63px;align-items:center}.about-seal{width:132px;height:132px;display:grid;place-items:center;border:1px solid #e2c061;border-radius:50%;color:#f0c666;font-family:'Noto Serif TC',serif;font-size:22px;font-weight:900;line-height:1.27;letter-spacing:.23em;text-align:center}.about-band .kicker{color:var(--red)}.about-band h2{margin:0;font-size:clamp(31px,3.7vw,52px)}.about-band h2 em{color:var(--red)}.about-grid>p{margin:0;color:var(--muted);font-size:14px}
.contact{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;padding:139px 0}.contact h2{font-size:clamp(36px,4vw,54px)}.contact>div>p:not(.kicker){max-width:420px;color:var(--muted);font-size:14px}.contact-actions{border-top:1px solid var(--ink)}.contact-actions>a{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--ink)}.contact-actions span{color:var(--muted);font-size:12px}.contact-actions b{font-family:'Noto Serif TC',serif;font-size:18px;word-break:break-all}.social-row{display:flex;gap:12px;padding-top:24px}.social-row a{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--ink);border-radius:50%}.social-row img{width:18px;height:18px;object-fit:contain}.site-footer{border-top:1px solid var(--ink);padding:29px 0;font-size:11px}.footer-inner{display:flex;align-items:center;gap:25px}.footer-inner .brand img{width:auto;height:42px}.footer-inner p{margin:0;color:var(--muted)}.footer-inner a:last-child{margin-left:auto;border-bottom:1px solid var(--ink)}
/* Journal index and article template */
.page-hero{padding:110px 0 92px;border-bottom:1px solid var(--line)}.page-hero .kicker{margin-bottom:21px}.page-hero h1{max-width:820px;margin-bottom:20px;font-family:'Noto Serif TC',serif;font-size:clamp(45px,6vw,77px);line-height:1.13;letter-spacing:-.055em}.page-hero p:last-child{max-width:550px;color:var(--muted)}.journal-layout{padding:58px 0 130px}.category-bar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:44px}.category-bar button{border:1px solid var(--line);background:transparent;padding:8px 13px;font:700 12px 'Noto Sans TC',sans-serif;cursor:pointer}.category-bar button:hover,.category-bar button.active{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.journal-grid .article-card{min-height:330px}.journal-grid .article-card:first-child{min-height:485px;padding:36px;background:var(--paper-light);color:var(--ink);border-color:var(--red)}.journal-grid .article-card:first-child .article-card__meta,.journal-grid .article-card:first-child .article-card__arrow{color:var(--red)}.journal-grid .article-card:first-child h3{font-size:22px}.journal-grid .article-card:first-child p{color:var(--muted)}.empty-state{grid-column:1/-1;padding:60px 0;border-top:1px solid var(--ink);font-family:'Noto Serif TC',serif;font-size:25px}.article-header{padding:78px 0 54px;border-bottom:1px solid var(--line)}.article-header .article-card__meta{font-size:11px}.article-header h1{max-width:890px;margin-bottom:19px;font-family:'Noto Serif TC',serif;font-size:clamp(40px,5.3vw,69px);line-height:1.19;letter-spacing:-.05em}.article-header .article-deck{max-width:650px;margin:0;color:var(--muted);font-size:17px}.article-main{display:grid;grid-template-columns:190px minmax(0,680px);gap:90px;padding:66px 0 130px}.article-aside{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.06em}.article-aside p{margin-bottom:18px}.article-aside a{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:50%;margin-bottom:8px;font-family:'Noto Sans TC',sans-serif;font-size:13px}.article-body{font-size:16px}.article-body>*{max-width:680px}.article-body p{margin-bottom:25px}.article-body h2{margin:48px 0 16px;font-family:'Noto Serif TC',serif;font-size:30px;line-height:1.35}.article-body ul{margin:0 0 27px;padding-left:21px}.article-body li{margin-bottom:9px}.article-callout{margin:35px 0;padding:25px 27px;background:#eee2c2;border-left:3px solid var(--red);font-family:'Noto Serif TC',serif;font-size:19px;line-height:1.65}.article-end{margin-top:54px;padding-top:20px;border-top:1px solid var(--ink)}.article-end a{font-weight:700}.article-not-found{padding:130px 0;font-family:'Noto Serif TC',serif;font-size:28px}
@media(max-width:900px){:root{--shell:min(680px,calc(100% - 40px))}.header-inner{height:68px}.site-nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;gap:0;margin:0;padding:12px 20px 22px;border-bottom:1px solid var(--ink);background:var(--paper)}.site-nav.open{display:flex}.site-nav a{padding:10px 0;border-bottom:1px solid var(--line)}.site-nav .active{border-color:var(--red)}.header-line{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:none;padding:6px}.menu-toggle span{display:block;width:25px;height:2px;margin:5px 0;background:var(--ink)}.hero,.hero-content{min-height:0}.hero-content{padding:64px 0 34px}.hero-image{position:relative;order:2;width:var(--shell);aspect-ratio:930/320;margin:0 auto;opacity:1}.hero-copy{width:100%;padding:0}.hero-index{display:flex;align-items:center;gap:13px;align-self:flex-end;margin-top:32px;padding-bottom:0;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.09em}.quick-links{grid-template-columns:1fr;margin-top:0;box-shadow:none}.quick-links>a{min-height:96px;border-right:0;border-bottom:1px solid var(--line)}.quick-links>a:last-child{border-bottom:1px solid var(--line)}.latest{padding:90px 0}.editorial-grid,.journal-grid{grid-template-columns:1fr}.article-card,.article-card:first-child{min-height:290px}.article-card:first-child{min-height:390px}.manifesto{padding:80px 0}.manifesto-grid,.beginner,.product-note-main,.about-grid,.contact,.article-main{grid-template-columns:1fr;gap:40px}.beginner{padding:90px 0}.beginner-photo{position:relative;aspect-ratio:930/320;overflow:hidden;background:var(--red)}.product-note{padding:35px 26px}.product-note-main{padding:35px 0}.about-band{margin-top:90px;padding:75px 0;background:#e1c67d;color:var(--ink)}.about-grid{gap:28px}.contact{padding:90px 0}.footer-inner{align-items:flex-start;flex-direction:column;gap:11px}.footer-inner a:last-child{margin:8px 0 0}.page-hero{padding:75px 0 60px}.journal-layout{padding:40px 0 90px}.article-main{padding:42px 0 90px}.article-aside{display:flex;gap:15px;align-items:center}.article-aside p{margin:0}.article-aside a{margin:0}.article-body h2{font-size:26px}}
@media(max-width:560px){:root{--shell:calc(100% - 32px)}.hero,.hero-content{min-height:0}.hero-content{padding:64px 0 34px}.hero h1{font-size:36px}.hero-copy>p:not(.kicker){max-width:470px;margin-bottom:32px;color:var(--muted);font-size:15px}.hero-index{display:flex;align-items:center;gap:13px;align-self:flex-end;margin-top:32px;padding-bottom:0;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.09em}.hero-index i{width:31px}.section-topline{display:block}.arrow-link{display:inline-block;margin-top:21px}.latest h2{font-size:42px}.article-card:first-child h3{font-size:27px}.manifesto h2,.beginner h2,.product-note h2,.about-band h2{font-size:37px}.product-note-top{align-items:flex-start;flex-direction:column;gap:8px}.contact-actions>a{align-items:flex-start;flex-direction:column;gap:0}.article-header{padding:55px 0 40px}.article-header .article-deck{font-size:15px}.article-main{gap:30px}.article-body{font-size:15px}.article-callout{padding:20px;font-size:17px}}