/* A single button stays visible as its two strokes become the close icon. */
.burger path{transform-box:view-box;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.burger-top{transform-origin:12px 8px}.burger-bottom{transform-origin:12px 16px}
.menu.is-open .burger-top{transform:translateY(4px) rotate(45deg)}
.menu.is-open .burger-bottom{transform:translateY(-4px) rotate(-45deg)}
.menu-dialog .menu{order:initial;color:var(--wine);min-width:44px;min-height:44px;padding-inline:8px}
.menu-dialog .menu-label{display:none}
.menu-dialog[open]{animation:none;opacity:0;transform:translateY(-12px);clip-path:inset(0 0 100% 0);transition:clip-path .65s cubic-bezier(.76,0,.24,1),transform .65s cubic-bezier(.22,1,.36,1),opacity .45s ease}
.menu-dialog[open].is-open{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}
.menu-dialog::backdrop{background:#211b1800;transition:background-color .65s ease}
.menu-dialog.is-open::backdrop{background:#211b18aa}
.menu-dialog .menu-top{position:relative;z-index:2}
.menu-dialog nav a{opacity:0;transform:translateY(22px);transition:opacity .4s ease,transform .55s cubic-bezier(.22,1,.36,1),color .2s ease;transition-delay:0s}
.menu-dialog.is-open nav a{opacity:1;transform:translateY(0);transition-delay:calc(.12s + var(--link-order,0)*.045s)}
.menu-dialog.is-open nav a:hover{transform:translateX(8px);transition-delay:0s}
.menu-dialog .menu-aside,.menu-dialog .menu-bottom{opacity:0;transform:translateY(15px);transition:opacity .4s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.menu-dialog.is-open .menu-aside,.menu-dialog.is-open .menu-bottom{opacity:1;transform:none;transition-delay:.2s}
.menu-aside{overflow:hidden}.menu-aside img{transition:transform 1s cubic-bezier(.22,1,.36,1)}
.hero>img{animation:roman-image-settle 1.8s cubic-bezier(.22,1,.36,1) both}
@keyframes roman-image-settle{from{opacity:0;transform:translateY(14px) scale(1.035)}to{opacity:1;transform:translateY(0) scale(1)}}
.image-reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform 1.05s cubic-bezier(.22,1,.36,1)}
.image-reveal.image-visible{opacity:1;transform:none}
.tour-image img{transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.card:hover .tour-image img{transform:scale(1.045)}.menu-aside:hover img{transform:scale(1.025)}}
@media(hover:none){.card:hover .tour-image img{transform:none}}
@media(prefers-reduced-motion:reduce){
  .menu-dialog[open],.menu-dialog[open].is-open{transition:none;animation:none;clip-path:none;transform:none;opacity:1}
  .menu-dialog nav a,.menu-dialog .menu-aside,.menu-dialog .menu-bottom,.image-reveal{transition:none;transform:none;opacity:1}
  .hero>img{animation:none}.burger path,.tour-image img,.menu-aside img{transition:none}
}