/* An unhurried arrival. No clipping, sweeping panel, or motion controls. */
.contents-dialog{
  --contents-enter-duration:1.2s;
  --contents-leave-duration:.6s;
  --contents-ease:cubic-bezier(.22,.61,.3,1);
  clip-path:none;
}
.contents-dialog[open]{
  animation:contents-menu-arrive var(--contents-enter-duration) var(--contents-ease) both;
}
.contents-dialog[open]::backdrop{
  animation:contents-backdrop-arrive var(--contents-enter-duration) ease both;
}
.contents-dialog[open] .dialog-top{
  animation:contents-menu-detail .9s var(--contents-ease) .12s both;
}
.contents-dialog[open] .contents-inner>p.eyebrow{
  animation:contents-menu-detail .9s var(--contents-ease) .16s both;
}
.contents-dialog[open] .contents-inner button{
  animation:contents-menu-detail .8s var(--contents-ease) both;
  animation-delay:calc(.16s + var(--item)*.04s);
}
.contents-dialog[open] .contents-residences{
  animation:contents-menu-detail .78s var(--contents-ease) .39s both;
}
.contents-dialog[open] .contents-inner .contents-bottom{
  animation:contents-menu-detail .74s var(--contents-ease) .43s both;
}
.contents-dialog[open] .contents-feature img{
  animation:contents-menu-photo var(--contents-enter-duration) var(--contents-ease) both;
}
.contents-dialog[open] .contents-feature>div{
  animation:contents-menu-detail .9s var(--contents-ease) .24s both;
}
.contents-dialog .contents-inner button{
  transition:padding .6s var(--contents-ease),color .45s ease;
}
.contents-dialog .contents-inner button:hover{padding-left:6px}
.contents-dialog .contents-residences{transition:color .45s ease}
.contents-dialog.is-closing{
  animation:contents-menu-leave var(--contents-leave-duration) cubic-bezier(.4,0,.55,1) both;
  pointer-events:none;
}
.contents-dialog.is-closing::backdrop{
  animation:contents-backdrop-leave var(--contents-leave-duration) ease both;
}
@keyframes contents-menu-arrive{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes contents-menu-detail{
  from{opacity:0;transform:translateY(9px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes contents-menu-photo{
  from{transform:scale(1.025)}
  to{transform:scale(1)}
}
@keyframes contents-menu-leave{
  from{opacity:var(--contents-exit-opacity,1);transform:var(--contents-exit-transform,none)}
  to{opacity:0;transform:translateY(-8px)}
}
@keyframes contents-backdrop-arrive{from{opacity:0}to{opacity:1}}
@keyframes contents-backdrop-leave{from{opacity:1}to{opacity:0}}

/* The fourth concept's menu is part of its charcoal and gold palette. */
.gilded-page .contents-dialog{
  --paper:#111311;
  --ink:#f0ece2;
  --rule:#bcaa7e30;
  background:#111311;
  color:#f0ece2;
  color-scheme:dark;
}
.gilded-page .contents-dialog::backdrop{background:#070a08d1}
.gilded-page .contents-dialog .dialog-top{
  background:#111311;
  border-color:#bcaa7e30;
  color:#f0ece2;
}
.gilded-page .contents-dialog .dialog-top img{object-fit:contain}
.gilded-page .contents-dialog .dialog-close{color:#d6c49d}
.gilded-page .contents-dialog .contents-feature{background:#191c17}
.gilded-page .contents-dialog .contents-feature:after{
  background:linear-gradient(transparent 25%,#111311bf);
}
.gilded-page .contents-dialog .contents-feature>div{color:#f0ece2}
.gilded-page .contents-dialog .contents-feature h2 em{color:#d8c7a2}
.gilded-page .contents-dialog .eyebrow{color:#bcaa7e}
.gilded-page .contents-dialog .contents-inner button{
  color:#f0ece2;
  border-color:#bcaa7e30;
}
.gilded-page .contents-dialog .contents-inner button span:last-child{color:#bcaa7e}
.gilded-page .contents-dialog .contents-inner button:hover,
.gilded-page .contents-dialog .contents-residences:hover{color:#d8c7a2}
.gilded-page .contents-dialog .contents-residences{
  border-color:#bcaa7e57;
  color:#f0ece2;
}
.gilded-page .contents-dialog .contents-residences span:last-child{color:#bcaa7e}
.gilded-page .contents-dialog .contents-inner .contents-bottom{
  color:#aeb5a7;
  opacity:1;
}
@media(max-width:650px){
  .contents-dialog .contents-inner button:hover{padding-left:3px}
  .gilded-page .contents-dialog .contents-inner{background:#111311}
}