/* A connected archive/courtyard/hall passage. Original media, native scrolling. */
.werk-passage{margin:clamp(48px,7vw,110px) 0;background:var(--ink,#202221);color:var(--paper,#f2f0e8);position:relative;isolation:isolate}
.werk-passage-head{padding:42px clamp(24px,5vw,80px);display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:end;border-top:1px solid currentColor}
.werk-passage-head h2{font:400 clamp(64px,7vw,112px)/.94 var(--font-display);margin:0;letter-spacing:0}
.werk-passage-head p{font:400 20px/1.6 var(--font-body);max-width:36ch;margin:0}
.werk-passage-frame{position:relative}
.werk-passage-visual{margin:0;min-width:0}
.werk-passage-visual img{display:block;width:100%;height:auto;object-fit:contain}
.werk-passage-visual figcaption{font:400 18px/1.5 var(--font-body);padding:16px 24px;border-top:1px solid currentColor}
.werk-passage-copy{padding:28px clamp(24px,5vw,80px)}
.werk-passage-copy h3{font:400 clamp(58px,6vw,96px)/.98 var(--font-display);letter-spacing:0;margin:16px 0 24px;max-width:14ch}
.werk-passage-copy p{font:400 20px/1.6 var(--font-body);max-width:33ch}
.werk-passage-copy .passage-number{font:400 18px/1.5 var(--font-body)}
.werk-passage-copy a{display:inline-flex;align-items:center;min-height:48px;padding:12px 0;font:700 20px/1.4 var(--font-body);color:inherit;text-decoration:underline;text-underline-offset:6px}
.werk-passage-choices{display:none;flex-wrap:wrap;gap:12px 28px;padding:20px clamp(24px,5vw,80px);border-block:1px solid currentColor;background:var(--brand-green,#d6efc0);color:var(--ink,#202221)}
.werk-passage-choices button{font:400 20px/1.4 var(--font-body);background:transparent;color:inherit;border:0;border-bottom:3px solid transparent;min-height:52px;padding:10px 0;cursor:pointer;text-align:left}
.werk-passage-choices button[aria-pressed=true]{border-bottom-color:currentColor;font-weight:700}
.werk-passage-choices button:focus-visible,.werk-passage a:focus-visible{outline:3px solid currentColor;outline-offset:6px}
.werk-passage-progress{height:3px;background:var(--brand-green,#d6efc0);transform:scaleX(0);transform-origin:left;position:absolute;bottom:0;left:0;right:0}
.werk-passage.is-enhanced .werk-passage-choices{display:flex}
.werk-passage.is-enhanced .werk-passage-frame{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);align-items:center;min-height:570px}
.werk-passage.is-enhanced .werk-passage-visual{grid-column:2;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.werk-passage.is-enhanced .werk-passage-visual[hidden],.werk-passage.is-enhanced .werk-passage-copy[hidden]{display:none}
.werk-passage.is-enhanced .werk-passage-visual img{width:100%;height:clamp(340px,39vw,620px);object-fit:contain;flex:1;min-height:0}
.werk-passage.is-enhanced .werk-passage-copy{grid-column:1;grid-row:1;padding:32px clamp(24px,4vw,64px);z-index:1}
.werk-passage[data-passage-index="1"] .werk-passage-frame{background:var(--brand-green,#d6efc0);color:var(--ink,#202221)}
.werk-passage[data-passage-index="2"] .werk-passage-frame{background:var(--paper,#f2f0e8);color:var(--ink,#202221)}
@media(max-width:900px){
 .werk-passage{margin:48px 0}.werk-passage-head{display:block;padding:28px 22px}.werk-passage-head h2{font-size:clamp(54px,12vw,96px);margin-bottom:24px}
 .werk-passage-head p{font-size:20px;line-height:1.6;max-width:34ch}
 .werk-passage.is-enhanced .werk-passage-frame{display:flex;flex-direction:column;align-items:stretch;min-height:0}
 .werk-passage.is-enhanced .werk-passage-visual{order:0}.werk-passage.is-enhanced .werk-passage-visual img{height:auto;aspect-ratio:4/3;flex:none;min-height:0}
 .werk-passage.is-enhanced .werk-passage-copy{order:1;padding:26px 22px 34px;min-height:330px}
 .werk-passage-copy h3{font-size:clamp(54px,13vw,80px);max-width:16ch}.werk-passage-copy p{font-size:20px;line-height:1.6}
 .werk-passage-visual figcaption{font-size:18px;line-height:1.6;padding:15px 22px;min-height:86px}
 .werk-passage-choices{padding:14px 22px;gap:4px 22px}.werk-passage-choices button{font-size:20px;min-height:52px}
 .werk-passage-copy a{font-size:20px;min-height:48px}.werk-passage-copy .passage-number{font-size:18px}
}
@media print{.werk-passage.is-enhanced .werk-passage-frame{display:block;height:auto}.werk-passage[data-passage-pinned=true]{min-height:0}.werk-passage-sticky{position:static!important}.werk-passage [hidden]{display:block!important}.werk-passage-choices,.werk-passage-progress{display:none}}