.masthead nav{display:flex;gap:20px;flex-wrap:wrap}.masthead nav a{font:inherit;font-size:14px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.story-languages{display:flex;gap:18px;margin-top:20px}.story-languages button{padding-left:0;padding-right:0}.story-languages button[aria-pressed="true"]{border-bottom:2px solid var(--navy);font-weight:600}.architecture-story{max-width:70ch;margin:32px auto 0;line-height:1.75;font-size:17px}.architecture-story h2{font-size:clamp(27px,3vw,36px);margin-bottom:18px}.architecture-story p{margin:0 0 18px}.architecture-story h3{font-size:17px;margin:24px 0 8px}.architecture-story ul{padding-left:22px}.story-links{display:flex;gap:20px;flex-wrap:wrap}.story-links a{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid var(--line);text-decoration:none}.illustration-label{font-size:12px;color:var(--muted);margin:0}.status:empty{display:none}#model-notes[hidden],#model-fallback[hidden]{display:none}#model-fallback{margin:0}#model-photo{width:100%;max-height:540px;object-fit:contain}#model-fallback figcaption{font-size:12px;color:var(--muted);padding:10px 0}#model-fallback figcaption a{display:inline-flex;min-height:44px;align-items:center}.model-view.model-unavailable #stage,.model-view.model-unavailable .toolbar,.model-view.model-unavailable .illustration-label{display:none}
/* An embedded viewer is a figure inside somebody else's page, and that page
   has already written the heading. Both embedders, the 9/11 Memorial
   destination page and the New York landmarks page, print the model name
   immediately above the frame, so the viewer's own copy of it read as the
   same title twice. The story language chips STAY: the host page can only
   hand this frame English or Chinese, so the chips are the only way a
   reader inside the frame reaches the rest. */
body.architecture-embed .masthead,body.architecture-embed .intro,body.architecture-embed .selection>label,body.architecture-embed .selection h2,body.architecture-embed #landmark,body.architecture-embed #model-description{display:none}body.architecture-embed main{padding:10px 1px 12px;max-width:none}body.architecture-embed .studio{display:flex;flex-direction:column;gap:12px}body.architecture-embed .selection h2{font-size:25px;margin:0 0 8px}body.architecture-embed .selection nav{gap:4px 18px}body.architecture-embed .story-languages{margin-top:4px}body.architecture-embed #stage{height:420px;min-height:340px;max-height:none}body.architecture-embed .architecture-story{margin-top:22px;font-size:16px;max-width:70ch}body.architecture-embed .architecture-story h2{font-size:26px}body.architecture-embed .model-view:fullscreen #stage{height:calc(100vh - 100px);min-height:0}
@media(max-width:760px){.masthead{align-items:flex-start}.masthead nav{gap:10px}.masthead nav a{font-size:13px}.architecture-story{font-size:16px;margin-top:22px}.story-languages{margin-top:10px}body.architecture-embed #stage{height:355px;min-height:355px}body.architecture-embed .toolbar button{font-size:13px;padding:8px 6px}}