:root{color-scheme:light;--paper:#f6f6f4;--mist:#ebebe8;--hover:#e6e6e3;--rule:#d6d6d2;--silver:#a8a8a3;--ink:#1c1d20;--ink-2:#45474d;--ink-3:#66686e;--ink-hover:#383a40;--ink-press:#0c0d0f;--gallery:#171716;--gallery-ink:#ecebe7;--gallery-ink-2:#a9a8a2;--gallery-rule:#ffffff24;--ok:#2f6b4f;--err:#a4473b;--serif:"Noto Serif SC", "Source Han Serif SC", "Source Han Serif", "Noto Serif CJK SC", "Songti SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--sans:"Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;--latin:"Sitka Display", "Sitka Text", "Iowan Old Style", "Charter", Georgia, serif;--measure:38rem;--body:clamp(1.125rem, .95rem + .35vw, 1.25rem);--t-fast:.12s;--t:.18s;--t-slow:.24s;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);color:var(--ink);font:400 var(--body)/1.85 var(--serif);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-kerning:normal;margin:0}img,svg{max-width:100%}[hidden]{display:none!important}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px;text-decoration-color:var(--silver);transition:text-decoration-color var(--t-fast) var(--ease)}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}main{overflow-x:clip}.kicker,.callout .label,.module-label,.meta dt,.band-sources h3{font:500 .75rem/1.5 var(--sans);letter-spacing:.16em;color:var(--ink-3)}.site-nav{border-bottom:1px solid var(--rule);height:3.5rem;font:400 .875rem/1 var(--sans);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:1rem;padding-inline:clamp(1.25rem,2.8vw,2.5rem);display:flex}.site-nav .brand{font:400 1.1875rem/1 var(--latin);letter-spacing:.15em;text-transform:uppercase;color:inherit;flex:none;margin-right:-.15em;text-decoration:none}.site-nav ul{gap:clamp(1rem,3vw,2.25rem);margin:0;padding:0;list-style:none;display:flex}.site-nav ul a{opacity:.72;transition:opacity var(--t-fast) var(--ease);padding-block:.4rem;text-decoration:none;display:inline-block;position:relative}.site-nav ul a:after{content:"";transform-origin:0;height:1px;transition:transform var(--t) var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-nav ul a:hover,.site-nav ul a[aria-current=page]{opacity:1}.site-nav ul a:hover:after,.site-nav ul a[aria-current=page]:after{transform:scaleX(1)}.site-nav[data-tone=gallery]{background:var(--gallery);color:var(--gallery-ink);border-bottom-color:var(--gallery-rule)}.nav-start{white-space:nowrap;align-items:center;gap:1.125rem;display:flex}.site-nav ul{white-space:nowrap}@media (width<=480px){.site-nav[data-tone=gallery] ul{display:none}}.nav-back{opacity:.72;min-height:2.75rem;transition:opacity var(--t-fast) var(--ease);align-items:center;gap:.45rem;padding-left:1.125rem;text-decoration:none;display:inline-flex;position:relative}.nav-back:before{content:"";opacity:.35;background:currentColor;width:1px;height:.875rem;position:absolute;top:50%;left:0;translate:0 -50%}.nav-back svg{transition:transform var(--t) var(--ease)}.nav-back:hover{opacity:1}.nav-back:hover svg{transform:translate(-2px)}.site-nav[data-tone=gallery] :focus-visible{outline-color:var(--gallery-ink)}.opening{background:var(--gallery);min-height:calc(100svh - 3.5rem);color:var(--gallery-ink);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;column-gap:clamp(2rem,6vw,7rem);padding:clamp(2.5rem,5vh,4rem) clamp(1.25rem,5vw,5rem) clamp(2.5rem,6vh,4.5rem);display:grid}.opening-art{place-self:center}.opening-art figure{margin:0}.opening-art img{width:auto;max-width:100%;max-height:calc(100svh - 13.5rem);display:block}.opening-art figcaption,.opening-art figcaption .cap{color:var(--gallery-ink-2)}.opening-art figcaption .credit{display:none}.opening-art figcaption .credit.photo{display:block}.opening-label{max-width:34rem;padding-bottom:.5rem}.opening .kicker{color:var(--gallery-ink-2);margin:0 0 2rem}.opening h1{font:500 clamp(1.875rem, 2.9vw, 2.75rem)/1.38 var(--serif);letter-spacing:.04em;margin:0 0 2rem}.opening h1 span{text-wrap:balance;display:block}.opening .work{gap:.2rem;margin:0 0 1.75rem;display:grid}.opening .work .zh{font:400 1rem/1.6 var(--sans);letter-spacing:.08em}.opening .work .en{font:italic 400 1.125rem/1.5 var(--latin);letter-spacing:0;color:var(--gallery-ink-2)}.opening .lede{color:var(--gallery-ink-2);margin:0 0 2.25rem;font-size:1.0625rem;line-height:1.95}.opening .meta dt{color:var(--gallery-ink-2)}.opening .meta dd{color:var(--gallery-ink)}.opening .meta dt,.opening .meta dd{border-top-color:var(--gallery-rule)}.meta{font:400 .8125rem/1.65 var(--sans);letter-spacing:.03em;grid-template-columns:4.5rem 1fr;margin:0;display:grid}.meta dt,.meta dd{border-top:1px solid var(--rule);padding-block:.55rem}.meta dt{letter-spacing:.16em}.meta dd{color:var(--ink-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}figcaption{font:400 .8125rem/1.65 var(--sans);letter-spacing:.03em;color:var(--ink-3);margin-top:.85rem}figcaption .cap{color:var(--ink-2);display:block}figcaption .credit{display:block}.lesson{grid-template-columns:[full-start] minmax(1.25rem, 1fr) [wide-start] minmax(0, 10rem) [text-start] minmax(0, var(--measure)) [text-end] minmax(0, 20rem) [wide-end] minmax(1.25rem, 1fr) [full-end];counter-reset:section;column-gap:clamp(1.5rem,3.5vw,3.5rem);display:grid}.lesson>*{grid-column:text}.lesson p{text-align:left;hanging-punctuation:allow-end;margin:0 0 1em}.lesson>p{text-align:justify;text-justify:inter-character}.split>p{font-size:1.1875rem;line-height:1.85}.lesson>h2{grid-column:wide-start/wide-end;grid-template-columns:subgrid;font:500 clamp(1.625rem, 2.7vw, 2.25rem)/1.4 var(--serif);letter-spacing:.04em;counter-increment:section;text-wrap:balance;align-items:baseline;margin:clamp(5rem,11vw,8.5rem) 0 2rem;display:grid}.lesson>h2:before{content:counter(section);font:400 clamp(2.5rem, 4vw, 3.5rem)/1 var(--latin);letter-spacing:0;color:var(--silver);grid-column:1;justify-self:end}.lesson>h3{font:500 1.375rem/1.6 var(--serif);letter-spacing:.06em;margin:clamp(2.75rem,5vw,3.75rem) 0 1rem}.lesson>ul{margin:0 0 1.25em;padding-left:1.2em}.lesson>ul li{margin-bottom:.5em}dfn.term{text-decoration:underline dotted var(--silver) 1px;text-underline-offset:.32em;cursor:help;transition:text-decoration-color var(--t-fast) var(--ease);font-style:normal;font-weight:600}dfn.term:hover{text-decoration-color:var(--ink)}.lesson>blockquote{grid-column:text-start/wide-end;margin:2.5rem 0 2.75rem;padding:0}.lesson>blockquote p{text-align:left;font:500 clamp(1.375rem, 2.3vw, 1.875rem)/1.75 var(--serif);letter-spacing:.1em;color:var(--ink);margin:0}.lesson>blockquote p:last-child{font:400 .8125rem/1.6 var(--sans);letter-spacing:.12em;color:var(--ink-3);margin-top:1rem}.lesson>blockquote p:last-child:before{content:"— "}.split{grid-column:wide;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;column-gap:clamp(1.75rem,4vw,4.5rem);margin-block:1rem 3rem;display:grid}.split>figure{grid-area:1/1/span 20;margin:0}.split>:not(figure){grid-column:2}.split.reverse{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.split.reverse>figure{grid-column:2}.split.reverse>:not(figure){grid-column:1}.split img{background:var(--mist);width:100%;height:auto;display:block}.split>figure:not(.cmap) img{width:auto;max-width:100%;max-height:85svh}.cmap-frame{width:calc(100% - 10rem);position:relative}.cmap-frame ol{width:9.25rem;margin:0;padding:0;list-style:none;position:absolute;top:0;bottom:0;left:calc(100% + .75rem)}.cmap-frame li{top:calc(var(--from) * 1%);height:calc((var(--to) - var(--from)) * 1%);border-left:1px solid var(--ink);font:400 .8125rem/1.45 var(--sans);letter-spacing:.04em;color:var(--ink-2);align-items:center;padding-left:.7rem;display:flex;position:absolute;left:0;right:0}.cmap-frame li:before,.cmap-frame li:after{content:"";border-top:1px solid var(--ink);width:.4rem;position:absolute;left:-1px}.cmap-frame li:before{top:0}.cmap-frame li:after{bottom:0}.cmap-frame li:nth-child(2){color:var(--ink-3);border-left-style:dotted}.cmap.is-locator .cmap-frame{width:100%;overflow:hidden}.cmap.is-locator .cmap-frame img{width:100%;height:auto;display:block}.cmap.is-locator ol{width:auto;inset:0}.cmap.is-locator li{top:calc(var(--from) * 1%);height:calc((var(--to) - var(--from)) * 1%);left:calc(var(--left) * 1%);right:calc((100 - var(--right)) * 1%);color:var(--ink);border:1.5px solid #fff;border-radius:2px;padding:0;display:block;box-shadow:0 0 0 1px #0c0c0b8c,inset 0 0 0 1px #0c0c0b59}.cmap.is-locator li:only-child{box-shadow:0 0 0 1px #0c0c0b8c,0 0 0 100vmax #0c0c0b61}.cmap.is-locator li:before,.cmap.is-locator li:after{content:none}.cmap.is-locator li span{min-width:1.15rem;color:var(--ink);font:600 .6875rem/1.35 var(--sans);letter-spacing:.04em;text-align:center;white-space:nowrap;background:#fff;border-radius:2px;padding:.05rem .3rem;position:absolute;top:.2rem;left:.2rem}.cmap.is-locator li:only-child span{font-weight:500;top:auto;bottom:calc(100% + .3rem);left:-1.5px}.lesson>.split:has(>.cmap.is-locator){grid-column:wide-start/text-end;grid-template-columns:subgrid;margin-block:.25rem 2rem}.lesson>.split:has(>.cmap.is-locator)>figure{grid-column:1}.lesson>.split:has(>.cmap.is-locator)>:not(figure){grid-column:2}.lesson>.split:has(>.cmap.is-locator li:nth-child(2))+.band-plates{counter-reset:plate}.lesson>.split:has(>.cmap.is-locator li:nth-child(2))+.band-plates figure{counter-increment:plate}.lesson>.split:has(>.cmap.is-locator li:nth-child(2))+.band-plates figcaption .cap:before{content:counter(plate);background:var(--gallery-ink);min-width:1.15rem;color:var(--gallery);text-align:center;border-radius:2px;margin-right:.5rem;padding:.05rem .3rem;font-weight:600;display:inline-block}.callout{margin:.5rem 0 2.25rem}.callout .label{margin-bottom:.35rem;display:block}.callout p:last-child{margin-bottom:0}.callout.fact{background:var(--mist);font:400 .9375rem/1.9 var(--sans);letter-spacing:.03em;color:var(--ink-2);padding:1.1rem 1.35rem 1.2rem}.callout.interpretation{border-left:1px solid var(--ink);color:var(--ink-2);padding:.15rem 0 .15rem 1.35rem;font-size:1.0625rem;line-height:1.85}.callout.source{background:var(--mist);border-top:1px solid var(--ink);font:400 .9375rem/1.9 var(--sans);letter-spacing:.03em;color:var(--ink-2);padding:1.1rem 1.35rem 1.2rem}.callout.open{border-left:1px dashed var(--ink);color:var(--ink-2);padding:.15rem 0 .15rem 1.35rem;font-size:1.0625rem;line-height:1.85}.callout.schematic{border-left:1px dotted var(--ink-3);font:400 .9375rem/1.85 var(--sans);letter-spacing:.03em;color:var(--ink-3);padding:.1rem 0 .1rem 1.35rem}.callout ol{margin:.25rem 0 0;padding-left:1.4em}.callout li{margin-bottom:.5em}.rights-images{margin:0;padding-left:1.4em}.rights-images li{margin-bottom:.45em}.band{margin:0}.band>:last-child{margin-bottom:0}.band-prelude{grid-column:text-start/wide-end;padding-top:clamp(4.5rem,10vw,8rem)}.band-prelude>p:first-child{max-width:30em;font:500 clamp(1.5rem, 2.6vw, 2.125rem)/1.65 var(--serif);letter-spacing:.06em;text-align:left}.band-prelude>p{max-width:var(--measure);color:var(--ink-2);font-size:1.3125rem;line-height:1.85}.lesson>.band-prelude+p{margin-top:clamp(1.75rem,4vw,2.5rem)}.band-prelude ol{counter-reset:look;border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:3rem 0 0;padding:2rem 0 0;list-style:none;display:grid}.band-prelude li{counter-increment:look;font:400 .9375rem/1.85 var(--sans);letter-spacing:.03em;color:var(--ink-2)}.band-prelude li:before{content:counter(look);font:400 2rem/1 var(--latin);color:var(--silver);margin-bottom:.6rem;display:block}.band-prelude li strong{color:var(--ink);font-weight:500;display:block}.band-plates{background:var(--gallery);color:var(--gallery-ink);grid-column:full;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr) minmax(0,1.75fr);align-items:start;gap:clamp(2rem,4vw,3.5rem) clamp(1.25rem,3vw,2.5rem);margin-block:2.5rem 3rem;padding:clamp(3rem,7vw,6rem) max(1.25rem,50% - 36rem);display:grid}.band-plates figure{margin:0}.band-plates img{width:100%;height:auto;display:block}.band-plates figure:first-child{grid-row:1/span 2}.band-plates figure:first-child img{width:auto;max-width:100%;max-height:78vh}.band-plates figure:nth-child(2){grid-column:2/span 2}.band-plates figcaption,.band-plates figcaption .cap{color:var(--gallery-ink-2)}.band-plates figcaption .credit{display:none}.band-pair{background:var(--gallery);color:var(--gallery-ink);grid-column:full;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1.25rem,3vw,2.5rem);margin-block:2.5rem 3rem;padding:clamp(3rem,7vw,6rem) max(1.25rem,50% - 30rem);display:grid}.band-pair figure{margin:0}.band-pair img{object-fit:contain;width:100%;height:auto;max-height:82vh;display:block}.band-pair figcaption,.band-pair figcaption .cap,.band-pair figcaption .credit{color:var(--gallery-ink-2)}.band-notes{columns:2;grid-column:text-start/wide-end;column-gap:clamp(2rem,4vw,3.5rem);margin-bottom:1rem}.band-notes p{break-inside:avoid;font-size:1.0625rem;line-height:1.85}.band-notes strong{letter-spacing:.08em;font-weight:600}.band-reflection{grid-column:full;grid-template-columns:subgrid;background:var(--mist);margin-top:clamp(5rem,11vw,8.5rem);padding-block:clamp(4rem,9vw,7rem);display:grid}.band-reflection>*{grid-column:text}.band-reflection>p:first-child{font:500 .75rem/1.5 var(--sans);letter-spacing:.16em;color:var(--ink-3);margin-bottom:1.5rem}.band-reflection ul{grid-column:text-start/wide-end;margin:1.5rem 0 0;padding:0;list-style:none}.band-reflection li{border-top:1px solid var(--rule);font:500 clamp(1.25rem, 2.1vw, 1.625rem)/1.7 var(--serif);letter-spacing:.05em;padding:1.35rem 0}.band-sources{margin-top:3.5rem}.band-sources h3{margin:0 0 1rem}.band-sources ol{font:400 .8125rem/1.85 var(--sans);letter-spacing:.02em;color:var(--ink-2);margin:0;padding-left:1.25rem}.band-sources li{margin-bottom:.5rem;padding-left:.25rem}.btn{min-height:2.75rem;font:500 .9375rem/1 var(--sans);letter-spacing:.08em;cursor:pointer;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 1.5rem;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--ink-hover)}.btn-primary:not(:disabled):active{background:var(--ink-press)}.btn-secondary{color:var(--ink);border-color:var(--silver);background:0 0}.btn-secondary:hover{border-color:var(--ink)}.btn-secondary:not(:disabled):active{background:var(--hover)}.btn:disabled{background:var(--mist);color:var(--ink-3);cursor:not-allowed;border-color:#0000}.module{border-top:1px solid var(--ink);margin-block:3rem 3.5rem;padding-top:1.25rem}.module-label{margin:0 0 1.25rem}.module h3{font:500 1.375rem/1.5 var(--serif);letter-spacing:.04em;margin:0 0 1.5rem}.quiz fieldset{border:0;min-width:0;margin:0 0 1.75rem;padding:0}.quiz legend{font:500 1.375rem/1.6 var(--serif);letter-spacing:.04em;margin-bottom:1.25rem;padding:0}.quiz label{font:400 1rem/1.75 var(--sans);letter-spacing:.03em;cursor:pointer;color:var(--ink-2);transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), opacity var(--t) var(--ease);border-radius:.75rem;align-items:flex-start;gap:.9rem;margin-inline:-.9rem;padding:.7rem .9rem;display:flex}.quiz label:hover{background:var(--hover);color:var(--ink)}.quiz label:has(input:checked){color:var(--ink);font-weight:500}.quiz label:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.quiz input[type=radio]{-webkit-appearance:none;appearance:none;border:1.5px solid var(--ink-3);background:var(--paper);width:1.125rem;height:1.125rem;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);border-radius:50%;flex:none;margin:.3rem 0 0}.quiz label:hover input{border-color:var(--ink)}.quiz input[type=radio]:checked{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 3px var(--paper)}.quiz input:focus-visible{outline:none}.quiz label:has(input:disabled){cursor:default}.quiz label:has(input:disabled):hover{background:0 0}.quiz label:has(input:disabled):not(:has(input:checked)){opacity:.4}.quiz[data-result] label:has(input:checked):after{white-space:nowrap;font:500 .75rem/1 var(--sans);letter-spacing:.12em;align-self:center;margin-left:auto;padding-left:1rem}.quiz[data-result=correct] label:has(input:checked):after{content:"正确";color:var(--ok)}.quiz[data-result=wrong] label:has(input:checked):after{content:"不正确";color:var(--err)}.quiz[data-result=correct] input:checked{border-color:var(--ok);background:var(--ok)}.quiz[data-result=wrong] input:checked{border-color:var(--err);background:var(--err)}.quiz .actions{flex-wrap:wrap;gap:.75rem;display:flex}.feedback{max-width:var(--measure);color:var(--ink-2);margin-top:1.75rem;font-size:1rem;line-height:1.95}.feedback strong{font:500 1rem/1.6 var(--sans);letter-spacing:.06em;color:var(--ink);align-items:center;gap:.55rem;margin-bottom:.35rem;display:flex}.feedback strong:before{content:"";background:var(--ink-3);border-radius:50%;width:.5rem;height:.5rem}.feedback.correct strong:before{background:var(--ok)}.feedback.wrong strong:before{background:var(--err)}.lesson>.scale{grid-column:wide;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(1.75rem,4vw,4.5rem);display:grid}.scale>.module-label,.scale>h3{grid-column:1/-1}.scale svg{background:var(--mist);grid-area:3/1/span 2;width:100%;height:auto;display:block}.scale .controls{grid-area:3/2;align-self:end}.scale .schematic-label{font:400 .8125rem/1.75 var(--sans);letter-spacing:.03em;color:var(--ink-3);text-align:left;grid-area:4/2;align-self:start;margin:1.25rem 0 0}.lesson>.elevation{grid-column:wide;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(1.75rem,4vw,4.5rem);display:grid}.elevation>.module-label,.elevation>h3{grid-column:1/-1}.elevation-photo{grid-column:1;margin:0}.elevation-frame{position:relative;overflow:hidden}.elevation-frame img{width:100%;height:auto;display:block}.elevation-frame ol{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.elevation-frame li{left:1.5%;right:1.5%;top:calc(var(--from) * 1%);height:calc((var(--to) - var(--from)) * 1%);opacity:0;transition:opacity var(--t) var(--ease);border:1.5px solid #fff;position:absolute;box-shadow:0 0 0 1px #0c0c0b8c,0 0 0 100vmax #0c0c0b73}.elevation-frame li[data-on]{opacity:1}.elevation-frame li span{color:var(--ink);font:500 .75rem/1.5 var(--sans);letter-spacing:.08em;background:#fff;border-radius:2px;padding:.1rem .45rem;position:absolute;top:.4rem;left:.4rem}.elevation-photo figcaption{margin-top:.6rem}.elevation-side{grid-column:2;align-self:end}.elevation-hint{font:400 .8125rem/1.5 var(--sans);letter-spacing:.12em;color:var(--ink-3);margin:0 0 .75rem!important}.elevation-levels{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.25rem;display:flex}.elevation-out{border-top:1px solid var(--rule);min-height:7.5rem;padding-top:1rem}.elevation-out p{color:var(--ink-2);font-size:1rem;line-height:1.85;margin:0!important}.elevation-out strong{color:var(--ink);font-weight:600}.elevation-out>*{animation:settle var(--t-slow) var(--ease) both}.elevation-compare-btn{margin-top:1.25rem}.elevation-compare{grid-column:1/-1;margin:2rem 0 0}.elevation-compare svg{background:var(--mist);width:100%;max-width:34rem;height:auto;display:block}.elevation-compare figcaption{max-width:34rem;font:400 .8125rem/1.75 var(--sans);letter-spacing:.03em;color:var(--ink-3);margin-top:.6rem}.ec-bay{fill:var(--paper);stroke:var(--ink);stroke-width:1px}.ec-open{fill:var(--mist);stroke:var(--ink);stroke-width:1px}.ec-band{fill:none;stroke:var(--ink);stroke-width:1px;stroke-dasharray:3 3}.ec-glass{fill:var(--ink)}.elevation-compare text{font:400 11px var(--sans);fill:var(--ink-2)}.elevation-compare .ec-title{fill:var(--ink);font-size:12px}.lesson>.marks,.lesson>.arches,.lesson>.glass-steps{grid-column:wide;margin:2.5rem 0 3rem}.marks{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;column-gap:clamp(1.75rem,4vw,4.5rem);display:grid}.marks-frame{position:relative}.marks-frame img{width:100%;height:auto;display:block}.marks-dot{background:var(--ink);width:1.6rem;height:1.6rem;color:var(--paper);font:600 .8125rem/1 var(--sans);border:1.5px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0c0c0b80}.marks figcaption{margin:0}.marks-legend{counter-reset:mark;margin:0 0 1.25rem;padding:0;list-style:none}.marks-legend li{counter-increment:mark;border-top:1px solid var(--rule);font:400 .9375rem/1.75 var(--sans);letter-spacing:.03em;color:var(--ink-2);padding:.6rem 0 .6rem 2.1rem;position:relative}.marks-legend li:before{content:counter(mark);background:var(--ink);width:1.4rem;height:1.4rem;color:var(--paper);font:600 .75rem/1 var(--sans);border-radius:50%;place-items:center;display:grid;position:absolute;top:.7rem;left:0}.marks-legend strong{color:var(--ink);font-weight:600}.arch-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:46rem;display:grid}.arches svg{background:var(--mist);width:100%;height:auto;display:block}.arches figcaption,.glass-steps>figcaption{max-width:44rem;font:400 .8125rem/1.75 var(--sans);letter-spacing:.03em;color:var(--ink-3);margin-top:.75rem}.arch-ground{stroke:var(--ink);stroke-width:1px}.arch-line{fill:none;stroke:var(--ink);stroke-width:2px}.arch-level{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:4 4}.arch-level.is-shared{stroke:var(--ink)}.arch-dim{stroke:var(--ink-3);stroke-width:1px}.arch-head{font:500 14px var(--sans);fill:var(--ink)}.arch-note{font:400 12px var(--sans);fill:var(--ink-2)}.glass-steps ol{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.glass-steps li{counter-increment:step}.glass-steps svg{background:var(--mist);width:100%;height:auto;display:block}.glass-steps p{font:400 .875rem/1.75 var(--sans);letter-spacing:.02em;color:var(--ink-2);text-align:left!important;margin:.75rem 0 0!important}.glass-steps p strong{color:var(--ink);margin-bottom:.2rem;font-weight:600;display:block}.glass-steps p strong:before{content:counter(step) "　";color:var(--ink-3)}.gs-line{fill:none;stroke:var(--ink);stroke-width:1.2px}.glass-steps marker path{fill:var(--ink)}.gs-melt{fill:#9fb1cc;stroke:none}.gs-blue{fill:#3e5683}.gs-clear{fill:#f1f1ee;stroke:var(--ink-3);stroke-width:.8px}.gs-red,.gs-redfill{fill:#94372f}.gs-skin{fill:#e6dcc6}.gs-cut{fill:none;stroke:#fff;stroke-width:1.5px;stroke-dasharray:4 3}.gs-paint{fill:none;stroke:#2a2420;stroke-width:2px;stroke-linecap:round}.gs-heat{fill:none;stroke:var(--ink-3);stroke-width:1.2px}.gs-lead{fill:none;stroke:#2b2b2b;stroke-width:4px;stroke-linejoin:round}.gs-iron{stroke:#111;stroke-width:7px}.gs-came{fill:none;stroke:#2b2b2b;stroke-width:6px}.gs-label{font:400 10px var(--sans);fill:var(--ink-2)}.lesson>.thrust{grid-column:wide;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(1.75rem,4vw,4.5rem);display:grid}.thrust>.module-label,.thrust>h3{grid-column:1/-1}.thrust svg{background:var(--mist);grid-column:1;width:100%;height:auto;display:block}.thrust-side{grid-column:2;align-self:end}.thrust-out{border-top:1px solid var(--rule);min-height:7.5rem;color:var(--ink-2);padding-top:1rem;font-size:1rem;line-height:1.85;margin:1.25rem 0 0!important}.thrust-out strong{color:var(--ink);font-weight:600}.thrust .schematic-label{font:400 .8125rem/1.75 var(--sans);letter-spacing:.03em;color:var(--ink-3);text-align:left;margin:1rem 0 0}.t-ground{stroke:var(--ink);stroke-width:1px}.t-stone{fill:var(--paper);stroke:var(--ink);stroke-width:1px}.t-roof,.t-vault{fill:none;stroke:var(--ink);stroke-width:1px}.t-vault{stroke-dasharray:4 3}.t-glass{fill:var(--ink)}.t-flyer{fill:none;stroke:var(--silver);stroke-width:7px;stroke-linecap:round}.t-arrow{fill:none;stroke:var(--ink);stroke-width:2px}.thrust marker path{fill:var(--ink)}.t-label{font:400 11px var(--sans);fill:var(--ink-3)}.thrust .t-on,.thrust .t-off{transition:opacity var(--t) var(--ease)}.thrust[data-state=on] .t-off,.thrust[data-state=off] .t-on{opacity:0}.scale .mountain{fill:var(--paper);stroke:var(--ink);stroke-width:1px;stroke-linejoin:round}.scale .ground{stroke:var(--ink);stroke-width:1px}.scale .person{fill:var(--ink);transition:transform var(--t) var(--ease)}.scale label{font:400 .8125rem/1.5 var(--sans);letter-spacing:.12em;color:var(--ink-3);display:block}.scale output{font:500 1.375rem/1.5 var(--serif);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:.4rem 0 .75rem;display:block}.scale input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem;margin:0 0 1rem}.scale input[type=range]:focus-visible{outline:none}.scale input[type=range]::-webkit-slider-runnable-track{background:var(--silver);border-radius:1px;height:2px}.scale input[type=range]::-moz-range-track{background:var(--silver);border-radius:1px;height:2px}.scale input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:4px solid var(--paper);width:1.375rem;height:1.375rem;box-shadow:0 0 0 1px var(--ink);transition:box-shadow var(--t-fast) var(--ease);border-radius:50%;margin-top:-.65rem}.scale input[type=range]::-moz-range-thumb{background:var(--ink);border:4px solid var(--paper);width:1.375rem;height:1.375rem;box-shadow:0 0 0 1px var(--ink);border-radius:50%}.scale input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--ink), 0 0 0 8px #1c1d2014}.scale input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 1px var(--ink), 0 0 0 8px #1c1d2014}.scale input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--ink), 0 0 0 4px var(--paper), 0 0 0 6px var(--ink)}.scale input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--ink), 0 0 0 4px var(--paper), 0 0 0 6px var(--ink)}.lesson>.glossary{grid-column:text;margin-top:clamp(4rem,8vw,6rem)}.glossary h2{font:500 .75rem/1.5 var(--sans);letter-spacing:.16em;color:var(--ink-3);margin:0 0 1.25rem}.tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;display:flex}.tag{min-height:2.5rem;font:400 .9375rem/1 var(--sans);letter-spacing:.06em;color:var(--ink-2);background:var(--mist);cursor:pointer;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);border:0;border-radius:999px;padding:0 1.15rem}.tag:hover{color:var(--ink);background:#dededa}.tag[aria-pressed=true]{background:var(--ink);color:var(--paper)}.glossary-out{border-top:1px solid var(--rule);min-height:5.5rem;transition:border-color var(--t) var(--ease);padding-top:1.1rem}.glossary-out:has(h3){border-top-color:var(--ink)}.glossary-out h3{font:500 1.125rem/1.6 var(--serif);letter-spacing:.04em;margin:0 0 .35rem}.glossary-out p{color:var(--ink-2);margin:0;font-size:1rem;line-height:1.95}.glossary-out>p:only-child{font:400 .875rem/1.6 var(--sans);color:var(--ink-3)}.glossary-out>*,.feedback:not([hidden]){animation:settle var(--t-slow) var(--ease) both}@keyframes settle{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.lesson>.rights{background:var(--mist);grid-column:full;grid-template-columns:subgrid;margin-top:clamp(4rem,8vw,6rem);padding-block:clamp(2.5rem,6vw,4rem);display:grid}.rights h2{grid-column:wide-start/text-start;margin:0 0 1rem}.rights .meta{grid-column:text-start/wide-end;grid-template-columns:6rem 1fr}.rights .meta dd a{color:var(--ink)}.object{grid-template-columns:minmax(0,1fr) minmax(0,34rem);align-items:start;column-gap:clamp(2.5rem,6vw,6rem);max-width:76rem;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,3rem) clamp(4rem,8vw,6rem);display:grid}.object-image{justify-self:end;margin:0;position:sticky;top:5.5rem}.object-image img{width:auto;max-width:100%;max-height:calc(100svh - 10rem);display:block}.object-image figcaption{font:400 .75rem/1.6 var(--sans);letter-spacing:.06em;color:var(--ink-3);margin-top:.75rem}.object-sheet{font-family:var(--sans)}.object-sheet p{text-align:left}.object-no{font:500 .75rem/1.6 var(--sans);letter-spacing:.16em;color:var(--ink-3);flex-wrap:wrap;gap:.25rem 1rem;margin:0 0 1.25rem;display:flex}.object-head h1{font:500 clamp(2rem, 3vw, 2.625rem)/1.3 var(--sans);letter-spacing:.08em;margin:0}.object-en{font:italic 400 1.0625rem/1.5 var(--latin);color:var(--ink-2);margin:.5rem 0 0}.object-data{font:400 .9375rem/1.75 var(--sans);letter-spacing:.03em;border-bottom:1px solid var(--rule);grid-template-columns:6.5rem 1fr;margin:2.25rem 0 0;display:grid}.object-data dt,.object-data dd{border-top:1px solid var(--rule);padding-block:.8rem}.object-data dt{letter-spacing:.16em;color:var(--ink-3);padding-top:1.05rem;font-size:.75rem}.object-data dd{color:var(--ink);overflow-wrap:anywhere;margin:0}.object-sub{color:var(--ink-3);margin-top:.3rem;font-size:.8125rem;line-height:1.7;display:block}.object-missing{color:var(--ink-3)!important}.flag{border:1px solid var(--silver);font:500 .6875rem/1.6 var(--sans);letter-spacing:.12em;color:var(--ink-3);vertical-align:.1em;white-space:nowrap;border-radius:999px;margin-left:.35rem;padding:.05rem .55rem;display:inline-block}.object-sheet h2.kicker{margin:0 0 1rem}.object-contents,.object-lessons{margin-top:clamp(2.5rem,5vw,3.5rem)}.object-contents ol{border-bottom:1px solid var(--rule);margin:0;padding:0;list-style:none}.object-contents li{border-top:1px solid var(--rule);grid-template-columns:4rem 1fr auto;align-items:center;column-gap:1rem;padding-block:.65rem;display:grid}.object-thumb{cursor:zoom-in;background:0 0;border:0;border-radius:.25rem;padding:0;display:block}.object-thumb:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.object-contents li img{object-fit:cover;background:var(--mist);border-radius:.25rem;width:4rem;height:4rem;display:block}.object-contents li p{color:var(--ink);margin:0;font-size:.9375rem;line-height:1.6}.object-where{letter-spacing:.12em;color:var(--ink-3);font-size:.75rem;display:block}.object-span{font:400 .8125rem/1 var(--sans);color:var(--ink-3);font-variant-numeric:tabular-nums}.object-fact{white-space:nowrap;margin-right:1.25rem;display:inline-block}.object-notes{margin:0;padding-left:1.2em}.object-notes li{margin-bottom:.45em}.object-photos li{grid-template-columns:4rem 1fr}.object-note{color:var(--ink-3);margin:.75rem 0 0;font-size:.75rem;line-height:1.7}.object-lesson{border-block:1px solid var(--rule);font:500 1rem/1.6 var(--sans);letter-spacing:.04em;color:var(--ink);justify-content:space-between;gap:1rem;padding-block:.9rem;text-decoration:none;display:flex}.object-lesson span{transition:transform var(--t) var(--ease)}.object-lesson:hover{text-underline-offset:.25em;text-decoration:underline 1px}.object-lesson:hover span{transform:translate(4px)}.object-viewer{background:var(--gallery);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--gallery-ink);cursor:zoom-out;border:0;margin:0;padding:clamp(3.5rem,6vw,4.5rem) 1.25rem 1.5rem}.object-viewer[open]{place-items:center;display:grid}.object-viewer::backdrop{background:var(--gallery)}.object-viewer figure{cursor:auto;margin:0}.object-viewer img{width:auto;max-width:min(100%,64rem);max-height:calc(100dvh - 9rem);margin-inline:auto;display:block}.object-viewer figcaption{font:400 .8125rem/1.6 var(--sans);letter-spacing:.04em;color:var(--gallery-ink-2);text-align:center;margin-top:.9rem}.object-viewer-close{border:1px solid var(--gallery-rule);color:var(--gallery-ink);font:500 .875rem/1.4 var(--sans);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1.1rem;position:fixed;top:1rem;right:clamp(1rem,3vw,2rem)}.object-viewer-close:hover{border-color:var(--gallery-ink-2)}.object-viewer-close:focus-visible{outline:2px solid var(--gallery-ink);outline-offset:3px}.object-sheet>.rights{margin-top:clamp(2.5rem,5vw,3.5rem)}.object-sheet>.rights h2{margin:0 0 1rem}.object-sheet>.rights .meta{grid-template-columns:6.5rem 1fr}@media (width<=860px){.object{grid-template-columns:1fr;row-gap:2rem;padding-bottom:5.5rem}.object-image{justify-self:center;position:static}.object-image img{max-height:70svh}.object-data,.object-sheet>.rights .meta{grid-template-columns:5.5rem 1fr}}.art-card{--paper-on:#f5f4f0;--paper-on-2:#f5f4f0a8;--paper-on-3:#f5f4f06b;--hair:#f5f4f052;width:18em;font-size:1rem;position:relative}.art-card-inner{aspect-ratio:63/88;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(calc(var(--tilt-y,0deg) + var(--flip,0deg)));transition:transform .52s var(--ease);position:relative}.art-card[data-flipped=true]{--flip:180deg}.art-card[data-held=true] .art-card-inner{transition-duration:90ms}.art-card-face,.art-card-locked{backface-visibility:hidden;color:var(--paper-on);background:#0b0b0b;border-radius:.45em;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 .1em .2em #0006,0 1.2em 2.4em #00000073}.art-card[data-collected=false] .art-card-face,.art-card[data-collected=true] .art-card-locked{display:none}.art-card-front{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;padding:.85em .9em .8em;display:grid}.art-card-cover{object-fit:cover;filter:grayscale()contrast(1.12)brightness(.92);width:100%;height:100%;position:absolute;inset:0}.art-card-shade{pointer-events:none;background:linear-gradient(#000000b8 0%,#0000002e 22%,#0000 40%,#00000040 62%,#000000e6 100%);position:absolute;inset:0}.art-card[data-image=none] .art-card-shade{background:0 0}.art-card-front>:is(.art-card-mast,.art-card-title,.art-card-lines){z-index:1;position:relative}.art-card-mast{text-align:center;grid-column:1/-1}.art-card-masthead{font:400 1.95em/1 var(--latin);letter-spacing:.26em;text-transform:uppercase;font-optical-sizing:auto;margin-right:-.26em;display:block}.art-card-issue{border-top:1px solid var(--hair);font:500 .5em/1 var(--sans);letter-spacing:.32em;color:var(--paper-on-2);justify-content:space-between;margin-top:.5em;padding-top:.4em;display:flex}.art-card-issue span:last-child{font:italic 400 1.2em/1 var(--latin);letter-spacing:.06em}.art-card-title{writing-mode:vertical-rl;text-orientation:upright;font:300 var(--title-size,2.6em)/1 var(--serif);letter-spacing:.12em;color:var(--paper-on);text-shadow:0 0 .5em #00000059;grid-area:2/2/4;align-self:start;margin:.5em -.05em 0 .35em}.art-card-lines{grid-area:3/1}.art-card-en{max-width:13em;font:italic 400 1.02em/1.15 var(--latin);color:var(--paper-on);margin:0 0 .45em}.art-card-by{border-bottom:1px solid var(--hair);font:700 .66em/1 var(--serif);letter-spacing:.3em;color:var(--paper-on);justify-content:space-between;align-items:baseline;margin:0 0 .55em;padding-bottom:.5em;display:flex}.art-card-by span:last-child{font:400 .82em/1 var(--sans);letter-spacing:.26em;color:var(--paper-on-2)}.art-card-stats{gap:.28em;margin:0;display:grid}.art-card-stats div{align-items:baseline;gap:.7em;display:flex}.art-card-stats dt{font:500 .44em/1.4 var(--sans);letter-spacing:.32em;color:var(--paper-on-3);flex:none}.art-card-stats dd{font:400 .6em/1.4 var(--sans);letter-spacing:.06em;color:var(--paper-on);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.art-card-numeral{z-index:0;font:400 9.2em/.8 var(--latin);letter-spacing:-.04em;font-optical-sizing:auto;color:#0000;-webkit-text-stroke:1px #f5f4f047;position:absolute;top:44%;left:.0978261em;translate:0 -50%}.art-card-coverline{z-index:1;font:300 1.15em/1.6 var(--serif);letter-spacing:.05em;color:var(--paper-on);-webkit-line-clamp:6;-webkit-box-orient:vertical;grid-area:2/1;align-self:center;margin:0 .6em 0 0;display:-webkit-box;position:relative;overflow:hidden}.art-card-coverline:before{content:"“";height:.55em;font:400 2.6em/1 var(--latin);color:var(--paper-on-3);margin-bottom:.15em;display:block}.art-card-holo{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,30%), #ffffff1a, transparent 48%);transition:opacity .3s var(--ease);position:absolute;inset:0}.art-card[data-held=true] .art-card-holo{opacity:1}.art-card-back{background:#111;flex-direction:column;padding:.85em .9em 1em;display:flex;transform:rotateY(180deg)}.art-card-back .art-card-mast{margin-bottom:1.4em}.art-card-blurb{font:300 1.32em/1.62 var(--serif);letter-spacing:.06em;color:var(--paper-on);margin:0}.art-card-fact{font:400 .66em/1.75 var(--sans);letter-spacing:.04em;color:var(--paper-on-2);margin:auto 0 0}.art-card-fact span{font:italic 400 1.15em/1.5 var(--latin);letter-spacing:0;color:var(--paper-on);display:block}.art-card-links{border-top:1px solid var(--hair);flex-wrap:wrap;gap:.3em 1.2em;margin:.8em 0 0;padding-top:.7em;display:flex}.art-card-links a{font:500 .74em/1.6 var(--sans);letter-spacing:.14em;color:var(--paper-on);text-decoration:none}.art-card-links a:hover{text-underline-offset:.3em;text-decoration:underline 1px}.art-card :focus-visible{outline-color:var(--paper-on)}.art-card-locked{color:var(--paper-on-2);background:#0e0e0e;grid-template-rows:auto 1fr auto;padding:.85em .9em 1em;display:grid;box-shadow:0 0 0 1px #ffffff1a}.art-card-locked .art-card-numeral{-webkit-text-stroke-color:#f5f4f033}.art-card-locked-text{z-index:1;text-align:left;border-top:1px solid var(--hair);grid-row:3;padding-top:.6em;position:relative}.art-card-locked-state{font:300 1.2em/1 var(--serif);letter-spacing:.4em;color:var(--paper-on);margin:0 0 .5em}.art-card-locked a{font:400 .68em/1.7 var(--sans);letter-spacing:.04em;color:var(--paper-on-2);text-underline-offset:.3em;text-decoration-color:var(--hair);display:block}.art-card-flip{border:1px solid var(--gallery-rule);min-height:2.5rem;color:var(--gallery-ink);cursor:pointer;font:500 .8125rem/1 var(--sans);letter-spacing:.1em;transition:border-color var(--t-fast) var(--ease);background:0 0;border-radius:999px;margin:1.1rem auto 0;padding:.45rem 1.1rem;display:block}.art-card-flip:hover{border-color:var(--gallery-ink-2)}.art-card-flip:focus-visible{outline-color:var(--gallery-ink)}.art-card-mini{font-size:.5625rem}.archive{background:var(--gallery);min-height:calc(100svh - 3.5rem);color:var(--gallery-ink);padding:clamp(3rem,7vw,5.5rem) max(1.25rem,50% - 33rem) 4rem}.archive-head .kicker{color:var(--gallery-ink-2);margin:0 0 1rem}.archive-head h1{font:500 clamp(2.25rem, 4vw, 3.25rem)/1.2 var(--serif);letter-spacing:.14em;margin:0}.archive-count{font:400 1.125rem/1.4 var(--latin);color:var(--gallery-ink);margin:1rem 0 .5rem}.archive-count span{font-size:1.75rem}.archive-how{max-width:34rem;font:400 .9375rem/1.85 var(--sans);letter-spacing:.03em;color:var(--gallery-ink-2);margin:0}.archive-grid{grid-template-columns:repeat(auto-fill,18rem);justify-content:start;gap:3rem 2.5rem;margin:3.5rem 0 0;padding:0;list-style:none;display:grid}.archive-more{aspect-ratio:63/88;border:1px dashed var(--gallery-rule);text-align:center;border-radius:1rem;place-items:center;padding:1.5rem;display:grid}.archive-more p{font:400 .8125rem/1.8 var(--sans);letter-spacing:.04em;color:var(--gallery-ink-2);margin:0}.archive-foot{border-top:1px solid var(--gallery-rule);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:4rem;padding-top:1.5rem;display:flex}.archive-foot p{font:400 .8125rem/1.7 var(--sans);color:var(--gallery-ink-2);margin:0}.archive-clear{color:var(--gallery-ink);border-color:var(--gallery-rule);background:0 0}.archive-clear:hover{border-color:var(--gallery-ink-2)}.archive-clear:focus-visible{outline-color:var(--gallery-ink)}.lesson>.lesson-complete{border-top:1px solid var(--ink);grid-column:text;margin:3rem 0 1rem;padding-top:1.25rem}.lesson-complete>.kicker{margin:0 0 1rem}.lesson-complete-text{color:var(--ink-2);font-size:1.0625rem;line-height:1.85;margin:0 0 1.25rem!important}.lesson-complete .card-unlock{margin:.5rem 0 0}.lesson-complete .card-unlock:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.card-unlock{background:var(--gallery);color:var(--gallery-ink);border-radius:.875rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.75rem;margin:-1.5rem 0 3.5rem;padding:1.5rem;display:grid}.card-unlock .kicker{color:var(--gallery-ink-2);margin:0 0 .4rem}.card-unlock-title{font:500 1.125rem/1.6 var(--serif);letter-spacing:.04em;text-align:left!important;margin:0 0 1.1rem!important}.card-unlock .btn-secondary{color:var(--gallery-ink);border-color:var(--gallery-rule)}.card-unlock .btn-secondary:hover{border-color:var(--gallery-ink-2)}.card-unlock .btn:focus-visible{outline-color:var(--gallery-ink)}.card-unlock[data-fresh=true]:not([hidden]) .art-card{animation:card-arrive .7s var(--ease) both}@keyframes card-arrive{0%{opacity:0;transform:translateY(14px)rotate(-4deg)scale(.94)}to{opacity:1;transform:none}}@media (width<=860px){.archive-grid{grid-template-columns:18rem;justify-content:center}.card-unlock{grid-template-columns:1fr;justify-items:start}}.to-top{right:max(1.25rem, env(safe-area-inset-right));bottom:max(1.25rem, env(safe-area-inset-bottom));z-index:10;border:1px solid var(--rule);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(.5rem);translate:var(--dx,0) var(--dy,0);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease), visibility 0s linear var(--t), border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), scale var(--t) var(--ease), box-shadow var(--t) var(--ease);background:#f6f6f4f0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.to-top[data-visible=true]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.to-top:hover{border-color:var(--ink);background:var(--paper)}.to-top[data-armed]{cursor:grabbing;border-color:var(--ink);background:var(--ink);color:var(--paper);scale:1.08;box-shadow:0 0 0 6px #1c1d2014}.opening h1:focus{outline:none}.wrap{width:min(100% - 2rem,62rem);margin-inline:auto}.wrap h1{font:500 2.25rem/1.4 var(--serif);letter-spacing:.04em}.card{border-top:1px solid var(--rule);color:inherit;max-width:38rem;padding:1.5rem 0;text-decoration:none;display:block}.card h2{font:500 1.375rem/1.5 var(--serif);margin:0 0 .4rem}.card:hover h2{text-underline-offset:.25em;text-decoration:underline 1px}.card p{font-family:var(--sans)}@media (width<=860px){body{font-size:1.0625rem;line-height:1.85}.opening{grid-template-columns:1fr;row-gap:2.25rem;min-height:0;padding:0 0 3rem}.opening-art{padding:2rem 1.25rem 0}.opening-art img{max-height:74svh;margin-inline:auto}.opening-label{padding:0 1.25rem}.opening .kicker{margin-bottom:1.25rem}.opening h1{margin-bottom:1.5rem;font-size:clamp(1.625rem,7vw,2.5rem)}.lesson{grid-template-columns:[full-start]1.25rem[wide-start text-start]minmax(0,1fr)[text-end wide-end]1.25rem[full-end];column-gap:0}.lesson>h2{grid-column:text;margin-top:4.5rem;display:block}.lesson>h2:before{text-align:left;justify-self:start;margin-bottom:.75rem;font-size:2.25rem;display:block}.lesson>p{text-align:left}.split>p{font-size:inherit}.band-prelude{padding-top:3.5rem}.band-prelude ol{grid-template-columns:1fr;gap:1.5rem}.split,.split.reverse{grid-template-columns:1fr}.split>figure,.split>:not(figure),.split.reverse>figure,.split.reverse>:not(figure){grid-area:auto/1}.split>figure:not(.cmap){margin:0 -1.25rem 1.75rem}.split>figure:not(.cmap) figcaption{padding-inline:1.25rem}.split>figure.cmap{margin-bottom:2.25rem}.lesson>.split:has(>.cmap.is-locator){grid-column:text;display:block}.lesson>.split:has(>.cmap.is-locator)>figure.cmap{float:left;width:6.5rem;margin:.35rem 1rem .5rem 0}.lesson>.split:has(>.cmap.is-locator):after{content:"";clear:both;display:block}.cmap.is-locator li span{min-width:.95rem;padding:.05rem .25rem;font-size:.5625rem}.cmap.is-locator .cmap-frame{width:100%}.cmap.is-locator figcaption{display:none}.cmap-frame{width:calc(100% - 8.5rem)}.cmap-frame ol{width:7.75rem}.band-plates{grid-template-columns:1fr;padding-inline:1.25rem}.band-plates figure:nth-child(n){grid-area:auto/1}.band-plates figure:first-child img{max-height:70svh}.band-notes{columns:1}.lesson>.scale{grid-template-columns:1fr}.scale svg,.scale .controls,.scale .schematic-label{grid-area:auto/1}.lesson>.elevation,.lesson>.thrust,.marks,.arch-panels{grid-template-columns:1fr}.marks figcaption{margin-top:1rem}.glass-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}.elevation-photo,.elevation-side,.thrust svg,.thrust-side{grid-column:1}.elevation-side,.thrust-side,.scale .controls{margin-top:1.25rem}.rights h2,.rights .meta{grid-column:text}.lesson>.rights{padding-bottom:5.5rem}.rights .meta{grid-template-columns:5rem 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}