:root{--reader-top:88px;--reader-bottom:82px}.art-tour{position:relative;margin:0;width:100%;background:#191713;color:#f4ead6}.art-sticky{position:relative;background:#191713;overflow:hidden}.tour-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:12px 24px;z-index:4;position:relative;background:#191713}.tour-heading span{font:12px/1.4 Arial,sans-serif;letter-spacing:1.5px;color:#c3b397}.tour-heading h2{font-size:20px;line-height:1.2;margin:4px 0 0;letter-spacing:0}.skip-art{font:13px/1.5 Arial,sans-serif;color:#e5d2b0;white-space:nowrap;text-decoration:none;padding:8px 0}.detail-stage{position:relative;overflow:hidden;isolation:isolate;min-height:230px;height:58vh;background:#171610}.art-atmosphere{position:absolute;inset:-15%;width:130%;height:130%;object-fit:cover;filter:blur(22px) brightness(.43);opacity:.8;transform:scale(1.08);pointer-events:none}.detail-painting{position:relative;display:block;height:100%;width:100%;object-fit:contain;transform-origin:0 0;max-width:none;will-change:transform}.detail-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0003,transparent 25%,transparent 78%,#0004)}.scroll-invitation{position:absolute;bottom:18px;left:24px;font:11px/1.5 Arial,sans-serif;letter-spacing:2px;color:#fff0d6;text-shadow:0 1px 6px #000;pointer-events:none}.scroll-invitation span{display:inline-block;margin-left:6px}.view-label{position:absolute;right:24px;top:16px;font:11px/1.5 Arial,sans-serif;letter-spacing:1.8px;color:#fff1d9;text-shadow:0 1px 6px #000}.detail-caption{position:relative;background:#191713;padding:22px 32px 4px;z-index:4}.detail-note{margin:0 0 25px}.detail-kicker{font:11px/1.5 Arial,sans-serif;letter-spacing:1.8px;color:#c5a871}.detail-note h3{font:normal 29px/1.2 Georgia,serif;margin:7px 0 9px;letter-spacing:-.5px}.detail-note p{font:17px/1.55 Georgia,serif;color:#e7ddcc;margin:0 0 10px;max-width:630px}.detail-note>a{font:12px/1.5 Arial,sans-serif;color:#cbb899;text-underline-offset:3px}.detail-controls{padding:4px 30px 20px;display:none;align-items:center;gap:8px;position:relative;z-index:5}.detail-step{width:40px;height:28px;padding:8px 0}.detail-step span{display:block;height:2px;width:100%;background:#6d6050;transform-origin:left}.detail-step[aria-current=true] span{background:#ecd2a2;height:3px}.tour-instruction{font:12px/1.5 Arial,sans-serif;color:#c3b397;margin-left:auto}.tour-paper{height:50px;background:url('assets/tiered-paper.png') center bottom/100% 150px no-repeat;position:relative;z-index:6;pointer-events:none}.art-tour+.passage .chapter-heading{margin:0 0 30px}.art-tour+.passage{padding-top:32px}
/* Each painting is its own scroll scene; document scrolling remains native. */
.art-tour.is-enhanced{height:calc(100svh + 3200px)}.is-enhanced .art-sticky{position:sticky;top:var(--reader-top);height:calc(100svh - var(--reader-top) - var(--reader-bottom));min-height:560px;display:grid;grid-template-rows:auto minmax(200px,1fr) var(--caption-height,190px) 46px 24px}.is-enhanced .detail-stage{height:auto;min-height:0}.is-enhanced .detail-painting{position:absolute;left:0;top:0;object-fit:fill}.is-enhanced .detail-caption{height:var(--caption-height,190px);padding-top:18px}.is-enhanced .detail-note{position:absolute;inset:18px 32px 0;margin:0}.is-enhanced .detail-note[hidden]{display:none}.is-enhanced .detail-controls{display:flex;padding-top:0;padding-bottom:10px}.is-enhanced .tour-paper{height:24px;background-size:100% 85px}.is-enhanced .tour-heading{will-change:transform}.art-tour:focus-within{outline:none}.skip-art:focus-visible,.detail-step:focus-visible{outline:2px solid #e3c187;outline-offset:3px}.art-tour.is-passed .art-sticky{filter:none}
@media(max-width:600px){:root{--reader-top:76px;--reader-bottom:76px}.tour-heading{padding:10px 19px;min-height:62px;gap:10px}.tour-heading span{font-size:11px}.tour-heading h2{font-size:17px;max-width:220px}.skip-art{font-size:12px;white-space:normal;text-align:right;max-width:90px}.detail-note h3{font-size:25px}.detail-note p{font-size:16px;line-height:1.45}.detail-caption{padding-left:22px;padding-right:22px}.is-enhanced .art-sticky{min-height:500px;grid-template-rows:62px minmax(165px,1fr) var(--caption-height,204px) 38px 16px}.is-enhanced .detail-caption{height:var(--caption-height,204px)}.is-enhanced .detail-note{inset:16px 22px 0}.detail-kicker{font-size:10px;letter-spacing:1.5px}.detail-note>a{font-size:11px}.detail-controls{padding-left:22px;padding-right:22px;gap:7px}.detail-step{width:34px}.tour-instruction{font-size:11px}.is-enhanced .tour-paper{height:16px;background-size:100% 70px}.view-label{right:18px;top:12px;font-size:10px}.scroll-invitation{left:20px;bottom:14px;font-size:10px}.art-tour.is-enhanced{height:calc(100svh + 2600px)}}
@media(prefers-reduced-motion:reduce){.art-tour.is-enhanced{height:auto!important}.is-enhanced .art-sticky{position:relative;top:0;height:auto;display:block;min-height:0}.is-enhanced .detail-stage{height:60vh}.is-enhanced .detail-painting{width:100%!important;height:100%!important;position:relative;object-fit:contain;transform:none!important}.is-enhanced .detail-caption{height:auto}.is-enhanced .detail-note{position:static;margin:0 0 24px}.is-enhanced .detail-note[hidden]{display:block}.detail-controls,.scroll-invitation{display:none!important}.art-atmosphere{transform:none!important}}
/* One comparison setting keeps the same camera and scroll position. */
:root{--reader-top:136px}.art-view-switch{position:sticky;top:88px;z-index:10;min-height:48px;padding:5px 24px;display:flex;align-items:center;gap:5px;background:var(--paper) var(--paper-image);background-size:850px;border-bottom:1px solid #a38f6c44;font:13px/1.4 Arial,sans-serif}.art-view-switch>span:first-child{letter-spacing:1.2px;font-size:10px;margin-right:10px;color:var(--muted)}.art-view-switch button{padding:7px 11px;border-radius:3px;min-height:36px;font-size:13px}.art-view-switch button[aria-pressed=true]{background:var(--wine);color:#fff4df}.art-view-switch #art-mode-status{font-size:11px;color:#6b5540;margin-left:auto;text-align:right;max-width:190px}.art-view-switch button:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
@media(max-width:600px){:root{--reader-top:124px}.art-view-switch{top:76px;padding:5px 14px;gap:1px}.art-view-switch>span:first-child{display:none}.art-view-switch button{padding:7px 9px}.art-view-switch #art-mode-status{font-size:10px;max-width:110px}.is-enhanced .art-sticky{min-height:480px}}

img[data-enhanced="assets/initial-s-enhanced.png"]{mask-image:url("assets/initial-s.png");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("assets/initial-s.png");-webkit-mask-size:100% 100%;}