*{box-sizing:border-box} :root{--paper:#f7f7f3;--ink:#252823;--secondary:#63685f;--line:#c8cdc2;--blue:#527a9a;--serif:'Bodoni Moda',Didot,Georgia,serif}body{margin:0;background:var(--paper);color:var(--ink);font:16px Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.page{max-width:1800px;padding:0 3.5%;height:100svh;min-height:780px;margin:auto;display:flex;flex-direction:column}header{height:56px;flex-shrink:0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:14px}header>a:first-child{font-weight:600}header>span{text-align:center;color:var(--secondary)}header>a:last-child{text-align:right}.headline{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;flex-shrink:0;height:112px;border-bottom:1px solid var(--line)}h1{grid-column:1/9;font:400 clamp(58px,6.5vw,92px)/1 var(--serif);margin:0 0 13px}h1>span>span{font-size:.72em}.headline>p{grid-column:10/13;font-size:16px;line-height:1.4;margin:0}.spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;flex:1;min-height:345px;position:relative;padding:24px 0 16px}.editorial-left{grid-column:1/4;display:flex;flex-direction:column;justify-content:center;gap:28px;z-index:1}.editorial-left article{max-width:300px}article h2{font:400 27px/1.12 var(--serif);margin:0 0 12px}article p{font-size:16px;line-height:1.45;margin:0}.scene{grid-column:4/10;position:relative;min-width:0}.editorial-right{grid-column:10/13;align-self:center;z-index:1}.editorial-right .dateline{font-size:14px;color:var(--blue);margin-bottom:15px}.editorial-right h2{font-size:38px;margin-bottom:14px}.editorial-right .schedule-note{margin-top:18px;font-size:14px;line-height:1.6;color:var(--secondary)}.editorial-right>a{display:inline-block;font-size:14px;margin-top:12px;border-bottom:1px solid var(--line);padding-bottom:3px}.coin-stage{position:absolute;top:48%;left:50%;width:min(65%,35vh,350px);aspect-ratio:1;transform:translate(-50%,-50%);perspective:4000px;z-index:2}.coin-button{display:block;width:100%;height:100%;transform-style:preserve-3d}.coin{position:absolute;inset:0;display:block;transform-style:preserve-3d}.face,.edge{position:absolute;inset:0;border-radius:50%;display:block}.face{background:url('/coin-atlas.png') no-repeat;background-size:212% 106%;border:1px solid #989b92;backface-visibility:hidden}.front{background-position:97.3% calc(50% + 5px);transform:translateZ(6px)}.back{background-position:2.7% calc(50% + 5px);transform:rotateY(180deg) translateZ(6px)}.edge{background:repeating-conic-gradient(#85877f 0deg 1deg,#c1c4b9 1deg 2deg);border:1px solid #93958c}.country-outline{position:absolute;inset:4% -3% 12%;pointer-events:none}.country-outline svg{width:100%;height:100%;overflow:visible}.country-outline .country-shape{fill:none;stroke:var(--blue);stroke-width:1;vector-effect:non-scaling-stroke;opacity:0;stroke-dasharray:1;stroke-dashoffset:1;transition:opacity .55s ease,stroke-dashoffset 1.35s cubic-bezier(.25,.1,.25,1)}.country-outline .country-shape.visible{opacity:.38;stroke-dashoffset:0}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}.connections path{fill:none;stroke:#858c7d;stroke-width:.8}.connections rect{fill:var(--paper);stroke:var(--ink);stroke-width:1}.annotation{position:absolute;z-index:3;background:var(--paper);font-size:14px;line-height:1.35;padding:3px 0}.token{left:4%;top:13%}.contract{right:0;bottom:14%;display:flex;flex-direction:column;gap:4px}.contract>span:first-child{color:var(--secondary)}.coin-instruction{position:absolute;bottom:1%;width:100%;text-align:center;font-size:14px;color:var(--secondary)}.history{flex-shrink:0;height:310px;position:relative;padding-top:14px;border-top:1px solid var(--line)}.history-top{display:flex;justify-content:space-between;align-items:baseline}.history-top h2{font:400 19px/1.1 var(--serif);margin:0}.history-top>span{color:var(--secondary);font:14px Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}.event-details{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start;height:86px;padding:13px 0 7px}.event-heading time{font-size:14px;color:var(--secondary)}.event-heading h3{font:400 18px/1.2 var(--serif);margin:6px 0 0}.event-details>p{max-width:630px;font-size:15px;line-height:1.4;margin:2px 0 0}.event-links{display:flex;flex-direction:column;gap:9px;font-size:14px;align-items:flex-end;padding-top:2px}.event-links a[hidden]{display:none}.dock-viewport{position:absolute;bottom:13px;left:0;right:0;padding-top:7px;overflow:visible}.dock{height:116px;display:flex;align-items:flex-end;gap:4px;position:relative}.dock-item{flex:none;position:relative;min-width:0;overflow:hidden;width:var(--width,32px);height:var(--height,70px);display:block;text-align:left;background:#e2e6dd;transform-origin:center bottom;container-type:inline-size;will-change:width,height;outline-offset:2px}.dock-item:nth-child(4n+2){background:#dce1e1}.dock-item:nth-child(4n+3){background:#cacfc3}.dock-item:nth-child(4n){background:#303a34;color:var(--paper)}.dock-item img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.62)}.dock-item .date-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:5px}.date-tile strong{font:400 26px/1 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}.date-tile span{font:14px Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}.dock-item .date-tile .tile-title{display:none}.dock-item[aria-pressed="true"]{outline:1px solid var(--ink);z-index:2}.dock-item.upcoming{background:#56748b;color:white;min-width:0}.dock-item.upcoming .date-tile{padding:10px;align-items:flex-start}.dock-item.upcoming .date-tile strong{font-size:38px}.dock-item.upcoming .date-tile .tile-title{display:block;font-size:14px;margin-top:3px;white-space:nowrap}.dock-item.upcoming .date-tile>span{font-size:14px}.years{position:relative;height:24px;margin-top:7px;font:12px Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;color:var(--secondary)}.years span{position:absolute;top:0;white-space:nowrap}@container(max-width:35px){.date-tile>span{display:none}}@container(max-width:23px){.date-tile{visibility:hidden}}.archive-error{font-size:16px}@media(min-height:960px) and (min-width:1001px){.headline{height:135px}.spread{padding-top:35px;padding-bottom:30px}.editorial-left{gap:40px}.coin-stage{width:min(66%,380px)}.history{height:330px}.dock{height:140px}.event-details{height:94px}}@media(max-width:1100px) and (min-width:761px){.spread,.headline{gap:18px}.editorial-left p,.editorial-right p{font-size:14px}.editorial-left{gap:22px}article h2{font-size:24px}.editorial-right h2{font-size:30px}.headline>p{font-size:14px}.coin-stage{width:68%}.annotation,.coin-instruction{font-size:12px}.event-details{gap:18px}.event-details>p{font-size:14px}.event-heading h3{font-size:18px}}@media(max-height:800px) and (min-width:761px){.page{min-height:763px}header{height:50px}.headline{height:90px}h1{font-size:74px}.spread{padding:18px 0 12px;min-height:323px}.editorial-left{gap:20px}.editorial-left p,.editorial-right p{font-size:14px}.editorial-right h2{font-size:32px}.editorial-right .schedule-note{margin-top:12px}.history{height:300px}.coin-stage{width:min(64%,31vh)}.coin-instruction{bottom:0}}@media(max-width:760px){.page{height:auto;min-height:100svh;padding:0 5%}header{height:54px;font-size:13px}header>span{font-size:12px}.headline{height:auto;min-height:100px;gap:12px;grid-template-columns:1fr auto}h1{grid-column:1;font-size:60px;margin:9px 0 16px}.headline>p{grid-column:2;font-size:12px}.spread{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px;padding-top:20px}.scene{grid-column:1/-1;grid-row:1;height:330px;max-width:500px;width:100%;justify-self:center}.coin-stage{width:230px;top:45%}.country-outline{inset:1% 0 15%}.token{left:2%;top:15%}.contract{bottom:16%;right:2%}.coin-instruction{bottom:0}.editorial-left{grid-column:1;gap:22px;justify-content:flex-start}.editorial-left article p,.editorial-right p{font-size:14px;line-height:1.45}.editorial-left h2{font-size:24px}.editorial-right{grid-column:2;align-self:start}.editorial-right h2{font-size:31px}.editorial-right .dateline{font-size:13px}.editorial-right .schedule-note,.editorial-right>a{font-size:12px}.history{height:360px;margin-top:18px}.history-top h2{font-size:16px}.event-details{grid-template-columns:1fr 70px;gap:8px 14px;height:128px;padding-top:16px}.event-heading{grid-column:1;grid-row:1}.event-heading h3{font-size:20px}.event-details>p{grid-column:1/-1;grid-row:2;font-size:14px;margin:0}.event-links{grid-column:2;grid-row:1;font-size:12px;gap:7px}.dock-viewport{overflow-x:auto;overflow-y:hidden;padding-top:6px;padding-bottom:4px;scrollbar-width:thin}.dock{min-width:1040px;height:140px}.years{min-width:1040px}.history-top>span{font-size:13px}}@media(prefers-reduced-motion:reduce){.country-outline .country-shape{transition:none}.dock-item{will-change:auto}}
/* One shared set of column starts for the title, articles, and archive. */
.headline{height:104px;align-items:center}
.headline h1{grid-column:4/10;text-align:center;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:1.28em;font-size:clamp(58px,5.6vw,80px);font-family:var(--serif);font-weight:400;line-height:1;margin:0 0 12px;white-space:nowrap}
.headline-copy{display:inline-block;line-height:1;padding:.12em 0 .16em}
.headline-copy>span{font-size:1em}
.event-heading{grid-column:1/4}
.event-details>p{grid-column:4/10;max-width:none;margin:0}
.event-links{grid-column:10/13;align-items:flex-end;text-align:right;padding-top:0;gap:6px}
.event-details .event-heading time,.event-details>p,.event-details .event-links{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4;font-weight:400;font-variant-numeric:tabular-nums}
.event-details .event-heading h3{font:400 18px/1.2 var(--serif)}
.event-details .event-heading h3{margin:4px 0 0}
.event-details .event-heading time{color:var(--secondary)}
.dock-item.upcoming .date-tile strong{font-size:26px}
.contract{left:64%;right:auto;bottom:0;transform:translateX(-50%);align-items:flex-start;gap:5px;padding:0 8px 16px;white-space:nowrap}
.contract>span:first-child{font-size:14px}
#copy-contract{display:flex;align-items:center;gap:7px;min-height:28px;font-size:14px;white-space:nowrap}
#copy-status{position:static;top:auto;font-size:11px;line-height:1;color:var(--secondary);white-space:nowrap}
#copy-status:empty{display:none}
.copy-icon{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.check-glyph{display:none}#copy-contract.copied .copy-glyph{display:none}#copy-contract.copied .check-glyph{display:block}

#copy-fallback{width:250px;font:12px Arial,sans-serif;padding:5px;border:1px solid var(--line);background:var(--paper)}
#copy-fallback[hidden]{display:none}
#outline-us{stroke:#527a9a;fill:url(#hatch-us)}
#outline-cn{stroke:#a84b43;fill:url(#hatch-cn)}
.country-outline .country-shape.visible{opacity:.44}
.face{overflow:hidden;isolation:isolate}


@media(max-width:1100px) and (min-width:761px){.event-details .event-heading time,.event-details .event-heading h3,.event-details>p,.event-details .event-links{font-size:14px}.event-details{gap:18px}}
@media(max-height:800px) and (min-width:761px){.headline{height:90px}.headline h1{font-size:64px}}
@media(max-width:760px){.headline{display:grid;grid-template-columns:1fr;min-height:96px;height:96px}.headline h1{grid-column:1;text-align:center;font-size:60px;margin:0}.contract{left:64%;right:auto;bottom:0}.scene{height:350px}.coin-stage{top:43%}.event-details{grid-template-columns:1fr 76px}.event-heading{grid-column:1;grid-row:1}.event-details>p{grid-column:1/-1;grid-row:2}.event-links{grid-column:2;grid-row:1;align-items:flex-end;text-align:right}.event-details .event-heading time,.event-details .event-heading h3,.event-details>p,.event-details .event-links{font-size:14px}}

/* Reserve the contract's own space beneath the object, including short viewports. */
.scene{container-type:inline-size}
.coin-stage{width:auto;height:min(65cqw,35vh,350px,calc(100% - 108px));top:42%;aspect-ratio:1}

/* The WebGL material owns all metal lighting; the original artwork is a GPU fallback. */
.coin-canvas{position:absolute;width:108%;height:108%;left:-4%;top:-4%;pointer-events:none;display:none}
.webgl-ready .coin-canvas{display:block}
.webgl-ready .coin{visibility:hidden}

/* Face-driven language changes retain the same typography roles and grid. */
:lang(zh-CN){font-family:Arial,Helvetica,'PingFang SC','Microsoft YaHei',sans-serif;font-variant-numeric:tabular-nums}
html:lang(zh-CN){--serif:'Songti SC','STSong','Noto Serif CJK SC',serif}

html:lang(zh-CN) .event-details .event-heading time,html:lang(zh-CN) .event-details>p,html:lang(zh-CN) .event-details .event-links{font-family:Arial,Helvetica,'PingFang SC','Microsoft YaHei',sans-serif;font-variant-numeric:tabular-nums}
html:lang(zh-CN) .editorial-left h2{font-size:25px}
html:lang(zh-CN) .editorial-right h2{font-size:32px}
@media(max-width:760px){html:lang(zh-CN) .editorial-left h2{font-size:22px}html:lang(zh-CN) .editorial-right h2{font-size:28px}}

html:lang(zh-CN) article h2{font-family:var(--serif)}

/* Poster-inspired ink, vermilion accents, and quiet uncoated paper. */
:root{--paper:#eae9e4;--ink:#151613;--secondary:#50514a;--line:#b3b4ab;--blue:#365d79;--accent:#bd351b}
body{background-color:var(--paper);background-image:url('/paper-grain.svg');background-repeat:repeat}
.headline{border-bottom-color:#96988e}
.headline h1{font-weight:400}
.headline-copy>span{color:var(--accent);font-weight:400}
header>a:first-child,.token{font-weight:700;color:var(--accent)}
article h2{font-weight:600}
.editorial-right .dateline{color:var(--accent);font-weight:600}
.editorial-right>a{border-bottom-color:var(--accent)}
.editorial-right h2,.history-top h2{font-weight:400}
.event-details .event-heading h3{font-weight:600}
.annotation{background-color:var(--paper);background-image:url('/paper-grain.svg')}
.connections path{stroke:#66695e}
.copy-icon{stroke-width:1.45}
.dock-item.upcoming{background:var(--accent);color:#fff}
.dock-item[aria-pressed="true"]{outline-color:var(--accent);outline-width:2px}
#outline-us{stroke:#365d79}
#outline-cn{stroke:var(--accent)}
.country-outline .country-shape.visible{opacity:.52}


/* Vector arrows stay consistent across iOS and text-rendering fallbacks. */
.arrow-icon{display:inline-block;width:.82em;height:.82em;margin-left:.18em;vertical-align:-.06em}
@media(max-width:760px){.headline h1{font-size:clamp(34px,11.4vw,46px)}}
@media(min-width:761px) and (max-width:1100px){.headline h1{font-size:clamp(44px,5.2vw,64px)}}