.site-card .comparison-figure{background:transparent;overflow:visible}
.comparison-toggle{display:block;position:relative;isolation:isolate;width:100%;padding:0;border:0;color:var(--ink);background:#eee9df;overflow:hidden;aspect-ratio:3/2;text-align:left;cursor:pointer}
.comparison-toggle:focus-visible{outline-offset:4px}
.comparison-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.comparison-image{position:absolute;left:0;top:0;width:200%;max-width:none;height:100%;object-fit:fill;pointer-events:none;user-select:none}
.comparison-after .comparison-image{transform:translateX(-50%)}
.photo-collection .card-no{display:grid;place-items:center;min-width:32px;min-height:32px;padding:0 6px;background:#fffdfbe8;color:#332e2c}
.comparison-after{clip-path:inset(0 100% 0 0);transition:clip-path .7s cubic-bezier(.2,.75,.25,1)}
[data-comparison][data-after=true] .comparison-after{clip-path:inset(0 0 0 0)}
.comparison-toggle::after{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#fff9;opacity:0;transition:left .7s cubic-bezier(.2,.75,.25,1),opacity .18s}
[data-comparison][data-after=true] .comparison-toggle::after{left:100%;opacity:1}
/* Keep the changing description available to assistive technology, off the artwork. */
.comparison-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-card .card-title-link{display:flex;align-items:center;min-height:44px;margin-top:10px}
.site-card .card-title-link h2{width:100%;margin:0;font-size:20px}
.card-title-link:hover{color:var(--accent)}
.site-card .card-eng{margin-top:0}
.comparison-toggle[disabled]{cursor:default}
.site-card .comparison-error{font-size:12px;padding:12px 0;color:var(--muted)}
.collection-footnote{display:flex;justify-content:space-between;gap:18px;padding:20px 0 40px;margin-bottom:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
@media(max-width:600px){.hub .site-grid{grid-template-columns:1fr;gap:34px}.site-card .card-title-link h2{font-size:21px}.site-card .card-eng{font-size:9px}.collection-footnote{flex-direction:column;gap:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.comparison-after,.comparison-toggle::after{transition:none}}
@media print{.comparison-after{display:none}.comparison-toggle{break-inside:avoid}}