.poem-art-button{position:relative;display:block;overflow:hidden;border:0;background:transparent;border-radius:4px;padding:0;cursor:zoom-in;aspect-ratio:3/2;transition:opacity 300ms var(--motion),transform 500ms var(--motion)}.poem-art-button:hover{opacity:.94}.poem-art-button:active{transform:scale(.98)}.poem-art-button:focus-visible{outline:3px solid #608b9c;outline-offset:4px}.poem-art-button .poem-illustration{display:block;width:100%;height:100%;object-fit:contain}.home-ticket .poem-art-button{width:100%;padding:var(--spacing-75) 0;aspect-ratio:auto}.art-zoom{position:absolute;right:var(--spacing-75);bottom:var(--spacing-75);display:flex;align-items:center;gap:var(--spacing-50);padding:var(--spacing-50) var(--spacing-75);border-radius:4px;background:#f8faf3e8;color:var(--teal-dark)}
.poem-art-dialog{width:min(800px,calc(100vw - 24px));height:min(760px,calc(var(--app-height,100dvh) - 24px));max-height:calc(var(--app-height,100dvh) - 24px);padding:0;overflow:hidden;background:#f8faf3}.poem-art-dialog .dialog-inner{height:100%;padding:var(--spacing-200);display:flex;flex-direction:column;gap:var(--spacing-100)}.poem-art-dialog .dialog-header,.poem-art-dialog .dialog-description,.poem-art-dialog .art-gallery-pager,.poem-art-dialog .dialog-inner>.button{flex-shrink:0}.poem-art-dialog .dialog-header h2{font:500 24px/32px var(--serif)}.poem-art-dialog .dialog-description{margin:0;font:400 12px/16px var(--sans)}.art-gallery-figure{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--spacing-75);margin:0}.art-gallery-image{display:block;object-fit:contain;width:100%;height:100%;min-height:0;border-radius:4px}.art-gallery-figure figcaption{color:var(--muted);text-align:center}.art-gallery-pager{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-75)}.art-gallery-pager span{color:var(--muted)}.art-unavailable{align-self:center;text-align:center;color:var(--muted)}
.poem-art-button>.landscape{width:100%;height:100%;max-height:100%;margin:0;padding:0}
@media(max-height:480px){.poem-art-dialog .dialog-inner{padding:var(--spacing-100);gap:var(--spacing-50)}.poem-art-dialog .dialog-header h2{font-size:20px;line-height:28px}.poem-art-dialog .dialog-inner>.button.primary{min-height:40px}.poem-art-dialog .art-gallery-pager .button{min-height:32px}}
@media(prefers-reduced-motion:reduce){.poem-art-button{transition:none}}