@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');

:root{--paper:#f5f2ec;--white:#fbfaf7;--ink:#19241f;--muted:#73766e;--green:#243b32;--green-deep:#16241e;--gold:#a47c45;--gold-light:#cfb382;--line:#dfdbd2;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--gold)}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
.skip-link{position:absolute;z-index:20;left:12px;top:-60px;padding:10px 15px;background:var(--green);color:#fff}
.skip-link:focus{top:12px}
.site-header{height:82px;background:var(--white);border-bottom:1px solid var(--line);position:relative;z-index:5}
.header-inner{max-width:var(--max);height:100%;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.wordmark{display:inline-flex;align-items:center;gap:11px;flex:none;color:var(--ink)}
.wordmark-mark{width:37px;height:37px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:600 14px var(--serif);letter-spacing:-2px;color:var(--gold);position:relative}
.wordmark-mark span{font-size:10px;position:absolute;right:6px;bottom:6px;background:var(--white)}
.wordmark-text{font:500 9px/1.4 var(--mono);letter-spacing:.14em}
.wordmark-text b{font-weight:500;letter-spacing:.22em}
.main-nav{display:flex;align-items:center;gap:31px;margin-left:auto}
.main-nav a,.mobile-nav a{font:500 11px var(--mono);letter-spacing:.025em;color:#555c55;transition:color .2s}
.main-nav a:hover,.mobile-nav a:hover{color:var(--gold)}
.header-search{font:500 11px var(--mono);letter-spacing:.04em;border-left:1px solid var(--line);padding-left:24px}
.header-search span{color:var(--gold);margin-left:5px}
.language-switch{font:500 10px var(--mono);letter-spacing:.035em;color:var(--ink);border:1px solid var(--line);padding:9px 11px;white-space:nowrap;transition:border-color .2s,color .2s}
.language-switch:hover{border-color:var(--gold);color:var(--gold)}
html[lang="zh-Hant"] body{font-family:"Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",sans-serif}
html[lang="zh-Hant"] h1,html[lang="zh-Hant"] h2,html[lang="zh-Hant"] blockquote{font-family:"Noto Serif CJK TC","Songti TC","PMingLiU",serif}
html[lang="zh-Hant"] .wordmark-text{font-family:var(--mono)}
.menu-toggle,.mobile-nav{display:none}
.hero{background:var(--green-deep);color:#f8f4eb;overflow:hidden;position:relative}
.hero-grid{max-width:var(--max);min-height:602px;margin:auto;padding:82px 36px 65px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:45px}
.hero-copy{max-width:610px;position:relative;z-index:1}
.eyebrow{font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.eyebrow-rule{display:inline-block;width:27px;height:1px;background:var(--gold);vertical-align:middle;margin-right:11px}
.hero h1{font:500 clamp(48px,6vw,78px)/1.08 var(--serif);letter-spacing:-.045em;margin:28px 0 24px;max-width:670px}
.hero h1 em{color:var(--gold-light);font-weight:500}
.hero-intro{font-size:16px;color:#d2d3ca;max-width:505px;line-height:1.8;margin:0 0 29px}
.search-form{display:flex;align-items:stretch}
.hero-search{width:min(100%,490px);height:54px;border:1px solid #617066;background:#23352d}
.search-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:inherit;padding:0 17px;font-size:13px}
.search-form input::placeholder{color:#959c92}
.search-form button{border:0;cursor:pointer;background:var(--gold);color:#fff;font:500 10px var(--mono);letter-spacing:.04em;padding:0 20px;transition:background .2s}
.search-form button:hover{background:#89683c}
.search-form:focus-within{outline:2px solid var(--gold-light);outline-offset:3px}
.hero-note{margin-top:20px;font:400 10px var(--mono);color:#b6b9af;letter-spacing:.015em}
.note-mark{color:var(--gold-light);font-size:14px;margin-right:8px}
.hero-art{height:440px;display:flex;align-items:center;justify-content:center;position:relative}
.dial-outer{width:355px;height:355px;border:1px solid rgba(204,177,126,.35);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 0 16px rgba(164,124,69,.04),0 0 0 44px rgba(164,124,69,.025),0 0 80px rgba(0,0,0,.2)}
.dial-ring{position:absolute;inset:14px;border:1px solid rgba(204,177,126,.19);border-radius:50%}
.dial-center{width:265px;height:265px;border:1px solid rgba(204,177,126,.26);border-radius:50%;display:flex;align-items:center;flex-direction:column;position:relative;background:radial-gradient(circle at 45% 42%,#293e34,#1a2c24 70%)}
.dial-center:before,.dial-center:after{content:"";position:absolute;background:rgba(207,179,130,.38)}
.dial-center:before{width:1px;height:12px;top:12px}
.dial-center:after{width:1px;height:12px;bottom:12px}
.dial-label{margin-top:72px;font:500 10px var(--mono);letter-spacing:.28em;color:var(--gold-light)}
.dial-hands{position:absolute;top:50%;left:50%;width:77px;height:1px;background:var(--gold-light);transform:rotate(-50deg);transform-origin:left center}
.dial-hands:before{content:"";position:absolute;left:0;top:-1px;width:57px;height:3px;background:#eee8d8;transform:rotate(120deg);transform-origin:left center}
.dial-hands:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold-light);top:-3px;left:-3px}
.dial-sub{text-align:center;margin-top:115px;font:400 7px/1.8 var(--mono);letter-spacing:.14em;color:#a9afa4}
.roman{position:absolute;color:var(--gold-light);font:500 11px var(--serif);letter-spacing:.1em}
.roman-xii{top:30px}.roman-iii{right:29px}.roman-vi{bottom:30px}.roman-ix{left:28px}
.dial-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold-light)}
.d1{top:75px;right:75px}.d2{bottom:75px;right:75px}.d3{bottom:75px;left:75px}.d4{top:75px;left:75px}
.art-caption{position:absolute;right:6px;bottom:26px;font:400 9px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#aeb3a9}
.hero-bottom{min-height:57px;border-top:1px solid rgba(245,242,236,.14);display:flex;align-items:center;justify-content:center;gap:clamp(35px,9vw,155px);font:400 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#adb2a8}
.intro-strip{max-width:var(--max);margin:0 auto;padding:78px 36px;display:grid;grid-template-columns:.54fr 1.46fr;gap:45px;align-items:start;border-bottom:1px solid var(--line)}
.intro-label{font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);padding-top:8px}
.intro-strip p{font:500 clamp(22px,3vw,33px)/1.5 var(--serif);margin:0;max-width:850px;letter-spacing:-.02em}
.intro-strip i{color:var(--gold);font-weight:500}
.section-pad{max-width:var(--max);margin:auto;padding:94px 36px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:39px}
.section-heading h2,.brands-band h2{font:500 clamp(34px,4vw,52px)/1.13 var(--serif);letter-spacing:-.04em;margin:12px 0 0}
.section-heading>p{max-width:330px;color:var(--muted);font-size:13px;margin:0 0 4px;line-height:1.8}
.text-link{font:500 10px var(--mono);letter-spacing:.04em;color:var(--green);white-space:nowrap}
.text-link span{color:var(--gold);margin-left:5px}
.topic-list{border-top:1px solid var(--line)}
.topic-card{min-height:105px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:90px 1fr 40px;align-items:center;gap:12px;transition:padding .2s,background .2s}
.topic-card:hover{padding:0 15px;background:rgba(255,255,255,.38)}
.topic-num{font:400 10px var(--mono);color:var(--gold)}
.topic-card b{display:block;font:500 22px var(--serif);margin-bottom:3px}
.topic-card small{display:block;color:var(--muted);font-size:12px}
.topic-arrow{justify-self:end;color:var(--gold);font-size:18px}
.featured-section{padding-top:42px;padding-bottom:100px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.library-card{border:1px solid var(--line);background:var(--white);padding:25px 24px 22px;min-height:234px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}
.library-card:hover{transform:translateY(-3px);border-color:#bba578;box-shadow:0 10px 25px rgba(28,35,30,.055)}
.card-kicker{font:400 9px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.card-kicker span{color:#c8c0b1}
.library-card h3{font:500 22px/1.28 var(--serif);letter-spacing:-.02em;margin:15px 0 10px}
.library-card p{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 19px}
.library-card .text-link{margin-top:auto}
.brands-band{background:var(--green);color:#f7f3ea;padding:76px max(36px,calc((100% - var(--max))/2 + 36px));display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center}
.brands-band h2{margin:15px 0 16px}
.brands-band-copy p{color:#c7ccc3;max-width:360px;font-size:13px;line-height:1.8;margin:0 0 25px}
.button-link{display:inline-flex;gap:16px;align-items:center;border:1px solid #9c835d;padding:13px 17px;font:500 10px var(--mono);letter-spacing:.04em;color:#f5f2ec}
.button-link span{color:var(--gold-light)}
.button-link:hover{background:#2c493b;color:#fff}
.brand-word-cloud{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:23px 29px;padding:18px 0}
.brand-word-cloud span{font:500 clamp(11px,1.6vw,18px) var(--serif);letter-spacing:.11em;color:#e5dfd2;white-space:nowrap}
.brand-word-cloud span:nth-child(3n){font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:#c9b18a}
.manifesto{max-width:950px;text-align:center;padding-top:105px;padding-bottom:112px}
.manifesto-symbol{font:500 78px/.65 var(--serif);color:var(--gold)}
.manifesto blockquote{font:500 clamp(27px,4vw,43px)/1.4 var(--serif);letter-spacing:-.025em;margin:26px auto;max-width:850px}
.manifesto p{font:400 9px var(--mono);letter-spacing:.16em;color:var(--muted)}
.site-footer{background:#18221d;color:#d1d3cb;padding:43px max(36px,calc((100% - var(--max))/2 + 36px)) 22px}
.footer-main{display:grid;grid-template-columns:1.1fr 1.4fr 1fr;gap:35px;align-items:center;padding-bottom:35px}
.footer-wordmark{color:#f1eee6}.footer-wordmark .wordmark-mark span{background:#18221d}
.footer-main>p{font-size:12px;color:#aeb5aa;line-height:1.75;max-width:360px;margin:0}
.footer-main nav{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.footer-main nav a{font:400 9px var(--mono);letter-spacing:.04em;color:#d1d3cb}
.footer-main nav a:hover{color:var(--gold-light)}
.footer-bottom{border-top:1px solid rgba(245,242,236,.14);padding-top:17px;display:flex;justify-content:space-between;gap:15px;font:400 8px var(--mono);letter-spacing:.04em;color:#929a90}
.listing-wrap,.article-wrap{max-width:var(--max);margin:auto;padding:32px 36px 95px}
.breadcrumbs{display:flex;align-items:center;gap:10px;font:400 9px var(--mono);color:#86887f;letter-spacing:.02em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.breadcrumbs a{color:#686e66}.breadcrumbs span[aria-current]{overflow:hidden;text-overflow:ellipsis}
.listing-hero{padding:69px 0 46px;max-width:810px}
.listing-hero h1,.article-hero h1{font:500 clamp(43px,6vw,68px)/1.08 var(--serif);letter-spacing:-.045em;margin:16px 0 18px}
.listing-hero>p{max-width:690px;font:400 16px/1.8 var(--sans);color:#646960;margin:0}
.listing-search{height:54px;max-width:600px;background:#fff;border:1px solid var(--line);color:var(--ink);margin-top:27px}
.listing-search input::placeholder{color:#8b8e86}
.listing-search button{min-width:145px}
.listing-toolbar{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:17px;font:400 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#7a7b73}
.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.article-wrap{padding-top:32px}
.article-hero{max-width:850px;padding:55px 0 31px}
.article-hero .eyebrow span{color:#c5baa6;margin:0 6px}
.article-hero h1{max-width:900px;margin-top:16px}
.article-dek{font:400 clamp(17px,2vw,20px)/1.75 var(--serif);color:#60665d;max-width:770px;margin:0}
.article-byline{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);margin-top:28px;padding-top:14px;font:400 9px var(--mono);color:#777970;letter-spacing:.035em}
.answer-box{max-width:860px;padding:21px 25px 23px;border-left:2px solid var(--gold);background:#ece8df;margin:4px 0 36px}
.answer-label{font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}
.answer-box p{font:500 16px/1.75 var(--serif);margin:9px 0 0;color:#27332b}
.article-body{max-width:760px}
.article-section{margin:0 0 33px}
.article-section h2,.faq-section h2,.related-section h2{font:500 29px/1.25 var(--serif);letter-spacing:-.025em;margin:0 0 13px}
.article-section p,.glossary-entry p{font-size:14px;line-height:1.9;color:#454b44;margin:0 0 14px}
.article-section ul{padding-left:21px;color:#454b44;font-size:14px;line-height:1.9}
.article-section li{padding-left:4px;margin:5px 0}
.sources-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:42px 0 0;padding:22px 0}
.sources-box h2{font:500 20px var(--serif);margin:0 0 7px}
.sources-box p{font-size:11px;color:var(--muted);margin:0 0 8px}
.sources-box ul{padding-left:18px;margin:0;font-size:11px;line-height:1.9;color:#506056}
.sources-box a{text-decoration:underline;text-decoration-color:#c2ad88;text-underline-offset:3px}
.faq-section,.related-section{max-width:900px;margin-top:61px;padding-top:26px;border-top:1px solid var(--line)}
.faq-section>.eyebrow,.related-section>.eyebrow{margin-bottom:10px}
.faq-section details{border-bottom:1px solid var(--line);padding:14px 0}
.faq-section summary{font:500 16px var(--serif);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary:after{content:"+";font:400 17px var(--mono);color:var(--gold)}
.faq-section details[open] summary:after{content:"−"}
.faq-section details p{max-width:770px;font-size:13px;line-height:1.8;color:#5e625b;margin:11px 0 3px}
.related-section .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:21px}
.related-section .library-card{min-height:210px}
.article-disclaimer{max-width:860px;margin:42px 0 0;padding:15px 17px;background:rgba(255,255,255,.45);font-size:10px;line-height:1.7;color:#71756d}
.static-page .article-hero{padding-bottom:15px}
.search-status{font:400 10px var(--mono)!important;color:#777970!important;margin-top:14px!important}
.noscript-note{font-size:12px;color:var(--muted)}
.empty-state{grid-column:1/-1;padding:46px;border:1px dashed #c8c1b3;text-align:center;color:var(--muted);font-size:13px}
.glossary-wrap .listing-hero{padding-bottom:28px}
.glossary-index{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:30px}
.glossary-index a{font:500 10px var(--mono);color:var(--gold);border:1px solid var(--line);padding:5px 8px}
.glossary-index a:hover{background:var(--green);color:#fff}
.glossary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:46px}
.glossary-entry{border-bottom:1px solid var(--line);padding:17px 0 12px;scroll-margin-top:25px}
.glossary-entry h2{font:500 21px var(--serif);margin:0 0 5px}
.glossary-entry p{font-size:12px;line-height:1.75;margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:900px){.header-inner{padding:0 24px}.main-nav{gap:17px}.main-nav a{font-size:10px}.hero-grid{padding:68px 24px 55px;min-height:560px;gap:10px}.hero-art{transform:scale(.85);transform-origin:center}.section-pad{padding-left:24px;padding-right:24px}.intro-strip{padding-left:24px;padding-right:24px;gap:25px}.brands-band{padding-left:24px;padding-right:24px;gap:30px}.listing-wrap,.article-wrap{padding-left:24px;padding-right:24px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-section .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.site-header{height:70px}.header-inner{padding:0 19px;gap:10px}.main-nav,.header-search{display:none}.menu-toggle{display:block;border:1px solid var(--line);background:transparent;padding:8px 11px;color:var(--ink);font:400 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.mobile-nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--line);padding:14px 20px 19px;grid-template-columns:1fr 1fr;gap:15px}.mobile-nav.is-open{display:grid}.mobile-nav a{padding:7px 0}.hero-grid{padding:58px 21px 36px;grid-template-columns:1fr;gap:15px;min-height:auto}.hero-copy{max-width:590px}.hero h1{font-size:clamp(48px,13vw,70px);margin:22px 0 18px}.hero-intro{font-size:14px;max-width:490px}.hero-art{height:315px;transform:none;margin-top:0}.dial-outer{width:275px;height:275px;transform:scale(.82)}.dial-center{width:220px;height:220px}.dial-label{margin-top:58px}.dial-sub{margin-top:96px}.dial-hands{width:65px}.art-caption{right:0;bottom:3px}.hero-bottom{gap:0;justify-content:space-around;padding:0 9px;font-size:7px;letter-spacing:.08em}.intro-strip{padding:48px 21px;grid-template-columns:1fr;gap:13px}.intro-strip p{font-size:23px}.section-pad{padding:65px 21px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:40px}.section-heading>p{margin-top:13px}.section-heading>.text-link{display:inline-block;margin-top:19px}.topic-card{grid-template-columns:42px 1fr 23px;min-height:96px}.topic-card b{font-size:20px}.topic-card small{font-size:11px}.featured-section{padding-top:20px;padding-bottom:65px}.card-grid,.listing-grid,.related-section .card-grid{grid-template-columns:1fr}.library-card{min-height:205px;padding:22px}.brands-band{padding:54px 21px;grid-template-columns:1fr;gap:25px}.brands-band h2{font-size:40px}.brand-word-cloud{justify-content:flex-start;gap:17px 22px;padding:0}.brand-word-cloud span{font-size:13px}.manifesto{padding-top:76px;padding-bottom:78px}.manifesto blockquote{font-size:29px}.site-footer{padding:35px 21px 20px}.footer-main{grid-template-columns:1fr;gap:21px;padding-bottom:24px}.footer-main nav{align-items:flex-start;display:grid;grid-template-columns:1fr 1fr}.footer-bottom{display:block;line-height:1.9}.footer-bottom span{display:block}.listing-wrap,.article-wrap{padding:23px 21px 68px}.listing-hero{padding:53px 0 34px}.listing-hero h1,.article-hero h1{font-size:clamp(43px,12vw,58px)}.listing-hero>p{font-size:14px}.listing-search{height:auto;min-height:52px}.listing-search button{min-width:112px;padding:0 12px;font-size:9px}.listing-toolbar{font-size:8px}.article-hero{padding:43px 0 24px}.article-dek{font-size:17px}.article-byline{gap:9px 16px;font-size:8px}.answer-box{padding:17px 18px;margin-bottom:30px}.answer-box p{font-size:15px}.article-section h2,.faq-section h2,.related-section h2{font-size:26px}.article-section p{font-size:13px}.glossary-list{grid-template-columns:1fr}.glossary-index{gap:6px}.glossary-index a{font-size:9px}.search-page-hero{padding-top:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}