html.gallery-choice-open { overflow:hidden; }
#gallery-choice[open] { display:block; height:fit-content; }
#gallery-choice { width:min(960px,94vw); max-width:94vw; max-height:90dvh; height:auto; margin:auto; padding:36px 34px 24px; border:1px solid #d5cfbb; background:#f8f5ec; color:#4b5043; overflow:auto; overscroll-behavior:contain; box-shadow:0 24px 100px #252d2345; }
#gallery-choice::backdrop { background:#283127ad; backdrop-filter:blur(4px); }
.gallery-choice-close { position:absolute; top:12px; right:12px; margin:0; }
.gallery-choice-close button { display:grid; place-items:center; width:44px; height:44px; border:1px solid #d4cebe; border-radius:50%; background:#f8f5ec; color:#53614d; font:28px/1 var(--sans,system-ui); }
.gallery-choice-kicker { padding:0 36px; text-align:center; font:9px/1.8 var(--sans,system-ui); letter-spacing:.2em; color:#858571; }
#gallery-choice-title { margin:20px 0 12px; text-align:center; font:400 clamp(23px,3vw,34px)/1.6 var(--serif,serif); letter-spacing:-.04em; word-break:keep-all; }
#gallery-choice-description { text-align:center; font:12px/1.8 var(--sans,system-ui); color:#888675; word-break:keep-all; }
.gallery-choice-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:28px; }
.gallery-choice-card { display:flex; flex-direction:column; min-width:0; border:1px solid #d5cfbb; color:inherit; text-decoration:none; background:#f5f1e7; }
.gallery-choice-card>img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; }
.gallery-choice-copy { display:flex; flex-direction:column; flex:1; padding:20px; }
.gallery-choice-label { margin:0; font:10px/1.6 var(--sans,system-ui); letter-spacing:.17em; color:#777f69; }
.gallery-choice-copy h3 { margin:10px 0; font:400 24px/1.6 var(--serif,serif); letter-spacing:-.04em; }
.gallery-choice-copy>p:not(.gallery-choice-label) { margin:0 0 20px; font:11px/1.9 var(--sans,system-ui); color:#898675; word-break:keep-all; }
.gallery-choice-action { display:flex; justify-content:space-between; gap:12px; margin-top:auto; padding:14px 16px; background:#53614d; color:#f8f5ec; font:12px/1.6 var(--sans,system-ui); }
.gallery-choice-card:hover { border-color:#829071; }
.gallery-choice-card:hover .gallery-choice-action { background:#43523c; }
.gallery-choice-card:focus-visible,.gallery-choice-close button:focus-visible { outline:2px solid #637850; outline-offset:4px; }
.gallery-choice-footnote { margin:22px 0 0; text-align:center; font:10px/1.8 var(--sans,system-ui); color:#96927e; }
@media(max-width:600px) {
  #gallery-choice { padding:28px 18px 20px; }
  .gallery-choice-kicker { font-size:8px; padding:0 28px; }
  #gallery-choice-title { margin-top:20px; font-size:23px; }
  #gallery-choice-description { font-size:11px; }
  .gallery-choice-options { grid-template-columns:1fr; gap:18px; margin-top:22px; }
  .gallery-choice-card>img { aspect-ratio:16/9; }
  .gallery-choice-copy { padding:16px; }
  .gallery-choice-copy h3 { font-size:22px; margin:6px 0; }
  .gallery-choice-copy>p:not(.gallery-choice-label) { margin-bottom:14px; }
}