/* A quiet, architectural fill for the site's calls to action. */
.outline-button,.page-button,.mobile-cta,.hero-video-control{
  --button-fill:#292929;
  --button-hover-text:#fff;
  font-size:12px;
  background-image:linear-gradient(var(--button-fill),var(--button-fill));
  background-repeat:no-repeat;
  background-position:left center;
  background-size:0 100%;
  transition:background-size .4s cubic-bezier(.22,1,.36,1),color .3s ease,border-color .3s ease;
}
.mobile-cta{font-size:13px}
.hero .outline-button,.closing .outline-button,.page-callout .page-button,.hero-video-control{
  --button-fill:#f6f3ed;
  --button-hover-text:#262626;
}
.outline-button:focus-visible,.page-button:focus-visible,.mobile-cta:focus-visible,.hero-video-control:focus-visible{outline:2px solid #817052;outline-offset:4px}
.hero .outline-button:focus-visible,.closing .outline-button:focus-visible,.page-callout .page-button:focus-visible,.hero-video-control:focus-visible{outline-color:#fff}
.caption a,.accordion-link{font-size:11px;transition:color .3s ease,border-color .3s ease}
@media(hover:hover){
  :is(.intro .outline-button,.outline-button,.page-button,.mobile-cta,.hero-video-control):hover{
    color:var(--button-hover-text);
    border-color:var(--button-fill);
    background-color:transparent;
    background-image:linear-gradient(var(--button-fill),var(--button-fill));
    background-repeat:no-repeat;
    background-position:left center;
    background-size:100% 100%;
  }
  .caption a:hover,.accordion-link:hover{color:#786346;border-color:#786346}
}
@media(prefers-reduced-motion:reduce){
  .outline-button,.page-button,.mobile-cta,.hero-video-control,.caption a,.accordion-link{transition:none}
}