:root{--paper:#e9e9e2;--ink:#161714;--muted:#55564f;--line:#161714;--accent:#c63a22;--wash:#deded6;--mono:Consolas,"Liberation Mono",monospace;--sans:Arial,"Helvetica Neue","Microsoft YaHei",sans-serif;color-scheme:light}
:root[data-tone="coal"]{--paper:#171816;--ink:#e9e9e2;--muted:#b2b3aa;--line:#a6a89d;--accent:#ff7256;--wash:#252621;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border-radius:0}img{display:block;width:100%;height:auto}::selection{color:var(--paper);background:var(--ink)}.skip{position:fixed;top:8px;left:8px;z-index:100;background:var(--ink);color:var(--paper);padding:15px;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}
.study-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:0 3vw;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.03em}.study-note{opacity:.7}.tones{display:flex;align-self:stretch}.tones button{min-height:42px;padding:0 16px;background:transparent;border:0;border-left:1px solid color-mix(in srgb,var(--paper) 35%,transparent);color:var(--paper);font-size:12px}.tones button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}.tones button:focus-visible{outline-offset:-4px}
.site{width:94%;max-width:1800px;margin:0 auto}.header{display:flex;min-height:89px;align-items:center;justify-content:space-between;gap:30px;border-bottom:2px solid var(--ink)}.identity{display:flex;gap:24px;align-items:center;font-weight:900;font-size:29px;letter-spacing:-.08em;white-space:nowrap}.identity span{font-size:12px;letter-spacing:.08em;font-weight:400}nav{display:flex;gap:30px;align-self:stretch}nav a{display:flex;align-items:center;gap:10px;font-size:13px;min-height:44px}nav a span{font-family:var(--mono);font-size:10px}nav a:hover{color:var(--accent)}.nav-active:before{content:"";width:7px;height:7px;background:var(--accent)}
.masthead{padding-top:21px}.masthead-kicker,.masthead-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:12px;letter-spacing:.02em}.masthead h1{font-family:Arial,"Helvetica Neue",sans-serif;font-size:clamp(45px,11.05vw,211px);font-weight:900;letter-spacing:-.088em;line-height:.96;margin:19px 0 16px -0.009em;white-space:nowrap}.masthead-foot{padding:12px 0;border-top:1px solid var(--line);border-bottom:6px solid var(--ink)}.masthead-foot b{font-weight:400}.masthead-foot>span:last-child{display:flex;align-items:center;gap:8px}.masthead-foot>span:last-child>span{font-family:Arial,sans-serif;font-size:22px;margin-left:24px}
.feature{display:grid;grid-template-columns:26% 74%;border-bottom:1px solid var(--line);padding:24px 0 0;scroll-margin-top:20px}.feature-side{display:flex;flex-direction:column;min-width:0;padding:0 26px 24px 0}.feature-number{font-family:var(--mono);display:flex;gap:13px;font-size:12px;align-items:center}.feature-number>span:first-child{font-size:21px;font-weight:700}.feature-number>span:last-child{color:var(--muted)}.slash{color:var(--accent);font-size:27px;font-weight:400}.feature-title-wrap{padding:36px 0 28px}.feature-en{font-family:var(--mono);font-size:11px;line-height:1.5;text-transform:uppercase;margin:0 0 12px;letter-spacing:.015em;max-width:26ch}.feature h2{font-size:clamp(45px,5.65vw,101px);font-weight:900;letter-spacing:-.07em;line-height:1.1;margin:0;overflow-wrap:anywhere}.feature h2 span{display:block}.feature-bottom{margin-top:auto}.feature-bottom>p{font-size:14px;line-height:1.9;max-width:22em;margin:0 0 30px}.feature-meta{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:11px;color:var(--muted);padding-bottom:12px}.series-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:15px 0 0;font-size:14px;min-height:48px}.series-link span{font-size:26px}.series-link:hover{color:var(--accent)}.feature-photo{margin:0;min-width:0;border-left:1px solid var(--line);padding-left:24px}.photo-button{display:block;width:100%;padding:0;border:0;background:none;text-align:left;position:relative;cursor:zoom-in}.photo-button:after{content:"↗";position:absolute;right:0;bottom:0;padding:8px 15px;background:var(--paper);color:var(--ink);font-size:24px;opacity:0;transition:opacity .15s}.photo-button:hover:after,.photo-button:focus-visible:after{opacity:1}.feature-photo .photo-button{background:var(--wash);height:auto;min-height:280px;display:flex;align-items:center;justify-content:center}.feature-photo img{width:100%;height:auto;max-height:650px;object-fit:contain}.feature-photo figcaption{display:flex;justify-content:space-between;gap:20px;padding:15px 0 18px;font-size:11px;line-height:1.4;font-family:var(--mono)}
.opening{padding:26px 0 54px}.section-label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.section-label h3{font-size:12px;font-weight:400;margin:0}.section-label>span{font-family:var(--mono);font-size:11px;color:var(--muted)}.opening-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:32px;align-items:start}.opening-grid figure{margin:0;min-width:0}.opening-grid figure:nth-child(2){padding-top:66px}.opening-grid figure:nth-child(3){padding-top:140px}.opening-grid img{height:auto;max-height:350px;object-fit:contain;object-position:top left}.opening-grid figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:11px;font-family:var(--mono);font-size:11px;color:var(--muted)}.opening-grid:empty{display:none}.opening[hidden]{display:none}
.index{border-top:6px solid var(--ink);padding-top:25px}.index-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:33px}.index h2{font-size:clamp(32px,5vw,76px);line-height:1;letter-spacing:-.06em;margin:0}.index h2 span{display:inline-block;font-weight:400;font-size:.45em;font-family:var(--mono);letter-spacing:-.06em;margin-left:18px}.index-note{font-size:12px}.index-row{width:100%;display:grid;grid-template-columns:7% minmax(0,1fr) 160px 74px 82px 50px;align-items:center;gap:20px;min-height:116px;padding:18px 0;border:0;border-top:1px solid var(--line);text-align:left;background:none}.index-row:last-child{border-bottom:1px solid var(--line)}.index-row:hover,.index-row[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.index-order{font:13px var(--mono);padding-left:12px}.index-name{font-size:clamp(22px,2.8vw,42px);font-weight:700;letter-spacing:-.055em;line-height:1.2}.index-name small{display:block;font:11px/1.6 var(--mono);margin-top:7px;letter-spacing:0}.index-thumb{width:120px;height:76px;object-fit:contain;object-position:left center}.index-year,.index-count{font:12px var(--mono)}.index-count small{display:block;font-size:10px;margin-top:6px}.index-arrow{font-size:34px;justify-self:center}.index-row:focus-visible{outline-offset:-4px}
footer{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:58px 0 36px}footer>div{font:11px/1.6 var(--mono)}footer>a:last-child{font-size:12px;min-height:44px;display:flex;align-items:flex-end}.footer-mark{display:flex;gap:50px;align-items:center;font-size:clamp(44px,8vw,114px);font-weight:900;line-height:1;letter-spacing:-.08em}.footer-mark span{font-weight:400}
dialog{border:0;padding:20px 24px;background:#161714;color:#f1f1eb;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;overflow:auto}dialog::backdrop{background:#161714}dialog[open]{display:flex;flex-direction:column;gap:16px}.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;font:12px var(--mono)}.viewer-bar button{display:flex;align-items:center;gap:26px;color:inherit;background:none;border:1px solid #626359;min-height:44px;padding:0 14px;font-size:13px}.viewer-bar button span{font-size:26px}#viewer-image{min-height:0;flex:1;object-fit:contain;width:100%;height:0}#viewer-caption{font-size:13px;line-height:1.6;color:#c6c8bf;max-width:70ch;margin:0 auto;text-align:center}body:has(dialog[open]){overflow:hidden}
@media(min-width:1915px){.masthead h1{font-size:211px}}
@media(max-width:1050px){nav{gap:17px}.identity{gap:16px}.feature{grid-template-columns:30% 70%}.feature-side{padding-right:20px}.feature-photo{padding-left:20px}.feature-title-wrap{padding-top:28px}.feature-bottom>p{font-size:13px;margin-bottom:20px}.opening-grid{gap:24px}.index-row{grid-template-columns:5% minmax(0,1fr) 100px 48px 56px 35px;gap:18px}.index-thumb{width:100px;height:65px}.index-name{font-size:28px}}
@media(max-width:720px){.site{width:calc(100% - 32px)}.study-tools{padding-inline:16px}.study-note{display:none}.tones button{padding:0 12px}.header{min-height:110px;align-items:flex-start;padding-top:20px;flex-direction:column;gap:10px}.identity{font-size:25px}.identity span{font-size:11px}nav{width:100%;justify-content:space-between;gap:12px}nav a{font-size:12px;gap:6px}nav a span{font-size:9px}.masthead{padding-top:18px}.masthead h1{font-size:10.75vw;margin:16px 0 17px;letter-spacing:-.09em}.masthead-kicker,.masthead-foot{font-size:10px}.masthead-foot{border-bottom-width:4px}.feature{grid-template-columns:1fr;padding-top:19px}.feature-side{padding:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.feature-number{grid-column:1/-1;font-size:11px;gap:11px}.feature-number>span:first-child{font-size:17px}.slash{font-size:23px}.feature-title-wrap{padding:0}.feature-en{font-size:10px;margin:0 0 12px}.feature h2{font-size:clamp(43px,12.4vw,76px);line-height:1.12}.feature-bottom{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}.feature-bottom>p{font-size:12px;line-height:1.8;margin-bottom:17px}.feature-meta{font-size:10px;flex-wrap:wrap;gap:6px}.series-link{font-size:12px;padding-top:9px;min-height:44px}.series-link span{font-size:23px}.feature-photo{border:0;padding:0}.feature-photo .photo-button{min-height:0}.feature-photo img{max-height:560px}.feature-photo figcaption{font-size:10px;padding-bottom:17px}.opening{padding:20px 0 34px}.section-label{margin-bottom:23px}.section-label h3{font-size:11px}.section-label>span{font-size:10px}.opening-grid{grid-template-columns:1fr 1fr;gap:22px 18px}.opening-grid figure:nth-child(2){padding-top:37px}.opening-grid figure:nth-child(3){padding-top:0;width:65%;grid-column:1/-1}.opening-grid img{max-height:270px}.opening-grid figcaption{font-size:10px}.index{padding-top:20px;border-top-width:4px}.index-heading{display:block;padding-bottom:26px}.index h2{font-size:37px}.index-note{display:block;margin-top:18px;font-size:11px}.index-row{grid-template-columns:24px minmax(0,1fr) 54px 24px;gap:12px;min-height:99px;padding:16px 0}.index-thumb{display:none}.index-order{font-size:11px;padding-left:4px}.index-name{font-size:25px}.index-name small{font-size:10px;margin-top:6px;max-width:25ch}.index-year{display:none}.index-count{font-size:12px}.index-count small{font-size:9px}.index-arrow{font-size:25px}footer{padding-top:40px;flex-wrap:wrap;align-items:center;gap:25px}.footer-mark{font-size:58px;gap:26px}footer>div{font-size:10px}footer>a:last-child{width:100%;min-height:30px;align-items:center}dialog{padding:14px;gap:12px}.viewer-bar{font-size:10px}#viewer-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}