:root{--paper:#f4efe7;--paper-2:#ece4d6;--ink:#171310;--ink-2:#5b5348;--rule:#d5c9b4;--a:#b3455e;--b:#3f4446;--c:#286745;--d:#2c5399;--e:#8f1f1f;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Songti SC", SimSun, serif;--sans:"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--gutter:clamp(18px, 4vw, 56px);--fast:.18s}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}img{max-width:100%}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.skip{background:var(--ink);color:var(--paper);z-index:40;padding:10px 14px;text-decoration:none;position:absolute;top:-48px;left:12px}.skip:focus-visible{top:12px}.head{max-width:1180px;padding:clamp(26px, 5vw, 64px) var(--gutter) 0;margin:0 auto}.mark{font-family:var(--serif);letter-spacing:.22em;color:var(--ink-2);margin:0 0 18px;font-size:14px}.head h1{font-family:var(--serif);letter-spacing:.01em;text-wrap:balance;margin:0;font-size:clamp(31px,4.6vw,56px);font-weight:400;line-height:1.08}.lede{font-family:var(--serif);color:var(--ink-2);margin:14px 0 0;font-size:clamp(16px,1.5vw,20px)}.meta{color:var(--ink-2);max-width:42ch;margin:18px 0 0;font-size:13.5px}.stage{max-width:1180px;padding:0 var(--gutter);grid-template-columns:1.22fr 1fr 1fr 1fr 1fr;align-items:end;gap:clamp(12px,2.2vw,30px);margin:clamp(26px,5vw,54px) auto 0;display:grid}.deck{transform:translateY(var(--off,0px));margin:0}.deck:first-child{--off:26px}.deck:nth-child(2){--off:0px}.deck:nth-child(3){--off:34px}.deck:nth-child(4){--off:10px}.deck:nth-child(5){--off:22px}.stack{--px:0px;--py:0px;--pr:0deg;--rot:0deg;transform:translate3d(var(--px), var(--py), 0) rotate(calc(var(--rot) + var(--pr)));transform-origin:50% 82%;padding:10px 0 0 8px;transition:transform .22s cubic-bezier(.22,.61,.36,1);position:relative}.deck--a{--deck-c:var(--a)}.deck--b{--deck-c:var(--b)}.deck--c{--deck-c:var(--c)}.deck--d{--deck-c:var(--d)}.deck--e{--deck-c:var(--e)}.deck:first-child .stack{--rot:-1.8deg}.deck:nth-child(2) .stack{--rot:1.2deg}.deck:nth-child(3) .stack{--rot:-1deg}.deck:nth-child(4) .stack{--rot:1.4deg}.deck:nth-child(5) .stack{--rot:-1.2deg}.shot{line-height:0;text-decoration:none;display:block}.shot img{width:100%;height:auto;display:block;box-shadow:0 12px 26px -18px #1713108c,inset 0 1px #fff9}.shot--back{transform-origin:90% 92%;z-index:0;width:80%;position:absolute;top:6px;left:2%;transform:rotate(-6deg)}.shot--front{z-index:1;width:88%;margin-left:12%;position:relative}.deck figcaption{grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;margin-top:30px;padding-left:20%;display:grid}.deck-letter{font-family:var(--serif);color:var(--deck-c,var(--ink-2));border-bottom:2px solid var(--deck-c,var(--rule));grid-row:1;padding-bottom:2px;font-size:15px}.deck-name{letter-spacing:.02em;grid-row:1;font-size:15px}.deck-link{color:var(--ink-2);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:4px;grid-area:2/2;margin-top:6px;font-size:13px}.deck-link:hover,.deck-link:focus-visible{color:var(--ink);text-decoration-color:currentColor}.hint{max-width:1180px;padding:0 var(--gutter);color:var(--ink-2);border-top:1px solid var(--rule);margin:clamp(34px,5vw,58px) auto 0;padding-top:16px;font-size:13.5px}.detail{max-width:1180px;padding:0 var(--gutter) clamp(40px, 7vw, 90px);grid-template-columns:minmax(180px,232px) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,72px);margin:0 auto;display:grid}.aside{padding-top:clamp(26px,5vw,64px);position:sticky;top:32px}.back-link{color:var(--ink-2);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:4px;margin-bottom:26px;font-size:13.5px;display:inline-block}.back-link:hover,.back-link:focus-visible{color:var(--ink);text-decoration-color:currentColor}.aside h1{font-family:var(--serif);margin:0;font-size:clamp(26px,2.6vw,34px);font-weight:400;line-height:1.2}.aside .deck-tag{font-family:var(--serif);color:var(--a);margin:0 0 10px;font-size:14px}.aside p{color:var(--ink-2);margin:12px 0 0;font-size:13.5px}.toc{border-top:1px solid var(--rule);margin:28px 0 0;padding:0;list-style:none}.toc li{border-bottom:1px solid var(--rule)}.toc a{color:var(--ink-2);gap:10px;padding:9px 0;font-size:13.5px;text-decoration:none;display:flex}.toc a:hover,.toc a:focus-visible{color:var(--ink)}.reading{min-width:0;padding-top:clamp(26px,5vw,64px)}.section{margin:0 0 clamp(48px,7vw,96px);scroll-margin-top:24px}.section-head{border-bottom:1px solid var(--rule);align-items:baseline;gap:12px;margin-bottom:clamp(18px,3vw,30px);padding-bottom:12px;display:flex}.section-no{font-family:var(--serif);color:var(--a);font-size:13px}.section-head h2{font-family:var(--serif);margin:0;font-size:clamp(21px,2.1vw,27px);font-weight:400;line-height:1.3}.section-head p{color:var(--ink-2);margin:0 0 0 auto;font-size:13px}.hero-shot{margin:0}.hero-shot img{width:min(100%,430px);height:auto;display:block;box-shadow:0 22px 44px -30px #171310b3}.hero-shot figcaption{color:var(--ink-2);max-width:44ch;margin-top:14px;font-size:13px}.flip{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,46px);display:grid}.flip-card{perspective:1000px;margin:0}.flip-inner{transform-style:preserve-3d;transition:transform .42s cubic-bezier(.3,.7,.2,1);position:relative}.flip[data-face=back] .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;line-height:0;display:block}.flip-face img{width:100%;height:auto;display:block;box-shadow:0 20px 40px -28px #171310b3}.flip-face--back{position:absolute;inset:0;transform:rotateY(180deg)}.flip-side{padding-top:6px}.flip-side h3{font-family:var(--serif);margin:0 0 8px;font-size:18px;font-weight:400}.flip-side p{color:var(--ink-2);max-width:34ch;margin:0 0 18px;font-size:13.5px}.btn{font:inherit;color:var(--ink);border:1px solid var(--ink);cursor:pointer;transition:background-color var(--fast) ease, color var(--fast) ease;background:0 0;padding:9px 16px;font-size:14px}.btn:hover,.btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,22px);margin:0;padding:0;list-style:none;display:grid}.card{margin:0}.card a{line-height:0;display:block}.card img{width:100%;height:auto;transition:transform var(--fast) ease;display:block;box-shadow:0 14px 28px -24px #171310bf}.card a:hover img{transform:translateY(-3px)}.card p{color:var(--ink-2);margin:9px 0 0;font-size:12.5px;line-height:1.4}.pairs{grid-template-columns:1fr;gap:clamp(26px,4vw,48px);display:grid}.pair-faces{max-width:640px}.pair{margin:0}.pair h3{font-family:var(--serif);margin:0 0 12px;font-size:17px;font-weight:400}.pair-faces{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pair-faces a{line-height:0;display:block}.pair-faces img{width:100%;height:auto;display:block;box-shadow:0 16px 30px -26px #171310cc}.pair figcaption{color:var(--ink-2);margin-top:10px;font-size:12.5px}.note{max-width:46ch;font-family:var(--serif);margin:0;font-size:clamp(17px,1.9vw,21px);line-height:1.75}.pswp{--pswp-bg:#14110e}@media (width<=860px){.detail{grid-template-columns:1fr}.aside{padding-top:clamp(22px,5vw,40px);position:static}.toc{border:0;flex-wrap:wrap;gap:6px 18px;margin-top:18px;display:flex}.toc li{border:0}.reading{padding-top:clamp(22px,5vw,40px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flip{grid-template-columns:1fr}.flip-card{max-width:300px}}@media (width<=640px){.stage{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px 16px;max-width:560px}.deck{--off:0px;transform:none}.deck-body{display:block}.deck .stack{--rot:0deg;padding:0}.shot--front{width:100%;margin-left:0}.shot--back{display:none}.shot img{box-shadow:0 10px 20px -16px #17131099}.deck figcaption{border:0;margin:0;padding:10px 0 0;display:block}.deck-letter{margin-right:6px;font-size:12px}.deck-name{font-size:15px}.deck-link{text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px;margin-top:5px;font-size:13px;display:block}.deck-link:hover,.deck-link:focus-visible{text-decoration-color:currentColor}.pairs{grid-template-columns:1fr}.section-head{flex-wrap:wrap}.section-head p{flex-basis:100%;margin:0}}@media (width<=340px){.stage{gap:18px 12px}.deck-name{font-size:14px}.deck-letter{margin-right:4px;font-size:11px}.deck-link{font-size:12px}}@media (prefers-reduced-motion:reduce){.stack{--px:0px;--py:0px;--pr:0deg;transition:none}.flip-inner{transition:none}.flip[data-face=back] .flip-inner{transform:rotateY(180deg)}.card a:hover img{transform:none}.btn{transition:none}.pswp__button,.pswp__img{transition:none!important;animation:none!important}}.jump{margin:20px 0 0}.btn-quiet{text-decoration:none;display:inline-block}.card p .who{color:var(--ink-2);margin-top:2px;font-size:12px;display:block}.note-line{color:var(--ink-2);margin:14px 0 0;font-size:12.5px}.design{grid-template-columns:max-content minmax(0,1fr);gap:12px 26px;margin:0;font-size:14px;display:grid}.design dt{color:var(--ink-2)}.design dd{max-width:62ch;margin:0}.downloads{max-width:1180px;padding:0 var(--gutter) clamp(30px, 6vw, 64px);margin:clamp(30px,5vw,56px) auto 0}.downloads h2{font-family:var(--serif);border-top:1px solid var(--rule);margin:0 0 10px;padding-top:18px;font-size:clamp(21px,2.1vw,27px);font-weight:400}.dl-intro{color:var(--ink-2);max-width:62ch;margin:0;font-size:14px}.dl-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4px 28px;margin:18px 0 0;padding:0;list-style:none;display:grid}.dl-list li{border-top:1px solid var(--rule);flex-direction:column;gap:2px;padding:11px 0;display:flex}.dl-list a{-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px}.dl-list a:hover,.dl-list a:focus-visible{text-decoration-color:currentColor}.dl-meta{color:var(--ink-2);font-size:12.5px}.dl-note{color:var(--ink-2);margin:14px 0 0;font-size:12.5px}.table-wrap{overflow-x:auto}.dl-table{border-collapse:collapse;width:100%;min-width:540px;font-size:13.5px}.dl-table th,.dl-table td{text-align:left;border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums;padding:8px 16px 8px 0}.dl-table th{color:var(--ink-2);font-weight:400}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.hero-shot img{width:min(100%,320px)}.design{grid-template-columns:minmax(0,1fr);gap:4px}.design dd{margin-bottom:12px}.dl-list{grid-template-columns:minmax(0,1fr)}.downloads{padding-bottom:40px}}.jump-mobile{display:none}@media (width<=640px){.jump-mobile{margin:12px 0 16px;display:block}.jump-desktop{display:none}.hero-shot img{width:min(100%,280px)}}.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:#4f4f4f66;--pswp-preloader-color-secondary:#ffffffe6;--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);width:100%;height:100%;z-index:var(--pswp-root-z-index);touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:#0000;outline:0;display:none;position:fixed;top:0;left:0}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{will-change:opacity;transform:translateZ(0)}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{color:var(--pswp-error-text-color);margin:auto;font-size:1em;line-height:1}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{cursor:pointer;width:50px;height:60px;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{box-shadow:none;opacity:1;background:0 0;border:0;padding:0;transition:none}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);pointer-events:none;width:32px;height:32px;position:absolute;top:14px;left:9px;overflow:hidden}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{z-index:10;flex-direction:row;justify-content:flex-end;width:100%;height:60px;display:flex;position:absolute;top:0;left:0;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{width:75px;height:100px;margin-top:-50px;position:absolute;top:50%}.pswp__button--arrow:disabled{cursor:default;display:none}.pswp__button--arrow .pswp__icn{background:0 0;border-radius:0;width:60px;height:60px;margin-top:-30px;top:50%}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{left:0;right:auto}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{width:50px;height:60px;margin-right:auto;position:relative;overflow:hidden}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:.6s linear infinite pswp-clockwise}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pswp__counter{margin-top:15px;height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85;margin-inline-start:20px;font-size:14px;line-height:30px}.pswp--one-slide .pswp__counter{display:none}
