:root{color-scheme:light;--ink:#302b26;--muted:#6b6258;--line:#e5dfd7;--champagne:#dbc6a7;font-family:"Segoe UI","Microsoft JhengHei",sans-serif;color:var(--ink);background:white}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-underline-offset:6px}a:focus-visible{outline:2px solid #705233;outline-offset:6px}p,h1,h2,figure{margin:0}::selection{background:var(--champagne)}.skip-link{position:absolute;top:-80px;left:20px;background:white;padding:15px;z-index:10}.skip-link:focus{top:10px}.topline{text-align:center;padding:10px 20px;background:var(--champagne);font-size:12px;line-height:1.7;letter-spacing:.08em}.topline span{margin:0 10px}.masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 5%;min-height:124px;border-bottom:1px solid var(--line)}.edition{font-size:12px;letter-spacing:.14em;color:var(--muted)}.wordmark{display:block;line-height:0}.wordmark img{width:108px;height:108px;object-fit:contain}.header-link{justify-self:end;font-size:14px;text-decoration:none}.navigation{display:flex;justify-content:center;gap:48px;padding:17px 20px;border-bottom:1px solid var(--line)}.navigation a{font-size:14px;text-decoration:none;letter-spacing:.07em}.navigation a:hover,.text-link:hover,.header-link:hover{color:#8b613d}
.hero{position:relative;min-height:610px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#f2ede6}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,246,242,.44),transparent 68%);z-index:-1}.story{padding:60px 7.7%;width:100%}.eyebrow{font-size:12px;line-height:1.8;letter-spacing:.19em;color:var(--muted)}h1,h2{font-family:"Noto Serif TC","PMingLiU","Times New Roman",serif;font-weight:400}h1{font-size:clamp(42px,4.5vw,68px);letter-spacing:.13em;line-height:1.45;margin:23px 0}.intro{font-size:16px;line-height:2;color:#554b41}.launch-label{font-size:14px;letter-spacing:.15em;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:23px}.button{display:inline-flex;gap:22px;align-items:center;padding:17px 24px;background:#302b26;color:white;font-size:14px;text-decoration:none;min-height:50px}.button:hover{background:#554332}.text-link{font-size:14px;text-decoration:none;border-bottom:1px solid #958778;padding-bottom:6px;display:inline-block;line-height:1.7}.hero-caption{position:absolute;right:32px;bottom:23px;font-size:12px;letter-spacing:.16em;color:#5c5349}.brand-strip{display:flex;justify-content:center;border-bottom:1px solid var(--line);padding:24px;background:#faf8f5}.brand-strip span{font-size:14px;letter-spacing:.12em;padding:0 7%;border-right:1px solid #d6c9b8}.brand-strip span:last-child{border:0}
.about{max-width:1440px;margin:auto;padding:100px 7.7%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center}.editorial-image img{display:block;width:100%;height:440px;object-fit:cover;object-position:63% center}.editorial-image figcaption{display:flex;justify-content:space-between;gap:14px;padding-top:15px;font-size:12px;letter-spacing:.12em;color:var(--muted)}h2{font-size:clamp(28px,2.7vw,40px);line-height:1.6;letter-spacing:.07em}.about-copy h2{margin:19px 0 24px}.about-copy>p:not(.eyebrow){font-size:16px;line-height:2;color:var(--muted);margin-bottom:15px}.about-copy .text-link{margin-top:12px}.connect{padding:66px 24px 74px;background:#f2ebe1;text-align:center;border-top:1px solid #e9dfd1}.connect h2{margin:18px 0 20px}.connect>p:not(.eyebrow){font-size:16px;line-height:2;color:var(--muted)}.connect-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:33px}.connect-links a{border:1px solid #c5b69f;min-width:155px;padding:15px 20px;text-decoration:none;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}.connect-links a:hover{background:#fff9f0;border-color:#8b7155}footer{display:flex;justify-content:space-between;gap:20px;padding:27px 5%;font-size:12px;letter-spacing:.06em;color:var(--muted);line-height:1.8}
@media(min-width:1600px){.hero{min-height:730px}.story{padding-left:max(7.7%,calc((100vw - 1440px)/2))}}
@media(max-width:900px){.edition{max-width:120px;line-height:1.8}.hero{min-height:600px}.hero-image{object-position:58% center}.hero:after{background:linear-gradient(90deg,rgba(249,246,242,.92),rgba(249,246,242,.45) 52%,transparent 75%)}.story{padding:55px 6%}.about{padding:65px 6%;gap:6%}.editorial-image img{height:420px}.brand-strip span{padding:0 5%}.hero-actions{gap:20px;flex-wrap:wrap}}
@media(max-width:620px){.topline{font-size:12px;padding:8px 14px;letter-spacing:0}.topline span{margin:0 3px}.masthead{min-height:107px;padding:6px 22px;grid-template-columns:1fr auto 1fr}.wordmark img{width:92px;height:92px}.edition{font-size:12px;letter-spacing:0;max-width:82px}.header-link{font-size:12px;max-width:82px;line-height:1.8;text-align:right}.navigation{gap:25px;padding:15px 16px}.navigation a{font-size:14px;letter-spacing:0}.hero{min-height:0;display:block;padding-bottom:265px}.hero-image{object-fit:cover;height:330px;top:auto;bottom:0;object-position:70% center}.hero:after{background:linear-gradient(#f3eee7 0%,#f3eee7 47%,rgba(243,238,231,.9) 57%,transparent 75%)}.story{padding:38px 26px 25px}h1{font-size:43px;line-height:1.4;margin:18px 0}.intro{font-size:16px;line-height:1.9}.launch-label{margin-top:24px;font-size:14px}.hero-actions{gap:20px;margin-top:19px}.button{padding:15px 18px;gap:15px;font-size:14px}.hero-actions .text-link{font-size:14px}.hero-caption{right:20px;bottom:17px;font-size:12px;letter-spacing:.05em}.brand-strip{padding:20px 12px}.brand-strip span{font-size:12px;letter-spacing:0;padding:0 4%}.about{padding:48px 26px;display:flex;flex-direction:column;gap:32px;align-items:stretch}.editorial-image img{height:300px}.editorial-image figcaption{font-size:12px}.about-copy h2{font-size:30px}.connect{padding:48px 26px}.connect h2{font-size:28px}.connect>p:not(.eyebrow){font-size:16px}.connect-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.connect-links a{min-width:0;padding:15px 13px;gap:8px}footer{padding:25px 26px;flex-wrap:wrap;gap:10px}footer span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}